react-autowhatever
Advanced tools
react-autowhatever - npm Package Compare versions
Comparing version 3.2.2 to 3.2.3
@@ -75,2 +75,3 @@ 'use strict'; | ||
| var _props = this.props; | ||
| var id = _props.id; | ||
| var renderItem = _props.renderItem; | ||
@@ -102,6 +103,8 @@ var focusedSectionIndex = _props.focusedSectionIndex; | ||
| } : noop; | ||
| var sectionPrefix = sectionIndex === null ? '' : 'section-' + sectionIndex + '-'; | ||
| var itemKey = 'react-autowhatever-' + id + '-' + sectionPrefix + 'item-' + itemIndex; | ||
| var itemProps = _extends({ | ||
| id: _this2.getItemId(sectionIndex, itemIndex), | ||
| role: 'option' | ||
| }, theme(itemIndex, 'item', sectionIndex === focusedSectionIndex && itemIndex === focusedItemIndex && 'itemFocused'), itemPropsObj, { | ||
| }, theme(itemKey, 'item', sectionIndex === focusedSectionIndex && itemIndex === focusedItemIndex && 'itemFocused'), itemPropsObj, { | ||
| onMouseEnter: onMouseEnterFn, | ||
@@ -141,2 +144,3 @@ onMouseLeave: onMouseLeaveFn, | ||
| var _props3 = this.props; | ||
| var id = _props3.id; | ||
| var shouldRenderSection = _props3.shouldRenderSection; | ||
@@ -150,3 +154,3 @@ var renderSectionTitle = _props3.renderSectionTitle; | ||
| role: 'listbox' | ||
| }, theme('itemsContainer', 'itemsContainer')), | ||
| }, theme('react-autowhatever-' + id + '-items-container', 'itemsContainer')), | ||
| items.map(function (section, sectionIndex) { | ||
@@ -161,7 +165,6 @@ if (!shouldRenderSection(section)) { | ||
| 'div', | ||
| _extends({ key: sectionIndex | ||
| }, theme(sectionIndex, 'sectionContainer')), | ||
| theme('react-autowhatever-' + id + '-section-' + sectionIndex + '-container', 'sectionContainer'), | ||
| sectionTitle && _react2.default.createElement( | ||
| 'div', | ||
| theme('sectionTitle', 'sectionTitle'), | ||
| theme('react-autowhatever-' + id + '-section-' + sectionIndex + '-title', 'sectionTitle'), | ||
| sectionTitle | ||
@@ -171,3 +174,3 @@ ), | ||
| 'ul', | ||
| theme('sectionItemsContainer', 'sectionItemsContainer'), | ||
| theme('react-autowhatever-' + id + '-section-' + sectionIndex + '-items-container', 'sectionItemsContainer'), | ||
| _this3.renderItemsList(theme, sectionItemsArray[sectionIndex], sectionIndex) | ||
@@ -189,2 +192,4 @@ ) | ||
| var id = this.props; | ||
| return _react2.default.createElement( | ||
@@ -194,3 +199,3 @@ 'ul', | ||
| role: 'listbox' | ||
| }, theme('itemsContainer', 'itemsContainer')), | ||
| }, theme('react-autowhatever-' + id + '-items-container', 'itemsContainer')), | ||
| this.renderItemsList(theme, items, null) | ||
@@ -246,2 +251,3 @@ ); | ||
| var _props6 = this.props; | ||
| var id = _props6.id; | ||
| var multiSection = _props6.multiSection; | ||
@@ -265,3 +271,3 @@ var focusedSectionIndex = _props6.focusedSectionIndex; | ||
| 'aria-activedescendant': ariaActivedescendant | ||
| }, theme('input', 'input'), this.props.inputProps, { | ||
| }, theme('react-autowhatever-' + id + '-input', 'input'), this.props.inputProps, { | ||
| onKeyDown: this.props.inputProps.onKeyDown && this.onKeyDown | ||
@@ -272,3 +278,3 @@ }); | ||
| 'div', | ||
| theme('container', 'container', isOpen && 'containerOpen'), | ||
| theme('react-autowhatever-' + id + '-container', 'container', isOpen && 'containerOpen'), | ||
| _react2.default.createElement('input', inputProps), | ||
@@ -275,0 +281,0 @@ renderedItems |
| { | ||
| "name": "react-autowhatever", | ||
| "version": "3.2.2", | ||
| "version": "3.2.3", | ||
| "description": "Accessible rendering layer for Autosuggest and Autocomplete components", | ||
@@ -5,0 +5,0 @@ "main": "dist/Autowhatever.js", |
New alerts
License Policy Violation
LicenseThis 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
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by3.07%
17776
- Lines of code
- increased by1.88%
271