React Autowhatever Versions Save

Add containerProps

• Better accessibility (See #40)

• Remove aria-haspopup

• Now we pass isHighlighted to renderItem

• shouldRenderSection prop was removed
• Use prop-types instead of React.PropTypes

theme keys changed:

• inputFocus => inputFocused
• itemHighlight => itemHighlighted

• The following props have changed:
  • focusedSectionIndex => highlightedSectionIndex
  • focusedItemIndex => highlightedItemIndex
• renderItemsContainer signature changed - all the props that should be set on the items container are nested in containerProps now. The new signature is:

function renderItemsContainer({ children, containerProps })

• theme updated to better support inline styles:
  • Added inputOpen
  • Added inputFocus
  • Added itemsContainerOpen
  • Added sectionContainerFirst
  • itemFocused => itemHighlight
• Update React peer dependency to include 16.0.0-alpha.2

inputComponent was removed in favor of the new renderInputComponent.

When using renderInputComponent, make sure to pass through the inputProps that you get to the <input> element.

For example:

const renderInputComponent = inputProps => {
  const style = {
    <some styles>
  };

  return (
    <div>
      <input style={style} {...inputProps} />
      {<your custom stuff>}
    </div>
  );
};

Renamed inputElement to inputComponent.

As opposed inputElement, inputComponent cannot be a string (e.g. 'textarea'). This important restriction was introduced to keep Autowhatever accessible.

Added inputElement prop