react-accessible-accordion - npm Package Compare versions

Comparing version 3.3.5 to 4.0.0

dist/es/index.js

@@ -867,4 +867,5 @@ import { createElement, PureComponent, createContext, useState, Fragment } from 'react';
       className = _ref$className === void 0 ? 'accordion__panel' : _ref$className,
+      region = _ref.region,
       id = _ref.id,
-      rest = _objectWithoutProperties(_ref, ["className", "id"]);
+      rest = _objectWithoutProperties(_ref, ["className", "region", "id"]);
 
@@ -878,6 +879,12 @@ var renderChildren = function renderChildren(_ref2) {
 
+    var attrs = _objectSpread2(_objectSpread2({}, panelAttributes), {}, {
+      'aria-labelledby': region ? panelAttributes['aria-labelledby'] : undefined
+    });
+
     return /*#__PURE__*/createElement("div", _extends({
       "data-accordion-component": "AccordionItemPanel",
       className: className
-    }, rest, panelAttributes));
+    }, rest, attrs, {
+      role: region ? 'region' : undefined
+    }));
   };
@@ -884,0 +891,0 @@

dist/types/components/AccordionItemPanel.d.ts

 /// <reference types="react" />
 import { DivAttributes } from '../helpers/types';
 declare type Props = DivAttributes & {
+    region?: boolean;
     className?: string;
 };
-declare const AccordionItemPanel: ({ className, id, ...rest }: Props) => JSX.Element;
+declare const AccordionItemPanel: ({ className, region, id, ...rest }: Props) => JSX.Element;
 export default AccordionItemPanel;

dist/umd/index.js

@@ -871,4 +871,5 @@ (function (global, factory) {
         className = _ref$className === void 0 ? 'accordion__panel' : _ref$className,
+        region = _ref.region,
         id = _ref.id,
-        rest = _objectWithoutProperties(_ref, ["className", "id"]);
+        rest = _objectWithoutProperties(_ref, ["className", "region", "id"]);
 
@@ -882,6 +883,12 @@ var renderChildren = function renderChildren(_ref2) {
 
+      var attrs = _objectSpread2(_objectSpread2({}, panelAttributes), {}, {
+        'aria-labelledby': region ? panelAttributes['aria-labelledby'] : undefined
+      });
+
       return /*#__PURE__*/React.createElement("div", _extends({
         "data-accordion-component": "AccordionItemPanel",
         className: className
-      }, rest, panelAttributes));
+      }, rest, attrs, {
+        role: region ? 'region' : undefined
+      }));
     };
@@ -888,0 +895,0 @@

package.json

 {
     "name": "react-accessible-accordion",
-    "version": "3.3.5",
+    "version": "4.0.0",
     "description": "Accessible Accordion component for React",
@@ -5,0 +5,0 @@ "main": "dist/umd/index.js",

README.md

@@ -158,2 +158,6 @@ [react-accessible-accordion](https://springload.github.io/react-accessible-accordion/)
 
+#### region: `boolean`
+
+Make the element have a region role.
+
 ---
@@ -160,0 +164,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Lines of code

1753

increased by0.75%

Number of lines in readme file

248

increased by1.64%

Worsened metrics

Total package byte prevSize

82508

decreased by-16.23%

Number of package files

21

decreased by-4.55%

No dependency changes