@blaze-cms/react-page-builder 0.145.1-core-styles.0 → 0.146.0-alpha.2
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 +14 -1
- package/lib/components/BackToTop/BackToTop.js +8 -13
- package/lib/components/BackToTop/BackToTop.js.map +1 -1
- package/lib/components/Card/Card.js +5 -3
- package/lib/components/Card/Card.js.map +1 -1
- package/lib/components/Carousel/CarouselImage/CarouselImage.js +3 -1
- package/lib/components/Carousel/CarouselImage/CarouselImage.js.map +1 -1
- package/lib/components/Carousel/CarouselImage/constants.js +9 -0
- package/lib/components/Carousel/CarouselImage/constants.js.map +1 -0
- package/lib/components/CarouselWrapper/DefaultCarousel.js +2 -0
- package/lib/components/CarouselWrapper/DefaultCarousel.js.map +1 -1
- package/lib/components/ContentGroup/ContentGroupTabs.js +1 -2
- package/lib/components/ContentGroup/ContentGroupTabs.js.map +1 -1
- package/lib/components/DateTime/DateTime.js +4 -4
- package/lib/components/DateTime/DateTime.js.map +1 -1
- package/lib/components/Image/GlobalLightbox/GlobalLightbox.js +3 -3
- package/lib/components/Image/GlobalLightbox/GlobalLightbox.js.map +1 -1
- package/lib/components/Image/GlobalLightbox/NavButton.js +6 -3
- package/lib/components/Image/GlobalLightbox/NavButton.js.map +1 -1
- package/lib/components/Image/Image.js +1 -0
- package/lib/components/Image/Image.js.map +1 -1
- package/lib/components/ItemList/ItemListNew/ItemListNew.js +1 -2
- package/lib/components/ItemList/ItemListNew/ItemListNew.js.map +1 -1
- package/lib/components/List/components/Cards/CardsRender.js.map +1 -1
- package/lib/components/List/components/Full/FullRender.js +2 -2
- package/lib/components/List/components/Full/FullRender.js.map +1 -1
- package/lib/components/Loading/Loading.js +35 -0
- package/lib/components/Loading/Loading.js.map +1 -0
- package/lib/components/Loading/constants.js +11 -0
- package/lib/components/Loading/constants.js.map +1 -0
- package/lib/components/Loading/helpers.js +18 -0
- package/lib/components/Loading/helpers.js.map +1 -0
- package/lib/components/Loading/index.js +11 -0
- package/lib/components/Loading/index.js.map +1 -0
- package/lib/components/Menu/Menu.js +1 -1
- package/lib/components/Menu/Menu.js.map +1 -1
- package/lib/components/MenuItem/MenuItem.js +2 -5
- package/lib/components/MenuItem/MenuItem.js.map +1 -1
- package/lib/components/SearchFilter/SearchFilter/FiltersList.js.map +1 -1
- package/lib/components/SearchFilter/SearchFilter/MobileFormToolbar.js +1 -1
- package/lib/components/SearchFilter/SearchFilter/MobileFormToolbar.js.map +1 -1
- package/lib/components/SearchFilter/SearchFilter/ResetDesktopForm.js +3 -3
- package/lib/components/SearchFilter/SearchFilter/ResetDesktopForm.js.map +1 -1
- package/lib/components/SearchFilter/SearchFilter/SearchFilter.js +4 -3
- package/lib/components/SearchFilter/SearchFilter/SearchFilter.js.map +1 -1
- package/lib/components/SearchFilter/components/Checkbox.js +1 -1
- package/lib/components/SearchFilter/components/Checkbox.js.map +1 -1
- package/lib/components/SearchFilter/components/TextSearch.js +1 -0
- package/lib/components/SearchFilter/components/TextSearch.js.map +1 -1
- package/lib/components/Video/providers/Vimeo/VimeoProvider.js +0 -1
- package/lib/components/Video/providers/Vimeo/VimeoProvider.js.map +1 -1
- package/lib/index.js +7 -0
- package/lib/index.js.map +1 -1
- package/lib-es/components/BackToTop/BackToTop.js +11 -17
- package/lib-es/components/BackToTop/BackToTop.js.map +1 -1
- package/lib-es/components/Card/Card.js +5 -3
- package/lib-es/components/Card/Card.js.map +1 -1
- package/lib-es/components/Carousel/CarouselImage/CarouselImage.js +3 -1
- package/lib-es/components/Carousel/CarouselImage/CarouselImage.js.map +1 -1
- package/lib-es/components/Carousel/CarouselImage/constants.js +2 -0
- package/lib-es/components/Carousel/CarouselImage/constants.js.map +1 -0
- package/lib-es/components/CarouselWrapper/DefaultCarousel.js +2 -0
- package/lib-es/components/CarouselWrapper/DefaultCarousel.js.map +1 -1
- package/lib-es/components/ContentGroup/ContentGroupTabs.js +1 -2
- package/lib-es/components/ContentGroup/ContentGroupTabs.js.map +1 -1
- package/lib-es/components/DateTime/DateTime.js +4 -4
- package/lib-es/components/DateTime/DateTime.js.map +1 -1
- package/lib-es/components/Image/GlobalLightbox/GlobalLightbox.js +3 -3
- package/lib-es/components/Image/GlobalLightbox/GlobalLightbox.js.map +1 -1
- package/lib-es/components/Image/GlobalLightbox/NavButton.js +6 -3
- package/lib-es/components/Image/GlobalLightbox/NavButton.js.map +1 -1
- package/lib-es/components/Image/Image.js +1 -0
- package/lib-es/components/Image/Image.js.map +1 -1
- package/lib-es/components/ItemList/ItemListNew/ItemListNew.js +1 -2
- package/lib-es/components/ItemList/ItemListNew/ItemListNew.js.map +1 -1
- package/lib-es/components/List/components/Cards/CardsRender.js.map +1 -1
- package/lib-es/components/List/components/Full/FullRender.js +2 -2
- package/lib-es/components/List/components/Full/FullRender.js.map +1 -1
- package/lib-es/components/Loading/Loading.js +27 -0
- package/lib-es/components/Loading/Loading.js.map +1 -0
- package/lib-es/components/Loading/constants.js +5 -0
- package/lib-es/components/Loading/constants.js.map +1 -0
- package/lib-es/components/Loading/helpers.js +8 -0
- package/lib-es/components/Loading/helpers.js.map +1 -0
- package/lib-es/components/Loading/index.js +3 -0
- package/lib-es/components/Loading/index.js.map +1 -0
- package/lib-es/components/Menu/Menu.js +1 -1
- package/lib-es/components/Menu/Menu.js.map +1 -1
- package/lib-es/components/MenuItem/MenuItem.js +2 -5
- package/lib-es/components/MenuItem/MenuItem.js.map +1 -1
- package/lib-es/components/SearchFilter/SearchFilter/FiltersList.js.map +1 -1
- package/lib-es/components/SearchFilter/SearchFilter/MobileFormToolbar.js +1 -1
- package/lib-es/components/SearchFilter/SearchFilter/MobileFormToolbar.js.map +1 -1
- package/lib-es/components/SearchFilter/SearchFilter/ResetDesktopForm.js +3 -3
- package/lib-es/components/SearchFilter/SearchFilter/ResetDesktopForm.js.map +1 -1
- package/lib-es/components/SearchFilter/SearchFilter/SearchFilter.js +4 -3
- package/lib-es/components/SearchFilter/SearchFilter/SearchFilter.js.map +1 -1
- package/lib-es/components/SearchFilter/components/Checkbox.js +1 -1
- package/lib-es/components/SearchFilter/components/Checkbox.js.map +1 -1
- package/lib-es/components/SearchFilter/components/TextSearch.js +1 -0
- package/lib-es/components/SearchFilter/components/TextSearch.js.map +1 -1
- package/lib-es/components/Video/providers/Vimeo/VimeoProvider.js +0 -1
- package/lib-es/components/Video/providers/Vimeo/VimeoProvider.js.map +1 -1
- package/lib-es/index.js +1 -0
- package/lib-es/index.js.map +1 -1
- package/package.json +12 -12
- package/src/components/BackToTop/BackToTop.js +6 -11
- package/src/components/Card/Card.js +4 -3
- package/src/components/Carousel/CarouselImage/CarouselImage.js +3 -1
- package/src/components/Carousel/CarouselImage/constants.js +1 -0
- package/src/components/CarouselWrapper/DefaultCarousel.js +2 -0
- package/src/components/ContentGroup/ContentGroupTabs.js +1 -3
- package/src/components/DateTime/DateTime.js +4 -4
- package/src/components/Image/GlobalLightbox/GlobalLightbox.js +3 -3
- package/src/components/Image/GlobalLightbox/NavButton.js +5 -3
- package/src/components/Image/Image.js +1 -0
- package/src/components/ItemList/ItemListNew/ItemListNew.js +1 -4
- package/src/components/List/components/Cards/CardsRender.js +2 -0
- package/src/components/List/components/Full/FullRender.js +2 -1
- package/src/components/Loading/Loading.js +31 -0
- package/src/components/Loading/constants.js +5 -0
- package/src/components/Loading/helpers.js +9 -0
- package/src/components/Loading/index.js +3 -0
- package/src/components/Menu/Menu.js +1 -1
- package/src/components/MenuItem/MenuItem.js +2 -9
- package/src/components/SearchFilter/SearchFilter/FiltersList.js +3 -0
- package/src/components/SearchFilter/SearchFilter/MobileFormToolbar.js +1 -1
- package/src/components/SearchFilter/SearchFilter/ResetDesktopForm.js +3 -2
- package/src/components/SearchFilter/SearchFilter/SearchFilter.js +10 -5
- package/src/components/SearchFilter/components/Checkbox.js +3 -1
- package/src/components/SearchFilter/components/TextSearch.js +1 -0
- package/src/components/Video/providers/Vimeo/VimeoProvider.js +0 -1
- package/src/index.js +1 -0
- package/tests/unit/src/components/BackToTop/BackToTop.test.js +9 -5
- package/tests/unit/src/components/BackToTop/__snapshots__/BackToTop.test.js.snap +1 -1
- package/tests/unit/src/components/Carousel/CarouselImage/__snapshots__/CarouselImage.test.js.snap +1 -1
- package/tests/unit/src/components/Carousel/__snapshots__/Carousel.test.js.snap +1 -1
- package/tests/unit/src/components/ContentGroup/__snapshots__/ContentGroupTabs.test.js.snap +4 -4
- package/tests/unit/src/components/ItemList/__snapshots__/ItemListNew.test.js.snap +0 -2
- package/tests/unit/src/components/Loading/Loading.test.js +29 -0
- package/tests/unit/src/components/Loading/__snapshots__/Loading.test.js.snap +43 -0
- package/tests/unit/src/components/MenuItem/__snapshots__/MenuItem.test.js.snap +0 -5
- package/tests/unit/src/components/SearchFilter/SearchFilter/__snapshots__/MobileFormToolbar.test.js.snap +1 -1
- package/tests/unit/src/components/SearchFilter/SearchFilter/__snapshots__/ResetDesktopForm.test.js.snap +1 -1
- package/tests/unit/src/components/SearchFilter/SearchFilter/__snapshots__/SearchFilter.test.js.snap +19 -17
- package/tests/unit/src/components/SearchFilter/components/__snapshots__/Select.test.js.snap +1 -0
- package/tests/unit/src/components/SearchFilter/components/__snapshots__/TextSearch.test.js.snap +1 -0
- package/tests/unit/src/components/SearchFilterSort/__snapshots__/SearchFilterSort.test.js.snap +1 -0
- package/tests/unit/src/components/Video/providers/Vimeo/__snapshots__/Vimeo.test.js.snap +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,15 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
# [0.146.0-alpha.2](https://github.com/thebyte9/blaze/compare/v0.146.0-alpha.1...v0.146.0-alpha.2) (2024-09-09)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @blaze-cms/react-page-builder
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
# [0.146.0-alpha.0](https://github.com/thebyte9/blaze/compare/v0.145.1-alpha.1...v0.146.0-alpha.0) (2024-09-03)
|
|
7
15
|
|
|
8
16
|
|
|
9
17
|
### Bug Fixes
|
|
@@ -11,6 +19,11 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
11
19
|
* exported necessary helpers from blaze react page builder ([#4466](https://github.com/thebyte9/blaze/issues/4466)) ([9a8d0db](https://github.com/thebyte9/blaze/commit/9a8d0db28dc0fbf7a2c93733fa1c7d61f293ac1b))
|
|
12
20
|
|
|
13
21
|
|
|
22
|
+
### Features
|
|
23
|
+
|
|
24
|
+
* added Loading component ([#4469](https://github.com/thebyte9/blaze/issues/4469)) ([957f09b](https://github.com/thebyte9/blaze/commit/957f09bab84e2e08df879abf4eec17293d167e00))
|
|
25
|
+
|
|
26
|
+
|
|
14
27
|
|
|
15
28
|
|
|
16
29
|
|
|
@@ -14,24 +14,18 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
14
14
|
});
|
|
15
15
|
exports["default"] = void 0;
|
|
16
16
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
17
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
18
17
|
var _react = _interopRequireWildcard(require("react"));
|
|
19
18
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
20
19
|
var _fa = require("react-icons/fa");
|
|
21
|
-
var _Wrapper = _interopRequireDefault(require("../Wrapper"));
|
|
22
|
-
var _utils = require("../../utils");
|
|
23
|
-
var _excluded = ["type", "showAfterPixels"];
|
|
24
20
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
25
21
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
26
22
|
var BackToTop = function BackToTop(_ref) {
|
|
27
23
|
var type = _ref.type,
|
|
28
|
-
showAfterPixels = _ref.showAfterPixels
|
|
29
|
-
otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
24
|
+
showAfterPixels = _ref.showAfterPixels;
|
|
30
25
|
var _useState = (0, _react.useState)(false),
|
|
31
26
|
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
32
27
|
goToTop = _useState2[0],
|
|
33
28
|
setGoToTop = _useState2[1];
|
|
34
|
-
var modifiers = (0, _utils.getClassModifiers)(type, otherProps);
|
|
35
29
|
(0, _react.useEffect)(function () {
|
|
36
30
|
var handleOnScroll = function handleOnScroll() {
|
|
37
31
|
return setGoToTop(window.scrollY >= showAfterPixels);
|
|
@@ -41,19 +35,20 @@ var BackToTop = function BackToTop(_ref) {
|
|
|
41
35
|
return document.removeEventListener('scroll', handleOnScroll);
|
|
42
36
|
};
|
|
43
37
|
}, [showAfterPixels]);
|
|
44
|
-
var handleBackToTop = function handleBackToTop() {
|
|
38
|
+
var handleBackToTop = function handleBackToTop(event) {
|
|
39
|
+
event.preventDefault();
|
|
45
40
|
window.scroll({
|
|
46
41
|
top: 0,
|
|
47
42
|
left: 0,
|
|
48
43
|
behavior: 'smooth'
|
|
49
44
|
});
|
|
50
|
-
setGoToTop(false);
|
|
51
45
|
};
|
|
52
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, goToTop && /*#__PURE__*/_react["default"].createElement(
|
|
46
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, goToTop && /*#__PURE__*/_react["default"].createElement("a", {
|
|
47
|
+
href: "#top",
|
|
53
48
|
className: type,
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
|
49
|
+
onClick: handleBackToTop,
|
|
50
|
+
"aria-label": "Back to top"
|
|
51
|
+
}, /*#__PURE__*/_react["default"].createElement(_fa.FaArrowUp, null)));
|
|
57
52
|
};
|
|
58
53
|
BackToTop.propTypes = {
|
|
59
54
|
type: _propTypes["default"].string,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BackToTop.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_fa","
|
|
1
|
+
{"version":3,"file":"BackToTop.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_fa","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","BackToTop","_ref","type","showAfterPixels","_useState","useState","_useState2","_slicedToArray2","goToTop","setGoToTop","useEffect","handleOnScroll","window","scrollY","document","addEventListener","removeEventListener","handleBackToTop","event","preventDefault","scroll","top","left","behavior","createElement","Fragment","href","className","onClick","FaArrowUp","propTypes","PropTypes","string","number","defaultProps","_default","exports"],"sources":["../../../src/components/BackToTop/BackToTop.js"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { FaArrowUp } from 'react-icons/fa';\n\nconst BackToTop = ({ type, showAfterPixels }) => {\n const [goToTop, setGoToTop] = useState(false);\n\n useEffect(\n () => {\n const handleOnScroll = () => setGoToTop(window.scrollY >= showAfterPixels);\n document.addEventListener('scroll', handleOnScroll);\n return () => document.removeEventListener('scroll', handleOnScroll);\n },\n [showAfterPixels]\n );\n\n const handleBackToTop = event => {\n event.preventDefault();\n window.scroll({\n top: 0,\n left: 0,\n behavior: 'smooth'\n });\n };\n\n return (\n <>\n {goToTop && (\n <a href=\"#top\" className={type} onClick={handleBackToTop} aria-label=\"Back to top\">\n <FaArrowUp />\n </a>\n )}\n </>\n );\n};\n\nBackToTop.propTypes = {\n type: PropTypes.string,\n showAfterPixels: PropTypes.number\n};\n\nBackToTop.defaultProps = {\n type: 'backtotop',\n showAfterPixels: 200\n};\n\nexport default BackToTop;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -71,7 +71,8 @@ var Card = function Card(_ref) {
|
|
|
71
71
|
var router = (0, _router.useRouter)();
|
|
72
72
|
var _getImageDefinedProps = getImageDefinedProps({
|
|
73
73
|
image: image,
|
|
74
|
-
displayThumbnail: displayThumbnail
|
|
74
|
+
displayThumbnail: displayThumbnail,
|
|
75
|
+
name: name
|
|
75
76
|
}),
|
|
76
77
|
imageSrc = _getImageDefinedProps.imageSrc,
|
|
77
78
|
shouldDisplayThumbnail = _getImageDefinedProps.shouldDisplayThumbnail,
|
|
@@ -265,12 +266,13 @@ var getCategoryDefinedProps = function getCategoryDefinedProps(_ref3) {
|
|
|
265
266
|
};
|
|
266
267
|
var getImageDefinedProps = function getImageDefinedProps(_ref4) {
|
|
267
268
|
var image = _ref4.image,
|
|
268
|
-
displayThumbnail = _ref4.displayThumbnail
|
|
269
|
+
displayThumbnail = _ref4.displayThumbnail,
|
|
270
|
+
name = _ref4.name;
|
|
269
271
|
var _ref5 = image || {},
|
|
270
272
|
imageSrc = _ref5.url,
|
|
271
273
|
data = _ref5.data;
|
|
272
274
|
var shouldDisplayThumbnail = displayThumbnail && imageSrc;
|
|
273
|
-
var altText = data && data.altText ||
|
|
275
|
+
var altText = data && data.altText || name;
|
|
274
276
|
return {
|
|
275
277
|
imageSrc: imageSrc,
|
|
276
278
|
shouldDisplayThumbnail: shouldDisplayThumbnail,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","names":["_react","_interopRequireWildcard","require","_router","_propTypes","_interopRequireDefault","_BlazeLink","_ClickWrapper","_helpers","_LazyImage","_helpers2","_constants","_buildPBComponents","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Card","_ref","id","image","name","url","graphqlEntityMap","entityProps","alternativePreHeader","alternativeHeadline","category","modifier","parsedPropsToDisplay","propsToDisplay","propsToDisplayModifiers","gtmId","style","priority","cardChildren","gtmChildren","displayCategory","displayThumbnail","displayTitle","enableOverlay","enableCarousel","titleOverlayModifier","overlayModifier","gridModifier","pageBuilderComponents","dataEntity","__typename","otherProps","_objectWithoutProperties2","entity","updateChildrensParent","parent","itemId","itemEntity","router","useRouter","_getImageDefinedProps","getImageDefinedProps","imageSrc","shouldDisplayThumbnail","altText","modifiers","getInitialModifiers","_getCategoryDefinedPr","getCategoryDefinedProps","publishedListingPage","preHeader","label","headline","linkTitle","dynamicSizeKey","useDynamicSizeKey","CARD_STRING","_getClickWrapperOptio","getClickWrapperOptions","shouldUseClickWrapper","wrapperProps","Wrapper","ClickWrapper","Fragment","classNameWithModifiers","getModifiers","contentWrapperModifier","concat","titleWrapperModifier","handleCardClick","clickEventTag","target","tagName","toLowerCase","clickEventRole","role","shouldTriggerRouteChange","CARD_CHILDREN_WITH_LINKS","find","childTag","push","clickProps","process","env","BLAZE_PB_ADD_CLICK_TO_CARDS","onClick","createElement","_extends2","className","href","scroll","src","alt","sizeKey","title","length","BuildPBComponents","map","prop","dynamicKey","propModifier","_ref2","htmlAttribute","extraProps","props","children","encodeURIComponent","key","renderChildren","propTypes","PropTypes","string","isRequired","shape","data","object","array","bool","oneOfType","arrayOf","node","defaultProps","_ref3","hasAlternativePreHeader","getPublishedListingUrl","_ref4","_ref5","_ref6","sponsored","featured","_default","exports"],"sources":["../../../src/components/Card/Card.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport { useRouter } from 'next/router';\nimport PropTypes from 'prop-types';\nimport BlazeLink from '../BlazeLink';\nimport ClickWrapper from '../ClickWrapper';\nimport {\n getModifiers,\n renderChildren,\n updateChildrensParent,\n getClickWrapperOptions\n} from '../../helpers';\nimport LazyImage from '../LazyImage';\nimport { getPublishedListingUrl, useDynamicSizeKey } from './helpers';\nimport { CARD_STRING, CARD_CHILDREN_WITH_LINKS } from './constants';\nimport BuildPBComponents from '../../hooks/helpers/buildPBComponents';\n\nconst Card = ({\n id,\n image,\n name,\n url,\n graphqlEntityMap,\n entityProps,\n alternativePreHeader,\n alternativeHeadline,\n category,\n modifier,\n parsedPropsToDisplay,\n propsToDisplay,\n propsToDisplayModifiers,\n gtmId,\n style,\n priority,\n cardChildren,\n gtmChildren,\n displayCategory,\n displayThumbnail,\n displayTitle,\n enableOverlay,\n enableCarousel,\n titleOverlayModifier,\n overlayModifier,\n gridModifier,\n pageBuilderComponents,\n __typename: dataEntity,\n ...otherProps\n}) => {\n const entity = graphqlEntityMap[dataEntity];\n updateChildrensParent(cardChildren, id, entity);\n const parent = { itemId: id, itemEntity: entity };\n const router = useRouter();\n const { imageSrc, shouldDisplayThumbnail, altText } = getImageDefinedProps({\n image,\n displayThumbnail\n });\n\n const modifiers = getInitialModifiers({ modifier, style, otherProps });\n\n const { publishedListingPage, preHeader, label, headline } = getCategoryDefinedProps({\n alternativePreHeader,\n category,\n entity,\n alternativeHeadline,\n displayCategory,\n name\n });\n\n const linkTitle = name;\n\n const dynamicSizeKey = useDynamicSizeKey(CARD_STRING, { style, gridModifier, modifier });\n\n const { shouldUseClickWrapper, wrapperProps } = getClickWrapperOptions(\n gtmChildren,\n entityProps,\n id\n );\n\n const Wrapper = shouldUseClickWrapper ? ClickWrapper : Fragment;\n\n const classNameWithModifiers = getModifiers(CARD_STRING, modifiers);\n\n const contentWrapperModifier = `${getModifiers('card__content-wrapper', modifiers)} ${\n enableOverlay && enableCarousel ? overlayModifier : ''\n }`;\n\n const titleWrapperModifier = `${getModifiers('card__title', modifiers)} ${\n enableOverlay && enableCarousel ? titleOverlayModifier : ''\n }`;\n\n const handleCardClick = e => {\n if (!url) return;\n\n const clickEventTag = e.target.tagName.toLowerCase();\n const clickEventRole = e.target.role;\n const shouldTriggerRouteChange =\n clickEventRole !== 'button' &&\n !CARD_CHILDREN_WITH_LINKS.find(childTag => childTag === clickEventTag);\n if (shouldTriggerRouteChange) router.push(`/Resolver`, url);\n };\n\n // todo: remove temp env var flag once widely tested BLAZE_PB_ADD_CLICK_TO_CARDS\n const clickProps =\n url && process.env.BLAZE_PB_ADD_CLICK_TO_CARDS\n ? {\n onClick: handleCardClick,\n role: 'button'\n }\n : {};\n return (\n <Wrapper {...wrapperProps}>\n <div className={classNameWithModifiers} {...clickProps}>\n {shouldDisplayThumbnail && (\n <div className={getModifiers('card__image', modifiers)}>\n <BlazeLink gtmId={gtmId} href={url} className=\"card__image-link\" scroll>\n <LazyImage\n src={imageSrc}\n alt={altText}\n sizeKey={dynamicSizeKey}\n priority={priority}\n />\n </BlazeLink>\n </div>\n )}\n <div className={contentWrapperModifier}>\n <div className={getModifiers('card__content', modifiers)}>\n {displayCategory &&\n (publishedListingPage ? (\n <BlazeLink\n gtmId={gtmId}\n href={publishedListingPage}\n className=\"badge badge--label\"\n scroll>\n {preHeader.name}\n </BlazeLink>\n ) : (\n <div className=\"badge badge--label\">{label}</div>\n ))}\n {displayTitle && (\n <div className={titleWrapperModifier}>\n <BlazeLink title={linkTitle} gtmId={gtmId} href={url} scroll>\n {headline}\n </BlazeLink>\n </div>\n )}\n {!!pageBuilderComponents.length && (\n <div className=\"card__item card__item--full\" data-testid=\"full-card\">\n {BuildPBComponents(pageBuilderComponents, { parent })}\n </div>\n )}\n {!!parsedPropsToDisplay.length && (\n <div className={getModifiers('card__details', modifiers)}>\n {parsedPropsToDisplay.map((prop, i) => {\n if (!prop) return null;\n\n const dynamicKey = `${id}${i}`;\n const propModifier = propsToDisplayModifiers[i] || '';\n\n const { htmlAttribute } = propsToDisplay[i] || {};\n const extraProps = {};\n if (htmlAttribute && prop.props.children) {\n extraProps[htmlAttribute] = encodeURIComponent(prop.props.children[2]);\n }\n\n return (\n <span key={dynamicKey} className={propModifier} {...extraProps}>\n {prop}\n </span>\n );\n })}\n </div>\n )}\n </div>\n {!!cardChildren && (\n <div className=\"card__child-content\">{renderChildren(cardChildren)}</div>\n )}\n </div>\n </div>\n </Wrapper>\n );\n};\n\nCard.propTypes = {\n id: PropTypes.string.isRequired,\n image: PropTypes.shape({\n url: PropTypes.string,\n data: PropTypes.object\n }),\n graphqlEntityMap: PropTypes.object.isRequired,\n __typename: PropTypes.string.isRequired,\n style: PropTypes.string,\n parsedPropsToDisplay: PropTypes.array,\n propsToDisplay: PropTypes.array,\n propsToDisplayModifiers: PropTypes.array,\n url: PropTypes.string,\n name: PropTypes.string.isRequired,\n entityProps: PropTypes.object,\n gtmId: PropTypes.string,\n alternativePreHeader: PropTypes.shape({\n name: PropTypes.string\n }),\n alternativeHeadline: PropTypes.string,\n category: PropTypes.shape({\n name: PropTypes.string,\n publishedListingPage: PropTypes.shape({\n url: PropTypes.string\n })\n }),\n modifier: PropTypes.string,\n displayCategory: PropTypes.bool.isRequired,\n displayThumbnail: PropTypes.bool.isRequired,\n displayTitle: PropTypes.bool.isRequired,\n enableCarousel: PropTypes.bool,\n enableOverlay: PropTypes.bool,\n overlayModifier: PropTypes.string,\n titleOverlayModifier: PropTypes.string,\n cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n gridModifier: PropTypes.string,\n priority: PropTypes.bool,\n pageBuilderComponents: PropTypes.array\n};\n\nCard.defaultProps = {\n entityProps: {},\n pageBuilderComponents: [],\n image: {\n url: null,\n data: {}\n },\n gtmId: '',\n style: 'portrait',\n parsedPropsToDisplay: [],\n propsToDisplay: [],\n propsToDisplayModifiers: [],\n url: '',\n alternativePreHeader: null,\n alternativeHeadline: '',\n category: null,\n modifier: '',\n cardChildren: [],\n gtmChildren: [],\n gridModifier: '',\n priority: false,\n overlayModifier: '',\n titleOverlayModifier: '',\n enableOverlay: false,\n enableCarousel: false\n};\n\nconst getCategoryDefinedProps = ({\n alternativePreHeader,\n category,\n entity,\n alternativeHeadline,\n displayCategory,\n name\n}) => {\n const hasAlternativePreHeader = alternativePreHeader && alternativePreHeader.name;\n const preHeader =\n alternativeHeadline && hasAlternativePreHeader ? alternativePreHeader : category;\n const publishedListingPage = getPublishedListingUrl(preHeader);\n const label = preHeader ? preHeader.name : entity;\n const headline =\n !displayCategory || !hasAlternativePreHeader ? name : alternativeHeadline || name;\n return { publishedListingPage, preHeader, label, headline };\n};\n\nconst getImageDefinedProps = ({ image, displayThumbnail }) => {\n const { url: imageSrc, data } = image || {};\n const shouldDisplayThumbnail = displayThumbnail && imageSrc;\n const altText = (data && data.altText) || '';\n return { imageSrc, shouldDisplayThumbnail, altText };\n};\n\nconst getInitialModifiers = ({ modifier, style, otherProps }) => {\n const modifiers = [modifier, style];\n const { sponsored, featured } = otherProps;\n if (sponsored) modifiers.push('sponsored');\n if (featured) modifiers.push('featured');\n\n return modifiers;\n};\n\nexport default Card;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Card.js","names":["_react","_interopRequireWildcard","require","_router","_propTypes","_interopRequireDefault","_BlazeLink","_ClickWrapper","_helpers","_LazyImage","_helpers2","_constants","_buildPBComponents","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Card","_ref","id","image","name","url","graphqlEntityMap","entityProps","alternativePreHeader","alternativeHeadline","category","modifier","parsedPropsToDisplay","propsToDisplay","propsToDisplayModifiers","gtmId","style","priority","cardChildren","gtmChildren","displayCategory","displayThumbnail","displayTitle","enableOverlay","enableCarousel","titleOverlayModifier","overlayModifier","gridModifier","pageBuilderComponents","dataEntity","__typename","otherProps","_objectWithoutProperties2","entity","updateChildrensParent","parent","itemId","itemEntity","router","useRouter","_getImageDefinedProps","getImageDefinedProps","imageSrc","shouldDisplayThumbnail","altText","modifiers","getInitialModifiers","_getCategoryDefinedPr","getCategoryDefinedProps","publishedListingPage","preHeader","label","headline","linkTitle","dynamicSizeKey","useDynamicSizeKey","CARD_STRING","_getClickWrapperOptio","getClickWrapperOptions","shouldUseClickWrapper","wrapperProps","Wrapper","ClickWrapper","Fragment","classNameWithModifiers","getModifiers","contentWrapperModifier","concat","titleWrapperModifier","handleCardClick","clickEventTag","target","tagName","toLowerCase","clickEventRole","role","shouldTriggerRouteChange","CARD_CHILDREN_WITH_LINKS","find","childTag","push","clickProps","process","env","BLAZE_PB_ADD_CLICK_TO_CARDS","onClick","createElement","_extends2","className","href","scroll","src","alt","sizeKey","title","length","BuildPBComponents","map","prop","dynamicKey","propModifier","_ref2","htmlAttribute","extraProps","props","children","encodeURIComponent","key","renderChildren","propTypes","PropTypes","string","isRequired","shape","data","object","array","bool","oneOfType","arrayOf","node","defaultProps","_ref3","hasAlternativePreHeader","getPublishedListingUrl","_ref4","_ref5","_ref6","sponsored","featured","_default","exports"],"sources":["../../../src/components/Card/Card.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport { useRouter } from 'next/router';\nimport PropTypes from 'prop-types';\nimport BlazeLink from '../BlazeLink';\nimport ClickWrapper from '../ClickWrapper';\nimport {\n getModifiers,\n renderChildren,\n updateChildrensParent,\n getClickWrapperOptions\n} from '../../helpers';\nimport LazyImage from '../LazyImage';\nimport { getPublishedListingUrl, useDynamicSizeKey } from './helpers';\nimport { CARD_STRING, CARD_CHILDREN_WITH_LINKS } from './constants';\nimport BuildPBComponents from '../../hooks/helpers/buildPBComponents';\n\nconst Card = ({\n id,\n image,\n name,\n url,\n graphqlEntityMap,\n entityProps,\n alternativePreHeader,\n alternativeHeadline,\n category,\n modifier,\n parsedPropsToDisplay,\n propsToDisplay,\n propsToDisplayModifiers,\n gtmId,\n style,\n priority,\n cardChildren,\n gtmChildren,\n displayCategory,\n displayThumbnail,\n displayTitle,\n enableOverlay,\n enableCarousel,\n titleOverlayModifier,\n overlayModifier,\n gridModifier,\n pageBuilderComponents,\n __typename: dataEntity,\n ...otherProps\n}) => {\n const entity = graphqlEntityMap[dataEntity];\n updateChildrensParent(cardChildren, id, entity);\n const parent = { itemId: id, itemEntity: entity };\n const router = useRouter();\n const { imageSrc, shouldDisplayThumbnail, altText } = getImageDefinedProps({\n image,\n displayThumbnail,\n name\n });\n\n const modifiers = getInitialModifiers({ modifier, style, otherProps });\n\n const { publishedListingPage, preHeader, label, headline } = getCategoryDefinedProps({\n alternativePreHeader,\n category,\n entity,\n alternativeHeadline,\n displayCategory,\n name\n });\n\n const linkTitle = name;\n\n const dynamicSizeKey = useDynamicSizeKey(CARD_STRING, { style, gridModifier, modifier });\n\n const { shouldUseClickWrapper, wrapperProps } = getClickWrapperOptions(\n gtmChildren,\n entityProps,\n id\n );\n\n const Wrapper = shouldUseClickWrapper ? ClickWrapper : Fragment;\n\n const classNameWithModifiers = getModifiers(CARD_STRING, modifiers);\n\n const contentWrapperModifier = `${getModifiers('card__content-wrapper', modifiers)} ${\n enableOverlay && enableCarousel ? overlayModifier : ''\n }`;\n\n const titleWrapperModifier = `${getModifiers('card__title', modifiers)} ${\n enableOverlay && enableCarousel ? titleOverlayModifier : ''\n }`;\n\n const handleCardClick = e => {\n if (!url) return;\n\n const clickEventTag = e.target.tagName.toLowerCase();\n const clickEventRole = e.target.role;\n const shouldTriggerRouteChange =\n clickEventRole !== 'button' &&\n !CARD_CHILDREN_WITH_LINKS.find(childTag => childTag === clickEventTag);\n if (shouldTriggerRouteChange) router.push(`/Resolver`, url);\n };\n\n // todo: remove temp env var flag once widely tested BLAZE_PB_ADD_CLICK_TO_CARDS\n const clickProps =\n url && process.env.BLAZE_PB_ADD_CLICK_TO_CARDS\n ? {\n onClick: handleCardClick,\n role: 'button'\n }\n : {};\n return (\n <Wrapper {...wrapperProps}>\n <div className={classNameWithModifiers} {...clickProps}>\n {shouldDisplayThumbnail && (\n <div className={getModifiers('card__image', modifiers)}>\n <BlazeLink gtmId={gtmId} href={url} className=\"card__image-link\" scroll>\n <LazyImage\n src={imageSrc}\n alt={altText}\n sizeKey={dynamicSizeKey}\n priority={priority}\n />\n </BlazeLink>\n </div>\n )}\n <div className={contentWrapperModifier}>\n <div className={getModifiers('card__content', modifiers)}>\n {displayCategory &&\n (publishedListingPage ? (\n <BlazeLink\n gtmId={gtmId}\n href={publishedListingPage}\n className=\"badge badge--label\"\n scroll>\n {preHeader.name}\n </BlazeLink>\n ) : (\n <div className=\"badge badge--label\">{label}</div>\n ))}\n {displayTitle && (\n <div className={titleWrapperModifier}>\n <BlazeLink title={linkTitle} gtmId={gtmId} href={url} scroll>\n {headline}\n </BlazeLink>\n </div>\n )}\n {!!pageBuilderComponents.length && (\n <div className=\"card__item card__item--full\" data-testid=\"full-card\">\n {BuildPBComponents(pageBuilderComponents, { parent })}\n </div>\n )}\n {!!parsedPropsToDisplay.length && (\n <div className={getModifiers('card__details', modifiers)}>\n {parsedPropsToDisplay.map((prop, i) => {\n if (!prop) return null;\n\n const dynamicKey = `${id}${i}`;\n const propModifier = propsToDisplayModifiers[i] || '';\n\n const { htmlAttribute } = propsToDisplay[i] || {};\n const extraProps = {};\n if (htmlAttribute && prop.props.children) {\n extraProps[htmlAttribute] = encodeURIComponent(prop.props.children[2]);\n }\n\n return (\n <span key={dynamicKey} className={propModifier} {...extraProps}>\n {prop}\n </span>\n );\n })}\n </div>\n )}\n </div>\n {!!cardChildren && (\n <div className=\"card__child-content\">{renderChildren(cardChildren)}</div>\n )}\n </div>\n </div>\n </Wrapper>\n );\n};\n\nCard.propTypes = {\n id: PropTypes.string.isRequired,\n image: PropTypes.shape({\n url: PropTypes.string,\n data: PropTypes.object\n }),\n graphqlEntityMap: PropTypes.object.isRequired,\n __typename: PropTypes.string.isRequired,\n style: PropTypes.string,\n parsedPropsToDisplay: PropTypes.array,\n propsToDisplay: PropTypes.array,\n propsToDisplayModifiers: PropTypes.array,\n url: PropTypes.string,\n name: PropTypes.string.isRequired,\n entityProps: PropTypes.object,\n gtmId: PropTypes.string,\n alternativePreHeader: PropTypes.shape({\n name: PropTypes.string\n }),\n alternativeHeadline: PropTypes.string,\n category: PropTypes.shape({\n name: PropTypes.string,\n publishedListingPage: PropTypes.shape({\n url: PropTypes.string\n })\n }),\n modifier: PropTypes.string,\n displayCategory: PropTypes.bool.isRequired,\n displayThumbnail: PropTypes.bool.isRequired,\n displayTitle: PropTypes.bool.isRequired,\n enableCarousel: PropTypes.bool,\n enableOverlay: PropTypes.bool,\n overlayModifier: PropTypes.string,\n titleOverlayModifier: PropTypes.string,\n cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n gridModifier: PropTypes.string,\n priority: PropTypes.bool,\n pageBuilderComponents: PropTypes.array\n};\n\nCard.defaultProps = {\n entityProps: {},\n pageBuilderComponents: [],\n image: {\n url: null,\n data: {}\n },\n gtmId: '',\n style: 'portrait',\n parsedPropsToDisplay: [],\n propsToDisplay: [],\n propsToDisplayModifiers: [],\n url: '',\n alternativePreHeader: null,\n alternativeHeadline: '',\n category: null,\n modifier: '',\n cardChildren: [],\n gtmChildren: [],\n gridModifier: '',\n priority: false,\n overlayModifier: '',\n titleOverlayModifier: '',\n enableOverlay: false,\n enableCarousel: false\n};\n\nconst getCategoryDefinedProps = ({\n alternativePreHeader,\n category,\n entity,\n alternativeHeadline,\n displayCategory,\n name\n}) => {\n const hasAlternativePreHeader = alternativePreHeader && alternativePreHeader.name;\n const preHeader =\n alternativeHeadline && hasAlternativePreHeader ? alternativePreHeader : category;\n const publishedListingPage = getPublishedListingUrl(preHeader);\n const label = preHeader ? preHeader.name : entity;\n const headline =\n !displayCategory || !hasAlternativePreHeader ? name : alternativeHeadline || name;\n return { publishedListingPage, preHeader, label, headline };\n};\n\nconst getImageDefinedProps = ({ image, displayThumbnail, name }) => {\n const { url: imageSrc, data } = image || {};\n const shouldDisplayThumbnail = displayThumbnail && imageSrc;\n const altText = (data && data.altText) || name;\n return { imageSrc, shouldDisplayThumbnail, altText };\n};\n\nconst getInitialModifiers = ({ modifier, style, otherProps }) => {\n const modifiers = [modifier, style];\n const { sponsored, featured } = otherProps;\n if (sponsored) modifiers.push('sponsored');\n if (featured) modifiers.push('featured');\n\n return modifiers;\n};\n\nexport default Card;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -11,6 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
11
11
|
var _hooks = require("../../../hooks");
|
|
12
12
|
var _utils = require("../../../utils");
|
|
13
13
|
var _LazyImage = _interopRequireDefault(require("../../LazyImage"));
|
|
14
|
+
var _constants = require("./constants");
|
|
14
15
|
var CarouselImage = function CarouselImage(_ref) {
|
|
15
16
|
var imageId = _ref.imageId,
|
|
16
17
|
enableLightbox = _ref.enableLightbox,
|
|
@@ -34,6 +35,7 @@ var CarouselImage = function CarouselImage(_ref) {
|
|
|
34
35
|
imageData = _ref2$data === void 0 ? {} : _ref2$data;
|
|
35
36
|
var _getImageData = (0, _utils.getImageData)({}, imageData),
|
|
36
37
|
altText = _getImageData.altText;
|
|
38
|
+
var alt = altText || _constants.CAROUSEL_DEFAULT_ALT;
|
|
37
39
|
var handleEnableLightbox = function handleEnableLightbox() {
|
|
38
40
|
if (!enableLightbox) return;
|
|
39
41
|
toggleModal();
|
|
@@ -43,7 +45,7 @@ var CarouselImage = function CarouselImage(_ref) {
|
|
|
43
45
|
className: "carousel__slide"
|
|
44
46
|
}, loading ? /*#__PURE__*/_react["default"].createElement("div", null) : /*#__PURE__*/_react["default"].createElement(_LazyImage["default"], {
|
|
45
47
|
src: imageUrl,
|
|
46
|
-
alt:
|
|
48
|
+
alt: alt,
|
|
47
49
|
sizeKey: "carousel",
|
|
48
50
|
onClick: handleEnableLightbox,
|
|
49
51
|
role: "button",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselImage.js","names":["_react","_interopRequireDefault","require","_propTypes","_hooks","_utils","_LazyImage","CarouselImage","_ref","imageId","enableLightbox","toggleModal","handleSelectedImage","priority","_useGetImages","useGetImages","data","loading","error","message","_ref2","getFile","url","_ref2$url","imageUrl","_ref2$data","imageData","_getImageData","getImageData","altText","handleEnableLightbox","createElement","className","src","
|
|
1
|
+
{"version":3,"file":"CarouselImage.js","names":["_react","_interopRequireDefault","require","_propTypes","_hooks","_utils","_LazyImage","_constants","CarouselImage","_ref","imageId","enableLightbox","toggleModal","handleSelectedImage","priority","_useGetImages","useGetImages","data","loading","error","message","_ref2","getFile","url","_ref2$url","imageUrl","_ref2$data","imageData","_getImageData","getImageData","altText","alt","CAROUSEL_DEFAULT_ALT","handleEnableLightbox","createElement","className","src","sizeKey","onClick","role","propTypes","PropTypes","string","isRequired","bool","func","_default","exports"],"sources":["../../../../src/components/Carousel/CarouselImage/CarouselImage.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useGetImages } from '../../../hooks';\nimport { getImageData } from '../../../utils';\nimport LazyImage from '../../LazyImage';\nimport { CAROUSEL_DEFAULT_ALT } from './constants';\n\nconst CarouselImage = ({ imageId, enableLightbox, toggleModal, handleSelectedImage, priority }) => {\n const { data, loading, error } = useGetImages(imageId);\n\n if (error) return error.message;\n\n const { url: imageUrl = '', data: imageData = {} } = data.getFile || {\n getFile: { url: '', data: {} }\n };\n\n const { altText } = getImageData({}, imageData);\n const alt = altText || CAROUSEL_DEFAULT_ALT;\n\n const handleEnableLightbox = () => {\n if (!enableLightbox) return;\n toggleModal();\n handleSelectedImage(imageId);\n };\n\n return (\n <div className=\"carousel__slide\">\n {loading ? (\n <div />\n ) : (\n <LazyImage\n src={imageUrl}\n alt={alt}\n sizeKey=\"carousel\"\n onClick={handleEnableLightbox}\n role=\"button\"\n aria-label=\"View Image\"\n priority={priority}\n />\n )}\n </div>\n );\n};\n\nCarouselImage.propTypes = {\n imageId: PropTypes.string.isRequired,\n enableLightbox: PropTypes.bool.isRequired,\n toggleModal: PropTypes.func.isRequired,\n handleSelectedImage: PropTypes.func.isRequired,\n priority: PropTypes.bool.isRequired\n};\n\nexport default CarouselImage;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAEA,IAAMM,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAAgF;EAAA,IAA1EC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,cAAc,GAAAF,IAAA,CAAdE,cAAc;IAAEC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IAAEC,mBAAmB,GAAAJ,IAAA,CAAnBI,mBAAmB;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;EAC1F,IAAAC,aAAA,GAAiC,IAAAC,mBAAY,EAACN,OAAO,CAAC;IAA9CO,IAAI,GAAAF,aAAA,CAAJE,IAAI;IAAEC,OAAO,GAAAH,aAAA,CAAPG,OAAO;IAAEC,KAAK,GAAAJ,aAAA,CAALI,KAAK;EAE5B,IAAIA,KAAK,EAAE,OAAOA,KAAK,CAACC,OAAO;EAE/B,IAAAC,KAAA,GAAqDJ,IAAI,CAACK,OAAO,IAAI;MACnEA,OAAO,EAAE;QAAEC,GAAG,EAAE,EAAE;QAAEN,IAAI,EAAE,CAAC;MAAE;IAC/B,CAAC;IAAAO,SAAA,GAAAH,KAAA,CAFOE,GAAG;IAAEE,QAAQ,GAAAD,SAAA,cAAG,EAAE,GAAAA,SAAA;IAAAE,UAAA,GAAAL,KAAA,CAAEJ,IAAI;IAAEU,SAAS,GAAAD,UAAA,cAAG,CAAC,CAAC,GAAAA,UAAA;EAIhD,IAAAE,aAAA,GAAoB,IAAAC,mBAAY,EAAC,CAAC,CAAC,EAAEF,SAAS,CAAC;IAAvCG,OAAO,GAAAF,aAAA,CAAPE,OAAO;EACf,IAAMC,GAAG,GAAGD,OAAO,IAAIE,+BAAoB;EAE3C,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAA,EAAS;IACjC,IAAI,CAACtB,cAAc,EAAE;IACrBC,WAAW,CAAC,CAAC;IACbC,mBAAmB,CAACH,OAAO,CAAC;EAC9B,CAAC;EAED,oBACEV,MAAA,YAAAkC,aAAA;IAAKC,SAAS,EAAC;EAAiB,GAC7BjB,OAAO,gBACNlB,MAAA,YAAAkC,aAAA,YAAM,CAAC,gBAEPlC,MAAA,YAAAkC,aAAA,CAAC5B,UAAA,WAAS;IACR8B,GAAG,EAAEX,QAAS;IACdM,GAAG,EAAEA,GAAI;IACTM,OAAO,EAAC,UAAU;IAClBC,OAAO,EAAEL,oBAAqB;IAC9BM,IAAI,EAAC,QAAQ;IACb,cAAW,YAAY;IACvBzB,QAAQ,EAAEA;EAAS,CACpB,CAEA,CAAC;AAEV,CAAC;AAEDN,aAAa,CAACgC,SAAS,GAAG;EACxB9B,OAAO,EAAE+B,qBAAS,CAACC,MAAM,CAACC,UAAU;EACpChC,cAAc,EAAE8B,qBAAS,CAACG,IAAI,CAACD,UAAU;EACzC/B,WAAW,EAAE6B,qBAAS,CAACI,IAAI,CAACF,UAAU;EACtC9B,mBAAmB,EAAE4B,qBAAS,CAACI,IAAI,CAACF,UAAU;EAC9C7B,QAAQ,EAAE2B,qBAAS,CAACG,IAAI,CAACD;AAC3B,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,cAEavC,aAAa","ignoreList":[]}
|
|
@@ -0,0 +1,9 @@
|
|
|
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.CAROUSEL_DEFAULT_ALT = void 0;
|
|
8
|
+
var CAROUSEL_DEFAULT_ALT = exports.CAROUSEL_DEFAULT_ALT = 'Carousel image';
|
|
9
|
+
//# sourceMappingURL=constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.js","names":["CAROUSEL_DEFAULT_ALT","exports"],"sources":["../../../../src/components/Carousel/CarouselImage/constants.js"],"sourcesContent":["export const CAROUSEL_DEFAULT_ALT = 'Carousel image';\n"],"mappings":";;;;;;;AAAO,IAAMA,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,gBAAgB","ignoreList":[]}
|
|
@@ -111,6 +111,7 @@ var DefaultCarousel = function DefaultCarousel(_ref) {
|
|
|
111
111
|
}, displayLeft && /*#__PURE__*/_react["default"].createElement("button", {
|
|
112
112
|
type: "button",
|
|
113
113
|
className: "cards-carousel--button-back icon-button icon",
|
|
114
|
+
"aria-label": "Scroll left",
|
|
114
115
|
onClick: function onClick() {
|
|
115
116
|
setShouldAutoScroll(false);
|
|
116
117
|
handleButtonNavigation();
|
|
@@ -122,6 +123,7 @@ var DefaultCarousel = function DefaultCarousel(_ref) {
|
|
|
122
123
|
}, displayRight && /*#__PURE__*/_react["default"].createElement("button", {
|
|
123
124
|
type: "button",
|
|
124
125
|
className: "cards-carousel--button-forward icon-button icon",
|
|
126
|
+
"aria-label": "Scroll right",
|
|
125
127
|
onClick: function onClick() {
|
|
126
128
|
setShouldAutoScroll(false);
|
|
127
129
|
handleButtonNavigation(true);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultCarousel.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","DefaultCarousel","_ref","children","bannerModifier","itemsPerRow","enableAutoScroll","autoScrollTimer","pauseScrollOnHover","modifier","ref","useRef","_useState","useState","displayLeft","displayRight","_useState2","_slicedToArray2","buttonDisplay","setButtonDisplays","_useState3","_useState4","shouldAutoScroll","setShouldAutoScroll","autoScrollRef","useEffect","current","id","setInterval","scrollCheck","clearInterval","handleButtonNavigation","_ref$current","offsetWidth","scrollWidth","handleScroll","_ref$current2","scrollLeft","updatedDisplayLeft","updatedDisplayRight","handleMouseEnter","handleMouseLeave","direction","_ref$current3","parsedModifier","concat","wrapperClassName","contentClassName","createElement","className","onMouseEnter","onMouseLeave","type","onClick","onScroll","propTypes","PropTypes","string","number","oneOfType","arrayOf","node","bool","defaultProps","_default","exports"],"sources":["../../../src/components/CarouselWrapper/DefaultCarousel.js"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nconst DefaultCarousel = ({\n children,\n bannerModifier,\n itemsPerRow,\n enableAutoScroll,\n autoScrollTimer,\n pauseScrollOnHover,\n modifier\n}) => {\n const ref = useRef();\n const [buttonDisplay, setButtonDisplays] = useState({ displayLeft: false, displayRight: true });\n const [shouldAutoScroll, setShouldAutoScroll] = useState(false);\n const autoScrollRef = useRef();\n\n useEffect(\n () => {\n autoScrollRef.current = shouldAutoScroll;\n const id = setInterval(scrollCheck, autoScrollTimer);\n function scrollCheck() {\n if (!autoScrollRef.current) {\n clearInterval(id);\n } else {\n handleButtonNavigation(true);\n }\n }\n\n return () => clearInterval(id);\n },\n [autoScrollTimer, shouldAutoScroll]\n );\n\n useEffect(\n () => {\n const {\n current: { offsetWidth, scrollWidth }\n } = ref;\n if (scrollWidth <= offsetWidth) {\n setButtonDisplays({ displayLeft: false, displayRight: false });\n }\n\n setShouldAutoScroll(enableAutoScroll);\n },\n [enableAutoScroll]\n );\n\n const handleScroll = () => {\n const {\n current: { offsetWidth, scrollLeft, scrollWidth }\n } = ref;\n const updatedDisplayLeft = !!scrollLeft;\n const updatedDisplayRight = scrollLeft + offsetWidth + 1 < scrollWidth;\n setButtonDisplays({ displayLeft: updatedDisplayLeft, displayRight: updatedDisplayRight });\n };\n\n const handleMouseEnter = () => {\n if (pauseScrollOnHover) setShouldAutoScroll(false);\n };\n\n const handleMouseLeave = () => {\n if (pauseScrollOnHover) setShouldAutoScroll(true);\n };\n\n const handleButtonNavigation = direction => {\n if (!ref || !ref.current) return;\n const {\n current: { offsetWidth, scrollLeft, scrollWidth }\n } = ref;\n\n if (autoScrollRef.current && scrollLeft + offsetWidth >= scrollWidth) {\n ref.current.scrollLeft = 0;\n } else {\n ref.current.scrollLeft = direction ? scrollLeft + offsetWidth : scrollLeft - offsetWidth;\n }\n };\n\n const { displayLeft, displayRight } = buttonDisplay;\n const parsedModifier = modifier ? ` ${modifier}` : '';\n const wrapperClassName = `cards-carousel${bannerModifier}${parsedModifier}`;\n const contentClassName = `cards-carousel--content items-per-row-${itemsPerRow}`;\n\n return (\n <div\n className={wrapperClassName}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}>\n <div className=\"cards-carousel--left-button-wrapper\">\n {displayLeft && (\n <button\n type=\"button\"\n className=\"cards-carousel--button-back icon-button icon\"\n onClick={() => {\n setShouldAutoScroll(false);\n handleButtonNavigation();\n }}>\n <i className=\"cards-carousel--arrow cards-carousel--arrow__left\" />\n </button>\n )}\n </div>\n\n <div className=\"cards-carousel--right-button-wrapper\">\n {displayRight && (\n <button\n type=\"button\"\n className=\"cards-carousel--button-forward icon-button icon\"\n onClick={() => {\n setShouldAutoScroll(false);\n handleButtonNavigation(true);\n }}>\n <i className=\"cards-carousel--arrow cards-carousel--arrow__right\" />\n </button>\n )}\n </div>\n\n <div className={contentClassName} ref={ref} onScroll={handleScroll}>\n {children}\n </div>\n </div>\n );\n};\n\nDefaultCarousel.propTypes = {\n bannerModifier: PropTypes.string,\n itemsPerRow: PropTypes.number,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n enableAutoScroll: PropTypes.bool,\n pauseScrollOnHover: PropTypes.bool,\n autoScrollTimer: PropTypes.number\n};\n\nDefaultCarousel.defaultProps = {\n itemsPerRow: 0,\n bannerModifier: '',\n children: [],\n enableAutoScroll: false,\n pauseScrollOnHover: false,\n autoScrollTimer: 0\n};\n\nexport default DefaultCarousel;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"DefaultCarousel.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","DefaultCarousel","_ref","children","bannerModifier","itemsPerRow","enableAutoScroll","autoScrollTimer","pauseScrollOnHover","modifier","ref","useRef","_useState","useState","displayLeft","displayRight","_useState2","_slicedToArray2","buttonDisplay","setButtonDisplays","_useState3","_useState4","shouldAutoScroll","setShouldAutoScroll","autoScrollRef","useEffect","current","id","setInterval","scrollCheck","clearInterval","handleButtonNavigation","_ref$current","offsetWidth","scrollWidth","handleScroll","_ref$current2","scrollLeft","updatedDisplayLeft","updatedDisplayRight","handleMouseEnter","handleMouseLeave","direction","_ref$current3","parsedModifier","concat","wrapperClassName","contentClassName","createElement","className","onMouseEnter","onMouseLeave","type","onClick","onScroll","propTypes","PropTypes","string","number","oneOfType","arrayOf","node","bool","defaultProps","_default","exports"],"sources":["../../../src/components/CarouselWrapper/DefaultCarousel.js"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nconst DefaultCarousel = ({\n children,\n bannerModifier,\n itemsPerRow,\n enableAutoScroll,\n autoScrollTimer,\n pauseScrollOnHover,\n modifier\n}) => {\n const ref = useRef();\n const [buttonDisplay, setButtonDisplays] = useState({ displayLeft: false, displayRight: true });\n const [shouldAutoScroll, setShouldAutoScroll] = useState(false);\n const autoScrollRef = useRef();\n\n useEffect(\n () => {\n autoScrollRef.current = shouldAutoScroll;\n const id = setInterval(scrollCheck, autoScrollTimer);\n function scrollCheck() {\n if (!autoScrollRef.current) {\n clearInterval(id);\n } else {\n handleButtonNavigation(true);\n }\n }\n\n return () => clearInterval(id);\n },\n [autoScrollTimer, shouldAutoScroll]\n );\n\n useEffect(\n () => {\n const {\n current: { offsetWidth, scrollWidth }\n } = ref;\n if (scrollWidth <= offsetWidth) {\n setButtonDisplays({ displayLeft: false, displayRight: false });\n }\n\n setShouldAutoScroll(enableAutoScroll);\n },\n [enableAutoScroll]\n );\n\n const handleScroll = () => {\n const {\n current: { offsetWidth, scrollLeft, scrollWidth }\n } = ref;\n const updatedDisplayLeft = !!scrollLeft;\n const updatedDisplayRight = scrollLeft + offsetWidth + 1 < scrollWidth;\n setButtonDisplays({ displayLeft: updatedDisplayLeft, displayRight: updatedDisplayRight });\n };\n\n const handleMouseEnter = () => {\n if (pauseScrollOnHover) setShouldAutoScroll(false);\n };\n\n const handleMouseLeave = () => {\n if (pauseScrollOnHover) setShouldAutoScroll(true);\n };\n\n const handleButtonNavigation = direction => {\n if (!ref || !ref.current) return;\n const {\n current: { offsetWidth, scrollLeft, scrollWidth }\n } = ref;\n\n if (autoScrollRef.current && scrollLeft + offsetWidth >= scrollWidth) {\n ref.current.scrollLeft = 0;\n } else {\n ref.current.scrollLeft = direction ? scrollLeft + offsetWidth : scrollLeft - offsetWidth;\n }\n };\n\n const { displayLeft, displayRight } = buttonDisplay;\n const parsedModifier = modifier ? ` ${modifier}` : '';\n const wrapperClassName = `cards-carousel${bannerModifier}${parsedModifier}`;\n const contentClassName = `cards-carousel--content items-per-row-${itemsPerRow}`;\n\n return (\n <div\n className={wrapperClassName}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}>\n <div className=\"cards-carousel--left-button-wrapper\">\n {displayLeft && (\n <button\n type=\"button\"\n className=\"cards-carousel--button-back icon-button icon\"\n aria-label=\"Scroll left\"\n onClick={() => {\n setShouldAutoScroll(false);\n handleButtonNavigation();\n }}>\n <i className=\"cards-carousel--arrow cards-carousel--arrow__left\" />\n </button>\n )}\n </div>\n\n <div className=\"cards-carousel--right-button-wrapper\">\n {displayRight && (\n <button\n type=\"button\"\n className=\"cards-carousel--button-forward icon-button icon\"\n aria-label=\"Scroll right\"\n onClick={() => {\n setShouldAutoScroll(false);\n handleButtonNavigation(true);\n }}>\n <i className=\"cards-carousel--arrow cards-carousel--arrow__right\" />\n </button>\n )}\n </div>\n\n <div className={contentClassName} ref={ref} onScroll={handleScroll}>\n {children}\n </div>\n </div>\n );\n};\n\nDefaultCarousel.propTypes = {\n bannerModifier: PropTypes.string,\n itemsPerRow: PropTypes.number,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n enableAutoScroll: PropTypes.bool,\n pauseScrollOnHover: PropTypes.bool,\n autoScrollTimer: PropTypes.number\n};\n\nDefaultCarousel.defaultProps = {\n itemsPerRow: 0,\n bannerModifier: '',\n children: [],\n enableAutoScroll: false,\n pauseScrollOnHover: false,\n autoScrollTimer: 0\n};\n\nexport default DefaultCarousel;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -56,7 +56,6 @@ var ContentGroupTabs = function ContentGroupTabs(_ref) {
|
|
|
56
56
|
sectionName = _sectionsData$index[0],
|
|
57
57
|
sectioLabel = _sectionsData$index[1];
|
|
58
58
|
var tabId = "".concat(_constants.TAB, "-").concat(sectionName);
|
|
59
|
-
var panelId = "".concat(_constants.PANEL, "-").concat(sectionName);
|
|
60
59
|
var isSelected = selectedTab === tabId;
|
|
61
60
|
var buttonClassName = "".concat(_constants.CONTENT_GROUP, "-").concat(contentClassame, "__button").concat(isSelected ? '--is-active' : '');
|
|
62
61
|
return /*#__PURE__*/_react["default"].createElement("button", {
|
|
@@ -66,7 +65,7 @@ var ContentGroupTabs = function ContentGroupTabs(_ref) {
|
|
|
66
65
|
type: "button",
|
|
67
66
|
role: "tab",
|
|
68
67
|
"aria-selected": isSelected,
|
|
69
|
-
"aria-controls":
|
|
68
|
+
"aria-controls": sectionName,
|
|
70
69
|
onClick: function onClick() {
|
|
71
70
|
var baseUrl = asPath.split('#')[0];
|
|
72
71
|
var newUrl = "".concat(baseUrl, "#").concat(sectionName);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentGroupTabs.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_router","_helpers","_constants","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ContentGroupTabs","_ref","name","contentType","groupSections","sectionsData","VariantComponent","router","useRouter","_useState","useState","getActiveTab","_useState2","_slicedToArray2","selectedTab","setSelectedTab","asPath","contentClassame","TAB","TABS","SIDEPANEL","mainDivClass","concat","CONTENT_GROUP","contentGroupClass","sectionClass","useEffect","activeTab","WrapperComponent","createElement","className","role","map","_","index","_sectionsData$index","sectionName","sectioLabel","tabId","
|
|
1
|
+
{"version":3,"file":"ContentGroupTabs.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_router","_helpers","_constants","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ContentGroupTabs","_ref","name","contentType","groupSections","sectionsData","VariantComponent","router","useRouter","_useState","useState","getActiveTab","_useState2","_slicedToArray2","selectedTab","setSelectedTab","asPath","contentClassame","TAB","TABS","SIDEPANEL","mainDivClass","concat","CONTENT_GROUP","contentGroupClass","sectionClass","useEffect","activeTab","WrapperComponent","createElement","className","role","map","_","index","_sectionsData$index","sectionName","sectioLabel","tabId","isSelected","buttonClassName","id","key","type","onClick","baseUrl","split","newUrl","push","shallow","groupSection","_sectionsData$index2","panelId","PANEL","propTypes","PropTypes","string","isRequired","array","func","defaultProps","_default","exports"],"sources":["../../../src/components/ContentGroup/ContentGroupTabs.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { getActiveTab } from './helpers';\nimport { TAB, TABS, SIDEPANEL, CONTENT_GROUP, PANEL } from './constants';\n\nconst ContentGroupTabs = ({ name, contentType, groupSections, sectionsData, VariantComponent }) => {\n const router = useRouter();\n const [selectedTab, setSelectedTab] = useState(getActiveTab(sectionsData, ''));\n const { asPath } = router;\n const contentClassame = contentType === TAB ? TABS : SIDEPANEL;\n const mainDivClass = `${CONTENT_GROUP}-${contentClassame}`;\n const contentGroupClass = `${CONTENT_GROUP}-${contentClassame}__buttons-wrapper`;\n const sectionClass = `${CONTENT_GROUP}-${contentClassame}__content-section`;\n\n useEffect(\n () => {\n const activeTab = getActiveTab(sectionsData, asPath);\n if (activeTab !== selectedTab) setSelectedTab(activeTab);\n },\n [asPath, sectionsData, selectedTab]\n );\n\n const WrapperComponent = VariantComponent || 'div';\n\n return (\n <div className={mainDivClass}>\n <ul className={contentGroupClass} role=\"tablist\" aria-label={name}>\n {groupSections.map((_, index) => {\n const [sectionName, sectioLabel] = sectionsData[index];\n const tabId = `${TAB}-${sectionName}`;\n const isSelected = selectedTab === tabId;\n const buttonClassName = `${CONTENT_GROUP}-${contentClassame}__button${\n isSelected ? '--is-active' : ''\n }`;\n return (\n <button\n id={tabId}\n key={tabId}\n className={buttonClassName}\n type=\"button\"\n role=\"tab\"\n aria-selected={isSelected}\n aria-controls={sectionName}\n onClick={() => {\n const baseUrl = asPath.split('#')[0];\n const newUrl = `${baseUrl}#${sectionName}`;\n if (asPath === newUrl) return;\n router.push(`/Resolver`, newUrl, { shallow: true });\n setSelectedTab(tabId);\n }}>\n {sectioLabel}\n </button>\n );\n })}\n </ul>\n {groupSections.map((groupSection, index) => {\n const [sectionName] = sectionsData[index];\n const tabId = `${TAB}-${sectionName}`;\n const panelId = `${PANEL}-${sectionName}`;\n if (selectedTab !== tabId) return null;\n\n return (\n <WrapperComponent\n key={panelId}\n id={sectionName}\n className={sectionClass}\n role=\"tabpanel\"\n tabId={tabId}\n aria-labelledby={tabId}>\n {groupSection}\n </WrapperComponent>\n );\n })}\n </div>\n );\n};\n\nContentGroupTabs.propTypes = {\n name: PropTypes.string.isRequired,\n contentType: PropTypes.string.isRequired,\n groupSections: PropTypes.array.isRequired,\n sectionsData: PropTypes.array.isRequired,\n VariantComponent: PropTypes.func\n};\n\nContentGroupTabs.defaultProps = {\n VariantComponent: null\n};\n\nexport default ContentGroupTabs;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -18,11 +18,11 @@ var DateTime = function DateTime(_ref) {
|
|
|
18
18
|
modifier = _ref.modifier;
|
|
19
19
|
var dateFormat = customFormat || format;
|
|
20
20
|
if (!dateFormat) return null;
|
|
21
|
-
var
|
|
21
|
+
var formatedDate = (0, _dayjs["default"])().format(dateFormat);
|
|
22
22
|
return /*#__PURE__*/_react["default"].createElement(_Wrapper["default"], {
|
|
23
23
|
className: "date",
|
|
24
24
|
modifiers: modifier
|
|
25
|
-
},
|
|
25
|
+
}, formatedDate);
|
|
26
26
|
};
|
|
27
27
|
DateTime.propTypes = {
|
|
28
28
|
format: _propTypes["default"].string.isRequired,
|
|
@@ -30,8 +30,8 @@ DateTime.propTypes = {
|
|
|
30
30
|
modifier: _propTypes["default"].string
|
|
31
31
|
};
|
|
32
32
|
DateTime.defaultProps = {
|
|
33
|
-
|
|
34
|
-
|
|
33
|
+
modifier: null,
|
|
34
|
+
customFormat: ''
|
|
35
35
|
};
|
|
36
36
|
var _default = exports["default"] = DateTime;
|
|
37
37
|
//# sourceMappingURL=DateTime.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTime.js","names":["_react","_interopRequireDefault","require","_propTypes","_dayjs","_localizedFormat","_Wrapper","dayjs","extend","LocalizedFormat","DateTime","_ref","format","customFormat","modifier","dateFormat","
|
|
1
|
+
{"version":3,"file":"DateTime.js","names":["_react","_interopRequireDefault","require","_propTypes","_dayjs","_localizedFormat","_Wrapper","dayjs","extend","LocalizedFormat","DateTime","_ref","format","customFormat","modifier","dateFormat","formatedDate","createElement","className","modifiers","propTypes","PropTypes","string","isRequired","defaultProps","_default","exports"],"sources":["../../../src/components/DateTime/DateTime.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport dayjs from 'dayjs';\nimport LocalizedFormat from 'dayjs/plugin/localizedFormat';\nimport Wrapper from '../Wrapper';\n\ndayjs.extend(LocalizedFormat);\n\nconst DateTime = ({ format, customFormat, modifier }) => {\n const dateFormat = customFormat || format;\n\n if (!dateFormat) return null;\n\n const formatedDate = dayjs().format(dateFormat);\n\n return (\n <Wrapper className=\"date\" modifiers={modifier}>\n {formatedDate}\n </Wrapper>\n );\n};\n\nDateTime.propTypes = {\n format: PropTypes.string.isRequired,\n customFormat: PropTypes.string,\n modifier: PropTypes.string\n};\n\nDateTime.defaultProps = {\n modifier: null,\n customFormat: ''\n};\n\nexport default DateTime;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,gBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,QAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEAK,iBAAK,CAACC,MAAM,CAACC,2BAAe,CAAC;AAE7B,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAA2C;EAAA,IAArCC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;EAChD,IAAMC,UAAU,GAAGF,YAAY,IAAID,MAAM;EAEzC,IAAI,CAACG,UAAU,EAAE,OAAO,IAAI;EAE5B,IAAMC,YAAY,GAAG,IAAAT,iBAAK,EAAC,CAAC,CAACK,MAAM,CAACG,UAAU,CAAC;EAE/C,oBACEf,MAAA,YAAAiB,aAAA,CAACX,QAAA,WAAO;IAACY,SAAS,EAAC,MAAM;IAACC,SAAS,EAAEL;EAAS,GAC3CE,YACM,CAAC;AAEd,CAAC;AAEDN,QAAQ,CAACU,SAAS,GAAG;EACnBR,MAAM,EAAES,qBAAS,CAACC,MAAM,CAACC,UAAU;EACnCV,YAAY,EAAEQ,qBAAS,CAACC,MAAM;EAC9BR,QAAQ,EAAEO,qBAAS,CAACC;AACtB,CAAC;AAEDZ,QAAQ,CAACc,YAAY,GAAG;EACtBV,QAAQ,EAAE,IAAI;EACdD,YAAY,EAAE;AAChB,CAAC;AAAC,IAAAY,QAAA,GAAAC,OAAA,cAEahB,QAAQ","ignoreList":[]}
|
|
@@ -81,7 +81,7 @@ var GlobalLightbox = function GlobalLightbox(_ref) {
|
|
|
81
81
|
value: caption
|
|
82
82
|
});
|
|
83
83
|
|
|
84
|
-
//
|
|
84
|
+
// deprecated: imageCredits is deprecated. This code is to handle legacy data. check before changing/removing
|
|
85
85
|
var shouldDisplayCredits = (0, _helpers.shouldShowProperty)({
|
|
86
86
|
isDisplayed: areImageCreditsDisplayed,
|
|
87
87
|
value: credits || imageCredits
|
|
@@ -136,7 +136,7 @@ var GlobalLightbox = function GlobalLightbox(_ref) {
|
|
|
136
136
|
handleAction: handlePrevious,
|
|
137
137
|
show: showPrevious,
|
|
138
138
|
modifier: "previous",
|
|
139
|
-
|
|
139
|
+
ariaLabel: "Previous Image"
|
|
140
140
|
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
141
141
|
className: "slider slider--gallery"
|
|
142
142
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -156,7 +156,7 @@ var GlobalLightbox = function GlobalLightbox(_ref) {
|
|
|
156
156
|
sizeKey: "globalLightbox",
|
|
157
157
|
"data-testid": "globalLightboxImage"
|
|
158
158
|
})))))), /*#__PURE__*/_react["default"].createElement(_NavButton["default"], {
|
|
159
|
-
|
|
159
|
+
ariaLabel: "Next Image",
|
|
160
160
|
handleAction: handleNext,
|
|
161
161
|
show: showNext,
|
|
162
162
|
modifier: "next"
|