@blaze-cms/react-page-builder 0.141.0-core-variants.0 → 0.141.0-core-styles.16
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 -9
- package/lib/components/ContentGroup/ContentGroupTabs.js +8 -10
- package/lib/components/ContentGroup/ContentGroupTabs.js.map +1 -1
- package/lib/components/List/ListRender.js +3 -1
- package/lib/components/List/ListRender.js.map +1 -1
- package/lib/components/List/helpers/build-query-booster.js +57 -0
- package/lib/components/List/helpers/build-query-booster.js.map +1 -0
- package/lib/components/List/helpers/index.js +7 -0
- package/lib/components/List/helpers/index.js.map +1 -1
- package/lib/components/Menu/Menu.js +2 -4
- package/lib/components/Menu/Menu.js.map +1 -1
- package/lib/components/MenuItem/MenuItem.js +2 -1
- package/lib/components/MenuItem/MenuItem.js.map +1 -1
- package/lib/hooks/helpers/getVariant.js.map +1 -1
- package/lib/variants/index.js +1 -13
- package/lib/variants/index.js.map +1 -1
- package/lib-es/components/ContentGroup/ContentGroupTabs.js +8 -10
- package/lib-es/components/ContentGroup/ContentGroupTabs.js.map +1 -1
- package/lib-es/components/List/ListRender.js +3 -1
- package/lib-es/components/List/ListRender.js.map +1 -1
- package/lib-es/components/List/helpers/build-query-booster.js +41 -0
- package/lib-es/components/List/helpers/build-query-booster.js.map +1 -0
- package/lib-es/components/List/helpers/index.js +1 -0
- package/lib-es/components/List/helpers/index.js.map +1 -1
- package/lib-es/components/Menu/Menu.js +2 -4
- package/lib-es/components/Menu/Menu.js.map +1 -1
- package/lib-es/components/MenuItem/MenuItem.js +2 -1
- package/lib-es/components/MenuItem/MenuItem.js.map +1 -1
- package/lib-es/hooks/helpers/getVariant.js.map +1 -1
- package/lib-es/variants/index.js +1 -12
- package/lib-es/variants/index.js.map +1 -1
- package/package.json +10 -10
- package/src/components/ContentGroup/ContentGroupTabs.js +8 -11
- package/src/components/List/ListRender.js +3 -1
- package/src/components/List/helpers/build-query-booster.js +35 -0
- package/src/components/List/helpers/index.js +1 -0
- package/src/components/Menu/Menu.js +2 -4
- package/src/components/MenuItem/MenuItem.js +5 -2
- package/src/hooks/helpers/getVariant.js +0 -1
- package/src/variants/index.js +1 -13
- package/tests/unit/src/components/ContentGroup/__snapshots__/ContentGroupTabs.test.js.snap +0 -2
- package/tests/unit/src/components/List/helpers/build-query-booster.test.js +33 -0
- package/tests/unit/src/components/MenuItem/__snapshots__/MenuItem.test.js.snap +2 -0
- package/tests/unit/src/components/PlaceholderIcon/__snapshots__/index.test.js.snap +2 -0
- package/lib/variants/HeroImage/index.js +0 -29
- package/lib/variants/HeroImage/index.js.map +0 -1
- package/lib/variants/Infographic/Infographic.js +0 -27
- package/lib/variants/Infographic/Infographic.js.map +0 -1
- package/lib/variants/Infographic/index.js +0 -29
- package/lib/variants/Infographic/index.js.map +0 -1
- package/lib/variants/Infographic/useInfographic.js +0 -43
- package/lib/variants/Infographic/useInfographic.js.map +0 -1
- package/lib/variants/LongformGallery/LongformGallery.js +0 -51
- package/lib/variants/LongformGallery/LongformGallery.js.map +0 -1
- package/lib/variants/LongformGallery/LongformGalleryImage.js +0 -68
- package/lib/variants/LongformGallery/LongformGalleryImage.js.map +0 -1
- package/lib/variants/LongformGallery/constants.js +0 -19
- package/lib/variants/LongformGallery/constants.js.map +0 -1
- package/lib/variants/LongformGallery/helpers/index.js +0 -29
- package/lib/variants/LongformGallery/helpers/index.js.map +0 -1
- package/lib/variants/LongformGallery/helpers/parseImageData.js +0 -42
- package/lib/variants/LongformGallery/helpers/parseImageData.js.map +0 -1
- package/lib/variants/LongformGallery/helpers/separateImages.js +0 -27
- package/lib/variants/LongformGallery/helpers/separateImages.js.map +0 -1
- package/lib/variants/LongformGallery/helpers/shouldSkip.js +0 -13
- package/lib/variants/LongformGallery/helpers/shouldSkip.js.map +0 -1
- package/lib/variants/LongformGallery/index.js +0 -31
- package/lib/variants/LongformGallery/index.js.map +0 -1
- package/lib/variants/LongformGallery/useLongformGallery.js +0 -63
- package/lib/variants/LongformGallery/useLongformGallery.js.map +0 -1
- package/lib/variants/LongformRow/index.js +0 -29
- package/lib/variants/LongformRow/index.js.map +0 -1
- package/lib/variants/ParallaxImageTextRight/index.js +0 -30
- package/lib/variants/ParallaxImageTextRight/index.js.map +0 -1
- package/lib-es/variants/HeroImage/index.js +0 -10
- package/lib-es/variants/HeroImage/index.js.map +0 -1
- package/lib-es/variants/Infographic/Infographic.js +0 -20
- package/lib-es/variants/Infographic/Infographic.js.map +0 -1
- package/lib-es/variants/Infographic/index.js +0 -10
- package/lib-es/variants/Infographic/index.js.map +0 -1
- package/lib-es/variants/Infographic/useInfographic.js +0 -23
- package/lib-es/variants/Infographic/useInfographic.js.map +0 -1
- package/lib-es/variants/LongformGallery/LongformGallery.js +0 -37
- package/lib-es/variants/LongformGallery/LongformGallery.js.map +0 -1
- package/lib-es/variants/LongformGallery/LongformGalleryImage.js +0 -56
- package/lib-es/variants/LongformGallery/LongformGalleryImage.js.map +0 -1
- package/lib-es/variants/LongformGallery/constants.js +0 -18
- package/lib-es/variants/LongformGallery/constants.js.map +0 -1
- package/lib-es/variants/LongformGallery/helpers/index.js +0 -5
- package/lib-es/variants/LongformGallery/helpers/index.js.map +0 -1
- package/lib-es/variants/LongformGallery/helpers/parseImageData.js +0 -26
- package/lib-es/variants/LongformGallery/helpers/parseImageData.js.map +0 -1
- package/lib-es/variants/LongformGallery/helpers/separateImages.js +0 -13
- package/lib-es/variants/LongformGallery/helpers/separateImages.js.map +0 -1
- package/lib-es/variants/LongformGallery/helpers/shouldSkip.js +0 -3
- package/lib-es/variants/LongformGallery/helpers/shouldSkip.js.map +0 -1
- package/lib-es/variants/LongformGallery/index.js +0 -12
- package/lib-es/variants/LongformGallery/index.js.map +0 -1
- package/lib-es/variants/LongformGallery/useLongformGallery.js +0 -48
- package/lib-es/variants/LongformGallery/useLongformGallery.js.map +0 -1
- package/lib-es/variants/LongformRow/index.js +0 -10
- package/lib-es/variants/LongformRow/index.js.map +0 -1
- package/lib-es/variants/ParallaxImageTextRight/index.js +0 -11
- package/lib-es/variants/ParallaxImageTextRight/index.js.map +0 -1
- package/src/variants/HeroImage/index.js +0 -8
- package/src/variants/Infographic/Infographic.js +0 -14
- package/src/variants/Infographic/index.js +0 -10
- package/src/variants/Infographic/useInfographic.js +0 -18
- package/src/variants/LongformGallery/LongformGallery.js +0 -48
- package/src/variants/LongformGallery/LongformGalleryImage.js +0 -62
- package/src/variants/LongformGallery/constants.js +0 -21
- package/src/variants/LongformGallery/helpers/index.js +0 -5
- package/src/variants/LongformGallery/helpers/parseImageData.js +0 -25
- package/src/variants/LongformGallery/helpers/separateImages.js +0 -22
- package/src/variants/LongformGallery/helpers/shouldSkip.js +0 -3
- package/src/variants/LongformGallery/index.js +0 -11
- package/src/variants/LongformGallery/useLongformGallery.js +0 -50
- package/src/variants/LongformRow/index.js +0 -8
- package/src/variants/ParallaxImageTextRight/index.js +0 -9
- package/tests/unit/src/variants/LongFormGallery/LongformGallery.test.js +0 -41
- package/tests/unit/src/variants/LongFormGallery/LongformGalleryImage.test.js +0 -44
- package/tests/unit/src/variants/LongFormGallery/__snapshots__/LongformGallery.test.js.snap +0 -102
- package/tests/unit/src/variants/LongFormGallery/__snapshots__/LongformGalleryImage.test.js.snap +0 -51
- package/tests/unit/src/variants/LongFormGallery/constants.js +0 -37
- package/tests/unit/src/variants/LongFormGallery/helpers/parseImageData.test.js +0 -53
- package/tests/unit/src/variants/LongFormGallery/helpers/separateImages.test.js +0 -54
- package/tests/unit/src/variants/LongFormGallery/helpers/shouldSkip.test.js +0 -23
- package/tests/unit/src/variants/LongFormGallery/useLongformGallery.test.js +0 -39
|
@@ -3,7 +3,6 @@ import { variantHandler } from '../../utils';
|
|
|
3
3
|
export default function getVariant(settings) {
|
|
4
4
|
const { variant } = settings;
|
|
5
5
|
if (!variant) return [null, {}];
|
|
6
|
-
|
|
7
6
|
const { VariantComponent, getSettings } = variantHandler.get(variant) || {};
|
|
8
7
|
const variantSettings =
|
|
9
8
|
!!getSettings && typeof getSettings === 'function' ? getSettings(settings) : settings;
|
package/src/variants/index.js
CHANGED
|
@@ -1,13 +1 @@
|
|
|
1
|
-
|
|
2
|
-
import infographic from './Infographic';
|
|
3
|
-
import longformGallery from './LongformGallery';
|
|
4
|
-
import longformRow from './LongformRow';
|
|
5
|
-
import parallaxImageTextRight from './ParallaxImageTextRight';
|
|
6
|
-
|
|
7
|
-
export default {
|
|
8
|
-
heroImage,
|
|
9
|
-
infographic,
|
|
10
|
-
longformGallery,
|
|
11
|
-
longformRow,
|
|
12
|
-
parallaxImageTextRight
|
|
13
|
-
};
|
|
1
|
+
export default {};
|
|
@@ -36,7 +36,6 @@ exports[`ContentGroupTabs component should match snapshot and render sidepanel c
|
|
|
36
36
|
class="content-group-sidepanel__content-section"
|
|
37
37
|
id="section-one"
|
|
38
38
|
role="tabpanel"
|
|
39
|
-
tabid="tab-section-one"
|
|
40
39
|
>
|
|
41
40
|
<div>
|
|
42
41
|
section one
|
|
@@ -82,7 +81,6 @@ exports[`ContentGroupTabs component should match snapshot and render tabs conten
|
|
|
82
81
|
class="content-group-tabs__content-section"
|
|
83
82
|
id="section-one"
|
|
84
83
|
role="tabpanel"
|
|
85
|
-
tabid="tab-section-one"
|
|
86
84
|
>
|
|
87
85
|
<div>
|
|
88
86
|
section one
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import buildQueryBooster from '../../../../../../src/components/List/helpers/build-query-booster';
|
|
2
|
+
|
|
3
|
+
describe('buildQueryBooster helper function', () => {
|
|
4
|
+
it('should return unmodified variables if no recencyBoostProperty is present in props', () => {
|
|
5
|
+
const noRecencyBoostProperty = buildQueryBooster({}, { rawQueryStringified: `{"test":"t"}` });
|
|
6
|
+
expect(noRecencyBoostProperty).toEqual({ rawQueryStringified: '{"test":"t"}' });
|
|
7
|
+
});
|
|
8
|
+
|
|
9
|
+
it('should return update rawQueryStringified with recency boosted props', () => {
|
|
10
|
+
const noRecencyBoostProperty = buildQueryBooster(
|
|
11
|
+
{ recencyBoostProperty: ['date'] },
|
|
12
|
+
{ rawQueryStringified: `{"test":"t"}` }
|
|
13
|
+
);
|
|
14
|
+
expect(noRecencyBoostProperty).toEqual({
|
|
15
|
+
rawQueryStringified:
|
|
16
|
+
'{"function_score":{"query":{"test":"t"},"functions":[{"gauss":{"date":{"origin":"now","scale":"30d","offset":"7d","decay":0.5}}}],"boost_mode":"multiply"}}'
|
|
17
|
+
});
|
|
18
|
+
});
|
|
19
|
+
|
|
20
|
+
it('should return update rawQueryStringified with recency boosted props and existing functions if present', () => {
|
|
21
|
+
const noRecencyBoostProperty = buildQueryBooster(
|
|
22
|
+
{ recencyBoostProperty: ['date'] },
|
|
23
|
+
{
|
|
24
|
+
rawQueryStringified:
|
|
25
|
+
'{"function_score":{"query":{"test":"t"},"functions":[{"gauss":{"test":{"origin":"now","scale":"30d","offset":"7d","decay":0.5}}}],"boost_mode":"multiply"}}'
|
|
26
|
+
}
|
|
27
|
+
);
|
|
28
|
+
expect(noRecencyBoostProperty).toEqual({
|
|
29
|
+
rawQueryStringified:
|
|
30
|
+
'{"function_score":{"query":{"test":"t"},"functions":[{"gauss":{"test":{"origin":"now","scale":"30d","offset":"7d","decay":0.5}}},{"gauss":{"date":{"origin":"now","scale":"30d","offset":"7d","decay":0.5}}}],"boost_mode":"multiply"}}'
|
|
31
|
+
});
|
|
32
|
+
});
|
|
33
|
+
});
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
exports[`MenuItem component should render link if url is passed 1`] = `
|
|
4
4
|
<DocumentFragment>
|
|
5
5
|
<li
|
|
6
|
+
aria-label="Item 1"
|
|
6
7
|
class="menu-item-mod"
|
|
7
8
|
>
|
|
8
9
|
<div
|
|
@@ -49,6 +50,7 @@ exports[`MenuItem component should render link if url is passed 1`] = `
|
|
|
49
50
|
exports[`MenuItem component should render without throwing an error and match snapshot 1`] = `
|
|
50
51
|
<DocumentFragment>
|
|
51
52
|
<li
|
|
53
|
+
aria-label="Item 1"
|
|
52
54
|
class="menu-item-mod"
|
|
53
55
|
>
|
|
54
56
|
<div
|
|
@@ -7,8 +7,10 @@ exports[`Placeholder component should render PlaceholderIcon 1`] = `
|
|
|
7
7
|
data-testid="placeholder-icon"
|
|
8
8
|
>
|
|
9
9
|
<svg
|
|
10
|
+
height="25px"
|
|
10
11
|
version="1.1"
|
|
11
12
|
viewBox="0 0 20 20"
|
|
13
|
+
width="25px"
|
|
12
14
|
xmlns="http://www.w3.org/2000/svg"
|
|
13
15
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
14
16
|
>
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
require("core-js/modules/es.object.keys.js");
|
|
4
|
-
require("core-js/modules/es.symbol.js");
|
|
5
|
-
require("core-js/modules/es.array.filter.js");
|
|
6
|
-
require("core-js/modules/es.object.to-string.js");
|
|
7
|
-
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
8
|
-
require("core-js/modules/es.array.for-each.js");
|
|
9
|
-
require("core-js/modules/web.dom-collections.for-each.js");
|
|
10
|
-
require("core-js/modules/es.object.get-own-property-descriptors.js");
|
|
11
|
-
require("core-js/modules/es.object.define-properties.js");
|
|
12
|
-
require("core-js/modules/es.object.define-property.js");
|
|
13
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
14
|
-
Object.defineProperty(exports, "__esModule", {
|
|
15
|
-
value: true
|
|
16
|
-
});
|
|
17
|
-
exports["default"] = void 0;
|
|
18
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
19
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
20
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
21
|
-
var HeroImage = {
|
|
22
|
-
getSettings: function getSettings(componentSettings) {
|
|
23
|
-
return _objectSpread(_objectSpread({}, componentSettings), {}, {
|
|
24
|
-
modifier: 'hero-image'
|
|
25
|
-
});
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
var _default = exports["default"] = HeroImage;
|
|
29
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["HeroImage","getSettings","componentSettings","_objectSpread","modifier","_default","exports"],"sources":["../../../src/variants/HeroImage/index.js"],"sourcesContent":["const HeroImage = {\n getSettings: componentSettings => ({\n ...componentSettings,\n modifier: 'hero-image'\n })\n};\n\nexport default HeroImage;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,SAAS,GAAG;EAChBC,WAAW,EAAE,SAAAA,YAAAC,iBAAiB;IAAA,OAAAC,aAAA,CAAAA,aAAA,KACzBD,iBAAiB;MACpBE,QAAQ,EAAE;IAAY;EAAA;AAE1B,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEaN,SAAS"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
require("core-js/modules/es.object.define-property.js");
|
|
4
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var _useInfographic2 = _interopRequireDefault(require("./useInfographic"));
|
|
11
|
-
var Infographic = function Infographic(props) {
|
|
12
|
-
var _useInfographic = (0, _useInfographic2["default"])(props),
|
|
13
|
-
contentRef = _useInfographic.contentRef,
|
|
14
|
-
id = _useInfographic.id,
|
|
15
|
-
className = _useInfographic.className,
|
|
16
|
-
tabId = _useInfographic.tabId,
|
|
17
|
-
children = _useInfographic.children;
|
|
18
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
19
|
-
ref: contentRef,
|
|
20
|
-
id: id,
|
|
21
|
-
className: className,
|
|
22
|
-
role: "tabpanel",
|
|
23
|
-
"aria-labelledby": tabId
|
|
24
|
-
}, children);
|
|
25
|
-
};
|
|
26
|
-
var _default = exports["default"] = Infographic;
|
|
27
|
-
//# sourceMappingURL=Infographic.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Infographic.js","names":["_react","_interopRequireDefault","require","_useInfographic2","Infographic","props","_useInfographic","useInfographic","contentRef","id","className","tabId","children","createElement","ref","role","_default","exports"],"sources":["../../../src/variants/Infographic/Infographic.js"],"sourcesContent":["import React from 'react';\nimport useInfographic from './useInfographic';\n\nconst Infographic = props => {\n const { contentRef, id, className, tabId, children } = useInfographic(props);\n\n return (\n <div ref={contentRef} id={id} className={className} role=\"tabpanel\" aria-labelledby={tabId}>\n {children}\n </div>\n );\n};\n\nexport default Infographic;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAME,WAAW,GAAG,SAAdA,WAAWA,CAAGC,KAAK,EAAI;EAC3B,IAAAC,eAAA,GAAuD,IAAAC,2BAAc,EAACF,KAAK,CAAC;IAApEG,UAAU,GAAAF,eAAA,CAAVE,UAAU;IAAEC,EAAE,GAAAH,eAAA,CAAFG,EAAE;IAAEC,SAAS,GAAAJ,eAAA,CAATI,SAAS;IAAEC,KAAK,GAAAL,eAAA,CAALK,KAAK;IAAEC,QAAQ,GAAAN,eAAA,CAARM,QAAQ;EAElD,oBACEZ,MAAA,YAAAa,aAAA;IAAKC,GAAG,EAAEN,UAAW;IAACC,EAAE,EAAEA,EAAG;IAACC,SAAS,EAAEA,SAAU;IAACK,IAAI,EAAC,UAAU;IAAC,mBAAiBJ;EAAM,GACxFC,QACE,CAAC;AAEV,CAAC;AAAC,IAAAI,QAAA,GAAAC,OAAA,cAEab,WAAW"}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
require("core-js/modules/es.object.keys.js");
|
|
4
|
-
require("core-js/modules/es.symbol.js");
|
|
5
|
-
require("core-js/modules/es.array.filter.js");
|
|
6
|
-
require("core-js/modules/es.object.to-string.js");
|
|
7
|
-
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
8
|
-
require("core-js/modules/es.array.for-each.js");
|
|
9
|
-
require("core-js/modules/web.dom-collections.for-each.js");
|
|
10
|
-
require("core-js/modules/es.object.get-own-property-descriptors.js");
|
|
11
|
-
require("core-js/modules/es.object.define-properties.js");
|
|
12
|
-
require("core-js/modules/es.object.define-property.js");
|
|
13
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
14
|
-
Object.defineProperty(exports, "__esModule", {
|
|
15
|
-
value: true
|
|
16
|
-
});
|
|
17
|
-
exports["default"] = void 0;
|
|
18
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
19
|
-
var _Infographic = _interopRequireDefault(require("./Infographic"));
|
|
20
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
21
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
22
|
-
var Infographic = {
|
|
23
|
-
getSettings: function getSettings(componentSettings) {
|
|
24
|
-
return _objectSpread({}, componentSettings);
|
|
25
|
-
},
|
|
26
|
-
VariantComponent: _Infographic["default"]
|
|
27
|
-
};
|
|
28
|
-
var _default = exports["default"] = Infographic;
|
|
29
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_Infographic","_interopRequireDefault","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","Infographic","getSettings","componentSettings","VariantComponent","InfographicComponent","_default","exports"],"sources":["../../../src/variants/Infographic/index.js"],"sourcesContent":["import InfographicComponent from './Infographic';\n\nconst Infographic = {\n getSettings: componentSettings => ({\n ...componentSettings\n }),\n VariantComponent: InfographicComponent\n};\n\nexport default Infographic;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAiD,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,aAAAhB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAAlB,CAAA,EAAAG,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAnB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAEjD,IAAMoB,WAAW,GAAG;EAClBC,WAAW,EAAE,SAAAA,YAAAC,iBAAiB;IAAA,OAAAV,aAAA,KACzBU,iBAAiB;EAAA,CACpB;EACFC,gBAAgB,EAAEC;AACpB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEaN,WAAW"}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
require("core-js/modules/es.object.keys.js");
|
|
4
|
-
require("core-js/modules/es.symbol.js");
|
|
5
|
-
require("core-js/modules/es.array.filter.js");
|
|
6
|
-
require("core-js/modules/es.object.to-string.js");
|
|
7
|
-
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
8
|
-
require("core-js/modules/es.array.for-each.js");
|
|
9
|
-
require("core-js/modules/web.dom-collections.for-each.js");
|
|
10
|
-
require("core-js/modules/es.object.get-own-property-descriptors.js");
|
|
11
|
-
require("core-js/modules/es.object.define-properties.js");
|
|
12
|
-
require("core-js/modules/es.object.define-property.js");
|
|
13
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
14
|
-
Object.defineProperty(exports, "__esModule", {
|
|
15
|
-
value: true
|
|
16
|
-
});
|
|
17
|
-
exports["default"] = void 0;
|
|
18
|
-
require("core-js/modules/es.array.concat.js");
|
|
19
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
20
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
21
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
22
|
-
var _customHooks = require("@blaze-react/utils/lib/customHooks");
|
|
23
|
-
var _excluded = ["className"];
|
|
24
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
25
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
26
|
-
var useInfographic = function useInfographic(_ref) {
|
|
27
|
-
var _className = _ref.className,
|
|
28
|
-
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
29
|
-
var _useInView = (0, _customHooks.useInView)({
|
|
30
|
-
once: true,
|
|
31
|
-
offset: '200px'
|
|
32
|
-
}),
|
|
33
|
-
_useInView2 = (0, _slicedToArray2["default"])(_useInView, 2),
|
|
34
|
-
isIntersecting = _useInView2[0],
|
|
35
|
-
contentRef = _useInView2[1];
|
|
36
|
-
var className = "".concat(_className, " infographic").concat(isIntersecting ? ' infographic__active' : '');
|
|
37
|
-
return _objectSpread(_objectSpread({}, props), {}, {
|
|
38
|
-
className: className,
|
|
39
|
-
contentRef: contentRef
|
|
40
|
-
});
|
|
41
|
-
};
|
|
42
|
-
var _default = exports["default"] = useInfographic;
|
|
43
|
-
//# sourceMappingURL=useInfographic.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useInfographic.js","names":["_customHooks","require","_excluded","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","useInfographic","_ref","_className","className","props","_objectWithoutProperties2","_useInView","useInView","once","offset","_useInView2","_slicedToArray2","isIntersecting","contentRef","concat","_default","exports"],"sources":["../../../src/variants/Infographic/useInfographic.js"],"sourcesContent":["import { useInView } from '@blaze-react/utils/lib/customHooks';\n\nconst useInfographic = ({ className: _className, ...props }) => {\n const [isIntersecting, contentRef] = useInView({\n once: true,\n offset: '200px'\n });\n\n const className = `${_className} infographic${isIntersecting ? ' infographic__active' : ''}`;\n\n return {\n ...props,\n className,\n contentRef\n };\n};\n\nexport default useInfographic;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAA+D,IAAAC,SAAA;AAAA,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,aAAAhB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAAlB,CAAA,EAAAG,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAnB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAE/D,IAAMoB,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAA4C;EAAA,IAA3BC,UAAU,GAAAD,IAAA,CAArBE,SAAS;IAAiBC,KAAK,OAAAC,yBAAA,aAAAJ,IAAA,EAAAvB,SAAA;EACvD,IAAA4B,UAAA,GAAqC,IAAAC,sBAAS,EAAC;MAC7CC,IAAI,EAAE,IAAI;MACVC,MAAM,EAAE;IACV,CAAC,CAAC;IAAAC,WAAA,OAAAC,eAAA,aAAAL,UAAA;IAHKM,cAAc,GAAAF,WAAA;IAAEG,UAAU,GAAAH,WAAA;EAKjC,IAAMP,SAAS,MAAAW,MAAA,CAAMZ,UAAU,kBAAAY,MAAA,CAAeF,cAAc,GAAG,sBAAsB,GAAG,EAAE,CAAE;EAE5F,OAAApB,aAAA,CAAAA,aAAA,KACKY,KAAK;IACRD,SAAS,EAATA,SAAS;IACTU,UAAU,EAAVA;EAAU;AAEd,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,cAEahB,cAAc"}
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
require("core-js/modules/es.object.define-property.js");
|
|
4
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
|
-
require("core-js/modules/es.array.map.js");
|
|
11
|
-
var _react = _interopRequireDefault(require("react"));
|
|
12
|
-
var _useLongformGallery2 = _interopRequireDefault(require("./useLongformGallery"));
|
|
13
|
-
var _LongformGalleryImage = _interopRequireDefault(require("./LongformGalleryImage"));
|
|
14
|
-
var LongformGallery = function LongformGallery(props) {
|
|
15
|
-
var _useLongformGallery = (0, _useLongformGallery2["default"])(props),
|
|
16
|
-
error = _useLongformGallery.error,
|
|
17
|
-
mainImages = _useLongformGallery.mainImages,
|
|
18
|
-
secondaryImages = _useLongformGallery.secondaryImages,
|
|
19
|
-
secondaryImageClassname = _useLongformGallery.secondaryImageClassname,
|
|
20
|
-
handleImageOnClick = _useLongformGallery.handleImageOnClick;
|
|
21
|
-
if (error) return null;
|
|
22
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
23
|
-
className: "longform-gallery",
|
|
24
|
-
"data-testid": "longform-gallery"
|
|
25
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
26
|
-
className: "longform-gallery__images main-images"
|
|
27
|
-
}, mainImages.map(function (mainImageData) {
|
|
28
|
-
return /*#__PURE__*/_react["default"].createElement(_LongformGalleryImage["default"], (0, _extends2["default"])({
|
|
29
|
-
key: mainImageData.id
|
|
30
|
-
}, mainImageData, {
|
|
31
|
-
className: "longform-gallery__images__image main-image",
|
|
32
|
-
handleImageOnClick: handleImageOnClick
|
|
33
|
-
}));
|
|
34
|
-
})), secondaryImages.map(function (secondaryImagesGroup, i) {
|
|
35
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
36
|
-
// eslint-disable-next-line react/no-array-index-key
|
|
37
|
-
key: i,
|
|
38
|
-
"data-testid": "secondary-images",
|
|
39
|
-
className: "longform-gallery__images secondary-images"
|
|
40
|
-
}, secondaryImagesGroup.map(function (secondaryImage) {
|
|
41
|
-
return /*#__PURE__*/_react["default"].createElement(_LongformGalleryImage["default"], (0, _extends2["default"])({
|
|
42
|
-
key: secondaryImage.id
|
|
43
|
-
}, secondaryImage, {
|
|
44
|
-
className: secondaryImageClassname,
|
|
45
|
-
handleImageOnClick: handleImageOnClick
|
|
46
|
-
}));
|
|
47
|
-
}));
|
|
48
|
-
}));
|
|
49
|
-
};
|
|
50
|
-
var _default = exports["default"] = LongformGallery;
|
|
51
|
-
//# sourceMappingURL=LongformGallery.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LongformGallery.js","names":["_react","_interopRequireDefault","require","_useLongformGallery2","_LongformGalleryImage","LongformGallery","props","_useLongformGallery","useLongformGallery","error","mainImages","secondaryImages","secondaryImageClassname","handleImageOnClick","createElement","className","map","mainImageData","_extends2","key","id","secondaryImagesGroup","i","secondaryImage","_default","exports"],"sources":["../../../src/variants/LongformGallery/LongformGallery.js"],"sourcesContent":["import React from 'react';\nimport useLongformGallery from './useLongformGallery';\nimport LongformGalleryImage from './LongformGalleryImage';\n\nconst LongformGallery = props => {\n const {\n error,\n mainImages,\n secondaryImages,\n secondaryImageClassname,\n handleImageOnClick\n } = useLongformGallery(props);\n\n if (error) return null;\n\n return (\n <div className=\"longform-gallery\" data-testid=\"longform-gallery\">\n <div className=\"longform-gallery__images main-images\">\n {mainImages.map(mainImageData => (\n <LongformGalleryImage\n key={mainImageData.id}\n {...mainImageData}\n className=\"longform-gallery__images__image main-image\"\n handleImageOnClick={handleImageOnClick}\n />\n ))}\n </div>\n {secondaryImages.map((secondaryImagesGroup, i) => (\n <div\n // eslint-disable-next-line react/no-array-index-key\n key={i}\n data-testid=\"secondary-images\"\n className=\"longform-gallery__images secondary-images\">\n {secondaryImagesGroup.map(secondaryImage => (\n <LongformGalleryImage\n key={secondaryImage.id}\n {...secondaryImage}\n className={secondaryImageClassname}\n handleImageOnClick={handleImageOnClick}\n />\n ))}\n </div>\n ))}\n </div>\n );\n};\n\nexport default LongformGallery;\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,qBAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,eAAe,GAAG,SAAlBA,eAAeA,CAAGC,KAAK,EAAI;EAC/B,IAAAC,mBAAA,GAMI,IAAAC,+BAAkB,EAACF,KAAK,CAAC;IAL3BG,KAAK,GAAAF,mBAAA,CAALE,KAAK;IACLC,UAAU,GAAAH,mBAAA,CAAVG,UAAU;IACVC,eAAe,GAAAJ,mBAAA,CAAfI,eAAe;IACfC,uBAAuB,GAAAL,mBAAA,CAAvBK,uBAAuB;IACvBC,kBAAkB,GAAAN,mBAAA,CAAlBM,kBAAkB;EAGpB,IAAIJ,KAAK,EAAE,OAAO,IAAI;EAEtB,oBACET,MAAA,YAAAc,aAAA;IAAKC,SAAS,EAAC,kBAAkB;IAAC,eAAY;EAAkB,gBAC9Df,MAAA,YAAAc,aAAA;IAAKC,SAAS,EAAC;EAAsC,GAClDL,UAAU,CAACM,GAAG,CAAC,UAAAC,aAAa;IAAA,oBAC3BjB,MAAA,YAAAc,aAAA,CAACV,qBAAA,WAAoB,MAAAc,SAAA;MACnBC,GAAG,EAAEF,aAAa,CAACG;IAAG,GAClBH,aAAa;MACjBF,SAAS,EAAC,4CAA4C;MACtDF,kBAAkB,EAAEA;IAAmB,EACxC,CAAC;EAAA,CACH,CACE,CAAC,EACLF,eAAe,CAACK,GAAG,CAAC,UAACK,oBAAoB,EAAEC,CAAC;IAAA,oBAC3CtB,MAAA,YAAAc,aAAA;MACE;MACAK,GAAG,EAAEG,CAAE;MACP,eAAY,kBAAkB;MAC9BP,SAAS,EAAC;IAA2C,GACpDM,oBAAoB,CAACL,GAAG,CAAC,UAAAO,cAAc;MAAA,oBACtCvB,MAAA,YAAAc,aAAA,CAACV,qBAAA,WAAoB,MAAAc,SAAA;QACnBC,GAAG,EAAEI,cAAc,CAACH;MAAG,GACnBG,cAAc;QAClBR,SAAS,EAAEH,uBAAwB;QACnCC,kBAAkB,EAAEA;MAAmB,EACxC,CAAC;IAAA,CACH,CACE,CAAC;EAAA,CACP,CACE,CAAC;AAEV,CAAC;AAAC,IAAAW,QAAA,GAAAC,OAAA,cAEapB,eAAe"}
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
require("core-js/modules/es.object.define-property.js");
|
|
4
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
12
|
-
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
14
|
-
var _head = _interopRequireDefault(require("next/head"));
|
|
15
|
-
var _customHooks = require("@blaze-react/utils/lib/customHooks");
|
|
16
|
-
var _imageCdnReact = require("@blaze-cms/image-cdn-react");
|
|
17
|
-
var _constants = require("./constants");
|
|
18
|
-
var _excluded = ["id", "url", "caption", "altText", "priority", "className", "handleImageOnClick"];
|
|
19
|
-
var LongformGalleryImage = function LongformGalleryImage(_ref) {
|
|
20
|
-
var id = _ref.id,
|
|
21
|
-
url = _ref.url,
|
|
22
|
-
caption = _ref.caption,
|
|
23
|
-
altText = _ref.altText,
|
|
24
|
-
priority = _ref.priority,
|
|
25
|
-
className = _ref.className,
|
|
26
|
-
handleImageOnClick = _ref.handleImageOnClick,
|
|
27
|
-
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
28
|
-
var _useInView = (0, _customHooks.useInView)(_constants.IN_VIEW_CONFIG),
|
|
29
|
-
_useInView2 = (0, _slicedToArray2["default"])(_useInView, 2),
|
|
30
|
-
isIntersecting = _useInView2[0],
|
|
31
|
-
outerRef = _useInView2[1];
|
|
32
|
-
var shouldRender = priority || isIntersecting;
|
|
33
|
-
var HeadComponent = priority ? _head["default"] : null;
|
|
34
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
35
|
-
ref: outerRef,
|
|
36
|
-
className: className
|
|
37
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
38
|
-
role: "button",
|
|
39
|
-
className: "longform-gallery__images__image__container",
|
|
40
|
-
"data-testid": "longform-gallery__images__image__container",
|
|
41
|
-
onClick: function onClick() {
|
|
42
|
-
return handleImageOnClick(id);
|
|
43
|
-
}
|
|
44
|
-
}, shouldRender && /*#__PURE__*/_react["default"].createElement(_imageCdnReact.ResponsiveImage, (0, _extends2["default"])({
|
|
45
|
-
sizeKey: "carousel",
|
|
46
|
-
role: "button",
|
|
47
|
-
src: url,
|
|
48
|
-
alt: altText,
|
|
49
|
-
priority: priority,
|
|
50
|
-
HeadComponent: HeadComponent
|
|
51
|
-
}, props))), !!caption && /*#__PURE__*/_react["default"].createElement("div", {
|
|
52
|
-
className: "longform-gallery__images__image__details",
|
|
53
|
-
"data-testid": "longform-gallery__images__image__details"
|
|
54
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
55
|
-
className: "longform-gallery__images__image__details__caption"
|
|
56
|
-
}, caption)));
|
|
57
|
-
};
|
|
58
|
-
LongformGalleryImage.propTypes = {
|
|
59
|
-
id: _propTypes["default"].string.isRequired,
|
|
60
|
-
url: _propTypes["default"].string.isRequired,
|
|
61
|
-
caption: _propTypes["default"].string.isRequired,
|
|
62
|
-
altText: _propTypes["default"].string.isRequired,
|
|
63
|
-
priority: _propTypes["default"].bool.isRequired,
|
|
64
|
-
className: _propTypes["default"].string.isRequired,
|
|
65
|
-
handleImageOnClick: _propTypes["default"].func.isRequired
|
|
66
|
-
};
|
|
67
|
-
var _default = exports["default"] = LongformGalleryImage;
|
|
68
|
-
//# sourceMappingURL=LongformGalleryImage.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LongformGalleryImage.js","names":["_react","_interopRequireDefault","require","_propTypes","_head","_customHooks","_imageCdnReact","_constants","_excluded","LongformGalleryImage","_ref","id","url","caption","altText","priority","className","handleImageOnClick","props","_objectWithoutProperties2","_useInView","useInView","IN_VIEW_CONFIG","_useInView2","_slicedToArray2","isIntersecting","outerRef","shouldRender","HeadComponent","Head","createElement","ref","role","onClick","ResponsiveImage","_extends2","sizeKey","src","alt","propTypes","PropTypes","string","isRequired","bool","func","_default","exports"],"sources":["../../../src/variants/LongformGallery/LongformGalleryImage.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Head from 'next/head';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport { IN_VIEW_CONFIG } from './constants';\n\nconst LongformGalleryImage = ({\n id,\n url,\n caption,\n altText,\n priority,\n className,\n handleImageOnClick,\n ...props\n}) => {\n const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n const shouldRender = priority || isIntersecting;\n const HeadComponent = priority ? Head : null;\n\n return (\n <div ref={outerRef} className={className}>\n <div\n role=\"button\"\n className=\"longform-gallery__images__image__container\"\n data-testid=\"longform-gallery__images__image__container\"\n onClick={() => handleImageOnClick(id)}>\n {shouldRender && (\n <ResponsiveImage\n sizeKey=\"carousel\"\n role=\"button\"\n src={url}\n alt={altText}\n priority={priority}\n HeadComponent={HeadComponent}\n {...props}\n />\n )}\n </div>\n {!!caption && (\n <div\n className=\"longform-gallery__images__image__details\"\n data-testid=\"longform-gallery__images__image__details\">\n <div className=\"longform-gallery__images__image__details__caption\">{caption}</div>\n </div>\n )}\n </div>\n );\n};\n\nLongformGalleryImage.propTypes = {\n id: PropTypes.string.isRequired,\n url: PropTypes.string.isRequired,\n caption: PropTypes.string.isRequired,\n altText: PropTypes.string.isRequired,\n priority: PropTypes.bool.isRequired,\n className: PropTypes.string.isRequired,\n handleImageOnClick: PropTypes.func.isRequired\n};\n\nexport default LongformGalleryImage;\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAA6C,IAAAM,SAAA;AAE7C,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EASpB;EAAA,IARJC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IACHC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,kBAAkB,GAAAP,IAAA,CAAlBO,kBAAkB;IACfC,KAAK,OAAAC,yBAAA,aAAAT,IAAA,EAAAF,SAAA;EAER,IAAAY,UAAA,GAAmC,IAAAC,sBAAS,EAACC,yBAAc,CAAC;IAAAC,WAAA,OAAAC,eAAA,aAAAJ,UAAA;IAArDK,cAAc,GAAAF,WAAA;IAAEG,QAAQ,GAAAH,WAAA;EAC/B,IAAMI,YAAY,GAAGZ,QAAQ,IAAIU,cAAc;EAC/C,IAAMG,aAAa,GAAGb,QAAQ,GAAGc,gBAAI,GAAG,IAAI;EAE5C,oBACE7B,MAAA,YAAA8B,aAAA;IAAKC,GAAG,EAAEL,QAAS;IAACV,SAAS,EAAEA;EAAU,gBACvChB,MAAA,YAAA8B,aAAA;IACEE,IAAI,EAAC,QAAQ;IACbhB,SAAS,EAAC,4CAA4C;IACtD,eAAY,4CAA4C;IACxDiB,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMhB,kBAAkB,CAACN,EAAE,CAAC;IAAA;EAAC,GACrCgB,YAAY,iBACX3B,MAAA,YAAA8B,aAAA,CAACxB,cAAA,CAAA4B,eAAe,MAAAC,SAAA;IACdC,OAAO,EAAC,UAAU;IAClBJ,IAAI,EAAC,QAAQ;IACbK,GAAG,EAAEzB,GAAI;IACT0B,GAAG,EAAExB,OAAQ;IACbC,QAAQ,EAAEA,QAAS;IACnBa,aAAa,EAAEA;EAAc,GACzBV,KAAK,CACV,CAEA,CAAC,EACL,CAAC,CAACL,OAAO,iBACRb,MAAA,YAAA8B,aAAA;IACEd,SAAS,EAAC,0CAA0C;IACpD,eAAY;EAA0C,gBACtDhB,MAAA,YAAA8B,aAAA;IAAKd,SAAS,EAAC;EAAmD,GAAEH,OAAa,CAC9E,CAEJ,CAAC;AAEV,CAAC;AAEDJ,oBAAoB,CAAC8B,SAAS,GAAG;EAC/B5B,EAAE,EAAE6B,qBAAS,CAACC,MAAM,CAACC,UAAU;EAC/B9B,GAAG,EAAE4B,qBAAS,CAACC,MAAM,CAACC,UAAU;EAChC7B,OAAO,EAAE2B,qBAAS,CAACC,MAAM,CAACC,UAAU;EACpC5B,OAAO,EAAE0B,qBAAS,CAACC,MAAM,CAACC,UAAU;EACpC3B,QAAQ,EAAEyB,qBAAS,CAACG,IAAI,CAACD,UAAU;EACnC1B,SAAS,EAAEwB,qBAAS,CAACC,MAAM,CAACC,UAAU;EACtCzB,kBAAkB,EAAEuB,qBAAS,CAACI,IAAI,CAACF;AACrC,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,cAEarC,oBAAoB"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
require("core-js/modules/es.object.define-property.js");
|
|
4
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.PROPS_TO_CHECK = exports.IN_VIEW_CONFIG = exports.GET_IMAGES_QUERY = void 0;
|
|
9
|
-
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
10
|
-
var _client = require("@apollo/client");
|
|
11
|
-
var _templateObject;
|
|
12
|
-
var GET_IMAGES_QUERY = exports.GET_IMAGES_QUERY = (0, _client.gql)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n query getImages($where: JSON!) {\n getImages: getFiles(where: $where) {\n id\n url\n data\n }\n }\n"])));
|
|
13
|
-
var PROPS_TO_CHECK = exports.PROPS_TO_CHECK = ['altText', 'caption', 'hrefUrl', 'credits'];
|
|
14
|
-
var IN_VIEW_CONFIG = exports.IN_VIEW_CONFIG = {
|
|
15
|
-
once: true,
|
|
16
|
-
offset: '200px',
|
|
17
|
-
bottomOffset: '-200px'
|
|
18
|
-
};
|
|
19
|
-
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","names":["_client","require","_templateObject","GET_IMAGES_QUERY","exports","gql","_taggedTemplateLiteral2","PROPS_TO_CHECK","IN_VIEW_CONFIG","once","offset","bottomOffset"],"sources":["../../../src/variants/LongformGallery/constants.js"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst GET_IMAGES_QUERY = gql`\n query getImages($where: JSON!) {\n getImages: getFiles(where: $where) {\n id\n url\n data\n }\n }\n`;\n\nconst PROPS_TO_CHECK = ['altText', 'caption', 'hrefUrl', 'credits'];\n\nconst IN_VIEW_CONFIG = {\n once: true,\n offset: '200px',\n bottomOffset: '-200px'\n};\n\nexport { GET_IMAGES_QUERY, IN_VIEW_CONFIG, PROPS_TO_CHECK };\n"],"mappings":";;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAqC,IAAAC,eAAA;AAErC,IAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,OAAGE,WAAG,EAAAH,eAAA,KAAAA,eAAA,OAAAI,uBAAA,iJAQ3B;AAED,IAAMC,cAAc,GAAAH,OAAA,CAAAG,cAAA,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;AAEnE,IAAMC,cAAc,GAAAJ,OAAA,CAAAI,cAAA,GAAG;EACrBC,IAAI,EAAE,IAAI;EACVC,MAAM,EAAE,OAAO;EACfC,YAAY,EAAE;AAChB,CAAC"}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
require("core-js/modules/es.object.define-property.js");
|
|
4
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
Object.defineProperty(exports, "parseImageData", {
|
|
9
|
-
enumerable: true,
|
|
10
|
-
get: function get() {
|
|
11
|
-
return _parseImageData["default"];
|
|
12
|
-
}
|
|
13
|
-
});
|
|
14
|
-
Object.defineProperty(exports, "separateImages", {
|
|
15
|
-
enumerable: true,
|
|
16
|
-
get: function get() {
|
|
17
|
-
return _separateImages["default"];
|
|
18
|
-
}
|
|
19
|
-
});
|
|
20
|
-
Object.defineProperty(exports, "shouldSkip", {
|
|
21
|
-
enumerable: true,
|
|
22
|
-
get: function get() {
|
|
23
|
-
return _shouldSkip["default"];
|
|
24
|
-
}
|
|
25
|
-
});
|
|
26
|
-
var _parseImageData = _interopRequireDefault(require("./parseImageData"));
|
|
27
|
-
var _separateImages = _interopRequireDefault(require("./separateImages"));
|
|
28
|
-
var _shouldSkip = _interopRequireDefault(require("./shouldSkip"));
|
|
29
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_parseImageData","_interopRequireDefault","require","_separateImages","_shouldSkip"],"sources":["../../../../src/variants/LongformGallery/helpers/index.js"],"sourcesContent":["import parseImageData from './parseImageData';\nimport separateImages from './separateImages';\nimport shouldSkip from './shouldSkip';\n\nexport { parseImageData, separateImages, shouldSkip };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA"}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
require("core-js/modules/es.object.keys.js");
|
|
4
|
-
require("core-js/modules/es.symbol.js");
|
|
5
|
-
require("core-js/modules/es.array.filter.js");
|
|
6
|
-
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
7
|
-
require("core-js/modules/es.object.get-own-property-descriptors.js");
|
|
8
|
-
require("core-js/modules/es.object.define-properties.js");
|
|
9
|
-
require("core-js/modules/es.object.define-property.js");
|
|
10
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
11
|
-
Object.defineProperty(exports, "__esModule", {
|
|
12
|
-
value: true
|
|
13
|
-
});
|
|
14
|
-
exports["default"] = void 0;
|
|
15
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
16
|
-
require("core-js/modules/es.array.for-each.js");
|
|
17
|
-
require("core-js/modules/es.object.to-string.js");
|
|
18
|
-
require("core-js/modules/web.dom-collections.for-each.js");
|
|
19
|
-
var _htmlReactParser = _interopRequireDefault(require("html-react-parser"));
|
|
20
|
-
var _constants = require("../constants");
|
|
21
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
22
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
23
|
-
var parseImageData = function parseImageData(image, index, priorityLimit, shouldDisplayCaption) {
|
|
24
|
-
var _image$data = image.data,
|
|
25
|
-
data = _image$data === void 0 ? {} : _image$data;
|
|
26
|
-
var parsedData = {};
|
|
27
|
-
_constants.PROPS_TO_CHECK.forEach(function (dataKey) {
|
|
28
|
-
var value = data && data[dataKey];
|
|
29
|
-
if (dataKey === 'caption') {
|
|
30
|
-
parsedData[dataKey] = shouldDisplayCaption && !!value ? (0, _htmlReactParser["default"])(value) : '';
|
|
31
|
-
return;
|
|
32
|
-
}
|
|
33
|
-
parsedData[dataKey] = value || '';
|
|
34
|
-
});
|
|
35
|
-
return _objectSpread(_objectSpread({}, parsedData), {}, {
|
|
36
|
-
id: image.id,
|
|
37
|
-
url: image.url,
|
|
38
|
-
priority: index < priorityLimit
|
|
39
|
-
});
|
|
40
|
-
};
|
|
41
|
-
var _default = exports["default"] = parseImageData;
|
|
42
|
-
//# sourceMappingURL=parseImageData.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"parseImageData.js","names":["_htmlReactParser","_interopRequireDefault","require","_constants","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","parseImageData","image","index","priorityLimit","shouldDisplayCaption","_image$data","data","parsedData","PROPS_TO_CHECK","dataKey","value","parseHTML","id","url","priority","_default","exports"],"sources":["../../../../src/variants/LongformGallery/helpers/parseImageData.js"],"sourcesContent":["import parseHTML from 'html-react-parser';\nimport { PROPS_TO_CHECK } from '../constants';\n\nconst parseImageData = (image, index, priorityLimit, shouldDisplayCaption) => {\n const { data = {} } = image;\n const parsedData = {};\n\n PROPS_TO_CHECK.forEach(dataKey => {\n const value = data && data[dataKey];\n if (dataKey === 'caption') {\n parsedData[dataKey] = shouldDisplayCaption && !!value ? parseHTML(value) : '';\n return;\n }\n parsedData[dataKey] = value || '';\n });\n\n return {\n ...parsedData,\n id: image.id,\n url: image.url,\n priority: index < priorityLimit\n };\n};\n\nexport default parseImageData;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAA8C,SAAAE,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,aAAAhB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAAlB,CAAA,EAAAG,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAnB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAE9C,IAAMoB,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,KAAK,EAAEC,KAAK,EAAEC,aAAa,EAAEC,oBAAoB,EAAK;EAC5E,IAAAC,WAAA,GAAsBJ,KAAK,CAAnBK,IAAI;IAAJA,IAAI,GAAAD,WAAA,cAAG,CAAC,CAAC,GAAAA,WAAA;EACjB,IAAME,UAAU,GAAG,CAAC,CAAC;EAErBC,yBAAc,CAACb,OAAO,CAAC,UAAAc,OAAO,EAAI;IAChC,IAAMC,KAAK,GAAGJ,IAAI,IAAIA,IAAI,CAACG,OAAO,CAAC;IACnC,IAAIA,OAAO,KAAK,SAAS,EAAE;MACzBF,UAAU,CAACE,OAAO,CAAC,GAAGL,oBAAoB,IAAI,CAAC,CAACM,KAAK,GAAG,IAAAC,2BAAS,EAACD,KAAK,CAAC,GAAG,EAAE;MAC7E;IACF;IACAH,UAAU,CAACE,OAAO,CAAC,GAAGC,KAAK,IAAI,EAAE;EACnC,CAAC,CAAC;EAEF,OAAAlB,aAAA,CAAAA,aAAA,KACKe,UAAU;IACbK,EAAE,EAAEX,KAAK,CAACW,EAAE;IACZC,GAAG,EAAEZ,KAAK,CAACY,GAAG;IACdC,QAAQ,EAAEZ,KAAK,GAAGC;EAAa;AAEnC,CAAC;AAAC,IAAAY,QAAA,GAAAC,OAAA,cAEahB,cAAc"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
require("core-js/modules/es.object.define-property.js");
|
|
4
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
require("core-js/modules/es.array.map.js");
|
|
10
|
-
require("core-js/modules/es.array.slice.js");
|
|
11
|
-
var _parseImageData = _interopRequireDefault(require("./parseImageData"));
|
|
12
|
-
var separateImages = function separateImages(images, priorityLimit, shouldDisplayCaption) {
|
|
13
|
-
if (!images || !images.length) return [[], []];
|
|
14
|
-
var mainImages = images.slice(0, 2).map(function (image, index) {
|
|
15
|
-
return (0, _parseImageData["default"])(image, index, priorityLimit, shouldDisplayCaption);
|
|
16
|
-
});
|
|
17
|
-
var secondaryImages = [];
|
|
18
|
-
for (var i = 2; i < images.length; i += 3) {
|
|
19
|
-
var parsedImages = images.slice(i, i + 3).map(function (image, index) {
|
|
20
|
-
return (0, _parseImageData["default"])(image, index, priorityLimit, shouldDisplayCaption);
|
|
21
|
-
});
|
|
22
|
-
secondaryImages.push(parsedImages);
|
|
23
|
-
}
|
|
24
|
-
return [mainImages, secondaryImages];
|
|
25
|
-
};
|
|
26
|
-
var _default = exports["default"] = separateImages;
|
|
27
|
-
//# sourceMappingURL=separateImages.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"separateImages.js","names":["_parseImageData","_interopRequireDefault","require","separateImages","images","priorityLimit","shouldDisplayCaption","length","mainImages","slice","map","image","index","parseImageData","secondaryImages","i","parsedImages","push","_default","exports"],"sources":["../../../../src/variants/LongformGallery/helpers/separateImages.js"],"sourcesContent":["import parseImageData from './parseImageData';\n\nconst separateImages = (images, priorityLimit, shouldDisplayCaption) => {\n if (!images || !images.length) return [[], []];\n\n const mainImages = images\n .slice(0, 2)\n .map((image, index) => parseImageData(image, index, priorityLimit, shouldDisplayCaption));\n\n const secondaryImages = [];\n\n for (let i = 2; i < images.length; i += 3) {\n const parsedImages = images\n .slice(i, i + 3)\n .map((image, index) => parseImageData(image, index, priorityLimit, shouldDisplayCaption));\n secondaryImages.push(parsedImages);\n }\n\n return [mainImages, secondaryImages];\n};\n\nexport default separateImages;\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,MAAM,EAAEC,aAAa,EAAEC,oBAAoB,EAAK;EACtE,IAAI,CAACF,MAAM,IAAI,CAACA,MAAM,CAACG,MAAM,EAAE,OAAO,CAAC,EAAE,EAAE,EAAE,CAAC;EAE9C,IAAMC,UAAU,GAAGJ,MAAM,CACtBK,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CACXC,GAAG,CAAC,UAACC,KAAK,EAAEC,KAAK;IAAA,OAAK,IAAAC,0BAAc,EAACF,KAAK,EAAEC,KAAK,EAAEP,aAAa,EAAEC,oBAAoB,CAAC;EAAA,EAAC;EAE3F,IAAMQ,eAAe,GAAG,EAAE;EAE1B,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGX,MAAM,CAACG,MAAM,EAAEQ,CAAC,IAAI,CAAC,EAAE;IACzC,IAAMC,YAAY,GAAGZ,MAAM,CACxBK,KAAK,CAACM,CAAC,EAAEA,CAAC,GAAG,CAAC,CAAC,CACfL,GAAG,CAAC,UAACC,KAAK,EAAEC,KAAK;MAAA,OAAK,IAAAC,0BAAc,EAACF,KAAK,EAAEC,KAAK,EAAEP,aAAa,EAAEC,oBAAoB,CAAC;IAAA,EAAC;IAC3FQ,eAAe,CAACG,IAAI,CAACD,YAAY,CAAC;EACpC;EAEA,OAAO,CAACR,UAAU,EAAEM,eAAe,CAAC;AACtC,CAAC;AAAC,IAAAI,QAAA,GAAAC,OAAA,cAEahB,cAAc"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
require("core-js/modules/es.object.define-property.js");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
require("core-js/modules/es.array.is-array.js");
|
|
9
|
-
var shouldSkip = function shouldSkip(ids) {
|
|
10
|
-
return !ids || Array.isArray(ids) && !ids.length;
|
|
11
|
-
};
|
|
12
|
-
var _default = exports["default"] = shouldSkip;
|
|
13
|
-
//# sourceMappingURL=shouldSkip.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"shouldSkip.js","names":["shouldSkip","ids","Array","isArray","length","_default","exports"],"sources":["../../../../src/variants/LongformGallery/helpers/shouldSkip.js"],"sourcesContent":["const shouldSkip = ids => !ids || (Array.isArray(ids) && !ids.length);\n\nexport default shouldSkip;\n"],"mappings":";;;;;;;;AAAA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAGC,GAAG;EAAA,OAAI,CAACA,GAAG,IAAKC,KAAK,CAACC,OAAO,CAACF,GAAG,CAAC,IAAI,CAACA,GAAG,CAACG,MAAO;AAAA;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEvDN,UAAU"}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
require("core-js/modules/es.object.keys.js");
|
|
4
|
-
require("core-js/modules/es.symbol.js");
|
|
5
|
-
require("core-js/modules/es.array.filter.js");
|
|
6
|
-
require("core-js/modules/es.object.to-string.js");
|
|
7
|
-
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
8
|
-
require("core-js/modules/es.array.for-each.js");
|
|
9
|
-
require("core-js/modules/web.dom-collections.for-each.js");
|
|
10
|
-
require("core-js/modules/es.object.get-own-property-descriptors.js");
|
|
11
|
-
require("core-js/modules/es.object.define-properties.js");
|
|
12
|
-
require("core-js/modules/es.object.define-property.js");
|
|
13
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
14
|
-
Object.defineProperty(exports, "__esModule", {
|
|
15
|
-
value: true
|
|
16
|
-
});
|
|
17
|
-
exports["default"] = void 0;
|
|
18
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
19
|
-
var _LongformGallery = _interopRequireDefault(require("./LongformGallery"));
|
|
20
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
21
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
22
|
-
var LongformGallery = {
|
|
23
|
-
VariantComponent: _LongformGallery["default"],
|
|
24
|
-
getSettings: function getSettings(componentSettings) {
|
|
25
|
-
return _objectSpread(_objectSpread({}, componentSettings), {}, {
|
|
26
|
-
modifier: 'longformGallery'
|
|
27
|
-
});
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
var _default = exports["default"] = LongformGallery;
|
|
31
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_LongformGallery","_interopRequireDefault","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","LongformGallery","VariantComponent","LongformGalleryComponent","getSettings","componentSettings","modifier","_default","exports"],"sources":["../../../src/variants/LongformGallery/index.js"],"sourcesContent":["import LongformGalleryComponent from './LongformGallery';\n\nconst LongformGallery = {\n VariantComponent: LongformGalleryComponent,\n getSettings: componentSettings => ({\n ...componentSettings,\n modifier: 'longformGallery'\n })\n};\n\nexport default LongformGallery;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyD,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,aAAAhB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAAlB,CAAA,EAAAG,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAnB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAEzD,IAAMoB,eAAe,GAAG;EACtBC,gBAAgB,EAAEC,2BAAwB;EAC1CC,WAAW,EAAE,SAAAA,YAAAC,iBAAiB;IAAA,OAAAZ,aAAA,CAAAA,aAAA,KACzBY,iBAAiB;MACpBC,QAAQ,EAAE;IAAiB;EAAA;AAE/B,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEaP,eAAe"}
|