teamwertarbyte / mdi-material-ui Goto Github PK
View Code? Open in Web Editor NEWMaterial-UI SvgIcon components for Material Design Icons.
License: MIT License
Material-UI SvgIcon components for Material Design Icons.
License: MIT License
After update to last version this error is thrown broken the app:
Uncaught .\node_modules\mdi-material-ui\License:1
(function (exports, require, module, __filename, __dirname, process, global, Buffer) { return function (exports, require, module, __filename, __dirname) { DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
^^^^
SyntaxError: Unexpected identifier
at new Script (vm.js:83:7)
at createScript (vm.js:265:10)
at Object.runInThisContext (vm.js:313:10)
at Module._compile (internal/modules/cjs/loader.js:712:26)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:798:10)
at Module.load (internal/modules/cjs/loader.js:645:32)
at Function.Module._load (internal/modules/cjs/loader.js:560:12)
at Module.require (internal/modules/cjs/loader.js:685:19)
at require (internal/modules/cjs/helpers.js:16:16)
at Object.<anonymous> (.\node_modules\mdi-material-ui\index.js:29335:39)
Mdi.Blank
is unavailable in this package. Please include it. :)
🚨 You need to enable Continuous Integration on all branches of this repository. 🚨
To enable Greenkeeper, you need to make sure that a commit status is reported on all branches. This is required by Greenkeeper because we are using your CI build statuses to figure out when to notify you about breaking changes.
Since we did not receive a CI status on the greenkeeper/initial
branch, we assume that you still need to configure it.
If you have already set up a CI for this repository, you might need to check your configuration. Make sure it will run on all new branches. If you don’t want it to run on every branch, you can whitelist branches starting with greenkeeper/
.
We recommend using Travis CI, but Greenkeeper will work with every other CI service as well.
Once you have installed CI on this repository, you’ll need to re-trigger Greenkeeper’s initial Pull Request. To do this, please delete the greenkeeper/initial
branch in this repository, and then remove and re-add this repository to the Greenkeeper integration’s white list on Github. You'll find this list on your repo or organiszation’s settings page, under Installed GitHub Apps.
Hey there! Would a maintainer mind updating this library to MDI v7.2.96 from v7.0.96 (https://www.npmjs.com/package/@mdi/js?activeTab=versions)? Let me know if you'd prefer I submit a PR, thanks so much!
Unable to upgrade to React v18.0:
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.8.0 || ^17.0.0" from [email protected]
npm ERR! node_modules/mdi-material-ui
npm ERR! mdi-material-ui@"^7.2.0" from the root project
It looks like the website (https://materialdesignicons.com/) is down. I use this project's website very often in order to search for icons to use for a particular use-case. Is there an alternative way to search for icons?
Hi, first of all thanks for providing this lib. The package probably needs a little update with the icons website, I can't import this icon, and probably others are missing too.
Updating to 5.0.0 completely breaks our build system.
Server running at http://localhost:3000
🚨 /projectname/node_modules/mdi-material-ui/AccessPoint.js:11:23: Cannot resolve dependency '@mat 9 | var _react2 = _interopRequireDefault(_react);
10 |
> 11 | var _SvgIcon = require('@material-ui/core/SvgIcon');
| ^
12 |
13 | var _SvgIcon2 = _interopRequireDefault(_SvgIcon);
14 |
Parcel 1.8.1
Yarn 1.6.0
Node 10.1.0
macOS
The wrapper currently support version 5 of mdi. It would be awesome if mdi is upgraded to latest version that is 7.x
As of today material-ui@next
moved to @material-ui/core
, think you could make a quick update with the fixed dependency?
Module not found: Error: Can't resolve 'mdi-material-ui/SilverwareForkKnife'
I have [email protected] installed. Other icons load fine. Is there another step I need to take?
Hi
after upgrade 6.13.0 => 6.13.1
and I receive following issue while using this package:
[ warn ] ./node_modules/mdi-material-ui/TextBox.js
There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
Downgrade to 6.13.0
solved it for now
When importing an icon using a destructuring (i.e. with named imports), it seems necessary (at least for some compilers?) to transverse the entire list of icons. This can lead to a relatively large performance penalty vs default exports. Here is feedback from one compiler and some ideas on how this can be improved.
i've updated material ui to 5.0.0-rc.1 and package name has been changed form @material-ui to @mui
but mdi has been used @material-ui in their dependence
i have this error
ERROR in ../../node_modules/mdi-material-ui/util/createIcon.js 12:13-47
Module not found: Error: Can't resolve '@material-ui/core/utils' in '/Documents/frontend-core/node_modules/mdi-material-ui/util'
Hey maintainers!
I was looking through the icon set, and saw a certain one I need isn't available because it's fairly new. (https://materialdesignicons.com/icon/storefront-plus-outline). It's available in the latest version of MaterialDesign-SVG (7.0.96) (https://github.com/Templarian/MaterialDesign-SVG/blob/v7.0.96/svg/storefront-plus-outline.svg)
Could you update to this version? Happy to do a PR if that's what you prefer
The TruckSnowflake icon was released in version 6.5.95 of MaterialDesign, but it is missing from mdi-material-ui. It is also included in @mdi/js.
Hi, it'd be great if you could update the webpack dependency to v3 as I've had some issues when installing this module along-side others in a create-react-app template.
Textbox.js
in package.json not an executable javascript file.'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _createIcon = require('./util/createIcon');
var _createIcon2 = _interopRequireDefault(_createIcon);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = (0, _createIcon2.default)('M14,17H7V15H14M17,13H7V11H17M17,9H7V7H17M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z');0,0 14,4H12V2H14.5C15.05,2 16,2.45 16,3C16,2.45 16.95,2 17.5,2H20V4H18A1,1 0 0,0 17,5V7M2,7H13V9H4V15H13V17H2V7M20,15V9H17V15H20Z');
We'd love to use some of the icons that have been added recently!
v5.0.45 contains popular Office 365 icons.
Thanks
Hello, is a support planned for the new @mui/joy
https://mui.com/joy-ui/guides/using-icon-libraries/ ?
I do render my page on the server and get the following error:
Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object.
This is how I import it:
import Facebook from 'mdi-material-ui/Facebook'
It is however working on the client!
Hi, thank you for maintaining this stuff :)
There are some icon names with a single character wrapped by dashes, e.g. alpha-t-box-outline
So in @mdi/js it's correctly converted to mdiAlphaTBoxOutline
But in our case we have lower "b" in "Box": AlphaTboxOutline
Material UI recommends making sure to include the muiName
when you wrap components.
This library's icons should probably set .muiName = 'SvgIcon';
on exported icons. The icons in @material-ui/icons
do this.
mdi-material-ui: 5.0.0
Unfortunately there seems to be a collision with
https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image
Is there a solution to fix this when importing Image?
When building my react app with weback, for every icon inside this package is thrown that error:
ERROR in ./node_modules/mdi-material-ui/ViewDay.js
Module not found: Error: Can't resolve 'material-ui/SvgIcon' in '/MY_PROJECT_FOLDER/node_modules/mdi-material-ui'
@ ./node_modules/mdi-material-ui/ViewDay.js 11:15-45
@ ./node_modules/mdi-material-ui/index.es.js
@ ./src/components/Menu/MenuContainer.js
@ ./src/index.js
@ multi (webpack)-dev-server/client?http://0.0.0.0:8080 ./src/index.js
I'm using webpack 3, npm 5, and material-ui@next (1.0.0-beta.40)
module
and jsnext:main
)I see WizardHat
available on @mdi/js
, but it is not available in mdi-material-ui
which is the package we've been using for a while now.
The website is undergoing some serious performance issues.
Every time I load the webpage, it freezes and then completely breaks.
On the event that page successfully renders, search tool cannot handle search and freezes page.
Hi there, I'm using material UI and find that they don't have social media icons. This seems to be able to extend the available icons? But, I'm not sure how.
This is my svg icon code. How would I go about using your package to create a material UI compatible icon?
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
<title>Facebook-color</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Color-" transform="translate(-200.000000, -160.000000)" fill="#4460A0">
<path d="M225.638355,208 L202.649232,208 C201.185673,208 200,206.813592 200,205.350603 L200,162.649211 C200,161.18585 201.185859,160 202.649232,160 L245.350955,160 C246.813955,160 248,161.18585 248,162.649211 L248,205.350603 C248,206.813778 246.813769,208 245.350955,208 L233.119305,208 L233.119305,189.411755 L239.358521,189.411755 L240.292755,182.167586 L233.119305,182.167586 L233.119305,177.542641 C233.119305,175.445287 233.701712,174.01601 236.70929,174.01601 L240.545311,174.014333 L240.545311,167.535091 C239.881886,167.446808 237.604784,167.24957 234.955552,167.24957 C229.424834,167.24957 225.638355,170.625526 225.638355,176.825209 L225.638355,182.167586 L219.383122,182.167586 L219.383122,189.411755 L225.638355,189.411755 L225.638355,208 L225.638355,208 Z" id="Facebook"></path>
</g>
</g>
</svg>
import FileSettingsVariant from 'mdi-material-ui/FileSettingsVariant';
./src/Components/xxxxx.js
Module not found: Can't resolve 'mdi-material-ui/FileSettingsVariant' in
Trying to import this link:
https://materialdesignicons.com/icon/file-settings-variant
@material-ui version 4 is released. Could you please make an update?
Thank you.
We recently decided to not use software that is licensed with WTFPL, Unlicense or CC0 anymore (see [1] or [2] for some problems with these licenses).
Since we would like to keep using mdi-material-ui
it would be great if you could relicense this package under the MIT license. Or is there a specific reason for you to keep using the WTFPL?
[1] https://en.wikipedia.org/wiki/WTFPL#Reception
[2] https://softwareengineering.stackexchange.com/questions/147111/what-is-wrong-with-the-unlicense
MessageTextClock seems to be missing so I presume this library needs to be regenerated/updated for the new version.
Related, is this still the preferred method to use MDI with Material UI? The MDI website is directing people to the @mdi/js
and @mdi/react
packages. However I prefer this library's method of making the icons into importable components.
I found tray-arrow-down
on https://materialdesignicons.com, but it seems not exported by this package?
It would be awesome if the TypeScript definitions for all the icons could be generated, too 🌟
hello,
I don't know how do you work for updates but I was looking for close-thick
icon and I couldn't find it in the package.
Cheers,
Hi!
This ››› icon looks so obviously useful, so I am wondering why it was added only 10 days ago
When may I expect it will appear in mdi-mui?
Request to update since MDI was updated last night to 2.5.94. Thank you!
Hi, some recent icons like MedicationOutline are not yet available in mdi-material-ui. It would be great if @mdi/js version was updated.
Thanks!
Adding one material icon via tree shaking adds them all to the bundle. A regression of #2
Version 5.24.1 uses material-ui/SvgIcon
in src/util/createIcon.js, instead of @material-ui/core/SvgIcon
Seems like this version was published from the "legacy" branch instead of "v5" for some reason.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.