npmpackage.info

Gathering detailed insights and metrics for @palmabit/react-cookie-law

Other packages similar to @palmabit/react-cookie-law

@palmabit/react-cookie-law-static-loader

0.7.0

Static loader for react cookie banner GDPR compliance

@keepist/react-gdpr-cookie-banner

0.4.0

GDPR compliant cookie banner for react

vue-cookie-law

1.13.3

🍪 👮 EU Cookie Law Plugin for Vue.js

react-cookie

7.2.2

Universal cookies for React

Gathering detailed insights and metrics for @palmabit/react-cookie-law

@palmabit/react-cookie-law

React Cookie Law is a cookie-info banner compliance with the GDPR and the EU cookie law. It allows the user to give consent in a granular way.

0.7.0

115

JavaScript

13.88 kB

245,891 1.3

Installations

npm install @palmabit/react-cookie-law

Score

33.6

Supply Chain

84.8

Quality

80.6

Maintenance

Vulnerability

87.6

License

Pull Requests

Open

14

Total

44

Closed

6

Merged

24

Issues

Open

15

Total

19

Closed

4

Releases

Unable to fetch releases

Developer

Palmabit-IT

Developer Guide

BETA

Module System

CommonJS

Min. Node Version

Typescript Support

No

Node Version

12.13.0

NPM Version

6.12.0 Statistics

115 Stars

99 Commits

55 Forks

5 Watching

10 Branches

7 Contributors

Updated on 01 Oct 2024

Bundle Size

44.38 kB

Minified

13.88 kB

Minified + Gzipped

Bundlephobia

Languages

JavaScript (100%)

Total Downloads

Cumulative downloads

Total Downloads

245,891

Last day

45.7%

134

Compared to previous day

Last week

8.6%

554

Compared to previous week

Last month

-3.4%

2,252

Compared to previous month

Last year

-31.8%

35,229

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Versions

React Cookie Law

A React Cookie Banner component GDPR compliance.

Preview

Install


yarn add @palmabit/react-cookie-law


npm install --save @palmabit/react-cookie-law

Usage

1import { CookieBanner } from "@palmabit/react-cookie-law";
2
3React.renderComponent(
4  <div>
5    <CookieBanner
6      message="Cookie banner message"
7      wholeDomain={true}
8      onAccept={() => {}}
9      onAcceptPreferences={() => {}}
10      onAcceptStatistics={() => {}}
11      onAcceptMarketing={() => {}}
12    />
13  </div>,
14
15  document.body
16);

Options

Name	Type	Default	Description
className	string		optional. Classes
message	string		Required. Custom text of the banner
wholeDomain	bool	false	optional. Enable or disable the root path '/' option when a cookie is set
policyLink	string	"/#"	optional. Link to privacy policy page
privacyPolicyLinkText	string	"Privacy Policy"	optional. Text for the privacy policy link
necessaryOptionText	string	"Necessary"	optional. Text for the necessary cookies checkbox
preferencesOptionText	string	"Preferences"	optional. Text for the preferences cookies checkbox
statisticsOptionText	string	"Statistics"	optional. Text for the statistics cookies checkbox
marketingOptionText	string	"Marketing"	optional. Text for the marketing cookies checkbox
acceptButtonText	string	"Accept"	optional. Text for the accept button
declineButtonText	string	"Decline"	optional. Text for the decline button
managePreferencesButtonText	string	"Decline"	optional. Text for the manage preferences button
savePreferencesButtonText	string	"Decline"	optional. Text for the save and close* button
showDeclineButton	bool	false	optional. Show or hide the decline button
dismissOnScroll	bool	false	optional. Enable or disable the dismissing on scroll of the banner
showPreferencesOption	bool	true	optional. Show or hide the preferences checkbox
showStatisticsOption	bool	true	optional. Show or hide the statistics checkbox
showMarketingOption	bool	true	optional. Show or hide the marketing checkbox
preferencesDefaultChecked	bool	true	optional. Check the preferences checkbox as default
statisticsDefaultChecked	bool	true	optional. Check the statistics checkbox as default
marketingDefaultChecked	bool	true	optional. Check the marketing checkbox as default
onAccept	function	Function	optional. Callback called when the consent is given
onAcceptPreferences	function	Function	optional. Callback called if preferences cookies is accepted
onAcceptStatistics	function	Function	optional. Callback called if statistics cookies is accepted
onAcceptMarketing	function	Function	optional. Callback called if marketing cookies is accepted
onDeclinePreferences	function	Function	optional. Callback called if preferences cookies is declined
onDeclineStatistics	function	Function	optional. Callback called if statistics cookies is declined
onDeclineMarketing	function	Function	optional. Callback called if marketing cookies is declined
coryphaUserId	string	"1"	optional. User ID of the current user
coryphaDocumentCode	string	"my-app"	optional*. The unique document code assigned to the application
coryphaDocumentLanguage	string	"en"	optional. Callback called if marketing* cookies is declined
coryphaApiKey	string	"12345678-abcd-dcba-abcd-1234567890ab"	optional*. Your Corypha API Key
onAcceptCoryphaPreferences	function	Function	optional. Callback called when Corypha cookies are accepted
onDeclineCoryphaPreferences	function	Function	optional. Callback called when Corypha cookies are declined

*NOTE: coryphaDocumentCode, coryphaDocumentLanguage and coryphaApiKey are required when setting up the Corypha integration.

Style

1<CookieBanner
2  message="Cookie banner message"
3  styles={{
4    dialog: { backgroundColor: "red" },
5  }}
6/>

Style option	Description
dialog	Style that override `.react-cookie-law-dialog` class
container	`.react-cookie-law-container` class
message	Style for banner text (`.react-cookie-law-message` class)
policy	Style for cookie policy link (`.react-cookie-law-policy` class)
selectPane	Style for select pane (`.react-cookie-law-select-pane` class)
optionWrapper	Style for option checkbox wrapper (`.react-cookie-law-option-wrapper` class)
optionLabel	Style for the text of checkbox labels
checkbox	Style for checkboxes (`.react-cookie-law-option-checkbox` class)
buttonWrapper	Style for buttons wrapper (`.react-cookie-law-dialog` class)
button	Style for buttons (`.react-cookie-law-dialog` class)

Test


yarn test


npm test

Author

Palmabit

Licence

See the MIT License

No vulnerabilities found.

10

Binary-Artifacts

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

0

Maintained

Determines if the project is "actively maintained".

0

Code-Review

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

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

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

1.3

/10

Last Scanned on 2024-11-25

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

Other packages similar to @palmabit/react-cookie-law

Other packages similar to @palmabit/react-cookie-law

@palmabit/react-cookie-law

Installations

Score

Pull Requests

14

44

6

24

Issues

15

19

4

Releases

Unable to fetch releases

Developer

Palmabit-IT

Developer Guide

CommonJS

No

12.13.0

6.12.0

Statistics

Bundle Size

44.38 kB

13.88 kB

Languages

Total Downloads

245,891

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

React Cookie Law

Install

Usage

Options

Style

Test

Author

Licence

10

0

0

0

0

0

0

0

0

0

1.3

/10