@lidofinance/lido-ui 3.25.0 → 3.26.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/cookies-tooltip/cookies-tooltip.js +11 -4
- package/dist/cjs/cookies-tooltip/cookies-tooltip.js.map +1 -1
- package/dist/cjs/hooks/useLockScroll.js +1 -1
- package/dist/cjs/hooks/useLockScroll.js.map +1 -1
- package/dist/esm/cookies-tooltip/cookies-tooltip.mjs +11 -4
- package/dist/esm/cookies-tooltip/cookies-tooltip.mjs.map +1 -1
- package/dist/esm/hooks/useLockScroll.mjs +1 -1
- package/dist/esm/hooks/useLockScroll.mjs.map +1 -1
- package/dist/types/cookies-tooltip/cookies-tooltip.d.ts +6 -2
- package/dist/types/cookies-tooltip/cookies-tooltip.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -10,7 +10,12 @@ const utils = require('./utils.js');
|
|
|
10
10
|
const constants = require('./constants.js');
|
|
11
11
|
const jsxRuntime = require('react/jsx-runtime');
|
|
12
12
|
|
|
13
|
-
const CookiesTooltip =
|
|
13
|
+
const CookiesTooltip = _ref => {
|
|
14
|
+
let {
|
|
15
|
+
privacyText,
|
|
16
|
+
privacyLink,
|
|
17
|
+
...rest
|
|
18
|
+
} = _ref;
|
|
14
19
|
const [isVisible, setVisibility] = React.useState(false);
|
|
15
20
|
const checkCookieAllowedEarlier = React.useCallback(() => {
|
|
16
21
|
// Check if user allowed/declined in other tab or third level domain
|
|
@@ -30,11 +35,13 @@ const CookiesTooltip = () => {
|
|
|
30
35
|
window.addEventListener('focus', checkCookieAllowedEarlier);
|
|
31
36
|
}, [checkCookieAllowedEarlier]);
|
|
32
37
|
if (!isVisible) return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
|
|
33
|
-
return /*#__PURE__*/jsxRuntime.jsx(styles.Wrap, {
|
|
38
|
+
return /*#__PURE__*/jsxRuntime.jsx(styles.Wrap, { ...rest,
|
|
34
39
|
children: /*#__PURE__*/jsxRuntime.jsxs(styles.Box, {
|
|
35
40
|
children: [/*#__PURE__*/jsxRuntime.jsxs(styles.Text, {
|
|
36
|
-
children: [
|
|
37
|
-
|
|
41
|
+
children: [privacyText ?? /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
42
|
+
children: "Cookies are used to collect anonymous site visitation data to\xA0improve website performance. For\xA0more info, read\xA0"
|
|
43
|
+
}), /*#__PURE__*/jsxRuntime.jsx(styles.ExternalLink, {
|
|
44
|
+
href: privacyLink ?? 'https://lido.fi/privacy-notice',
|
|
38
45
|
children: "Privacy Notice"
|
|
39
46
|
})]
|
|
40
47
|
}), /*#__PURE__*/jsxRuntime.jsxs(styles.ButtonsWrap, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cookies-tooltip.js","sources":["../../../packages/cookies-tooltip/cookies-tooltip.tsx"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"cookies-tooltip.js","sources":["../../../packages/cookies-tooltip/cookies-tooltip.tsx"],"sourcesContent":["import {\n FC,\n useEffect,\n useState,\n useCallback,\n ComponentPropsWithoutRef,\n ReactNode,\n} from 'react'\nimport { getCrossDomainCookieClientSide } from '../utils/index.js'\nimport {\n Wrap,\n Box,\n Text,\n ButtonsWrap,\n AllowButton,\n DeclineButton,\n ExternalLink,\n} from './styles.js'\nimport { allowCookies, declineCookies } from './utils.js'\nimport { COOKIE_ALLOWED_KEY } from './constants.js'\n\nexport type CookiesTooltipProps = Omit<\n ComponentPropsWithoutRef<'div'>,\n 'children'\n> & {\n privacyText?: ReactNode\n privacyLink?: string\n}\n\nexport const CookiesTooltip: FC<CookiesTooltipProps> = ({\n privacyText,\n privacyLink,\n ...rest\n}) => {\n const [isVisible, setVisibility] = useState(false)\n\n const checkCookieAllowedEarlier = useCallback(() => {\n // Check if user allowed/declined in other tab or third level domain\n if (getCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY)) {\n setVisibility(false)\n\n window.removeEventListener('focus', checkCookieAllowedEarlier)\n }\n }, [])\n\n useEffect(() => {\n // Check cookie after page loaded\n if (getCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY)) {\n return\n }\n\n setVisibility(true)\n\n // This code runs after returned to this browser tab (window) from other\n window.addEventListener('focus', checkCookieAllowedEarlier)\n }, [checkCookieAllowedEarlier])\n\n if (!isVisible) return <></>\n\n return (\n <Wrap {...rest}>\n <Box>\n <Text>\n {privacyText ?? (\n <>\n Cookies are used to collect anonymous site visitation data\n to improve website performance. For more info,\n read \n </>\n )}\n <ExternalLink href={privacyLink ?? 'https://lido.fi/privacy-notice'}>\n Privacy Notice\n </ExternalLink>\n </Text>\n <ButtonsWrap>\n <AllowButton\n onClick={() => {\n allowCookies()\n setVisibility(false)\n }}\n >\n Allow\n </AllowButton>\n <DeclineButton\n onClick={() => {\n declineCookies()\n setVisibility(false)\n }}\n >\n Decline\n </DeclineButton>\n </ButtonsWrap>\n </Box>\n </Wrap>\n )\n}\n"],"names":["CookiesTooltip","privacyText","privacyLink","rest","isVisible","setVisibility","useState","checkCookieAllowedEarlier","useCallback","getCrossDomainCookieClientSide","COOKIE_ALLOWED_KEY","window","removeEventListener","useEffect","addEventListener","_jsx","_Fragment","Wrap","_jsxs","Box","Text","ExternalLink","ButtonsWrap","AllowButton","allowCookies","DeclineButton","declineCookies"],"mappings":";;;;;;;;;;;;AA6BO,MAAMA,cAAuC,GAAG,IAIjD,IAAA;EAAA,IAJkD;IACtDC,WADsD;IAEtDC,WAFsD;IAGtD,GAAGC,IAAAA;GACC,GAAA,IAAA,CAAA;EACJ,MAAM,CAACC,SAAD,EAAYC,aAAZ,IAA6BC,cAAQ,CAAC,KAAD,CAA3C,CAAA;AAEA,EAAA,MAAMC,yBAAyB,GAAGC,iBAAW,CAAC,MAAM;AAClD;AACA,IAAA,IAAIC,gDAA8B,CAACC,4BAAD,CAAlC,EAAwD;MACtDL,aAAa,CAAC,KAAD,CAAb,CAAA;AAEAM,MAAAA,MAAM,CAACC,mBAAP,CAA2B,OAA3B,EAAoCL,yBAApC,CAAA,CAAA;AACD,KAAA;GAN0C,EAO1C,EAP0C,CAA7C,CAAA;AASAM,EAAAA,eAAS,CAAC,MAAM;AACd;AACA,IAAA,IAAIJ,gDAA8B,CAACC,4BAAD,CAAlC,EAAwD;AACtD,MAAA,OAAA;AACD,KAAA;;AAEDL,IAAAA,aAAa,CAAC,IAAD,CAAb,CANc;;AASdM,IAAAA,MAAM,CAACG,gBAAP,CAAwB,OAAxB,EAAiCP,yBAAjC,CAAA,CAAA;AACD,GAVQ,EAUN,CAACA,yBAAD,CAVM,CAAT,CAAA;AAYA,EAAA,IAAI,CAACH,SAAL,EAAgB,oBAAOW,cAAP,CAAAC,mBAAA,EAAA,EAAA,CAAA,CAAA;EAEhB,oBACED,cAAA,CAACE,WAAD,EAAA,EAAA,GAAUd,IAAV;AAAA,IAAA,QAAA,eACEe,gBAACC,UAAD,EAAA;AAAA,MAAA,QAAA,EAAA,cACED,gBAACE,WAAD,EAAA;AAAA,QAAA,QAAA,EAAA,CACGnB,WAAW,iBACVc,cAAA,CAAAC,mBAAA,EAAA;AAAA,UAAA,QAAA,EAAA,0HAAA;SAFJ,CAAA,eAQED,eAACM,mBAAD,EAAA;UAAc,IAAI,EAAEnB,WAAW,IAAI,gCAAnC;AAAA,UAAA,QAAA,EAAA,gBAAA;SARF,CAAA,CAAA;OADF,CAAA,eAaEgB,gBAACI,kBAAD,EAAA;AAAA,QAAA,QAAA,EAAA,cACEP,eAACQ,kBAAD,EAAA;AACE,UAAA,OAAO,EAAE,MAAM;YACbC,kBAAY,EAAA,CAAA;YACZnB,aAAa,CAAC,KAAD,CAAb,CAAA;WAHJ;AAAA,UAAA,QAAA,EAAA,OAAA;SADF,CAAA,eASEU,eAACU,oBAAD,EAAA;AACE,UAAA,OAAO,EAAE,MAAM;YACbC,oBAAc,EAAA,CAAA;YACdrB,aAAa,CAAC,KAAD,CAAb,CAAA;WAHJ;AAAA,UAAA,QAAA,EAAA,SAAA;SATF,CAAA,CAAA;OAbF,CAAA,CAAA;AAAA,KAAA,CAAA;GAFJ,CAAA,CAAA;AAoCD;;;;"}
|
|
@@ -21,7 +21,7 @@ const getScrollbarSize = () => {
|
|
|
21
21
|
|
|
22
22
|
const isVerticalScroll = element => {
|
|
23
23
|
const isBody = document.body === element;
|
|
24
|
-
return isBody ?
|
|
24
|
+
return isBody ? document.documentElement.scrollHeight > window.innerHeight : element.scrollHeight > element.clientHeight;
|
|
25
25
|
};
|
|
26
26
|
|
|
27
27
|
const getPaddingRight = element => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useLockScroll.js","sources":["../../../packages/hooks/useLockScroll.ts"],"sourcesContent":["import { useCallback, useLayoutEffect } from 'react'\n\nconst getScrollbarSize = (): number => {\n const tempDiv = document.createElement('div')\n\n Object.assign(tempDiv.style, {\n position: 'absolute',\n left: '-9000px',\n width: '100px',\n height: '100px',\n overflow: 'scroll',\n })\n\n document.body.appendChild(tempDiv)\n const scrollbarSize = tempDiv.offsetWidth - tempDiv.clientWidth\n document.body.removeChild(tempDiv)\n\n return scrollbarSize\n}\n\nconst isVerticalScroll = (element: HTMLElement): boolean => {\n const isBody = document.body === element\n\n return isBody\n ?
|
|
1
|
+
{"version":3,"file":"useLockScroll.js","sources":["../../../packages/hooks/useLockScroll.ts"],"sourcesContent":["import { useCallback, useLayoutEffect } from 'react'\n\nconst getScrollbarSize = (): number => {\n const tempDiv = document.createElement('div')\n\n Object.assign(tempDiv.style, {\n position: 'absolute',\n left: '-9000px',\n width: '100px',\n height: '100px',\n overflow: 'scroll',\n })\n\n document.body.appendChild(tempDiv)\n const scrollbarSize = tempDiv.offsetWidth - tempDiv.clientWidth\n document.body.removeChild(tempDiv)\n\n return scrollbarSize\n}\n\nconst isVerticalScroll = (element: HTMLElement): boolean => {\n const isBody = document.body === element\n\n return isBody\n ? document.documentElement.scrollHeight > window.innerHeight\n : element.scrollHeight > element.clientHeight\n}\n\nconst getPaddingRight = (element: HTMLElement): number => {\n return parseInt(window.getComputedStyle(element).paddingRight, 10) || 0\n}\n\nconst setStyleProperty = (\n element: HTMLElement,\n property: string,\n value?: string,\n): void => {\n if (value) {\n element.style.setProperty(property, value)\n } else {\n element.style.removeProperty(property)\n }\n}\n\nexport const useLockScroll = (element: HTMLElement = document.body): void => {\n const lockScroll = useCallback(() => {\n if (!isVerticalScroll(element)) return\n\n const previousValues = {\n paddingRight: element.style.paddingRight,\n overflow: element.style.overflow,\n }\n\n const paddingRight = getPaddingRight(element) + getScrollbarSize()\n setStyleProperty(element, 'padding-right', `${paddingRight}px`)\n setStyleProperty(element, 'overflow', 'hidden')\n\n const unlockScroll = () => {\n const { paddingRight, overflow } = previousValues\n\n setStyleProperty(element, 'padding-right', paddingRight)\n setStyleProperty(element, 'overflow', overflow)\n }\n\n return unlockScroll\n }, [element])\n\n useLayoutEffect(() => {\n const unlockScroll = lockScroll()\n return unlockScroll\n }, [lockScroll])\n}\n"],"names":["getScrollbarSize","tempDiv","document","createElement","Object","assign","style","position","left","width","height","overflow","body","appendChild","scrollbarSize","offsetWidth","clientWidth","removeChild","isVerticalScroll","element","isBody","documentElement","scrollHeight","window","innerHeight","clientHeight","getPaddingRight","parseInt","getComputedStyle","paddingRight","setStyleProperty","property","value","setProperty","removeProperty","useLockScroll","lockScroll","useCallback","previousValues","unlockScroll","useLayoutEffect"],"mappings":"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"}
|
|
@@ -6,7 +6,12 @@ import { allowCookies, declineCookies } from './utils.mjs';
|
|
|
6
6
|
import { COOKIE_ALLOWED_KEY } from './constants.mjs';
|
|
7
7
|
import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
8
8
|
|
|
9
|
-
const CookiesTooltip =
|
|
9
|
+
const CookiesTooltip = _ref => {
|
|
10
|
+
let {
|
|
11
|
+
privacyText,
|
|
12
|
+
privacyLink,
|
|
13
|
+
...rest
|
|
14
|
+
} = _ref;
|
|
10
15
|
const [isVisible, setVisibility] = useState(false);
|
|
11
16
|
const checkCookieAllowedEarlier = useCallback(() => {
|
|
12
17
|
// Check if user allowed/declined in other tab or third level domain
|
|
@@ -26,11 +31,13 @@ const CookiesTooltip = () => {
|
|
|
26
31
|
window.addEventListener('focus', checkCookieAllowedEarlier);
|
|
27
32
|
}, [checkCookieAllowedEarlier]);
|
|
28
33
|
if (!isVisible) return /*#__PURE__*/jsx(Fragment, {});
|
|
29
|
-
return /*#__PURE__*/jsx(Wrap, {
|
|
34
|
+
return /*#__PURE__*/jsx(Wrap, { ...rest,
|
|
30
35
|
children: /*#__PURE__*/jsxs(Box, {
|
|
31
36
|
children: [/*#__PURE__*/jsxs(Text, {
|
|
32
|
-
children: [
|
|
33
|
-
|
|
37
|
+
children: [privacyText ?? /*#__PURE__*/jsx(Fragment, {
|
|
38
|
+
children: "Cookies are used to collect anonymous site visitation data to\xA0improve website performance. For\xA0more info, read\xA0"
|
|
39
|
+
}), /*#__PURE__*/jsx(ExternalLink, {
|
|
40
|
+
href: privacyLink ?? 'https://lido.fi/privacy-notice',
|
|
34
41
|
children: "Privacy Notice"
|
|
35
42
|
})]
|
|
36
43
|
}), /*#__PURE__*/jsxs(ButtonsWrap, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cookies-tooltip.mjs","sources":["../../../packages/cookies-tooltip/cookies-tooltip.tsx"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"cookies-tooltip.mjs","sources":["../../../packages/cookies-tooltip/cookies-tooltip.tsx"],"sourcesContent":["import {\n FC,\n useEffect,\n useState,\n useCallback,\n ComponentPropsWithoutRef,\n ReactNode,\n} from 'react'\nimport { getCrossDomainCookieClientSide } from '../utils/index.js'\nimport {\n Wrap,\n Box,\n Text,\n ButtonsWrap,\n AllowButton,\n DeclineButton,\n ExternalLink,\n} from './styles.js'\nimport { allowCookies, declineCookies } from './utils.js'\nimport { COOKIE_ALLOWED_KEY } from './constants.js'\n\nexport type CookiesTooltipProps = Omit<\n ComponentPropsWithoutRef<'div'>,\n 'children'\n> & {\n privacyText?: ReactNode\n privacyLink?: string\n}\n\nexport const CookiesTooltip: FC<CookiesTooltipProps> = ({\n privacyText,\n privacyLink,\n ...rest\n}) => {\n const [isVisible, setVisibility] = useState(false)\n\n const checkCookieAllowedEarlier = useCallback(() => {\n // Check if user allowed/declined in other tab or third level domain\n if (getCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY)) {\n setVisibility(false)\n\n window.removeEventListener('focus', checkCookieAllowedEarlier)\n }\n }, [])\n\n useEffect(() => {\n // Check cookie after page loaded\n if (getCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY)) {\n return\n }\n\n setVisibility(true)\n\n // This code runs after returned to this browser tab (window) from other\n window.addEventListener('focus', checkCookieAllowedEarlier)\n }, [checkCookieAllowedEarlier])\n\n if (!isVisible) return <></>\n\n return (\n <Wrap {...rest}>\n <Box>\n <Text>\n {privacyText ?? (\n <>\n Cookies are used to collect anonymous site visitation data\n to improve website performance. For more info,\n read \n </>\n )}\n <ExternalLink href={privacyLink ?? 'https://lido.fi/privacy-notice'}>\n Privacy Notice\n </ExternalLink>\n </Text>\n <ButtonsWrap>\n <AllowButton\n onClick={() => {\n allowCookies()\n setVisibility(false)\n }}\n >\n Allow\n </AllowButton>\n <DeclineButton\n onClick={() => {\n declineCookies()\n setVisibility(false)\n }}\n >\n Decline\n </DeclineButton>\n </ButtonsWrap>\n </Box>\n </Wrap>\n )\n}\n"],"names":["CookiesTooltip","privacyText","privacyLink","rest","isVisible","setVisibility","useState","checkCookieAllowedEarlier","useCallback","getCrossDomainCookieClientSide","COOKIE_ALLOWED_KEY","window","removeEventListener","useEffect","addEventListener","_jsx","_Fragment","_jsxs","allowCookies","declineCookies"],"mappings":";;;;;;;;AA6BO,MAAMA,cAAuC,GAAG,IAIjD,IAAA;EAAA,IAJkD;IACtDC,WADsD;IAEtDC,WAFsD;IAGtD,GAAGC,IAAAA;GACC,GAAA,IAAA,CAAA;EACJ,MAAM,CAACC,SAAD,EAAYC,aAAZ,IAA6BC,QAAQ,CAAC,KAAD,CAA3C,CAAA;AAEA,EAAA,MAAMC,yBAAyB,GAAGC,WAAW,CAAC,MAAM;AAClD;AACA,IAAA,IAAIC,8BAA8B,CAACC,kBAAD,CAAlC,EAAwD;MACtDL,aAAa,CAAC,KAAD,CAAb,CAAA;AAEAM,MAAAA,MAAM,CAACC,mBAAP,CAA2B,OAA3B,EAAoCL,yBAApC,CAAA,CAAA;AACD,KAAA;GAN0C,EAO1C,EAP0C,CAA7C,CAAA;AASAM,EAAAA,SAAS,CAAC,MAAM;AACd;AACA,IAAA,IAAIJ,8BAA8B,CAACC,kBAAD,CAAlC,EAAwD;AACtD,MAAA,OAAA;AACD,KAAA;;AAEDL,IAAAA,aAAa,CAAC,IAAD,CAAb,CANc;;AASdM,IAAAA,MAAM,CAACG,gBAAP,CAAwB,OAAxB,EAAiCP,yBAAjC,CAAA,CAAA;AACD,GAVQ,EAUN,CAACA,yBAAD,CAVM,CAAT,CAAA;AAYA,EAAA,IAAI,CAACH,SAAL,EAAgB,oBAAOW,GAAP,CAAAC,QAAA,EAAA,EAAA,CAAA,CAAA;EAEhB,oBACED,GAAA,CAAC,IAAD,EAAA,EAAA,GAAUZ,IAAV;AAAA,IAAA,QAAA,eACEc,KAAC,GAAD,EAAA;AAAA,MAAA,QAAA,EAAA,cACEA,KAAC,IAAD,EAAA;AAAA,QAAA,QAAA,EAAA,CACGhB,WAAW,iBACVc,GAAA,CAAAC,QAAA,EAAA;AAAA,UAAA,QAAA,EAAA,0HAAA;SAFJ,CAAA,eAQED,IAAC,YAAD,EAAA;UAAc,IAAI,EAAEb,WAAW,IAAI,gCAAnC;AAAA,UAAA,QAAA,EAAA,gBAAA;SARF,CAAA,CAAA;OADF,CAAA,eAaEe,KAAC,WAAD,EAAA;AAAA,QAAA,QAAA,EAAA,cACEF,IAAC,WAAD,EAAA;AACE,UAAA,OAAO,EAAE,MAAM;YACbG,YAAY,EAAA,CAAA;YACZb,aAAa,CAAC,KAAD,CAAb,CAAA;WAHJ;AAAA,UAAA,QAAA,EAAA,OAAA;SADF,CAAA,eASEU,IAAC,aAAD,EAAA;AACE,UAAA,OAAO,EAAE,MAAM;YACbI,cAAc,EAAA,CAAA;YACdd,aAAa,CAAC,KAAD,CAAb,CAAA;WAHJ;AAAA,UAAA,QAAA,EAAA,SAAA;SATF,CAAA,CAAA;OAbF,CAAA,CAAA;AAAA,KAAA,CAAA;GAFJ,CAAA,CAAA;AAoCD;;;;"}
|
|
@@ -17,7 +17,7 @@ const getScrollbarSize = () => {
|
|
|
17
17
|
|
|
18
18
|
const isVerticalScroll = element => {
|
|
19
19
|
const isBody = document.body === element;
|
|
20
|
-
return isBody ?
|
|
20
|
+
return isBody ? document.documentElement.scrollHeight > window.innerHeight : element.scrollHeight > element.clientHeight;
|
|
21
21
|
};
|
|
22
22
|
|
|
23
23
|
const getPaddingRight = element => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useLockScroll.mjs","sources":["../../../packages/hooks/useLockScroll.ts"],"sourcesContent":["import { useCallback, useLayoutEffect } from 'react'\n\nconst getScrollbarSize = (): number => {\n const tempDiv = document.createElement('div')\n\n Object.assign(tempDiv.style, {\n position: 'absolute',\n left: '-9000px',\n width: '100px',\n height: '100px',\n overflow: 'scroll',\n })\n\n document.body.appendChild(tempDiv)\n const scrollbarSize = tempDiv.offsetWidth - tempDiv.clientWidth\n document.body.removeChild(tempDiv)\n\n return scrollbarSize\n}\n\nconst isVerticalScroll = (element: HTMLElement): boolean => {\n const isBody = document.body === element\n\n return isBody\n ?
|
|
1
|
+
{"version":3,"file":"useLockScroll.mjs","sources":["../../../packages/hooks/useLockScroll.ts"],"sourcesContent":["import { useCallback, useLayoutEffect } from 'react'\n\nconst getScrollbarSize = (): number => {\n const tempDiv = document.createElement('div')\n\n Object.assign(tempDiv.style, {\n position: 'absolute',\n left: '-9000px',\n width: '100px',\n height: '100px',\n overflow: 'scroll',\n })\n\n document.body.appendChild(tempDiv)\n const scrollbarSize = tempDiv.offsetWidth - tempDiv.clientWidth\n document.body.removeChild(tempDiv)\n\n return scrollbarSize\n}\n\nconst isVerticalScroll = (element: HTMLElement): boolean => {\n const isBody = document.body === element\n\n return isBody\n ? document.documentElement.scrollHeight > window.innerHeight\n : element.scrollHeight > element.clientHeight\n}\n\nconst getPaddingRight = (element: HTMLElement): number => {\n return parseInt(window.getComputedStyle(element).paddingRight, 10) || 0\n}\n\nconst setStyleProperty = (\n element: HTMLElement,\n property: string,\n value?: string,\n): void => {\n if (value) {\n element.style.setProperty(property, value)\n } else {\n element.style.removeProperty(property)\n }\n}\n\nexport const useLockScroll = (element: HTMLElement = document.body): void => {\n const lockScroll = useCallback(() => {\n if (!isVerticalScroll(element)) return\n\n const previousValues = {\n paddingRight: element.style.paddingRight,\n overflow: element.style.overflow,\n }\n\n const paddingRight = getPaddingRight(element) + getScrollbarSize()\n setStyleProperty(element, 'padding-right', `${paddingRight}px`)\n setStyleProperty(element, 'overflow', 'hidden')\n\n const unlockScroll = () => {\n const { paddingRight, overflow } = previousValues\n\n setStyleProperty(element, 'padding-right', paddingRight)\n setStyleProperty(element, 'overflow', overflow)\n }\n\n return unlockScroll\n }, [element])\n\n useLayoutEffect(() => {\n const unlockScroll = lockScroll()\n return unlockScroll\n }, [lockScroll])\n}\n"],"names":["getScrollbarSize","tempDiv","document","createElement","Object","assign","style","position","left","width","height","overflow","body","appendChild","scrollbarSize","offsetWidth","clientWidth","removeChild","isVerticalScroll","element","isBody","documentElement","scrollHeight","window","innerHeight","clientHeight","getPaddingRight","parseInt","getComputedStyle","paddingRight","setStyleProperty","property","value","setProperty","removeProperty","useLockScroll","lockScroll","useCallback","previousValues","unlockScroll","useLayoutEffect"],"mappings":"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"}
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
export declare
|
|
1
|
+
import { FC, ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
|
+
export declare type CookiesTooltipProps = Omit<ComponentPropsWithoutRef<'div'>, 'children'> & {
|
|
3
|
+
privacyText?: ReactNode;
|
|
4
|
+
privacyLink?: string;
|
|
5
|
+
};
|
|
6
|
+
export declare const CookiesTooltip: FC<CookiesTooltipProps>;
|
|
3
7
|
//# sourceMappingURL=cookies-tooltip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cookies-tooltip.d.ts","sourceRoot":"","sources":["../../../packages/cookies-tooltip/cookies-tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"cookies-tooltip.d.ts","sourceRoot":"","sources":["../../../packages/cookies-tooltip/cookies-tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,EAAE,EAIF,wBAAwB,EACxB,SAAS,EACV,MAAM,OAAO,CAAA;AAcd,oBAAY,mBAAmB,GAAG,IAAI,CACpC,wBAAwB,CAAC,KAAK,CAAC,EAC/B,UAAU,CACX,GAAG;IACF,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAkElD,CAAA"}
|