Package Health Score

50 / 100

security
Security review needed
popularity
Small
maintenance
Inactive
community
Active

Explore Similar Packages

Security

Security review needed

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

Version				Vulnerabilities	License Risk
0.6.0	\|	01/2020	Popular	0 C 0 H 0 M 0 L	0 H 0 M 0 L
0.5.0	\|	09/2018		0 C 0 H 0 M 0 L	0 H 0 M 0 L
0.4.2	\|	04/2018		0 C 0 H 0 M 0 L	0 H 0 M 0 L
0.3.7	\|	04/2018		0 C 0 H 0 M 0 L	0 H 0 M 0 L
0.2.0	\|	10/2017		0 C 0 H 0 M 0 L	0 H 0 M 0 L

License

MIT

Security Policy

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Small

Weekly Downloads (8,408)

GitHub Stars: 179
Forks: 202
Contributors: 20

Direct Usage Popularity

The npm package react-data-export receives a total of 8,408 downloads a week. As such, we scored react-data-export popularity level to be Small.

Based on project statistics from the GitHub repository for the npm package react-data-export, we found that it has been starred 179 times.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Community

Active

Readme.md: Yes
Contributing.md: Yes
Code of Conduct: Yes
Contributors: 20
Funding: No

With more than 10 contributors for the react-data-export repository, this is possibly a sign for a growing and inviting community.

Embed Package Health Score Badge

Maintenance

Inactive

Commit Frequency

No Recent Commits

Open Issues: 67
Open PR: 12
Last Release: 5 years ago
Last Commit: 5 years ago

Further analysis of the maintenance status of react-data-export based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Inactive.

An important project maintenance signal to consider for react-data-export is that it hasn't seen any new versions released to npm in the past 12 months, and could be considered as a discontinued project, or that which receives low attention from its maintainers.

In the past month we didn't find any pull request activity or change in issues status has been detected for the GitHub repository.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: not defined

Age: 7 years
Dependencies: 2 Direct
Versions: 14
Install Size: 73.2 kB
Dist-tags: 1
# of Files: 32
Maintainers: 1
TS Typings: No

react-data-export has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Readme

React-Data-Export

⚠️ A complete re-write is coming soon (we won't need xlsx package anymore (It will be backward compatible)⚠️

🆕 I am re-writing complete excel api in JavaScript, please consider contributing or putting your ideas here https://github.com/securedeveloper/javascript-excel (After finishing will update this library)

(❗❗❗The purpose of having a new library is that open source libraries either does not support styling and rest functionality in excel or they are too heavy to consider)

A data export library built with and for React.

Installation

With npm:

npm install react-data-export --save

Code Examples

Excel Props

Prop	Type	Default	Required	Description
hideElement	`bool`	false	`false`	To hide the button & directly download excel file
filename	`string`	Download	`false`	Excel file name to be downloaded
fileExtension	`string`	xlsx	`false`	Download file extension [xlsx]
element	`HTMLElement`	`<button>`	`false`	Element to download excel file
children	`Array`	`null`	`true`	ExcelSheet Represents data

ExcelSheet Props

Prop	Type	Default	Required	Description
name	`string`	`""`	`true`	Sheet name in file
data	`array`	`null`	`false`	Excel Sheet data
dataSet	`array`	`null`	`false`	Excel Sheet data
children	`ExcelColumn`	`null`	`false`	ExcelColumns

Note: In ExcelSheet props dataSet has precedence over data and children props.

For further types and definitions Read More

Cell Style

Cell styles are specified by a style object that roughly parallels the OpenXML structure. The style object has five top-level attributes: fill, font, numFmt, alignment, and border.

Style Attribute	Sub Attributes	Values
fill	patternType	`"solid"` or `"none"`
	fgColor	`COLOR_SPEC`
	bgColor	`COLOR_SPEC`
font	name	`"Calibri"` // default
	sz	`"11"` // font size in points
	color	`COLOR_SPEC`
	bold	`true` or `false`
	underline	`true` or `false`
	italic	`true` or `false`
	strike	`true` or `false`
	outline	`true` or `false`
	shadow	`true` or `false`
	vertAlign	`true` or `false`
numFmt		`"0"` // integer index to built in formats, see StyleBuilder.SSF property
		`"0.00%"` // string matching a built-in format, see StyleBuilder.SSF
		`"0.0%"` // string specifying a custom format
		`"0.00%;\\(0.00%\\);\\-;@"` // string specifying a custom format, escaping special characters
		`"m/dd/yy"` // string a date format using Excel's format notation
alignment	vertical	`"bottom"` or `"center"` or `"top"`
	horizontal	`"bottom"` or `"center"` or `"top"`
	wrapText	`true` or `false`
	readingOrder	`2` // for right-to-left
	textRotation	Number from `0` to `180` or `255` (default is `0`)
		`90` is rotated up 90 degrees
		`45` is rotated up 45 degrees
		`135` is rotated down 45 degrees
		`180` is rotated down 180 degrees
		`255` is special, aligned vertically
border	top	`{ style: BORDER_STYLE, color: COLOR_SPEC }`
	bottom	`{ style: BORDER_STYLE, color: COLOR_SPEC }`
	left	`{ style: BORDER_STYLE, color: COLOR_SPEC }`
	right	`{ style: BORDER_STYLE, color: COLOR_SPEC }`
	diagonal	`{ style: BORDER_STYLE, color: COLOR_SPEC }`
	diagonalUp	`true` or `false`
	diagonalDown	`true` or `false`

COLOR_SPEC: Colors for fill, font, and border are specified as objects, either:

{ auto: 1} specifying automatic values
{ rgb: "FFFFAA00" } specifying a hex ARGB value
{ theme: "1", tint: "-0.25"} specifying an integer index to a theme color and a tint value (default 0)
{ indexed: 64} default value for fill.bgColor

BORDER_STYLE: Border style is a string value which may take on one of the following values:

thin
medium
thick
dotted
hair
dashed
mediumDashed
dashDot
mediumDashDot
dashDotDot
mediumDashDotDot
slantDashDot

Borders for merged areas are specified for each cell within the merged area. So to apply a box border to a merged area of 3x3 cells, border styles would need to be specified for eight different cells:

left borders for the three cells on the left,
right borders for the cells on the right
top borders for the cells on the top
bottom borders for the cells on the left

Dependencies

This library uses file-saver and xlsx and using json-loader will do the magic for you.

///webpack.config.js
vendor: [
        .....
        'xlsx',
        'file-saver'
],
.....
node: {fs: 'empty'},
externals: [
    {'./cptable': 'var cptable'},
    {'./jszip': 'jszip'}
 ]
```</button>

react-data-export dependencies

file-saver tempa-xlsx

FAQs

What is react-data-export?

A set of tools to export dataset from react to different formats. Visit Snyk Advisor to see a full health score report for react-data-export, including popularity, security, maintenance & community analysis.

Is react-data-export popular?

The npm package react-data-export receives a total of 8,408 weekly downloads. As such, react-data-export popularity was classified as small. Visit the popularity section on Snyk Advisor to see the full health analysis.

Is react-data-export well maintained?

We found indications that react-data-export is an Inactive project. See the full package health analysis to learn more about the package maintenance status.

Is react-data-export safe to use?

While scanning the latest version of react-data-export, we found that a security review is needed. A total of 0 vulnerabilities or license issues were detected. See the full security scan results.

Last updated on 21 December-2024, at 05:15 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP