@blaze-cms/react-page-builder 0.141.0-core-variants.0 → 0.141.0-core-styles.10
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 +66 -9
- package/lib/components/ContentGroup/ContentGroupTabs.js +8 -10
- package/lib/components/ContentGroup/ContentGroupTabs.js.map +1 -1
- package/lib/components/Menu/Menu.js +2 -4
- package/lib/components/Menu/Menu.js.map +1 -1
- package/lib/components/MenuItem/MenuItem.js +2 -1
- package/lib/components/MenuItem/MenuItem.js.map +1 -1
- package/lib/hooks/helpers/getVariant.js.map +1 -1
- package/lib/variants/index.js +1 -13
- package/lib/variants/index.js.map +1 -1
- package/lib-es/components/ContentGroup/ContentGroupTabs.js +8 -10
- package/lib-es/components/ContentGroup/ContentGroupTabs.js.map +1 -1
- package/lib-es/components/Menu/Menu.js +2 -4
- package/lib-es/components/Menu/Menu.js.map +1 -1
- package/lib-es/components/MenuItem/MenuItem.js +2 -1
- package/lib-es/components/MenuItem/MenuItem.js.map +1 -1
- package/lib-es/hooks/helpers/getVariant.js.map +1 -1
- package/lib-es/variants/index.js +1 -12
- package/lib-es/variants/index.js.map +1 -1
- package/package.json +10 -10
- package/src/components/ContentGroup/ContentGroupTabs.js +8 -11
- package/src/components/Menu/Menu.js +2 -4
- package/src/components/MenuItem/MenuItem.js +5 -2
- package/src/hooks/helpers/getVariant.js +0 -1
- package/src/variants/index.js +1 -13
- package/tests/unit/src/components/ContentGroup/__snapshots__/ContentGroupTabs.test.js.snap +0 -2
- package/tests/unit/src/components/MenuItem/__snapshots__/MenuItem.test.js.snap +2 -0
- package/tests/unit/src/components/PlaceholderIcon/__snapshots__/index.test.js.snap +2 -0
- package/lib/variants/HeroImage/index.js +0 -29
- package/lib/variants/HeroImage/index.js.map +0 -1
- package/lib/variants/Infographic/Infographic.js +0 -27
- package/lib/variants/Infographic/Infographic.js.map +0 -1
- package/lib/variants/Infographic/index.js +0 -29
- package/lib/variants/Infographic/index.js.map +0 -1
- package/lib/variants/Infographic/useInfographic.js +0 -43
- package/lib/variants/Infographic/useInfographic.js.map +0 -1
- package/lib/variants/LongformGallery/LongformGallery.js +0 -51
- package/lib/variants/LongformGallery/LongformGallery.js.map +0 -1
- package/lib/variants/LongformGallery/LongformGalleryImage.js +0 -68
- package/lib/variants/LongformGallery/LongformGalleryImage.js.map +0 -1
- package/lib/variants/LongformGallery/constants.js +0 -19
- package/lib/variants/LongformGallery/constants.js.map +0 -1
- package/lib/variants/LongformGallery/helpers/index.js +0 -29
- package/lib/variants/LongformGallery/helpers/index.js.map +0 -1
- package/lib/variants/LongformGallery/helpers/parseImageData.js +0 -42
- package/lib/variants/LongformGallery/helpers/parseImageData.js.map +0 -1
- package/lib/variants/LongformGallery/helpers/separateImages.js +0 -27
- package/lib/variants/LongformGallery/helpers/separateImages.js.map +0 -1
- package/lib/variants/LongformGallery/helpers/shouldSkip.js +0 -13
- package/lib/variants/LongformGallery/helpers/shouldSkip.js.map +0 -1
- package/lib/variants/LongformGallery/index.js +0 -31
- package/lib/variants/LongformGallery/index.js.map +0 -1
- package/lib/variants/LongformGallery/useLongformGallery.js +0 -63
- package/lib/variants/LongformGallery/useLongformGallery.js.map +0 -1
- package/lib/variants/LongformRow/index.js +0 -29
- package/lib/variants/LongformRow/index.js.map +0 -1
- package/lib/variants/ParallaxImageTextRight/index.js +0 -30
- package/lib/variants/ParallaxImageTextRight/index.js.map +0 -1
- package/lib-es/variants/HeroImage/index.js +0 -10
- package/lib-es/variants/HeroImage/index.js.map +0 -1
- package/lib-es/variants/Infographic/Infographic.js +0 -20
- package/lib-es/variants/Infographic/Infographic.js.map +0 -1
- package/lib-es/variants/Infographic/index.js +0 -10
- package/lib-es/variants/Infographic/index.js.map +0 -1
- package/lib-es/variants/Infographic/useInfographic.js +0 -23
- package/lib-es/variants/Infographic/useInfographic.js.map +0 -1
- package/lib-es/variants/LongformGallery/LongformGallery.js +0 -37
- package/lib-es/variants/LongformGallery/LongformGallery.js.map +0 -1
- package/lib-es/variants/LongformGallery/LongformGalleryImage.js +0 -56
- package/lib-es/variants/LongformGallery/LongformGalleryImage.js.map +0 -1
- package/lib-es/variants/LongformGallery/constants.js +0 -18
- package/lib-es/variants/LongformGallery/constants.js.map +0 -1
- package/lib-es/variants/LongformGallery/helpers/index.js +0 -5
- package/lib-es/variants/LongformGallery/helpers/index.js.map +0 -1
- package/lib-es/variants/LongformGallery/helpers/parseImageData.js +0 -26
- package/lib-es/variants/LongformGallery/helpers/parseImageData.js.map +0 -1
- package/lib-es/variants/LongformGallery/helpers/separateImages.js +0 -13
- package/lib-es/variants/LongformGallery/helpers/separateImages.js.map +0 -1
- package/lib-es/variants/LongformGallery/helpers/shouldSkip.js +0 -3
- package/lib-es/variants/LongformGallery/helpers/shouldSkip.js.map +0 -1
- package/lib-es/variants/LongformGallery/index.js +0 -12
- package/lib-es/variants/LongformGallery/index.js.map +0 -1
- package/lib-es/variants/LongformGallery/useLongformGallery.js +0 -48
- package/lib-es/variants/LongformGallery/useLongformGallery.js.map +0 -1
- package/lib-es/variants/LongformRow/index.js +0 -10
- package/lib-es/variants/LongformRow/index.js.map +0 -1
- package/lib-es/variants/ParallaxImageTextRight/index.js +0 -11
- package/lib-es/variants/ParallaxImageTextRight/index.js.map +0 -1
- package/src/variants/HeroImage/index.js +0 -8
- package/src/variants/Infographic/Infographic.js +0 -14
- package/src/variants/Infographic/index.js +0 -10
- package/src/variants/Infographic/useInfographic.js +0 -18
- package/src/variants/LongformGallery/LongformGallery.js +0 -48
- package/src/variants/LongformGallery/LongformGalleryImage.js +0 -62
- package/src/variants/LongformGallery/constants.js +0 -21
- package/src/variants/LongformGallery/helpers/index.js +0 -5
- package/src/variants/LongformGallery/helpers/parseImageData.js +0 -25
- package/src/variants/LongformGallery/helpers/separateImages.js +0 -22
- package/src/variants/LongformGallery/helpers/shouldSkip.js +0 -3
- package/src/variants/LongformGallery/index.js +0 -11
- package/src/variants/LongformGallery/useLongformGallery.js +0 -50
- package/src/variants/LongformRow/index.js +0 -8
- package/src/variants/ParallaxImageTextRight/index.js +0 -9
- package/tests/unit/src/variants/LongFormGallery/LongformGallery.test.js +0 -41
- package/tests/unit/src/variants/LongFormGallery/LongformGalleryImage.test.js +0 -44
- package/tests/unit/src/variants/LongFormGallery/__snapshots__/LongformGallery.test.js.snap +0 -102
- package/tests/unit/src/variants/LongFormGallery/__snapshots__/LongformGalleryImage.test.js.snap +0 -51
- package/tests/unit/src/variants/LongFormGallery/constants.js +0 -37
- package/tests/unit/src/variants/LongFormGallery/helpers/parseImageData.test.js +0 -53
- package/tests/unit/src/variants/LongFormGallery/helpers/separateImages.test.js +0 -54
- package/tests/unit/src/variants/LongFormGallery/helpers/shouldSkip.test.js +0 -23
- package/tests/unit/src/variants/LongFormGallery/useLongformGallery.test.js +0 -39
package/CHANGELOG.md
CHANGED
|
@@ -3,28 +3,85 @@
|
|
|
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
|
-
# [0.141.0-core-
|
|
6
|
+
# [0.141.0-core-styles.10](https://github.com/thebyte9/blaze/compare/v0.141.0-core-styles.9...v0.141.0-core-styles.10) (2024-04-12)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* adds style fixes to admin ([ace61c1](https://github.com/thebyte9/blaze/commit/ace61c15d06b58a86ca4cadf2a435e51e142608f))
|
|
12
|
+
* lint and updates snapshots ([60db1bf](https://github.com/thebyte9/blaze/commit/60db1bffbfe937da7357ac79805015e5073a4ab0))
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
### Features
|
|
16
|
+
|
|
17
|
+
* page builder component app event hook ([#4290](https://github.com/thebyte9/blaze/issues/4290)) ([547de36](https://github.com/thebyte9/blaze/commit/547de36ae792a4deb403e8dea60a54a8aa1e4858))
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
## [0.140.3](https://github.com/thebyte9/blaze/compare/v0.140.2...v0.140.3) (2024-04-04)
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
# [0.141.0-core-styles.3](https://github.com/thebyte9/blaze/compare/v0.141.0-core-styles.2...v0.141.0-core-styles.3) (2024-03-19)
|
|
7
28
|
|
|
8
29
|
|
|
9
30
|
### Bug Fixes
|
|
10
31
|
|
|
11
|
-
* addressed missing styles for parallax image right ([dbf4281](https://github.com/thebyte9/blaze/commit/dbf42813ef8acf007451518b77f8572b17b63174))
|
|
12
32
|
* adds style fixes to admin ([696ff96](https://github.com/thebyte9/blaze/commit/696ff96fb9ad36e4b1b09a80af21d1c846475405))
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
# [0.141.0-core-styles.1](https://github.com/thebyte9/blaze/compare/v0.141.0-core-styles.0...v0.141.0-core-styles.1) (2024-03-15)
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
### Features
|
|
42
|
+
|
|
43
|
+
* use classic pagination in the listing ([#4148](https://github.com/thebyte9/blaze/issues/4148)) ([4b96d20](https://github.com/thebyte9/blaze/commit/4b96d20b288bc75a16a93c950ae951e84e5f2055))
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
# [0.141.0-core-styles.0](https://github.com/thebyte9/blaze/compare/v0.140.2-core-styles.1...v0.141.0-core-styles.0) (2024-03-08)
|
|
18
50
|
|
|
19
51
|
|
|
20
52
|
### Features
|
|
21
53
|
|
|
22
|
-
* added core variants to blaze ([8c62b62](https://github.com/thebyte9/blaze/commit/8c62b62909f78adc84158b9efc01d5b25bfcec6b))
|
|
23
|
-
* added infographic mock ([bd461fd](https://github.com/thebyte9/blaze/commit/bd461fdaccfe860e98b1bf29e771bce219d77c32))
|
|
24
54
|
* page builder component app event hook ([#4290](https://github.com/thebyte9/blaze/issues/4290)) ([f97ae66](https://github.com/thebyte9/blaze/commit/f97ae66eb03aff3837f67e089334ba4128f50081))
|
|
25
55
|
|
|
26
56
|
|
|
27
57
|
|
|
58
|
+
## [0.140.1](https://github.com/thebyte9/blaze/compare/v0.140.1-alpha.0...v0.140.1) (2024-03-04)
|
|
59
|
+
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
## [0.140.1-alpha.0](https://github.com/thebyte9/blaze/compare/v0.140.0...v0.140.1-alpha.0) (2024-03-04)
|
|
63
|
+
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
## [0.140.2-core-styles.1](https://github.com/thebyte9/blaze/compare/v0.140.2-core-styles.0...v0.140.2-core-styles.1) (2024-03-07)
|
|
69
|
+
|
|
70
|
+
**Note:** Version bump only for package @blaze-cms/react-page-builder
|
|
71
|
+
|
|
72
|
+
|
|
73
|
+
|
|
74
|
+
|
|
75
|
+
|
|
76
|
+
## [0.140.2-core-styles.0](https://github.com/thebyte9/blaze/compare/v0.140.0...v0.140.2-core-styles.0) (2024-03-06)
|
|
77
|
+
|
|
78
|
+
|
|
79
|
+
### Bug Fixes
|
|
80
|
+
|
|
81
|
+
* added prefix_length to fuzzy querys ([#4278](https://github.com/thebyte9/blaze/issues/4278)) ([887cc4f](https://github.com/thebyte9/blaze/commit/887cc4f5b669cbe3c597cd8cd9bf050e30767b47))
|
|
82
|
+
|
|
83
|
+
|
|
84
|
+
|
|
28
85
|
|
|
29
86
|
|
|
30
87
|
## [0.140.1](https://github.com/thebyte9/blaze/compare/v0.140.1-alpha.0...v0.140.1) (2024-03-04)
|
|
@@ -27,9 +27,9 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
|
|
|
27
27
|
var ContentGroupTabs = function ContentGroupTabs(_ref) {
|
|
28
28
|
var name = _ref.name,
|
|
29
29
|
contentType = _ref.contentType,
|
|
30
|
+
modifier = _ref.modifier,
|
|
30
31
|
groupSections = _ref.groupSections,
|
|
31
|
-
sectionsData = _ref.sectionsData
|
|
32
|
-
VariantComponent = _ref.VariantComponent;
|
|
32
|
+
sectionsData = _ref.sectionsData;
|
|
33
33
|
var router = (0, _router.useRouter)();
|
|
34
34
|
var _useState = (0, _react.useState)((0, _helpers.getActiveTab)(sectionsData, '')),
|
|
35
35
|
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
@@ -44,14 +44,13 @@ var ContentGroupTabs = function ContentGroupTabs(_ref) {
|
|
|
44
44
|
var activeTab = (0, _helpers.getActiveTab)(sectionsData, asPath);
|
|
45
45
|
if (activeTab !== selectedTab) setSelectedTab(activeTab);
|
|
46
46
|
}, [asPath, sectionsData, selectedTab]);
|
|
47
|
-
var WrapperComponent = VariantComponent || 'div';
|
|
48
47
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
49
48
|
className: mainDivClass
|
|
50
49
|
}, /*#__PURE__*/_react["default"].createElement("ul", {
|
|
51
50
|
className: contentGroupClass,
|
|
52
51
|
role: "tablist",
|
|
53
52
|
"aria-label": name
|
|
54
|
-
}, groupSections.map(function (
|
|
53
|
+
}, groupSections.map(function (groupSection, index) {
|
|
55
54
|
var _sectionsData$index = (0, _slicedToArray2["default"])(sectionsData[index], 2),
|
|
56
55
|
sectionName = _sectionsData$index[0],
|
|
57
56
|
sectioLabel = _sectionsData$index[1];
|
|
@@ -83,12 +82,11 @@ var ContentGroupTabs = function ContentGroupTabs(_ref) {
|
|
|
83
82
|
var tabId = "".concat(_constants.TAB, "-").concat(sectionName);
|
|
84
83
|
var panelId = "".concat(_constants.PANEL, "-").concat(sectionName);
|
|
85
84
|
if (selectedTab !== tabId) return null;
|
|
86
|
-
return /*#__PURE__*/_react["default"].createElement(
|
|
87
|
-
key: panelId,
|
|
85
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
88
86
|
id: sectionName,
|
|
87
|
+
key: panelId,
|
|
89
88
|
className: sectionClass,
|
|
90
89
|
role: "tabpanel",
|
|
91
|
-
tabId: tabId,
|
|
92
90
|
"aria-labelledby": tabId
|
|
93
91
|
}, groupSection);
|
|
94
92
|
}));
|
|
@@ -96,12 +94,12 @@ var ContentGroupTabs = function ContentGroupTabs(_ref) {
|
|
|
96
94
|
ContentGroupTabs.propTypes = {
|
|
97
95
|
name: _propTypes["default"].string.isRequired,
|
|
98
96
|
contentType: _propTypes["default"].string.isRequired,
|
|
97
|
+
modifier: _propTypes["default"].string,
|
|
99
98
|
groupSections: _propTypes["default"].array.isRequired,
|
|
100
|
-
sectionsData: _propTypes["default"].array.isRequired
|
|
101
|
-
VariantComponent: _propTypes["default"].func
|
|
99
|
+
sectionsData: _propTypes["default"].array.isRequired
|
|
102
100
|
};
|
|
103
101
|
ContentGroupTabs.defaultProps = {
|
|
104
|
-
|
|
102
|
+
modifier: ''
|
|
105
103
|
};
|
|
106
104
|
var _default = exports["default"] = ContentGroupTabs;
|
|
107
105
|
//# sourceMappingURL=ContentGroupTabs.js.map
|
|
@@ -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","
|
|
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","modifier","groupSections","sectionsData","router","useRouter","_useState","useState","getActiveTab","_useState2","_slicedToArray2","selectedTab","setSelectedTab","asPath","contentClassame","TAB","TABS","SIDEPANEL","mainDivClass","concat","CONTENT_GROUP","contentGroupClass","sectionClass","useEffect","activeTab","createElement","className","role","map","groupSection","index","_sectionsData$index","sectionName","sectioLabel","tabId","panelId","PANEL","isSelected","buttonClassName","id","key","type","onClick","baseUrl","split","newUrl","push","shallow","_sectionsData$index2","propTypes","PropTypes","string","isRequired","array","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, modifier, groupSections, sectionsData }) => {\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 return (\n <div className={mainDivClass}>\n <ul className={contentGroupClass} role=\"tablist\" aria-label={name}>\n {groupSections.map((groupSection, index) => {\n const [sectionName, sectioLabel] = sectionsData[index];\n const tabId = `${TAB}-${sectionName}`;\n const panelId = `${PANEL}-${sectionName}`;\n const isSelected = selectedTab === tabId;\n const buttonClassName = `${CONTENT_GROUP}-${contentClassame}__button${\n isSelected ? '--is-active' : ''\n }`;\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={panelId}\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 <div\n id={sectionName}\n key={panelId}\n className={sectionClass}\n role=\"tabpanel\"\n aria-labelledby={tabId}>\n {groupSection}\n </div>\n );\n })}\n </div>\n );\n};\n\nContentGroupTabs.propTypes = {\n name: PropTypes.string.isRequired,\n contentType: PropTypes.string.isRequired,\n modifier: PropTypes.string,\n groupSections: PropTypes.array.isRequired,\n sectionsData: PropTypes.array.isRequired\n};\n\nContentGroupTabs.defaultProps = {\n modifier: ''\n};\n\nexport default ContentGroupTabs;\n"],"mappings":"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"}
|
|
@@ -41,7 +41,6 @@ var Menu = function Menu(_ref) {
|
|
|
41
41
|
logoOnMobileAlt = _ref.logoOnMobileAlt,
|
|
42
42
|
logoOnMobileModifier = _ref.logoOnMobileModifier,
|
|
43
43
|
logoOnDesktopModifier = _ref.logoOnDesktopModifier,
|
|
44
|
-
logoOnDesktopAlignment = _ref.logoOnDesktopAlignment,
|
|
45
44
|
closeIconModifier = _ref.closeIconModifier;
|
|
46
45
|
var router = (0, _router.useRouter)();
|
|
47
46
|
var _useState = (0, _react.useState)(false),
|
|
@@ -78,7 +77,8 @@ var Menu = function Menu(_ref) {
|
|
|
78
77
|
className: "menu--mobile-button ".concat(mobileButtonModifier),
|
|
79
78
|
onClick: function onClick() {
|
|
80
79
|
return setShowMobileMenu(!showMobileMenu);
|
|
81
|
-
}
|
|
80
|
+
},
|
|
81
|
+
"aria-label": showMobileMenu ? 'Close mobile menu' : 'Open mobile menu'
|
|
82
82
|
}, /*#__PURE__*/_react["default"].createElement("i", null, showMobileMenu ? /*#__PURE__*/_react["default"].createElement(_md.MdClose, {
|
|
83
83
|
className: closeIconModifier
|
|
84
84
|
}) : /*#__PURE__*/_react["default"].createElement(_md.MdMenu, {
|
|
@@ -110,7 +110,6 @@ Menu.propTypes = {
|
|
|
110
110
|
logoOnMobileAlt: _propTypes["default"].string,
|
|
111
111
|
logoOnMobileModifier: _propTypes["default"].string,
|
|
112
112
|
logoOnDesktopModifier: _propTypes["default"].string,
|
|
113
|
-
logoOnDesktopAlignment: _propTypes["default"].string,
|
|
114
113
|
hamburgerIconModifier: _propTypes["default"].string,
|
|
115
114
|
closeIconModifier: _propTypes["default"].string,
|
|
116
115
|
mobileButtonModifier: _propTypes["default"].string,
|
|
@@ -132,7 +131,6 @@ Menu.defaultProps = {
|
|
|
132
131
|
mobileIconAlignment: '',
|
|
133
132
|
mobileMenuModifier: '',
|
|
134
133
|
mobileMenuChildrenModifier: '',
|
|
135
|
-
logoOnDesktopAlignment: 'left',
|
|
136
134
|
modifier: '',
|
|
137
135
|
children: []
|
|
138
136
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_button","_classnames2","_router","_md","_nextjsComponents","_MenuContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Menu","_ref","children","collapse","modifier","mobileMenuModifier","mobileMenuChildrenModifier","mobileIconAlignment","mobileButtonModifier","hamburgerIconModifier","logoOnMobile","logoOnDesktop","logoOnMobileUrl","logoOnMobileAlt","logoOnMobileModifier","logoOnDesktopModifier","logoOnDesktopAlignment","closeIconModifier","router","useRouter","_useState","useState","_useState2","_slicedToArray2","showMobileMenu","setShowMobileMenu","useEffect","handleRouteChange","events","on","off","shouldDisplayChildren","childModifiers","classnames","_defineProperty2","isMobileMenuExpanded","concat","menuWrapperClasses","createElement","Provider","value","className","onClick","MdClose","MdMenu","Link","href","src","alt","propTypes","PropTypes","bool","isRequired","string","oneOfType","arrayOf","node","defaultProps","_default","exports"],"sources":["../../../src/components/Menu/Menu.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport BlazeButton from '@blaze-react/button';\nimport classnames from 'classnames';\nimport { useRouter } from 'next/router';\nimport { MdMenu, MdClose } from 'react-icons/md';\nimport { Link } from '@blaze-cms/nextjs-components';\nimport MenuContext from './MenuContext';\n\nconst Menu = ({\n children,\n collapse,\n modifier,\n mobileMenuModifier,\n mobileMenuChildrenModifier,\n mobileIconAlignment,\n mobileButtonModifier,\n hamburgerIconModifier,\n logoOnMobile,\n logoOnDesktop,\n logoOnMobileUrl,\n logoOnMobileAlt,\n logoOnMobileModifier,\n logoOnDesktopModifier,\n logoOnDesktopAlignment,\n closeIconModifier\n}) => {\n const router = useRouter();\n const [showMobileMenu, setShowMobileMenu] = useState(false);\n\n useEffect(\n () => {\n const handleRouteChange = () => setShowMobileMenu(false);\n router.events.on('routeChangeStart', handleRouteChange);\n\n return () => {\n router.events.off('routeChangeStart', handleRouteChange);\n };\n },\n [router.events]\n );\n\n const shouldDisplayChildren = collapse ? showMobileMenu : true;\n\n const childModifiers = classnames({\n [mobileMenuChildrenModifier]: shouldDisplayChildren,\n [modifier]: !showMobileMenu\n });\n\n const isMobileMenuExpanded = showMobileMenu ? `${mobileMenuModifier}` : '';\n const menuWrapperClasses = classnames('menu--wrapper', {\n 'menu--wrapper--mobile-open': showMobileMenu,\n 'menu--wrapper--mobile-closed': collapse && !showMobileMenu\n });\n\n return (\n <MenuContext.Provider value={{ showMobileMenu }}>\n <div className={menuWrapperClasses}>\n {collapse && (\n <div className=\"menu--mobile-wrapper\">\n <div\n className={`flex w-screen z-50 justify-${mobileIconAlignment} ${isMobileMenuExpanded}`}>\n <BlazeButton\n className={`menu--mobile-button ${mobileButtonModifier}`}\n onClick={() => setShowMobileMenu(!showMobileMenu)}>\n <i>\n {showMobileMenu ? (\n <MdClose className={closeIconModifier} />\n ) : (\n <MdMenu className={hamburgerIconModifier} />\n )}\n </i>\n </BlazeButton>\n </div>\n </div>\n )}\n {logoOnMobile &&\n !showMobileMenu && (\n <Link href=\"/\">\n <img src={logoOnMobileUrl} alt={logoOnMobileAlt} className={logoOnMobileModifier} />\n </Link>\n )}\n\n <div className=\"menu--desktop-wrapper\">\n <ul className={childModifiers}>\n {logoOnDesktop && (\n <a href=\"/\" className=\"\">\n <img\n src={logoOnMobileUrl}\n alt={logoOnMobileAlt}\n className={logoOnDesktopModifier}\n />\n </a>\n )}\n {children}\n </ul>\n </div>\n </div>\n </MenuContext.Provider>\n );\n};\n\nMenu.propTypes = {\n collapse: PropTypes.bool.isRequired,\n logoOnMobile: PropTypes.bool.isRequired,\n logoOnDesktop: PropTypes.bool,\n logoOnMobileUrl: PropTypes.string,\n logoOnMobileAlt: PropTypes.string,\n logoOnMobileModifier: PropTypes.string,\n logoOnDesktopModifier: PropTypes.string,\n logoOnDesktopAlignment: PropTypes.string,\n hamburgerIconModifier: PropTypes.string,\n closeIconModifier: PropTypes.string,\n mobileButtonModifier: PropTypes.string,\n mobileMenuModifier: PropTypes.string,\n mobileMenuChildrenModifier: PropTypes.string,\n modifier: PropTypes.string,\n mobileIconAlignment: PropTypes.string,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenu.defaultProps = {\n logoOnDesktop: false,\n logoOnMobileUrl: '',\n logoOnMobileAlt: '',\n logoOnMobileModifier: '',\n logoOnDesktopModifier: '',\n hamburgerIconModifier: '',\n closeIconModifier: '',\n mobileButtonModifier: '',\n mobileIconAlignment: '',\n mobileMenuModifier: '',\n mobileMenuChildrenModifier: '',\n logoOnDesktopAlignment: 'left',\n modifier: '',\n children: []\n};\n\nexport default Menu;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Menu.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_button","_classnames2","_router","_md","_nextjsComponents","_MenuContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Menu","_ref","children","collapse","modifier","mobileMenuModifier","mobileMenuChildrenModifier","mobileIconAlignment","mobileButtonModifier","hamburgerIconModifier","logoOnMobile","logoOnDesktop","logoOnMobileUrl","logoOnMobileAlt","logoOnMobileModifier","logoOnDesktopModifier","closeIconModifier","router","useRouter","_useState","useState","_useState2","_slicedToArray2","showMobileMenu","setShowMobileMenu","useEffect","handleRouteChange","events","on","off","shouldDisplayChildren","childModifiers","classnames","_defineProperty2","isMobileMenuExpanded","concat","menuWrapperClasses","createElement","Provider","value","className","onClick","MdClose","MdMenu","Link","href","src","alt","propTypes","PropTypes","bool","isRequired","string","oneOfType","arrayOf","node","defaultProps","_default","exports"],"sources":["../../../src/components/Menu/Menu.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport BlazeButton from '@blaze-react/button';\nimport classnames from 'classnames';\nimport { useRouter } from 'next/router';\nimport { MdMenu, MdClose } from 'react-icons/md';\nimport { Link } from '@blaze-cms/nextjs-components';\nimport MenuContext from './MenuContext';\n\nconst Menu = ({\n children,\n collapse,\n modifier,\n mobileMenuModifier,\n mobileMenuChildrenModifier,\n mobileIconAlignment,\n mobileButtonModifier,\n hamburgerIconModifier,\n logoOnMobile,\n logoOnDesktop,\n logoOnMobileUrl,\n logoOnMobileAlt,\n logoOnMobileModifier,\n logoOnDesktopModifier,\n closeIconModifier\n}) => {\n const router = useRouter();\n const [showMobileMenu, setShowMobileMenu] = useState(false);\n\n useEffect(\n () => {\n const handleRouteChange = () => setShowMobileMenu(false);\n router.events.on('routeChangeStart', handleRouteChange);\n\n return () => {\n router.events.off('routeChangeStart', handleRouteChange);\n };\n },\n [router.events]\n );\n\n const shouldDisplayChildren = collapse ? showMobileMenu : true;\n\n const childModifiers = classnames({\n [mobileMenuChildrenModifier]: shouldDisplayChildren,\n [modifier]: !showMobileMenu\n });\n\n const isMobileMenuExpanded = showMobileMenu ? `${mobileMenuModifier}` : '';\n const menuWrapperClasses = classnames('menu--wrapper', {\n 'menu--wrapper--mobile-open': showMobileMenu,\n 'menu--wrapper--mobile-closed': collapse && !showMobileMenu\n });\n\n return (\n <MenuContext.Provider value={{ showMobileMenu }}>\n <div className={menuWrapperClasses}>\n {collapse && (\n <div className=\"menu--mobile-wrapper\">\n <div\n className={`flex w-screen z-50 justify-${mobileIconAlignment} ${isMobileMenuExpanded}`}>\n <BlazeButton\n className={`menu--mobile-button ${mobileButtonModifier}`}\n onClick={() => setShowMobileMenu(!showMobileMenu)}\n aria-label={showMobileMenu ? 'Close mobile menu' : 'Open mobile menu'}>\n <i>\n {showMobileMenu ? (\n <MdClose className={closeIconModifier} />\n ) : (\n <MdMenu className={hamburgerIconModifier} />\n )}\n </i>\n </BlazeButton>\n </div>\n </div>\n )}\n {logoOnMobile &&\n !showMobileMenu && (\n <Link href=\"/\">\n <img src={logoOnMobileUrl} alt={logoOnMobileAlt} className={logoOnMobileModifier} />\n </Link>\n )}\n\n <div className=\"menu--desktop-wrapper\">\n <ul className={childModifiers}>\n {logoOnDesktop && (\n <a href=\"/\" className=\"\">\n <img\n src={logoOnMobileUrl}\n alt={logoOnMobileAlt}\n className={logoOnDesktopModifier}\n />\n </a>\n )}\n {children}\n </ul>\n </div>\n </div>\n </MenuContext.Provider>\n );\n};\n\nMenu.propTypes = {\n collapse: PropTypes.bool.isRequired,\n logoOnMobile: PropTypes.bool.isRequired,\n logoOnDesktop: PropTypes.bool,\n logoOnMobileUrl: PropTypes.string,\n logoOnMobileAlt: PropTypes.string,\n logoOnMobileModifier: PropTypes.string,\n logoOnDesktopModifier: PropTypes.string,\n hamburgerIconModifier: PropTypes.string,\n closeIconModifier: PropTypes.string,\n mobileButtonModifier: PropTypes.string,\n mobileMenuModifier: PropTypes.string,\n mobileMenuChildrenModifier: PropTypes.string,\n modifier: PropTypes.string,\n mobileIconAlignment: PropTypes.string,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenu.defaultProps = {\n logoOnDesktop: false,\n logoOnMobileUrl: '',\n logoOnMobileAlt: '',\n logoOnMobileModifier: '',\n logoOnDesktopModifier: '',\n hamburgerIconModifier: '',\n closeIconModifier: '',\n mobileButtonModifier: '',\n mobileIconAlignment: '',\n mobileMenuModifier: '',\n mobileMenuChildrenModifier: '',\n modifier: '',\n children: []\n};\n\nexport default Menu;\n"],"mappings":"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"}
|
|
@@ -55,7 +55,8 @@ var MenuItem = function MenuItem(_ref) {
|
|
|
55
55
|
return /*#__PURE__*/_react["default"].createElement("li", {
|
|
56
56
|
className: modifier,
|
|
57
57
|
onMouseEnter: handleItemEvent,
|
|
58
|
-
onMouseLeave: handleItemEvent
|
|
58
|
+
onMouseLeave: handleItemEvent,
|
|
59
|
+
"aria-label": text
|
|
59
60
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
60
61
|
className: "menu--item--link"
|
|
61
62
|
}, url ? /*#__PURE__*/_react["default"].createElement(_BlazeLink["default"], {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItem.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_fa","_constants","_helpers","_BlazeLink","_MenuContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","MenuItem","_ref","children","eventType","text","modifier","url","_useState","useState","_useState2","_slicedToArray2","displayChildren","setDisplayChildren","_useContext","useContext","MenuContext","showMobileMenu","useEffect","isHoverEvent","HOVER","childrenDisplayClass","HIDDEN","handleItemEvent","_ref2","type","MOUSE_ENTER","MOUSE_LEAVE","hasValidChildren","hasChildren","createElement","className","onMouseEnter","onMouseLeave","href","role","onClick","FaChevronUp","FaChevronDown","concat","propTypes","PropTypes","string","isRequired","oneOfType","arrayOf","node","defaultProps","_default","exports"],"sources":["../../../src/components/MenuItem/MenuItem.js"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { FaChevronDown, FaChevronUp } from 'react-icons/fa';\nimport { HOVER, MOUSE_ENTER, MOUSE_LEAVE, HIDDEN } from '../../constants';\nimport { hasChildren } from '../../helpers';\nimport BlazeLink from '../BlazeLink';\nimport MenuContext from '../Menu/MenuContext';\n\nconst MenuItem = ({ children, eventType, text, modifier, url }) => {\n const [displayChildren, setDisplayChildren] = useState(false);\n const { showMobileMenu } = useContext(MenuContext);\n\n useEffect(\n () => {\n if (!showMobileMenu) setDisplayChildren(false);\n },\n [showMobileMenu]\n );\n\n const isHoverEvent = eventType === HOVER;\n const childrenDisplayClass = displayChildren ? '' : HIDDEN;\n\n const handleItemEvent = ({ type }) => {\n if (isHoverEvent) {\n if (type === MOUSE_ENTER) {\n setDisplayChildren(true);\n }\n if (type === MOUSE_LEAVE) {\n setDisplayChildren(false);\n }\n }\n };\n const hasValidChildren = hasChildren(children);\n\n return (\n <li
|
|
1
|
+
{"version":3,"file":"MenuItem.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_fa","_constants","_helpers","_BlazeLink","_MenuContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","MenuItem","_ref","children","eventType","text","modifier","url","_useState","useState","_useState2","_slicedToArray2","displayChildren","setDisplayChildren","_useContext","useContext","MenuContext","showMobileMenu","useEffect","isHoverEvent","HOVER","childrenDisplayClass","HIDDEN","handleItemEvent","_ref2","type","MOUSE_ENTER","MOUSE_LEAVE","hasValidChildren","hasChildren","createElement","className","onMouseEnter","onMouseLeave","href","role","onClick","FaChevronUp","FaChevronDown","concat","propTypes","PropTypes","string","isRequired","oneOfType","arrayOf","node","defaultProps","_default","exports"],"sources":["../../../src/components/MenuItem/MenuItem.js"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { FaChevronDown, FaChevronUp } from 'react-icons/fa';\nimport { HOVER, MOUSE_ENTER, MOUSE_LEAVE, HIDDEN } from '../../constants';\nimport { hasChildren } from '../../helpers';\nimport BlazeLink from '../BlazeLink';\nimport MenuContext from '../Menu/MenuContext';\n\nconst MenuItem = ({ children, eventType, text, modifier, url }) => {\n const [displayChildren, setDisplayChildren] = useState(false);\n const { showMobileMenu } = useContext(MenuContext);\n\n useEffect(\n () => {\n if (!showMobileMenu) setDisplayChildren(false);\n },\n [showMobileMenu]\n );\n\n const isHoverEvent = eventType === HOVER;\n const childrenDisplayClass = displayChildren ? '' : HIDDEN;\n\n const handleItemEvent = ({ type }) => {\n if (isHoverEvent) {\n if (type === MOUSE_ENTER) {\n setDisplayChildren(true);\n }\n if (type === MOUSE_LEAVE) {\n setDisplayChildren(false);\n }\n }\n };\n const hasValidChildren = hasChildren(children);\n\n return (\n <li\n className={modifier}\n onMouseEnter={handleItemEvent}\n onMouseLeave={handleItemEvent}\n aria-label={text}>\n <div className=\"menu--item--link\">\n {url ? (\n <BlazeLink href={url}>{text}</BlazeLink>\n ) : (\n <span role=\"button\" onClick={handleItemEvent}>\n {text}\n </span>\n )}\n {hasValidChildren && (\n <i\n role=\"button\"\n className=\"menu--item--link--icon\"\n onClick={() => setDisplayChildren(!displayChildren)}>\n {displayChildren ? <FaChevronUp /> : <FaChevronDown />}\n </i>\n )}\n </div>\n {hasValidChildren && (\n <div className={`menu--item-children ${childrenDisplayClass}`}>{children}</div>\n )}\n </li>\n );\n};\n\nMenuItem.propTypes = {\n modifier: PropTypes.string,\n text: PropTypes.string,\n url: PropTypes.string,\n eventType: PropTypes.string.isRequired,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenuItem.defaultProps = {\n url: '',\n modifier: '',\n text: '',\n children: null\n};\n\nexport default MenuItem;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getVariant.js","names":["_utils","require","getVariant","settings","variant","_ref","variantHandler","get","VariantComponent","getSettings","variantSettings"],"sources":["../../../src/hooks/helpers/getVariant.js"],"sourcesContent":["import { variantHandler } from '../../utils';\n\nexport default function getVariant(settings) {\n const { variant } = settings;\n if (!variant) return [null, {}];\n
|
|
1
|
+
{"version":3,"file":"getVariant.js","names":["_utils","require","getVariant","settings","variant","_ref","variantHandler","get","VariantComponent","getSettings","variantSettings"],"sources":["../../../src/hooks/helpers/getVariant.js"],"sourcesContent":["import { variantHandler } from '../../utils';\n\nexport default function getVariant(settings) {\n const { variant } = settings;\n if (!variant) return [null, {}];\n const { VariantComponent, getSettings } = variantHandler.get(variant) || {};\n const variantSettings =\n !!getSettings && typeof getSettings === 'function' ? getSettings(settings) : settings;\n\n return [VariantComponent, variantSettings];\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEe,SAASC,UAAUA,CAACC,QAAQ,EAAE;EAC3C,IAAQC,OAAO,GAAKD,QAAQ,CAApBC,OAAO;EACf,IAAI,CAACA,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;EAC/B,IAAAC,IAAA,GAA0CC,qBAAc,CAACC,GAAG,CAACH,OAAO,CAAC,IAAI,CAAC,CAAC;IAAnEI,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB;IAAEC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;EACrC,IAAMC,eAAe,GACnB,CAAC,CAACD,WAAW,IAAI,OAAOA,WAAW,KAAK,UAAU,GAAGA,WAAW,CAACN,QAAQ,CAAC,GAAGA,QAAQ;EAEvF,OAAO,CAACK,gBAAgB,EAAEE,eAAe,CAAC;AAC5C"}
|
package/lib/variants/index.js
CHANGED
|
@@ -1,21 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
require("core-js/modules/es.object.define-property.js");
|
|
4
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
var
|
|
10
|
-
var _Infographic = _interopRequireDefault(require("./Infographic"));
|
|
11
|
-
var _LongformGallery = _interopRequireDefault(require("./LongformGallery"));
|
|
12
|
-
var _LongformRow = _interopRequireDefault(require("./LongformRow"));
|
|
13
|
-
var _ParallaxImageTextRight = _interopRequireDefault(require("./ParallaxImageTextRight"));
|
|
14
|
-
var _default = exports["default"] = {
|
|
15
|
-
heroImage: _HeroImage["default"],
|
|
16
|
-
infographic: _Infographic["default"],
|
|
17
|
-
longformGallery: _LongformGallery["default"],
|
|
18
|
-
longformRow: _LongformRow["default"],
|
|
19
|
-
parallaxImageTextRight: _ParallaxImageTextRight["default"]
|
|
20
|
-
};
|
|
8
|
+
var _default = exports["default"] = {};
|
|
21
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../src/variants/index.js"],"sourcesContent":["export default {};\n"],"mappings":";;;;;;;oCAAe,CAAC,CAAC"}
|
|
@@ -6,9 +6,9 @@ import { TAB, TABS, SIDEPANEL, CONTENT_GROUP, PANEL } from './constants';
|
|
|
6
6
|
const ContentGroupTabs = ({
|
|
7
7
|
name,
|
|
8
8
|
contentType,
|
|
9
|
+
modifier,
|
|
9
10
|
groupSections,
|
|
10
|
-
sectionsData
|
|
11
|
-
VariantComponent
|
|
11
|
+
sectionsData
|
|
12
12
|
}) => {
|
|
13
13
|
const router = useRouter();
|
|
14
14
|
const [selectedTab, setSelectedTab] = useState(getActiveTab(sectionsData, ''));
|
|
@@ -23,14 +23,13 @@ const ContentGroupTabs = ({
|
|
|
23
23
|
const activeTab = getActiveTab(sectionsData, asPath);
|
|
24
24
|
if (activeTab !== selectedTab) setSelectedTab(activeTab);
|
|
25
25
|
}, [asPath, sectionsData, selectedTab]);
|
|
26
|
-
const WrapperComponent = VariantComponent || 'div';
|
|
27
26
|
return /*#__PURE__*/React.createElement("div", {
|
|
28
27
|
className: mainDivClass
|
|
29
28
|
}, /*#__PURE__*/React.createElement("ul", {
|
|
30
29
|
className: contentGroupClass,
|
|
31
30
|
role: "tablist",
|
|
32
31
|
"aria-label": name
|
|
33
|
-
}, groupSections.map((
|
|
32
|
+
}, groupSections.map((groupSection, index) => {
|
|
34
33
|
const [sectionName, sectioLabel] = sectionsData[index];
|
|
35
34
|
const tabId = `${TAB}-${sectionName}`;
|
|
36
35
|
const panelId = `${PANEL}-${sectionName}`;
|
|
@@ -59,12 +58,11 @@ const ContentGroupTabs = ({
|
|
|
59
58
|
const tabId = `${TAB}-${sectionName}`;
|
|
60
59
|
const panelId = `${PANEL}-${sectionName}`;
|
|
61
60
|
if (selectedTab !== tabId) return null;
|
|
62
|
-
return /*#__PURE__*/React.createElement(
|
|
63
|
-
key: panelId,
|
|
61
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
64
62
|
id: sectionName,
|
|
63
|
+
key: panelId,
|
|
65
64
|
className: sectionClass,
|
|
66
65
|
role: "tabpanel",
|
|
67
|
-
tabId: tabId,
|
|
68
66
|
"aria-labelledby": tabId
|
|
69
67
|
}, groupSection);
|
|
70
68
|
}));
|
|
@@ -72,12 +70,12 @@ const ContentGroupTabs = ({
|
|
|
72
70
|
ContentGroupTabs.propTypes = {
|
|
73
71
|
name: PropTypes.string.isRequired,
|
|
74
72
|
contentType: PropTypes.string.isRequired,
|
|
73
|
+
modifier: PropTypes.string,
|
|
75
74
|
groupSections: PropTypes.array.isRequired,
|
|
76
|
-
sectionsData: PropTypes.array.isRequired
|
|
77
|
-
VariantComponent: PropTypes.func
|
|
75
|
+
sectionsData: PropTypes.array.isRequired
|
|
78
76
|
};
|
|
79
77
|
ContentGroupTabs.defaultProps = {
|
|
80
|
-
|
|
78
|
+
modifier: ''
|
|
81
79
|
};
|
|
82
80
|
export default ContentGroupTabs;
|
|
83
81
|
//# sourceMappingURL=ContentGroupTabs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentGroupTabs.js","names":["React","useState","useEffect","PropTypes","useRouter","getActiveTab","TAB","TABS","SIDEPANEL","CONTENT_GROUP","PANEL","ContentGroupTabs","name","contentType","
|
|
1
|
+
{"version":3,"file":"ContentGroupTabs.js","names":["React","useState","useEffect","PropTypes","useRouter","getActiveTab","TAB","TABS","SIDEPANEL","CONTENT_GROUP","PANEL","ContentGroupTabs","name","contentType","modifier","groupSections","sectionsData","router","selectedTab","setSelectedTab","asPath","contentClassame","mainDivClass","contentGroupClass","sectionClass","activeTab","createElement","className","role","map","groupSection","index","sectionName","sectioLabel","tabId","panelId","isSelected","buttonClassName","id","key","type","onClick","baseUrl","split","newUrl","push","shallow","propTypes","string","isRequired","array","defaultProps"],"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, modifier, groupSections, sectionsData }) => {\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 return (\n <div className={mainDivClass}>\n <ul className={contentGroupClass} role=\"tablist\" aria-label={name}>\n {groupSections.map((groupSection, index) => {\n const [sectionName, sectioLabel] = sectionsData[index];\n const tabId = `${TAB}-${sectionName}`;\n const panelId = `${PANEL}-${sectionName}`;\n const isSelected = selectedTab === tabId;\n const buttonClassName = `${CONTENT_GROUP}-${contentClassame}__button${\n isSelected ? '--is-active' : ''\n }`;\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={panelId}\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 <div\n id={sectionName}\n key={panelId}\n className={sectionClass}\n role=\"tabpanel\"\n aria-labelledby={tabId}>\n {groupSection}\n </div>\n );\n })}\n </div>\n );\n};\n\nContentGroupTabs.propTypes = {\n name: PropTypes.string.isRequired,\n contentType: PropTypes.string.isRequired,\n modifier: PropTypes.string,\n groupSections: PropTypes.array.isRequired,\n sectionsData: PropTypes.array.isRequired\n};\n\nContentGroupTabs.defaultProps = {\n modifier: ''\n};\n\nexport default ContentGroupTabs;\n"],"mappings":"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"}
|
|
@@ -21,7 +21,6 @@ const Menu = ({
|
|
|
21
21
|
logoOnMobileAlt,
|
|
22
22
|
logoOnMobileModifier,
|
|
23
23
|
logoOnDesktopModifier,
|
|
24
|
-
logoOnDesktopAlignment,
|
|
25
24
|
closeIconModifier
|
|
26
25
|
}) => {
|
|
27
26
|
const router = useRouter();
|
|
@@ -55,7 +54,8 @@ const Menu = ({
|
|
|
55
54
|
className: `flex w-screen z-50 justify-${mobileIconAlignment} ${isMobileMenuExpanded}`
|
|
56
55
|
}, /*#__PURE__*/React.createElement(BlazeButton, {
|
|
57
56
|
className: `menu--mobile-button ${mobileButtonModifier}`,
|
|
58
|
-
onClick: () => setShowMobileMenu(!showMobileMenu)
|
|
57
|
+
onClick: () => setShowMobileMenu(!showMobileMenu),
|
|
58
|
+
"aria-label": showMobileMenu ? 'Close mobile menu' : 'Open mobile menu'
|
|
59
59
|
}, /*#__PURE__*/React.createElement("i", null, showMobileMenu ? /*#__PURE__*/React.createElement(MdClose, {
|
|
60
60
|
className: closeIconModifier
|
|
61
61
|
}) : /*#__PURE__*/React.createElement(MdMenu, {
|
|
@@ -87,7 +87,6 @@ Menu.propTypes = {
|
|
|
87
87
|
logoOnMobileAlt: PropTypes.string,
|
|
88
88
|
logoOnMobileModifier: PropTypes.string,
|
|
89
89
|
logoOnDesktopModifier: PropTypes.string,
|
|
90
|
-
logoOnDesktopAlignment: PropTypes.string,
|
|
91
90
|
hamburgerIconModifier: PropTypes.string,
|
|
92
91
|
closeIconModifier: PropTypes.string,
|
|
93
92
|
mobileButtonModifier: PropTypes.string,
|
|
@@ -109,7 +108,6 @@ Menu.defaultProps = {
|
|
|
109
108
|
mobileIconAlignment: '',
|
|
110
109
|
mobileMenuModifier: '',
|
|
111
110
|
mobileMenuChildrenModifier: '',
|
|
112
|
-
logoOnDesktopAlignment: 'left',
|
|
113
111
|
modifier: '',
|
|
114
112
|
children: []
|
|
115
113
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.js","names":["React","useState","useEffect","PropTypes","BlazeButton","classnames","useRouter","MdMenu","MdClose","Link","MenuContext","Menu","children","collapse","modifier","mobileMenuModifier","mobileMenuChildrenModifier","mobileIconAlignment","mobileButtonModifier","hamburgerIconModifier","logoOnMobile","logoOnDesktop","logoOnMobileUrl","logoOnMobileAlt","logoOnMobileModifier","logoOnDesktopModifier","
|
|
1
|
+
{"version":3,"file":"Menu.js","names":["React","useState","useEffect","PropTypes","BlazeButton","classnames","useRouter","MdMenu","MdClose","Link","MenuContext","Menu","children","collapse","modifier","mobileMenuModifier","mobileMenuChildrenModifier","mobileIconAlignment","mobileButtonModifier","hamburgerIconModifier","logoOnMobile","logoOnDesktop","logoOnMobileUrl","logoOnMobileAlt","logoOnMobileModifier","logoOnDesktopModifier","closeIconModifier","router","showMobileMenu","setShowMobileMenu","handleRouteChange","events","on","off","shouldDisplayChildren","childModifiers","isMobileMenuExpanded","menuWrapperClasses","createElement","Provider","value","className","onClick","href","src","alt","propTypes","bool","isRequired","string","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/Menu/Menu.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport BlazeButton from '@blaze-react/button';\nimport classnames from 'classnames';\nimport { useRouter } from 'next/router';\nimport { MdMenu, MdClose } from 'react-icons/md';\nimport { Link } from '@blaze-cms/nextjs-components';\nimport MenuContext from './MenuContext';\n\nconst Menu = ({\n children,\n collapse,\n modifier,\n mobileMenuModifier,\n mobileMenuChildrenModifier,\n mobileIconAlignment,\n mobileButtonModifier,\n hamburgerIconModifier,\n logoOnMobile,\n logoOnDesktop,\n logoOnMobileUrl,\n logoOnMobileAlt,\n logoOnMobileModifier,\n logoOnDesktopModifier,\n closeIconModifier\n}) => {\n const router = useRouter();\n const [showMobileMenu, setShowMobileMenu] = useState(false);\n\n useEffect(\n () => {\n const handleRouteChange = () => setShowMobileMenu(false);\n router.events.on('routeChangeStart', handleRouteChange);\n\n return () => {\n router.events.off('routeChangeStart', handleRouteChange);\n };\n },\n [router.events]\n );\n\n const shouldDisplayChildren = collapse ? showMobileMenu : true;\n\n const childModifiers = classnames({\n [mobileMenuChildrenModifier]: shouldDisplayChildren,\n [modifier]: !showMobileMenu\n });\n\n const isMobileMenuExpanded = showMobileMenu ? `${mobileMenuModifier}` : '';\n const menuWrapperClasses = classnames('menu--wrapper', {\n 'menu--wrapper--mobile-open': showMobileMenu,\n 'menu--wrapper--mobile-closed': collapse && !showMobileMenu\n });\n\n return (\n <MenuContext.Provider value={{ showMobileMenu }}>\n <div className={menuWrapperClasses}>\n {collapse && (\n <div className=\"menu--mobile-wrapper\">\n <div\n className={`flex w-screen z-50 justify-${mobileIconAlignment} ${isMobileMenuExpanded}`}>\n <BlazeButton\n className={`menu--mobile-button ${mobileButtonModifier}`}\n onClick={() => setShowMobileMenu(!showMobileMenu)}\n aria-label={showMobileMenu ? 'Close mobile menu' : 'Open mobile menu'}>\n <i>\n {showMobileMenu ? (\n <MdClose className={closeIconModifier} />\n ) : (\n <MdMenu className={hamburgerIconModifier} />\n )}\n </i>\n </BlazeButton>\n </div>\n </div>\n )}\n {logoOnMobile &&\n !showMobileMenu && (\n <Link href=\"/\">\n <img src={logoOnMobileUrl} alt={logoOnMobileAlt} className={logoOnMobileModifier} />\n </Link>\n )}\n\n <div className=\"menu--desktop-wrapper\">\n <ul className={childModifiers}>\n {logoOnDesktop && (\n <a href=\"/\" className=\"\">\n <img\n src={logoOnMobileUrl}\n alt={logoOnMobileAlt}\n className={logoOnDesktopModifier}\n />\n </a>\n )}\n {children}\n </ul>\n </div>\n </div>\n </MenuContext.Provider>\n );\n};\n\nMenu.propTypes = {\n collapse: PropTypes.bool.isRequired,\n logoOnMobile: PropTypes.bool.isRequired,\n logoOnDesktop: PropTypes.bool,\n logoOnMobileUrl: PropTypes.string,\n logoOnMobileAlt: PropTypes.string,\n logoOnMobileModifier: PropTypes.string,\n logoOnDesktopModifier: PropTypes.string,\n hamburgerIconModifier: PropTypes.string,\n closeIconModifier: PropTypes.string,\n mobileButtonModifier: PropTypes.string,\n mobileMenuModifier: PropTypes.string,\n mobileMenuChildrenModifier: PropTypes.string,\n modifier: PropTypes.string,\n mobileIconAlignment: PropTypes.string,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenu.defaultProps = {\n logoOnDesktop: false,\n logoOnMobileUrl: '',\n logoOnMobileAlt: '',\n logoOnMobileModifier: '',\n logoOnDesktopModifier: '',\n hamburgerIconModifier: '',\n closeIconModifier: '',\n mobileButtonModifier: '',\n mobileIconAlignment: '',\n mobileMenuModifier: '',\n mobileMenuChildrenModifier: '',\n modifier: '',\n children: []\n};\n\nexport default Menu;\n"],"mappings":"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"}
|
|
@@ -37,7 +37,8 @@ const MenuItem = ({
|
|
|
37
37
|
return /*#__PURE__*/React.createElement("li", {
|
|
38
38
|
className: modifier,
|
|
39
39
|
onMouseEnter: handleItemEvent,
|
|
40
|
-
onMouseLeave: handleItemEvent
|
|
40
|
+
onMouseLeave: handleItemEvent,
|
|
41
|
+
"aria-label": text
|
|
41
42
|
}, /*#__PURE__*/React.createElement("div", {
|
|
42
43
|
className: "menu--item--link"
|
|
43
44
|
}, url ? /*#__PURE__*/React.createElement(BlazeLink, {
|