@blaze-cms/react-page-builder 0.140.0-core-variants.0 → 0.140.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 +5 -9
- package/lib/components/ContentGroup/ContentGroupTabs.js +8 -10
- package/lib/components/ContentGroup/ContentGroupTabs.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/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 +4 -4
- package/src/components/ContentGroup/ContentGroupTabs.js +8 -11
- 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/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 -30
- 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/ParallaxImageRight/index.js +0 -30
- package/lib/variants/ParallaxImageRight/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 -11
- 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/ParallaxImageRight/index.js +0 -11
- package/lib-es/variants/ParallaxImageRight/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/ParallaxImageRight/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
|
@@ -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"}
|
|
@@ -1,63 +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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
10
|
-
var _client = require("@apollo/client");
|
|
11
|
-
var _constants = require("./constants");
|
|
12
|
-
var _helpers = require("./helpers");
|
|
13
|
-
var useLongformGallery = function useLongformGallery(_ref) {
|
|
14
|
-
var _ref$imageIds = _ref.imageIds,
|
|
15
|
-
imageIds = _ref$imageIds === void 0 ? [] : _ref$imageIds,
|
|
16
|
-
_ref$priorityLimit = _ref.priorityLimit,
|
|
17
|
-
priorityLimit = _ref$priorityLimit === void 0 ? 0 : _ref$priorityLimit,
|
|
18
|
-
_ref$shouldDisplayCap = _ref.shouldDisplayCaption,
|
|
19
|
-
shouldDisplayCaption = _ref$shouldDisplayCap === void 0 ? false : _ref$shouldDisplayCap,
|
|
20
|
-
_ref$enableLightbox = _ref.enableLightbox,
|
|
21
|
-
enableLightbox = _ref$enableLightbox === void 0 ? false : _ref$enableLightbox,
|
|
22
|
-
_ref$toggleModal = _ref.toggleModal,
|
|
23
|
-
toggleModal = _ref$toggleModal === void 0 ? function () {} : _ref$toggleModal,
|
|
24
|
-
_ref$handleSelectedIm = _ref.handleSelectedImage,
|
|
25
|
-
handleSelectedImage = _ref$handleSelectedIm === void 0 ? function () {} : _ref$handleSelectedIm;
|
|
26
|
-
var skip = (0, _helpers.shouldSkip)(imageIds);
|
|
27
|
-
var _useQuery = (0, _client.useQuery)(_constants.GET_IMAGES_QUERY, {
|
|
28
|
-
variables: {
|
|
29
|
-
where: {
|
|
30
|
-
id: {
|
|
31
|
-
_in: imageIds
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
},
|
|
35
|
-
skip: skip
|
|
36
|
-
}),
|
|
37
|
-
data = _useQuery.data,
|
|
38
|
-
loading = _useQuery.loading,
|
|
39
|
-
error = _useQuery.error;
|
|
40
|
-
var _ref2 = data || {},
|
|
41
|
-
getImages = _ref2.getImages;
|
|
42
|
-
var _separateImages = (0, _helpers.separateImages)(getImages, priorityLimit, shouldDisplayCaption),
|
|
43
|
-
_separateImages2 = (0, _slicedToArray2["default"])(_separateImages, 2),
|
|
44
|
-
mainImages = _separateImages2[0],
|
|
45
|
-
secondaryImages = _separateImages2[1];
|
|
46
|
-
var handleImageOnClick = function handleImageOnClick(clickedImageId) {
|
|
47
|
-
if (!enableLightbox) return;
|
|
48
|
-
toggleModal();
|
|
49
|
-
handleSelectedImage(clickedImageId);
|
|
50
|
-
};
|
|
51
|
-
var secondaryImageClassname = imageIds.length === 4 ? 'longform-gallery__images__image secondary-image two-group' : 'longform-gallery__images__image secondary-image';
|
|
52
|
-
return {
|
|
53
|
-
data: data,
|
|
54
|
-
loading: loading,
|
|
55
|
-
error: error,
|
|
56
|
-
mainImages: mainImages,
|
|
57
|
-
secondaryImages: secondaryImages,
|
|
58
|
-
secondaryImageClassname: secondaryImageClassname,
|
|
59
|
-
handleImageOnClick: handleImageOnClick
|
|
60
|
-
};
|
|
61
|
-
};
|
|
62
|
-
var _default = exports["default"] = useLongformGallery;
|
|
63
|
-
//# sourceMappingURL=useLongformGallery.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useLongformGallery.js","names":["_client","require","_constants","_helpers","useLongformGallery","_ref","_ref$imageIds","imageIds","_ref$priorityLimit","priorityLimit","_ref$shouldDisplayCap","shouldDisplayCaption","_ref$enableLightbox","enableLightbox","_ref$toggleModal","toggleModal","_ref$handleSelectedIm","handleSelectedImage","skip","shouldSkip","_useQuery","useQuery","GET_IMAGES_QUERY","variables","where","id","_in","data","loading","error","_ref2","getImages","_separateImages","separateImages","_separateImages2","_slicedToArray2","mainImages","secondaryImages","handleImageOnClick","clickedImageId","secondaryImageClassname","length","_default","exports"],"sources":["../../../src/variants/LongformGallery/useLongformGallery.js"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport { GET_IMAGES_QUERY } from './constants';\nimport { separateImages, shouldSkip } from './helpers';\n\nconst useLongformGallery = ({\n imageIds = [],\n priorityLimit = 0,\n shouldDisplayCaption = false,\n enableLightbox = false,\n toggleModal = () => {},\n handleSelectedImage = () => {}\n}) => {\n const skip = shouldSkip(imageIds);\n\n const { data, loading, error } = useQuery(GET_IMAGES_QUERY, {\n variables: { where: { id: { _in: imageIds } } },\n skip\n });\n\n const { getImages } = data || {};\n\n const [mainImages, secondaryImages] = separateImages(\n getImages,\n priorityLimit,\n shouldDisplayCaption\n );\n\n const handleImageOnClick = clickedImageId => {\n if (!enableLightbox) return;\n toggleModal();\n handleSelectedImage(clickedImageId);\n };\n\n const secondaryImageClassname =\n imageIds.length === 4\n ? 'longform-gallery__images__image secondary-image two-group'\n : 'longform-gallery__images__image secondary-image';\n\n return {\n data,\n loading,\n error,\n mainImages,\n secondaryImages,\n secondaryImageClassname,\n handleImageOnClick\n };\n};\n\nexport default useLongformGallery;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAEA,IAAMG,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAOlB;EAAA,IAAAC,aAAA,GAAAD,IAAA,CANJE,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,EAAE,GAAAA,aAAA;IAAAE,kBAAA,GAAAH,IAAA,CACbI,aAAa;IAAbA,aAAa,GAAAD,kBAAA,cAAG,CAAC,GAAAA,kBAAA;IAAAE,qBAAA,GAAAL,IAAA,CACjBM,oBAAoB;IAApBA,oBAAoB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,mBAAA,GAAAP,IAAA,CAC5BQ,cAAc;IAAdA,cAAc,GAAAD,mBAAA,cAAG,KAAK,GAAAA,mBAAA;IAAAE,gBAAA,GAAAT,IAAA,CACtBU,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,gBAAA;IAAAE,qBAAA,GAAAX,IAAA,CACtBY,mBAAmB;IAAnBA,mBAAmB,GAAAD,qBAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,qBAAA;EAE9B,IAAME,IAAI,GAAG,IAAAC,mBAAU,EAACZ,QAAQ,CAAC;EAEjC,IAAAa,SAAA,GAAiC,IAAAC,gBAAQ,EAACC,2BAAgB,EAAE;MAC1DC,SAAS,EAAE;QAAEC,KAAK,EAAE;UAAEC,EAAE,EAAE;YAAEC,GAAG,EAAEnB;UAAS;QAAE;MAAE,CAAC;MAC/CW,IAAI,EAAJA;IACF,CAAC,CAAC;IAHMS,IAAI,GAAAP,SAAA,CAAJO,IAAI;IAAEC,OAAO,GAAAR,SAAA,CAAPQ,OAAO;IAAEC,KAAK,GAAAT,SAAA,CAALS,KAAK;EAK5B,IAAAC,KAAA,GAAsBH,IAAI,IAAI,CAAC,CAAC;IAAxBI,SAAS,GAAAD,KAAA,CAATC,SAAS;EAEjB,IAAAC,eAAA,GAAsC,IAAAC,uBAAc,EAClDF,SAAS,EACTtB,aAAa,EACbE,oBACF,CAAC;IAAAuB,gBAAA,OAAAC,eAAA,aAAAH,eAAA;IAJMI,UAAU,GAAAF,gBAAA;IAAEG,eAAe,GAAAH,gBAAA;EAMlC,IAAMI,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAGC,cAAc,EAAI;IAC3C,IAAI,CAAC1B,cAAc,EAAE;IACrBE,WAAW,CAAC,CAAC;IACbE,mBAAmB,CAACsB,cAAc,CAAC;EACrC,CAAC;EAED,IAAMC,uBAAuB,GAC3BjC,QAAQ,CAACkC,MAAM,KAAK,CAAC,GACjB,2DAA2D,GAC3D,iDAAiD;EAEvD,OAAO;IACLd,IAAI,EAAJA,IAAI;IACJC,OAAO,EAAPA,OAAO;IACPC,KAAK,EAALA,KAAK;IACLO,UAAU,EAAVA,UAAU;IACVC,eAAe,EAAfA,eAAe;IACfG,uBAAuB,EAAvBA,uBAAuB;IACvBF,kBAAkB,EAAlBA;EACF,CAAC;AACH,CAAC;AAAC,IAAAI,QAAA,GAAAC,OAAA,cAEavC,kBAAkB"}
|
|
@@ -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 LongformRow = {
|
|
22
|
-
getSettings: function getSettings(componentSettings) {
|
|
23
|
-
return _objectSpread(_objectSpread({}, componentSettings), {}, {
|
|
24
|
-
modifier: 'longform-row'
|
|
25
|
-
});
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
var _default = exports["default"] = LongformRow;
|
|
29
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["LongformRow","getSettings","componentSettings","_objectSpread","modifier","_default","exports"],"sources":["../../../src/variants/LongformRow/index.js"],"sourcesContent":["const LongformRow = {\n getSettings: componentSettings => ({\n ...componentSettings,\n modifier: 'longform-row'\n })\n};\n\nexport default LongformRow;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,WAAW,GAAG;EAClBC,WAAW,EAAE,SAAAA,YAAAC,iBAAiB;IAAA,OAAAC,aAAA,CAAAA,aAAA,KACzBD,iBAAiB;MACpBE,QAAQ,EAAE;IAAc;EAAA;AAE5B,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEaN,WAAW"}
|
|
@@ -1,30 +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 ParallaxImageRight = {
|
|
22
|
-
getSettings: function getSettings(componentSettings) {
|
|
23
|
-
return _objectSpread(_objectSpread({}, componentSettings), {}, {
|
|
24
|
-
parallax: true,
|
|
25
|
-
modifier: 'image-children-right'
|
|
26
|
-
});
|
|
27
|
-
}
|
|
28
|
-
};
|
|
29
|
-
var _default = exports["default"] = ParallaxImageRight;
|
|
30
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["ParallaxImageRight","getSettings","componentSettings","_objectSpread","parallax","modifier","_default","exports"],"sources":["../../../src/variants/ParallaxImageRight/index.js"],"sourcesContent":["const ParallaxImageRight = {\n getSettings: componentSettings => ({\n ...componentSettings,\n parallax: true,\n modifier: 'image-children-right'\n })\n};\n\nexport default ParallaxImageRight;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,kBAAkB,GAAG;EACzBC,WAAW,EAAE,SAAAA,YAAAC,iBAAiB;IAAA,OAAAC,aAAA,CAAAA,aAAA,KACzBD,iBAAiB;MACpBE,QAAQ,EAAE,IAAI;MACdC,QAAQ,EAAE;IAAsB;EAAA;AAEpC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEaP,kBAAkB"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
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; }
|
|
3
|
-
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) { _defineProperty(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; }
|
|
4
|
-
const HeroImage = {
|
|
5
|
-
getSettings: componentSettings => _objectSpread(_objectSpread({}, componentSettings), {}, {
|
|
6
|
-
modifier: 'hero-image'
|
|
7
|
-
})
|
|
8
|
-
};
|
|
9
|
-
export default HeroImage;
|
|
10
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["HeroImage","getSettings","componentSettings","_objectSpread","modifier"],"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,MAAMA,SAAS,GAAG;EAChBC,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,CAAAA,aAAA,KACzBD,iBAAiB;IACpBE,QAAQ,EAAE;EAAY;AAE1B,CAAC;AAED,eAAeJ,SAAS"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import useInfographic from './useInfographic';
|
|
3
|
-
const Infographic = props => {
|
|
4
|
-
const {
|
|
5
|
-
contentRef,
|
|
6
|
-
id,
|
|
7
|
-
className,
|
|
8
|
-
tabId,
|
|
9
|
-
children
|
|
10
|
-
} = useInfographic(props);
|
|
11
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
12
|
-
ref: contentRef,
|
|
13
|
-
id: id,
|
|
14
|
-
className: className,
|
|
15
|
-
role: "tabpanel",
|
|
16
|
-
"aria-labelledby": tabId
|
|
17
|
-
}, children);
|
|
18
|
-
};
|
|
19
|
-
export default Infographic;
|
|
20
|
-
//# sourceMappingURL=Infographic.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Infographic.js","names":["React","useInfographic","Infographic","props","contentRef","id","className","tabId","children","createElement","ref","role"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,cAAc,MAAM,kBAAkB;AAE7C,MAAMC,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAAEC,UAAU;IAAEC,EAAE;IAAEC,SAAS;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGP,cAAc,CAACE,KAAK,CAAC;EAE5E,oBACEH,KAAA,CAAAS,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;AAED,eAAeN,WAAW"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
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; }
|
|
3
|
-
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) { _defineProperty(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; }
|
|
4
|
-
import InfographicComponent from './Infographic';
|
|
5
|
-
const Infographic = {
|
|
6
|
-
getSettings: componentSettings => _objectSpread(_objectSpread({}, componentSettings), {}, {
|
|
7
|
-
VariantComponent: InfographicComponent
|
|
8
|
-
})
|
|
9
|
-
};
|
|
10
|
-
export default Infographic;
|
|
11
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["InfographicComponent","Infographic","getSettings","componentSettings","_objectSpread","VariantComponent"],"sources":["../../../src/variants/Infographic/index.js"],"sourcesContent":["import InfographicComponent from './Infographic';\n\nconst Infographic = {\n getSettings: componentSettings => ({\n ...componentSettings,\n VariantComponent: InfographicComponent\n })\n};\n\nexport default Infographic;\n"],"mappings":";;;AAAA,OAAOA,oBAAoB,MAAM,eAAe;AAEhD,MAAMC,WAAW,GAAG;EAClBC,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,CAAAA,aAAA,KACzBD,iBAAiB;IACpBE,gBAAgB,EAAEL;EAAoB;AAE1C,CAAC;AAED,eAAeC,WAAW"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
-
const _excluded = ["className"];
|
|
4
|
-
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; }
|
|
5
|
-
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) { _defineProperty(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; }
|
|
6
|
-
import { useInView } from '@blaze-react/utils/lib/customHooks';
|
|
7
|
-
const useInfographic = _ref => {
|
|
8
|
-
let {
|
|
9
|
-
className: _className
|
|
10
|
-
} = _ref,
|
|
11
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
12
|
-
const [isIntersecting, contentRef] = useInView({
|
|
13
|
-
once: true,
|
|
14
|
-
offset: '200px'
|
|
15
|
-
});
|
|
16
|
-
const className = `${_className} infographic${isIntersecting ? ' infographic__active' : ''}`;
|
|
17
|
-
return _objectSpread(_objectSpread({}, props), {}, {
|
|
18
|
-
className,
|
|
19
|
-
contentRef
|
|
20
|
-
});
|
|
21
|
-
};
|
|
22
|
-
export default useInfographic;
|
|
23
|
-
//# sourceMappingURL=useInfographic.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useInfographic.js","names":["useInView","useInfographic","_ref","className","_className","props","_objectWithoutProperties","_excluded","isIntersecting","contentRef","once","offset","_objectSpread"],"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,SAASA,SAAS,QAAQ,oCAAoC;AAE9D,MAAMC,cAAc,GAAGC,IAAA,IAAyC;EAAA,IAAxC;MAAEC,SAAS,EAAEC;IAAqB,CAAC,GAAAF,IAAA;IAAPG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACvD,MAAM,CAACC,cAAc,EAAEC,UAAU,CAAC,GAAGT,SAAS,CAAC;IAC7CU,IAAI,EAAE,IAAI;IACVC,MAAM,EAAE;EACV,CAAC,CAAC;EAEF,MAAMR,SAAS,GAAI,GAAEC,UAAW,eAAcI,cAAc,GAAG,sBAAsB,GAAG,EAAG,EAAC;EAE5F,OAAAI,aAAA,CAAAA,aAAA,KACKP,KAAK;IACRF,SAAS;IACTM;EAAU;AAEd,CAAC;AAED,eAAeR,cAAc"}
|