Skip to main content
react-md
react-md - Form - Changelog

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

2.9.1 (2021-07-27)

Other Internal Changes

  • install: slighly reduce install size by excluding tests in publish (9d01a44)

2.9.0 (2021-07-18)

Bug Fixes

  • @react-md/form: FileInput correctly center the icon when children aren't provided (3a6ab33)

Features

  • @react-md/form: FileInput automatically swaps button type to text if children exist (e5585e1)
  • @react-md/form: FormMessageCounter component added to public API (1508812)
  • @react-md/form: Added a useFileUpload hook to upload files to the browser (efb3f2f), closes #1159

Other Internal Changes

  • @react-md/form: Added tests for useFileUpload (49ce4d9)
  • react-md.dev: Added examples for useFileUpload (8f9002e)

2.8.5 (2021-07-03)

Bug Fixes

  • @react-md/form: MenuItemCheckbox added missing indeterminate state (aa2c552), closes #1186
  • @react-md/form: useIndeterminateChecked correctly uses readonly prefix (7f69a71)
  • @react-md/form: useIndeterminateChecked supports MenuItemCheckbox with new option (9ab67bf)
  • @react-md/form: MenuItemCheckbox, MenuItemRadio, and MenuItemSwitch styles on light themes (fc4dcd9)

Documentation

  • @react-md/form: Updated documentation for useIndeterminateChecked (8646c28)

Other Internal Changes

  • @react-md/form: Added tests for useIndeterminateChecked (cc2a422)

2.8.4 (2021-06-10)

Bug Fixes

  • @react-md/form: Pass checked prop to component (bffae6f)
  • @react-md/form: Fixed controlled behavior for Switch components (8c65df6), closes #1175

Other Internal Changes

  • ran prettier after upgrading to v2.3.0 (3ce236a)

2.8.3 (2021-05-18)

Documentation

  • react-md.dev: updated tsdoc to work with typedoc (cf54c35)

2.8.2 (2021-04-23)

Note: Version bump only for package @react-md/form

2.8.1 (2021-04-23)

Bug Fixes

  • @react-md/form: MenuItemSwitch spacing styles (8ac8299), closes #1126
  • @react-md/form: Checkbox, Radio, and Switch color (9315eff)

2.8.0 (2021-04-22)

Features

  • @react-md/form: Implemented Form Menu Item Components (fed2b9f)
  • @react-md/transition: Updated useFixedPositioning to merge style objects (1ab84d7)
  • typescript: bump typescript version to v4.2.3 (b094b36)

Documentation

  • @react-md/form: Updated form menu components for better documentation and examples in code (d9695b7)

Other Internal Changes

  • @react-md/form: Added new for menu item tests (5cf4f8a)
  • @react-md/form: Created SwitchTrack and InputToggleIcon components (d9278b3)
  • @react-md/form: moved some toggle styles into separate mixins (517f199)
  • @react-md/form: simplified toggle icon styles (adb6b06)
  • @react-md/form: Updated MenuItemRadio usage to be wrapped in a group for a11y (01caa0b)
  • @react-md/form: Updated SliderValue to use non-portalled tooltip for existing test (b41136f)
  • tsconfig: separate tsconfig by package instead of a single root (b278230)

2.7.1 (2021-03-23)

Bug Fixes

  • @react-md/form: Select correctly respects the readOnly prop (d9a0262), closes #1089
  • @react-md/form: Select correctly updates for the dense spec (2930595), closes #1089

Other Internal Changes

  • ts: stopped using FC type (c5daa47)

2.7.0 (2021-02-28)

Bug Fixes

  • @react-md/form: fixed listbox color when dark theme elevation is enabled (b68ac04), closes #1075

Documentation

  • tsdoc: fixed remaining tsdoc syntax warnings (946f4dd)
  • tsdoc: fixed some tsdoc annotations and styling (0449b86)
  • tsdoc: updated @since annotations (c62027e)

