palantir/blueprint release-1.19.0

v1.19.0

on GitHub

🎆 Highlights: Select 😱 , Table re-rendering performance refactors

📖 Latest docs: blueprintjs.com/docs

@blueprintjs/core 1.19.0

• NEW Tabs2 onChange handler now receives event as its third argument #1156
• NEW NumericInput onButtonClick prop is invoked when +/- buttons are clicked (either via mouse or keyboard) #607 (comment), #1178
• Fixed .pt-card hover transition flicker #1192

🎁 @blueprintjs/labs 0.1.0

@blueprintjs/labs is a new package for in-development and unstable React components owned by the Blueprint team. Each new release should be considered breaking, and we will promote components to core once they reach a certain level of stability.

This first release provides two new components (see PR #1159):

• InputList<T> is a generic higher-order component for managing a queryable list of items

  • <T> is the type of one item in the array; all props are parameterized on this so it speaks your language, no translations required. this has the side effect of making more props required, as we can't provide even default implementations of filtering.
  • supports filtering items individually or on the entire array
  • provides generic keyboard selection and interaction (up, down and enter keys)
  • defers all rendering logic to a renderer callback prop that receives a set of props that can be attached to elements to configure the above interactions

• 🌟 Select<T> is a generic component for selecting a single item from a list
  

  • again, <T> is the type of an item in the array and props are parameterized to use it
  • analogous to the HTML <select> element: query input and item list in a Popover attached to the children, so you can render your own trigger
  • classic uncontrolled selection is supported out-of-the-box: click an item to invoke onItemSelect, then track the new value in your application state
  • controlled usage is not supported directly, but can be achieved by leveraging inputProps and popoverProps
  • if Select's interactions and appearance do not meet your needs, you can use InputList directly to implement custom list behavior
    • internally, Select simply leverages InputList for most of the interactions; it just tracks state for query string and queried items. as such, its source code makes a great guide for how to use InputList yourself.

@blueprintjs/table 1.16.0

• 🌟 NEW Eliminate excessive re-renders throughout the codebase!
  • Added custom shouldComponentUpdate implementations to Table #1162 and to Header, HeaderCell, and EditableCell #1206.
  • Fixed onSelection is only invoked when selection actually changes #1185
    • previously, it was called every time the mouse moved within a cell, resulting in many unnecessary re-renders. see PR linked above for some sweet before/after GIFs.
  • Changed Utils.shallowCompareKeys now accepts whitelist or blacklist of props #1181
• Changed pull shared header code into base component Header, used by ColumnHeader and RowHeader #1109
• Changed pull shared header cell code into base component HeaderCell, used by ColumnHeaderCell and RowHeaderCell #1109
• Fixed focus cell now moves with selection on drag #1171
  
• Fixed focus cell moves to top-left corner when full table is selected #1172
• Fixed header cells are ignored by resizeByTallest (only considers body cells) #1194
• Fixed added default fallback for tallest cell calculations (uses current cached cell height) #1200
• Fixed interaction bar cursor and background color #1163

Documentation

• NEW Table playground in our PR preview comments lets you toggle very single table feature in one convenient place! #1154
  • see it in action here: #1206 (comment)