palantir/blueprint release-1.11.0

v1.11.0

on GitHub

🎆 Highlights: two new components DateRangeInput & Tabs2 (rewrite of Tabs) and some really great bugfixes.

📖 Latest docs: blueprintjs.com/docs

General

• 📦 Fixed added browser and webpack entries to each package.json so unpkg will serve the .bundle.js file #621
• 📦 Fixed .bundle.js files now export to the global Blueprint variable, namespaced by package: Blueprint.Core.Button, Blueprint.Table.Table etc. #631

@blueprintjs/core 1.11.0

• 🌟 NEW Tabs2 is a rewrite of Tabs with a simpler and more flexible API #261 #722

  <Tabs2 id="routes" onChange={this.handleTabChange} selectedTabId="pulls">
      <Tab2 id="code" title="Code" panel={<Code />} />
      <Tab2 id="issues" title="Issues" panel={<Issues />} />
      <Tab2 id="pulls" title="Pull Requests" panel={<PullRequests />} />
      <Tabs2.Expander />
      <input className="pt-input" type="text" placeholder="Search..." />
  </Tabs2>

  • This new API is offered in a backwards-compatible manner by appending a 2. The original Tabs components are still available under their old names but are deprecated and will be replaced in v2.0.
  • Only two components (Tabs2 and Tab2) are needed, rather than the previous four.
  • Selection is managed by ID, rather than by index. This is more reliable and deterministic and does not require translating between numbers and tab names. It does, however, require that every Tab2 have a locally unique id prop (which also resolves SSR issues #384).
  • Arbitrary elements are supported in the tab list, and order is respected. Yes, you can even insert things between tabs.
  • CSS API remains exactly the same.
• 🌟 Fixed insidious cursor/selection rendering bug with multiple Popovers in Firefox #406
• Fixed NumericInput & Button React prop warnings #736 #753
• Fixed Tree error when removing nodes #741
• Improved dark link color for more contrast #764
• 📠 Deprecated Tabs component in favor of Tabs2 #767
  • a console warning will appear during development (not in production)

@blueprintjs/datetime 1.9.0

• 🌟 NEW DateRangeInput component
  
  • A .pt-control-group of two InputGroups that shows a DateRangePicker on focus.
  • Supports selecting dates by typing in the input fields, clicking dates in the calendar, or clicking shortcuts in the popover.
  • Previews the date range in the calendar and in the input fields as you move your cursor within the calendar.
  • Supports controlled and uncontrolled usage.
• Fixed DatePicker selected day is always blue #740
• Fixed DatePicker outside days appearance #740

@blueprintjs/table 1.8.0

• 🌟 Fixed JSONFormat detectTruncation properly detects truncation #760
  
• Fixed Column component respects className prop #690
• Fixed TruncatedFormated Popover scrollbars only appear when needed #720
• Fixed react-hot-loader support by console.warning instead of throwing errors #723

Documentation

• Added active switch to Button example (🎩 @DrewDennison) #749