npmpackage.info

Gathering detailed insights and metrics for @devloops/material-ui-dropzone

Other packages similar to @devloops/material-ui-dropzone

material-ui-dropzone

3.5.0

A Material-UI file-upload dropzone

react-mui-dropzone

4.0.7

A Material-UI-v5 file-upload dropzone

mui-file-dropzone

4.0.2

A Material-UI file-upload dropzone. Written in TypeScript.

react-dropzone

14.3.5

Simple HTML5 drag-drop zone with React.js

@devloops/material-ui-dropzone

0.1.9

JavaScript

3.63 kB

8,033 1.3

Installations

npm install @devloops/material-ui-dropzone

Pull Requests

Open

35

Total

49

Closed

14

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Developer

meftunca

Developer Guide

BETA

Module System

CommonJS

Min. Node Version

>=8

Typescript Support

Yes

Node Version

12.1.0

NPM Version

6.10.2 Statistics

8 Commits

2 Watching

36 Branches

1 Contributors

Updated on 28 Jan 2023

Bundle Size

12.03 kB

Minified

3.63 kB

Minified + Gzipped

Bundlephobia

Languages

JavaScript (96.95%)

HTML (2.76%)

CSS (0.29%)

Total Downloads

Cumulative downloads

Total Downloads

8,033

Last day

Compared to previous day

Last week

-50%

Compared to previous week

Last month

Compared to previous month

Last year

-14.7%

371

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

@material-ui/core prop-types react

Dev Dependencies

Versions

@devloops/material-ui-dropzone

Install

1npm install --save @devloops/material-ui-dropzone
2#or
3yarn add @devloops/material-ui-dropzone

DropzoneArea Usage

1import React, { Component } from "react";
2
3import { DropzoneArea } from "@devloops/material-ui-dropzone";
4
5const DropzoneAreaExample = () => {
6  return <DropzoneArea BannerComponent={DefaultBannerComponent /* or Default Comp*/} />;
7};
8
9const DefaultBannerComponent = ({ uploadIcon, bannerStyle, openFileDialog, bannerText }) => {
10  const styles = makeStyles(DropzoneAreaStyle)();
11  return (
12    <div className={[styles.dropzone_banner, bannerStyle].join(" ")}>
13      <Typography variant="h6">{bannerText}</Typography>
14      <IconButton color="primary" className={styles.dropzone_iconBtn} onClick={openFileDialog}>
15        <Icon className={styles.dropzone_icon}>{uploadIcon}</Icon>
16      </IconButton>
17    </div>
18  );
19};

Props

1const defultProps = {
2  BannerComponent: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
3  PreviewComponent: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
4  bannerStyle: PropTypes.string,
5  bannerText: PropTypes.string,
6  getProcessedData: PropTypes.func,
7  inside: PropTypes.bool,
8  limit: PropTypes.number,
9  onChange: PropTypes.func,
10  preview: PropTypes.bool,
11  snackBarMessage: PropTypes.object,
12  type: PropTypes.string,
13  uploadIcon: PropTypes.string,
14  wrapperProps: PropTypes.object,
15  wrapperStyle: PropTypes.string
16};

DropzoneArea Usage

1import React, { Component } from "react";
2
3import { DropzoneCard } from "@devloops/material-ui-dropzone";
4
5const DropzoneCardExample = () => {
6  return <DropzoneCard BannerComponent={DefaultBannerComponent /* or Default Comp*/} />;
7};
8
9const DefaultBannerComponent = ({ uploadIcon, bannerStyle, openFileDialog, bannerText }) => {
10  const styles = makeStyles(DropzoneAreaStyle)();
11  return (
12    <div className={[styles.dropzone_banner, bannerStyle].join(" ")}>
13      <Typography variant="h6">{bannerText}</Typography>
14      <IconButton color="primary" className={styles.dropzone_iconBtn} onClick={openFileDialog}>
15        <Icon className={styles.dropzone_icon}>{uploadIcon}</Icon>
16      </IconButton>
17    </div>
18  );
19};

Props

