@deque/cauldron-react 5.11.0-canary.06dfa4e8 → 5.11.0-canary.e08b5178

package/lib/components/Dialog/index.d.ts

@@ -38,6 +38,7 @@ export default class Dialog extends React.Component<DialogProps, DialogState> {
     };
     private element;
     private heading;
+    private headingId;
     constructor(props: DialogProps);
     componentDidMount(): void;
     componentWillUnmount(): void;

package/lib/index.js

@@ -1561,6 +1561,7 @@ var Dialog = /** @class */ (function (_super) {
     tslib.__extends(Dialog, _super);
     function Dialog(props) {
         var _this = _super.call(this, props) || this;
+        _this.headingId = nextId__default["default"]('dialog-title-');
         _this.close = _this.close.bind(_this);
         _this.focusHeading = _this.focusHeading.bind(_this);
         _this.handleClickOutside = _this.handleClickOutside.bind(_this);
@@ -1617,10 +1618,10 @@ var Dialog = /** @class */ (function (_super) {
                             return;
                         }
                         setRef(dialogRef, el);
-                    } }, other),
+                    }, "aria-labelledby": this.headingId }, other),
                     React__default["default"].createElement("div", { className: "Dialog__inner" },
                         React__default["default"].createElement("div", { className: "Dialog__header" },
-                            React__default["default"].createElement(Heading, { className: "Dialog__heading", ref: function (el) { return (_this.heading = el); }, tabIndex: -1 }, typeof heading === 'object' && 'text' in heading
+                            React__default["default"].createElement(Heading, { className: "Dialog__heading", ref: function (el) { return (_this.heading = el); }, tabIndex: -1, id: this.headingId }, typeof heading === 'object' && 'text' in heading
                                 ? heading.text
                                 : heading),
                             close),
@@ -4632,7 +4633,9 @@ var Popover = React.forwardRef(function (_a, ref) {
     var placement = (attributes.popper &&
         attributes.popper['data-popper-placement']) ||
         initialPlacement;
-    var additionalProps = variant === 'prompt' ? { 'aria-labelledby': "".concat(id, "-label") } : {};
+    var additionalProps = variant === 'prompt' && !props['aria-label']
+        ? { 'aria-labelledby': "".concat(id, "-label") }
+        : {};
     // Keep targetElement in sync with target prop
     React.useEffect(function () {
         var targetElement = target && 'current' in target ? target.current : target;
@@ -4724,7 +4727,7 @@ var Popover = React.forwardRef(function (_a, ref) {
             React__default["default"].createElement("div", tslib.__assign({ id: id, className: classNames__default["default"]('Popover', "Popover--".concat(placement), className, {
                     'Popover--hidden': !show,
                     'Popover--prompt': variant === 'prompt'
-                }), ref: popoverRef, role: "dialog", style: styles.popper }, attributes.popper, props, additionalProps),
+                }), ref: popoverRef, role: "dialog", style: styles.popper }, attributes.popper, additionalProps, props),
                 React__default["default"].createElement("div", { className: "Popover__popoverArrow", ref: setArrowElement, style: styles.arrow }),
                 React__default["default"].createElement("div", { className: "Popover__borderLeft" }),
                 variant === 'prompt' ? (React__default["default"].createElement(PromptPopoverContent, { applyButtonText: applyButtonText, onApply: onApply, closeButtonText: closeButtonText, infoText: infoText || '', onClose: handleClosePopover, infoTextId: "".concat(id, "-label") })) : (children)))), (portal && 'current' in portal ? portal.current : portal) || document.body);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "5.11.0-canary.06dfa4e8",
+  "version": "5.11.0-canary.e08b5178",
   "license": "MPL-2.0",
   "description": "Fully accessible react components library for Deque Cauldron",
   "homepage": "https://cauldron.dequelabs.com/",
@@ -57,7 +57,7 @@
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.2",
     "jest": "^24.7.1",
-    "jest-axe": "^3.4.0",
+    "jest-axe": "^8.0.0",
     "nyc": "^15.0.1",
     "postcss-cli": "^7.1.1",
     "postcss-import": "^12.0.1",