nine3-cookie-consent - npm Package Compare versions

Comparing version 0.1.2 to 0.1.3

build/index.d.ts

@@ -8,2 +8,5 @@ import * as React from "react";
   buttonText?: Function | React.ReactNode;
+  cookieClass?: string;
+  messageClass?: string;
+  buttonClass?: string;
   debug?: boolean;
@@ -10,0 +13,0 @@ expires?: number;

build/index.js

@@ -591,2 +591,5 @@ module.exports =
           buttonText = _props2.buttonText,
+          cookieClassName = _props2.cookieClassName,
+          messageClassName = _props2.messageClassName,
+          buttonClassName = _props2.buttonClassName,
           ButtonComponent = _props2.ButtonComponent;
@@ -597,6 +600,6 @@
         "div",
-        { className: "cookieConsent" },
+        { className: cookieClass },
         _react2.default.createElement(
           "div",
-          null,
+          { className: messageClass },
           this.props.children
@@ -606,3 +609,3 @@ ),
           ButtonComponent,
-          { key: "acceptButton", onClick: function onClick() {
+          { className: buttonClass, key: "acceptButton", onClick: function onClick() {
               _this2.accept();
@@ -623,2 +626,5 @@ } },
   buttonText: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.func, _propTypes2.default.element]),
+  cookieClass: _propTypes2.default.onOfType([_propTypes2.default.string, _propTypes2.default.func, _propTypes2.default.element]),
+  messageClass: _propTypes2.default.onOfType([_propTypes2.default.string, _propTypes2.default.func, _propTypes2.default.element]),
+  buttonClass: _propTypes2.default.onOfType([_propTypes2.default.string, _propTypes2.default.func, _propTypes2.default.element]),
   debug: _propTypes2.default.bool,
@@ -632,3 +638,3 @@ expires: _propTypes2.default.number,
   buttonText: 'I understand',
-  expires: 365,
+  expires: 150,
   ButtonComponent: function ButtonComponent(_ref) {
@@ -635,0 +641,0 @@ var children = _ref.children,

package.json

 {
   "name": "nine3-cookie-consent",
   "author": "93digital",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "A simplified cookie consent bar for React applications. Forked from https://github.com/Mastermindzh/react-cookie-consent",
@@ -6,0 +6,0 @@ "main": "build/index.js",

README.md

@@ -58,8 +58,6 @@ # :cookie: nine3-cookie-consent
 
-Because the cookie consent bar will be hidden once accepted, you will have to set the prop `debug={true}` to evaluate styling changes:
+Because the cookie consent bar will be hidden once accepted, you will have to set the prop `debug` to evaluate styling changes:
 
 ```js
-<CookieConsent
-    debug={true}
->
+<CookieConsent debug>
 </CookieConsent>
@@ -66,0 +64,0 @@ ```

src/index.d.ts

@@ -8,2 +8,5 @@ import * as React from "react";
   buttonText?: Function | React.ReactNode;
+  cookieClass?: string;
+  messageClass?: string;
+  buttonClass?: string;
   debug?: boolean;
@@ -10,0 +13,0 @@ expires?: number;

src/index.js

@@ -46,2 +46,5 @@ import React, { Component } from "react";
       buttonText,
+      cookieClassName,
+      messageClassName,
+      buttonClassName,
       ButtonComponent
@@ -51,5 +54,5 @@ } = this.props;
     return (
-      <div className="cookieConsent">
-        <div>{this.props.children}</div>
-        <ButtonComponent key="acceptButton" onClick={() => { this.accept() }}>{buttonText}</ButtonComponent>
+      <div className={cookieClass}>
+        <div className={messageClass}>{this.props.children}</div>
+        <ButtonComponent className={buttonClass} key="acceptButton" onClick={() => { this.accept() }}>{buttonText}</ButtonComponent>
       </div>
@@ -64,2 +67,5 @@ );
   buttonText: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.element]),
+  cookieClass: PropTypes.onOfType([PropTypes.string, PropTypes.func, PropTypes.element]),
+  messageClass: PropTypes.onOfType([PropTypes.string, PropTypes.func, PropTypes.element]),
+  buttonClass: PropTypes.onOfType([PropTypes.string, PropTypes.func, PropTypes.element]),
   debug: PropTypes.bool,
@@ -73,3 +79,3 @@ expires: PropTypes.number,
   buttonText: 'I understand',
-  expires: 365,
+  expires: 150,
   ButtonComponent: ({ children, ...props }) => <button {...props}>{children}</button>
@@ -76,0 +82,0 @@ };

No alert changes

Improved metrics

Total package byte prevSize

134807

increased by0.83%

Lines of code

1695

increased by1.07%

Worsened metrics

Number of lines in readme file

66

decreased by-2.94%

No dependency changes