1const defultProps = {
2  BannerComponent: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
3  bannerStyle: PropTypes.string,
4  bannerText: PropTypes.string,
5  getProcessedData: PropTypes.func,
6  onChange: PropTypes.func,
7  snackBarMessage: PropTypes.object,
8  type: PropTypes.string,
9  uploadIcon: PropTypes.string,
10  wrapperProps: PropTypes.object,
11  wrapperStyle: PropTypes.string
12};

DropzoneArea Usage

1import React, { Component } from "react";
2
3import { FileButton } from "@devloops/material-ui-dropzone";
4
5const FileButtonExample = () => {
6  return <FileButton {...anyProps} />;
7};

Props

1const defultProps = {
2  ButtonComponent: PropTypes.oneOfType([PropTypes.element, PropTypes.func, PropTypes.elementType]),
3  fabIcon: PropTypes.string,
4  fabProps: PropTypes.object,
5  onChange: PropTypes.func,
6  onError: PropTypes.func,
7  fabText: PropTypes.string,
8  inputProps: PropTypes.object
9};

Todo List

Snackbar Support
Localize
More Examples

License

MIT © meftunca

This hook is created using create-react-hook.

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

SAST

Determines if the project uses static code analysis.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

License

Determines if the project has defined a license.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Reason

116 existing vulnerabilities detected

