All Versions
500
Latest Version
Avg Release Cycle
9 days
Latest Release
-

Changelog History
Page 24

  • v4.0.0-beta.2 Changes

    • [Box] Add export to barrel (index.js) (#15602) @ljvanschie
    • [ButtonBase] Extend error message for invalid component prop (#15627) @eps1lon
    • 📄 [Select] Add to docs that options must be direct descendants (#15619) @bh1505
    • 🚚 [SwipeableDrawer] Remove internal accesses in the tests (#15469) @joshwooding
    • [Tabs] scrollButtons have an empty button error in compliance tools (#15646) @elnikolinho
    • ✅ [useScrollTrigger] Enhance trigger, improve tests (#15634) @cvanem

  • v4.0.0-beta.1 Changes

    May 5, 2019

    🚀 A big thanks to the 19 contributors who made this release possible!

    Here are some highlights ✨:

    • 🛠 🐛 Many bug fixes based on people migrating from v3 to v4.
    • 📱 💄 Responsive font sizes (#14573) @n-batalha.
    • 💄 AppBar scroll behavior (#15522) @cvanem.
    • 👍 ♿️ Better Button and Tooltip keyboard behavior (#15398, #15484) @eps1lon.
    • 📚 And many more 🔍 TypeScript fixes and 📚 documentation improvements.

  • v4.0.0-beta.0 Changes

    💥 Breaking Changes
    • 💅 [styles] Generate global class names (#15140) @oliviertassinari Remove the dangerouslyUseGlobalCSS options (makes it the default behavior).
    • [Modal] -74% bundle size reduction when used standalone (#15466) @oliviertassinari Remove the classes customization API for the Modal component.
    • 🚚 [core] Remove RootRef usage (#15347) @joshwooding The Modal and Dialog child needs to be able to hold a ref.
      class Component extends React.Component {
    render() {
      return <div />
    }
  }
  -const MyComponent = props => <div {...props} />
  +const MyComponent = React.forwardRef((props, ref) => <div ref={ref} {...props} />);
  <Modal><Component /></Modal>
  <Modal><MyComponent /></Modal>
  <Modal><div /></Modal>
    • [ClickAwayListener] Hide react-event-listener (#15420) @oliviertassinari
    • [Slide] Convert to function component (#15344) @joshwooding The child needs to be able to hold a ref.
      class Component extends React.Component {
    render() {
      return <div />
    }
  }
  -const MyComponent = props => <div {...props} />
  +const MyComponent = React.forwardRef((props, ref) => <div ref={ref} {...props} />);
  <Slide><Component /></Slide>
  <Slide><MyComponent /></Slide>
  <Slide><div /></Slide>
    🔄 Changes
    • ⚡️ [TextField] Update labelWidth for outline variant if required is updated (#15386) @dmiller9911
    • [Breadcrumbs] Fix types and enable component generic props (#15414) @Atralbus
    • [TextField] Pass rowsMin prop to underlying abstractions (#15411) @pachuka
    • [SelectInput] Convert to function component (#15410) @joshwooding
    • [Link] Improve TypeScript integration with react-router (#15412) @pachuka
    • 💅 [ButtonBase] Remove dead style (#15503) @koshea
    • 🐎 [Menu] Improve performance and add support for variants (#15360) @ryancogswell
    • [MenuList] Add text keyboard focus navigation (#15495) @ryancogswell
    • [Modal] -74% bundle size reduction (#15466) @oliviertassinari
    • [Paper] Fix color inheritance issue using nested themes (#15465) @mustafahlvc
    • [Popper] Convert to function component (#15405) @joshwooding
    • ⏪ [Radio][Checkbox] Revert breaking changes (#15483) @oliviertassinari
    • ⚠ [Select] Display 0 as a valid value, fix a propType warning (#15468) @Princezhm
    • [Slider] Add Customized Slider Demo (#15478) @bh1505
    • [Snackbar] Convert to function component (#15504) @adeelibr
    • [Textarea] Fix cursor jump (#15436) @oliviertassinari
    • 🚚 [Textarea] Remove rowsMin prop (#15430) @pachuka

  • v4.0.0-alpha.8 Changes

    💥 Breaking Changes
    • 0️⃣ [Paper] Reduce the default elevation (#15243) @oliviertassinari Change the default Paper elevation to match the Card and the Expansion Panel:
      -<Paper />
  +<Paper elevation={2} />

    • ⚡️ [List] Update to match the specification (#15339) @oliviertassinari Rework the list components to match the specification:

      • The usage of the ListItemAvatar component is required when using an avatar
      • The usage of the ListItemIcon component is required when using a left checkbox
      • The edge property should be set on the icon buttons.

    • [actions] Rename disableActionSpacing to disableSpacing (#15355) @oliviertassinari

      • [CardActions] Rename the disableActionSpacing prop disableSpacing.
      • [CardActions] Remove the disableActionSpacing CSS class.
      • [CardActions] Rename the action CSS class spacing.
      • [DialogActions] Rename the disableActionSpacing prop disableSpacing.
      • [DialogActions] Rename the action CSS class spacing.
      • [ExpansionPanelActions] Rename the action CSS class spacing.

    • [Tooltip] Convert to function component (#15291) @joshwooding The child of the Tooltip needs to be able to hold a ref

      class Component extends React.Component {
    render() {
      return <div />
    }
  }
  -const MyComponent = props => <div {...props} />
  +const MyComponent = React.forwardRef((props, ref) => <div ref={ref} {...props} />);
  <Tooltip><Component /></Tooltip>
  <Tooltip><MyComponent /></Tooltip>
  <Tooltip><div /></Tooltip>
    🔄 Changes
    • [ScrollbarSize] Convert to function component (#15233) @joshwooding
    • [InputBase] Fix placeholder bug in Edge (#15267) @rodrigolabs
    • [TransferList] Add new component (#15232) @mbrookes
    • [withMobileDialog] Improve types (#15276) @eps1lon
    • [Collapse] Convert to function component (#15248) @joshwooding
    • [DialogContent] Add divider prop type for TypeScript (#15273) @sperry94
    • 🚚 [Tab] Remove outdated classes from the definitions (#15297) @zheeeng
    • ⚠ [Tooltip] Suppress disabled button warning when controlled (#15304) @tasinet
    • [typescript] Generic props for FormControl, FormLabel, List (#15292)
    • [Select] Fix incorrect event.target type in onChange (#15272) @sperry94
    • [Popper] Fix to defer setting of exited state to Transition component (#15250) @Sharakai
    • [Modal] Fix to defer setting of exited state to Transition component (#15266) @Sharakai
    • [InputBase] Fix onFilled/onEmpty being called during render (#15319) @eps1lon
    • [Tooltip] Convert to function component (#15291) @joshwooding
    • [Ripple] Convert to function component (#15345) @joshwooding
    • 🔨 [Textarea] Refactor the implementation (#15331) @oliviertassinari
    • [Modal] Add reason parameter to onClose function signature (#15373) @JarkEMones
    • ✅ [Box] Test props to attributes forwarding (#15365) @eps1lon
    • [Container] Add component prop for TypeScript (#15369) @Amere
    • [Popper] Fix popperOptions prop (#15359) @jaipe

  • v4.0.0-alpha.7 Changes

    💥 Breaking Changes
    • [Switch][Radio][Checkbox] Improve specification compliance (#15097) @oliviertassinari

    Refactore the implementation to make it easier to override the styles. Rename the class names to match the specification wording:

      -icon
  -bar
  +thumb
  +track

    • [Snackbar] Match the new specification (#15122) @oliviertassinari

      • Change the dimensions
      • Change the default transition to from Slide to Grow.

    • [TextField] Fix height inconsistency (#15217) @gautam-relayr

    Remove the inputType class from InputBase.

    🔄 Changes
    • [Box] Add remaining props to type declaration (#15101) @iamsoorena
    • 🗄 [theme] Prepare the deprecation of theme.mixins.gutters (#15124) @oliviertassinari
    • [Switch] Add demo for labels on both sides (#14900) @s7dhansh
    • [Zoom] Convert to function component (#15133) @joshwooding
    • 🚚 [Tab] Remove internal indicator prop types (#15143) @sperry94
    • [Grid] Add root class (#15163) @eps1lon
    • [Grow] Convert to function component (#15134) @joshwooding
    • 🚚 [CardMedia] Move object-fit to the core (#15166) @gebigoma
    • [core] Forward ref in Collapse, Popper and SwipeableDrawer (#15170) @eps1lon
    • ⚠ [Popover] Fix the warning when anchorReference="anchorPosition" (#15182) @xaviergonz
    • 💅 [styles] Fix getLuminance for hsl (#14391) @strayiker
    • [Select] Trigger the open callbacks even when uncontrolled (#15176) @rreznichenko
    • ⚠ [Popover] Add warning when non-ref-holding component is used in Paper (#15181) @eps1lon
    • [TablePaginationActions] Convert to function component (#15189) @joshwooding
    • [TextField] Add links to Input and Select (#15148) @MrHen
    • [CardMedia] Allow generic component in TypeScript (#15098) @Domino987
    • [Button] Improve types with regard to react-router (#15193) @eps1lon
    • [NoSsr] Convert to function component (#15167) @joshwooding
    • 🚚 [ClickAwayListener] Remove findDOMNode usage (#15179) @eps1lon
    • [FormControl] Convert to function component (#15208) @joshwooding
    • [SwitchBase] Convert to function component (#15188) @joshwooding

  • v4.0.0-alpha.6 Changes

    💥 Breaking Changes

    • 0️⃣ [Typography] Better defaults (#15100) @oliviertassinari

      • Change the default variant from body2 to body1. A font size of 16px is a better default than 14px. Bootstrap, material.io or even our documentation use 16px as a default font size. 14px like Ant Design is understandable as Chinese users have a different alphabet. We document 12px as the default font size for Japanese.
      • Remove the default color from the typography variants. The color should inherit most of the time. It's the default behavior of the web.
      • Rename color="default" to color="initial" following the logic of #13028. The usage of default should be avoided, it lakes semantic.

    • 🚚 [Container] Move to the core (#15062) @oliviertassinari

    🔄 Changes
    • 0️⃣ [Box] Use the default theme (#15019) @apanizo
    • [SwipeableDrawer] Ignore open swipe if it didn't start on the swipe area (#15045) @leMaik
    • [Divider] Enable component generic props (#15040) @StevenGodin
    • ✅ [ListItem] Add type test for button prop (#15049) @eps1lon
    • [Button] Fix typing for type-attribute (#15077) @karlbohlmark
    • 🚚 [RadioGroup] Remove cloneElement, use the context (#15069) @oliviertassinari
    • ⚠ [Popover] Add warning to Popover if anchorRef is not visible (#15090) @alexmironof
    • 👍 [MobileStepper] Support variant "text" (#15108) @AcidRaZor
    • ⚡️ [Tabs] Update so that tabs keep equal widths (#15114) @sosaucily

  • v4.0.0-alpha.56 Changes

    • [Autocomplete] Fix scroll reset after unselect the only option (#21280) @svikhristyuk
    • 0️⃣ [Autocomplete] Prevent default event for disabled options (#21390) @GregoryAndrievskiy
    • [SpeedDial] Improve tooltip work break (#21359) @SugiKent
    • [Timeline] Introduce new component (#21331) @mnajdova
    • [TypeScript] Allow lab components to have overrides in theme (#21279) @CarsonF

  • v4.0.0-alpha.55 Changes

    • [Autocomplete] Document how to use a 3rd party input (#21257) @maksimgm
    • [Autocomplete] Fix dynamic changes of multiple={boolean} (#21194) @weizhi9958
    • ⚠ [Autocomplete] Improve getOptionLabel usage warning (#21207) @rhuanbarreto
    • [Skeleton] Improve component (#21255) @oliviertassinari
    • [Skeleton] Improve contrast on light themes (#21122) @eps1lon
    • 💅 [Pagination] Fix selected item style (#21252) @svikhristyuk

  • v4.0.0-alpha.54 Changes

    • [Autocomplete] Improve value type inference (#20949) @kanoshin
    • [Autocomplete] Fix autoHighlight for dynamic options (#21090) @mstykow
    • [Autocomplete] Fix iOS double tap (#21060) @kaplantm
    • [Pagination] Document difference with TablePagination (#21107) @hoop71
    • [Skeleton] Allow children to influence width and height (#21097) @mikew
    • ✅ [Skeleton] Reduce SkeletonChildren test flakyness (#21121) @eps1lon
    • [TabPanel] Allow flow content (#21017) @eps1lon
    • [ToggleButton] Add orientation prop (#21051) @xiaomaini
    • ✅ [TreeView] Add test for undesired behavior (#21043) @eps1lon

  • v4.0.0-alpha.53 Changes

    • [Autocomplete] Add new handleHomeEndKeys prop (#20910) @p00000001
    • ⚠ [Autocomplete] Fix Google Map demo warnings (#20983) @oliviertassinari
    • [Autocomplete] Fix onHighlightChange when filtering (#20923) @marcosvega91
    • [Tabs] Add new experimental Tabs API (#20806) @eps1lon
    • [ToggleButton] Reduce gap with ButtonGroup (#20967) @rehanmohiuddin