mirror of
https://github.com/Mastermindzh/react-cookie-consent.git
synced 2025-08-23 17:44:55 +02:00
Compare commits
3 Commits
Author | SHA1 | Date | |
---|---|---|---|
|
fefe28e288 | ||
|
d63cb81fb7 | ||
e96b4fe4c0 |
@@ -5,6 +5,10 @@ All notable changes to this project will be documented in this file.
|
|||||||
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
|
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
|
||||||
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
||||||
|
|
||||||
|
## [[7.3.1]](https://github.com/Mastermindzh/react-cookie-consent/releases/tag/7.3.1)
|
||||||
|
|
||||||
|
- Added type annotations on public functions
|
||||||
|
|
||||||
## [[7.3.0]](https://github.com/Mastermindzh/react-cookie-consent/releases/tag/7.3.0)
|
## [[7.3.0]](https://github.com/Mastermindzh/react-cookie-consent/releases/tag/7.3.0)
|
||||||
|
|
||||||
- added `customButtonProps` that allows to use custom props with the button component. Specifically useful for library buttons components, for e.g. MUI Button.
|
- added `customButtonProps` that allows to use custom props with the button component. Specifically useful for library buttons components, for e.g. MUI Button.
|
||||||
|
4
build/index.d.ts
vendored
4
build/index.d.ts
vendored
@@ -65,12 +65,12 @@ export function getCookieConsentValue(name?: string): string;
|
|||||||
* Remove the cookie on browser in order to allow user to change their consent
|
* Remove the cookie on browser in order to allow user to change their consent
|
||||||
* @param {*} name optional name of the cookie
|
* @param {*} name optional name of the cookie
|
||||||
*/
|
*/
|
||||||
export function resetCookieConsentValue(name?: string);
|
export function resetCookieConsentValue(name?: string): void;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Get the legacy cookie name by the regular cookie name
|
* Get the legacy cookie name by the regular cookie name
|
||||||
* @param {string} name of cookie to get
|
* @param {string} name of cookie to get
|
||||||
*/
|
*/
|
||||||
export function getLegacyCookieName(name: string);
|
export function getLegacyCookieName(name: string): string;
|
||||||
|
|
||||||
export { Cookies };
|
export { Cookies };
|
||||||
|
16
package-lock.json
generated
16
package-lock.json
generated
@@ -1,11 +1,11 @@
|
|||||||
{
|
{
|
||||||
"name": "react-cookie-consent",
|
"name": "react-cookie-consent",
|
||||||
"version": "7.3.0",
|
"version": "7.3.1",
|
||||||
"lockfileVersion": 2,
|
"lockfileVersion": 2,
|
||||||
"requires": true,
|
"requires": true,
|
||||||
"packages": {
|
"packages": {
|
||||||
"": {
|
"": {
|
||||||
"version": "7.3.0",
|
"version": "7.3.1",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"js-cookie": "^2.2.1",
|
"js-cookie": "^2.2.1",
|
||||||
@@ -5044,9 +5044,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/minimist": {
|
"node_modules/minimist": {
|
||||||
"version": "1.2.5",
|
"version": "1.2.6",
|
||||||
"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
|
"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz",
|
||||||
"integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==",
|
"integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"node_modules/minipass": {
|
"node_modules/minipass": {
|
||||||
@@ -11127,9 +11127,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"minimist": {
|
"minimist": {
|
||||||
"version": "1.2.5",
|
"version": "1.2.6",
|
||||||
"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
|
"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz",
|
||||||
"integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==",
|
"integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"minipass": {
|
"minipass": {
|
||||||
|
@@ -4,7 +4,7 @@
|
|||||||
"name": "Rick van Lieshout",
|
"name": "Rick van Lieshout",
|
||||||
"email": "info@rickvanlieshout.com"
|
"email": "info@rickvanlieshout.com"
|
||||||
},
|
},
|
||||||
"version": "7.3.0",
|
"version": "7.3.1",
|
||||||
"description": "A small, simple and customizable cookie consent bar for use in React applications.",
|
"description": "A small, simple and customizable cookie consent bar for use in React applications.",
|
||||||
"main": "build/index.js",
|
"main": "build/index.js",
|
||||||
"types": "build/index.d.ts",
|
"types": "build/index.d.ts",
|
||||||
|
10
src/index.js
10
src/index.js
@@ -27,11 +27,11 @@ export const VISIBLE_OPTIONS = {
|
|||||||
* @param {*} name optional name of the cookie
|
* @param {*} name optional name of the cookie
|
||||||
*/
|
*/
|
||||||
export const getCookieConsentValue = (name = defaultCookieConsentName) => {
|
export const getCookieConsentValue = (name = defaultCookieConsentName) => {
|
||||||
let cookieValue = Cookies.get(name);
|
const cookieValue = Cookies.get(name);
|
||||||
|
|
||||||
// if the cookieValue is undefined check for the legacy cookie
|
// if the cookieValue is undefined check for the legacy cookie
|
||||||
if (cookieValue === undefined) {
|
if (cookieValue === undefined) {
|
||||||
cookieValue = Cookies.get(getLegacyCookieName(name));
|
return Cookies.get(getLegacyCookieName(name));
|
||||||
}
|
}
|
||||||
return cookieValue;
|
return cookieValue;
|
||||||
};
|
};
|
||||||
@@ -201,7 +201,7 @@ class CookieConsent extends Component {
|
|||||||
cookieSecurity = location ? location.protocol === "https:" : true;
|
cookieSecurity = location ? location.protocol === "https:" : true;
|
||||||
}
|
}
|
||||||
|
|
||||||
let cookieOptions = { expires, ...extraCookieOptions, sameSite, secure: cookieSecurity };
|
const cookieOptions = { expires, ...extraCookieOptions, sameSite, secure: cookieSecurity };
|
||||||
|
|
||||||
// Fallback for older browsers where can not set SameSite=None, SEE: https://web.dev/samesite-cookie-recipes/#handling-incompatible-clients
|
// Fallback for older browsers where can not set SameSite=None, SEE: https://web.dev/samesite-cookie-recipes/#handling-incompatible-clients
|
||||||
if (sameSite === SAME_SITE_OPTIONS.NONE) {
|
if (sameSite === SAME_SITE_OPTIONS.NONE) {
|
||||||
@@ -229,12 +229,12 @@ class CookieConsent extends Component {
|
|||||||
const { acceptOnScrollPercentage } = this.props;
|
const { acceptOnScrollPercentage } = this.props;
|
||||||
|
|
||||||
// (top / height) - height * 100
|
// (top / height) - height * 100
|
||||||
let rootNode = document.documentElement,
|
const rootNode = document.documentElement,
|
||||||
body = document.body,
|
body = document.body,
|
||||||
top = "scrollTop",
|
top = "scrollTop",
|
||||||
height = "scrollHeight";
|
height = "scrollHeight";
|
||||||
|
|
||||||
let percentage =
|
const percentage =
|
||||||
((rootNode[top] || body[top]) /
|
((rootNode[top] || body[top]) /
|
||||||
((rootNode[height] || body[height]) - rootNode.clientHeight)) *
|
((rootNode[height] || body[height]) - rootNode.clientHeight)) *
|
||||||
100;
|
100;
|
||||||
|
Reference in New Issue
Block a user