Other Internal Changes

  • updated test coverage to not include conditional component PropTypes (24e5df1)
  • @react-md/utils: added tryToSubmitRelatedForm util to help with additional a11y (0566e14)

2.6.0 (2021-02-13)

Note: Version bump only for package @react-md/form

2.5.5 (2021-01-30)

Note: Version bump only for package @react-md/form

2.5.4 (2021-01-27)

Note: Version bump only for package @react-md/form

2.5.3 (2021-01-12)

Bug Fixes

2.5.2 (2021-01-12)

Bug Fixes

2.5.1 (2020-12-16)

Note: Version bump only for package @react-md/form

2.5.0 (2020-12-15)

Bug Fixes

Features

2.4.3 (2020-11-14)

Note: Version bump only for package @react-md/form

2.4.2 (2020-10-23)

Note: Version bump only for package @react-md/form

2.4.1 (2020-10-17)

Note: Version bump only for package @react-md/form

2.4.0 (2020-10-17)

Bug Fixes

Features

2.3.1 (2020-09-15)

Note: Version bump only for package @react-md/form

2.3.0 (2020-09-10)

Bug Fixes

Features

2.2.2 (2020-09-02)

Note: Version bump only for package @react-md/form

2.2.1 (2020-09-02)

Note: Version bump only for package @react-md/form

2.2.0 (2020-08-11)

Bug Fixes

  • listbox: render 0 as a valid display value (d02b7a9)

Features

2.1.2 (2020-08-01)

Note: Version bump only for package @react-md/form

2.1.1 (2020-07-21)

Note: Version bump only for package @react-md/form

2.1.0 (2020-07-12)

Features

  • Improved Dark Mode using Raising Elevation (547877c), closes #860

2.0.3 (2020-07-07)

Bug Fixes

2.0.2 (2020-06-30)

Bug Fixes

  • LICENSE: Removed the time range from license since it was incorrect (50c9021)
  • Added sideEffects field to package.json (31820b9)
  • sideEffects formatting (78a7b6b)

v2.0.1

No changes.

v2.0.0

Starting with v2 of react-md, all checkbox and radio inputs will now correctly work like native <input type="checkbox" /> and <input type="radio" /> without any additional wrappers.

