smarthr-ui 46.0.0 → 46.0.1
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/esm/components/Dialog/BodyScrollSuppressor.d.ts +2 -0
- package/esm/components/Dialog/BodyScrollSuppressor.js +30 -0
- package/esm/components/Dialog/BodyScrollSuppressor.js.map +1 -0
- package/esm/components/Dialog/DialogContentInner.js +3 -3
- package/esm/components/Dialog/DialogContentInner.js.map +1 -1
- package/lib/components/Dialog/BodyScrollSuppressor.d.ts +2 -0
- package/lib/components/Dialog/BodyScrollSuppressor.js +57 -0
- package/lib/components/Dialog/BodyScrollSuppressor.js.map +1 -0
- package/lib/components/Dialog/DialogContentInner.js +3 -3
- package/lib/components/Dialog/DialogContentInner.js.map +1 -1
- package/package.json +2 -2
- package/esm/components/Dialog/useBodyScrollLock.d.ts +0 -1
- package/esm/components/Dialog/useBodyScrollLock.js +0 -26
- package/esm/components/Dialog/useBodyScrollLock.js.map +0 -1
- package/lib/components/Dialog/useBodyScrollLock.d.ts +0 -1
- package/lib/components/Dialog/useBodyScrollLock.js +0 -30
- package/lib/components/Dialog/useBodyScrollLock.js.map +0 -1
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React, { useEffect, useState } from 'react';
|
|
2
|
+
import { createGlobalStyle, css } from 'styled-components';
|
|
3
|
+
export const BodyScrollSuppressor = () => {
|
|
4
|
+
const [scrollBarWidth, setScrollBarWidth] = useState(null);
|
|
5
|
+
const [paddingRight, setPaddingRight] = useState(null);
|
|
6
|
+
useEffect(() => {
|
|
7
|
+
setScrollBarWidth(window.innerWidth - document.body.clientWidth);
|
|
8
|
+
}, []);
|
|
9
|
+
useEffect(() => {
|
|
10
|
+
if (scrollBarWidth === null) {
|
|
11
|
+
return;
|
|
12
|
+
}
|
|
13
|
+
const originalPaddingRight = getComputedStyle(document.body).getPropertyValue('padding-right');
|
|
14
|
+
setPaddingRight(scrollBarWidth + parseInt(originalPaddingRight, 10));
|
|
15
|
+
}, [scrollBarWidth]);
|
|
16
|
+
if (scrollBarWidth === null) {
|
|
17
|
+
return null;
|
|
18
|
+
}
|
|
19
|
+
return React.createElement(ScrollSuppressing, { paddingRight: paddingRight });
|
|
20
|
+
};
|
|
21
|
+
const ScrollSuppressing = createGlobalStyle `
|
|
22
|
+
body {
|
|
23
|
+
overflow: hidden;
|
|
24
|
+
${({ paddingRight }) => paddingRight &&
|
|
25
|
+
css `
|
|
26
|
+
padding-right: ${paddingRight}px !important;
|
|
27
|
+
`}
|
|
28
|
+
}
|
|
29
|
+
`;
|
|
30
|
+
//# sourceMappingURL=BodyScrollSuppressor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BodyScrollSuppressor.js","sourceRoot":"","sources":["../../../src/components/Dialog/BodyScrollSuppressor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE1D,MAAM,CAAC,MAAM,oBAAoB,GAAO,GAAG,EAAE;IAC3C,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAA;IACzE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAA;IAErE,SAAS,CAAC,GAAG,EAAE;QACb,iBAAiB,CAAC,MAAM,CAAC,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;IAClE,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAc,KAAK,IAAI,EAAE,CAAC;YAC5B,OAAM;QACR,CAAC;QACD,MAAM,oBAAoB,GAAG,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAA;QAC9F,eAAe,CAAC,cAAc,GAAG,QAAQ,CAAC,oBAAoB,EAAE,EAAE,CAAC,CAAC,CAAA;IACtE,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,IAAI,cAAc,KAAK,IAAI,EAAE,CAAC;QAC5B,OAAO,IAAI,CAAA;IACb,CAAC;IACD,OAAO,oBAAC,iBAAiB,IAAC,YAAY,EAAE,YAAY,GAAI,CAAA;AAC1D,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,iBAAiB,CAEzC;;;MAGI,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CACrB,YAAY;IACZ,GAAG,CAAA;yBACgB,YAAY;OAC9B;;CAEN,CAAA"}
|
|
@@ -2,10 +2,10 @@ import React, { useCallback, useMemo, useRef, } from 'react';
|
|
|
2
2
|
import { tv } from 'tailwind-variants';
|
|
3
3
|
import { useHandleEscape } from '../../hooks/useHandleEscape';
|
|
4
4
|
import { useTheme } from '../../hooks/useTailwindTheme';
|
|
5
|
+
import { BodyScrollSuppressor } from './BodyScrollSuppressor';
|
|
5
6
|
import { DialogOverlap } from './DialogOverlap';
|
|
6
7
|
import { DialogPositionProvider } from './DialogPositionProvider';
|
|
7
8
|
import { FocusTrap } from './FocusTrap';
|
|
8
|
-
import { useBodyScrollLock } from './useBodyScrollLock';
|
|
9
9
|
function exist(value) {
|
|
10
10
|
return value !== undefined && value !== null;
|
|
11
11
|
}
|
|
@@ -59,12 +59,12 @@ export const DialogContentInner = ({ onClickOverlay, onPressEscape = () => {
|
|
|
59
59
|
}
|
|
60
60
|
onClickOverlay && onClickOverlay();
|
|
61
61
|
}, [isOpen, onClickOverlay]);
|
|
62
|
-
useBodyScrollLock();
|
|
63
62
|
return (React.createElement(DialogPositionProvider, { top: top, bottom: bottom },
|
|
64
63
|
React.createElement(DialogOverlap, { isOpen: isOpen },
|
|
65
64
|
React.createElement("div", { className: layoutStyle, id: id },
|
|
66
65
|
React.createElement("div", { onClick: handleClickOverlay, className: backgroundStyle, role: "presentation" }),
|
|
67
66
|
React.createElement("div", { ...props, ...innerStyleProps, ref: innerRef, role: "dialog", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-modal": "true" },
|
|
68
|
-
React.createElement(FocusTrap, { firstFocusTarget: firstFocusTarget }, children))
|
|
67
|
+
React.createElement(FocusTrap, { firstFocusTarget: firstFocusTarget }, children)),
|
|
68
|
+
React.createElement(BodyScrollSuppressor, null)))));
|
|
69
69
|
};
|
|
70
70
|
//# sourceMappingURL=DialogContentInner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DialogContentInner.js","sourceRoot":"","sources":["../../../src/components/Dialog/DialogContentInner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAKZ,WAAW,EACX,OAAO,EACP,MAAM,GACP,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAA;AAEvD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"DialogContentInner.js","sourceRoot":"","sources":["../../../src/components/Dialog/DialogContentInner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.BodyScrollSuppressor = void 0;
|
|
27
|
+
const react_1 = __importStar(require("react"));
|
|
28
|
+
const styled_components_1 = require("styled-components");
|
|
29
|
+
const BodyScrollSuppressor = () => {
|
|
30
|
+
const [scrollBarWidth, setScrollBarWidth] = (0, react_1.useState)(null);
|
|
31
|
+
const [paddingRight, setPaddingRight] = (0, react_1.useState)(null);
|
|
32
|
+
(0, react_1.useEffect)(() => {
|
|
33
|
+
setScrollBarWidth(window.innerWidth - document.body.clientWidth);
|
|
34
|
+
}, []);
|
|
35
|
+
(0, react_1.useEffect)(() => {
|
|
36
|
+
if (scrollBarWidth === null) {
|
|
37
|
+
return;
|
|
38
|
+
}
|
|
39
|
+
const originalPaddingRight = getComputedStyle(document.body).getPropertyValue('padding-right');
|
|
40
|
+
setPaddingRight(scrollBarWidth + parseInt(originalPaddingRight, 10));
|
|
41
|
+
}, [scrollBarWidth]);
|
|
42
|
+
if (scrollBarWidth === null) {
|
|
43
|
+
return null;
|
|
44
|
+
}
|
|
45
|
+
return react_1.default.createElement(ScrollSuppressing, { paddingRight: paddingRight });
|
|
46
|
+
};
|
|
47
|
+
exports.BodyScrollSuppressor = BodyScrollSuppressor;
|
|
48
|
+
const ScrollSuppressing = (0, styled_components_1.createGlobalStyle) `
|
|
49
|
+
body {
|
|
50
|
+
overflow: hidden;
|
|
51
|
+
${({ paddingRight }) => paddingRight &&
|
|
52
|
+
(0, styled_components_1.css) `
|
|
53
|
+
padding-right: ${paddingRight}px !important;
|
|
54
|
+
`}
|
|
55
|
+
}
|
|
56
|
+
`;
|
|
57
|
+
//# sourceMappingURL=BodyScrollSuppressor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BodyScrollSuppressor.js","sourceRoot":"","sources":["../../../src/components/Dialog/BodyScrollSuppressor.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,yDAA0D;AAEnD,MAAM,oBAAoB,GAAO,GAAG,EAAE;IAC3C,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAA;IACzE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAA;IAErE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,iBAAiB,CAAC,MAAM,CAAC,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;IAClE,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,cAAc,KAAK,IAAI,EAAE,CAAC;YAC5B,OAAM;QACR,CAAC;QACD,MAAM,oBAAoB,GAAG,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAA;QAC9F,eAAe,CAAC,cAAc,GAAG,QAAQ,CAAC,oBAAoB,EAAE,EAAE,CAAC,CAAC,CAAA;IACtE,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,IAAI,cAAc,KAAK,IAAI,EAAE,CAAC;QAC5B,OAAO,IAAI,CAAA;IACb,CAAC;IACD,OAAO,8BAAC,iBAAiB,IAAC,YAAY,EAAE,YAAY,GAAI,CAAA;AAC1D,CAAC,CAAA;AApBY,QAAA,oBAAoB,wBAoBhC;AAED,MAAM,iBAAiB,GAAG,IAAA,qCAAiB,EAEzC;;;MAGI,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CACrB,YAAY;IACZ,IAAA,uBAAG,EAAA;yBACgB,YAAY;OAC9B;;CAEN,CAAA"}
|
|
@@ -28,10 +28,10 @@ const react_1 = __importStar(require("react"));
|
|
|
28
28
|
const tailwind_variants_1 = require("tailwind-variants");
|
|
29
29
|
const useHandleEscape_1 = require("../../hooks/useHandleEscape");
|
|
30
30
|
const useTailwindTheme_1 = require("../../hooks/useTailwindTheme");
|
|
31
|
+
const BodyScrollSuppressor_1 = require("./BodyScrollSuppressor");
|
|
31
32
|
const DialogOverlap_1 = require("./DialogOverlap");
|
|
32
33
|
const DialogPositionProvider_1 = require("./DialogPositionProvider");
|
|
33
34
|
const FocusTrap_1 = require("./FocusTrap");
|
|
34
|
-
const useBodyScrollLock_1 = require("./useBodyScrollLock");
|
|
35
35
|
function exist(value) {
|
|
36
36
|
return value !== undefined && value !== null;
|
|
37
37
|
}
|
|
@@ -85,13 +85,13 @@ const DialogContentInner = ({ onClickOverlay, onPressEscape = () => {
|
|
|
85
85
|
}
|
|
86
86
|
onClickOverlay && onClickOverlay();
|
|
87
87
|
}, [isOpen, onClickOverlay]);
|
|
88
|
-
(0, useBodyScrollLock_1.useBodyScrollLock)();
|
|
89
88
|
return (react_1.default.createElement(DialogPositionProvider_1.DialogPositionProvider, { top: top, bottom: bottom },
|
|
90
89
|
react_1.default.createElement(DialogOverlap_1.DialogOverlap, { isOpen: isOpen },
|
|
91
90
|
react_1.default.createElement("div", { className: layoutStyle, id: id },
|
|
92
91
|
react_1.default.createElement("div", { onClick: handleClickOverlay, className: backgroundStyle, role: "presentation" }),
|
|
93
92
|
react_1.default.createElement("div", { ...props, ...innerStyleProps, ref: innerRef, role: "dialog", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-modal": "true" },
|
|
94
|
-
react_1.default.createElement(FocusTrap_1.FocusTrap, { firstFocusTarget: firstFocusTarget }, children))
|
|
93
|
+
react_1.default.createElement(FocusTrap_1.FocusTrap, { firstFocusTarget: firstFocusTarget }, children)),
|
|
94
|
+
react_1.default.createElement(BodyScrollSuppressor_1.BodyScrollSuppressor, null)))));
|
|
95
95
|
};
|
|
96
96
|
exports.DialogContentInner = DialogContentInner;
|
|
97
97
|
//# sourceMappingURL=DialogContentInner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DialogContentInner.js","sourceRoot":"","sources":["../../../src/components/Dialog/DialogContentInner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAQc;AACd,yDAAsC;AAEtC,iEAA6D;AAC7D,mEAAuD;AAEvD,mDAA+C;AAC/C,qEAAiE;AACjE,2CAAuC;
|
|
1
|
+
{"version":3,"file":"DialogContentInner.js","sourceRoot":"","sources":["../../../src/components/Dialog/DialogContentInner.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "smarthr-ui",
|
|
3
3
|
"description": "SmartHR ui components built with React.",
|
|
4
|
-
"version": "46.0.
|
|
4
|
+
"version": "46.0.1",
|
|
5
5
|
"author": "SmartHR-UI Team",
|
|
6
6
|
"dependencies": {
|
|
7
7
|
"@smarthr/wareki": "^1.2.0",
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"react-icons": "^5.0.1",
|
|
16
16
|
"react-innertext": "^1.1.5",
|
|
17
17
|
"react-transition-group": "^4.4.5",
|
|
18
|
-
"style-loader": "^
|
|
18
|
+
"style-loader": "^4.0.0",
|
|
19
19
|
"tailwind-variants": "^0.2.1",
|
|
20
20
|
"tailwindcss": "^3.4.3"
|
|
21
21
|
},
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const useBodyScrollLock: () => void;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { useEffect, useState } from 'react';
|
|
2
|
-
export const useBodyScrollLock = () => {
|
|
3
|
-
const [scrollBarWidth, setScrollBarWidth] = useState(null);
|
|
4
|
-
const [paddingRight, setPaddingRight] = useState(null);
|
|
5
|
-
useEffect(() => {
|
|
6
|
-
setScrollBarWidth(window.innerWidth - document.body.clientWidth);
|
|
7
|
-
}, []);
|
|
8
|
-
useEffect(() => {
|
|
9
|
-
if (scrollBarWidth === null) {
|
|
10
|
-
return;
|
|
11
|
-
}
|
|
12
|
-
const originalPaddingRight = getComputedStyle(document.body).getPropertyValue('padding-right');
|
|
13
|
-
setPaddingRight(scrollBarWidth + parseInt(originalPaddingRight, 10));
|
|
14
|
-
}, [scrollBarWidth]);
|
|
15
|
-
useEffect(() => {
|
|
16
|
-
if (paddingRight !== null) {
|
|
17
|
-
document.body.style.paddingInlineEnd = `${paddingRight}px`;
|
|
18
|
-
}
|
|
19
|
-
document.body.style.overflow = 'hidden';
|
|
20
|
-
return () => {
|
|
21
|
-
document.body.style.paddingInlineEnd = '';
|
|
22
|
-
document.body.style.overflow = '';
|
|
23
|
-
};
|
|
24
|
-
}, [paddingRight]);
|
|
25
|
-
};
|
|
26
|
-
//# sourceMappingURL=useBodyScrollLock.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useBodyScrollLock.js","sourceRoot":"","sources":["../../../src/components/Dialog/useBodyScrollLock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAA;IACzE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAA;IAErE,SAAS,CAAC,GAAG,EAAE;QACb,iBAAiB,CAAC,MAAM,CAAC,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;IAClE,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAc,KAAK,IAAI,EAAE,CAAC;YAC5B,OAAM;QACR,CAAC;QACD,MAAM,oBAAoB,GAAG,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAA;QAC9F,eAAe,CAAC,cAAc,GAAG,QAAQ,CAAC,oBAAoB,EAAE,EAAE,CAAC,CAAC,CAAA;IACtE,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;YAC1B,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,GAAG,GAAG,YAAY,IAAI,CAAA;QAC5D,CAAC;QACD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAA;QAEvC,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,GAAG,EAAE,CAAA;YACzC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAA;QACnC,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;AACpB,CAAC,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const useBodyScrollLock: () => void;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useBodyScrollLock = void 0;
|
|
4
|
-
const react_1 = require("react");
|
|
5
|
-
const useBodyScrollLock = () => {
|
|
6
|
-
const [scrollBarWidth, setScrollBarWidth] = (0, react_1.useState)(null);
|
|
7
|
-
const [paddingRight, setPaddingRight] = (0, react_1.useState)(null);
|
|
8
|
-
(0, react_1.useEffect)(() => {
|
|
9
|
-
setScrollBarWidth(window.innerWidth - document.body.clientWidth);
|
|
10
|
-
}, []);
|
|
11
|
-
(0, react_1.useEffect)(() => {
|
|
12
|
-
if (scrollBarWidth === null) {
|
|
13
|
-
return;
|
|
14
|
-
}
|
|
15
|
-
const originalPaddingRight = getComputedStyle(document.body).getPropertyValue('padding-right');
|
|
16
|
-
setPaddingRight(scrollBarWidth + parseInt(originalPaddingRight, 10));
|
|
17
|
-
}, [scrollBarWidth]);
|
|
18
|
-
(0, react_1.useEffect)(() => {
|
|
19
|
-
if (paddingRight !== null) {
|
|
20
|
-
document.body.style.paddingInlineEnd = `${paddingRight}px`;
|
|
21
|
-
}
|
|
22
|
-
document.body.style.overflow = 'hidden';
|
|
23
|
-
return () => {
|
|
24
|
-
document.body.style.paddingInlineEnd = '';
|
|
25
|
-
document.body.style.overflow = '';
|
|
26
|
-
};
|
|
27
|
-
}, [paddingRight]);
|
|
28
|
-
};
|
|
29
|
-
exports.useBodyScrollLock = useBodyScrollLock;
|
|
30
|
-
//# sourceMappingURL=useBodyScrollLock.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useBodyScrollLock.js","sourceRoot":"","sources":["../../../src/components/Dialog/useBodyScrollLock.ts"],"names":[],"mappings":";;;AAAA,iCAA2C;AAEpC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAA;IACzE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAA;IAErE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,iBAAiB,CAAC,MAAM,CAAC,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;IAClE,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,cAAc,KAAK,IAAI,EAAE,CAAC;YAC5B,OAAM;QACR,CAAC;QACD,MAAM,oBAAoB,GAAG,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAA;QAC9F,eAAe,CAAC,cAAc,GAAG,QAAQ,CAAC,oBAAoB,EAAE,EAAE,CAAC,CAAC,CAAA;IACtE,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;YAC1B,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,GAAG,GAAG,YAAY,IAAI,CAAA;QAC5D,CAAC;QACD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAA;QAEvC,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,GAAG,EAAE,CAAA;YACzC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAA;QACnC,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;AACpB,CAAC,CAAA;AA3BY,QAAA,iBAAiB,qBA2B7B"}
|