Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@react-md/menu
Advanced tools
@react-md/menu - npm Package Versions
Changelog
3.1.0 (2021-09-10)
Bug Fixes
- @react-md/dialog:
DialogFooteralign prop applies correct classes (644971d) - @react-md/form:
TooManyFilesErroris only used if all the other validation has passed (6ed3f54) - @react-md/form: ensure file names end with a period for
useFileUploadextensions (9238140) - @react-md/form: prevent infinite rerenders when calling useFileUpload's reset in useEffect (b2875b1)
- @react-md/utils:
useDropzonefix around onDragLeave behavior (fdff9f2) - typescript: updated all array types to be readonly (8f71bcb)
Features
- @react-md/form: add
isValidFileNameoption touseFileUpload(dbd0375) - @react-md/typography: override default typography without globals (ce89374), closes #1239
Documentation
- react-md.dev: updated
sassdocfor new module system (4746d26) - react-md.dev: updated SortableColumns example to import SortOrder type (b629e3e)
Other Internal Changes
- ran
yarn formatto include new files (48d3d7f) - Simplifying format and covering json and yml files (#1227) (045ba5e)
- @react-md/dev-utils: fixed spelling of gzipped (baad174)
- examples: updated nextjs examples to latest version of
next(b50d745) - react-md.dev: added
sassdochot-reloading (9d58e09) - react-md.dev: updated
sassdocexamples to be linkable (9ed096e) - react-md.dev: Updated fonts for latest nextjs build optimizations (ca9ecbd)
- typescript: support typescript@v4.4.2 (5a9dd72)
Changelog
3.0.0 (2021-08-13)
This release should be relatively simple for most consumers of this library since the main breaking change is dropping support for node-sass and requiring sass since node sass has been deprecated as well as removing deprecated variables, hooks, and components.
Most users should be able to run the following commands to upgrade to v3.0.0:
npm update react-md
npm uninstall node-sass
npm install sass
Or with yarn
yarn add react-md
yarn remove node-sass
yarn add sass
In addition, there is now partial support for the new Sass module system with the react-md package which also simplifies the import usage and has a slight build performance improvement for large projects.
To start using the new module system, update all the @import statements as shown below:
-@import '~@react-md/theme/dist/mixins';
-@import '~@react-md/utils/dist/mixins';
-// other react-md imports
+@use 'react-md' as *;
// No other changes required!
If you override variables within react-md:
-@import '~@react-md/theme/dist/color-palette';
-$rmd-theme-light: false;
-$rmd-theme-primary: $rmd-purple-500;
-$rmd-theme-secondary: $rmd-pink-a-200;
-
-@import '~react-md/dist/styles';
+@use '@react-md/theme/dist/color-palette' as color;
+@use 'react-md' as * with (
+ $rmd-theme-light: false,
+ $rmd-theme-primary: color.$rmd-theme-purple-500,
+ $rmd-theme-secondary: color.$rmd-theme-pink-a-200,
+);
+
+@include react-md-utils;
Check out the updated customizing your theme documentation, #1214, or 958f34f for more in-depth examples.
BREAKING CHANGES
- @react-md/theme:
$rmd-theme-dark-elevationnow defaults totrueinstead offalse - sass:
node-sassis no longer supported and users must switch tosass - @react-md/utils: Removed
InteractionModeListenersince it was an alias forUserInteractionModeListener - @react-md/utils: Removed
ResizeObservercomponent anduseResizeObserverV1implementation - @react-md/tooltip: Removed
TooltipHoverModeConfigcomponent - @react-md/card: Removed deprecated
$rmd-card-dark-elevation-bordered-background-colorvariable - @react-md/tooltip: Removed deprecated props from
Tooltippedcomponent - @react-md/form: The second argument for
useIndeterminateCheckedis now an object of options
Bug Fixes
- sass: drop node-sass in favor of
sasssince it's deprecated (126fb5a) - sass: use math.div instead of division since it's deprecated (d8c3f12)
Features
- @react-md/theme: $rmd-theme-dark-elevation
defaultsto true (b371337) - react-md: Simplify
sassusage with:@use 'react-md';(787bfb5)
Documentation
- react-md.dev: removed documentation around pre-compiling styles (29b5d74)
- react-md.dev: Update Sass Documentation for
@use(68e8c6b) - react-md.dev: Updated sandboxes for new Sass module system (095ae97)
Other Internal Changes
- Added additional tests to bump test coverage (4d0371c)
- @react-md/card: removed deprecated $rmd-card-dark-elevation-bordered-background-color variable (01c9350)
- @react-md/dev-utils: Added simple sass-migrator command (a8e8df3)
- @react-md/dev-utils: autoConfirm flag passed to initBlog (dec09b8)
- @react-md/dev-utils: Combine all scss files into
react-md/dist/_everything.scss(c7177e6) - @react-md/dev-utils: Update release script to hopefully work with prereleases (e0ef881)
- @react-md/dev-utils: updated
sassdocand variables to use everything.scss (a0f0699) - @react-md/dev-utils: updated variables command to work with
sass(5376be1) - @react-md/form: removed deprecated implementation in
useIndeterminateChecked(6b7871f) - @react-md/tooltip: removed deprecated props from
Tooltippedcomponent (6dca9b1) - @react-md/tooltip: removed TooltipHoverModeConfig component (664ec30)
- @react-md/utils: remove ResizeObserver component and useResizeObserverV1 implementation (6a6b109)
- @react-md/utils: removed InteractionModeListener alias (216c8ef)
- examples: updated examples to latest dependencies (f2eb07a)
- react-md.dev: Each package includes a link to
typedocAPI in navigation tree (c388ba6) - react-md.dev: ran migrator for deprecated division (98d2c58)
- react-md.dev: removed tilde from imports (6081e14)
- react-md.dev: update all scss files for
@useimports (958f34f) - react-md.dev: update all styles to use react-md/dist/everything (2da5033)
- react-md.dev: Update links for previous versions (2d0a0e6)
- react-md.dev: updated docs for new rmd-theme-dark-elevation
defaults(b2269ff) - react-md.dev: updated examples to work with
sassinstead of node-sass (d8ddf51) - react-md.dev: updated sandboxes to use root
react-md(c0f25f7)
Changelog
2.9.0 (2021-07-18)
This release is focused around the FileInput component in the @react-md/form package and implementing a useFileUpload hook to handle uploading/previewing files in the browser. However, there is a notable change in this release for the form documentation since the demos have been split into the following pages:
- Text Field Demos
- Select Field Demos
- Selection Control Demos
- File Input Demos
- Slider Demos
- Validation Demos
Bug Fixes
- @react-md/form:
FileInputcorrectly center the icon when children aren't provided (3a6ab33) - @react-md/layout:
useLayoutNavigationpossible perf fix (3d65e4e)
Features
- @react-md/form:
FileInputautomatically swaps button type to text if children exist (e5585e1) - @react-md/form:
FormMessageCountercomponent added to public API (1508812) - @react-md/form: Added a
useFileUploadhook to upload files to the browser (efb3f2f), closes #1159 - @react-md/utils: added
useDropzonehook (bc07a1f)
Other Internal Changes
- Added CodeQL Workflow for code analysis (9b4a279)
- @react-md/form: Added tests for
useFileUpload(49ce4d9) - @react-md/layout: Added additional test coverage (7c123ef)
- react-md.dev: Added an endpoint for uploading files that acts like a /dev/null (9663ae8)
- react-md.dev: Added examples for
useFileUpload(8f9002e) - react-md.dev: fix
eslinterror after updatingprettier(75a9b0f) - react-md.dev: Fixed rightAddon for Customizing
SelectOptions Demo (367cc0d) - react-md.dev: Split form demos into separate pages (8594930)
- react-md.dev: Use temporary layout on desktop in dev mode to get more screen space (53b20c4)
Changelog
2.8.5 (2021-07-03)
Bug Fixes
- @react-md/form:
MenuItemCheckboxadded missing indeterminate state (aa2c552), closes #1186 - @react-md/form:
useIndeterminateCheckedcorrectly uses readonly prefix (7f69a71) - @react-md/form:
useIndeterminateCheckedsupportsMenuItemCheckboxwith new option (9ab67bf) - @react-md/form:
MenuItemCheckbox,MenuItemRadio, andMenuItemSwitchstyles on light themes (fc4dcd9)
Documentation
- @react-md/form: Updated documentation for
useIndeterminateChecked(8646c28)