New Behavior and Features

  • all components now correctly forward the ref to the DOM element
  • implemented the new themes for form controls so that there is now a "underline", "filled", and "outline" state for TextField and Select
  • changed the default theme for to be "outline" instead of "underline"
  • implemented a new theming API for all the form controls utilizing CSS variables and provided mixins.
  • changed the "focus" styles for all form controls to use a blue focus box-shadow by default to match other focused elements
  • implemented better native keyboard functionality for all form controls
  • added a new NativeSelect component to render a <select> with text field styling
  • added a Form component that renders a <form> element that just prevents default form submission for easy "enter submit" functionality
  • added a Fieldset component to group related form elements together with an accessible legend that can be conditionally rendered for screen readers only
  • updated the Checkbox to support an indeterminate state
  • hopefully fixed some styling issues for the Checkbox and Radio components so it is easier to provide custom styles and implementations
  • added a new hook for handling indeterminate states with useIndeterminateChecked (need a better name)
  • added a Label and FloatingLabel component for reusable label styles
  • all form controls no longer nest the <input /> element as a child of the <label>
  • the FileInput no longer renders the <label> as an AccessibleFakeButton since it never should have
  • the FileInput no longer renders with a surrounding <div> element`
  • added a Listbox component to be able to create an accessible custom <select> component
  • added an Option component to be able to implement a custom <option> widget if desired
  • fixed the keyboard functionality for the Select component so that every option can now be "keyboard searched"
  • updated the Listbox/Select options to support a readOnly view
  • fixed some of the accessibility issues with the Select component by adding the required aria-* attributes and rendering the options with role="option"
  • removed some of the built-in functionality for error and warning states to simplify the messaging behavior
  • added a new FormMessage component that should be able to alert screenreaders when new errors or messages are displayed in real time
  • added a new Password component for handling password fields instead of having it built-in to the TextField component
  • added new components for creating a custom TextField with the TextFieldContainer and TextFieldAddon components
  • added an AsyncSwitch component to be able to render a CircularProgress indicator within a Switch while some asynchronous action is waiting
  • added a few hooks that might be helpful for the form control states: useChoice, useSelectState, useChecked (might change going forward)
  • updated the Select component to use fixed positioning instead of relative positioning by default so that the menu always appears within the viewport

Breaking Changes

  • there is no longer a concept of "selection control" and instead has been changed to a "toggle" concept
  • the SelectionControl and SelectionControlGroup components no longer exists and is no longer required
  • the FileUpload component was removed since it didn't seem extremely helpful
New SCSS Variables, Functions, and Mixins
  • $rmd-label-padding: 0.25rem !default - the amount of horizontal padding to use for a floating label
  • $rmd-toggle-border-radius: 50% !default - the border radius for the checkbox and radio components
  • $rmd-toggle-inset: 0.3125rem !default - The distance the background layer for the checkbox and radio components should be inset relative to the container element
  • $rmd-toggle-dense-inset: 0.25rem !default - The distance the background layer for the checkbox and radio components should be inset relative to the container element when the dense spec i enabled
  • $rmd-checkbox-indeterminate-height: 0.15rem !default - the height for the indeterminate checkbox's state line that covers the icon
  • $rmd-checkbox-indeterminate-dense-height: 0.125rem !default - the height for the indeterminate checkbox's state line that covers the icon when the dense spec is enabled
  • $rmd-switch-ball-border-radius: 50% !default - the border radius for the switch's ball
  • $rmd-switch-container-vertical-padding: 0.5rem !default - the vertical padding for the switch's container
  • $rmd-switch-container-horizontal-padding: $rmd-switch-ball-size / 2 !default the horizontal padding for the switch's container
  • $rmd-switch-ball-disabled-color: rmd-theme-get-swatch($rmd-theme-secondary, 200, false, darken($rmd-theme-secondary, 5%), rmd-switch-ball-disabled-color) !default - the color to use for the switch's ball when it is toggled on and disabled
  • $rmd-switch-progress-width: 12 !default - the width for the circular progress bar in the AsyncSwitch
  • $rmd-switch-progress-background-color: $rmd-white-base !default - the background color to use for the switch's ball while the AsyncSwitch is loading
  • $rmd-switch-progress-padding: 0.125rem !default - the amount of padding to apply to the AsyncSwitch's progress bar
Renamed SCSS Variables, Functions, and Mixins
  • renamed $md-text-field-error-color to $rmd-form-error-color
  • renamed $md-switch-track-height to $rmd-switch-track-height and changed the default value from 16px to 1rem
  • renamed $md-switch-track-width to $rmd-switch-track-width and changed the default value from 40px to 2.25rem
  • renamed $md-switch-thumb-size to $rmd-switch-ball-size and changed the default value from 24px to 1.25rem
  • renamed $md-switch-track-radius to $rmd-switch-track-border-radius and changed the default value from 8px to 0.5rem
  • renamed $md-switch-thumb-offset to $rmd-switch-ball-offset and changed the default value from 4px to 0.25rem
Removed SCSS Variables Placeholders, and Mixins
  • removed $md-selection-controls-include-group since it is no longer required
  • removed $md-selection-controls-include-switches since they are always included
  • removed $md-switch-height since it is no longer needed
  • removed $md-switch-light-theme-thumb-off, $md-switch-light-theme-track-off, $md-switch-light-theme-thumb-disabled, $md-switch-light-theme-track-disabled, $md-switch-dark-theme-thumb-off, $md-switch-dark-theme-track-off, $md-switch-dark-theme-thumb-disabled, $md-switch-dark-theme-track-disabled, $md-switch-ball-fallback-color since they are no longer required
  • removed $md-text-field-autococompleted-shadow since it is no longer required