Details

Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
Warn: Project is vulnerable to: GHSA-c429-5p7v-vgjp
Warn: Project is vulnerable to: GHSA-6chw-6frg-f759
Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw
Warn: Project is vulnerable to: GHSA-whgm-jr23-g3j9
Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw
Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7
Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
Warn: Project is vulnerable to: GHSA-x9w5-v3q2-3rhw
Warn: Project is vulnerable to: GHSA-w8qv-6jwh-64r5
Warn: Project is vulnerable to: GHSA-257v-vj4p-3w2h
Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x
Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c
Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq
Warn: Project is vulnerable to: GHSA-3wcq-x3mq-6r9p
Warn: Project is vulnerable to: GHSA-ff7x-qrg7-qggm
Warn: Project is vulnerable to: GHSA-vh7m-p724-62c2
Warn: Project is vulnerable to: GHSA-r9p9-mrjm-926w
Warn: Project is vulnerable to: GHSA-434g-2637-qmqr
Warn: Project is vulnerable to: GHSA-49q7-c7j4-3p7m
Warn: Project is vulnerable to: GHSA-977x-g7h5-7qgw
Warn: Project is vulnerable to: GHSA-f7q4-pwc6-w24p
Warn: Project is vulnerable to: GHSA-fc9h-whq2-v747
Warn: Project is vulnerable to: GHSA-3gx7-xhv7-5mx3
Warn: Project is vulnerable to: GHSA-6h5x-7c5m-7cr7
Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc
Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx
Warn: Project is vulnerable to: GHSA-74fj-2j2h-c42q
Warn: Project is vulnerable to: GHSA-pw2r-vq6v-hr8c
Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc
Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp
Warn: Project is vulnerable to: GHSA-8r6j-v8pm-fqw3
Warn: Project is vulnerable to: MAL-2023-462
Warn: Project is vulnerable to: GHSA-w457-6q6x-cgp9
Warn: Project is vulnerable to: GHSA-62gr-4qp9-h98f
Warn: Project is vulnerable to: GHSA-f52g-6jhx-586p
Warn: Project is vulnerable to: GHSA-2cf5-4w76-r9qv
Warn: Project is vulnerable to: GHSA-3cqr-58rm-57f8
Warn: Project is vulnerable to: GHSA-g9r4-xpmj-mj65
Warn: Project is vulnerable to: GHSA-q2c6-c6pm-g3gh
Warn: Project is vulnerable to: GHSA-765h-qjxv-5f44
Warn: Project is vulnerable to: GHSA-f2jv-r9rf-7988
Warn: Project is vulnerable to: GHSA-43f8-2h32-f4cj
Warn: Project is vulnerable to: GHSA-pfq8-rq6v-vf5m
Warn: Project is vulnerable to: GHSA-6x33-pw7p-hmpq
Warn: Project is vulnerable to: GHSA-c7qv-q95q-8v27
Warn: Project is vulnerable to: GHSA-qqgx-2p2h-9c37
Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22
Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp
Warn: Project is vulnerable to: GHSA-7r28-3m3f-r2pr
Warn: Project is vulnerable to: GHSA-r8j5-h5cx-65gg
Warn: Project is vulnerable to: GHSA-896r-f27r-55mw
Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
Warn: Project is vulnerable to: GHSA-6c8f-qphg-qjgp
Warn: Project is vulnerable to: GHSA-76p3-8jx3-jpfq
Warn: Project is vulnerable to: GHSA-3rfm-jhwj-7488
Warn: Project is vulnerable to: GHSA-hhq3-ff78-jv3g
Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw
Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9
Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm
Warn: Project is vulnerable to: GHSA-r6rj-9ch6-g264
Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m / GHSA-xvch-5gv4-984h
Warn: Project is vulnerable to: GHSA-92xj-mqp7-vmcj
Warn: Project is vulnerable to: GHSA-wxgw-qj99-44c2
Warn: Project is vulnerable to: GHSA-5rrq-pxf6-6jx5
Warn: Project is vulnerable to: GHSA-8fr3-hfg3-gpgp
Warn: Project is vulnerable to: GHSA-gf8q-jrpm-jvxq
Warn: Project is vulnerable to: GHSA-2r2c-g63r-vccr
Warn: Project is vulnerable to: GHSA-cfm4-qjh2-4765
Warn: Project is vulnerable to: GHSA-x4jg-mjrx-434g
Warn: Project is vulnerable to: GHSA-5fw9-fq32-wv5p
Warn: Project is vulnerable to: GHSA-rp65-9cf3-cjxr
Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9
Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j
Warn: Project is vulnerable to: GHSA-566m-qj78-rww5
Warn: Project is vulnerable to: GHSA-hwj9-h5mp-3pm3
Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j
Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp
Warn: Project is vulnerable to: GHSA-5q6m-3h65-w53x
Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6
Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg
Warn: Project is vulnerable to: GHSA-h9rv-jmmf-4pgx
Warn: Project is vulnerable to: GHSA-hxcc-f52p-wc94
Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p
Warn: Project is vulnerable to: GHSA-g4rg-993r-mgx7
Warn: Project is vulnerable to: GHSA-c9g6-9335-x697
Warn: Project is vulnerable to: GHSA-vx3p-948g-6vhq
Warn: Project is vulnerable to: GHSA-3jfq-g458-7qm9
Warn: Project is vulnerable to: GHSA-r628-mhmh-qjhw
Warn: Project is vulnerable to: GHSA-9r2w-394v-53qc
Warn: Project is vulnerable to: GHSA-5955-9wpr-37jh
Warn: Project is vulnerable to: GHSA-qq89-hq3f-393p
Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36
Warn: Project is vulnerable to: GHSA-4wf5-vphf-c2xc
Warn: Project is vulnerable to: GHSA-jgrx-mgxx-jf9v
Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3
Warn: Project is vulnerable to: GHSA-9m6j-fcg5-2442
Warn: Project is vulnerable to: GHSA-hh27-ffr2-f2jc
Warn: Project is vulnerable to: GHSA-rqff-837h-mm52
Warn: Project is vulnerable to: GHSA-8v38-pw62-9cw2
Warn: Project is vulnerable to: GHSA-hgjh-723h-mx2j
Warn: Project is vulnerable to: GHSA-jf5r-8hm2-f872
Warn: Project is vulnerable to: GHSA-wr3j-pwj9-hqq6
Warn: Project is vulnerable to: GHSA-g78m-2chm-r7qv
Warn: Project is vulnerable to: GHSA-6fc8-4gx4-v693
Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q
Warn: Project is vulnerable to: GHSA-c4w7-xm78-47vh
Warn: Project is vulnerable to: GHSA-p9pc-299p-vxgp
Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25
Warn: Project is vulnerable to: GHSA-8mmm-9v2q-x3f9
Warn: Project is vulnerable to: GHSA-ww39-953v-wcq6
Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm

Score

1.3

/10

Last Scanned on 2024-11-18

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More