Skip to content
Compare
Choose a tag to compare

Bug Fixes

  • CheckTreePicker: fix duplicated key when data changed (#2486) (#2500) (d155719)
  • Sidenav: correct Sidenav.Toggle styles (#2497) (b3168e4)
  • Sidenav: correct subtle Sidenav item hover styles (#2498) (2d853ee)
  • Sidenav: fix Sidenav.Toggle icon direction (#2495) (c490632)
  • Whisper: correct type declarations for ref (856877a)

Features

What's Changed

Full Changelog: v5.13.0...v5.13.1

Compare
Choose a tag to compare

API Changes

Usage of <Dropdown> within <Nav> is discouraged now. In case you need to display a menu in Nav, use <Nav.Menu>.

Before

 <Nav>
    <Nav.Item active>Item A</Nav.Item>
    <Nav.Item>Item B</Nav.Item>
    <Dropdown title="Item E">
      <Dropdown.Item>Item E-1</Dropdown.Item>
      <Dropdown.Item>Item E-2</Dropdown.Item>
      <Dropdown.Menu title="Item E-4">
        <Dropdown.Item>Item E-4-1</Dropdown.Item>
      </Dropdown.Menu>
    </Dropdown>
  </Nav>

Now

 <Nav>
    <Nav.Item active>Item A</Nav.Item>
    <Nav.Item>Item B</Nav.Item>
    <Nav.Menu title="Item E">
      <Nav.Item>Item E-1</Nav.Item>
      <Nav.Item>Item E-2</Nav.Item>
      <Nav.Menu title="Item E-4">
        <Nav.Item>Item E-4-1</Nav.Item>
      </Nav.Menu>
    </Nav.Menu>
  </Nav>

Bug Fixes

  • listbox: fix broken keyboard navigation after filtering (#2491) (329623a)

Performance Improvements

What's Changed

Full Changelog: v5.12.0...v5.13.0

Compare
Choose a tag to compare

Form: Field level validation

You can now apply schema-typed rules to <Form.Control>s. This would be useful when you want to reuse custom form fields.

function UsernameField() {
  return (
    <Form.Group controlId="name">
      <Form.ControlLabel>Username</Form.ControlLabel>
      <Form.Control name="name" rule={Schema.Types.StringType().isRequired('This field is required.')} />
    </Form.Group>
  );
}

function EmailField() {
  return (
    <Form.Group controlId="email">
      <Form.ControlLabel>Email</Form.ControlLabel>
      <Form.Control name="email" rule={Schema.Types.StringType().isEmail('Please enter a valid email address.')} />
    </Form.Group>
  );
}

render(
  <Form>
    <UsernameField />
    <EmailField />
  </Form>
);

Lean more in the documentation and related PR #2482 .

What's Changed

Full Changelog: v5.11.0...v5.12.0

Compare
Choose a tag to compare

Features

  • DateRangePicker: expose calendars renderTitle (#2480) (4461e09)

Bug Fixes

  • ButtonToolbar: change item gap to 10px (#2475) (d97810a)
  • Dropdown.Menu: fix expected highlight item when focus moving in (#2477) (b9fdea5)
  • Menubar: fix unhandled nullish value (#2478) (10d515d)

What's Changed

New Contributors

Full Changelog: v5.10.0...v5.11.0

Compare
Choose a tag to compare

Features

  • FormControl: support shouldResetWithUnmount on <FormControl> (#2468) (69dee5e)

What's Changed

Full Changelog: v5.9.0...v5.10.0

Compare
Choose a tag to compare

API Deprecations

full prop of <Modal> and <Drawer> components is now deprecated, replaced with "full" value of size prop.

Before

<Modal full />
<Drawer full />

Now

<Modal size="full" />
<Drawer size="full" />

See discussion #2454 for detailed explanation.

Features

  • Dropdown: add open and defaultOpen props (#2442) (ab13d63)
  • Table: add support for fillHeight on <Table> (#330) (7db9a13)
  • HeaderCell: support renderSortIcon on <HeaderCell> (#341) (18d6567)

Performance Improvements

  • Table: improved rendering of scrollbars (#340) (2b04ada)

Bug Fixes

  • Table: fix table height not reset after fillHeight is changed (#337) (2156358)
  • Column: fix rowSpan cell layer covering fixed columns (#331) (16fab36)
  • fix lint error on typescript versions prior to 4.4 (#329) (991bc2f)
  • Table: fix affixHorizontalScrollbar to be shown when Table component was initially rendered with empty data (21a3f07)
  • Table: fix affixHorizontalScrollbar to stay when user drags it (21a3f07)
  • Table: fix horizontal scroll can not scroll to the end (#336) (ecd2494)

What's Changed

New Contributors

Full Changelog: v5.8.1...v5.9.0

Compare
Choose a tag to compare

Bug Fixes

  • Cascader: infer value and onChange types from data (#2449) (2a8ef48)
  • Dropdown.Menu: de-highlight item when mouse leaving (#2443) (0d7b963)

What's Changed

Full Changelog: v5.8.0...v5.8.1

Compare
Choose a tag to compare

Features

  • Cascader: add renderSearchItem for customizing search result (#2427) (e1b1dbd)
  • DateRangePicker: export type definition (#2434) (76e4bc3)

Bug Fixes

  • RangeSlider: fix RangeSlider progress bar misalignment (#2435) (e612ee3)
  • SelectPicker: call onSearch with empty string when closed (#2411) (c6e5d54)
  • Toggle: add missing properties to onChange event target (#2422) (5d1d5a2)

What's Changed

  • fix(Toggle): add missing properties to onChange event target by @SevenOutman in #2422
  • fix(RangeSlider): fix RangeSlider progress bar misalignment by @simonguo in #2435
  • feat(Cascader): add renderSearchItem for customizing search result by @MarvelSQ in #2427
  • fix: fix selectPicker when search is controlled and exit Dropdown wit… by @myNameIsDu in #2411
  • fix(DateRangePicker): export type definition by @simonguo in #2434

Full Changelog: v5.7.1...v5.8.0

Compare
Choose a tag to compare

Bug Fixes

  • Checkbox: correct checked state in onChange callback (#2430) (c6819f9)

What's Changed

Full Changelog: v5.7.0...v5.7.1

Compare
Choose a tag to compare

NOTICE

This release contains a bug that breaks Checkbox and CheckPicker (see #2430). It's suggested NOT updating until a fix is released.

Features

Bug Fixes

  • Checkbox: set checked attribute on underlying input (#2419) (5ded872)
  • Dropdown: Fix menu item hover highlight (#2415) (59453cc)
  • Dropdown: Fixed Triggering onSelect twice on Dropdown Menu (#2414) (e09eee5)

What's Changed

Full Changelog: v5.6.6...v5.7.0