@procore/core-react 10.26.1-rc.3 → 10.27.0-rc.2
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/.storybook/main.js +3 -0
- package/dist/esm/components/Panel/Panel.js +6 -1
- package/dist/esm/components/Panel/Panel.js.map +1 -1
- package/dist/esm/components/Tearsheet/Tearsheet.constants.d.ts +0 -6
- package/dist/esm/components/Tearsheet/Tearsheet.constants.js +0 -8
- package/dist/esm/components/Tearsheet/Tearsheet.constants.js.map +1 -1
- package/dist/esm/components/Tearsheet/Tearsheet.d.ts +2 -1
- package/dist/esm/components/Tearsheet/Tearsheet.js +39 -8
- package/dist/esm/components/Tearsheet/Tearsheet.js.map +1 -1
- package/dist/esm/components/Tearsheet/Tearsheet.styles.d.ts +10 -1
- package/dist/esm/components/Tearsheet/Tearsheet.styles.js +34 -20
- package/dist/esm/components/Tearsheet/Tearsheet.styles.js.map +1 -1
- package/dist/esm/components/Tearsheet/Tearsheet.types.d.ts +4 -0
- package/dist/esm/components/Tearsheet/storybook/PageLayoutDemo.d.ts +3 -1
- package/dist/esm/components/Tearsheet/storybook/PageLayoutDemo.js +3 -2
- package/dist/esm/components/Tearsheet/storybook/PageLayoutDemo.js.map +1 -1
- package/dist/esm/effects/EventRegistry.d.ts +5 -0
- package/dist/esm/effects/EventRegistry.js +17 -0
- package/dist/esm/effects/EventRegistry.js.map +1 -0
- package/dist/esm/layouts/PageLayout/PageLayout.d.ts +4 -3
- package/dist/esm/layouts/PageLayout/PageLayout.js +157 -60
- package/dist/esm/layouts/PageLayout/PageLayout.js.map +1 -1
- package/dist/esm/layouts/PageLayout/PageLayout.styles.d.ts +18 -3
- package/dist/esm/layouts/PageLayout/PageLayout.styles.js +62 -11
- package/dist/esm/layouts/PageLayout/PageLayout.styles.js.map +1 -1
- package/dist/esm/layouts/PageLayout/PageLayout.types.d.ts +1 -0
- package/dist/esm/layouts/PageLayout/PageLayout.utils.d.ts +14 -1
- package/dist/esm/layouts/PageLayout/PageLayout.utils.js +57 -14
- package/dist/esm/layouts/PageLayout/PageLayout.utils.js.map +1 -1
- package/dist/esm/utils/isIE11.js +3 -0
- package/dist/esm/utils/isIE11.js.map +1 -1
- package/dist/typedoc/components/Avatar/Avatar.types.json +17 -17
- package/dist/typedoc/components/AvatarStack/AvatarStack.types.json +22 -22
- package/dist/typedoc/components/Badge/Badge.types.json +6 -6
- package/dist/typedoc/components/Banner/Banner.types.json +12 -12
- package/dist/typedoc/components/Breadcrumbs/Breadcrumbs.types.json +7 -7
- package/dist/typedoc/components/Button/Button.types.json +11 -11
- package/dist/typedoc/components/Calendar/Calendar.types.json +79 -79
- package/dist/typedoc/components/Card/Card.types.json +6 -6
- package/dist/typedoc/components/Checkbox/Checkbox.types.json +7 -7
- package/dist/typedoc/components/ContactItem/ContactItem.types.json +9 -9
- package/dist/typedoc/components/DateInput/DateInput.types.json +35 -35
- package/dist/typedoc/components/DateSelect/DateSelect.types.json +13 -13
- package/dist/typedoc/components/Dropdown/Dropdown.types.json +34 -34
- package/dist/typedoc/components/DropdownFlyout/DropdownFlyout.types.json +32 -32
- package/dist/typedoc/components/Dropzone/Dropzone.types.json +41 -41
- package/dist/typedoc/components/EmptyState/EmptyState.types.json +14 -14
- package/dist/typedoc/components/FileList/FileList.types.json +9 -9
- package/dist/typedoc/components/FileSelect/FileSelect.types.json +25 -25
- package/dist/typedoc/components/FileSelect/GridSource/GridSource.types.json +20 -20
- package/dist/typedoc/components/FileSelect/LocalSource/LocalSource.types.json +14 -14
- package/dist/typedoc/components/FileSelect/TreeSource/TreeSource.types.json +9 -9
- package/dist/typedoc/components/Font/Font.types.json +7 -7
- package/dist/typedoc/components/Form/Form.types.json +684 -684
- package/dist/typedoc/components/GroupSelect/GroupSelect.types.json +50 -50
- package/dist/typedoc/components/Icon/Icon.types.json +10 -10
- package/dist/typedoc/components/Input/Input.types.json +2 -2
- package/dist/typedoc/components/Link/Link.types.json +4 -4
- package/dist/typedoc/components/Menu/Menu.types.json +67 -67
- package/dist/typedoc/components/MenuImperative/MenuImperative.types.json +67 -67
- package/dist/typedoc/components/Modal/Modal.types.json +27 -27
- package/dist/typedoc/components/MultiSelect/MultiSelect.types.json +29 -29
- package/dist/typedoc/components/Notation/Notation.types.json +4 -4
- package/dist/typedoc/components/NumberInput/NumberInput.types.json +25 -25
- package/dist/typedoc/components/OverlayTrigger/OverlayTrigger.json +18 -18
- package/dist/typedoc/components/Pagination/Pagination.types.json +8 -8
- package/dist/typedoc/components/Panel/Panel.types.json +17 -17
- package/dist/typedoc/components/Pill/Pill.types.json +1 -1
- package/dist/typedoc/components/PillSelect/PillSelect.types.json +46 -46
- package/dist/typedoc/components/Popover/Popover.types.json +9 -9
- package/dist/typedoc/components/ProgressBar/ProgressBar.types.json +5 -5
- package/dist/typedoc/components/RadioButton/RadioButton.types.json +6 -6
- package/dist/typedoc/components/Required/Required.types.json +5 -5
- package/dist/typedoc/components/Search/Search.types.json +21 -21
- package/dist/typedoc/components/SegmentedController/SegmentedController.types.json +20 -20
- package/dist/typedoc/components/Select/Select.types.json +31 -31
- package/dist/typedoc/components/Slider/Slider.types.json +6 -6
- package/dist/typedoc/components/Spinner/Spinner.types.json +8 -8
- package/dist/typedoc/components/Switch/Switch.types.json +3 -3
- package/dist/typedoc/components/Table/Table.types.json +94 -94
- package/dist/typedoc/components/Tabs/Tabs.types.json +15 -15
- package/dist/typedoc/components/Tearsheet/Tearsheet.types.json +33 -7
- package/dist/typedoc/components/TextArea/TextArea.types.json +3 -3
- package/dist/typedoc/components/TextEditor/TextEditor.types.json +7 -7
- package/dist/typedoc/components/TextEditorOutput/TextEditorOutput.types.json +3 -3
- package/dist/typedoc/components/Thumbnail/Thumbnail.types.json +12 -12
- package/dist/typedoc/components/TieredDropdown/TieredDropdown.types.json +41 -41
- package/dist/typedoc/components/TieredSelect/TieredSelect.types.json +27 -27
- package/dist/typedoc/components/Tile/Tile.types.json +30 -30
- package/dist/typedoc/components/Toast/Toast.types.json +4 -4
- package/dist/typedoc/components/ToggleButton/ToggleButton.types.json +3 -3
- package/dist/typedoc/components/Token/Token.types.json +11 -11
- package/dist/typedoc/components/Tooltip/Tooltip.types.json +13 -13
- package/dist/typedoc/components/Tree/Tree.types.json +85 -85
- package/dist/typedoc/components/Typeahead/Typeahead.types.json +2 -2
- package/dist/typedoc/components/Typography/Typography.types.json +8 -8
- package/dist/typedoc/layouts/Box/Box.types.json +66 -66
- package/dist/typedoc/layouts/DetailPage/DetailPage.json +11 -11
- package/dist/typedoc/layouts/Flex/Flex.types.json +26 -26
- package/dist/typedoc/layouts/FlexList/FlexList.types.json +29 -29
- package/dist/typedoc/layouts/Grid/Grid.json +10 -10
- package/dist/typedoc/layouts/LegacyDetailPage/LegacyDetailPage.json +4 -4
- package/dist/typedoc/layouts/ListPage/ListPage.types.json +10 -10
- package/dist/typedoc/layouts/NextDetailPage/NextDetailPage.types.json +4 -4
- package/dist/typedoc/layouts/NextGrid/NextGrid.types.json +8 -8
- package/dist/typedoc/layouts/PageLayout/PageLayout.types.json +7 -7
- package/dist/typedoc/layouts/ToolHeader/ToolHeader.types.json +8 -8
- package/dist/typedoc/utils/types.json +3 -3
- package/package.json +18 -11
- package/storybook-static/135.6d52847d5f820a05c03c.manager.bundle.js +1 -0
- package/storybook-static/144.b53cb6ed.iframe.bundle.js +1 -0
- package/storybook-static/290.49a2fbad3a0afc9e2519.manager.bundle.js +2 -0
- package/storybook-static/{vendors~main.70021ef1c3c8d7d4d522.manager.bundle.js.LICENSE.txt → 290.49a2fbad3a0afc9e2519.manager.bundle.js.LICENSE.txt} +0 -10
- package/storybook-static/321.49523b0d.iframe.bundle.js +1 -0
- package/storybook-static/331.67a98c0f.iframe.bundle.js +1 -0
- package/storybook-static/338.612788b3.iframe.bundle.js +2 -0
- package/storybook-static/{1.8900c817.iframe.bundle.js.LICENSE.txt → 338.612788b3.iframe.bundle.js.LICENSE.txt} +0 -0
- package/storybook-static/447.6b7e319efd4c4084e002.manager.bundle.js +2 -0
- package/storybook-static/{4.99500d5c358cd07ae6d2.manager.bundle.js.LICENSE.txt → 447.6b7e319efd4c4084e002.manager.bundle.js.LICENSE.txt} +0 -0
- package/storybook-static/453.b8c14feb.iframe.bundle.js +1 -0
- package/storybook-static/531.d96b815ea137d1039528.manager.bundle.js +1 -0
- package/storybook-static/560.aaac5005.iframe.bundle.js +2 -0
- package/storybook-static/{7.039812d0.iframe.bundle.js.LICENSE.txt → 560.aaac5005.iframe.bundle.js.LICENSE.txt} +0 -11
- package/storybook-static/590.d8e98a6a.iframe.bundle.js +2 -0
- package/storybook-static/{10.d4b00a21.iframe.bundle.js.LICENSE.txt → 590.d8e98a6a.iframe.bundle.js.LICENSE.txt} +0 -0
- package/storybook-static/611.992cbac3.iframe.bundle.js +1 -0
- package/storybook-static/631.b5664738.iframe.bundle.js +1 -0
- package/storybook-static/887.aa43e52b4614cb724451.manager.bundle.js +2 -0
- package/storybook-static/{6.325886746b4a4cf8e182.manager.bundle.js.LICENSE.txt → 887.aa43e52b4614cb724451.manager.bundle.js.LICENSE.txt} +0 -0
- package/storybook-static/950.51b23ee52344fdbf713e.manager.bundle.js +1 -0
- package/storybook-static/951.17b84aff.iframe.bundle.js +2 -0
- package/storybook-static/{vendors~main.02143f8a.iframe.bundle.js.LICENSE.txt → 951.17b84aff.iframe.bundle.js.LICENSE.txt} +0 -0
- package/storybook-static/994.1064337076819ee764bd.manager.bundle.js +1 -0
- package/storybook-static/iframe.html +1 -1
- package/storybook-static/index.html +1 -1
- package/storybook-static/main.3ba29f41c5970acb4f56.manager.bundle.js +1 -0
- package/storybook-static/main.e35c4501.iframe.bundle.js +1 -0
- package/storybook-static/runtime~main.197a77f3.iframe.bundle.js +1 -0
- package/storybook-static/runtime~main.c6dad2240758925f4d85.manager.bundle.js +1 -0
- package/storybook-static/0.a3f2bf203a357298e207.manager.bundle.js +0 -1
- package/storybook-static/0.cb21e199.iframe.bundle.js +0 -1
- package/storybook-static/1.8900c817.iframe.bundle.js +0 -3
- package/storybook-static/1.8900c817.iframe.bundle.js.map +0 -1
- package/storybook-static/10.d4b00a21.iframe.bundle.js +0 -3
- package/storybook-static/10.d4b00a21.iframe.bundle.js.map +0 -1
- package/storybook-static/11.d2db3258.iframe.bundle.js +0 -1
- package/storybook-static/2.d42f0e00.iframe.bundle.js +0 -1
- package/storybook-static/3.a562b902.iframe.bundle.js +0 -1
- package/storybook-static/4.99500d5c358cd07ae6d2.manager.bundle.js +0 -2
- package/storybook-static/5.219c8d59bf3932054639.manager.bundle.js +0 -1
- package/storybook-static/6.325886746b4a4cf8e182.manager.bundle.js +0 -2
- package/storybook-static/7.039812d0.iframe.bundle.js +0 -3
- package/storybook-static/7.039812d0.iframe.bundle.js.map +0 -1
- package/storybook-static/7.d676ded8d84e3955eeb4.manager.bundle.js +0 -1
- package/storybook-static/8.19e4b612.iframe.bundle.js +0 -1
- package/storybook-static/8.7605581e3a5a6b73695e.manager.bundle.js +0 -1
- package/storybook-static/9.d7369b34.iframe.bundle.js +0 -1
- package/storybook-static/main.47861e3fd3c7f6b9a520.manager.bundle.js +0 -1
- package/storybook-static/main.c641cba3.iframe.bundle.js +0 -1
- package/storybook-static/runtime~main.d86d75fbadb211ff8418.manager.bundle.js +0 -1
- package/storybook-static/runtime~main.efe23db0.iframe.bundle.js +0 -1
- package/storybook-static/vendors~main.02143f8a.iframe.bundle.js +0 -3
- package/storybook-static/vendors~main.02143f8a.iframe.bundle.js.map +0 -1
- package/storybook-static/vendors~main.70021ef1c3c8d7d4d522.manager.bundle.js +0 -2
package/.storybook/main.js
CHANGED
|
@@ -36,6 +36,7 @@ import { Section, SectionProvider, LevelContext } from '../../layouts/Section';
|
|
|
36
36
|
import { useScroll } from '../../effects/Scroll';
|
|
37
37
|
import { useResize } from '../../effects/Resize';
|
|
38
38
|
import { useI18nContext } from '../../state/I18n';
|
|
39
|
+
import { wait } from '@testing-library/user-event/dist/utils';
|
|
39
40
|
var PanelContext = React.createContext({
|
|
40
41
|
isFooterSticky: false,
|
|
41
42
|
setIsFooterSticky: function () { },
|
|
@@ -103,6 +104,7 @@ var Body = React.forwardRef(function Body(_a, ref) {
|
|
|
103
104
|
return;
|
|
104
105
|
}
|
|
105
106
|
var isScrollable = bodyRef.current.scrollHeight > bodyRef.current.clientHeight;
|
|
107
|
+
console.log({ isScrollable: isScrollable });
|
|
106
108
|
if (isScrollable) {
|
|
107
109
|
var isNotScrolledToBottom = bodyRef.current.scrollTop + bodyRef.current.clientHeight <
|
|
108
110
|
bodyRef.current.scrollHeight;
|
|
@@ -112,7 +114,10 @@ var Body = React.forwardRef(function Body(_a, ref) {
|
|
|
112
114
|
setIsFooterSticky(false);
|
|
113
115
|
}
|
|
114
116
|
}
|
|
115
|
-
React.
|
|
117
|
+
React.useLayoutEffect(function () {
|
|
118
|
+
// allow browsers to recalculate the layout
|
|
119
|
+
wait(0).then(calculateBodyScroll);
|
|
120
|
+
}, []);
|
|
116
121
|
useScroll({ onScroll: calculateBodyScroll, scope: bodyRef });
|
|
117
122
|
useResize({ onResize: calculateBodyScroll });
|
|
118
123
|
return (React.createElement(SectionProvider, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpC,OAAO,EACL,UAAU,EACV,YAAY,EACZ,mBAAmB,EACnB,oBAAoB,EACpB,YAAY,EACZ,mBAAmB,EACnB,sBAAsB,EACtB,cAAc,EACd,WAAW,EACX,WAAW,EACX,iBAAiB,GAClB,MAAM,gBAAgB,CAAA;AASvB,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAC9E,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,3 @@
|
|
|
1
1
|
import { AnimationPhase } from './Tearsheet.types';
|
|
2
|
-
export declare const animationSpeed: {
|
|
3
|
-
readonly disabled: 0;
|
|
4
|
-
readonly tearsheet: number;
|
|
5
|
-
readonly scrim: number;
|
|
6
|
-
readonly closeButton: number;
|
|
7
|
-
};
|
|
8
2
|
export declare const openingPhasesInOrder: AnimationPhase[];
|
|
9
3
|
export declare const closingPhasesInOrder: AnimationPhase[];
|
|
@@ -7,14 +7,6 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
7
7
|
}
|
|
8
8
|
return to.concat(ar || Array.prototype.slice.call(from));
|
|
9
9
|
};
|
|
10
|
-
import { animationSpeed as baseAnimationSpeed } from './Tearsheet.styles';
|
|
11
|
-
var toMilliseconds = function (v) { return v * 1000; };
|
|
12
|
-
export var animationSpeed = {
|
|
13
|
-
disabled: 0,
|
|
14
|
-
tearsheet: toMilliseconds(baseAnimationSpeed.tearsheet),
|
|
15
|
-
scrim: toMilliseconds(baseAnimationSpeed.scrim),
|
|
16
|
-
closeButton: toMilliseconds(baseAnimationSpeed.closeButton),
|
|
17
|
-
};
|
|
18
10
|
export var openingPhasesInOrder = [
|
|
19
11
|
'scrim',
|
|
20
12
|
'tearsheet',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tearsheet.constants.js","sourceRoot":"","sources":["../../../../src/components/Tearsheet/Tearsheet.constants.ts"],"names":[],"mappings":";;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Tearsheet.constants.js","sourceRoot":"","sources":["../../../../src/components/Tearsheet/Tearsheet.constants.ts"],"names":[],"mappings":";;;;;;;;;AAEA,MAAM,CAAC,IAAM,oBAAoB,GAAqB;IACpD,OAAO;IACP,WAAW;IACX,aAAa;CACd,CAAA;AACD,MAAM,CAAC,IAAM,oBAAoB,GAAG,kBAAI,oBAAoB,QAAE,OAAO,EAAE,CAAA"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { TearsheetProps } from './Tearsheet.types';
|
|
2
|
+
import { TearsheetProps, TearsheetContextProps } from './Tearsheet.types';
|
|
3
|
+
export declare const TearsheetContext: React.Context<TearsheetContextProps>;
|
|
3
4
|
/**
|
|
4
5
|
|
|
5
6
|
The Tearsheet is a container for complex content placed over another layout,
|
|
@@ -49,12 +49,17 @@ import React from 'react';
|
|
|
49
49
|
import { Portal } from '../Portal';
|
|
50
50
|
import { StyledModal, StyledModalScrim } from '../Modal/Modal.styles';
|
|
51
51
|
import Button from '../Button';
|
|
52
|
-
import { StyledTearsheetBody, StyledTearsheetContent,
|
|
52
|
+
import { StyledTearsheetBody, StyledTearsheetContent, StyledButtonContainer, animationSpeed, StyledScrimContainer, StyledTearsheetChildrenWrapper, } from './Tearsheet.styles';
|
|
53
53
|
import { Clear } from '@procore/core-icons/dist';
|
|
54
54
|
import { getAnimationState, getScrimClassName, wait } from './Tearsheet.util';
|
|
55
|
-
import {
|
|
55
|
+
import { closingPhasesInOrder, openingPhasesInOrder, } from './Tearsheet.constants';
|
|
56
56
|
import { useHotkey } from '../../effects/Hotkey';
|
|
57
57
|
import { useScrollLock } from '../../effects/ScrollLock';
|
|
58
|
+
import { useEventRegistry } from '../../effects/EventRegistry';
|
|
59
|
+
export var TearsheetContext = React.createContext({
|
|
60
|
+
placement: null,
|
|
61
|
+
addListener: function () { return function () { }; },
|
|
62
|
+
});
|
|
58
63
|
/**
|
|
59
64
|
|
|
60
65
|
The Tearsheet is a container for complex content placed over another layout,
|
|
@@ -73,14 +78,22 @@ export var Tearsheet = React.forwardRef(function Tearsheet(_a, ref) {
|
|
|
73
78
|
var _d = React.useState('disabled'), phase = _d[0], setPhase = _d[1];
|
|
74
79
|
var _e = React.useState(open), isVisible = _e[0], setIsVisible = _e[1];
|
|
75
80
|
var closeBtnRef = React.useRef(null);
|
|
81
|
+
var _f = React.useState(null), childrenContainerSize = _f[0], setChildrenContainerSize = _f[1];
|
|
82
|
+
var _g = React.useState(null), childrenContainerSizeProp = _g[0], setChildrenContainerSizeProp = _g[1];
|
|
83
|
+
var childrenContainerRef = React.useRef(null);
|
|
76
84
|
var preventAnimationRef = React.useRef(!open);
|
|
85
|
+
var _h = useEventRegistry(), registry = _h.registry, addListener = _h.addListener;
|
|
86
|
+
var ctx = React.useMemo(function () { return ({
|
|
87
|
+
addListener: addListener,
|
|
88
|
+
placement: placement,
|
|
89
|
+
}); }, [placement, addListener]);
|
|
77
90
|
useScrollLock(status !== 'closed');
|
|
78
91
|
React.useEffect(function () {
|
|
79
92
|
;
|
|
80
93
|
(function () { return __awaiter(_this, void 0, void 0, function () {
|
|
81
94
|
return __generator(this, function (_a) {
|
|
82
95
|
switch (_a.label) {
|
|
83
|
-
case 0: return [4 /*yield*/, wait(
|
|
96
|
+
case 0: return [4 /*yield*/, wait(0)];
|
|
84
97
|
case 1:
|
|
85
98
|
_a.sent();
|
|
86
99
|
preventAnimationRef.current = false;
|
|
@@ -112,6 +125,19 @@ export var Tearsheet = React.forwardRef(function Tearsheet(_a, ref) {
|
|
|
112
125
|
key: ['Escape', 'Esc'],
|
|
113
126
|
handler: handleClose,
|
|
114
127
|
});
|
|
128
|
+
var afterShow_ = function () {
|
|
129
|
+
var _a, _b;
|
|
130
|
+
afterShow === null || afterShow === void 0 ? void 0 : afterShow();
|
|
131
|
+
var rect = (_a = childrenContainerRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
|
|
132
|
+
var prop = ['top', 'bottom'].includes(placement) ? 'height' : 'width';
|
|
133
|
+
setChildrenContainerSize((_b = rect === null || rect === void 0 ? void 0 : rect[prop]) !== null && _b !== void 0 ? _b : null);
|
|
134
|
+
setChildrenContainerSizeProp(prop);
|
|
135
|
+
};
|
|
136
|
+
var afterHide_ = function () {
|
|
137
|
+
afterHide === null || afterHide === void 0 ? void 0 : afterHide();
|
|
138
|
+
setChildrenContainerSize(null);
|
|
139
|
+
setChildrenContainerSizeProp(null);
|
|
140
|
+
};
|
|
115
141
|
React.useEffect(function () {
|
|
116
142
|
;
|
|
117
143
|
(function () { return __awaiter(_this, void 0, void 0, function () {
|
|
@@ -142,7 +168,7 @@ export var Tearsheet = React.forwardRef(function Tearsheet(_a, ref) {
|
|
|
142
168
|
return [4 /*yield*/, wait(0)];
|
|
143
169
|
case 5:
|
|
144
170
|
_c.sent();
|
|
145
|
-
|
|
171
|
+
afterShow_();
|
|
146
172
|
return [2 /*return*/];
|
|
147
173
|
case 6:
|
|
148
174
|
if (!(status === 'closing')) return [3 /*break*/, 11];
|
|
@@ -163,7 +189,7 @@ export var Tearsheet = React.forwardRef(function Tearsheet(_a, ref) {
|
|
|
163
189
|
setStatus('closed');
|
|
164
190
|
setPhase('disabled');
|
|
165
191
|
setIsVisible(false);
|
|
166
|
-
|
|
192
|
+
afterHide_();
|
|
167
193
|
_c.label = 11;
|
|
168
194
|
case 11: return [2 /*return*/];
|
|
169
195
|
}
|
|
@@ -177,9 +203,14 @@ export var Tearsheet = React.forwardRef(function Tearsheet(_a, ref) {
|
|
|
177
203
|
React.createElement(StyledModal, { ref: ref, className: getScrimClassName(status, phase) },
|
|
178
204
|
React.createElement(StyledModalScrim, null),
|
|
179
205
|
React.createElement(StyledTearsheetContent, __assign({ ref: ref, "$placement": placement }, getAnimationState('tearsheet', phase, status)),
|
|
180
|
-
React.createElement("
|
|
181
|
-
React.createElement(
|
|
206
|
+
React.createElement(StyledScrimContainer, { "$placement": placement, onClick: handleClose, "data-qa": qa === null || qa === void 0 ? void 0 : qa.scrim },
|
|
207
|
+
React.createElement(StyledButtonContainer, __assign({}, getAnimationState('closeButton', phase, status)),
|
|
182
208
|
React.createElement(Button, { ref: closeBtnRef, onClick: onClose, size: "lg", variant: "tertiary", icon: React.createElement(Clear, null), "data-qa": qa === null || qa === void 0 ? void 0 : qa.closeButton }))),
|
|
183
|
-
React.createElement(StyledTearsheetBody, {
|
|
209
|
+
React.createElement(StyledTearsheetBody, { onScroll: function () {
|
|
210
|
+
var _a;
|
|
211
|
+
(_a = registry.current.scroll) === null || _a === void 0 ? void 0 : _a.forEach(function (cb) { return cb(); });
|
|
212
|
+
}, "$placement": placement },
|
|
213
|
+
React.createElement(TearsheetContext.Provider, { value: ctx },
|
|
214
|
+
React.createElement(StyledTearsheetChildrenWrapper, { ref: childrenContainerRef, "$size": childrenContainerSize, "$sizeProp": childrenContainerSizeProp }, children)))))));
|
|
184
215
|
});
|
|
185
216
|
//# sourceMappingURL=Tearsheet.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tearsheet.js","sourceRoot":"","sources":["../../../../src/components/Tearsheet/Tearsheet.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACrE,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,EACL,mBAAmB,EACnB,sBAAsB,EACtB,
|
|
1
|
+
{"version":3,"file":"Tearsheet.js","sourceRoot":"","sources":["../../../../src/components/Tearsheet/Tearsheet.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { Placement } from './Tearsheet.types';
|
|
2
2
|
export declare const animationSpeed: {
|
|
3
|
+
disabled: number;
|
|
3
4
|
tearsheet: number;
|
|
4
5
|
scrim: number;
|
|
5
6
|
closeButton: number;
|
|
@@ -13,7 +14,15 @@ export declare const StyledTearsheetContent: import("styled-components").StyledC
|
|
|
13
14
|
export declare const StyledTearsheetBody: import("styled-components").StyledComponent<"div", any, {
|
|
14
15
|
$placement: Placement;
|
|
15
16
|
}, never>;
|
|
16
|
-
export declare const
|
|
17
|
+
export declare const StyledTearsheetChildrenWrapper: import("styled-components").StyledComponent<"div", any, {
|
|
18
|
+
$size: number | null;
|
|
19
|
+
$sizeProp: 'width' | 'height' | null;
|
|
20
|
+
}, never>;
|
|
21
|
+
export declare const minScrimSize: number;
|
|
22
|
+
export declare const StyledScrimContainer: import("styled-components").StyledComponent<"div", any, {
|
|
23
|
+
$placement: Placement;
|
|
24
|
+
}, never>;
|
|
25
|
+
export declare const StyledButtonContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../Card").CardProps & import("react").RefAttributes<HTMLDivElement>>, any, {
|
|
17
26
|
$open: boolean;
|
|
18
27
|
$opening?: boolean | undefined;
|
|
19
28
|
$closing?: boolean | undefined;
|
|
@@ -2,17 +2,18 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
2
2
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
3
|
return cooked;
|
|
4
4
|
};
|
|
5
|
-
import styled, { css } from 'styled-components';
|
|
5
|
+
import styled, { css, keyframes, } from 'styled-components';
|
|
6
6
|
import { spacing } from '../../styles/spacing';
|
|
7
7
|
import Card from '../Card';
|
|
8
8
|
import { getShadow } from '../../styles/shadows';
|
|
9
|
-
import { colors } from '../../styles/colors';
|
|
10
9
|
import { StyledPageContainer } from '../../layouts/PageLayout/PageLayout.styles';
|
|
11
10
|
import { isIE11 } from '../../utils/isIE11';
|
|
11
|
+
import { colors } from '../../styles/colors';
|
|
12
12
|
export var animationSpeed = {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
13
|
+
disabled: 0,
|
|
14
|
+
tearsheet: 800,
|
|
15
|
+
scrim: 300,
|
|
16
|
+
closeButton: 150,
|
|
16
17
|
};
|
|
17
18
|
var slideDistance = '100%';
|
|
18
19
|
var positioningProps = {
|
|
@@ -42,43 +43,56 @@ var positioningProps = {
|
|
|
42
43
|
shadow: getShadow(4, 'right'),
|
|
43
44
|
},
|
|
44
45
|
};
|
|
45
|
-
|
|
46
|
+
var getSlideInAnimation = function ($placement) { return keyframes(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n from {\n transform: ", ";\n }\n to {\n transform: ", ";\n }\n"], ["\n from {\n transform: ", ";\n }\n to {\n transform: ", ";\n }\n"])), positioningProps[$placement].closed, positioningProps[$placement].open); };
|
|
47
|
+
var getSlideOutAnimation = function ($placement) { return keyframes(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n from {\n transform: ", ";\n }\n to {\n transform: ", ";\n }\n"], ["\n from {\n transform: ", ";\n }\n to {\n transform: ", ";\n }\n"])), positioningProps[$placement].open, positioningProps[$placement].closed); };
|
|
48
|
+
export var StyledTearsheetContent = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n display: flex;\n z-index: 2;\n width: 100%;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n"], ["\n display: flex;\n z-index: 2;\n width: 100%;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n"])), function (_a) {
|
|
46
49
|
var $open = _a.$open, $placement = _a.$placement;
|
|
47
50
|
return $open
|
|
48
|
-
? css(
|
|
51
|
+
? css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n transform: ", ";\n "], ["\n transform: ", ";\n "])), positioningProps[$placement].open) : css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n transform: ", ";\n "], ["\n transform: ", ";\n "])), positioningProps[$placement].closed);
|
|
49
52
|
}, function (_a) {
|
|
50
53
|
var $placement = _a.$placement;
|
|
51
54
|
return positioningProps[$placement].placement;
|
|
52
|
-
}, function (_a) {
|
|
53
|
-
var $placement = _a.$placement;
|
|
54
|
-
return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n @keyframes slideIn {\n from {\n transform: ", ";\n }\n to {\n transform: ", ";\n }\n }\n\n @keyframes slideOut {\n from {\n transform: ", ";\n }\n to {\n transform: ", ";\n }\n }\n "], ["\n @keyframes slideIn {\n from {\n transform: ", ";\n }\n to {\n transform: ", ";\n }\n }\n\n @keyframes slideOut {\n from {\n transform: ", ";\n }\n to {\n transform: ", ";\n }\n }\n "])), positioningProps[$placement].closed, positioningProps[$placement].open, positioningProps[$placement].open, positioningProps[$placement].closed);
|
|
55
55
|
}, function (_a) {
|
|
56
56
|
var $opening = _a.$opening, $placement = _a.$placement;
|
|
57
|
-
return $opening && css(
|
|
57
|
+
return $opening && css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n animation: ", "\n ", "ms ease-out;\n transform: ", ";\n "], ["\n animation: ", "\n ", "ms ease-out;\n transform: ", ";\n "])), getSlideInAnimation($placement), animationSpeed.tearsheet, positioningProps[$placement].open);
|
|
58
58
|
}, function (_a) {
|
|
59
59
|
var $closing = _a.$closing, $placement = _a.$placement;
|
|
60
|
-
return $closing && css(
|
|
60
|
+
return $closing && css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n animation: ", "\n ", "ms ease-out;\n transform: ", ";\n "], ["\n animation: ", "\n ", "ms ease-out;\n transform: ", ";\n "])), getSlideOutAnimation($placement), animationSpeed.tearsheet, positioningProps[$placement].closed);
|
|
61
61
|
});
|
|
62
|
-
export var StyledTearsheetBody = styled.div(
|
|
62
|
+
export var StyledTearsheetBody = styled.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n display: flex;\n overflow-y: auto;\n flex-direction: column;\n background-color: ", ";\n\n ", "}\n"], ["\n display: flex;\n overflow-y: auto;\n flex-direction: column;\n background-color: ", ";\n\n ", "}\n"])), colors.white, function (_a) {
|
|
63
63
|
var $placement = _a.$placement;
|
|
64
64
|
if (!isIE11()) {
|
|
65
65
|
return '';
|
|
66
66
|
}
|
|
67
67
|
if (['top', 'bottom'].includes($placement)) {
|
|
68
|
-
return css(
|
|
68
|
+
return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n ", " {\n width: 100vw;\n }\n "], ["\n ", " {\n width: 100vw;\n }\n "])), StyledPageContainer);
|
|
69
69
|
}
|
|
70
|
-
return css(
|
|
70
|
+
return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n ", " {\n width: 95vw;\n }\n "], ["\n ", " {\n width: 95vw;\n }\n "])), StyledPageContainer);
|
|
71
|
+
});
|
|
72
|
+
var zoomIn = keyframes(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n from {\n transform: scale(0);\n }\n to {\n transform: scale(1);\n }\n"], ["\n from {\n transform: scale(0);\n }\n to {\n transform: scale(1);\n }\n"])));
|
|
73
|
+
var zoomOut = keyframes(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n from {\n transform: scale(1);\n }\n to {\n transform: scale(0);\n }\n"], ["\n from {\n transform: scale(1);\n }\n to {\n transform: scale(0);\n }\n"])));
|
|
74
|
+
export var StyledTearsheetChildrenWrapper = styled.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
75
|
+
var $size = _a.$size, $sizeProp = _a.$sizeProp;
|
|
76
|
+
return $size !== null && css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n ", ": ", "px;\n "], ["\n ", ": ", "px;\n "])), $sizeProp, $size);
|
|
77
|
+
});
|
|
78
|
+
export var minScrimSize = spacing.xxl * 3;
|
|
79
|
+
export var StyledScrimContainer = styled.div(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
80
|
+
var $placement = _a.$placement;
|
|
81
|
+
var minSizeProp = ['top', 'bottom'].includes($placement)
|
|
82
|
+
? 'min-height'
|
|
83
|
+
: 'min-width';
|
|
84
|
+
return css(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n ", ": ", "px;\n "], ["\n ", ": ", "px;\n "])), minSizeProp, minScrimSize);
|
|
71
85
|
});
|
|
72
|
-
export var
|
|
86
|
+
export var StyledButtonContainer = styled(Card)(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n display: inline-flex;\n margin: ", "px;\n\n ", "\n\n ", "\n\n ", "\n"], ["\n display: inline-flex;\n margin: ", "px;\n\n ", "\n\n ", "\n\n ", "\n"])), spacing.xl, function (_a) {
|
|
73
87
|
var $open = _a.$open;
|
|
74
88
|
return $open
|
|
75
|
-
? css(
|
|
89
|
+
? css(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n transform: scale(1);\n "], ["\n transform: scale(1);\n "]))) : css(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n transform: scale(0);\n "], ["\n transform: scale(0);\n "])));
|
|
76
90
|
}, function (_a) {
|
|
77
91
|
var $opening = _a.$opening;
|
|
78
|
-
return $opening && css(
|
|
92
|
+
return $opening && css(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n animation: ", " ", "ms;\n transform: scale(1);\n "], ["\n animation: ", " ", "ms;\n transform: scale(1);\n "])), zoomIn, animationSpeed.closeButton);
|
|
79
93
|
}, function (_a) {
|
|
80
94
|
var $closing = _a.$closing;
|
|
81
|
-
return $closing && css(
|
|
95
|
+
return $closing && css(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n animation: ", " ", "ms;\n transform: scale(0);\n "], ["\n animation: ", " ", "ms;\n transform: scale(0);\n "])), zoomOut, animationSpeed.closeButton);
|
|
82
96
|
});
|
|
83
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18;
|
|
97
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25;
|
|
84
98
|
//# sourceMappingURL=Tearsheet.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tearsheet.styles.js","sourceRoot":"","sources":["../../../../src/components/Tearsheet/Tearsheet.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"Tearsheet.styles.js","sourceRoot":"","sources":["../../../../src/components/Tearsheet/Tearsheet.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -38,5 +38,9 @@ export interface TearsheetProps {
|
|
|
38
38
|
*/
|
|
39
39
|
qa?: QaTags;
|
|
40
40
|
}
|
|
41
|
+
export interface TearsheetContextProps {
|
|
42
|
+
placement: Placement | null;
|
|
43
|
+
addListener: (e: string, cb: Function) => () => void;
|
|
44
|
+
}
|
|
41
45
|
export declare type Placement = 'right' | 'left' | 'bottom';
|
|
42
46
|
export {};
|
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export declare const PageLayoutDemo: React.ForwardRefExoticComponent<
|
|
2
|
+
export declare const PageLayoutDemo: React.ForwardRefExoticComponent<{
|
|
3
|
+
asideVisible?: boolean | undefined;
|
|
4
|
+
} & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -36,8 +36,9 @@ function PanelSample(_a) {
|
|
|
36
36
|
React.createElement(Button, { onClick: onClose, variant: "secondary" }, "Close"))))));
|
|
37
37
|
}
|
|
38
38
|
export var PageLayoutDemo = React.forwardRef(function PageLayoutDemo(props, ref) {
|
|
39
|
-
var _a
|
|
40
|
-
var _b = React.useState(false),
|
|
39
|
+
var _a;
|
|
40
|
+
var _b = React.useState((_a = props.asideVisible) !== null && _a !== void 0 ? _a : false), isAsideVisible = _b[0], setIsAsideVisible = _b[1];
|
|
41
|
+
var _c = React.useState(false), isModalVisible = _c[0], setIsModalVisible = _c[1];
|
|
41
42
|
return (React.createElement(React.Fragment, null,
|
|
42
43
|
React.createElement(Modal, { open: isModalVisible },
|
|
43
44
|
React.createElement(Modal.Header, { onClose: function () { return setIsModalVisible(false); } }, shortText),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageLayoutDemo.js","sourceRoot":"","sources":["../../../../../src/components/Tearsheet/storybook/PageLayoutDemo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,KAAK,MAAM,aAAa,CAAA;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAA;AAClD,OAAO,WAAW,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACnC,OAAO,IAAI,MAAM,YAAY,CAAA;AAC7B,OAAO,IAAI,MAAM,YAAY,CAAA;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAA;AACrC,OAAO,KAAK,MAAM,aAAa,CAAA;AAC/B,OAAO,KAAK,MAAM,aAAa,CAAA;AAE/B,IAAM,QAAQ,GAAG,WAAW,CAAC,aAAa,CAAA;AAC1C,IAAM,SAAS,GAAG,WAAW,CAAC,cAAc,CAAA;AAE5C,IAAM,YAAY,GAAG,CACnB,oBAAC,IAAI,IACH,SAAS,EAAC,QAAQ,EAClB,UAAU,EAAC,QAAQ,EACnB,aAAa,EAAC,IAAI,EAClB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,IAEvB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CACxC,6BACE,GAAG,EAAE,UAAG,CAAC,kBAAe,EACxB,KAAK,EAAE;QACL,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,OAAO;QACf,SAAS,EAAE,MAAM;QACjB,eAAe,EAAE,OAAO;QACxB,MAAM,EAAE,qBAAqB;QAC7B,YAAY,EAAE,KAAK;KACpB,GACD,CACH,EAZyC,CAYzC,CAAC,CACG,CACR,CAAA;AAED,SAAS,WAAW,CAAC,EAMpB;QALC,OAAO,aAAA,EACI,MAAM,eAAA;IAKjB,OAAO,CACL,oBAAC,KAAK;QACJ,oBAAC,KAAK,CAAC,MAAM,IAAC,OAAO,EAAE,OAAO;YAC5B,oBAAC,KAAK,CAAC,KAAK,yBAA6B,CAC5B;QACf,oBAAC,KAAK,CAAC,IAAI,QAAE,YAAY,CAAc;QACtC,MAAM,IAAI,CACT,oBAAC,KAAK,CAAC,MAAM;YACX,oBAAC,MAAM,mBAAkB;YACzB,oBAAC,QAAQ,IAAC,KAAK,EAAC,IAAI,EAAC,UAAU,EAAC,MAAM;gBACpC,oBAAC,MAAM,IAAC,OAAO,EAAC,SAAS,eAAkB;gBAC3C,oBAAC,MAAM,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAC,WAAW,YAEpC,CACA,CACE,CAChB,CACK,CACT,CAAA;AACH,CAAC;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,KAAK,CAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"PageLayoutDemo.js","sourceRoot":"","sources":["../../../../../src/components/Tearsheet/storybook/PageLayoutDemo.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export var useEventRegistry = function () {
|
|
3
|
+
var registry = React.useRef({});
|
|
4
|
+
var addListener = React.useCallback(function (e, cb) {
|
|
5
|
+
var _a;
|
|
6
|
+
var currentCbs = (_a = registry.current[e]) !== null && _a !== void 0 ? _a : [];
|
|
7
|
+
currentCbs.push(cb);
|
|
8
|
+
registry.current[e] = currentCbs;
|
|
9
|
+
return function () {
|
|
10
|
+
var _a;
|
|
11
|
+
var cbs = (_a = registry.current[e]) !== null && _a !== void 0 ? _a : [];
|
|
12
|
+
registry.current[e] = cbs.filter(function (callback) { return callback !== cb; });
|
|
13
|
+
};
|
|
14
|
+
}, []);
|
|
15
|
+
return { registry: registry, addListener: addListener };
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=EventRegistry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EventRegistry.js","sourceRoot":"","sources":["../../../src/effects/EventRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,IAAM,gBAAgB,GAAG;IAC9B,IAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAA6B,EAAE,CAAC,CAAA;IAE7D,IAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,CAAS,EAAE,EAAY;;QAC5D,IAAM,UAAU,GAAG,MAAA,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,mCAAI,EAAE,CAAA;QAC5C,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;QACnB,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,UAAU,CAAA;QAEhC,OAAO;;YACL,IAAM,GAAG,GAAG,MAAA,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,mCAAI,EAAE,CAAA;YACrC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,UAAC,QAAQ,IAAK,OAAA,QAAQ,KAAK,EAAE,EAAf,CAAe,CAAC,CAAA;QACjE,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,EAAE,QAAQ,UAAA,EAAE,WAAW,aAAA,EAAE,CAAA;AAClC,CAAC,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { RefObject } from 'react';
|
|
2
2
|
import { Props } from '../../utils/types';
|
|
3
3
|
import { PageAsideProps, PageComponentProps, PageHeaderProps } from './PageLayout.types';
|
|
4
4
|
import { DivAttributes } from '../../utils/types';
|
|
@@ -6,9 +6,10 @@ import { NextGridProps } from '../NextGrid/NextGrid.types';
|
|
|
6
6
|
export declare const PageContext: React.Context<{
|
|
7
7
|
bodyRef: React.RefObject<HTMLDivElement>;
|
|
8
8
|
footerRef: React.RefObject<HTMLDivElement>;
|
|
9
|
+
containerRef: React.RefObject<HTMLDivElement>;
|
|
9
10
|
aside: {
|
|
10
|
-
open: () => void
|
|
11
|
-
close: () => void
|
|
11
|
+
open: () => Promise<void>;
|
|
12
|
+
close: () => Promise<void>;
|
|
12
13
|
isOpen: boolean;
|
|
13
14
|
};
|
|
14
15
|
}>;
|