@procore/core-react 11.3.0-rc.0 → 11.3.0-rc.3
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/AvatarStack/AvatarStack.d.ts +1 -1
- package/dist/AvatarStack/AvatarStack.js +8 -2
- package/dist/AvatarStack/AvatarStack.js.map +1 -1
- package/dist/Button/Button.styles.js +1 -1
- package/dist/Button/Button.styles.js.map +1 -1
- package/dist/Dropdown/Dropdown.js +2 -1
- package/dist/Dropdown/Dropdown.js.map +1 -1
- package/dist/Dropdown/Dropdown.styles.js +1 -1
- package/dist/Dropdown/Dropdown.styles.js.map +1 -1
- package/dist/DropdownFlyout/DropdownFlyout.d.ts +1 -1
- package/dist/DropdownFlyout/DropdownFlyout.js +69 -54
- package/dist/DropdownFlyout/DropdownFlyout.js.map +1 -1
- package/dist/DropdownFlyout/DropdownFlyout.types.d.ts +7 -71
- package/dist/DropdownFlyout/DropdownFlyout.types.js.map +1 -1
- package/dist/DropdownFlyout/useDropdownFlyoutOverlay.d.ts +11 -0
- package/dist/DropdownFlyout/useDropdownFlyoutOverlay.js +14 -0
- package/dist/DropdownFlyout/useDropdownFlyoutOverlay.js.map +1 -0
- package/dist/NextMenu/NextMenu.d.ts +6 -2
- package/dist/NextMenu/NextMenu.js +46 -10
- package/dist/NextMenu/NextMenu.js.map +1 -1
- package/dist/NextMenu/NextMenu.styles.d.ts +6 -0
- package/dist/NextMenu/NextMenu.styles.js +14 -0
- package/dist/NextMenu/NextMenu.styles.js.map +1 -0
- package/dist/NextMenu/NextMenuItem.js +3 -2
- package/dist/NextMenu/NextMenuItem.js.map +1 -1
- package/dist/NumberInput/NumberInput.js +2 -2
- package/dist/NumberInput/NumberInput.js.map +1 -1
- package/dist/NumberInput/NumberInput.utils.d.ts +1 -0
- package/dist/NumberInput/NumberInput.utils.js +5 -0
- package/dist/NumberInput/NumberInput.utils.js.map +1 -1
- package/dist/Overlay/Overlay.d.ts +1 -0
- package/dist/Overlay/Overlay.js.map +1 -1
- package/dist/Overlay/OverlayArrow.d.ts +11 -0
- package/dist/Overlay/OverlayArrow.js +25 -0
- package/dist/Overlay/OverlayArrow.js.map +1 -0
- package/dist/Overlay/OverlayArrow.styles.d.ts +2 -0
- package/dist/Overlay/OverlayArrow.styles.js +9 -0
- package/dist/Overlay/OverlayArrow.styles.js.map +1 -0
- package/dist/Overlay/useOverlay.d.ts +18 -0
- package/dist/Overlay/useOverlay.js +23 -0
- package/dist/Overlay/useOverlay.js.map +1 -0
- package/dist/OverlayTrigger/OverlayTrigger.d.ts +34 -1
- package/dist/OverlayTrigger/OverlayTrigger.js +93 -48
- package/dist/OverlayTrigger/OverlayTrigger.js.map +1 -1
- package/dist/Popover/Popover.js +2 -2
- package/dist/Popover/Popover.js.map +1 -1
- package/dist/Popover/Popover.styles.d.ts +1 -0
- package/dist/Popover/Popover.styles.js +3 -7
- package/dist/Popover/Popover.styles.js.map +1 -1
- package/dist/Popover/Popover.types.d.ts +6 -0
- package/dist/Select/Select.styles.js +1 -1
- package/dist/Select/Select.styles.js.map +1 -1
- package/dist/Tabs/Tabs.js +2 -4
- package/dist/Tabs/Tabs.js.map +1 -1
- package/dist/TieredSelect/TieredSelect.styles.js +1 -1
- package/dist/TieredSelect/TieredSelect.styles.js.map +1 -1
- package/dist/Tooltip/Tooltip.js +3 -3
- package/dist/Tooltip/Tooltip.js.map +1 -1
- package/dist/Tooltip/Tooltip.styles.d.ts +1 -4
- package/dist/Tooltip/Tooltip.styles.js +2 -6
- package/dist/Tooltip/Tooltip.styles.js.map +1 -1
- package/dist/Tree/Tree.js +10 -14
- package/dist/Tree/Tree.js.map +1 -1
- package/dist/_hooks/Trigger.js +3 -2
- package/dist/_hooks/Trigger.js.map +1 -1
- package/dist/_styles/arrows.d.ts +0 -2
- package/dist/_styles/arrows.js +1 -44
- package/dist/_styles/arrows.js.map +1 -1
- package/dist/_typedoc/Avatar/Avatar.types.json +17 -17
- package/dist/_typedoc/AvatarStack/AvatarStack.types.json +22 -22
- package/dist/_typedoc/Badge/Badge.types.json +6 -6
- package/dist/_typedoc/Banner/Banner.types.json +12 -12
- package/dist/_typedoc/Box/Box.types.json +66 -66
- package/dist/_typedoc/Breadcrumbs/Breadcrumbs.types.json +7 -7
- package/dist/_typedoc/Button/Button.types.json +11 -11
- package/dist/_typedoc/Calendar/Calendar.types.json +79 -79
- package/dist/_typedoc/Card/Card.types.json +6 -6
- package/dist/_typedoc/Checkbox/Checkbox.types.json +7 -7
- 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 +35 -35
- package/dist/_typedoc/DropdownFlyout/DropdownFlyout.types.json +52 -62
- 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 +26 -26
- package/dist/_typedoc/FlexList/FlexList.types.json +29 -29
- package/dist/_typedoc/Form/Form.types.json +688 -688
- package/dist/_typedoc/Grid/Grid.types.json +8 -8
- package/dist/_typedoc/GroupSelect/GroupSelect.types.json +51 -51
- 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 +61 -61
- package/dist/_typedoc/MenuImperative/MenuImperative.types.json +67 -67
- package/dist/_typedoc/Modal/Modal.types.json +27 -27
- package/dist/_typedoc/MultiSelect/MultiSelect.types.json +30 -30
- package/dist/_typedoc/Notation/Notation.types.json +4 -4
- package/dist/_typedoc/NumberInput/NumberInput.types.json +36 -36
- package/dist/_typedoc/OverlayTrigger/OverlayTrigger.json +64 -18
- package/dist/_typedoc/PageLayout/PageLayout.types.json +7 -7
- 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 +1 -1
- package/dist/_typedoc/PillSelect/PillSelect.types.json +46 -46
- package/dist/_typedoc/Popover/Popover.types.json +19 -9
- package/dist/_typedoc/ProgressBar/ProgressBar.types.json +5 -5
- 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 +31 -31
- package/dist/_typedoc/Slider/Slider.types.json +6 -6
- package/dist/_typedoc/Spinner/Spinner.types.json +8 -8
- package/dist/_typedoc/Switch/Switch.types.json +3 -3
- package/dist/_typedoc/Table/Table.types.json +94 -94
- package/dist/_typedoc/Tabs/Tabs.types.json +15 -15
- package/dist/_typedoc/Tearsheet/Tearsheet.types.json +10 -10
- package/dist/_typedoc/TextArea/TextArea.types.json +3 -3
- package/dist/_typedoc/TextEditor/TextEditor.types.json +7 -7
- package/dist/_typedoc/TextEditorOutput/TextEditorOutput.types.json +3 -3
- package/dist/_typedoc/Thumbnail/Thumbnail.types.json +25 -25
- package/dist/_typedoc/TieredDropdown/TieredDropdown.types.json +41 -41
- package/dist/_typedoc/TieredSelect/TieredSelect.types.json +27 -27
- package/dist/_typedoc/Tile/Tile.types.json +30 -30
- 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 +8 -8
- package/dist/_typedoc/Tooltip/Tooltip.types.json +13 -13
- package/dist/_typedoc/Tree/Tree.types.json +85 -85
- 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/dist/_utils/placement.d.ts +2 -0
- package/dist/_utils/placement.js +14 -1
- package/dist/_utils/placement.js.map +1 -1
- package/dist/_utils/types.d.ts +3 -0
- package/package.json +3 -2
|
@@ -18,12 +18,17 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
18
18
|
}
|
|
19
19
|
return to.concat(ar || Array.prototype.slice.call(from));
|
|
20
20
|
};
|
|
21
|
+
import { arrow as floatingArrow, flip as floatingFlip, limitShift, offset as floatingOffset, shift as floatingShift, size as floatingSize, } from '@floating-ui/react-dom';
|
|
21
22
|
import React from 'react';
|
|
22
|
-
import {
|
|
23
|
+
import { Arrow } from '../Overlay/OverlayArrow';
|
|
24
|
+
import { arrowSize } from '../Overlay/OverlayArrow.styles';
|
|
25
|
+
import { useOverlay } from '../Overlay/useOverlay';
|
|
26
|
+
import { Portal } from '../Portal';
|
|
23
27
|
import { useClickOutside } from '../_hooks/ClickOutside';
|
|
24
|
-
import { DelayedToggleContext,
|
|
25
|
-
import {
|
|
28
|
+
import { DelayedToggleContext, useDelayedToggle, useDelayedToggleContext, } from '../_hooks/DelayedToggle';
|
|
29
|
+
import { useTrigger } from '../_hooks/Trigger';
|
|
26
30
|
import { useVisibility } from '../_hooks/Visibility';
|
|
31
|
+
import { mergeRefs } from '../_utils/mergeRefs';
|
|
27
32
|
var ClickOutside = function (_a) {
|
|
28
33
|
var onClickOutside = _a.onClickOutside, refs = _a.refs;
|
|
29
34
|
useClickOutside({
|
|
@@ -45,16 +50,21 @@ export var OverlayTrigger = React.forwardRef(function OverlayTrigger(_a, ref) {
|
|
|
45
50
|
target: ['Escape', 'Esc'],
|
|
46
51
|
} : _j, _k = _a.initialIsVisible, initialIsVisible = _k === void 0 ? false : _k, overlay = _a.overlay, _l = _a.padding, padding = _l === void 0 ? 2 : _l, _m = _a.placement, placement = _m === void 0 ? 'top' : _m, _o = _a.restoreFocusOnHide, restoreFocusOnHide = _o === void 0 ? true : _o, // TODO: change default to be false, but that is a breaking change
|
|
47
52
|
_p = _a.showDelay, // TODO: change default to be false, but that is a breaking change
|
|
48
|
-
showDelay = _p === void 0 ? 0 : _p, _q = _a.showKeys, showKeys = _q === void 0 ? ['ArrowDown', 'Down'] : _q, _r = _a.shrinkOverlay, shrinkOverlay = _r === void 0 ? false : _r, _s = _a.trigger, trigger = _s === void 0 ? 'click' : _s;
|
|
49
|
-
var
|
|
50
|
-
var
|
|
51
|
-
var
|
|
53
|
+
showDelay = _p === void 0 ? 0 : _p, _q = _a.showKeys, showKeys = _q === void 0 ? ['ArrowDown', 'Down'] : _q, _r = _a.shrinkOverlay, shrinkOverlay = _r === void 0 ? false : _r, _s = _a.trigger, trigger = _s === void 0 ? 'click' : _s, _t = _a.arrow, arrow = _t === void 0 ? false : _t, overlayApiRef = _a.overlayRef;
|
|
54
|
+
var innerTriggerElRef = React.useRef(null);
|
|
55
|
+
var triggerElRef = ref || innerTriggerElRef;
|
|
56
|
+
var overlayElRef = React.useRef(null);
|
|
57
|
+
var _u = React.useState(null), referenceElement = _u[0], setReferenceElement = _u[1];
|
|
52
58
|
var clickedOutsideRef = React.useRef(true);
|
|
53
59
|
var visibility = useVisibility({
|
|
54
60
|
afterHide: afterHide,
|
|
55
61
|
afterShow: afterShow,
|
|
56
62
|
initialIsVisible: initialIsVisible,
|
|
57
63
|
});
|
|
64
|
+
React.useImperativeHandle(overlayApiRef, function () { return ({
|
|
65
|
+
show: visibility.show,
|
|
66
|
+
hide: visibility.hide,
|
|
67
|
+
}); });
|
|
58
68
|
var triggers = React.useMemo(function () { return (Array.isArray(trigger) ? trigger : [trigger]); }, [trigger]);
|
|
59
69
|
React.useEffect(function () {
|
|
60
70
|
if (triggers.indexOf('none') >= 0 && visibility.isVisible) {
|
|
@@ -68,11 +78,11 @@ export var OverlayTrigger = React.forwardRef(function OverlayTrigger(_a, ref) {
|
|
|
68
78
|
if (restoreFocusOnHide &&
|
|
69
79
|
!visibility.isVisible &&
|
|
70
80
|
!clickedOutsideRef.current) {
|
|
71
|
-
|
|
81
|
+
triggerElRef.current && triggerElRef.current.focus();
|
|
72
82
|
}
|
|
73
83
|
clickedOutsideRef.current = false;
|
|
74
|
-
}, [restoreFocusOnHide,
|
|
75
|
-
|
|
84
|
+
}, [restoreFocusOnHide, triggerElRef, visibility.isVisible]);
|
|
85
|
+
var delayedToggle = useDelayedToggle({
|
|
76
86
|
beforeDisable: beforeHide,
|
|
77
87
|
beforeEnable: beforeShow,
|
|
78
88
|
disableDelay: hideDelay,
|
|
@@ -80,44 +90,45 @@ export var OverlayTrigger = React.forwardRef(function OverlayTrigger(_a, ref) {
|
|
|
80
90
|
isEnabled: visibility.isVisible,
|
|
81
91
|
onDisable: visibility.hide,
|
|
82
92
|
onEnable: visibility.show,
|
|
83
|
-
})
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
93
|
+
});
|
|
94
|
+
var triggerApi = useTrigger({
|
|
95
|
+
isEnabled: visibility.isVisible,
|
|
96
|
+
enable: delayedToggle.enable,
|
|
97
|
+
disable: delayedToggle.disable,
|
|
98
|
+
enableKeys: showKeys,
|
|
99
|
+
disableKeys: hideKeys.target,
|
|
100
|
+
trigger: trigger,
|
|
101
|
+
triggerRef: triggerElRef,
|
|
102
|
+
});
|
|
103
|
+
var triggerElement = typeof children === 'function'
|
|
104
|
+
? children(triggerApi)
|
|
105
|
+
: children;
|
|
106
|
+
var wrappedTriggerElement = React.cloneElement(triggerElement, {
|
|
107
|
+
open: triggerApi.isVisible,
|
|
108
|
+
ref: triggerElement.ref
|
|
109
|
+
? mergeRefs(triggerElement.ref, triggerElRef, setReferenceElement)
|
|
110
|
+
: mergeRefs(triggerElRef, setReferenceElement),
|
|
111
|
+
});
|
|
112
|
+
useTrigger({
|
|
113
|
+
isEnabled: visibility.isVisible,
|
|
114
|
+
enable: delayedToggle.enable,
|
|
115
|
+
disable: delayedToggle.disable,
|
|
116
|
+
disableKeys: hideKeys.overlay,
|
|
117
|
+
trigger: trigger === 'click' ? 'none' : trigger,
|
|
118
|
+
triggerRef: overlayElRef,
|
|
119
|
+
});
|
|
120
|
+
return (React.createElement(DelayedToggleContext.Provider, { value: delayedToggle },
|
|
121
|
+
wrappedTriggerElement,
|
|
122
|
+
visibility.isVisible && (React.createElement(React.Fragment, null,
|
|
123
|
+
React.createElement(ClickOutside, __assign({}, {
|
|
124
|
+
onClickOutside: function (event) {
|
|
125
|
+
clickedOutsideRef.current = true;
|
|
126
|
+
delayedToggle.disable(event);
|
|
127
|
+
},
|
|
128
|
+
refs: __spreadArray([overlayElRef, triggerElRef], clickOutsideIgnoreRefs, true),
|
|
129
|
+
})),
|
|
130
|
+
React.createElement(Portal, null,
|
|
131
|
+
React.createElement(TriggerOverlay, { ref: overlayElRef, referenceElement: referenceElement, overlay: overlay, shrinkOverlay: shrinkOverlay, placement: placement, padding: padding, canFlip: canFlip, arrow: arrow }))))));
|
|
121
132
|
});
|
|
122
133
|
export function CloseOnFocus(_a) {
|
|
123
134
|
var hide = _a.hide;
|
|
@@ -140,4 +151,38 @@ export function useOverlayTriggerContext() {
|
|
|
140
151
|
toggle: toggle,
|
|
141
152
|
};
|
|
142
153
|
}
|
|
154
|
+
export var TriggerOverlay = React.forwardRef(function (_a, ref) {
|
|
155
|
+
var placement = _a.placement, canFlip = _a.canFlip, arrow = _a.arrow, padding = _a.padding, shrinkOverlay = _a.shrinkOverlay, overlay = _a.overlay, referenceElement = _a.referenceElement;
|
|
156
|
+
var arrowRef = React.useRef(null);
|
|
157
|
+
var arrowPadding = arrowSize / 2 + 1;
|
|
158
|
+
var middleware = [
|
|
159
|
+
floatingOffset({ mainAxis: arrow ? padding + arrowPadding : padding }),
|
|
160
|
+
canFlip ? floatingFlip() : null,
|
|
161
|
+
floatingShift({ limiter: limitShift() }),
|
|
162
|
+
!shrinkOverlay
|
|
163
|
+
? floatingSize({
|
|
164
|
+
apply: function (_a) {
|
|
165
|
+
var elements = _a.elements;
|
|
166
|
+
Object.assign(elements.floating.style, {
|
|
167
|
+
minWidth: "".concat(elements.reference.getBoundingClientRect().width, "px"),
|
|
168
|
+
});
|
|
169
|
+
},
|
|
170
|
+
})
|
|
171
|
+
: null,
|
|
172
|
+
floatingArrow({
|
|
173
|
+
element: arrowRef,
|
|
174
|
+
padding: 6,
|
|
175
|
+
}),
|
|
176
|
+
].filter(function (middleware) { return middleware !== null; });
|
|
177
|
+
var _b = useOverlay({
|
|
178
|
+
middleware: middleware,
|
|
179
|
+
placement: placement,
|
|
180
|
+
}), overlayStyle = _b.overlayStyle, referenceRefCallback = _b.referenceRef, overlayRef = _b.overlayRef, middlewareData = _b.middlewareData, currentPlacement = _b.placement;
|
|
181
|
+
React.useEffect(function () {
|
|
182
|
+
referenceRefCallback(referenceElement);
|
|
183
|
+
}, [referenceElement, referenceRefCallback]);
|
|
184
|
+
return (React.createElement("div", { ref: mergeRefs(ref, overlayRef), style: overlayStyle },
|
|
185
|
+
overlay,
|
|
186
|
+
arrow && (React.createElement(Arrow, { ref: arrowRef, arrow: middlewareData.arrow, placement: currentPlacement }))));
|
|
187
|
+
});
|
|
143
188
|
//# sourceMappingURL=OverlayTrigger.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OverlayTrigger.js","sourceRoot":"","sources":["../../src/OverlayTrigger/OverlayTrigger.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"OverlayTrigger.js","sourceRoot":"","sources":["../../src/OverlayTrigger/OverlayTrigger.tsx"],"names":[],"mappings":"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"}
|
package/dist/Popover/Popover.js
CHANGED
|
@@ -51,9 +51,9 @@ var Content = React.forwardRef(function Content(_a, ref) {
|
|
|
51
51
|
|
|
52
52
|
*/
|
|
53
53
|
var Popover_ = React.forwardRef(function Popover(_a, ref) {
|
|
54
|
-
var children = _a.children, _b = _a.initialIsVisible, initialIsVisible = _b === void 0 ? false : _b, _c = _a.placement, placement = _c === void 0 ? 'top' : _c, overlay = _a.overlay, props = __rest(_a, ["children", "initialIsVisible", "placement", "overlay"]);
|
|
54
|
+
var children = _a.children, _b = _a.initialIsVisible, initialIsVisible = _b === void 0 ? false : _b, _c = _a.placement, placement = _c === void 0 ? 'top' : _c, overlay = _a.overlay, overlayRef = _a.overlayRef, props = __rest(_a, ["children", "initialIsVisible", "placement", "overlay", "overlayRef"]);
|
|
55
55
|
var overlayNode = isReactElement(overlay) ? (React.cloneElement(overlay, { placement: placement })) : (React.createElement(React.Fragment, null));
|
|
56
|
-
return (React.createElement(OverlayTrigger, __assign({}, __assign(__assign({}, props), { initialIsVisible: initialIsVisible, overlay: overlayNode, placement: placement, ref: ref, restoreFocusOnHide: false, shrinkOverlay: true })), children));
|
|
56
|
+
return (React.createElement(OverlayTrigger, __assign({}, __assign(__assign({}, props), { initialIsVisible: initialIsVisible, overlay: overlayNode, placement: placement, ref: ref, restoreFocusOnHide: false, shrinkOverlay: true, arrow: true, overlayRef: overlayRef })), children));
|
|
57
57
|
});
|
|
58
58
|
Popover_.displayName = 'Popover';
|
|
59
59
|
Content.displayName = 'Popover.Content';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../src/Popover/Popover.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAA;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAEzD,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAGtE,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAG9B,SAAS,OAAO,CAChB,EAAwD,EACxD,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EAAE,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EAAK,KAAK,cAAtD,kCAAwD,CAAF;IAGtD,OAAO,CACL,oBAAC,aAAa,IAAC,GAAG,EAAE,GAAG;QACrB,oBAAC,oBAAoB,eAAK,KAAK,cAAU,KAAK,gBAAc,SAAS,KAClE,QAAQ,CACY,CACT,CACjB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAA4B,SAAS,OAAO,CAC3E,
|
|
1
|
+
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../src/Popover/Popover.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAA;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAEzD,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAGtE,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAG9B,SAAS,OAAO,CAChB,EAAwD,EACxD,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EAAE,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EAAK,KAAK,cAAtD,kCAAwD,CAAF;IAGtD,OAAO,CACL,oBAAC,aAAa,IAAC,GAAG,EAAE,GAAG;QACrB,oBAAC,oBAAoB,eAAK,KAAK,cAAU,KAAK,gBAAc,SAAS,KAClE,QAAQ,CACY,CACT,CACjB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAA4B,SAAS,OAAO,CAC3E,EAOC,EACD,GAAG;IAPD,IAAA,QAAQ,cAAA,EACR,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EACxB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,OAAO,aAAA,EACP,UAAU,gBAAA,EACP,KAAK,cANV,sEAOC,CADS;IAIV,IAAM,WAAW,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAC5C,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,SAAS,WAAA,EAAE,CAAC,CAC3C,CAAC,CAAC,CAAC,CACF,oBAAC,KAAK,CAAC,QAAQ,OAAG,CACnB,CAAA;IAED,OAAO,CACL,oBAAC,cAAc,qCAER,KAAK,KACR,gBAAgB,kBAAA,EAChB,OAAO,EAAE,WAAW,EACpB,SAAS,WAAA,EACT,GAAG,KAAA,EACH,kBAAkB,EAAE,KAAK,EACzB,aAAa,EAAE,IAAI,EACnB,KAAK,EAAE,IAAI,EACX,UAAU,YAAA,MAGX,QAAQ,CACM,CAClB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAA;AAEhC,OAAO,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAEvC,MAAM,CAAC,IAAM,OAAO,GAAG,gBAAgB,CAAC,EAAE,OAAO,SAAA,EAAE,EAAE,QAAQ,CAAC,CAAA"}
|
|
@@ -3,20 +3,16 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
3
3
|
return cooked;
|
|
4
4
|
};
|
|
5
5
|
import styled, { css } from 'styled-components';
|
|
6
|
-
import { getArrowPlacement } from '../_styles/arrows';
|
|
7
6
|
import { borderRadius } from '../_styles/borderRadius';
|
|
8
7
|
import { colors } from '../_styles/colors';
|
|
9
8
|
import { getShadow } from '../_styles/shadows';
|
|
10
|
-
var popoverArrowSize = 6;
|
|
11
|
-
export var StyledPopoverContent = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n border-radius: ", "px;\n color: ", ";\n display: inline-block;\n max-width: 250px;\n position: relative;\n\n ", "\n
|
|
12
|
-
var $placement = _a.$placement;
|
|
13
|
-
return getArrowPlacement(popoverArrowSize, 'white', $placement);
|
|
14
|
-
}, function (_a) {
|
|
9
|
+
export var popoverArrowSize = 6;
|
|
10
|
+
export var StyledPopoverContent = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n border-radius: ", "px;\n\n color: ", ";\n display: inline-block;\n max-width: 250px;\n position: relative;\n\n ", "\n"], ["\n background-color: ", ";\n border-radius: ", "px;\n\n color: ", ";\n display: inline-block;\n max-width: 250px;\n position: relative;\n\n ", "\n"])), colors.white, borderRadius.md, colors.gray15, function (_a) {
|
|
15
11
|
var $fluid = _a.$fluid;
|
|
16
12
|
if ($fluid) {
|
|
17
13
|
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n max-width: none;\n "], ["\n max-width: none;\n "])));
|
|
18
14
|
}
|
|
19
15
|
});
|
|
20
|
-
export var StyledPopover = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: inline-block;\n"], ["\n display: inline-block;\n"])));
|
|
16
|
+
export var StyledPopover = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: inline-block;\n ", "\n\n & + [data-overlay-arrow] {\n background: ", ";\n }\n"], ["\n display: inline-block;\n ", "\n\n & + [data-overlay-arrow] {\n background: ", ";\n }\n"])), getShadow(3), colors.white);
|
|
21
17
|
var templateObject_1, templateObject_2, templateObject_3;
|
|
22
18
|
//# sourceMappingURL=Popover.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.styles.js","sourceRoot":"","sources":["../../src/Popover/Popover.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Popover.styles.js","sourceRoot":"","sources":["../../src/Popover/Popover.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAG9C,MAAM,CAAC,IAAM,gBAAgB,GAAG,CAAC,CAAA;AAOjC,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,IAAI,8NAA8B,wBACvD,EAAY,sBACf,EAAe,kBAEvB,EAAa,+EAKpB,EAMD,IACF,KAfqB,MAAM,CAAC,KAAK,EACf,YAAY,CAAC,EAAE,EAEvB,MAAM,CAAC,MAAM,EAKpB,UAAC,EAAU;QAAR,MAAM,YAAA;IACT,IAAI,MAAM,EAAE;QACV,OAAO,GAAG,uGAAA,oCAET,KAAA;KACF;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,qKAAA,gCAEnC,EAAY,oDAGE,EAAY,UAE7B,KALG,SAAS,CAAC,CAAC,CAAC,EAGE,MAAM,CAAC,KAAK,CAE7B,CAAA"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { OverlayTriggerRef } from '../OverlayTrigger/OverlayTrigger';
|
|
2
3
|
import { TriggerVariant } from '../_hooks/Trigger';
|
|
3
4
|
import { Placement } from '../_utils/placement';
|
|
4
5
|
import { Props } from '../_utils/types';
|
|
@@ -38,4 +39,9 @@ export interface PopoverProps extends Props {
|
|
|
38
39
|
* @since 10.19.0
|
|
39
40
|
*/
|
|
40
41
|
trigger?: TriggerVariant;
|
|
42
|
+
/**
|
|
43
|
+
* Toggles overlay visibility
|
|
44
|
+
* @since 11.2.0
|
|
45
|
+
*/
|
|
46
|
+
overlayRef?: React.Ref<OverlayTriggerRef>;
|
|
41
47
|
}
|
|
@@ -18,7 +18,7 @@ export var dataQa = {
|
|
|
18
18
|
};
|
|
19
19
|
export var tableSelectClassName = 'select--table';
|
|
20
20
|
var styledSelectButtonDefaultWidth = 248;
|
|
21
|
-
export var StyledSelectMenu = styled(Card)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n max-height: 40vh;\n max-width: ", "px;\n"], ["\n display: flex;\n max-height: 40vh;\n max-width: ", "px;\n"])), styledSelectButtonDefaultWidth);
|
|
21
|
+
export var StyledSelectMenu = styled(Card)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n max-height: 40vh;\n max-width: ", "px;\n min-width: inherit;\n"], ["\n display: flex;\n max-height: 40vh;\n max-width: ", "px;\n min-width: inherit;\n"])), styledSelectButtonDefaultWidth);
|
|
22
22
|
export var StyledSelectButtonLabel = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n flex-grow: 1;\n margin-right: ", "px;\n outline: none;\n pointer-events: ", ";\n user-select: none;\n"], ["\n ", "\n flex-grow: 1;\n margin-right: ", "px;\n outline: none;\n pointer-events: ", ";\n user-select: none;\n"])), getEllipsis(), spacing.sm, function (_a) {
|
|
23
23
|
var $hoverable = _a.$hoverable;
|
|
24
24
|
return ($hoverable ? 'initial' : 'none');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.styles.js","sourceRoot":"","sources":["../../src/Select/Select.styles.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AACrE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,IAAM,MAAM,GAAG;IACpB,OAAO,EAAE,qBAAqB;IAC9B,OAAO,EAAE,qBAAqB;CAC/B,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,eAAe,CAAA;AACnD,IAAM,8BAA8B,GAAG,GAAG,CAAA;AAE1C,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"Select.styles.js","sourceRoot":"","sources":["../../src/Select/Select.styles.tsx"],"names":[],"mappings":"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"}
|
package/dist/Tabs/Tabs.js
CHANGED
|
@@ -94,10 +94,8 @@ var Tabs_ = React.forwardRef(function Tabs(_a, ref) {
|
|
|
94
94
|
var _d = React.useState([]), tabElements = _d[0], setTabElements = _d[1];
|
|
95
95
|
var _e = React.useState(0), cutoffIndex = _e[0], setCutoffIndex = _e[1];
|
|
96
96
|
var containerRef = React.useRef(null);
|
|
97
|
-
var dropdownRef = React.useRef(null);
|
|
98
97
|
function recalculate() {
|
|
99
98
|
var container = getBoundingRect(containerRef.current);
|
|
100
|
-
var dropdown = getBoundingRect(dropdownRef.current);
|
|
101
99
|
var subtotals = tabElements.reduce(function (acc, el) {
|
|
102
100
|
if (!el) {
|
|
103
101
|
return acc;
|
|
@@ -108,7 +106,7 @@ var Tabs_ = React.forwardRef(function Tabs(_a, ref) {
|
|
|
108
106
|
total: acc.total + rect.width,
|
|
109
107
|
};
|
|
110
108
|
}, { subtotals: new Array(), total: 0 }).subtotals;
|
|
111
|
-
var index = subtotals.findIndex(function (val) { return val >= container.width
|
|
109
|
+
var index = subtotals.findIndex(function (val) { return val >= container.width; });
|
|
112
110
|
setCutoffIndex(index);
|
|
113
111
|
}
|
|
114
112
|
useResize({ onResize: recalculate });
|
|
@@ -139,7 +137,7 @@ var Tabs_ = React.forwardRef(function Tabs(_a, ref) {
|
|
|
139
137
|
});
|
|
140
138
|
}),
|
|
141
139
|
React.createElement(OverlayTrigger, { beforeShow: function () { return setMoreMenuIsShown(true); }, afterHide: function () { return setMoreMenuIsShown(false); }, trigger: "click", placement: "bottom-right", overlay: React.createElement(MoreMenu, null, overflowing), ref: ref },
|
|
142
|
-
React.createElement(StyledDropdownTab, {
|
|
140
|
+
React.createElement(StyledDropdownTab, { active: isOverflowingActive, dark: dark },
|
|
143
141
|
React.createElement(StyledLink, { "data-qa": qa === null || qa === void 0 ? void 0 : qa.more }, i18n.t('core.tabs.more')),
|
|
144
142
|
moreMenuIsShown ? (React.createElement(CaretUp, { size: "sm" })) : (React.createElement(CaretDown, { size: "sm" })))))));
|
|
145
143
|
});
|
package/dist/Tabs/Tabs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/Tabs/Tabs.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/Tabs/Tabs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -23,7 +23,7 @@ export var StyledTieredSelectBreadcrumbs = styled(Breadcrumbs)(templateObject_5
|
|
|
23
23
|
export var StyledTieredSelectHome = styled(Flex)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 20px;\n"], ["\n height: 20px;\n"])));
|
|
24
24
|
export var StyledTieredSelectOption = styled(MenuImperative.Item)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n justify-content: space-between;\n padding: 2px ", "px;\n"], ["\n align-items: center;\n display: flex;\n justify-content: space-between;\n padding: 2px ", "px;\n"])), spacing.lg);
|
|
25
25
|
export var StyledTieredSelectLoadingMore = styled(Flex)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n align-items: center;\n justify-content: center;\n padding: ", "px ", "px 0px ", "px;\n"], ["\n align-items: center;\n justify-content: center;\n padding: ", "px ", "px 0px ", "px;\n"])), spacing.xs, spacing.lg, spacing.lg);
|
|
26
|
-
export var StyledTieredSelectOverlay = styled(Card)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n max-width: 248px;\n"], ["\n max-width: 248px;\n"])));
|
|
26
|
+
export var StyledTieredSelectOverlay = styled(Card)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n max-width: 248px;\n min-width: inherit;\n"], ["\n max-width: 248px;\n min-width: inherit;\n"])));
|
|
27
27
|
export var StyledTieredSelectSpinnerOverlay = styled(Spinner)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n min-height: auto;\n"], ["\n min-height: auto;\n"])));
|
|
28
28
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
|
|
29
29
|
//# sourceMappingURL=TieredSelect.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TieredSelect.styles.js","sourceRoot":"","sources":["../../src/TieredSelect/TieredSelect.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAA;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,cAAc,CAAC,qHAAA,kDAGvD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAC,wGAAA,qCAGjD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,6BAA6B,GAAG,MAAM,CAAC,MAAM,CAAC,yGAAA,sCAE1D,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,6BAA6B,GAAG,MAAM,CAAC,WAAW,CAAC,4NAE9D,wBACoB,EAAa,uCAEnB,EAAU,4DAGb,EAAU,KAAM,EAAU,WAEnC,EAOD,IACF,KAfqB,MAAM,CAAC,MAAM,EAEnB,OAAO,CAAC,EAAE,EAGb,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EAEnC,UAAC,EAAmB;QAAjB,eAAe,qBAAA;IAClB,IAAI,eAAe,EAAE;QACnB,OAAO,GAAG,yIAAA,wBACM,EAAU,4CAEzB,KAFe,OAAO,CAAC,EAAE,EAEzB;KACF;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAC,wFAAA,qBAEjD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,wBAAwB,GAAG,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,4KAAA,gGAIlD,EAAU,OAC1B,KADgB,OAAO,CAAC,EAAE,CAC1B,CAAA;AAED,MAAM,CAAC,IAAM,6BAA6B,GAAG,MAAM,CAAC,IAAI,CAAC,iKAAA,mEAG5C,EAAU,KAAM,EAAU,SAAU,EAAU,OAC1D,KADY,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EAAU,OAAO,CAAC,EAAE,CAC1D,CAAA;AAED,MAAM,CAAC,IAAM,yBAAyB,GAAG,MAAM,CAAC,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"TieredSelect.styles.js","sourceRoot":"","sources":["../../src/TieredSelect/TieredSelect.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAA;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,cAAc,CAAC,qHAAA,kDAGvD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAC,wGAAA,qCAGjD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,6BAA6B,GAAG,MAAM,CAAC,MAAM,CAAC,yGAAA,sCAE1D,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,6BAA6B,GAAG,MAAM,CAAC,WAAW,CAAC,4NAE9D,wBACoB,EAAa,uCAEnB,EAAU,4DAGb,EAAU,KAAM,EAAU,WAEnC,EAOD,IACF,KAfqB,MAAM,CAAC,MAAM,EAEnB,OAAO,CAAC,EAAE,EAGb,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EAEnC,UAAC,EAAmB;QAAjB,eAAe,qBAAA;IAClB,IAAI,eAAe,EAAE;QACnB,OAAO,GAAG,yIAAA,wBACM,EAAU,4CAEzB,KAFe,OAAO,CAAC,EAAE,EAEzB;KACF;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAC,wFAAA,qBAEjD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,wBAAwB,GAAG,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,4KAAA,gGAIlD,EAAU,OAC1B,KADgB,OAAO,CAAC,EAAE,CAC1B,CAAA;AAED,MAAM,CAAC,IAAM,6BAA6B,GAAG,MAAM,CAAC,IAAI,CAAC,iKAAA,mEAG5C,EAAU,KAAM,EAAU,SAAU,EAAU,OAC1D,KADY,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EAAU,OAAO,CAAC,EAAE,CAC1D,CAAA;AAED,MAAM,CAAC,IAAM,yBAAyB,GAAG,MAAM,CAAC,IAAI,CAAC,mHAAA,gDAGpD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,gCAAgC,GAAG,MAAM,CAAC,OAAO,CAAC,8FAAA,yBAE9D,IAAA,CAAA"}
|
package/dist/Tooltip/Tooltip.js
CHANGED
|
@@ -25,9 +25,9 @@ import { OverlayTrigger } from '../OverlayTrigger';
|
|
|
25
25
|
import { addSubcomponents } from '../_utils/addSubcomponents';
|
|
26
26
|
import { StyledContainer, StyledTooltip } from './Tooltip.styles';
|
|
27
27
|
var Content = React.forwardRef(function Content(_a, ref) {
|
|
28
|
-
var children = _a.children,
|
|
28
|
+
var children = _a.children, props = __rest(_a, ["children"]);
|
|
29
29
|
return (React.createElement(StyledContainer, { ref: ref },
|
|
30
|
-
React.createElement(StyledTooltip, __assign({}, props
|
|
30
|
+
React.createElement(StyledTooltip, __assign({}, props), children)));
|
|
31
31
|
});
|
|
32
32
|
/**
|
|
33
33
|
|
|
@@ -49,7 +49,7 @@ var Content = React.forwardRef(function Content(_a, ref) {
|
|
|
49
49
|
var Tooltip_ = React.forwardRef(function Tooltip(_a, ref) {
|
|
50
50
|
var children = _a.children, _b = _a.initialIsVisible, initialIsVisible = _b === void 0 ? false : _b, overlay = _a.overlay, _c = _a.placement, placement = _c === void 0 ? 'top' : _c, _d = _a.trigger, trigger = _d === void 0 ? 'hover' : _d, props = __rest(_a, ["children", "initialIsVisible", "overlay", "placement", "trigger"]);
|
|
51
51
|
var overlayNode = React.isValidElement(overlay) ? (React.cloneElement(overlay, { placement: placement })) : (React.createElement(Content, { placement: placement }, overlay));
|
|
52
|
-
return (React.createElement(OverlayTrigger, __assign({}, __assign(__assign({}, props), { initialIsVisible: initialIsVisible, overlay: overlayNode, placement: placement, ref: ref, restoreFocusOnHide: false, trigger: trigger, shrinkOverlay: true })), children));
|
|
52
|
+
return (React.createElement(OverlayTrigger, __assign({}, __assign(__assign({}, props), { initialIsVisible: initialIsVisible, overlay: overlayNode, placement: placement, ref: ref, restoreFocusOnHide: false, trigger: trigger, shrinkOverlay: true, arrow: true })), children));
|
|
53
53
|
});
|
|
54
54
|
Tooltip_.displayName = 'Tooltip';
|
|
55
55
|
Content.displayName = 'Tooltip.Content';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAuB,MAAM,mBAAmB,CAAA;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAGjE,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAC9B,SAAS,OAAO,CAAC,
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAuB,MAAM,mBAAmB,CAAA;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAGjE,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAC9B,SAAS,OAAO,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACnC,OAAO,CACL,oBAAC,eAAe,IAAC,GAAG,EAAE,GAAG;QACvB,oBAAC,aAAa,eAAK,KAAK,GAAG,QAAQ,CAAiB,CACpC,CACnB,CAAA;AACH,CAAC,CACF,CAAA;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,SAAS,OAAO,CAChB,EAOC,EACD,GAAG;IAPD,IAAA,QAAQ,cAAA,EACR,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EACxB,OAAO,aAAA,EACP,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,eAAiB,EAAjB,OAAO,mBAAG,OAAO,KAAA,EACd,KAAK,cANV,mEAOC,CADS;IAIV,IAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAClD,KAAK,CAAC,YAAY,CAAC,OAA6B,EAAE,EAAE,SAAS,WAAA,EAAE,CAAC,CACjE,CAAC,CAAC,CAAC,CACF,oBAAC,OAAO,IAAC,SAAS,EAAE,SAAS,IAAG,OAAO,CAAW,CACnD,CAAA;IAED,OAAO,CACL,oBAAC,cAAc,qCAER,KAAK,KACR,gBAAgB,kBAAA,EAChB,OAAO,EAAE,WAAW,EACpB,SAAS,WAAA,EACT,GAAG,KAAA,EACH,kBAAkB,EAAE,KAAK,EACzB,OAAO,SAAA,EACP,aAAa,EAAE,IAAI,EACnB,KAAK,EAAE,IAAI,MAGZ,QAAQ,CACM,CAClB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAA;AAEhC,OAAO,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAEvC,MAAM,CAAC,IAAM,OAAO,GAAG,gBAAgB,CACrC;IACE,OAAO,SAAA;CACR,EACD,QAAQ,CACT,CAAA"}
|
|
@@ -1,5 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const StyledTooltip: import("styled-components").StyledComponent<"span", any, {
|
|
3
|
-
$placement: Placement;
|
|
4
|
-
}, never>;
|
|
1
|
+
export declare const StyledTooltip: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
5
2
|
export declare const StyledContainer: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
@@ -4,15 +4,11 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
4
4
|
};
|
|
5
5
|
import styled from 'styled-components';
|
|
6
6
|
import { getTypographyIntent } from '../Typography/Typography.styles';
|
|
7
|
-
import { getArrowPlacement } from '../_styles/arrows';
|
|
8
7
|
import { borderRadius } from '../_styles/borderRadius';
|
|
9
8
|
import { colors } from '../_styles/colors';
|
|
10
9
|
import { getShadow } from '../_styles/shadows';
|
|
11
10
|
import { spacing } from '../_styles/spacing';
|
|
12
|
-
export var StyledTooltip = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n
|
|
13
|
-
|
|
14
|
-
return getArrowPlacement(6, 'gray15', $placement);
|
|
15
|
-
}, getShadow(3, 'bottom'), getTypographyIntent('small'), colors.gray15, borderRadius.md, colors.white, spacing.sm, spacing.md);
|
|
16
|
-
export var StyledContainer = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: inline-flex;\n"], ["\n display: inline-flex;\n"])));
|
|
11
|
+
export var StyledTooltip = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n color: ", ";\n max-width: 200px;\n padding: ", "px ", "px;\n position: relative;\n\n // for IE11, use word-wrap property\n word-wrap: break-word;\n overflow-wrap: break-word;\n white-space: normal;\n"], ["\n ", "\n color: ", ";\n max-width: 200px;\n padding: ", "px ", "px;\n position: relative;\n\n // for IE11, use word-wrap property\n word-wrap: break-word;\n overflow-wrap: break-word;\n white-space: normal;\n"])), getTypographyIntent('small'), colors.white, spacing.sm, spacing.md);
|
|
12
|
+
export var StyledContainer = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: inline-flex;\n background-color: ", ";\n border-radius: ", "px;\n ", "\n\n & + [data-overlay-arrow] {\n background: ", ";\n }\n"], ["\n display: inline-flex;\n background-color: ", ";\n border-radius: ", "px;\n ", "\n\n & + [data-overlay-arrow] {\n background: ", ";\n }\n"])), colors.gray15, borderRadius.md, getShadow(3, 'bottom'), colors.gray15);
|
|
17
13
|
var templateObject_1, templateObject_2;
|
|
18
14
|
//# sourceMappingURL=Tooltip.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.styles.js","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AACrE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Tooltip.styles.js","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,IAAI,+RAAA,MACpC,EAA4B,aACrB,EAAY,qCAEV,EAAU,KAAM,EAAU,uJAOtC,KAVG,mBAAmB,CAAC,OAAO,CAAC,EACrB,MAAM,CAAC,KAAK,EAEV,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,CAOtC,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,IAAI,yNAAA,iDAEpB,EAAa,sBAChB,EAAe,SAC9B,EAAsB,oDAGR,EAAa,UAE9B,KAPqB,MAAM,CAAC,MAAM,EAChB,YAAY,CAAC,EAAE,EAC9B,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,EAGR,MAAM,CAAC,MAAM,CAE9B,CAAA"}
|
package/dist/Tree/Tree.js
CHANGED
|
@@ -23,9 +23,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
23
23
|
import { File, Folder } from '@procore/core-icons/dist';
|
|
24
24
|
import React from 'react';
|
|
25
25
|
import { areEqual, FixedSizeList } from 'react-window';
|
|
26
|
-
import { Overlay } from '../Overlay/Overlay';
|
|
27
26
|
import { Spinner } from '../Spinner/Spinner';
|
|
28
|
-
import { Tooltip } from '../Tooltip
|
|
27
|
+
import { Tooltip } from '../Tooltip';
|
|
29
28
|
import { useI18nContext } from '../_hooks/I18n';
|
|
30
29
|
import { useIntersectionObserver } from '../_hooks/IntersectionObserver';
|
|
31
30
|
import { useResizeObserver } from '../_hooks/ResizeObserver';
|
|
@@ -316,12 +315,6 @@ var TreeRowName = function (_a) {
|
|
|
316
315
|
var value = _a.value;
|
|
317
316
|
return (React.createElement(StyledFilenameCaption, null, value));
|
|
318
317
|
};
|
|
319
|
-
var TreeRowOverlay = function (_a) {
|
|
320
|
-
var _b = _a.message, key = _b.key, _c = _b.options, options = _c === void 0 ? {} : _c, props = __rest(_a, ["message"]);
|
|
321
|
-
var I18n = useI18nContext();
|
|
322
|
-
return (React.createElement(Overlay, __assign({}, __assign(__assign({}, props), { placement: 'top-left' })),
|
|
323
|
-
React.createElement(Tooltip.Content, null, I18n.t("core.tree.".concat(key), options))));
|
|
324
|
-
};
|
|
325
318
|
var getSelectionLimitMessage = function (selectionLimit) { return ({
|
|
326
319
|
key: 'selectionLimit',
|
|
327
320
|
options: {
|
|
@@ -340,8 +333,8 @@ var getUnsupportedFileTypeMessage = function (fileName) {
|
|
|
340
333
|
};
|
|
341
334
|
var TreeRowTooltip = function (_a) {
|
|
342
335
|
var children = _a.children, isFocused = _a.isHighlighted, isFileLimitReached = _a.isFileLimitReached, isSelectable = _a.isSelectable, isSelected = _a.isSelected, nodeType = _a.nodeType, selectionLimit = _a.selectionLimit, shouldShowTooltip = _a.shouldShowTooltip, isMouseOver = _a.isMouseOver, fileName = _a.fileName, treeContainer = _a.treeContainer;
|
|
336
|
+
var I18n = useI18nContext();
|
|
343
337
|
var rowRef = React.useRef(null);
|
|
344
|
-
var overlayRef = React.useRef(null);
|
|
345
338
|
var isUserInteracting = isFocused || isMouseOver;
|
|
346
339
|
var isTooltipVisible = isUserInteracting && shouldShowTooltip && !isSelected;
|
|
347
340
|
var isFile = nodeType === 'leaf';
|
|
@@ -360,11 +353,14 @@ var TreeRowTooltip = function (_a) {
|
|
|
360
353
|
rootMargin: '0px',
|
|
361
354
|
threshold: intersectionThresholds,
|
|
362
355
|
});
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
356
|
+
var selectionLimitMessage = getSelectionLimitMessage(selectionLimit);
|
|
357
|
+
var unsupportedFileTypeMessage = getUnsupportedFileTypeMessage(fileName);
|
|
358
|
+
var message = isSelectable
|
|
359
|
+
? isFileLimitReached && selectionLimitMessage
|
|
360
|
+
: isFile && unsupportedFileTypeMessage;
|
|
361
|
+
var trigger = isTooltipVisible && !isCropped && message ? 'always' : 'none';
|
|
362
|
+
return (React.createElement(Tooltip, { trigger: trigger, overlay: message ? I18n.t("core.tree.".concat(message.key), message.options) : null, placement: "top-left" },
|
|
363
|
+
React.createElement("div", { ref: mergeRefs(rowRef, registerRowEl) }, children)));
|
|
368
364
|
};
|
|
369
365
|
var TreeRowContainer = function (_a) {
|
|
370
366
|
var children = _a.children, isHighlighted = _a.isHighlighted, isSelected = _a.isSelected, isSelectable = _a.isSelectable, isExpandable = _a.isExpandable, isFileLimitReached = _a.isFileLimitReached, level = _a.level, props = __rest(_a, ["children", "isHighlighted", "isSelected", "isSelectable", "isExpandable", "isFileLimitReached", "level"]);
|