@procore/core-react 11.26.0 → 11.26.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Avatar/Avatar.styles.js +5 -5
- package/dist/AvatarStack/AvatarStack.styles.js +7 -7
- package/dist/Badge/Badge.styles.js +2 -2
- package/dist/Banner/Banner.styles.js +10 -10
- package/dist/Box/Box.styles.js +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.styles.js +4 -4
- package/dist/Button/Button.styles.js +5 -5
- package/dist/Calendar/Calendar.styles.js +8 -8
- package/dist/Card/Card.styles.js +1 -1
- package/dist/Checkbox/Checkbox.styles.js +6 -6
- package/dist/ContactItem/ContactItem.styles.js +5 -5
- package/dist/Content/Content.styles.js +2 -2
- package/dist/DateInput/DateInput.styles.js +6 -6
- package/dist/DetailPage/DetailPage.styles.js +7 -7
- package/dist/Dropdown/Dropdown.styles.js +3 -3
- package/dist/DropdownFlyout/DropdownFlyout.styles.js +4 -4
- package/dist/Dropzone/Dropzone.js +1 -1
- package/dist/Dropzone/Dropzone.styles.js +9 -9
- package/dist/EmptyState/EmptyState.styles.js +6 -6
- package/dist/Field/Field.styles.js +3 -3
- package/dist/FileList/FileList.styles.js +4 -4
- package/dist/FileSelect/FileExplorer/FileExplorer.styles.js +9 -9
- package/dist/FileSelect/FileExplorer/FileExplorerSidebar.styles.js +3 -3
- package/dist/FileSelect/FileSelect.styles.js +2 -2
- package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.js +3 -3
- package/dist/FileSelect/FileTokenList/FileTokenList.styles.js +2 -2
- package/dist/FileSelect/GridSource/GridSource.styles.js +6 -6
- package/dist/FileSelect/LocalSource/LocalSource.styles.js +4 -4
- package/dist/FileSelect/SourceItem/SourceItem.styles.js +3 -3
- package/dist/FileSelect/ThumbnailList/ThumbnailList.styles.js +6 -6
- package/dist/FileSelect/TreeSource/TreeSource.styles.js +1 -1
- package/dist/FileToken/FileToken.styles.js +4 -4
- package/dist/FilterToken/FilterToken.styles.js +2 -2
- package/dist/FlexList/FlexList.styles.js +1 -1
- package/dist/Form/Form.styles.js +16 -16
- package/dist/Grid/Grid.styles.js +2 -2
- package/dist/GroupSelect/GroupSelect.styles.js +1 -1
- package/dist/Input/Input.styles.js +1 -1
- package/dist/Link/Link.styles.js +1 -1
- package/dist/ListPage/ListPage.styles.js +8 -8
- package/dist/Loader/Loader.styles.js +2 -2
- package/dist/MenuImperative/MenuImperative.styles.js +10 -10
- package/dist/Modal/Modal.styles.js +13 -13
- package/dist/MultiSelect/MultiSelect.styles.js +6 -6
- package/dist/NextMenu/NextMenu.styles.js +3 -3
- package/dist/Notation/Notation.js +1 -1
- package/dist/NumberInput/NumberInput.styles.js +7 -7
- package/dist/Overlay/OverlayArrow.styles.js +1 -1
- package/dist/Overlay/useOverlay.d.ts +1 -0
- package/dist/Overlay/useOverlay.js +2 -0
- package/dist/Overlay/useOverlay.js.map +1 -1
- package/dist/OverlayTrigger/OverlayTrigger.js +6 -1
- package/dist/OverlayTrigger/OverlayTrigger.js.map +1 -1
- package/dist/PageLayout/PageLayout.styles.js +13 -13
- package/dist/Pagination/Pagination.styles.js +5 -5
- package/dist/Panel/Panel.styles.js +11 -11
- package/dist/Pill/Pill.styles.js +2 -2
- package/dist/PillSelect/PillSelect.styles.js +4 -4
- package/dist/Popover/Popover.styles.js +2 -2
- package/dist/Portal/Portal.styles.js +1 -1
- package/dist/ProgressBar/ProgressBar.styles.js +2 -2
- package/dist/RadioButton/RadioButton.styles.js +3 -3
- package/dist/Required/Required.styles.js +3 -3
- package/dist/Search/Search.styles.js +5 -5
- package/dist/Section/Section.styles.js +6 -6
- package/dist/SegmentedController/SegmentedController.styles.js +4 -4
- package/dist/Select/Select.styles.js +7 -7
- package/dist/Semantic/Semantic.styles.js +9 -9
- package/dist/Sidebar/Sidebar.styles.js +7 -7
- package/dist/Slider/Slider.styles.js +5 -5
- package/dist/Spinner/Spinner.styles.js +7 -7
- package/dist/SuperSelect/SuperSelect.presets.styles.js +1 -1
- package/dist/SuperSelect/SuperSelect.styles.js +37 -37
- package/dist/Switch/Switch.styles.js +4 -4
- package/dist/Table/Table.styles.js +28 -28
- package/dist/TableShelf/TableShelf.styles.js +5 -5
- package/dist/Tabs/Tabs.styles.js +8 -8
- package/dist/Tearsheet/Tearsheet.styles.js +5 -5
- package/dist/TextArea/TextArea.styles.js +1 -1
- package/dist/TextEditorOutput/TextEditorOutput.styles.js +1 -1
- package/dist/Thumbnail/Thumbnail.styles.js +17 -17
- package/dist/ThumbnailGrid/ThumbnailGrid.styles.js +7 -7
- package/dist/TieredSelect/TieredSelect.styles.js +9 -9
- package/dist/Tile/Tile.styles.js +8 -8
- package/dist/Title/Title.styles.js +7 -7
- package/dist/Toast/Toast.styles.js +3 -3
- package/dist/ToggleButton/ToggleButton.styles.js +1 -1
- package/dist/Token/Token.styles.js +3 -3
- package/dist/ToolHeader/ToolHeader.styles.js +6 -6
- package/dist/Tooltip/Tooltip.styles.js +2 -2
- package/dist/Tree/Tree.styles.js +9 -9
- package/dist/Typeahead/Typeahead.styles.js +3 -3
- package/dist/Typography/Typography.styles.js +1 -1
- package/dist/Typography/Typography.table.story.js +2 -2
- package/dist/_typedoc/Avatar/Avatar.types.json +20 -20
- package/dist/_typedoc/AvatarStack/AvatarStack.types.json +23 -23
- package/dist/_typedoc/Badge/Badge.types.json +6 -6
- package/dist/_typedoc/Banner/Banner.types.json +13 -13
- package/dist/_typedoc/Box/Box.types.json +68 -68
- package/dist/_typedoc/Breadcrumbs/Breadcrumbs.types.json +10 -10
- package/dist/_typedoc/Button/Button.types.json +11 -11
- package/dist/_typedoc/Calendar/Calendar.types.json +80 -80
- package/dist/_typedoc/Card/Card.types.json +6 -6
- package/dist/_typedoc/Checkbox/Checkbox.types.json +9 -9
- package/dist/_typedoc/ContactItem/ContactItem.types.json +9 -9
- package/dist/_typedoc/DateInput/DateInput.types.json +35 -35
- package/dist/_typedoc/DateSelect/DateSelect.types.json +13 -13
- package/dist/_typedoc/DetailPage/DetailPage.types.json +4 -4
- package/dist/_typedoc/Dropdown/Dropdown.types.json +37 -37
- package/dist/_typedoc/DropdownFlyout/DropdownFlyout.types.json +29 -29
- package/dist/_typedoc/Dropzone/Dropzone.types.json +41 -41
- package/dist/_typedoc/EmptyState/EmptyState.types.json +14 -14
- package/dist/_typedoc/FileList/FileList.types.json +9 -9
- package/dist/_typedoc/FileSelect/FileSelect.types.json +26 -26
- package/dist/_typedoc/FileSelect/GridSource/GridSource.types.json +20 -20
- package/dist/_typedoc/FileSelect/LocalSource/LocalSource.types.json +14 -14
- package/dist/_typedoc/FileSelect/TreeSource/TreeSource.types.json +9 -9
- package/dist/_typedoc/Flex/Flex.types.json +27 -27
- package/dist/_typedoc/FlexList/FlexList.types.json +30 -30
- package/dist/_typedoc/Form/Form.types.json +726 -726
- package/dist/_typedoc/Grid/Grid.types.json +8 -8
- package/dist/_typedoc/GroupSelect/GroupSelect.types.json +52 -52
- package/dist/_typedoc/Input/Input.types.json +2 -2
- package/dist/_typedoc/Link/Link.types.json +4 -4
- package/dist/_typedoc/ListPage/ListPage.types.json +13 -13
- package/dist/_typedoc/Menu/Menu.types.json +62 -62
- package/dist/_typedoc/MenuImperative/MenuImperative.types.json +74 -74
- package/dist/_typedoc/Modal/Modal.types.json +41 -41
- package/dist/_typedoc/MultiSelect/MultiSelect.types.json +31 -31
- package/dist/_typedoc/Notation/Notation.types.json +4 -4
- package/dist/_typedoc/NumberInput/NumberInput.types.json +38 -38
- package/dist/_typedoc/OverlayTrigger/OverlayTrigger.types.json +31 -31
- package/dist/_typedoc/PageLayout/PageLayout.types.json +22 -22
- package/dist/_typedoc/Pagination/Pagination.types.json +7 -7
- package/dist/_typedoc/Panel/Panel.types.json +27 -27
- package/dist/_typedoc/Pill/Pill.types.json +2 -2
- package/dist/_typedoc/PillSelect/PillSelect.types.json +47 -47
- package/dist/_typedoc/Popover/Popover.types.json +14 -14
- package/dist/_typedoc/ProgressBar/ProgressBar.types.json +6 -6
- package/dist/_typedoc/RadioButton/RadioButton.types.json +6 -6
- package/dist/_typedoc/Required/Required.types.json +5 -5
- package/dist/_typedoc/Search/Search.types.json +18 -18
- package/dist/_typedoc/Section/Section.types.json +14 -14
- package/dist/_typedoc/SegmentedController/SegmentedController.types.json +20 -20
- package/dist/_typedoc/Select/Select.types.json +57 -57
- package/dist/_typedoc/Slider/Slider.types.json +6 -6
- package/dist/_typedoc/Spinner/Spinner.types.json +9 -9
- package/dist/_typedoc/Switch/Switch.types.json +3 -3
- package/dist/_typedoc/Table/Table.types.json +97 -97
- package/dist/_typedoc/Tabs/Tabs.types.json +17 -17
- package/dist/_typedoc/Tearsheet/Tearsheet.types.json +16 -16
- package/dist/_typedoc/TextArea/TextArea.types.json +3 -3
- package/dist/_typedoc/TextEditor/TextEditor.types.json +9 -9
- package/dist/_typedoc/TextEditorOutput/TextEditorOutput.types.json +4 -4
- package/dist/_typedoc/Thumbnail/Thumbnail.types.json +19 -19
- package/dist/_typedoc/TieredDropdown/TieredDropdown.types.json +42 -42
- package/dist/_typedoc/TieredSelect/TieredSelect.types.json +28 -28
- package/dist/_typedoc/Tile/Tile.types.json +30 -30
- package/dist/_typedoc/Title/Title.types.json +1 -1
- package/dist/_typedoc/Toast/Toast.types.json +4 -4
- package/dist/_typedoc/ToggleButton/ToggleButton.types.json +3 -3
- package/dist/_typedoc/Token/Token.types.json +4 -4
- package/dist/_typedoc/ToolHeader/ToolHeader.types.json +10 -10
- package/dist/_typedoc/Tooltip/Tooltip.types.json +13 -13
- package/dist/_typedoc/Tree/Tree.types.json +86 -86
- package/dist/_typedoc/Typeahead/Typeahead.types.json +2 -2
- package/dist/_typedoc/Typography/Typography.types.json +8 -8
- package/dist/_typedoc/_utils/types.json +3 -3
- package/package.json +1 -1
|
@@ -11,15 +11,15 @@ var optionMinHeight = 32;
|
|
|
11
11
|
// Do not merge with StyledMenu, needed for max-height working in IE
|
|
12
12
|
export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
13
13
|
displayName: "StyledWrapper",
|
|
14
|
-
componentId: "core-
|
|
14
|
+
componentId: "core-11_26_1__sc-z984sz-0"
|
|
15
15
|
})(["display:flex;max-height:inherit;min-width:inherit;outline:none;width:inherit;"]);
|
|
16
16
|
export var StyledMenu = /*#__PURE__*/styled.div.withConfig({
|
|
17
17
|
displayName: "StyledMenu",
|
|
18
|
-
componentId: "core-
|
|
18
|
+
componentId: "core-11_26_1__sc-z984sz-1"
|
|
19
19
|
})(["display:flex;flex-direction:column;outline:0;width:100%;"]);
|
|
20
20
|
export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
|
|
21
21
|
displayName: "StyledOptions",
|
|
22
|
-
componentId: "core-
|
|
22
|
+
componentId: "core-11_26_1__sc-z984sz-2"
|
|
23
23
|
})(["flex-basis:auto;flex-grow:1;flex-shrink:1;min-height:", "px;", ";padding:", "px 0;position:relative;&:focus-visible{", " margin:-1px;}"], optionMinHeight, function (_ref) {
|
|
24
24
|
var _ref$$scrollable = _ref.$scrollable,
|
|
25
25
|
$scrollable = _ref$$scrollable === void 0 ? true : _ref$$scrollable;
|
|
@@ -27,26 +27,26 @@ export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
|
|
|
27
27
|
}, spacing.sm, getFocus());
|
|
28
28
|
export var StyledGrip = /*#__PURE__*/styled.div.withConfig({
|
|
29
29
|
displayName: "StyledGrip",
|
|
30
|
-
componentId: "core-
|
|
30
|
+
componentId: "core-11_26_1__sc-z984sz-3"
|
|
31
31
|
})(["padding:0 2px;height:24px;visibility:hidden;"]);
|
|
32
32
|
export var StyledHeader = /*#__PURE__*/styled.div.withConfig({
|
|
33
33
|
displayName: "StyledHeader",
|
|
34
|
-
componentId: "core-
|
|
34
|
+
componentId: "core-11_26_1__sc-z984sz-4"
|
|
35
35
|
})([""]);
|
|
36
36
|
export var StyledSearch = /*#__PURE__*/styled.div.withConfig({
|
|
37
37
|
displayName: "StyledSearch",
|
|
38
|
-
componentId: "core-
|
|
38
|
+
componentId: "core-11_26_1__sc-z984sz-5"
|
|
39
39
|
})(["padding:", "px ", "px ", "px;", " > *{pointer-events:none;}"], spacing.lg, spacing.lg, spacing.sm, StyledButton);
|
|
40
40
|
export var StyledGroup = /*#__PURE__*/styled.div.withConfig({
|
|
41
41
|
displayName: "StyledGroup",
|
|
42
|
-
componentId: "core-
|
|
42
|
+
componentId: "core-11_26_1__sc-z984sz-6"
|
|
43
43
|
})(["", " color:", ";cursor:", ";font-weight:", ";padding:", "px ", "px;&:not(:first-child){padding-top:", "px;}"], getTypographyIntent('body'), colors.gray15, function (_ref2) {
|
|
44
44
|
var $clickable = _ref2.$clickable;
|
|
45
45
|
return $clickable ? 'pointer' : 'default';
|
|
46
46
|
}, typographyWeights.semibold, spacing.xs, spacing.lg, spacing.md + spacing.xs);
|
|
47
47
|
export var StyledItem = /*#__PURE__*/styled.div.withConfig({
|
|
48
48
|
displayName: "StyledItem",
|
|
49
|
-
componentId: "core-
|
|
49
|
+
componentId: "core-11_26_1__sc-z984sz-7"
|
|
50
50
|
})(["", ";", " cursor:pointer;list-style-type:none;padding:", "px ", "px;a{color:", ";display:block;margin:-", "px -", "px;padding:", "px ", "px;text-decoration:none;&:hover{color:", ";text-decoration:none;}}&[data-highlighted='true']{background-color:", ";}", " &:hover,&:active{", "{visibility:visible;}}", "{color:inherit;cursor:pointer;}", " ", " ", ""], getTypographyIntent('body'), function (_ref3) {
|
|
51
51
|
var as = _ref3.as;
|
|
52
52
|
return as === 'a' && css(["display:block;text-decoration:none;"]);
|
|
@@ -75,10 +75,10 @@ export var StyledItem = /*#__PURE__*/styled.div.withConfig({
|
|
|
75
75
|
});
|
|
76
76
|
export var StyledDroppable = /*#__PURE__*/styled.div.withConfig({
|
|
77
77
|
displayName: "StyledDroppable",
|
|
78
|
-
componentId: "core-
|
|
78
|
+
componentId: "core-11_26_1__sc-z984sz-8"
|
|
79
79
|
})(["", ",", "{padding-left:28px;}"], StyledGroup, StyledItem);
|
|
80
80
|
export var StyledFooter = /*#__PURE__*/styled(Box).withConfig({
|
|
81
81
|
displayName: "StyledFooter",
|
|
82
|
-
componentId: "core-
|
|
82
|
+
componentId: "core-11_26_1__sc-z984sz-9"
|
|
83
83
|
})(["border-top:1px solid ", ";"], colors.gray85);
|
|
84
84
|
//# sourceMappingURL=MenuImperative.styles.js.map
|
|
@@ -18,15 +18,15 @@ export var modalPixelWidths = {
|
|
|
18
18
|
};
|
|
19
19
|
export var StyledModal = /*#__PURE__*/styled.div.withConfig({
|
|
20
20
|
displayName: "StyledModal",
|
|
21
|
-
componentId: "core-
|
|
21
|
+
componentId: "core-11_26_1__sc-1ijdug2-0"
|
|
22
22
|
})(["display:flex;height:100vh;position:absolute;opacity:0;transition:0.3s opacity ease;width:100vw;z-index:0;&.", "{opacity:1;}&.", "{opacity:0;}"], fadeInClassName, fadeOutClassName);
|
|
23
23
|
export var StyledModalButtons = /*#__PURE__*/styled.div.withConfig({
|
|
24
24
|
displayName: "StyledModalButtons",
|
|
25
|
-
componentId: "core-
|
|
25
|
+
componentId: "core-11_26_1__sc-1ijdug2-1"
|
|
26
26
|
})(["display:flex;flex:0 0 auto;margin-left:", "px;> * + *{margin-left:", "px;}"], spacing.lg, spacing.sm);
|
|
27
27
|
export var StyledModalContainer = /*#__PURE__*/styled(Card).withConfig({
|
|
28
28
|
displayName: "StyledModalContainer",
|
|
29
|
-
componentId: "core-
|
|
29
|
+
componentId: "core-11_26_1__sc-1ijdug2-2"
|
|
30
30
|
})(["display:flex;flex-direction:row;position:absolute;z-index:2;", " ", ""], function (_ref) {
|
|
31
31
|
var $placement = _ref.$placement;
|
|
32
32
|
if ($placement === 'top') {
|
|
@@ -44,11 +44,11 @@ export var StyledModalContainer = /*#__PURE__*/styled(Card).withConfig({
|
|
|
44
44
|
});
|
|
45
45
|
export var StyledModalFooter = /*#__PURE__*/styled.div.withConfig({
|
|
46
46
|
displayName: "StyledModalFooter",
|
|
47
|
-
componentId: "core-
|
|
47
|
+
componentId: "core-11_26_1__sc-1ijdug2-3"
|
|
48
48
|
})(["align-items:center;display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;padding:", "px ", "px ", "px;"], spacing.xl, spacing.xxl, spacing.xxl);
|
|
49
49
|
export var StyledModalBody = /*#__PURE__*/styled.div.withConfig({
|
|
50
50
|
displayName: "StyledModalBody",
|
|
51
|
-
componentId: "core-
|
|
51
|
+
componentId: "core-11_26_1__sc-1ijdug2-4"
|
|
52
52
|
})(["", " box-sizing:border-box;color:", ";display:flex;flex-direction:column;max-width:", ";overflow:auto;", " > ", "{padding-left:0;padding-right:0;&:first-child > ", "{padding-top:0;}}", ""], getTypographyIntent('body'), colors.gray15, modalMaxWidth, function (_ref3) {
|
|
53
53
|
var noSideSpacing = _ref3.noSideSpacing;
|
|
54
54
|
return css(["padding:", "px ", "px;"], spacing.xl, noSideSpacing ? 0 : spacing.xxl);
|
|
@@ -58,37 +58,37 @@ export var StyledModalBody = /*#__PURE__*/styled.div.withConfig({
|
|
|
58
58
|
});
|
|
59
59
|
export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
|
|
60
60
|
displayName: "StyledModalContent",
|
|
61
|
-
componentId: "core-
|
|
61
|
+
componentId: "core-11_26_1__sc-1ijdug2-5"
|
|
62
62
|
})(["display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%;"]);
|
|
63
63
|
export var StyledModalFooterNotation = /*#__PURE__*/styled(Typography).withConfig({
|
|
64
64
|
displayName: "StyledModalFooterNotation",
|
|
65
|
-
componentId: "core-
|
|
65
|
+
componentId: "core-11_26_1__sc-1ijdug2-6"
|
|
66
66
|
})(["flex-grow:1;"]);
|
|
67
67
|
export var StyledModalHeader = /*#__PURE__*/styled.div.withConfig({
|
|
68
68
|
displayName: "StyledModalHeader",
|
|
69
|
-
componentId: "core-
|
|
69
|
+
componentId: "core-11_26_1__sc-1ijdug2-7"
|
|
70
70
|
})(["align-items:flex-start;color:", ";display:flex;flex:0 0 auto;padding:", "px ", "px;position:relative;", ""], colors.gray10, spacing.xl, spacing.xxl, function (_ref5) {
|
|
71
71
|
var $isBodyScrolled = _ref5.$isBodyScrolled;
|
|
72
72
|
return css(["border-bottom:1px solid ", ";"], $isBodyScrolled ? colors.gray85 : 'transparent');
|
|
73
73
|
});
|
|
74
74
|
export var StyledModalHeading = /*#__PURE__*/styled.div.withConfig({
|
|
75
75
|
displayName: "StyledModalHeading",
|
|
76
|
-
componentId: "core-
|
|
76
|
+
componentId: "core-11_26_1__sc-1ijdug2-8"
|
|
77
77
|
})(["", " align-items:center;display:flex;flex:1 1 auto;min-height:36px;padding-right:", "px;"], getTypographyIntent('h2'), spacing.lg);
|
|
78
78
|
export var StyledModalCancel = /*#__PURE__*/styled.div.withConfig({
|
|
79
79
|
displayName: "StyledModalCancel",
|
|
80
|
-
componentId: "core-
|
|
80
|
+
componentId: "core-11_26_1__sc-1ijdug2-9"
|
|
81
81
|
})(["flex:0 0 auto;"]);
|
|
82
82
|
export var StyledModalScrim = /*#__PURE__*/styled.div.withConfig({
|
|
83
83
|
displayName: "StyledModalScrim",
|
|
84
|
-
componentId: "core-
|
|
84
|
+
componentId: "core-11_26_1__sc-1ijdug2-10"
|
|
85
85
|
})(["background:hsla(200,8%,10%,0.6);height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:1;"]);
|
|
86
86
|
export var StyledModalWarningIcon = /*#__PURE__*/styled(Warning).withConfig({
|
|
87
87
|
displayName: "StyledModalWarningIcon",
|
|
88
|
-
componentId: "core-
|
|
88
|
+
componentId: "core-11_26_1__sc-1ijdug2-11"
|
|
89
89
|
})(["color:", ";margin-right:", "px;"], colors.yellow40, spacing.sm);
|
|
90
90
|
export var StyledModalFooterSummary = /*#__PURE__*/styled.div.withConfig({
|
|
91
91
|
displayName: "StyledModalFooterSummary",
|
|
92
|
-
componentId: "core-
|
|
92
|
+
componentId: "core-11_26_1__sc-1ijdug2-12"
|
|
93
93
|
})(["", " border-top:1px solid ", ";border-bottom:1px solid ", ";padding:", "px ", "px;color:", ";font-style:italic;background-color:", ";margin:-", "px -", "px ", "px -", "px;flex:1 1 100%;"], getTypographyIntent('small'), colors.gray85, colors.gray85, spacing.md, spacing.xxl, colors.gray15, colors.gray98, spacing.xl, spacing.xxl, spacing.xl, spacing.xxl);
|
|
94
94
|
//# sourceMappingURL=Modal.styles.js.map
|
|
@@ -6,26 +6,26 @@ import { getFocus } from '../_styles/mixins';
|
|
|
6
6
|
import { spacing } from '../_styles/spacing';
|
|
7
7
|
export var StyledMultiSelectValues = /*#__PURE__*/styled.div.withConfig({
|
|
8
8
|
displayName: "StyledMultiSelectValues",
|
|
9
|
-
componentId: "core-
|
|
9
|
+
componentId: "core-11_26_1__sc-s9ym9q-0"
|
|
10
10
|
})(["display:flex;flex-wrap:wrap;margin-bottom:2px;margin-left:", "px;margin-right:", "px;margin-top:2px;min-width:0;width:100%;"], spacing.md, spacing.xs);
|
|
11
11
|
export var StyledMultiSelectToken = /*#__PURE__*/styled.div.withConfig({
|
|
12
12
|
displayName: "StyledMultiSelectToken",
|
|
13
|
-
componentId: "core-
|
|
13
|
+
componentId: "core-11_26_1__sc-s9ym9q-1"
|
|
14
14
|
})(["margin-bottom:2px;margin-right:", "px;margin-top:2px;flex:0 1 auto;> div{max-width:178px;width:100%;}"], spacing.xs);
|
|
15
15
|
export var StyledMultiSelectSearchInput = /*#__PURE__*/styled.input.withConfig({
|
|
16
16
|
displayName: "StyledMultiSelectSearchInput",
|
|
17
|
-
componentId: "core-
|
|
17
|
+
componentId: "core-11_26_1__sc-s9ym9q-2"
|
|
18
18
|
})(["background-color:transparent;border-width:0;font-family:inherit;padding:0;height:24px;width:100%;", " ", " &::-ms-clear{display:none;}&:focus{box-shadow:none;outline:none;}&::placeholder{color:", ";}"], getTypographyIntent('body'), function (_ref) {
|
|
19
19
|
var $isNavigatingTokens = _ref.$isNavigatingTokens;
|
|
20
20
|
return $isNavigatingTokens && css(["color:transparent;"]);
|
|
21
21
|
}, colors.gray45);
|
|
22
22
|
export var StyledMultiSelectSearch = /*#__PURE__*/styled.div.withConfig({
|
|
23
23
|
displayName: "StyledMultiSelectSearch",
|
|
24
|
-
componentId: "core-
|
|
24
|
+
componentId: "core-11_26_1__sc-s9ym9q-3"
|
|
25
25
|
})(["margin-bottom:2px;margin-right:", "px;margin-top:2px;flex:1;max-width:100%;min-width:24px;"], spacing.xs);
|
|
26
26
|
export var StyledMultiSelectSearchIcon = /*#__PURE__*/styled.div.withConfig({
|
|
27
27
|
displayName: "StyledMultiSelectSearchIcon",
|
|
28
|
-
componentId: "core-
|
|
28
|
+
componentId: "core-11_26_1__sc-s9ym9q-4"
|
|
29
29
|
})(["align-items:center;align-self:flex-start;display:flex;height:34px;justify-content:flex-end;margin-left:", "px;margin-right:", "px;min-width:40px;width:40px;"], spacing.xs, spacing.md);
|
|
30
30
|
export var StyledMultiSelectClearIcon = StyledSelectClearIcon;
|
|
31
31
|
export var StyledMultiSelectArrowContainer = StyledSelectArrowContainer;
|
|
@@ -33,7 +33,7 @@ export var StyledMultiSelectArrow = StyledSelectArrow;
|
|
|
33
33
|
export var StyledMultiSelectMenu = StyledSelectMenu;
|
|
34
34
|
export var StyledMultiSelectButton = /*#__PURE__*/styled(StyledSelectButton).withConfig({
|
|
35
35
|
displayName: "StyledMultiSelectButton",
|
|
36
|
-
componentId: "core-
|
|
36
|
+
componentId: "core-11_26_1__sc-s9ym9q-5"
|
|
37
37
|
})(["height:auto;padding:0;white-space:normal;&:focus-within{", "}", ""], getFocus(), function (_ref2) {
|
|
38
38
|
var $emptyValue = _ref2.$emptyValue;
|
|
39
39
|
return $emptyValue && css(["", "{cursor:pointer;}"], StyledMultiSelectSearchInput);
|
|
@@ -6,14 +6,14 @@ export var optionMinHeight = 32;
|
|
|
6
6
|
export var defaultMenuHeight = 64;
|
|
7
7
|
export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
|
|
8
8
|
displayName: "StyledOptions",
|
|
9
|
-
componentId: "core-
|
|
9
|
+
componentId: "core-11_26_1__sc-3o6zya-0"
|
|
10
10
|
})([""]);
|
|
11
11
|
export var StyledItem = /*#__PURE__*/styled.div.withConfig({
|
|
12
12
|
displayName: "StyledItem",
|
|
13
|
-
componentId: "core-
|
|
13
|
+
componentId: "core-11_26_1__sc-3o6zya-1"
|
|
14
14
|
})(["", ";padding:", "px ", "px;cursor:pointer;list-style-type:none;"], getTypographyIntent('body'), spacing.xs, spacing.md);
|
|
15
15
|
export var StyledGroup = /*#__PURE__*/styled.div.withConfig({
|
|
16
16
|
displayName: "StyledGroup",
|
|
17
|
-
componentId: "core-
|
|
17
|
+
componentId: "core-11_26_1__sc-3o6zya-2"
|
|
18
18
|
})(["", ";padding:", "px ", "px ", "px;font-weight:", ";background:white;list-style-type:none;"], getTypographyIntent('body'), spacing.md, spacing.md, spacing.xs, typographyWeights.semibold);
|
|
19
19
|
//# sourceMappingURL=NextMenu.styles.js.map
|
|
@@ -14,7 +14,7 @@ var variantColorMap = {
|
|
|
14
14
|
};
|
|
15
15
|
var StyledNotation = /*#__PURE__*/styled.i.withConfig({
|
|
16
16
|
displayName: "StyledNotation",
|
|
17
|
-
componentId: "core-
|
|
17
|
+
componentId: "core-11_26_1__sc-160q1m6-0"
|
|
18
18
|
})(["", " color:", ";font-style:italic;"], getTypographyIntent('small'), function (_ref) {
|
|
19
19
|
var variant = _ref.variant;
|
|
20
20
|
return variant ? colors[variantColorMap[variant]] : colors.gray15;
|
|
@@ -12,37 +12,37 @@ var inputBgColor = colors.white;
|
|
|
12
12
|
var inputBorder = "".concat(colors.gray70, " solid 1px");
|
|
13
13
|
var StyledRootAddon = /*#__PURE__*/styled.span.withConfig({
|
|
14
14
|
displayName: "StyledRootAddon",
|
|
15
|
-
componentId: "core-
|
|
15
|
+
componentId: "core-11_26_1__sc-1782nvg-0"
|
|
16
16
|
})(["display:inline-flex;align-items:center;height:100%;position:absolute;top:0;color:", ";", ";"], function (_ref) {
|
|
17
17
|
var disabled = _ref.disabled;
|
|
18
18
|
return disabled ? colors.gray70 : colors.gray45;
|
|
19
19
|
}, getTypographyIntent('body'));
|
|
20
20
|
export var StyledPrefix = /*#__PURE__*/styled(StyledRootAddon).withConfig({
|
|
21
21
|
displayName: "StyledPrefix",
|
|
22
|
-
componentId: "core-
|
|
22
|
+
componentId: "core-11_26_1__sc-1782nvg-1"
|
|
23
23
|
})(["left:", "px;"], spacing.md);
|
|
24
24
|
export var StyledSuffix = /*#__PURE__*/styled(StyledRootAddon).withConfig({
|
|
25
25
|
displayName: "StyledSuffix",
|
|
26
|
-
componentId: "core-
|
|
26
|
+
componentId: "core-11_26_1__sc-1782nvg-2"
|
|
27
27
|
})(["right:", "px;"], function (_ref2) {
|
|
28
28
|
var withIncrementer = _ref2.withIncrementer;
|
|
29
29
|
return withIncrementer ? spacing.md + incrementerWidth : spacing.md;
|
|
30
30
|
});
|
|
31
31
|
export var StyledIncrementerWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
32
32
|
displayName: "StyledIncrementerWrapper",
|
|
33
|
-
componentId: "core-
|
|
33
|
+
componentId: "core-11_26_1__sc-1782nvg-3"
|
|
34
34
|
})(["display:flex;flex-direction:column;position:absolute;top:1px;right:1px;height:100%;"]);
|
|
35
35
|
export var StyledIncrementerButton = /*#__PURE__*/styled.button.withConfig({
|
|
36
36
|
displayName: "StyledIncrementerButton",
|
|
37
|
-
componentId: "core-
|
|
37
|
+
componentId: "core-11_26_1__sc-1782nvg-4"
|
|
38
38
|
})(["display:inline-flex;justify-content:center;align-items:center;width:", "px;height:calc(50% - 1px);border:none;border-radius:0px;outline:none;background-color:", ";padding:0;cursor:pointer;&:first-child,&:last-child{border-left:", ";&:disabled{border-color:", ";background-color:", ";}}&:first-child{border-top-right-radius:2px;}&:last-child{border-top:", ";border-bottom-right-radius:2px;}svg{fill:", ";}&:hover{svg{fill:", ";}}&:disabled{cursor:default;svg{fill:", ";}}"], incrementerWidth, inputBgColor, inputBorder, colors.gray70, colors.gray94, inputBorder, colors.gray45, colors.gray10, colors.gray70);
|
|
39
39
|
export var StyledInput = /*#__PURE__*/styled(Input).withConfig({
|
|
40
40
|
displayName: "StyledInput",
|
|
41
|
-
componentId: "core-
|
|
41
|
+
componentId: "core-11_26_1__sc-1782nvg-5"
|
|
42
42
|
})([""]);
|
|
43
43
|
export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
44
44
|
displayName: "StyledWrapper",
|
|
45
|
-
componentId: "core-
|
|
45
|
+
componentId: "core-11_26_1__sc-1782nvg-6"
|
|
46
46
|
})(["position:relative;", ""], function (_ref3) {
|
|
47
47
|
var hasIncrementer = _ref3.hasIncrementer;
|
|
48
48
|
return hasIncrementer && css(["", "{padding-right:", "px;}"], StyledInput, spacing.md + incrementerWidth);
|
|
@@ -2,6 +2,6 @@ import styled from 'styled-components';
|
|
|
2
2
|
export var arrowSize = 8;
|
|
3
3
|
export var StyledArrow = /*#__PURE__*/styled.div.withConfig({
|
|
4
4
|
displayName: "StyledArrow",
|
|
5
|
-
componentId: "core-
|
|
5
|
+
componentId: "core-11_26_1__sc-1epxw7u-0"
|
|
6
6
|
})(["position:absolute;background:inherit;width:", "px;height:", "px;transform:rotate(45deg);"], arrowSize, arrowSize);
|
|
7
7
|
//# sourceMappingURL=OverlayArrow.styles.js.map
|
|
@@ -10,6 +10,7 @@ export declare function useOverlay({ placement, middleware, }: {
|
|
|
10
10
|
placement: Placement;
|
|
11
11
|
middleware?: Middleware[];
|
|
12
12
|
}): {
|
|
13
|
+
isPositioned: boolean;
|
|
13
14
|
overlayRef: (node: HTMLElement | null) => void;
|
|
14
15
|
referenceRef: (node: ReferenceType | null) => void;
|
|
15
16
|
/** Dimensions of the floating element should not change before and after being positioned
|
|
@@ -9,6 +9,7 @@ export function useOverlay(_ref) {
|
|
|
9
9
|
placement: getPlacement(placement),
|
|
10
10
|
middleware: middleware
|
|
11
11
|
}),
|
|
12
|
+
isPositioned = _useFloating.isPositioned,
|
|
12
13
|
middlewareData = _useFloating.middlewareData,
|
|
13
14
|
currentPlacement = _useFloating.placement,
|
|
14
15
|
_useFloating$refs = _useFloating.refs,
|
|
@@ -18,6 +19,7 @@ export function useOverlay(_ref) {
|
|
|
18
19
|
y = _useFloating.y,
|
|
19
20
|
strategy = _useFloating.strategy;
|
|
20
21
|
return {
|
|
22
|
+
isPositioned: isPositioned,
|
|
21
23
|
overlayStyle: {
|
|
22
24
|
left: "".concat(x, "px"),
|
|
23
25
|
top: "".concat(y, "px"),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useOverlay.js","names":["autoUpdate","useFloating","getPlacement","useOverlay","_ref","placement","middleware","_useFloating","strategy","whileElementsMounted","middlewareData","currentPlacement","_useFloating$refs","refs","referenceRef","setReference","overlayRef","setFloating","x","y","overlayStyle","left","concat","top","position","width"],"sources":["../../src/Overlay/useOverlay.ts"],"sourcesContent":["import type {\n Middleware,\n MiddlewareData,\n offset,\n Placement as FloatingPlacement,\n ReferenceType,\n} from '@floating-ui/react-dom'\nimport { autoUpdate, useFloating } from '@floating-ui/react-dom'\nimport type { CSSProperties } from 'react'\nimport type { Placement } from '../_utils/placement'\nimport { getPlacement } from '../_utils/placement'\n\nexport type OverlayOffsetValue = Parameters<typeof offset>[0]\n\nexport type OverlayRefType = (node: HTMLElement | null) => void\n\nexport type ReferenceRefType = (node: ReferenceType | null) => void\n\nexport type OverlayMiddleware = Middleware\n\nexport type OverlayPlacement = FloatingPlacement\n\nexport function useOverlay({\n placement,\n middleware,\n}: {\n placement: Placement\n middleware?: Middleware[]\n}): {\n overlayRef: (node: HTMLElement | null) => void\n referenceRef: (node: ReferenceType | null) => void\n /** Dimensions of the floating element should not change before and after being positioned\n * https://floating-ui.com/docs/computeposition#initial-layout\n * https://github.com/floating-ui/floating-ui/issues/1740 */\n overlayStyle: CSSProperties\n middlewareData: MiddlewareData\n placement: OverlayPlacement\n} {\n const {\n middlewareData,\n placement: currentPlacement,\n refs: { setReference: referenceRef, setFloating: overlayRef },\n x,\n y,\n strategy,\n } = useFloating({\n strategy: 'fixed',\n whileElementsMounted: autoUpdate,\n placement: getPlacement(placement),\n middleware,\n })\n return {\n overlayStyle: {\n left: `${x}px`,\n top: `${y}px`,\n position: strategy,\n width: 'max-content',\n },\n overlayRef,\n referenceRef,\n middlewareData,\n placement: currentPlacement,\n }\n}\n"],"mappings":"AAOA,SAASA,UAAU,EAAEC,WAAW,QAAQ,wBAAwB;AAGhE,SAASC,YAAY,QAAQ,qBAAqB;AAYlD,OAAO,SAASC,UAAUA,CAAAC,IAAA,
|
|
1
|
+
{"version":3,"file":"useOverlay.js","names":["autoUpdate","useFloating","getPlacement","useOverlay","_ref","placement","middleware","_useFloating","strategy","whileElementsMounted","isPositioned","middlewareData","currentPlacement","_useFloating$refs","refs","referenceRef","setReference","overlayRef","setFloating","x","y","overlayStyle","left","concat","top","position","width"],"sources":["../../src/Overlay/useOverlay.ts"],"sourcesContent":["import type {\n Middleware,\n MiddlewareData,\n offset,\n Placement as FloatingPlacement,\n ReferenceType,\n} from '@floating-ui/react-dom'\nimport { autoUpdate, useFloating } from '@floating-ui/react-dom'\nimport type { CSSProperties } from 'react'\nimport type { Placement } from '../_utils/placement'\nimport { getPlacement } from '../_utils/placement'\n\nexport type OverlayOffsetValue = Parameters<typeof offset>[0]\n\nexport type OverlayRefType = (node: HTMLElement | null) => void\n\nexport type ReferenceRefType = (node: ReferenceType | null) => void\n\nexport type OverlayMiddleware = Middleware\n\nexport type OverlayPlacement = FloatingPlacement\n\nexport function useOverlay({\n placement,\n middleware,\n}: {\n placement: Placement\n middleware?: Middleware[]\n}): {\n isPositioned: boolean\n overlayRef: (node: HTMLElement | null) => void\n referenceRef: (node: ReferenceType | null) => void\n /** Dimensions of the floating element should not change before and after being positioned\n * https://floating-ui.com/docs/computeposition#initial-layout\n * https://github.com/floating-ui/floating-ui/issues/1740 */\n overlayStyle: CSSProperties\n middlewareData: MiddlewareData\n placement: OverlayPlacement\n} {\n const {\n isPositioned,\n middlewareData,\n placement: currentPlacement,\n refs: { setReference: referenceRef, setFloating: overlayRef },\n x,\n y,\n strategy,\n } = useFloating({\n strategy: 'fixed',\n whileElementsMounted: autoUpdate,\n placement: getPlacement(placement),\n middleware,\n })\n\n return {\n isPositioned,\n overlayStyle: {\n left: `${x}px`,\n top: `${y}px`,\n position: strategy,\n width: 'max-content',\n },\n overlayRef,\n referenceRef,\n middlewareData,\n placement: currentPlacement,\n }\n}\n"],"mappings":"AAOA,SAASA,UAAU,EAAEC,WAAW,QAAQ,wBAAwB;AAGhE,SAASC,YAAY,QAAQ,qBAAqB;AAYlD,OAAO,SAASC,UAAUA,CAAAC,IAAA,EAgBxB;EAAA,IAfAC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,UAAU,GAAAF,IAAA,CAAVE,UAAU;EAeV,IAAAC,YAAA,GAQIN,WAAW,CAAC;MACdO,QAAQ,EAAE,OAAO;MACjBC,oBAAoB,EAAET,UAAU;MAChCK,SAAS,EAAEH,YAAY,CAACG,SAAS,CAAC;MAClCC,UAAU,EAAVA;IACF,CAAC,CAAC;IAZAI,YAAY,GAAAH,YAAA,CAAZG,YAAY;IACZC,cAAc,GAAAJ,YAAA,CAAdI,cAAc;IACHC,gBAAgB,GAAAL,YAAA,CAA3BF,SAAS;IAAAQ,iBAAA,GAAAN,YAAA,CACTO,IAAI;IAAkBC,YAAY,GAAAF,iBAAA,CAA1BG,YAAY;IAA6BC,UAAU,GAAAJ,iBAAA,CAAvBK,WAAW;IAC/CC,CAAC,GAAAZ,YAAA,CAADY,CAAC;IACDC,CAAC,GAAAb,YAAA,CAADa,CAAC;IACDZ,QAAQ,GAAAD,YAAA,CAARC,QAAQ;EAQV,OAAO;IACLE,YAAY,EAAZA,YAAY;IACZW,YAAY,EAAE;MACZC,IAAI,KAAAC,MAAA,CAAKJ,CAAC,OAAI;MACdK,GAAG,KAAAD,MAAA,CAAKH,CAAC,OAAI;MACbK,QAAQ,EAAEjB,QAAQ;MAClBkB,KAAK,EAAE;IACT,CAAC;IACDT,UAAU,EAAVA,UAAU;IACVF,YAAY,EAAZA,YAAY;IACZJ,cAAc,EAAdA,cAAc;IACdN,SAAS,EAAEO;EACb,CAAC;AACH"}
|
|
@@ -291,6 +291,7 @@ export var TriggerOverlay = /*#__PURE__*/React.forwardRef(function (_ref4, ref)
|
|
|
291
291
|
middleware: middleware,
|
|
292
292
|
placement: placement
|
|
293
293
|
}),
|
|
294
|
+
isPositioned = _useOverlay.isPositioned,
|
|
294
295
|
overlayStyle = _useOverlay.overlayStyle,
|
|
295
296
|
referenceRefCallback = _useOverlay.referenceRef,
|
|
296
297
|
overlayRef = _useOverlay.overlayRef,
|
|
@@ -305,6 +306,10 @@ export var TriggerOverlay = /*#__PURE__*/React.forwardRef(function (_ref4, ref)
|
|
|
305
306
|
if (! /*#__PURE__*/React.isValidElement(overlay) && overlayCloneProps) {
|
|
306
307
|
console.warn('PLEASE REPORT ISSUE @procore/core-react: OverlayTrigger TriggerOverlay is not a valid React element but wants to clone "overlay" with props. Cannot pass props to the element.');
|
|
307
308
|
}
|
|
309
|
+
var shownStyles = _objectSpread(_objectSpread({}, overlayStyle), {}, {
|
|
310
|
+
left: isPositioned ? overlayStyle.left : '-99999px',
|
|
311
|
+
top: isPositioned ? overlayStyle.top : '-99999px'
|
|
312
|
+
});
|
|
308
313
|
return /*#__PURE__*/React.createElement(FocusScope, {
|
|
309
314
|
autoFocus: autoFocus,
|
|
310
315
|
contain: containFocus,
|
|
@@ -312,7 +317,7 @@ export var TriggerOverlay = /*#__PURE__*/React.forwardRef(function (_ref4, ref)
|
|
|
312
317
|
}, /*#__PURE__*/React.createElement("div", _extends({
|
|
313
318
|
"data-qa": "core-overlay-trigger-overlay-wrapper",
|
|
314
319
|
ref: mergedRefs,
|
|
315
|
-
style:
|
|
320
|
+
style: shownStyles
|
|
316
321
|
}, wrapperProps), /*#__PURE__*/React.isValidElement(overlay) ? /*#__PURE__*/React.cloneElement(overlay, overlayCloneProps) : overlay, arrow && /*#__PURE__*/React.createElement(Arrow, {
|
|
317
322
|
ref: arrowRef,
|
|
318
323
|
arrow: middlewareData.arrow,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OverlayTrigger.js","names":["arrow","floatingArrow","flip","floatingFlip","limitShift","offset","floatingOffset","shift","floatingShift","size","floatingSize","FocusScope","useId","React","ResizeObserverPolyfill","Arrow","arrowSize","useOverlay","Portal","useClickOutside","DelayedToggleContext","useDelayedToggle","useDelayedToggleContext","Trigger","useTrigger","useVisibility","mergeRefs","useOverlayTriggerA11y","globalThis","ResizeObserver","ClickOutside","_ref","container","onClickOutside","refs","createElement","Fragment","OverlayTrigger","forwardRef","_ref2","ref","_ref2$afterHide","afterHide","_ref2$afterShow","afterShow","ariaDescribedby","ariaDetails","ariaLabelledby","ariaLabel","autoFocus","_ref2$beforeHide","beforeHide","_ref2$beforeShow","beforeShow","_ref2$canFlip","canFlip","children","_ref2$clickOutsideIgn","clickOutsideIgnoreRefs","containFocus","_ref2$hideDelay","hideDelay","hideKeys_","hideKeys","_ref2$initialIsVisibl","initialIsVisible","overlay","_ref2$padding","padding","_ref2$placement","placement","_ref2$restoreFocusOnH","restoreFocusOnHide","_ref2$showDelay","showDelay","_ref2$showKeys","showKeys","_ref2$shrinkOverlay","shrinkOverlay","_ref2$trigger","trigger","_ref2$arrow","overlayApiRef","overlayRef","role","_ref2$passA11yPropsTo","passA11yPropsToOverlay","isDialogRole","includes","console","warn","concat","target","triggerElRef","useRef","overlayElRef","_React$useState","useState","_React$useState2","_slicedToArray","referenceElement","setReferenceElement","clickedOutsideRef","visibility","useImperativeHandle","show","hide","triggers","useMemo","Array","isArray","useEffect","indexOf","isVisible","current","focus","delayedToggle","beforeDisable","beforeEnable","disableDelay","enableDelay","isEnabled","onDisable","onEnable","triggerApi","enable","disable","enableKeys","disableKeys","triggerRef","triggerElement","overlayId","_useOverlayTriggerA","canPropOverlayUp","isValidElement","id","isOpen","wrapperProps","overlayProps","portalProps","triggerProps","focusScopeProps","labelProps","wrappedTriggerElement","cloneElement","_objectSpread","open","Provider","value","event","_toConsumableArray","_extends","TriggerOverlay","contain","restoreFocus","overlayCloneProps","CloseOnFocus","_ref3","style","height","position","top","width","onFocus","opacity","useOverlayTriggerContext","_useDelayedToggleCont","toggle","_ref4","arrowRef","arrowPadding","middleware","mainAxis","limiter","apply","_ref5","elements","Object","assign","floating","minWidth","reference","getBoundingClientRect","element","filter","_useOverlay","overlayStyle","referenceRefCallback","referenceRef","middlewareData","currentPlacement","mergedRefs"],"sources":["../../src/OverlayTrigger/OverlayTrigger.tsx"],"sourcesContent":["import {\n arrow as floatingArrow,\n flip as floatingFlip,\n limitShift,\n offset as floatingOffset,\n shift as floatingShift,\n size as floatingSize,\n} from '@floating-ui/react-dom'\nimport { FocusScope } from '@react-aria/focus'\nimport { useId } from '@react-aria/utils'\nimport React from 'react'\nimport ResizeObserverPolyfill from 'resize-observer-polyfill'\nimport { Arrow } from '../Overlay/OverlayArrow'\nimport { arrowSize } from '../Overlay/OverlayArrow.styles'\nimport type { OverlayMiddleware } from '../Overlay/useOverlay'\nimport { useOverlay } from '../Overlay/useOverlay'\nimport { Portal } from '../Portal'\nimport type { ClickOutsideConfig } from '../_hooks/ClickOutside'\nimport { useClickOutside } from '../_hooks/ClickOutside'\nimport {\n DelayedToggleContext,\n useDelayedToggle,\n useDelayedToggleContext,\n} from '../_hooks/DelayedToggle'\nimport type { TriggerApi } from '../_hooks/Trigger'\nimport { Trigger, useTrigger } from '../_hooks/Trigger'\nimport { useVisibility } from '../_hooks/Visibility'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { Placement } from '../_utils/placement'\nimport type { ReactElementWithRef } from '../_utils/types'\nimport { useOverlayTriggerA11y } from './a11yPresets'\nimport type {\n DeprecatedOverlayTriggerRef,\n OverlayTriggerProps,\n} from './OverlayTrigger.types'\n\nif (!globalThis?.ResizeObserver) {\n globalThis.ResizeObserver = ResizeObserverPolyfill\n}\n\nconst ClickOutside = ({\n container,\n onClickOutside,\n refs,\n}: ClickOutsideConfig) => {\n useClickOutside({\n onClickOutside,\n refs,\n container,\n })\n\n return <></>\n}\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-overlaytrigger--demo)\n\n */\nexport const OverlayTrigger = React.forwardRef<\n DeprecatedOverlayTriggerRef,\n OverlayTriggerProps\n>(function OverlayTrigger(\n {\n afterHide = () => {},\n afterShow = () => {},\n ['aria-describedby']: ariaDescribedby,\n ['aria-details']: ariaDetails,\n ['aria-labelledby']: ariaLabelledby,\n ['aria-label']: ariaLabel,\n autoFocus,\n beforeHide = () => true,\n beforeShow = () => true,\n canFlip = true,\n children,\n clickOutsideIgnoreRefs = [],\n containFocus,\n container,\n hideDelay = 100,\n hideKeys: hideKeys_,\n initialIsVisible = false,\n overlay,\n padding = 2,\n placement = 'top',\n restoreFocusOnHide = true, // TODO: change default to be false, but that is a breaking change\n showDelay = 0,\n showKeys = ['ArrowDown', 'Down'],\n shrinkOverlay = false,\n trigger = 'click',\n arrow = false,\n overlayRef: overlayApiRef,\n role,\n passA11yPropsToOverlay = false,\n },\n ref\n) {\n const isDialogRole = role === 'dialog'\n\n if (isDialogRole && (trigger === 'hover' || trigger?.includes('hover'))) {\n console.warn(\n `@procore/core-react: OverlayTigger has role ${role} and a hover trigger, this may cause weird focus management and is unrecommended. Review autoFocus prop.`\n )\n }\n\n const hideKeys = hideKeys_ ?? {\n // Note by default OverlayTrigger closes on tab. Dialog role changes the default.\n overlay:\n containFocus ?? isDialogRole\n ? ['Escape', 'Esc']\n : ['Escape', 'Esc', 'Tab'],\n target: ['Escape', 'Esc'],\n }\n\n const triggerElRef = React.useRef<HTMLElement>(null)\n const overlayElRef = React.useRef<HTMLElement>(null)\n const [referenceElement, setReferenceElement] =\n React.useState<HTMLElement | null>(null)\n const clickedOutsideRef = React.useRef(true)\n\n const visibility = useVisibility({\n afterHide,\n afterShow,\n initialIsVisible,\n })\n\n React.useImperativeHandle(overlayApiRef, () => ({\n show: visibility.show,\n hide: visibility.hide,\n }))\n\n const triggers = React.useMemo(\n () => (Array.isArray(trigger) ? trigger : [trigger]),\n [trigger]\n )\n\n React.useEffect(() => {\n if (triggers.indexOf('none') >= 0 && visibility.isVisible) {\n visibility.hide()\n }\n if (triggers.indexOf('always') >= 0 && !visibility.isVisible) {\n visibility.show()\n }\n }, [triggers, visibility.isVisible])\n\n // TODO delete in a separate branch for testing and rely only on FocusScope\n React.useEffect(() => {\n if (\n restoreFocusOnHide &&\n !visibility.isVisible &&\n !clickedOutsideRef.current\n ) {\n triggerElRef.current && triggerElRef.current.focus()\n }\n\n clickedOutsideRef.current = false\n }, [restoreFocusOnHide, triggerElRef, visibility.isVisible])\n\n const delayedToggle = useDelayedToggle({\n beforeDisable: beforeHide,\n beforeEnable: beforeShow,\n disableDelay: hideDelay,\n enableDelay: showDelay,\n isEnabled: visibility.isVisible,\n onDisable: visibility.hide,\n onEnable: visibility.show,\n })\n\n const triggerApi = useTrigger({\n isEnabled: visibility.isVisible,\n enable: delayedToggle.enable,\n disable: delayedToggle.disable,\n enableKeys: showKeys,\n disableKeys: hideKeys.target,\n trigger,\n triggerRef: triggerElRef,\n })\n\n const triggerElement =\n typeof children === 'function'\n ? (children as (props: TriggerApi) => ReactElementWithRef)(triggerApi)\n : (children as ReactElementWithRef)\n\n const overlayId = useId()\n\n const {\n wrapperProps,\n overlayProps,\n portalProps,\n triggerProps,\n focusScopeProps,\n // Does not use. User needs to wire up when using dialog role!\n labelProps,\n } = useOverlayTriggerA11y({\n canPropOverlayUp: React.isValidElement(overlay) && passA11yPropsToOverlay,\n 'aria-describedby': ariaDescribedby,\n 'aria-details': ariaDetails,\n 'aria-labelledby': ariaLabelledby,\n 'aria-label': ariaLabel,\n id: overlayId,\n isOpen: visibility.isVisible,\n role,\n })\n\n const wrappedTriggerElement = React.cloneElement(triggerElement, {\n open: triggerApi.isVisible,\n ref: triggerElement.ref\n ? mergeRefs(triggerElement.ref, ref, triggerElRef, setReferenceElement)\n : mergeRefs(ref, triggerElRef, setReferenceElement),\n ...triggerProps,\n })\n\n return (\n <DelayedToggleContext.Provider value={delayedToggle}>\n {wrappedTriggerElement}\n {visibility.isVisible && (\n <>\n <ClickOutside\n {...{\n container: container,\n onClickOutside: (event) => {\n clickedOutsideRef.current = true\n delayedToggle.disable(event)\n },\n refs: [overlayElRef, triggerElRef, ...clickOutsideIgnoreRefs],\n }}\n />\n <Portal container={container} {...portalProps}>\n <Trigger\n {...{\n isEnabled: visibility.isVisible,\n enable: delayedToggle.enable,\n disable: delayedToggle.disable,\n disableKeys: hideKeys.overlay,\n trigger: trigger === 'click' ? 'none' : trigger,\n triggerRef: overlayElRef,\n }}\n >\n <TriggerOverlay\n autoFocus={autoFocus ?? focusScopeProps.autoFocus}\n containFocus={containFocus ?? focusScopeProps.contain}\n restoreFocus={\n restoreFocusOnHide ?? focusScopeProps.restoreFocus\n }\n ref={overlayElRef}\n referenceElement={referenceElement}\n overlay={overlay}\n shrinkOverlay={shrinkOverlay}\n placement={placement}\n padding={padding}\n canFlip={canFlip}\n arrow={arrow}\n wrapperProps={wrapperProps}\n overlayCloneProps={overlayProps}\n />\n </Trigger>\n </Portal>\n </>\n )}\n </DelayedToggleContext.Provider>\n )\n})\n\nexport function CloseOnFocus({ hide }: { hide: (event: any) => any }) {\n return (\n // in IE, the hidden input's cursor appears right under the menu\n // this positions it arbitrarily away where it won't be noticed\n <div\n style={{\n height: 0,\n position: 'absolute',\n top: 1000,\n width: 0,\n }}\n >\n <input onFocus={hide} style={{ opacity: 0 }} />\n </div>\n )\n}\n\nexport function useOverlayTriggerContext() {\n const { enable: show, disable: hide, toggle } = useDelayedToggleContext()\n\n return {\n hide,\n show,\n toggle,\n }\n}\n\ninterface TriggerOverlayProps {\n containFocus?: boolean\n autoFocus?: boolean\n restoreFocus?: boolean\n placement: Placement\n canFlip?: boolean\n arrow?: boolean\n padding: number\n shrinkOverlay: boolean\n overlay: React.ReactNode\n overlayCloneProps: any\n wrapperProps: Record<string, unknown>\n referenceElement: HTMLElement | null\n}\n\nexport const TriggerOverlay = React.forwardRef<\n HTMLElement,\n TriggerOverlayProps\n>(function (\n {\n autoFocus,\n containFocus,\n restoreFocus,\n placement,\n canFlip,\n arrow,\n padding,\n shrinkOverlay,\n overlay,\n referenceElement,\n wrapperProps,\n overlayCloneProps,\n },\n ref\n) {\n const arrowRef = React.useRef<HTMLDivElement>(null)\n\n const arrowPadding = arrowSize / 2 + 1\n const middleware = [\n floatingOffset({ mainAxis: arrow ? padding + arrowPadding : padding }),\n canFlip ? floatingFlip() : null,\n floatingShift({ limiter: limitShift() }),\n !shrinkOverlay\n ? floatingSize({\n apply({ elements }) {\n Object.assign(elements.floating.style, {\n minWidth: `${elements.reference.getBoundingClientRect().width}px`,\n })\n },\n })\n : null,\n floatingArrow({\n element: arrowRef,\n padding: 6,\n }),\n ].filter((middleware) => middleware !== null) as OverlayMiddleware[]\n\n const {\n overlayStyle,\n referenceRef: referenceRefCallback,\n overlayRef,\n middlewareData,\n placement: currentPlacement,\n } = useOverlay({\n middleware,\n placement,\n })\n\n React.useEffect(() => {\n referenceRefCallback(referenceElement)\n }, [referenceElement, referenceRefCallback])\n\n const mergedRefs = mergeRefs(ref, overlayRef)\n\n // TODO could just move clone and clone props to parent\n if (!React.isValidElement(overlay) && overlayCloneProps) {\n console.warn(\n 'PLEASE REPORT ISSUE @procore/core-react: OverlayTrigger TriggerOverlay is not a valid React element but wants to clone \"overlay\" with props. Cannot pass props to the element.'\n )\n }\n\n return (\n <FocusScope\n autoFocus={autoFocus}\n contain={containFocus}\n restoreFocus={restoreFocus}\n >\n <div\n data-qa=\"core-overlay-trigger-overlay-wrapper\"\n ref={mergedRefs}\n style={overlayStyle}\n {...wrapperProps}\n >\n {React.isValidElement(overlay)\n ? React.cloneElement(overlay, overlayCloneProps)\n : overlay}\n {arrow && (\n <Arrow\n ref={arrowRef}\n arrow={middlewareData.arrow}\n placement={currentPlacement}\n />\n )}\n </div>\n </FocusScope>\n )\n})\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"OverlayTrigger.js","names":["arrow","floatingArrow","flip","floatingFlip","limitShift","offset","floatingOffset","shift","floatingShift","size","floatingSize","FocusScope","useId","React","ResizeObserverPolyfill","Arrow","arrowSize","useOverlay","Portal","useClickOutside","DelayedToggleContext","useDelayedToggle","useDelayedToggleContext","Trigger","useTrigger","useVisibility","mergeRefs","useOverlayTriggerA11y","globalThis","ResizeObserver","ClickOutside","_ref","container","onClickOutside","refs","createElement","Fragment","OverlayTrigger","forwardRef","_ref2","ref","_ref2$afterHide","afterHide","_ref2$afterShow","afterShow","ariaDescribedby","ariaDetails","ariaLabelledby","ariaLabel","autoFocus","_ref2$beforeHide","beforeHide","_ref2$beforeShow","beforeShow","_ref2$canFlip","canFlip","children","_ref2$clickOutsideIgn","clickOutsideIgnoreRefs","containFocus","_ref2$hideDelay","hideDelay","hideKeys_","hideKeys","_ref2$initialIsVisibl","initialIsVisible","overlay","_ref2$padding","padding","_ref2$placement","placement","_ref2$restoreFocusOnH","restoreFocusOnHide","_ref2$showDelay","showDelay","_ref2$showKeys","showKeys","_ref2$shrinkOverlay","shrinkOverlay","_ref2$trigger","trigger","_ref2$arrow","overlayApiRef","overlayRef","role","_ref2$passA11yPropsTo","passA11yPropsToOverlay","isDialogRole","includes","console","warn","concat","target","triggerElRef","useRef","overlayElRef","_React$useState","useState","_React$useState2","_slicedToArray","referenceElement","setReferenceElement","clickedOutsideRef","visibility","useImperativeHandle","show","hide","triggers","useMemo","Array","isArray","useEffect","indexOf","isVisible","current","focus","delayedToggle","beforeDisable","beforeEnable","disableDelay","enableDelay","isEnabled","onDisable","onEnable","triggerApi","enable","disable","enableKeys","disableKeys","triggerRef","triggerElement","overlayId","_useOverlayTriggerA","canPropOverlayUp","isValidElement","id","isOpen","wrapperProps","overlayProps","portalProps","triggerProps","focusScopeProps","labelProps","wrappedTriggerElement","cloneElement","_objectSpread","open","Provider","value","event","_toConsumableArray","_extends","TriggerOverlay","contain","restoreFocus","overlayCloneProps","CloseOnFocus","_ref3","style","height","position","top","width","onFocus","opacity","useOverlayTriggerContext","_useDelayedToggleCont","toggle","_ref4","arrowRef","arrowPadding","middleware","mainAxis","limiter","apply","_ref5","elements","Object","assign","floating","minWidth","reference","getBoundingClientRect","element","filter","_useOverlay","isPositioned","overlayStyle","referenceRefCallback","referenceRef","middlewareData","currentPlacement","mergedRefs","shownStyles","left"],"sources":["../../src/OverlayTrigger/OverlayTrigger.tsx"],"sourcesContent":["import {\n arrow as floatingArrow,\n flip as floatingFlip,\n limitShift,\n offset as floatingOffset,\n shift as floatingShift,\n size as floatingSize,\n} from '@floating-ui/react-dom'\nimport { FocusScope } from '@react-aria/focus'\nimport { useId } from '@react-aria/utils'\nimport React from 'react'\nimport ResizeObserverPolyfill from 'resize-observer-polyfill'\nimport { Arrow } from '../Overlay/OverlayArrow'\nimport { arrowSize } from '../Overlay/OverlayArrow.styles'\nimport type { OverlayMiddleware } from '../Overlay/useOverlay'\nimport { useOverlay } from '../Overlay/useOverlay'\nimport { Portal } from '../Portal'\nimport type { ClickOutsideConfig } from '../_hooks/ClickOutside'\nimport { useClickOutside } from '../_hooks/ClickOutside'\nimport {\n DelayedToggleContext,\n useDelayedToggle,\n useDelayedToggleContext,\n} from '../_hooks/DelayedToggle'\nimport type { TriggerApi } from '../_hooks/Trigger'\nimport { Trigger, useTrigger } from '../_hooks/Trigger'\nimport { useVisibility } from '../_hooks/Visibility'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { Placement } from '../_utils/placement'\nimport type { ReactElementWithRef } from '../_utils/types'\nimport { useOverlayTriggerA11y } from './a11yPresets'\nimport type {\n DeprecatedOverlayTriggerRef,\n OverlayTriggerProps,\n} from './OverlayTrigger.types'\n\nif (!globalThis?.ResizeObserver) {\n globalThis.ResizeObserver = ResizeObserverPolyfill\n}\n\nconst ClickOutside = ({\n container,\n onClickOutside,\n refs,\n}: ClickOutsideConfig) => {\n useClickOutside({\n onClickOutside,\n refs,\n container,\n })\n\n return <></>\n}\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-overlaytrigger--demo)\n\n */\nexport const OverlayTrigger = React.forwardRef<\n DeprecatedOverlayTriggerRef,\n OverlayTriggerProps\n>(function OverlayTrigger(\n {\n afterHide = () => {},\n afterShow = () => {},\n ['aria-describedby']: ariaDescribedby,\n ['aria-details']: ariaDetails,\n ['aria-labelledby']: ariaLabelledby,\n ['aria-label']: ariaLabel,\n autoFocus,\n beforeHide = () => true,\n beforeShow = () => true,\n canFlip = true,\n children,\n clickOutsideIgnoreRefs = [],\n containFocus,\n container,\n hideDelay = 100,\n hideKeys: hideKeys_,\n initialIsVisible = false,\n overlay,\n padding = 2,\n placement = 'top',\n restoreFocusOnHide = true, // TODO: change default to be false, but that is a breaking change\n showDelay = 0,\n showKeys = ['ArrowDown', 'Down'],\n shrinkOverlay = false,\n trigger = 'click',\n arrow = false,\n overlayRef: overlayApiRef,\n role,\n passA11yPropsToOverlay = false,\n },\n ref\n) {\n const isDialogRole = role === 'dialog'\n\n if (isDialogRole && (trigger === 'hover' || trigger?.includes('hover'))) {\n console.warn(\n `@procore/core-react: OverlayTigger has role ${role} and a hover trigger, this may cause weird focus management and is unrecommended. Review autoFocus prop.`\n )\n }\n\n const hideKeys = hideKeys_ ?? {\n // Note by default OverlayTrigger closes on tab. Dialog role changes the default.\n overlay:\n containFocus ?? isDialogRole\n ? ['Escape', 'Esc']\n : ['Escape', 'Esc', 'Tab'],\n target: ['Escape', 'Esc'],\n }\n\n const triggerElRef = React.useRef<HTMLElement>(null)\n const overlayElRef = React.useRef<HTMLElement>(null)\n const [referenceElement, setReferenceElement] =\n React.useState<HTMLElement | null>(null)\n const clickedOutsideRef = React.useRef(true)\n\n const visibility = useVisibility({\n afterHide,\n afterShow,\n initialIsVisible,\n })\n\n React.useImperativeHandle(overlayApiRef, () => ({\n show: visibility.show,\n hide: visibility.hide,\n }))\n\n const triggers = React.useMemo(\n () => (Array.isArray(trigger) ? trigger : [trigger]),\n [trigger]\n )\n\n React.useEffect(() => {\n if (triggers.indexOf('none') >= 0 && visibility.isVisible) {\n visibility.hide()\n }\n if (triggers.indexOf('always') >= 0 && !visibility.isVisible) {\n visibility.show()\n }\n }, [triggers, visibility.isVisible])\n\n // TODO delete in a separate branch for testing and rely only on FocusScope\n React.useEffect(() => {\n if (\n restoreFocusOnHide &&\n !visibility.isVisible &&\n !clickedOutsideRef.current\n ) {\n triggerElRef.current && triggerElRef.current.focus()\n }\n\n clickedOutsideRef.current = false\n }, [restoreFocusOnHide, triggerElRef, visibility.isVisible])\n\n const delayedToggle = useDelayedToggle({\n beforeDisable: beforeHide,\n beforeEnable: beforeShow,\n disableDelay: hideDelay,\n enableDelay: showDelay,\n isEnabled: visibility.isVisible,\n onDisable: visibility.hide,\n onEnable: visibility.show,\n })\n\n const triggerApi = useTrigger({\n isEnabled: visibility.isVisible,\n enable: delayedToggle.enable,\n disable: delayedToggle.disable,\n enableKeys: showKeys,\n disableKeys: hideKeys.target,\n trigger,\n triggerRef: triggerElRef,\n })\n\n const triggerElement =\n typeof children === 'function'\n ? (children as (props: TriggerApi) => ReactElementWithRef)(triggerApi)\n : (children as ReactElementWithRef)\n\n const overlayId = useId()\n\n const {\n wrapperProps,\n overlayProps,\n portalProps,\n triggerProps,\n focusScopeProps,\n // Does not use. User needs to wire up when using dialog role!\n labelProps,\n } = useOverlayTriggerA11y({\n canPropOverlayUp: React.isValidElement(overlay) && passA11yPropsToOverlay,\n 'aria-describedby': ariaDescribedby,\n 'aria-details': ariaDetails,\n 'aria-labelledby': ariaLabelledby,\n 'aria-label': ariaLabel,\n id: overlayId,\n isOpen: visibility.isVisible,\n role,\n })\n\n const wrappedTriggerElement = React.cloneElement(triggerElement, {\n open: triggerApi.isVisible,\n ref: triggerElement.ref\n ? mergeRefs(triggerElement.ref, ref, triggerElRef, setReferenceElement)\n : mergeRefs(ref, triggerElRef, setReferenceElement),\n ...triggerProps,\n })\n\n return (\n <DelayedToggleContext.Provider value={delayedToggle}>\n {wrappedTriggerElement}\n {visibility.isVisible && (\n <>\n <ClickOutside\n {...{\n container: container,\n onClickOutside: (event) => {\n clickedOutsideRef.current = true\n delayedToggle.disable(event)\n },\n refs: [overlayElRef, triggerElRef, ...clickOutsideIgnoreRefs],\n }}\n />\n <Portal container={container} {...portalProps}>\n <Trigger\n {...{\n isEnabled: visibility.isVisible,\n enable: delayedToggle.enable,\n disable: delayedToggle.disable,\n disableKeys: hideKeys.overlay,\n trigger: trigger === 'click' ? 'none' : trigger,\n triggerRef: overlayElRef,\n }}\n >\n <TriggerOverlay\n autoFocus={autoFocus ?? focusScopeProps.autoFocus}\n containFocus={containFocus ?? focusScopeProps.contain}\n restoreFocus={\n restoreFocusOnHide ?? focusScopeProps.restoreFocus\n }\n ref={overlayElRef}\n referenceElement={referenceElement}\n overlay={overlay}\n shrinkOverlay={shrinkOverlay}\n placement={placement}\n padding={padding}\n canFlip={canFlip}\n arrow={arrow}\n wrapperProps={wrapperProps}\n overlayCloneProps={overlayProps}\n />\n </Trigger>\n </Portal>\n </>\n )}\n </DelayedToggleContext.Provider>\n )\n})\n\nexport function CloseOnFocus({ hide }: { hide: (event: any) => any }) {\n return (\n // in IE, the hidden input's cursor appears right under the menu\n // this positions it arbitrarily away where it won't be noticed\n <div\n style={{\n height: 0,\n position: 'absolute',\n top: 1000,\n width: 0,\n }}\n >\n <input onFocus={hide} style={{ opacity: 0 }} />\n </div>\n )\n}\n\nexport function useOverlayTriggerContext() {\n const { enable: show, disable: hide, toggle } = useDelayedToggleContext()\n\n return {\n hide,\n show,\n toggle,\n }\n}\n\ninterface TriggerOverlayProps {\n containFocus?: boolean\n autoFocus?: boolean\n restoreFocus?: boolean\n placement: Placement\n canFlip?: boolean\n arrow?: boolean\n padding: number\n shrinkOverlay: boolean\n overlay: React.ReactNode\n overlayCloneProps: any\n wrapperProps: Record<string, unknown>\n referenceElement: HTMLElement | null\n}\n\nexport const TriggerOverlay = React.forwardRef<\n HTMLElement,\n TriggerOverlayProps\n>(function (\n {\n autoFocus,\n containFocus,\n restoreFocus,\n placement,\n canFlip,\n arrow,\n padding,\n shrinkOverlay,\n overlay,\n referenceElement,\n wrapperProps,\n overlayCloneProps,\n },\n ref\n) {\n const arrowRef = React.useRef<HTMLDivElement>(null)\n\n const arrowPadding = arrowSize / 2 + 1\n const middleware = [\n floatingOffset({ mainAxis: arrow ? padding + arrowPadding : padding }),\n canFlip ? floatingFlip() : null,\n floatingShift({ limiter: limitShift() }),\n !shrinkOverlay\n ? floatingSize({\n apply({ elements }) {\n Object.assign(elements.floating.style, {\n minWidth: `${elements.reference.getBoundingClientRect().width}px`,\n })\n },\n })\n : null,\n floatingArrow({\n element: arrowRef,\n padding: 6,\n }),\n ].filter((middleware) => middleware !== null) as OverlayMiddleware[]\n\n const {\n isPositioned,\n overlayStyle,\n referenceRef: referenceRefCallback,\n overlayRef,\n middlewareData,\n placement: currentPlacement,\n } = useOverlay({\n middleware,\n placement,\n })\n\n React.useEffect(() => {\n referenceRefCallback(referenceElement)\n }, [referenceElement, referenceRefCallback])\n\n const mergedRefs = mergeRefs(ref, overlayRef)\n\n // TODO could just move clone and clone props to parent\n if (!React.isValidElement(overlay) && overlayCloneProps) {\n console.warn(\n 'PLEASE REPORT ISSUE @procore/core-react: OverlayTrigger TriggerOverlay is not a valid React element but wants to clone \"overlay\" with props. Cannot pass props to the element.'\n )\n }\n\n const shownStyles: React.CSSProperties = {\n ...overlayStyle,\n left: isPositioned ? overlayStyle.left : '-99999px',\n top: isPositioned ? overlayStyle.top : '-99999px',\n }\n\n return (\n <FocusScope\n autoFocus={autoFocus}\n contain={containFocus}\n restoreFocus={restoreFocus}\n >\n <div\n data-qa=\"core-overlay-trigger-overlay-wrapper\"\n ref={mergedRefs}\n style={shownStyles}\n {...wrapperProps}\n >\n {React.isValidElement(overlay)\n ? React.cloneElement(overlay, overlayCloneProps)\n : overlay}\n {arrow && (\n <Arrow\n ref={arrowRef}\n arrow={middlewareData.arrow}\n placement={currentPlacement}\n />\n )}\n </div>\n </FocusScope>\n )\n})\n"],"mappings":"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"}
|
|
@@ -16,34 +16,34 @@ var headerCSS = /*#__PURE__*/css(["padding-top:", "px;margin-left:", "px;margin-
|
|
|
16
16
|
});
|
|
17
17
|
export var StyledPageHeader = /*#__PURE__*/styled.div.withConfig({
|
|
18
18
|
displayName: "StyledPageHeader",
|
|
19
|
-
componentId: "core-
|
|
19
|
+
componentId: "core-11_26_1__sc-1cvdbsv-0"
|
|
20
20
|
})(["", ""], headerCSS);
|
|
21
21
|
export var StyledPageTitle = /*#__PURE__*/styled.div.withConfig({
|
|
22
22
|
displayName: "StyledPageTitle",
|
|
23
|
-
componentId: "core-
|
|
23
|
+
componentId: "core-11_26_1__sc-1cvdbsv-1"
|
|
24
24
|
})(["margin-top:", "px;&:last-child{padding-bottom:", "px;}&:first-child{margin-top:0;}"], spacing.lg, spacing.lg);
|
|
25
25
|
export var StyledPageBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).withConfig({
|
|
26
26
|
displayName: "StyledPageBreadcrumbs",
|
|
27
|
-
componentId: "core-
|
|
27
|
+
componentId: "core-11_26_1__sc-1cvdbsv-2"
|
|
28
28
|
})(["margin-top:", "px;&:first-child{margin-top:0;}"], spacing.lg);
|
|
29
29
|
export var StyledPageBanner = /*#__PURE__*/styled.div.withConfig({
|
|
30
30
|
displayName: "StyledPageBanner",
|
|
31
|
-
componentId: "core-
|
|
31
|
+
componentId: "core-11_26_1__sc-1cvdbsv-3"
|
|
32
32
|
})(["margin-top:", "px;&:first-child{margin-top:0;}"], spacing.lg);
|
|
33
33
|
export var getActions = function getActions() {
|
|
34
34
|
return css(["flex-shrink:0;padding-left:", "px;> button,> a{&:first-child{margin-left:0;}margin-left:", "px;}"], spacing.xl, spacing.sm);
|
|
35
35
|
};
|
|
36
36
|
export var StyledPageActions = /*#__PURE__*/styled.div.withConfig({
|
|
37
37
|
displayName: "StyledPageActions",
|
|
38
|
-
componentId: "core-
|
|
38
|
+
componentId: "core-11_26_1__sc-1cvdbsv-4"
|
|
39
39
|
})(["", ""], getActions());
|
|
40
40
|
export var StyledPageTabs = /*#__PURE__*/styled.div.withConfig({
|
|
41
41
|
displayName: "StyledPageTabs",
|
|
42
|
-
componentId: "core-
|
|
42
|
+
componentId: "core-11_26_1__sc-1cvdbsv-5"
|
|
43
43
|
})(["margin-top:", "px;"], spacing.sm);
|
|
44
44
|
export var StyledBody = /*#__PURE__*/styled.div.withConfig({
|
|
45
45
|
displayName: "StyledBody",
|
|
46
|
-
componentId: "core-
|
|
46
|
+
componentId: "core-11_26_1__sc-1cvdbsv-6"
|
|
47
47
|
})(["padding-top:", "px;"], spacing.xl);
|
|
48
48
|
var panelWidth = 400;
|
|
49
49
|
var zIndexes = {
|
|
@@ -56,7 +56,7 @@ export var animationDuration = {
|
|
|
56
56
|
};
|
|
57
57
|
export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
|
|
58
58
|
displayName: "StyledFooter",
|
|
59
|
-
componentId: "core-
|
|
59
|
+
componentId: "core-11_26_1__sc-1cvdbsv-7"
|
|
60
60
|
})(["background-color:", ";margin:0 ", "px;", " position:sticky;bottom:0;z-index:", ";", ""], colors.white, outerPageSpacing * -1, function (_ref2) {
|
|
61
61
|
var $hasShadow = _ref2.$hasShadow;
|
|
62
62
|
return $hasShadow && getShadow(2, 'top');
|
|
@@ -66,7 +66,7 @@ export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
|
|
|
66
66
|
});
|
|
67
67
|
export var StyledAside = /*#__PURE__*/styled.div.withConfig({
|
|
68
68
|
displayName: "StyledAside",
|
|
69
|
-
componentId: "core-
|
|
69
|
+
componentId: "core-11_26_1__sc-1cvdbsv-8"
|
|
70
70
|
})(["", " @media ", "{position:absolute;right:0;}"], function (_ref4) {
|
|
71
71
|
var $closed = _ref4.$closed,
|
|
72
72
|
$open = _ref4.$open;
|
|
@@ -86,7 +86,7 @@ var getPanelAnimation = function getPanelAnimation() {
|
|
|
86
86
|
};
|
|
87
87
|
export var StyledAsidePanel = /*#__PURE__*/styled.div.withConfig({
|
|
88
88
|
displayName: "StyledAsidePanel",
|
|
89
|
-
componentId: "core-
|
|
89
|
+
componentId: "core-11_26_1__sc-1cvdbsv-9"
|
|
90
90
|
})(["", " @media ", "{", "}", " ", " border-left:1px solid ", ";width:", "px;position:fixed;background-color:", ";overflow:auto;z-index:", ";", " ", ""], function (_ref7) {
|
|
91
91
|
var $rightOffset = _ref7.$rightOffset;
|
|
92
92
|
return css(["@media ", "{", " border-left:0;z-index:", ";right:", "px;}"], getSmallScreenBreakpointValue(), getShadow(2), zIndexes.panelNarrowScreen, $rightOffset);
|
|
@@ -105,7 +105,7 @@ export var StyledAsidePanel = /*#__PURE__*/styled.div.withConfig({
|
|
|
105
105
|
});
|
|
106
106
|
export var StyledPageMain = /*#__PURE__*/styled.div.withConfig({
|
|
107
107
|
displayName: "StyledPageMain",
|
|
108
|
-
componentId: "core-
|
|
108
|
+
componentId: "core-11_26_1__sc-1cvdbsv-10"
|
|
109
109
|
})(["position:relative;padding:0 ", "px;max-width:100%;background-color:", ";", " ", ""], outerPageSpacing, colors.gray96, function () {
|
|
110
110
|
return isIE11() && css(["flex:1 0 0%;"]);
|
|
111
111
|
}, function (_ref12) {
|
|
@@ -120,13 +120,13 @@ export var StyledPageMain = /*#__PURE__*/styled.div.withConfig({
|
|
|
120
120
|
});
|
|
121
121
|
export var StyledPageContainer = /*#__PURE__*/styled.div.withConfig({
|
|
122
122
|
displayName: "StyledPageContainer",
|
|
123
|
-
componentId: "core-
|
|
123
|
+
componentId: "core-11_26_1__sc-1cvdbsv-11"
|
|
124
124
|
})(["display:grid;grid-template-columns:1fr auto;", ""], function () {
|
|
125
125
|
return isIE11() && css(["display:flex;flex-wrap:wrap;"]);
|
|
126
126
|
});
|
|
127
127
|
export var StyledAsideFluidContainer = /*#__PURE__*/styled.div.withConfig({
|
|
128
128
|
displayName: "StyledAsideFluidContainer",
|
|
129
|
-
componentId: "core-
|
|
129
|
+
componentId: "core-11_26_1__sc-1cvdbsv-12"
|
|
130
130
|
})(["", ""], function (_ref13) {
|
|
131
131
|
var $closed = _ref13.$closed,
|
|
132
132
|
$open = _ref13.$open;
|
|
@@ -5,22 +5,22 @@ import { Typography } from '../Typography/Typography';
|
|
|
5
5
|
import { spacing } from '../_styles/spacing';
|
|
6
6
|
export var StyledContainer = /*#__PURE__*/styled.div.withConfig({
|
|
7
7
|
displayName: "StyledContainer",
|
|
8
|
-
componentId: "core-
|
|
8
|
+
componentId: "core-11_26_1__sc-fy34i1-0"
|
|
9
9
|
})(["display:flex;align-items:center;"]);
|
|
10
10
|
export var StyledPageCount = /*#__PURE__*/styled(Typography).withConfig({
|
|
11
11
|
displayName: "StyledPageCount",
|
|
12
|
-
componentId: "core-
|
|
12
|
+
componentId: "core-11_26_1__sc-fy34i1-1"
|
|
13
13
|
})(["margin-right:", "px;"], spacing.xl);
|
|
14
14
|
export var StyledCurrentPage = /*#__PURE__*/styled(Typography).withConfig({
|
|
15
15
|
displayName: "StyledCurrentPage",
|
|
16
|
-
componentId: "core-
|
|
16
|
+
componentId: "core-11_26_1__sc-fy34i1-2"
|
|
17
17
|
})(["margin-right:", "px;"], spacing.sm);
|
|
18
18
|
export var StyledButton = /*#__PURE__*/styled(Button).withConfig({
|
|
19
19
|
displayName: "StyledButton",
|
|
20
|
-
componentId: "core-
|
|
20
|
+
componentId: "core-11_26_1__sc-fy34i1-3"
|
|
21
21
|
})(["margin-left:", "px;"], spacing.sm);
|
|
22
22
|
export var StyledOverlay = /*#__PURE__*/styled(Card).withConfig({
|
|
23
23
|
displayName: "StyledOverlay",
|
|
24
|
-
componentId: "core-
|
|
24
|
+
componentId: "core-11_26_1__sc-fy34i1-4"
|
|
25
25
|
})(["max-height:300px;max-width:248px;"]);
|
|
26
26
|
//# sourceMappingURL=Pagination.styles.js.map
|