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.
@@ -0,0 +1,2 @@
1
+ import { FC } from 'react';
2
+ export declare const BodyScrollSuppressor: FC;
@@ -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,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAsDvD,SAAS,KAAK,CAAC,KAAU;IACvB,OAAO,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,CAAA;AAC9C,CAAC;AAED,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,KAAK,EAAE;QACL,MAAM,EAAE,iDAAiD;QACzD,KAAK,EACH,uJAAuJ;QACzJ,UAAU,EAAE,iEAAiE;KAC9E;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAA+C,CAAC,EAC7E,cAAc,EACd,aAAa,GAAG,GAAG,EAAE;IACnB,UAAU;AACZ,CAAC,EACD,MAAM,EACN,EAAE,EACF,KAAK,EACL,GAAG,EACH,KAAK,EACL,MAAM,EACN,IAAI,EACJ,gBAAgB,EAChB,SAAS,EACT,cAAc,EACd,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,OAAO,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC9B,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE,eAAe,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QACrE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,kBAAkB,EAAE,CAAA;QAC1D,MAAM,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAA;QACpD,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAA;QAC1D,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM,CAAA;QAC7D,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAA;QACvD,MAAM,WAAW,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;QACpE,MAAM,eAAe,GAAG,oBAAoB,IAAI,IAAI,CAAC,OAAO,OAAO,CAAC,GAAG,CAAC,WACtE,KAAK,IAAI,CACX,OAAO,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA;QACvB,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,0BAA0B,CAAA;QACjF,MAAM,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,2BAA2B,CAAA;QAClF,OAAO;YACL,WAAW,EAAE,MAAM,EAAE;YACrB,eAAe,EAAE;gBACf,SAAS,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;gBAC/B,KAAK,EAAE;oBACL,KAAK,EAAE,GAAG,WAAW,IAAI,aAAa,IAAI,cAAc,IAAI,YAAY,EAAE;oBAC1E,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS;oBACnD,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC;wBAC1B,CAAC,CAAC,OAAO,eAAe,KAAK,WAAW,GAAG;wBAC3C,CAAC,CAAC,eAAe;oBACnB,SAAS,EAAE,aAAa,UAAU,KAAK,UAAU,GAAG;iBACrD;aACF;YACD,eAAe,EAAE,UAAU,EAAE;SAC9B,CAAA;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,CAAA;IAEzD,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC7C,eAAe,CACb,WAAW,CAAC,GAAG,EAAE;QACf,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAM;QACR,CAAC;QACD,aAAa,EAAE,CAAA;IACjB,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAC5B,CAAA;IAED,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAM;QACR,CAAC;QACD,cAAc,IAAI,cAAc,EAAE,CAAA;IACpC,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAA;IAE5B,iBAAiB,EAAE,CAAA;IAEnB,OAAO,CACL,oBAAC,sBAAsB,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM;QAC9C,oBAAC,aAAa,IAAC,MAAM,EAAE,MAAM;YAC3B,6BAAK,SAAS,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE;gBAEjC,6BAAK,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,eAAe,EAAE,IAAI,EAAC,cAAc,GAAG;gBACpF,gCACM,KAAK,KACL,eAAe,EACnB,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,QAAQ,gBACD,SAAS,qBACJ,cAAc,gBACpB,MAAM;oBAEjB,oBAAC,SAAS,IAAC,gBAAgB,EAAE,gBAAgB,IAAG,QAAQ,CAAa,CACjE,CACF,CACQ,CACO,CAC1B,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"DialogContentInner.js","sourceRoot":"","sources":["../../../src/components/Dialog/DialogContentInner.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ import { FC } from 'react';
2
+ export declare const BodyScrollSuppressor: FC;
@@ -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;AACvC,2DAAuD;AAsDvD,SAAS,KAAK,CAAC,KAAU;IACvB,OAAO,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,CAAA;AAC9C,CAAC;AAED,MAAM,kBAAkB,GAAG,IAAA,sBAAE,EAAC;IAC5B,KAAK,EAAE;QACL,MAAM,EAAE,iDAAiD;QACzD,KAAK,EACH,uJAAuJ;QACzJ,UAAU,EAAE,iEAAiE;KAC9E;CACF,CAAC,CAAA;AAEK,MAAM,kBAAkB,GAA+C,CAAC,EAC7E,cAAc,EACd,aAAa,GAAG,GAAG,EAAE;IACnB,UAAU;AACZ,CAAC,EACD,MAAM,EACN,EAAE,EACF,KAAK,EACL,GAAG,EACH,KAAK,EACL,MAAM,EACN,IAAI,EACJ,gBAAgB,EAChB,SAAS,EACT,cAAc,EACd,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,2BAAQ,GAAE,CAAA;IAC9B,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE,eAAe,EAAE,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACrE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,kBAAkB,EAAE,CAAA;QAC1D,MAAM,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAA;QACpD,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAA;QAC1D,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM,CAAA;QAC7D,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAA;QACvD,MAAM,WAAW,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;QACpE,MAAM,eAAe,GAAG,oBAAoB,IAAI,IAAI,CAAC,OAAO,OAAO,CAAC,GAAG,CAAC,WACtE,KAAK,IAAI,CACX,OAAO,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA;QACvB,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,0BAA0B,CAAA;QACjF,MAAM,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,2BAA2B,CAAA;QAClF,OAAO;YACL,WAAW,EAAE,MAAM,EAAE;YACrB,eAAe,EAAE;gBACf,SAAS,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;gBAC/B,KAAK,EAAE;oBACL,KAAK,EAAE,GAAG,WAAW,IAAI,aAAa,IAAI,cAAc,IAAI,YAAY,EAAE;oBAC1E,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS;oBACnD,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC;wBAC1B,CAAC,CAAC,OAAO,eAAe,KAAK,WAAW,GAAG;wBAC3C,CAAC,CAAC,eAAe;oBACnB,SAAS,EAAE,aAAa,UAAU,KAAK,UAAU,GAAG;iBACrD;aACF;YACD,eAAe,EAAE,UAAU,EAAE;SAC9B,CAAA;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,CAAA;IAEzD,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAC7C,IAAA,iCAAe,EACb,IAAA,mBAAW,EAAC,GAAG,EAAE;QACf,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAM;QACR,CAAC;QACD,aAAa,EAAE,CAAA;IACjB,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAC5B,CAAA;IAED,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC1C,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAM;QACR,CAAC;QACD,cAAc,IAAI,cAAc,EAAE,CAAA;IACpC,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAA;IAE5B,IAAA,qCAAiB,GAAE,CAAA;IAEnB,OAAO,CACL,8BAAC,+CAAsB,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM;QAC9C,8BAAC,6BAAa,IAAC,MAAM,EAAE,MAAM;YAC3B,uCAAK,SAAS,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE;gBAEjC,uCAAK,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,eAAe,EAAE,IAAI,EAAC,cAAc,GAAG;gBACpF,0CACM,KAAK,KACL,eAAe,EACnB,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,QAAQ,gBACD,SAAS,qBACJ,cAAc,gBACpB,MAAM;oBAEjB,8BAAC,qBAAS,IAAC,gBAAgB,EAAE,gBAAgB,IAAG,QAAQ,CAAa,CACjE,CACF,CACQ,CACO,CAC1B,CAAA;AACH,CAAC,CAAA;AAzFY,QAAA,kBAAkB,sBAyF9B"}
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.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": "^3.3.4",
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"}