@procore/core-react 10.28.0-rc.4 → 10.28.0-rc.5
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/esm/components/Tearsheet/Tearsheet.js +23 -58
- package/dist/esm/components/Tearsheet/Tearsheet.js.map +1 -1
- package/dist/esm/components/Tearsheet/Tearsheet.styles.d.ts +0 -4
- package/dist/esm/components/Tearsheet/Tearsheet.styles.js +7 -11
- package/dist/esm/components/Tearsheet/Tearsheet.styles.js.map +1 -1
- package/dist/esm/layouts/PageLayout/PageLayout.js +23 -38
- package/dist/esm/layouts/PageLayout/PageLayout.js.map +1 -1
- package/dist/esm/layouts/PageLayout/PageLayout.styles.d.ts +4 -0
- package/dist/esm/layouts/PageLayout/PageLayout.styles.js +13 -15
- package/dist/esm/layouts/PageLayout/PageLayout.styles.js.map +1 -1
- package/dist/esm/layouts/PageLayout/PageLayout.utils.d.ts +0 -6
- package/dist/esm/layouts/PageLayout/PageLayout.utils.js +0 -9
- package/dist/esm/layouts/PageLayout/PageLayout.utils.js.map +1 -1
- package/dist/esm/state/useUpdateEffect.d.ts +5 -0
- package/dist/esm/state/useUpdateEffect.js +21 -0
- package/dist/esm/state/useUpdateEffect.js.map +1 -0
- 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 +35 -35
- 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 +9 -9
- 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 +4 -4
- 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 +3 -3
- package/storybook-static/iframe.html +1 -1
- package/storybook-static/{main.cad6cf76.iframe.bundle.js → main.d95a5563.iframe.bundle.js} +1 -1
|
@@ -49,13 +49,14 @@ 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, StyledButtonContainer, animationSpeed, StyledScrimContainer,
|
|
52
|
+
import { StyledTearsheetBody, StyledTearsheetContent, StyledButtonContainer, animationSpeed, StyledScrimContainer, } from './Tearsheet.styles';
|
|
53
53
|
import { Clear } from '@procore/core-icons/dist';
|
|
54
54
|
import { getAnimationState, getScrimClassName, wait } from './Tearsheet.util';
|
|
55
55
|
import { closingPhasesInOrder, openingPhasesInOrder, } from './Tearsheet.constants';
|
|
56
56
|
import { useHotkey } from '../../effects/Hotkey';
|
|
57
57
|
import { useScrollLock } from '../../effects/ScrollLock';
|
|
58
58
|
import { useEventRegistry } from '../../effects/EventRegistry';
|
|
59
|
+
import { useUpdateEffect } from '../../state/useUpdateEffect';
|
|
59
60
|
export var TearsheetContext = React.createContext({
|
|
60
61
|
placement: null,
|
|
61
62
|
addListener: function () { return function () { }; },
|
|
@@ -78,42 +79,19 @@ export var Tearsheet = React.forwardRef(function Tearsheet(_a, ref) {
|
|
|
78
79
|
var _d = React.useState('disabled'), phase = _d[0], setPhase = _d[1];
|
|
79
80
|
var _e = React.useState(open), isVisible = _e[0], setIsVisible = _e[1];
|
|
80
81
|
var closeBtnRef = React.useRef(null);
|
|
81
|
-
var _f =
|
|
82
|
-
var _g = React.useState(null), childrenContainerSizeProp = _g[0], setChildrenContainerSizeProp = _g[1];
|
|
83
|
-
var childrenContainerRef = React.useRef(null);
|
|
84
|
-
var preventAnimationRef = React.useRef(!open);
|
|
85
|
-
var _h = useEventRegistry(), registry = _h.registry, addListener = _h.addListener;
|
|
82
|
+
var _f = useEventRegistry(), registry = _f.registry, addListener = _f.addListener;
|
|
86
83
|
var ctx = React.useMemo(function () { return ({
|
|
87
84
|
addListener: addListener,
|
|
88
85
|
placement: placement,
|
|
89
86
|
}); }, [placement, addListener]);
|
|
90
87
|
useScrollLock(status !== 'closed');
|
|
91
88
|
React.useEffect(function () {
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
switch (_a.label) {
|
|
96
|
-
case 0: return [4 /*yield*/, wait(0)];
|
|
97
|
-
case 1:
|
|
98
|
-
_a.sent();
|
|
99
|
-
preventAnimationRef.current = false;
|
|
100
|
-
return [2 /*return*/];
|
|
101
|
-
}
|
|
102
|
-
});
|
|
103
|
-
}); })();
|
|
104
|
-
}, []);
|
|
105
|
-
/**
|
|
106
|
-
* This prevents "closing" animation from being performed on mount.
|
|
107
|
-
*
|
|
108
|
-
* When `open` is **initially** set to `true`, "closing" animation will run because it is required
|
|
109
|
-
* to open tearsheet.
|
|
110
|
-
* When `open` is **initially** set to `false`, "closing" animation will run needlessly in background,
|
|
111
|
-
* causing UI issues if a user opens up the tearsheet up immediately.
|
|
112
|
-
*/
|
|
113
|
-
React.useEffect(function () {
|
|
114
|
-
if (!open && preventAnimationRef.current) {
|
|
115
|
-
return;
|
|
89
|
+
// do not run 'closing' animation if the initial state is closed
|
|
90
|
+
if (open) {
|
|
91
|
+
setStatus('opening');
|
|
116
92
|
}
|
|
93
|
+
}, []);
|
|
94
|
+
useUpdateEffect(function () {
|
|
117
95
|
setStatus(open ? 'opening' : 'closing');
|
|
118
96
|
}, [open]);
|
|
119
97
|
function handleClose() {
|
|
@@ -125,39 +103,26 @@ export var Tearsheet = React.forwardRef(function Tearsheet(_a, ref) {
|
|
|
125
103
|
key: ['Escape', 'Esc'],
|
|
126
104
|
handler: handleClose,
|
|
127
105
|
});
|
|
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
|
-
};
|
|
141
106
|
React.useEffect(function () {
|
|
142
107
|
;
|
|
143
108
|
(function () { return __awaiter(_this, void 0, void 0, function () {
|
|
144
109
|
var _i, openingPhasesInOrder_1, openingPhase, _a, closingPhasesInOrder_1, closingPhase;
|
|
145
|
-
var _b;
|
|
146
|
-
return __generator(this, function (
|
|
147
|
-
switch (
|
|
110
|
+
var _b, _c;
|
|
111
|
+
return __generator(this, function (_d) {
|
|
112
|
+
switch (_d.label) {
|
|
148
113
|
case 0:
|
|
149
114
|
if (!(status === 'opening')) return [3 /*break*/, 6];
|
|
150
115
|
setIsVisible(true);
|
|
151
116
|
_i = 0, openingPhasesInOrder_1 = openingPhasesInOrder;
|
|
152
|
-
|
|
117
|
+
_d.label = 1;
|
|
153
118
|
case 1:
|
|
154
119
|
if (!(_i < openingPhasesInOrder_1.length)) return [3 /*break*/, 4];
|
|
155
120
|
openingPhase = openingPhasesInOrder_1[_i];
|
|
156
121
|
setPhase(openingPhase);
|
|
157
122
|
return [4 /*yield*/, wait(animationSpeed[openingPhase])];
|
|
158
123
|
case 2:
|
|
159
|
-
|
|
160
|
-
|
|
124
|
+
_d.sent();
|
|
125
|
+
_d.label = 3;
|
|
161
126
|
case 3:
|
|
162
127
|
_i++;
|
|
163
128
|
return [3 /*break*/, 1];
|
|
@@ -167,21 +132,22 @@ export var Tearsheet = React.forwardRef(function Tearsheet(_a, ref) {
|
|
|
167
132
|
(_b = closeBtnRef.current) === null || _b === void 0 ? void 0 : _b.focus();
|
|
168
133
|
return [4 /*yield*/, wait(0)];
|
|
169
134
|
case 5:
|
|
170
|
-
|
|
171
|
-
|
|
135
|
+
_d.sent();
|
|
136
|
+
(_c = registry.current.afterShow) === null || _c === void 0 ? void 0 : _c.forEach(function (cb) { return cb(); });
|
|
137
|
+
afterShow === null || afterShow === void 0 ? void 0 : afterShow();
|
|
172
138
|
return [2 /*return*/];
|
|
173
139
|
case 6:
|
|
174
140
|
if (!(status === 'closing')) return [3 /*break*/, 11];
|
|
175
141
|
_a = 0, closingPhasesInOrder_1 = closingPhasesInOrder;
|
|
176
|
-
|
|
142
|
+
_d.label = 7;
|
|
177
143
|
case 7:
|
|
178
144
|
if (!(_a < closingPhasesInOrder_1.length)) return [3 /*break*/, 10];
|
|
179
145
|
closingPhase = closingPhasesInOrder_1[_a];
|
|
180
146
|
setPhase(closingPhase);
|
|
181
147
|
return [4 /*yield*/, wait(animationSpeed[closingPhase])];
|
|
182
148
|
case 8:
|
|
183
|
-
|
|
184
|
-
|
|
149
|
+
_d.sent();
|
|
150
|
+
_d.label = 9;
|
|
185
151
|
case 9:
|
|
186
152
|
_a++;
|
|
187
153
|
return [3 /*break*/, 7];
|
|
@@ -189,8 +155,8 @@ export var Tearsheet = React.forwardRef(function Tearsheet(_a, ref) {
|
|
|
189
155
|
setStatus('closed');
|
|
190
156
|
setPhase('disabled');
|
|
191
157
|
setIsVisible(false);
|
|
192
|
-
|
|
193
|
-
|
|
158
|
+
afterHide === null || afterHide === void 0 ? void 0 : afterHide();
|
|
159
|
+
_d.label = 11;
|
|
194
160
|
case 11: return [2 /*return*/];
|
|
195
161
|
}
|
|
196
162
|
});
|
|
@@ -210,7 +176,6 @@ export var Tearsheet = React.forwardRef(function Tearsheet(_a, ref) {
|
|
|
210
176
|
var _a;
|
|
211
177
|
(_a = registry.current.scroll) === null || _a === void 0 ? void 0 : _a.forEach(function (cb) { return cb(); });
|
|
212
178
|
}, "$placement": placement },
|
|
213
|
-
React.createElement(TearsheetContext.Provider, { value: ctx },
|
|
214
|
-
React.createElement(StyledTearsheetChildrenWrapper, { ref: childrenContainerRef, "$size": childrenContainerSize, "$sizeProp": childrenContainerSizeProp }, children)))))));
|
|
179
|
+
React.createElement(TearsheetContext.Provider, { value: ctx }, children))))));
|
|
215
180
|
});
|
|
216
181
|
//# 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,qBAAqB,EACrB,cAAc,EACd,oBAAoB,
|
|
1
|
+
{"version":3,"file":"Tearsheet.js","sourceRoot":"","sources":["../../../../src/components/Tearsheet/Tearsheet.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,10 +14,6 @@ export declare const StyledTearsheetContent: import("styled-components").StyledC
|
|
|
14
14
|
export declare const StyledTearsheetBody: import("styled-components").StyledComponent<"div", any, {
|
|
15
15
|
$placement: Placement;
|
|
16
16
|
}, never>;
|
|
17
|
-
export declare const StyledTearsheetChildrenWrapper: import("styled-components").StyledComponent<"div", any, {
|
|
18
|
-
$size: number | null;
|
|
19
|
-
$sizeProp: 'width' | 'height' | null;
|
|
20
|
-
}, never>;
|
|
21
17
|
export declare const minScrimSize: number;
|
|
22
18
|
export declare const StyledScrimContainer: import("styled-components").StyledComponent<"div", any, {
|
|
23
19
|
$placement: Placement;
|
|
@@ -71,28 +71,24 @@ export var StyledTearsheetBody = styled.div(templateObject_14 || (templateObject
|
|
|
71
71
|
});
|
|
72
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
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
74
|
export var minScrimSize = spacing.xxl * 3;
|
|
79
|
-
export var StyledScrimContainer = styled.div(
|
|
75
|
+
export var StyledScrimContainer = styled.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
80
76
|
var $placement = _a.$placement;
|
|
81
77
|
var minSizeProp = ['top', 'bottom'].includes($placement)
|
|
82
78
|
? 'min-height'
|
|
83
79
|
: 'min-width';
|
|
84
|
-
return css(
|
|
80
|
+
return css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n ", ": ", "px;\n "], ["\n ", ": ", "px;\n "])), minSizeProp, minScrimSize);
|
|
85
81
|
});
|
|
86
|
-
export var StyledButtonContainer = styled(Card)(
|
|
82
|
+
export var StyledButtonContainer = styled(Card)(templateObject_23 || (templateObject_23 = __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) {
|
|
87
83
|
var $open = _a.$open;
|
|
88
84
|
return $open
|
|
89
|
-
? css(
|
|
85
|
+
? css(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n transform: scale(1);\n "], ["\n transform: scale(1);\n "]))) : css(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n transform: scale(0);\n "], ["\n transform: scale(0);\n "])));
|
|
90
86
|
}, function (_a) {
|
|
91
87
|
var $opening = _a.$opening;
|
|
92
|
-
return $opening && css(
|
|
88
|
+
return $opening && css(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n animation: ", " ", "ms;\n transform: scale(1);\n "], ["\n animation: ", " ", "ms;\n transform: scale(1);\n "])), zoomIn, animationSpeed.closeButton);
|
|
93
89
|
}, function (_a) {
|
|
94
90
|
var $closing = _a.$closing;
|
|
95
|
-
return $closing && css(
|
|
91
|
+
return $closing && css(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n animation: ", " ", "ms;\n transform: scale(0);\n "], ["\n animation: ", " ", "ms;\n transform: scale(0);\n "])), zoomOut, animationSpeed.closeButton);
|
|
96
92
|
});
|
|
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
|
|
93
|
+
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;
|
|
98
94
|
//# 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,EACb,GAAG,EAEH,SAAS,GACV,MAAM,mBAAmB,CAAA;AAE1B,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAA;AAChF,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAE5C,MAAM,CAAC,IAAM,cAAc,GAAG;IAC5B,QAAQ,EAAE,CAAC;IACX,SAAS,EAAE,GAAG;IACd,KAAK,EAAE,GAAG;IACV,WAAW,EAAE,GAAG;CACjB,CAAA;AAED,IAAM,aAAa,GAAG,MAAM,CAAA;AAE5B,IAAM,gBAAgB,GAMlB;IACF,KAAK,EAAE;QACL,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,qBAAc,aAAa,OAAI;QACvC,SAAS,EAAE,GAAG,yIAAA,sEAGb,IAAA;QACD,MAAM,EAAE,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC;KAC7B;IACD,aAAa;IACb,GAAG,EAAE;QACH,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,sBAAe,aAAa,OAAI;QACxC,SAAS,EAAE,GAAG,oJAAA,iFAGb,IAAA;QACD,MAAM,EAAE,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC;KAC/B;IACD,MAAM,EAAE;QACN,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,qBAAc,aAAa,OAAI;QACvC,SAAS,EAAE,GAAG,4IAAA,yEAGb,IAAA;QACD,MAAM,EAAE,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC;KAC5B;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,sBAAe,aAAa,OAAI;QACxC,SAAS,EAAE,GAAG,iJAAA,8EAGb,IAAA;QACD,MAAM,EAAE,SAAS,CAAC,CAAC,EAAE,OAAO,CAAC;KAC9B;CACF,CAAA;AAED,IAAM,mBAAmB,GAAG,UAAC,UAAqB,IAAK,OAAA,SAAS,+IAAA,6BAE/C,EAAmC,iCAGnC,EAAiC,UAEjD,KALgB,gBAAgB,CAAC,UAAU,CAAC,CAAC,MAAM,EAGnC,gBAAgB,CAAC,UAAU,CAAC,CAAC,IAAI,GALK,CAOtD,CAAA;AAED,IAAM,oBAAoB,GAAG,UAAC,UAAqB,IAAK,OAAA,SAAS,+IAAA,6BAEhD,EAAiC,iCAGjC,EAAmC,UAEnD,KALgB,gBAAgB,CAAC,UAAU,CAAC,CAAC,IAAI,EAGjC,gBAAgB,CAAC,UAAU,CAAC,CAAC,MAAM,GALI,CAOvD,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,kKAK9C,yDAKE,EAOK,QAEL,EAA0D,QAE1D,EAMC,QAED,EAMC,IACJ,KA1BG,UAAC,EAAqB;QAAnB,KAAK,WAAA,EAAE,UAAU,gBAAA;IACpB,OAAA,KAAK;QACH,CAAC,CAAC,GAAG,2GAAA,yBACY,EAAiC,aAC/C,KADc,gBAAgB,CAAC,UAAU,CAAC,CAAC,IAAI,EAElD,CAAC,CAAC,GAAG,2GAAA,yBACY,EAAmC,aACjD,KADc,gBAAgB,CAAC,UAAU,CAAC,CAAC,MAAM,CACjD;AANL,CAMK,EAEL,UAAC,EAAc;QAAZ,UAAU,gBAAA;IAAO,OAAA,gBAAgB,CAAC,UAAU,CAAC,CAAC,SAAS;AAAtC,CAAsC,EAE1D,UAAC,EAAwB;QAAtB,QAAQ,cAAA,EAAE,UAAU,gBAAA;IACvB,OAAA,QAAQ,IACR,GAAG,oJAAA,qBACY,EAA+B,YACxC,EAAwB,iCACf,EAAiC,SAC/C,KAHc,mBAAmB,CAAC,UAAU,CAAC,EACxC,cAAc,CAAC,SAAS,EACf,gBAAgB,CAAC,UAAU,CAAC,CAAC,IAAI,CAC/C;AALD,CAKC,EAED,UAAC,EAAwB;QAAtB,QAAQ,cAAA,EAAE,UAAU,gBAAA;IACvB,OAAA,QAAQ,IACR,GAAG,sJAAA,qBACY,EAAgC,YACzC,EAAwB,iCACf,EAAmC,SACjD,KAHc,oBAAoB,CAAC,UAAU,CAAC,EACzC,cAAc,CAAC,SAAS,EACf,gBAAgB,CAAC,UAAU,CAAC,CAAC,MAAM,CACjD;AALD,CAKC,CACJ,CAAA;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,iLAE3C,0FAIoB,EAAY,SAE9B,EAkBD,KACF,KArBqB,MAAM,CAAC,KAAK,EAE9B,UAAC,EAAc;QAAZ,UAAU,gBAAA;IACb,IAAI,CAAC,MAAM,EAAE,EAAE;QACb,OAAO,EAAE,CAAA;KACV;IAED,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE;QAC1C,OAAO,GAAG,mIAAA,YACN,EAAmB,gDAGtB,KAHG,mBAAmB,EAGtB;KACF;IAED,OAAO,GAAG,0HAAA,UACN,EAAmB,yCAGtB,KAHG,mBAAmB,EAGtB;AACH,CAAC,CACF,CAAA;AAED,IAAM,MAAM,GAAG,SAAS,yJAAA,oFAOvB,IAAA,CAAA;AAED,IAAM,OAAO,GAAG,SAAS,yJAAA,oFAOxB,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,
|
|
1
|
+
{"version":3,"file":"Tearsheet.styles.js","sourceRoot":"","sources":["../../../../src/components/Tearsheet/Tearsheet.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EACb,GAAG,EAEH,SAAS,GACV,MAAM,mBAAmB,CAAA;AAE1B,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAA;AAChF,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAE5C,MAAM,CAAC,IAAM,cAAc,GAAG;IAC5B,QAAQ,EAAE,CAAC;IACX,SAAS,EAAE,GAAG;IACd,KAAK,EAAE,GAAG;IACV,WAAW,EAAE,GAAG;CACjB,CAAA;AAED,IAAM,aAAa,GAAG,MAAM,CAAA;AAE5B,IAAM,gBAAgB,GAMlB;IACF,KAAK,EAAE;QACL,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,qBAAc,aAAa,OAAI;QACvC,SAAS,EAAE,GAAG,yIAAA,sEAGb,IAAA;QACD,MAAM,EAAE,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC;KAC7B;IACD,aAAa;IACb,GAAG,EAAE;QACH,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,sBAAe,aAAa,OAAI;QACxC,SAAS,EAAE,GAAG,oJAAA,iFAGb,IAAA;QACD,MAAM,EAAE,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC;KAC/B;IACD,MAAM,EAAE;QACN,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,qBAAc,aAAa,OAAI;QACvC,SAAS,EAAE,GAAG,4IAAA,yEAGb,IAAA;QACD,MAAM,EAAE,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC;KAC5B;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,sBAAe,aAAa,OAAI;QACxC,SAAS,EAAE,GAAG,iJAAA,8EAGb,IAAA;QACD,MAAM,EAAE,SAAS,CAAC,CAAC,EAAE,OAAO,CAAC;KAC9B;CACF,CAAA;AAED,IAAM,mBAAmB,GAAG,UAAC,UAAqB,IAAK,OAAA,SAAS,+IAAA,6BAE/C,EAAmC,iCAGnC,EAAiC,UAEjD,KALgB,gBAAgB,CAAC,UAAU,CAAC,CAAC,MAAM,EAGnC,gBAAgB,CAAC,UAAU,CAAC,CAAC,IAAI,GALK,CAOtD,CAAA;AAED,IAAM,oBAAoB,GAAG,UAAC,UAAqB,IAAK,OAAA,SAAS,+IAAA,6BAEhD,EAAiC,iCAGjC,EAAmC,UAEnD,KALgB,gBAAgB,CAAC,UAAU,CAAC,CAAC,IAAI,EAGjC,gBAAgB,CAAC,UAAU,CAAC,CAAC,MAAM,GALI,CAOvD,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,kKAK9C,yDAKE,EAOK,QAEL,EAA0D,QAE1D,EAMC,QAED,EAMC,IACJ,KA1BG,UAAC,EAAqB;QAAnB,KAAK,WAAA,EAAE,UAAU,gBAAA;IACpB,OAAA,KAAK;QACH,CAAC,CAAC,GAAG,2GAAA,yBACY,EAAiC,aAC/C,KADc,gBAAgB,CAAC,UAAU,CAAC,CAAC,IAAI,EAElD,CAAC,CAAC,GAAG,2GAAA,yBACY,EAAmC,aACjD,KADc,gBAAgB,CAAC,UAAU,CAAC,CAAC,MAAM,CACjD;AANL,CAMK,EAEL,UAAC,EAAc;QAAZ,UAAU,gBAAA;IAAO,OAAA,gBAAgB,CAAC,UAAU,CAAC,CAAC,SAAS;AAAtC,CAAsC,EAE1D,UAAC,EAAwB;QAAtB,QAAQ,cAAA,EAAE,UAAU,gBAAA;IACvB,OAAA,QAAQ,IACR,GAAG,oJAAA,qBACY,EAA+B,YACxC,EAAwB,iCACf,EAAiC,SAC/C,KAHc,mBAAmB,CAAC,UAAU,CAAC,EACxC,cAAc,CAAC,SAAS,EACf,gBAAgB,CAAC,UAAU,CAAC,CAAC,IAAI,CAC/C;AALD,CAKC,EAED,UAAC,EAAwB;QAAtB,QAAQ,cAAA,EAAE,UAAU,gBAAA;IACvB,OAAA,QAAQ,IACR,GAAG,sJAAA,qBACY,EAAgC,YACzC,EAAwB,iCACf,EAAmC,SACjD,KAHc,oBAAoB,CAAC,UAAU,CAAC,EACzC,cAAc,CAAC,SAAS,EACf,gBAAgB,CAAC,UAAU,CAAC,CAAC,MAAM,CACjD;AALD,CAKC,CACJ,CAAA;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,iLAE3C,0FAIoB,EAAY,SAE9B,EAkBD,KACF,KArBqB,MAAM,CAAC,KAAK,EAE9B,UAAC,EAAc;QAAZ,UAAU,gBAAA;IACb,IAAI,CAAC,MAAM,EAAE,EAAE;QACb,OAAO,EAAE,CAAA;KACV;IAED,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE;QAC1C,OAAO,GAAG,mIAAA,YACN,EAAmB,gDAGtB,KAHG,mBAAmB,EAGtB;KACF;IAED,OAAO,GAAG,0HAAA,UACN,EAAmB,yCAGtB,KAHG,mBAAmB,EAGtB;AACH,CAAC,CACF,CAAA;AAED,IAAM,MAAM,GAAG,SAAS,yJAAA,oFAOvB,IAAA,CAAA;AAED,IAAM,OAAO,GAAG,SAAS,yJAAA,oFAOxB,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,OAAO,CAAC,GAAG,GAAG,CAAC,CAAA;AAE3C,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,iFAA2B,MACrE,EAQD,IACF,KATG,UAAC,EAAc;QAAZ,UAAU,gBAAA;IACb,IAAM,WAAW,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC;QACxD,CAAC,CAAC,YAAY;QACd,CAAC,CAAC,WAAW,CAAA;IAEf,OAAO,GAAG,kGAAA,UACN,EAAW,IAAK,EAAY,WAC/B,KADG,WAAW,EAAK,YAAY,EAC/B;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,qBAAqB,GAAG,MAAM,CAAC,IAAI,CAAC,mJAI/C,uCAEU,EAAU,WAElB,EAOK,QAEL,EAKC,QAED,EAKC,IACJ,KAxBW,OAAO,CAAC,EAAE,EAElB,UAAC,EAAS;QAAP,KAAK,WAAA;IACR,OAAA,KAAK;QACH,CAAC,CAAC,GAAG,iHAAA,4CAEF,KACH,CAAC,CAAC,GAAG,iHAAA,4CAEF,IAAA;AANL,CAMK,EAEL,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ,IACR,GAAG,wIAAA,qBACY,EAAM,GAAI,EAA0B,uCAElD,KAFc,MAAM,EAAI,cAAc,CAAC,WAAW,CAElD;AAJD,CAIC,EAED,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ,IACR,GAAG,wIAAA,qBACY,EAAO,GAAI,EAA0B,uCAEnD,KAFc,OAAO,EAAI,cAAc,CAAC,WAAW,CAEnD;AAJD,CAIC,CACJ,CAAA"}
|
|
@@ -60,13 +60,14 @@ import React from 'react';
|
|
|
60
60
|
import throttle from 'lodash.throttle';
|
|
61
61
|
import { addSubcomponents } from '../../utils/addSubcomponents';
|
|
62
62
|
import { NextGrid } from '../NextGrid';
|
|
63
|
-
import { StyledPageHeader, StyledBody, StyledAside, StyledPageMain, StyledPageContainer, StyledPageTitle, StyledPageTabs, StyledPageBanner, StyledPageBreadcrumbs, StyledAsidePanel, StyledFooter, animationDuration, } from './PageLayout.styles';
|
|
63
|
+
import { StyledPageHeader, StyledBody, StyledAside, StyledPageMain, StyledPageContainer, StyledPageTitle, StyledPageTabs, StyledPageBanner, StyledPageBreadcrumbs, StyledAsidePanel, StyledFooter, StyledAsideFluidContainer, animationDuration, } from './PageLayout.styles';
|
|
64
64
|
import { mergeRefs } from '../../effects/mergeRefs';
|
|
65
65
|
import { pageLayoutRootDataAttr } from './PageLayout.constants';
|
|
66
66
|
import { useResize } from '../../effects/Resize';
|
|
67
67
|
import { useScroll } from '../../effects/Scroll';
|
|
68
|
-
import { getBottomOffsetForFooterUseCase, getGlobalBottomOffset, getGlobalTopOffset,
|
|
68
|
+
import { getBottomOffsetForFooterUseCase, getGlobalBottomOffset, getGlobalTopOffset, getIsIntersectingVertically, getRightOffset, wait, } from './PageLayout.utils';
|
|
69
69
|
import { TearsheetContext } from '../../components/Tearsheet/Tearsheet';
|
|
70
|
+
import { useUpdateEffect } from '../../state/useUpdateEffect';
|
|
70
71
|
export var PageContext = React.createContext({
|
|
71
72
|
bodyRef: React.createRef(),
|
|
72
73
|
footerRef: React.createRef(),
|
|
@@ -109,30 +110,15 @@ var PageAside = React.forwardRef(function PageAside(_a, ref) {
|
|
|
109
110
|
var _this = this;
|
|
110
111
|
var children = _a.children, controlledIsOpen = _a.open, props = __rest(_a, ["children", "open"]);
|
|
111
112
|
var _b = React.useContext(PageContext).aside, contextIsOpen = _b.isOpen, open = _b.open, close = _b.close;
|
|
112
|
-
var
|
|
113
|
-
var
|
|
113
|
+
var _c = React.useContext(TearsheetContext), tearsheetPlacement = _c.placement, addTearsheetListener = _c.addListener;
|
|
114
|
+
var _d = React.useContext(PageContext), footerRef = _d.footerRef, containerRef = _d.containerRef;
|
|
114
115
|
var innerRef = React.useRef(null);
|
|
115
|
-
var
|
|
116
|
-
var
|
|
117
|
-
var
|
|
118
|
-
var preventAnimationSequenceRef = React.useRef(true);
|
|
116
|
+
var _e = React.useState(null), topOffset = _e[0], setTopOffset = _e[1];
|
|
117
|
+
var _f = React.useState(0), bottomOffset = _f[0], setBottomOffset = _f[1];
|
|
118
|
+
var _g = React.useState(0), rightOffset = _g[0], setRightOffset = _g[1];
|
|
119
119
|
var initialIsOpen = controlledIsOpen !== null && controlledIsOpen !== void 0 ? controlledIsOpen : contextIsOpen;
|
|
120
|
-
var
|
|
121
|
-
var
|
|
122
|
-
React.useEffect(function () {
|
|
123
|
-
;
|
|
124
|
-
(function () { return __awaiter(_this, void 0, void 0, function () {
|
|
125
|
-
return __generator(this, function (_a) {
|
|
126
|
-
switch (_a.label) {
|
|
127
|
-
case 0: return [4 /*yield*/, wait(0)];
|
|
128
|
-
case 1:
|
|
129
|
-
_a.sent();
|
|
130
|
-
preventAnimationSequenceRef.current = false;
|
|
131
|
-
return [2 /*return*/];
|
|
132
|
-
}
|
|
133
|
-
});
|
|
134
|
-
}); })();
|
|
135
|
-
}, []);
|
|
120
|
+
var _h = React.useState(initialIsOpen ? 'open' : 'closed'), animationStatus = _h[0], setAnimationStatus = _h[1];
|
|
121
|
+
var _j = React.useState(initialIsOpen), isOpen = _j[0], setIsOpen = _j[1];
|
|
136
122
|
var throttledToggle = React.useCallback(throttle(function (isOpen) {
|
|
137
123
|
if (isOpen) {
|
|
138
124
|
open();
|
|
@@ -147,15 +133,14 @@ var PageAside = React.forwardRef(function PageAside(_a, ref) {
|
|
|
147
133
|
throttledToggle(controlledIsOpen);
|
|
148
134
|
}, [controlledIsOpen, throttledToggle]);
|
|
149
135
|
React.useEffect(function () {
|
|
136
|
+
setIsOpen(contextIsOpen);
|
|
137
|
+
}, []);
|
|
138
|
+
useUpdateEffect(function () {
|
|
150
139
|
;
|
|
151
140
|
(function () { return __awaiter(_this, void 0, void 0, function () {
|
|
152
141
|
return __generator(this, function (_a) {
|
|
153
142
|
switch (_a.label) {
|
|
154
143
|
case 0:
|
|
155
|
-
if (preventAnimationSequenceRef.current) {
|
|
156
|
-
setIsOpen(contextIsOpen);
|
|
157
|
-
return [2 /*return*/];
|
|
158
|
-
}
|
|
159
144
|
if (!contextIsOpen) return [3 /*break*/, 3];
|
|
160
145
|
setIsOpen(true);
|
|
161
146
|
// allow browsers to recalculate the layout
|
|
@@ -210,17 +195,17 @@ var PageAside = React.forwardRef(function PageAside(_a, ref) {
|
|
|
210
195
|
useScroll({ onScroll: calculateOffsets });
|
|
211
196
|
useResize({ onResize: calculateOffsets });
|
|
212
197
|
React.useEffect(function () {
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
calculateOffsets();
|
|
198
|
+
if (tearsheetPlacement) {
|
|
199
|
+
return addTearsheetListener('afterShow', calculateOffsets);
|
|
216
200
|
}
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
201
|
+
calculateOffsets();
|
|
202
|
+
}, []);
|
|
203
|
+
useUpdateEffect(calculateOffsets, [contextIsOpen, animationStatus]);
|
|
204
|
+
var asideOpen = ['open', 'opening'].includes(animationStatus);
|
|
205
|
+
var asideClosed = ['closed', 'closing'].includes(animationStatus);
|
|
206
|
+
return isOpen ? (React.createElement(StyledAside, __assign({}, props, { "$open": asideOpen, "$closed": asideClosed, ref: mergeRefs(ref, innerRef, calculateOffsets) }),
|
|
207
|
+
React.createElement(StyledAsideFluidContainer, { "$open": asideOpen, "$closed": asideClosed },
|
|
208
|
+
React.createElement(StyledAsidePanel, { "$offsetTop": topOffset, "$rightOffset": rightOffset, "$minusHeight": (topOffset !== null && topOffset !== void 0 ? topOffset : 0) + bottomOffset, "$closing": animationStatus === 'closing', "$opening": animationStatus === 'opening', "$closed": animationStatus === 'closed', "$altAnimation": tearsheetPlacement === 'left' }, children)))) : null;
|
|
224
209
|
});
|
|
225
210
|
var PageContainer = React.forwardRef(function PageContainer(props, ref) {
|
|
226
211
|
var _a = React.useState(true), isAsideOpen = _a[0], setIsAsideOpen = _a[1];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageLayout.js","sourceRoot":"","sources":["../../../../src/layouts/PageLayout/PageLayout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,QAAQ,MAAM,iBAAiB,CAAA;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAE/D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAOtC,OAAO,EACL,gBAAgB,EAChB,UAAU,EACV,WAAW,EACX,cAAc,EACd,mBAAmB,EACnB,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,GAClB,MAAM,qBAAqB,CAAA;AAE5B,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAEnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,EACL,+BAA+B,EAC/B,qBAAqB,EACrB,kBAAkB,EAClB,
|
|
1
|
+
{"version":3,"file":"PageLayout.js","sourceRoot":"","sources":["../../../../src/layouts/PageLayout/PageLayout.tsx"],"names":[],"mappings":"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"}
|
|
@@ -36,3 +36,7 @@ export declare const StyledPageMain: import("styled-components").StyledComponent
|
|
|
36
36
|
$tearsheetPlacement: Placement | null;
|
|
37
37
|
}, never>;
|
|
38
38
|
export declare const StyledPageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
39
|
+
export declare const StyledAsideFluidContainer: import("styled-components").StyledComponent<"div", any, {
|
|
40
|
+
$open: boolean;
|
|
41
|
+
$closed: boolean;
|
|
42
|
+
}, never>;
|
|
@@ -7,9 +7,9 @@ import { Breadcrumbs } from '../../components/Breadcrumbs';
|
|
|
7
7
|
import { colors } from '../../styles/colors';
|
|
8
8
|
import { getShadow } from '../../styles/shadows';
|
|
9
9
|
import { spacing } from '../../styles/spacing';
|
|
10
|
-
import { isIE11 } from '../../utils/isIE11';
|
|
11
10
|
import { getSmallScreenBreakpointValue } from './PageLayout.utils';
|
|
12
11
|
import { minScrimSize } from '../../components/Tearsheet/Tearsheet.styles';
|
|
12
|
+
import { isIE11 } from '../../utils/isIE11';
|
|
13
13
|
var outerPageSpacing = spacing.xl;
|
|
14
14
|
export var adjustMaxWidth = function (breakpointMinWidth) {
|
|
15
15
|
return breakpointMinWidth - 0.02;
|
|
@@ -42,16 +42,10 @@ export var StyledFooter = styled.div(templateObject_12 || (templateObject_12 = _
|
|
|
42
42
|
var $isAsideOpen = _a.$isAsideOpen;
|
|
43
43
|
return $isAsideOpen && css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n @media ", " {\n z-index: ", ";\n }\n "], ["\n @media ", " {\n z-index: ", ";\n }\n "])), getSmallScreenBreakpointValue(), zIndexes.footer);
|
|
44
44
|
});
|
|
45
|
-
var
|
|
46
|
-
|
|
47
|
-
return isIE11() && css(
|
|
48
|
-
},
|
|
49
|
-
var $closed = _a.$closed;
|
|
50
|
-
return $closed && css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n ", ": 0;\n "], ["\n ", ": 0;\n "])), getAsideWidthProp());
|
|
51
|
-
}, function (_a) {
|
|
52
|
-
var $open = _a.$open;
|
|
53
|
-
return $open && css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n ", ": ", "px;\n "], ["\n ", ": ", "px;\n "])), getAsideWidthProp(), panelWidth);
|
|
54
|
-
});
|
|
45
|
+
export var StyledAside = styled.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n ", "\n\n // remove aside block from the main flow on smaller screens, enabling overlay-like positioning\n @media ", " {\n position: absolute;\n right: 0;\n }\n"], ["\n ", "\n\n // remove aside block from the main flow on smaller screens, enabling overlay-like positioning\n @media ", " {\n position: absolute;\n right: 0;\n }\n"])), function (_a) {
|
|
46
|
+
var $closed = _a.$closed, $open = _a.$open;
|
|
47
|
+
return isIE11() && css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n display: flex;\n flex-grow: 0;\n flex-shrink: 0;\n flex-basis: 0;\n\n transition: flex-basis ", "ms;\n\n ", "\n\n ", "\n "], ["\n display: flex;\n flex-grow: 0;\n flex-shrink: 0;\n flex-basis: 0;\n\n transition: flex-basis ", "ms;\n\n ", "\n\n ", "\n "])), animationDuration.panel, $closed && css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n flex-basis: 0;\n "], ["\n flex-basis: 0;\n "]))), $open && css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n flex-basis: ", "px;\n "], ["\n flex-basis: ", "px;\n "])), panelWidth));
|
|
48
|
+
}, getSmallScreenBreakpointValue());
|
|
55
49
|
var slideDistance = '100%';
|
|
56
50
|
var slideIn = keyframes(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n from {\n transform: translateX(", ");\n }\n to {\n transform: translateX(0);\n }\n"], ["\n from {\n transform: translateX(", ");\n }\n to {\n transform: translateX(0);\n }\n"])), slideDistance);
|
|
57
51
|
var slideOut = keyframes(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(", ");\n }\n"], ["\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(", ");\n }\n"])), slideDistance);
|
|
@@ -78,9 +72,9 @@ export var StyledAsidePanel = styled.div(templateObject_26 || (templateObject_26
|
|
|
78
72
|
var $offsetTop = _a.$offsetTop;
|
|
79
73
|
return $offsetTop !== null && css(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n top: ", "px;\n "], ["\n top: ", "px;\n "])), $offsetTop);
|
|
80
74
|
});
|
|
81
|
-
export var StyledPageMain = styled.div(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n position: relative;\n
|
|
75
|
+
export var StyledPageMain = styled.div(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n position: relative;\n padding: 0 ", "px;\n max-width: 100%;\n background-color: ", ";\n\n ", "\n\n ", "\n"], ["\n position: relative;\n padding: 0 ", "px;\n max-width: 100%;\n background-color: ", ";\n\n ", "\n\n ", "\n"])), outerPageSpacing, colors.gray96, function () {
|
|
82
76
|
return isIE11() && css(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n flex: 1 0 0%;\n "], ["\n flex: 1 0 0%;\n "])));
|
|
83
|
-
},
|
|
77
|
+
}, function (_a) {
|
|
84
78
|
var $tearsheetPlacement = _a.$tearsheetPlacement;
|
|
85
79
|
if (!$tearsheetPlacement) {
|
|
86
80
|
return '';
|
|
@@ -90,8 +84,12 @@ export var StyledPageMain = styled.div(templateObject_30 || (templateObject_30 =
|
|
|
90
84
|
}
|
|
91
85
|
return css(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n min-height: 100vh;\n "], ["\n min-height: 100vh;\n "])));
|
|
92
86
|
});
|
|
93
|
-
export var StyledPageContainer = styled.div(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n display: grid;\n ", "\n"], ["\n display: grid;\n ", "\n"])), function () {
|
|
87
|
+
export var StyledPageContainer = styled.div(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n display: grid;\n grid-template-columns: 1fr auto;\n ", "\n"], ["\n display: grid;\n grid-template-columns: 1fr auto;\n ", "\n"])), function () {
|
|
94
88
|
return isIE11() && css(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n "], ["\n display: flex;\n flex-wrap: wrap;\n "])));
|
|
95
89
|
});
|
|
96
|
-
var
|
|
90
|
+
export var StyledAsideFluidContainer = styled.div(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
91
|
+
var $closed = _a.$closed, $open = _a.$open;
|
|
92
|
+
return !isIE11() && css(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n transition: width ", "ms;\n\n ", "\n\n ", "\n "], ["\n transition: width ", "ms;\n\n ", "\n\n ", "\n "])), animationDuration.panel, $closed && css(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n width: 0;\n "], ["\n width: 0;\n "]))), $open && css(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n width: ", "px;\n "], ["\n width: ", "px;\n "])), panelWidth));
|
|
93
|
+
});
|
|
94
|
+
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, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36;
|
|
97
95
|
//# sourceMappingURL=PageLayout.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageLayout.styles.js","sourceRoot":"","sources":["../../../../src/layouts/PageLayout/PageLayout.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"PageLayout.styles.js","sourceRoot":"","sources":["../../../../src/layouts/PageLayout/PageLayout.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { Placement } from '../../components/Tearsheet/Tearsheet.types';
|
|
2
1
|
export declare const getSmallScreenBreakpointValue: () => string;
|
|
3
2
|
export declare const getIsUsingSmallScreen: () => boolean;
|
|
4
3
|
export declare const wait: (ms: number) => Promise<void>;
|
|
@@ -7,8 +6,3 @@ export declare function getGlobalBottomOffset(containerEl: HTMLDivElement): numb
|
|
|
7
6
|
export declare function getGlobalTopOffset(containerEl: HTMLDivElement): number;
|
|
8
7
|
export declare function getRightOffset(containerEl: HTMLDivElement): number;
|
|
9
8
|
export declare function getIsIntersectingVertically(upperEl: HTMLElement, lowerEl: HTMLElement): boolean;
|
|
10
|
-
export declare const getHeightSubtraction: ({ tearsheetPlacement, topOffset, bottomOffset, }: {
|
|
11
|
-
tearsheetPlacement: Placement | 'top' | null;
|
|
12
|
-
topOffset: number | null;
|
|
13
|
-
bottomOffset: number;
|
|
14
|
-
}) => number;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { minScrimSize } from '../../components/Tearsheet/Tearsheet.styles';
|
|
2
1
|
import { breakpointRawMinWidthValues } from '../NextGrid/NextGrid.constants';
|
|
3
2
|
import { adjustMaxWidth } from './PageLayout.styles';
|
|
4
3
|
export var getSmallScreenBreakpointValue = function () {
|
|
@@ -50,12 +49,4 @@ export function getRightOffset(containerEl) {
|
|
|
50
49
|
export function getIsIntersectingVertically(upperEl, lowerEl) {
|
|
51
50
|
return (upperEl.getBoundingClientRect().bottom > lowerEl.getBoundingClientRect().top);
|
|
52
51
|
}
|
|
53
|
-
export var getHeightSubtraction = function (_a) {
|
|
54
|
-
var tearsheetPlacement = _a.tearsheetPlacement, topOffset = _a.topOffset, bottomOffset = _a.bottomOffset;
|
|
55
|
-
var regularMinusHeight = (topOffset !== null && topOffset !== void 0 ? topOffset : 0) + bottomOffset;
|
|
56
|
-
var adjustedMinusHeight = tearsheetPlacement === 'top' || tearsheetPlacement === 'bottom'
|
|
57
|
-
? minScrimSize
|
|
58
|
-
: regularMinusHeight;
|
|
59
|
-
return adjustedMinusHeight;
|
|
60
|
-
};
|
|
61
52
|
//# sourceMappingURL=PageLayout.utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageLayout.utils.js","sourceRoot":"","sources":["../../../../src/layouts/PageLayout/PageLayout.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"PageLayout.utils.js","sourceRoot":"","sources":["../../../../src/layouts/PageLayout/PageLayout.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAA;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEpD,MAAM,CAAC,IAAM,6BAA6B,GAAG;IAC3C,OAAA,sBAAe,cAAc,CAAC,2BAA2B,CAAC,QAAQ,CAAC,QAAK;AAAxE,CAAwE,CAAA;AAE1E,MAAM,CAAC,IAAM,qBAAqB,GAAG;IACnC,OAAO,MAAM,CAAC,UAAU,CAAC,6BAA6B,EAAE,CAAC,CAAC,OAAO,CAAA;AACnE,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,IAAI,GAAG,UAAC,EAAU;IAC7B,OAAA,IAAI,OAAO,CAAO,UAAC,OAAO,IAAK,OAAA,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,EAAvB,CAAuB,CAAC;AAAvD,CAAuD,CAAA;AAEzD,MAAM,UAAU,+BAA+B,CAC7C,QAAwB,EACxB,kBAA0B;;IAE1B,IAAM,cAAc,GAAG,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAA;IAC5D,IAAM,UAAU,GAAG,QAAQ,CAAC,qBAAqB,EAAE,CAAA;IACnD,IAAM,SAAS,GAAG,MAAA,UAAU,CAAC,CAAC,mCAAI,UAAU,CAAC,GAAG,CAAA;IAChD,IAAM,YAAY,GAAG,UAAU,CAAC,MAAM,CAAA;IACtC,IAAM,aAAa,GAAG,qBAAqB,EAAE,CAAA;IAC7C,IAAM,kBAAkB,GAAG,QAAQ,CAAC,OAAO,CAAC,MAAM,KAAK,QAAQ,CAAA;IAE/D,IAAI,aAAa,EAAE;QACjB,IAAI,kBAAkB,EAAE;YACtB,OAAO,kBAAkB,GAAG,cAAc,GAAG,SAAS,CAAA;SACvD;QAED,OAAO,kBAAkB,GAAG,YAAY,CAAA;KACzC;IAED,IAAI,kBAAkB,EAAE;QACtB,wDAAwD;QACxD,OAAO,cAAc,GAAG,UAAU,CAAC,MAAM,CAAA;KAC1C;IAED,OAAO,IAAI,CAAA;AACb,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,WAA2B;IAC/D,IAAM,aAAa,GAAG,WAAW,CAAC,qBAAqB,EAAE,CAAA;IACzD,IAAM,sBAAsB,GAAG,aAAa,CAAC,MAAM,CAAA;IACnD,IAAM,cAAc,GAAG,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAA;IAC5D,OAAO,IAAI,CAAC,GAAG,CAAC,cAAc,GAAG,sBAAsB,EAAE,CAAC,CAAC,CAAA;AAC7D,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,WAA2B;;IAC5D,IAAM,aAAa,GAAG,WAAW,CAAC,qBAAqB,EAAE,CAAA;IACzD,IAAM,sBAAsB,GAAG,MAAA,aAAa,CAAC,CAAC,mCAAI,aAAa,CAAC,GAAG,CAAA;IACnE,OAAO,IAAI,CAAC,GAAG,CAAC,sBAAsB,EAAE,CAAC,CAAC,CAAA;AAC5C,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,WAA2B;IACxD,IAAM,cAAc,GAAG,WAAW,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAA;IAChE,IAAM,aAAa,GAAG,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAA;IAE1D,OAAO,aAAa,GAAG,cAAc,CAAA;AACvC,CAAC;AAED,MAAM,UAAU,2BAA2B,CACzC,OAAoB,EACpB,OAAoB;IAEpB,OAAO,CACL,OAAO,CAAC,qBAAqB,EAAE,CAAC,MAAM,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAC7E,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
function useFirstMountState() {
|
|
3
|
+
var isFirst = React.useRef(true);
|
|
4
|
+
if (isFirst.current) {
|
|
5
|
+
isFirst.current = false;
|
|
6
|
+
return true;
|
|
7
|
+
}
|
|
8
|
+
return isFirst.current;
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* @description useUpdateEffect can be used to perform a side effect when the component updates, except when it's first mounted
|
|
12
|
+
*/
|
|
13
|
+
export var useUpdateEffect = function (effect, deps) {
|
|
14
|
+
var isFirstMount = useFirstMountState();
|
|
15
|
+
React.useEffect(function () {
|
|
16
|
+
if (!isFirstMount) {
|
|
17
|
+
return effect();
|
|
18
|
+
}
|
|
19
|
+
}, deps);
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=useUpdateEffect.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useUpdateEffect.js","sourceRoot":"","sources":["../../../src/state/useUpdateEffect.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,SAAS,kBAAkB;IACzB,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAElC,IAAI,OAAO,CAAC,OAAO,EAAE;QACnB,OAAO,CAAC,OAAO,GAAG,KAAK,CAAA;QAEvB,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,OAAO,CAAC,OAAO,CAAA;AACxB,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,IAAM,eAAe,GAA2B,UAAC,MAAM,EAAE,IAAI;IAClE,IAAM,YAAY,GAAG,kBAAkB,EAAE,CAAA;IAEzC,KAAK,CAAC,SAAS,CAAC;QACd,IAAI,CAAC,YAAY,EAAE;YACjB,OAAO,MAAM,EAAE,CAAA;SAChB;IACH,CAAC,EAAE,IAAI,CAAC,CAAA;AACV,CAAC,CAAA"}
|