@blaze-cms/react-page-builder 0.140.0-core-variants.0 → 0.140.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (100) hide show
  1. package/CHANGELOG.md +5 -9
  2. package/lib/components/ContentGroup/ContentGroupTabs.js +8 -10
  3. package/lib/components/ContentGroup/ContentGroupTabs.js.map +1 -1
  4. package/lib/hooks/helpers/getVariant.js.map +1 -1
  5. package/lib/variants/index.js +1 -13
  6. package/lib/variants/index.js.map +1 -1
  7. package/lib-es/components/ContentGroup/ContentGroupTabs.js +8 -10
  8. package/lib-es/components/ContentGroup/ContentGroupTabs.js.map +1 -1
  9. package/lib-es/hooks/helpers/getVariant.js.map +1 -1
  10. package/lib-es/variants/index.js +1 -12
  11. package/lib-es/variants/index.js.map +1 -1
  12. package/package.json +4 -4
  13. package/src/components/ContentGroup/ContentGroupTabs.js +8 -11
  14. package/src/hooks/helpers/getVariant.js +0 -1
  15. package/src/variants/index.js +1 -13
  16. package/tests/unit/src/components/ContentGroup/__snapshots__/ContentGroupTabs.test.js.snap +0 -2
  17. package/lib/variants/HeroImage/index.js +0 -29
  18. package/lib/variants/HeroImage/index.js.map +0 -1
  19. package/lib/variants/Infographic/Infographic.js +0 -27
  20. package/lib/variants/Infographic/Infographic.js.map +0 -1
  21. package/lib/variants/Infographic/index.js +0 -30
  22. package/lib/variants/Infographic/index.js.map +0 -1
  23. package/lib/variants/Infographic/useInfographic.js +0 -43
  24. package/lib/variants/Infographic/useInfographic.js.map +0 -1
  25. package/lib/variants/LongformGallery/LongformGallery.js +0 -51
  26. package/lib/variants/LongformGallery/LongformGallery.js.map +0 -1
  27. package/lib/variants/LongformGallery/LongformGalleryImage.js +0 -68
  28. package/lib/variants/LongformGallery/LongformGalleryImage.js.map +0 -1
  29. package/lib/variants/LongformGallery/constants.js +0 -19
  30. package/lib/variants/LongformGallery/constants.js.map +0 -1
  31. package/lib/variants/LongformGallery/helpers/index.js +0 -29
  32. package/lib/variants/LongformGallery/helpers/index.js.map +0 -1
  33. package/lib/variants/LongformGallery/helpers/parseImageData.js +0 -42
  34. package/lib/variants/LongformGallery/helpers/parseImageData.js.map +0 -1
  35. package/lib/variants/LongformGallery/helpers/separateImages.js +0 -27
  36. package/lib/variants/LongformGallery/helpers/separateImages.js.map +0 -1
  37. package/lib/variants/LongformGallery/helpers/shouldSkip.js +0 -13
  38. package/lib/variants/LongformGallery/helpers/shouldSkip.js.map +0 -1
  39. package/lib/variants/LongformGallery/index.js +0 -31
  40. package/lib/variants/LongformGallery/index.js.map +0 -1
  41. package/lib/variants/LongformGallery/useLongformGallery.js +0 -63
  42. package/lib/variants/LongformGallery/useLongformGallery.js.map +0 -1
  43. package/lib/variants/LongformRow/index.js +0 -29
  44. package/lib/variants/LongformRow/index.js.map +0 -1
  45. package/lib/variants/ParallaxImageRight/index.js +0 -30
  46. package/lib/variants/ParallaxImageRight/index.js.map +0 -1
  47. package/lib-es/variants/HeroImage/index.js +0 -10
  48. package/lib-es/variants/HeroImage/index.js.map +0 -1
  49. package/lib-es/variants/Infographic/Infographic.js +0 -20
  50. package/lib-es/variants/Infographic/Infographic.js.map +0 -1
  51. package/lib-es/variants/Infographic/index.js +0 -11
  52. package/lib-es/variants/Infographic/index.js.map +0 -1
  53. package/lib-es/variants/Infographic/useInfographic.js +0 -23
  54. package/lib-es/variants/Infographic/useInfographic.js.map +0 -1
  55. package/lib-es/variants/LongformGallery/LongformGallery.js +0 -37
  56. package/lib-es/variants/LongformGallery/LongformGallery.js.map +0 -1
  57. package/lib-es/variants/LongformGallery/LongformGalleryImage.js +0 -56
  58. package/lib-es/variants/LongformGallery/LongformGalleryImage.js.map +0 -1
  59. package/lib-es/variants/LongformGallery/constants.js +0 -18
  60. package/lib-es/variants/LongformGallery/constants.js.map +0 -1
  61. package/lib-es/variants/LongformGallery/helpers/index.js +0 -5
  62. package/lib-es/variants/LongformGallery/helpers/index.js.map +0 -1
  63. package/lib-es/variants/LongformGallery/helpers/parseImageData.js +0 -26
  64. package/lib-es/variants/LongformGallery/helpers/parseImageData.js.map +0 -1
  65. package/lib-es/variants/LongformGallery/helpers/separateImages.js +0 -13
  66. package/lib-es/variants/LongformGallery/helpers/separateImages.js.map +0 -1
  67. package/lib-es/variants/LongformGallery/helpers/shouldSkip.js +0 -3
  68. package/lib-es/variants/LongformGallery/helpers/shouldSkip.js.map +0 -1
  69. package/lib-es/variants/LongformGallery/index.js +0 -12
  70. package/lib-es/variants/LongformGallery/index.js.map +0 -1
  71. package/lib-es/variants/LongformGallery/useLongformGallery.js +0 -48
  72. package/lib-es/variants/LongformGallery/useLongformGallery.js.map +0 -1
  73. package/lib-es/variants/LongformRow/index.js +0 -10
  74. package/lib-es/variants/LongformRow/index.js.map +0 -1
  75. package/lib-es/variants/ParallaxImageRight/index.js +0 -11
  76. package/lib-es/variants/ParallaxImageRight/index.js.map +0 -1
  77. package/src/variants/HeroImage/index.js +0 -8
  78. package/src/variants/Infographic/Infographic.js +0 -14
  79. package/src/variants/Infographic/index.js +0 -10
  80. package/src/variants/Infographic/useInfographic.js +0 -18
  81. package/src/variants/LongformGallery/LongformGallery.js +0 -48
  82. package/src/variants/LongformGallery/LongformGalleryImage.js +0 -62
  83. package/src/variants/LongformGallery/constants.js +0 -21
  84. package/src/variants/LongformGallery/helpers/index.js +0 -5
  85. package/src/variants/LongformGallery/helpers/parseImageData.js +0 -25
  86. package/src/variants/LongformGallery/helpers/separateImages.js +0 -22
  87. package/src/variants/LongformGallery/helpers/shouldSkip.js +0 -3
  88. package/src/variants/LongformGallery/index.js +0 -11
  89. package/src/variants/LongformGallery/useLongformGallery.js +0 -50
  90. package/src/variants/LongformRow/index.js +0 -8
  91. package/src/variants/ParallaxImageRight/index.js +0 -9
  92. package/tests/unit/src/variants/LongFormGallery/LongformGallery.test.js +0 -41
  93. package/tests/unit/src/variants/LongFormGallery/LongformGalleryImage.test.js +0 -44
  94. package/tests/unit/src/variants/LongFormGallery/__snapshots__/LongformGallery.test.js.snap +0 -102
  95. package/tests/unit/src/variants/LongFormGallery/__snapshots__/LongformGalleryImage.test.js.snap +0 -51
  96. package/tests/unit/src/variants/LongFormGallery/constants.js +0 -37
  97. package/tests/unit/src/variants/LongFormGallery/helpers/parseImageData.test.js +0 -53
  98. package/tests/unit/src/variants/LongFormGallery/helpers/separateImages.test.js +0 -54
  99. package/tests/unit/src/variants/LongFormGallery/helpers/shouldSkip.test.js +0 -23
  100. package/tests/unit/src/variants/LongFormGallery/useLongformGallery.test.js +0 -39
