react-accessible-accordion
Advanced tools
Comparing version 0.2.0 to 0.3.0
@@ -69,17 +69,18 @@ 'use strict'; | ||
if (item.type.accordionElementName === 'AccordionItemTitle' || item.type.accordionElementName === 'AccordionItemBody') { | ||
if (item.type.accordionElementName === 'AccordionItemTitle') { | ||
itemProps.expanded = expanded; | ||
if (item.type.accordionElementName === 'AccordionItemTitle') { | ||
itemProps.key = 'title'; | ||
itemProps.id = 'accordion__title-' + itemUuid; | ||
itemProps.ariaControls = 'accordion__body-' + itemUuid; | ||
itemProps.onClick = onClick; | ||
itemProps.role = accordion ? 'tab' : 'button'; | ||
} else { | ||
// AccordionItemBody | ||
itemProps.key = 'body'; | ||
itemProps.id = 'accordion__body-' + itemUuid; | ||
itemProps.role = accordion ? 'tabpanel' : ''; | ||
} | ||
itemProps.key = 'title'; | ||
itemProps.id = 'accordion__title-' + itemUuid; | ||
itemProps.ariaControls = 'accordion__body-' + itemUuid; | ||
itemProps.onClick = onClick; | ||
itemProps.role = accordion ? 'tab' : 'button'; | ||
return _react2.default.cloneElement(item, itemProps); | ||
} else if (item.type.accordionElementName === 'AccordionItemBody') { | ||
itemProps.expanded = expanded; | ||
itemProps.key = 'body'; | ||
itemProps.id = 'accordion__body-' + itemUuid; | ||
itemProps.role = accordion ? 'tabpanel' : ''; | ||
return _react2.default.cloneElement(item, itemProps); | ||
} | ||
@@ -86,0 +87,0 @@ |
{ | ||
"name": "react-accessible-accordion", | ||
"version": "0.2.0", | ||
"version": "0.3.0", | ||
"description": "Accessible Accordion component for React", | ||
@@ -89,5 +89,5 @@ "main": "dist/index.js", | ||
"peerDependencies": { | ||
"react": "^15.4.2", | ||
"react-dom": "^15.4.2" | ||
"react": "^15.4.0", | ||
"react-dom": "^15.4.0" | ||
} | ||
} |
49632
906