@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.
Files changed (100) hide show
  1. package/CHANGELOG.md +5 -9
  2. package/lib/components/ContentGroup/ContentGroupTabs.js +8 -10
  3. package/lib/components/ContentGroup/ContentGroupTabs.js.map +1 -1
  4. package/lib/hooks/helpers/getVariant.js.map +1 -1
  5. package/lib/variants/index.js +1 -13
  6. package/lib/variants/index.js.map +1 -1
  7. package/lib-es/components/ContentGroup/ContentGroupTabs.js +8 -10
  8. package/lib-es/components/ContentGroup/ContentGroupTabs.js.map +1 -1
  9. package/lib-es/hooks/helpers/getVariant.js.map +1 -1
  10. package/lib-es/variants/index.js +1 -12
  11. package/lib-es/variants/index.js.map +1 -1
  12. package/package.json +4 -4
  13. package/src/components/ContentGroup/ContentGroupTabs.js +8 -11
  14. package/src/hooks/helpers/getVariant.js +0 -1
  15. package/src/variants/index.js +1 -13
  16. package/tests/unit/src/components/ContentGroup/__snapshots__/ContentGroupTabs.test.js.snap +0 -2
  17. package/lib/variants/HeroImage/index.js +0 -29
  18. package/lib/variants/HeroImage/index.js.map +0 -1
  19. package/lib/variants/Infographic/Infographic.js +0 -27
  20. package/lib/variants/Infographic/Infographic.js.map +0 -1
  21. package/lib/variants/Infographic/index.js +0 -30
  22. package/lib/variants/Infographic/index.js.map +0 -1
  23. package/lib/variants/Infographic/useInfographic.js +0 -43
  24. package/lib/variants/Infographic/useInfographic.js.map +0 -1
  25. package/lib/variants/LongformGallery/LongformGallery.js +0 -51
  26. package/lib/variants/LongformGallery/LongformGallery.js.map +0 -1
  27. package/lib/variants/LongformGallery/LongformGalleryImage.js +0 -68
  28. package/lib/variants/LongformGallery/LongformGalleryImage.js.map +0 -1
  29. package/lib/variants/LongformGallery/constants.js +0 -19
  30. package/lib/variants/LongformGallery/constants.js.map +0 -1
  31. package/lib/variants/LongformGallery/helpers/index.js +0 -29
  32. package/lib/variants/LongformGallery/helpers/index.js.map +0 -1
  33. package/lib/variants/LongformGallery/helpers/parseImageData.js +0 -42
  34. package/lib/variants/LongformGallery/helpers/parseImageData.js.map +0 -1
  35. package/lib/variants/LongformGallery/helpers/separateImages.js +0 -27
  36. package/lib/variants/LongformGallery/helpers/separateImages.js.map +0 -1
  37. package/lib/variants/LongformGallery/helpers/shouldSkip.js +0 -13
  38. package/lib/variants/LongformGallery/helpers/shouldSkip.js.map +0 -1
  39. package/lib/variants/LongformGallery/index.js +0 -31
  40. package/lib/variants/LongformGallery/index.js.map +0 -1
  41. package/lib/variants/LongformGallery/useLongformGallery.js +0 -63
  42. package/lib/variants/LongformGallery/useLongformGallery.js.map +0 -1
  43. package/lib/variants/LongformRow/index.js +0 -29
  44. package/lib/variants/LongformRow/index.js.map +0 -1
  45. package/lib/variants/ParallaxImageRight/index.js +0 -30
  46. package/lib/variants/ParallaxImageRight/index.js.map +0 -1
  47. package/lib-es/variants/HeroImage/index.js +0 -10
  48. package/lib-es/variants/HeroImage/index.js.map +0 -1
  49. package/lib-es/variants/Infographic/Infographic.js +0 -20
  50. package/lib-es/variants/Infographic/Infographic.js.map +0 -1
  51. package/lib-es/variants/Infographic/index.js +0 -11
  52. package/lib-es/variants/Infographic/index.js.map +0 -1
  53. package/lib-es/variants/Infographic/useInfographic.js +0 -23
  54. package/lib-es/variants/Infographic/useInfographic.js.map +0 -1
  55. package/lib-es/variants/LongformGallery/LongformGallery.js +0 -37
  56. package/lib-es/variants/LongformGallery/LongformGallery.js.map +0 -1
  57. package/lib-es/variants/LongformGallery/LongformGalleryImage.js +0 -56
  58. package/lib-es/variants/LongformGallery/LongformGalleryImage.js.map +0 -1
  59. package/lib-es/variants/LongformGallery/constants.js +0 -18
  60. package/lib-es/variants/LongformGallery/constants.js.map +0 -1
  61. package/lib-es/variants/LongformGallery/helpers/index.js +0 -5
  62. package/lib-es/variants/LongformGallery/helpers/index.js.map +0 -1
  63. package/lib-es/variants/LongformGallery/helpers/parseImageData.js +0 -26
  64. package/lib-es/variants/LongformGallery/helpers/parseImageData.js.map +0 -1
  65. package/lib-es/variants/LongformGallery/helpers/separateImages.js +0 -13
  66. package/lib-es/variants/LongformGallery/helpers/separateImages.js.map +0 -1
  67. package/lib-es/variants/LongformGallery/helpers/shouldSkip.js +0 -3
  68. package/lib-es/variants/LongformGallery/helpers/shouldSkip.js.map +0 -1
  69. package/lib-es/variants/LongformGallery/index.js +0 -12
  70. package/lib-es/variants/LongformGallery/index.js.map +0 -1
  71. package/lib-es/variants/LongformGallery/useLongformGallery.js +0 -48
  72. package/lib-es/variants/LongformGallery/useLongformGallery.js.map +0 -1
  73. package/lib-es/variants/LongformRow/index.js +0 -10
  74. package/lib-es/variants/LongformRow/index.js.map +0 -1
  75. package/lib-es/variants/ParallaxImageRight/index.js +0 -11
  76. package/lib-es/variants/ParallaxImageRight/index.js.map +0 -1
  77. package/src/variants/HeroImage/index.js +0 -8
  78. package/src/variants/Infographic/Infographic.js +0 -14
  79. package/src/variants/Infographic/index.js +0 -10
  80. package/src/variants/Infographic/useInfographic.js +0 -18
  81. package/src/variants/LongformGallery/LongformGallery.js +0 -48
  82. package/src/variants/LongformGallery/LongformGalleryImage.js +0 -62
  83. package/src/variants/LongformGallery/constants.js +0 -21
  84. package/src/variants/LongformGallery/helpers/index.js +0 -5
  85. package/src/variants/LongformGallery/helpers/parseImageData.js +0 -25
  86. package/src/variants/LongformGallery/helpers/separateImages.js +0 -22
  87. package/src/variants/LongformGallery/helpers/shouldSkip.js +0 -3
  88. package/src/variants/LongformGallery/index.js +0 -11
  89. package/src/variants/LongformGallery/useLongformGallery.js +0 -50
  90. package/src/variants/LongformRow/index.js +0 -8
  91. package/src/variants/ParallaxImageRight/index.js +0 -9
  92. package/tests/unit/src/variants/LongFormGallery/LongformGallery.test.js +0 -41
  93. package/tests/unit/src/variants/LongFormGallery/LongformGalleryImage.test.js +0 -44
  94. package/tests/unit/src/variants/LongFormGallery/__snapshots__/LongformGallery.test.js.snap +0 -102
  95. package/tests/unit/src/variants/LongFormGallery/__snapshots__/LongformGalleryImage.test.js.snap +0 -51
  96. package/tests/unit/src/variants/LongFormGallery/constants.js +0 -37
  97. package/tests/unit/src/variants/LongFormGallery/helpers/parseImageData.test.js +0 -53
  98. package/tests/unit/src/variants/LongFormGallery/helpers/separateImages.test.js +0 -54
  99. package/tests/unit/src/variants/LongFormGallery/helpers/shouldSkip.test.js +0 -23
  100. 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"}