package/CHANGELOG.md CHANGED
@@ -3,21 +3,17 @@
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.140.0-core-variants.0](https://github.com/thebyte9/blaze/compare/v0.139.3...v0.140.0-core-variants.0) (2024-02-26)
6
+ # [0.140.0](https://github.com/thebyte9/blaze/compare/v0.140.0-alpha.0...v0.140.0) (2024-03-01)
7
7
 
8
+ **Note:** Version bump only for package @blaze-cms/react-page-builder
8
9
 
9
- ### Bug Fixes
10
10
 
11
- * fixed lint ([618286f](https://github.com/thebyte9/blaze/commit/618286f8410d0cb0ce9ee8de940cbf92e4096c11))
12
- * fixed tests ([0b63e67](https://github.com/thebyte9/blaze/commit/0b63e67fd80183aa1b4691495edc01eb3675310f))
13
- * fixed unresolved paths ([7b04d5b](https://github.com/thebyte9/blaze/commit/7b04d5b2a970bf55752486faf66bf83d977c85c3))
14
- * fixed wrong paths ([d69e71b](https://github.com/thebyte9/blaze/commit/d69e71bf0e59aa84cf1a8e6b41062d2bc12c757b))
15
11
 
16
12
 
17
- ### Features
18
13
 
19
- * added core variants to blaze ([8c62b62](https://github.com/thebyte9/blaze/commit/8c62b62909f78adc84158b9efc01d5b25bfcec6b))
20
- * added infographic mock ([bd461fd](https://github.com/thebyte9/blaze/commit/bd461fdaccfe860e98b1bf29e771bce219d77c32))
14
+ # [0.140.0-alpha.0](https://github.com/thebyte9/blaze/compare/v0.139.3...v0.140.0-alpha.0) (2024-02-28)
15
+
16
+ **Note:** Version bump only for package @blaze-cms/react-page-builder
21
17
 
22
18
 
23
19
 
@@ -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 (_, index) {
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(WrapperComponent, {
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
- VariantComponent: null
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","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","panelId","PANEL","isSelected","buttonClassName","id","key","type","onClick","baseUrl","split","newUrl","push","shallow","groupSection","_sectionsData$index2","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 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 <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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"}
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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"}
@@ -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\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;EAE/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"}
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"}
@@ -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 _HeroImage = _interopRequireDefault(require("./HeroImage"));
10
- var _Infographic = _interopRequireDefault(require("./Infographic"));
11
- var _LongformGallery = _interopRequireDefault(require("./LongformGallery"));
12
- var _LongformRow = _interopRequireDefault(require("./LongformRow"));
13
- var _ParallaxImageRight = _interopRequireDefault(require("./ParallaxImageRight"));
14
- var _default = exports["default"] = {
15
- heroImage: _HeroImage["default"],
16
- infographic: _Infographic["default"],
17
- longformGallery: _LongformGallery["default"],
18
- longformRow: _LongformRow["default"],
19
- parallaxImageRight: _ParallaxImageRight["default"]
20
- };
8
+ var _default = exports["default"] = {};
21
9
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_HeroImage","_interopRequireDefault","require","_Infographic","_LongformGallery","_LongformRow","_ParallaxImageRight","_default","exports","heroImage","infographic","longformGallery","longformRow","parallaxImageRight"],"sources":["../../src/variants/index.js"],"sourcesContent":["import heroImage from './HeroImage';\nimport infographic from './Infographic';\nimport longformGallery from './LongformGallery';\nimport longformRow from './LongformRow';\nimport parallaxImageRight from './ParallaxImageRight';\n\nexport default {\n heroImage,\n infographic,\n longformGallery,\n longformRow,\n parallaxImageRight\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,gBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,mBAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAsD,IAAAK,QAAA,GAAAC,OAAA,cAEvC;EACbC,SAAS,EAATA,qBAAS;EACTC,WAAW,EAAXA,uBAAW;EACXC,eAAe,EAAfA,2BAAe;EACfC,WAAW,EAAXA,uBAAW;EACXC,kBAAkB,EAAlBA;AACF,CAAC"}
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((_, index) => {
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(WrapperComponent, {
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
- VariantComponent: null
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","groupSections","sectionsData","VariantComponent","router","selectedTab","setSelectedTab","asPath","contentClassame","mainDivClass","contentGroupClass","sectionClass","activeTab","WrapperComponent","createElement","className","role","map","_","index","sectionName","sectioLabel","tabId","panelId","isSelected","buttonClassName","id","key","type","onClick","baseUrl","split","newUrl","push","shallow","groupSection","propTypes","string","isRequired","array","func","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, 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 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 <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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"}
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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"}
@@ -1 +1 @@
1
- {"version":3,"file":"getVariant.js","names":["variantHandler","getVariant","settings","variant","VariantComponent","getSettings","get","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\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,SAASA,cAAc,QAAQ,aAAa;AAE5C,eAAe,SAASC,UAAUA,CAACC,QAAQ,EAAE;EAC3C,MAAM;IAAEC;EAAQ,CAAC,GAAGD,QAAQ;EAC5B,IAAI,CAACC,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;EAE/B,MAAM;IAAEC,gBAAgB;IAAEC;EAAY,CAAC,GAAGL,cAAc,CAACM,GAAG,CAACH,OAAO,CAAC,IAAI,CAAC,CAAC;EAC3E,MAAMI,eAAe,GACnB,CAAC,CAACF,WAAW,IAAI,OAAOA,WAAW,KAAK,UAAU,GAAGA,WAAW,CAACH,QAAQ,CAAC,GAAGA,QAAQ;EAEvF,OAAO,CAACE,gBAAgB,EAAEG,eAAe,CAAC;AAC5C"}
1
+ {"version":3,"file":"getVariant.js","names":["variantHandler","getVariant","settings","variant","VariantComponent","getSettings","get","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,SAASA,cAAc,QAAQ,aAAa;AAE5C,eAAe,SAASC,UAAUA,CAACC,QAAQ,EAAE;EAC3C,MAAM;IAAEC;EAAQ,CAAC,GAAGD,QAAQ;EAC5B,IAAI,CAACC,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;EAC/B,MAAM;IAAEC,gBAAgB;IAAEC;EAAY,CAAC,GAAGL,cAAc,CAACM,GAAG,CAACH,OAAO,CAAC,IAAI,CAAC,CAAC;EAC3E,MAAMI,eAAe,GACnB,CAAC,CAACF,WAAW,IAAI,OAAOA,WAAW,KAAK,UAAU,GAAGA,WAAW,CAACH,QAAQ,CAAC,GAAGA,QAAQ;EAEvF,OAAO,CAACE,gBAAgB,EAAEG,eAAe,CAAC;AAC5C"}
@@ -1,13 +1,2 @@
1
- import heroImage from './HeroImage';
2
- import infographic from './Infographic';
3
- import longformGallery from './LongformGallery';
4
- import longformRow from './LongformRow';
5
- import parallaxImageRight from './ParallaxImageRight';
6
- export default {
7
- heroImage,
8
- infographic,
9
- longformGallery,
10
- longformRow,
11
- parallaxImageRight
12
- };
1
+ export default {};
13
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["heroImage","infographic","longformGallery","longformRow","parallaxImageRight"],"sources":["../../src/variants/index.js"],"sourcesContent":["import heroImage from './HeroImage';\nimport infographic from './Infographic';\nimport longformGallery from './LongformGallery';\nimport longformRow from './LongformRow';\nimport parallaxImageRight from './ParallaxImageRight';\n\nexport default {\n heroImage,\n infographic,\n longformGallery,\n longformRow,\n parallaxImageRight\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,aAAa;AACnC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,kBAAkB,MAAM,sBAAsB;AAErD,eAAe;EACbJ,SAAS;EACTC,WAAW;EACXC,eAAe;EACfC,WAAW;EACXC;AACF,CAAC"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../src/variants/index.js"],"sourcesContent":["export default {};\n"],"mappings":"AAAA,eAAe,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blaze-cms/react-page-builder",
3
- "version": "0.140.0-core-variants.0",
3
+ "version": "0.140.0",
4
4
  "description": "Blaze react page builder",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib-es/index.js",
@@ -27,12 +27,12 @@
27
27
  },
28
28
  "license": "GPL-3.0",
29
29
  "dependencies": {
30
- "@blaze-cms/core-auth-ui": "0.140.0-core-variants.0",
30
+ "@blaze-cms/core-auth-ui": "^0.139.3",
31
31
  "@blaze-cms/core-errors": "^0.139.0",
32
32
  "@blaze-cms/core-errors-ui": "^0.139.0",
33
33
  "@blaze-cms/image-cdn-react": "0.3.0-alpha.6",
34
34
  "@blaze-cms/nextjs-components": "^0.139.0",
35
- "@blaze-cms/plugin-search-ui": "0.140.0-core-variants.0",
35
+ "@blaze-cms/plugin-search-ui": "^0.140.0",
36
36
  "@blaze-cms/setup-ui": "^0.139.0",
37
37
  "@blaze-cms/utils": "^0.139.0",
38
38
  "@blaze-cms/utils-handlebars": "^0.139.0",
@@ -89,5 +89,5 @@
89
89
  "lib/*",
90
90
  "lib-es/*"
91
91
  ],
92
- "gitHead": "bb6dcd8358fc41a71c55313ad3f957e992fc1d81"
92
+ "gitHead": "0c2941bb7235820491a50c3d9dd3f312d05d8473"
93
93
  }
@@ -4,7 +4,7 @@ import { useRouter } from 'next/router';
4
4
  import { getActiveTab } from './helpers';
5
5
  import { TAB, TABS, SIDEPANEL, CONTENT_GROUP, PANEL } from './constants';
6
6
 
7
- const ContentGroupTabs = ({ name, contentType, groupSections, sectionsData, VariantComponent }) => {
7
+ const ContentGroupTabs = ({ name, contentType, modifier, groupSections, sectionsData }) => {
8
8
  const router = useRouter();
9
9
  const [selectedTab, setSelectedTab] = useState(getActiveTab(sectionsData, ''));
10
10
  const { asPath } = router;
@@ -21,12 +21,10 @@ const ContentGroupTabs = ({ name, contentType, groupSections, sectionsData, Vari
21
21
  [asPath, sectionsData, selectedTab]
22
22
  );
23
23
 
24
- const WrapperComponent = VariantComponent || 'div';
25
-
26
24
  return (
27
25
  <div className={mainDivClass}>
28
26
  <ul className={contentGroupClass} role="tablist" aria-label={name}>
29
- {groupSections.map((_, index) => {
27
+ {groupSections.map((groupSection, index) => {
30
28
  const [sectionName, sectioLabel] = sectionsData[index];
31
29
  const tabId = `${TAB}-${sectionName}`;
32
30
  const panelId = `${PANEL}-${sectionName}`;
@@ -63,15 +61,14 @@ const ContentGroupTabs = ({ name, contentType, groupSections, sectionsData, Vari
63
61
  if (selectedTab !== tabId) return null;
64
62
 
65
63
  return (
66
- <WrapperComponent
67
- key={panelId}
64
+ <div
68
65
  id={sectionName}
66
+ key={panelId}
69
67
  className={sectionClass}
70
68
  role="tabpanel"
71
- tabId={tabId}
72
69
  aria-labelledby={tabId}>
73
70
  {groupSection}
74
- </WrapperComponent>
71
+ </div>
75
72
  );
76
73
  })}
77
74
  </div>
@@ -81,13 +78,13 @@ const ContentGroupTabs = ({ name, contentType, groupSections, sectionsData, Vari
81
78
  ContentGroupTabs.propTypes = {
82
79
  name: PropTypes.string.isRequired,
83
80
  contentType: PropTypes.string.isRequired,
81
+ modifier: PropTypes.string,
84
82
  groupSections: PropTypes.array.isRequired,
85
- sectionsData: PropTypes.array.isRequired,
86
- VariantComponent: PropTypes.func
83
+ sectionsData: PropTypes.array.isRequired
87
84
  };
88
85
 
89
86
  ContentGroupTabs.defaultProps = {
90
- VariantComponent: null
87
+ modifier: ''
91
88
  };
92
89
 
93
90
  export default ContentGroupTabs;
@@ -3,7 +3,6 @@ import { variantHandler } from '../../utils';
3
3
  export default function getVariant(settings) {
4
4
  const { variant } = settings;
5
5
  if (!variant) return [null, {}];
6
-
7
6
  const { VariantComponent, getSettings } = variantHandler.get(variant) || {};
8
7
  const variantSettings =
9
8
  !!getSettings && typeof getSettings === 'function' ? getSettings(settings) : settings;
@@ -1,13 +1 @@
1
- import heroImage from './HeroImage';
2
- import infographic from './Infographic';
3
- import longformGallery from './LongformGallery';
4
- import longformRow from './LongformRow';
5
- import parallaxImageRight from './ParallaxImageRight';
6
-
7
- export default {
8
- heroImage,
9
- infographic,
10
- longformGallery,
11
- longformRow,
12
- parallaxImageRight
13
- };
1
+ export default {};
@@ -36,7 +36,6 @@ exports[`ContentGroupTabs component should match snapshot and render sidepanel c
36
36
  class="content-group-sidepanel__content-section"
37
37
  id="section-one"
38
38
  role="tabpanel"
39
- tabid="tab-section-one"
40
39
  >
41
40
  <div>
42
41
  section one
@@ -82,7 +81,6 @@ exports[`ContentGroupTabs component should match snapshot and render tabs conten
82
81
  class="content-group-tabs__content-section"
83
82
  id="section-one"
84
83
  role="tabpanel"
85
- tabid="tab-section-one"
86
84
  >
87
85
  <div>
88
86
  section one
@@ -1,29 +0,0 @@
1
- "use strict";
2
-
3
- require("core-js/modules/es.object.keys.js");
4
- require("core-js/modules/es.symbol.js");
5
- require("core-js/modules/es.array.filter.js");
6
- require("core-js/modules/es.object.to-string.js");
7
- require("core-js/modules/es.object.get-own-property-descriptor.js");
8
- require("core-js/modules/es.array.for-each.js");
9
- require("core-js/modules/web.dom-collections.for-each.js");
10
- require("core-js/modules/es.object.get-own-property-descriptors.js");
11
- require("core-js/modules/es.object.define-properties.js");
12
- require("core-js/modules/es.object.define-property.js");
13
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
14
- Object.defineProperty(exports, "__esModule", {
15
- value: true
16
- });
17
- exports["default"] = void 0;
18
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
19
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
20
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
21
- var HeroImage = {
22
- getSettings: function getSettings(componentSettings) {
23
- return _objectSpread(_objectSpread({}, componentSettings), {}, {
24
- modifier: 'hero-image'
25
- });
26
- }
27
- };
28
- var _default = exports["default"] = HeroImage;
29
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","names":["HeroImage","getSettings","componentSettings","_objectSpread","modifier","_default","exports"],"sources":["../../../src/variants/HeroImage/index.js"],"sourcesContent":["const HeroImage = {\n getSettings: componentSettings => ({\n ...componentSettings,\n modifier: 'hero-image'\n })\n};\n\nexport default HeroImage;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,SAAS,GAAG;EAChBC,WAAW,EAAE,SAAAA,YAAAC,iBAAiB;IAAA,OAAAC,aAAA,CAAAA,aAAA,KACzBD,iBAAiB;MACpBE,QAAQ,EAAE;IAAY;EAAA;AAE1B,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEaN,SAAS"}
@@ -1,27 +0,0 @@
1
- "use strict";
2
-
3
- require("core-js/modules/es.object.define-property.js");
4
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
- var _react = _interopRequireDefault(require("react"));
10
- var _useInfographic2 = _interopRequireDefault(require("./useInfographic"));
11
- var Infographic = function Infographic(props) {
12
- var _useInfographic = (0, _useInfographic2["default"])(props),
13
- contentRef = _useInfographic.contentRef,
14
- id = _useInfographic.id,
15
- className = _useInfographic.className,
16
- tabId = _useInfographic.tabId,
17
- children = _useInfographic.children;
18
- return /*#__PURE__*/_react["default"].createElement("div", {
19
- ref: contentRef,
20
- id: id,
21
- className: className,
22
- role: "tabpanel",
23
- "aria-labelledby": tabId
24
- }, children);
25
- };
26
- var _default = exports["default"] = Infographic;
27
- //# sourceMappingURL=Infographic.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Infographic.js","names":["_react","_interopRequireDefault","require","_useInfographic2","Infographic","props","_useInfographic","useInfographic","contentRef","id","className","tabId","children","createElement","ref","role","_default","exports"],"sources":["../../../src/variants/Infographic/Infographic.js"],"sourcesContent":["import React from 'react';\nimport useInfographic from './useInfographic';\n\nconst Infographic = props => {\n const { contentRef, id, className, tabId, children } = useInfographic(props);\n\n return (\n <div ref={contentRef} id={id} className={className} role=\"tabpanel\" aria-labelledby={tabId}>\n {children}\n </div>\n );\n};\n\nexport default Infographic;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAME,WAAW,GAAG,SAAdA,WAAWA,CAAGC,KAAK,EAAI;EAC3B,IAAAC,eAAA,GAAuD,IAAAC,2BAAc,EAACF,KAAK,CAAC;IAApEG,UAAU,GAAAF,eAAA,CAAVE,UAAU;IAAEC,EAAE,GAAAH,eAAA,CAAFG,EAAE;IAAEC,SAAS,GAAAJ,eAAA,CAATI,SAAS;IAAEC,KAAK,GAAAL,eAAA,CAALK,KAAK;IAAEC,QAAQ,GAAAN,eAAA,CAARM,QAAQ;EAElD,oBACEZ,MAAA,YAAAa,aAAA;IAAKC,GAAG,EAAEN,UAAW;IAACC,EAAE,EAAEA,EAAG;IAACC,SAAS,EAAEA,SAAU;IAACK,IAAI,EAAC,UAAU;IAAC,mBAAiBJ;EAAM,GACxFC,QACE,CAAC;AAEV,CAAC;AAAC,IAAAI,QAAA,GAAAC,OAAA,cAEab,WAAW"}
@@ -1,30 +0,0 @@
1
- "use strict";
2
-
3
- require("core-js/modules/es.object.keys.js");
4
- require("core-js/modules/es.symbol.js");
5
- require("core-js/modules/es.array.filter.js");
6
- require("core-js/modules/es.object.to-string.js");
7
- require("core-js/modules/es.object.get-own-property-descriptor.js");
8
- require("core-js/modules/es.array.for-each.js");
9
- require("core-js/modules/web.dom-collections.for-each.js");
10
- require("core-js/modules/es.object.get-own-property-descriptors.js");
11
- require("core-js/modules/es.object.define-properties.js");
12
- require("core-js/modules/es.object.define-property.js");
13
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
14
- Object.defineProperty(exports, "__esModule", {
15
- value: true
16
- });
17
- exports["default"] = void 0;
18
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
19
- var _Infographic = _interopRequireDefault(require("./Infographic"));
20
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
21
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
22
- var Infographic = {
23
- getSettings: function getSettings(componentSettings) {
24
- return _objectSpread(_objectSpread({}, componentSettings), {}, {
25
- VariantComponent: _Infographic["default"]
26
- });
27
- }
28
- };
29
- var _default = exports["default"] = Infographic;
30
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","names":["_Infographic","_interopRequireDefault","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","Infographic","getSettings","componentSettings","VariantComponent","InfographicComponent","_default","exports"],"sources":["../../../src/variants/Infographic/index.js"],"sourcesContent":["import InfographicComponent from './Infographic';\n\nconst Infographic = {\n getSettings: componentSettings => ({\n ...componentSettings,\n VariantComponent: InfographicComponent\n })\n};\n\nexport default Infographic;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAiD,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,aAAAhB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAAlB,CAAA,EAAAG,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAnB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAEjD,IAAMoB,WAAW,GAAG;EAClBC,WAAW,EAAE,SAAAA,YAAAC,iBAAiB;IAAA,OAAAV,aAAA,CAAAA,aAAA,KACzBU,iBAAiB;MACpBC,gBAAgB,EAAEC;IAAoB;EAAA;AAE1C,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEaN,WAAW"}
@@ -1,43 +0,0 @@
1
- "use strict";
2
-
3
- require("core-js/modules/es.object.keys.js");
4
- require("core-js/modules/es.symbol.js");
5
- require("core-js/modules/es.array.filter.js");
6
- require("core-js/modules/es.object.to-string.js");
7
- require("core-js/modules/es.object.get-own-property-descriptor.js");
8
- require("core-js/modules/es.array.for-each.js");
9
- require("core-js/modules/web.dom-collections.for-each.js");
10
- require("core-js/modules/es.object.get-own-property-descriptors.js");
11
- require("core-js/modules/es.object.define-properties.js");
12
- require("core-js/modules/es.object.define-property.js");
13
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
14
- Object.defineProperty(exports, "__esModule", {
15
- value: true
16
- });
17
- exports["default"] = void 0;
18
- require("core-js/modules/es.array.concat.js");
19
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
20
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
21
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
22
- var _customHooks = require("@blaze-react/utils/lib/customHooks");
23
- var _excluded = ["className"];
24
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
25
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
26
- var useInfographic = function useInfographic(_ref) {
27
- var _className = _ref.className,
28
- props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
29
- var _useInView = (0, _customHooks.useInView)({
30
- once: true,
31
- offset: '200px'
32
- }),
33
- _useInView2 = (0, _slicedToArray2["default"])(_useInView, 2),
34
- isIntersecting = _useInView2[0],
35
- contentRef = _useInView2[1];
36
- var className = "".concat(_className, " infographic").concat(isIntersecting ? ' infographic__active' : '');
37
- return _objectSpread(_objectSpread({}, props), {}, {
38
- className: className,
39
- contentRef: contentRef
40
- });
41
- };
42
- var _default = exports["default"] = useInfographic;
43
- //# sourceMappingURL=useInfographic.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useInfographic.js","names":["_customHooks","require","_excluded","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","useInfographic","_ref","_className","className","props","_objectWithoutProperties2","_useInView","useInView","once","offset","_useInView2","_slicedToArray2","isIntersecting","contentRef","concat","_default","exports"],"sources":["../../../src/variants/Infographic/useInfographic.js"],"sourcesContent":["import { useInView } from '@blaze-react/utils/lib/customHooks';\n\nconst useInfographic = ({ className: _className, ...props }) => {\n const [isIntersecting, contentRef] = useInView({\n once: true,\n offset: '200px'\n });\n\n const className = `${_className} infographic${isIntersecting ? ' infographic__active' : ''}`;\n\n return {\n ...props,\n className,\n contentRef\n };\n};\n\nexport default useInfographic;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAA+D,IAAAC,SAAA;AAAA,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,aAAAhB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAAlB,CAAA,EAAAG,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAnB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAE/D,IAAMoB,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAA4C;EAAA,IAA3BC,UAAU,GAAAD,IAAA,CAArBE,SAAS;IAAiBC,KAAK,OAAAC,yBAAA,aAAAJ,IAAA,EAAAvB,SAAA;EACvD,IAAA4B,UAAA,GAAqC,IAAAC,sBAAS,EAAC;MAC7CC,IAAI,EAAE,IAAI;MACVC,MAAM,EAAE;IACV,CAAC,CAAC;IAAAC,WAAA,OAAAC,eAAA,aAAAL,UAAA;IAHKM,cAAc,GAAAF,WAAA;IAAEG,UAAU,GAAAH,WAAA;EAKjC,IAAMP,SAAS,MAAAW,MAAA,CAAMZ,UAAU,kBAAAY,MAAA,CAAeF,cAAc,GAAG,sBAAsB,GAAG,EAAE,CAAE;EAE5F,OAAApB,aAAA,CAAAA,aAAA,KACKY,KAAK;IACRD,SAAS,EAATA,SAAS;IACTU,UAAU,EAAVA;EAAU;AAEd,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,cAEahB,cAAc"}