@cloudflare/component-page 5.2.12 → 5.3.0

package/CHANGELOG.md

@@ -3,6 +3,41 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [5.3.0](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-page@5.2.15...@cloudflare/component-page@5.3.0) (2022-02-11)
+
+
+### Features
+
+* **component-page:** A11Y-43 Add role prop to heading ([7cb3c67](http://stash.cfops.it:7999/fe/stratus/commits/7cb3c67))
+
+
+
+
+
+## [5.2.15](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-page@5.2.14...@cloudflare/component-page@5.2.15) (2022-02-10)
+
+**Note:** Version bump only for package @cloudflare/component-page
+
+
+
+
+
+## [5.2.14](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-page@5.2.13...@cloudflare/component-page@5.2.14) (2022-02-08)
+
+**Note:** Version bump only for package @cloudflare/component-page
+
+
+
+
+
+## [5.2.13](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-page@5.2.12...@cloudflare/component-page@5.2.13) (2022-02-05)
+
+**Note:** Version bump only for package @cloudflare/component-page
+
+
+
+
+
 ## [5.2.12](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-page@5.2.11...@cloudflare/component-page@5.2.12) (2022-02-04)
 
 **Note:** Version bump only for package @cloudflare/component-page

package/dist/Heading.d.ts

@@ -8,7 +8,8 @@ declare type SectionProps = {
 declare type HeadingProps = React.ComponentProps<typeof H1> & {
     level?: number;
     offset?: number;
+    role?: string;
 };
 export declare function Section(props: SectionProps): JSX.Element;
-export declare function Heading({ level, offset, ...props }: HeadingProps): JSX.Element;
+export declare function Heading({ level, offset, role, ...props }: HeadingProps): JSX.Element;
 export {};

package/es/Heading.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -68,7 +70,8 @@ export function Heading(_ref) {
   let level = _ref.level,
       _ref$offset = _ref.offset,
       offset = _ref$offset === void 0 ? 0 : _ref$offset,
-      props = _objectWithoutProperties(_ref, ["level", "offset"]);
+      role = _ref.role,
+      props = _objectWithoutProperties(_ref, ["level", "offset", "role"]);
 
   return /*#__PURE__*/React.createElement(HeadingInfo.Consumer, null, info => {
     const headingOffset = Math.min(maxOffset, info.offset + offset);
@@ -76,6 +79,8 @@ export function Heading(_ref) {
     const headingLevel = Math.min(level !== undefined ? level - 1 : info.level, maxHeadingLevel);
     const Heading = headings[Math.max(0, headingLevel)]; // @ts-ignore
 
-    return /*#__PURE__*/React.createElement(Heading, props);
+    return /*#__PURE__*/React.createElement(Heading, _extends({
+      role: role
+    }, props));
   });
 }

package/lib/Heading.js

@@ -14,6 +14,8 @@ var _styleContainer = require("@cloudflare/style-container");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -88,7 +90,8 @@ function Heading(_ref5) {
   var level = _ref5.level,
       _ref5$offset = _ref5.offset,
       offset = _ref5$offset === void 0 ? 0 : _ref5$offset,
-      props = _objectWithoutProperties(_ref5, ["level", "offset"]);
+      role = _ref5.role,
+      props = _objectWithoutProperties(_ref5, ["level", "offset", "role"]);
 
   return /*#__PURE__*/_react.default.createElement(HeadingInfo.Consumer, null, function (info) {
     var headingOffset = Math.min(maxOffset, info.offset + offset);
@@ -96,6 +99,8 @@ function Heading(_ref5) {
     var headingLevel = Math.min(level !== undefined ? level - 1 : info.level, maxHeadingLevel);
     var Heading = headings[Math.max(0, headingLevel)]; // @ts-ignore
 
-    return /*#__PURE__*/_react.default.createElement(Heading, props);
+    return /*#__PURE__*/_react.default.createElement(Heading, _extends({
+      role: role
+    }, props));
   });
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudflare/component-page",
   "description": "Cloudflare Page Component",
-  "version": "5.2.12",
+  "version": "5.3.0",
   "main": "lib/index.js",
   "module": "es/index.js",
   "author": "James Kyle <jkyle@cloudflare.com>",
@@ -11,10 +11,10 @@
     "access": "public"
   },
   "dependencies": {
-    "@cloudflare/component-label": "^3.3.40",
-    "@cloudflare/elements": "^1.11.42",
-    "@cloudflare/intl-react": "^1.9.27",
-    "@cloudflare/style-container": "^7.6.3",
+    "@cloudflare/component-label": "^3.3.42",
+    "@cloudflare/elements": "^1.11.44",
+    "@cloudflare/intl-react": "^1.9.29",
+    "@cloudflare/style-container": "^7.6.5",
     "react-router-dom": "^5.1.0"
   },
   "peerDependencies": {
@@ -31,5 +31,5 @@
     "test-coverage": "stratus test --coverage",
     "test-watch": "stratus test --watch"
   },
-  "gitHead": "20f5894077c7bf813827d575d7026c3fbd0d80f3"
+  "gitHead": "777cd22be2cdf1e40320b91a6276b713d923bf59"
 }

package/src/Heading.tsx

@@ -11,6 +11,7 @@ type SectionProps = {
 type HeadingProps = React.ComponentProps<typeof H1> & {
   level?: number;
   offset?: number;
+  role?: string;
 };
 
 const HeadingInfo = React.createContext({
@@ -82,7 +83,7 @@ export function Section(props: SectionProps) {
   );
 }
 
-export function Heading({ level, offset = 0, ...props }: HeadingProps) {
+export function Heading({ level, offset = 0, role, ...props }: HeadingProps) {
   return (
     <HeadingInfo.Consumer>
       {info => {
@@ -100,7 +101,7 @@ export function Heading({ level, offset = 0, ...props }: HeadingProps) {
         );
         const Heading = headings[Math.max(0, headingLevel)];
         // @ts-ignore
-        return <Heading {...props} />;
+        return <Heading role={role} {...props} />;
       }}
     </HeadingInfo.Consumer>
   );