@procore/core-react 11.3.0-rc.1 → 11.3.0-rc.10
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/__mocks__/@react-aria/utils.js +10 -0
- 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/DateSelect/DateSelect.types.d.ts +1 -1
- package/dist/Dropdown/Dropdown.js +3 -2
- 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/Dropdown/Dropdown.types.d.ts +1 -1
- package/dist/DropdownFlyout/DropdownFlyout.d.ts +2 -2
- package/dist/DropdownFlyout/DropdownFlyout.js +73 -55
- package/dist/DropdownFlyout/DropdownFlyout.js.map +1 -1
- package/dist/DropdownFlyout/DropdownFlyout.types.d.ts +7 -73
- 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/MenuImperative/MenuImperative.js +45 -10
- package/dist/MenuImperative/MenuImperative.js.map +1 -1
- package/dist/MenuImperative/MenuImperative.types.d.ts +12 -0
- package/dist/MultiSelect/MultiSelect.js +1 -1
- package/dist/MultiSelect/MultiSelect.js.map +1 -1
- package/dist/NextMenu/NextMenu.d.ts +8 -4
- package/dist/NextMenu/NextMenu.js +51 -14
- 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/NextMenu.types.d.ts +34 -8
- package/dist/NextMenu/NextMenuItem.js +19 -4
- package/dist/NextMenu/NextMenuItem.js.map +1 -1
- package/dist/NextMenu/sampleData.d.ts +1 -0
- package/dist/NextMenu/sampleData.js +26 -0
- package/dist/NextMenu/sampleData.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 +14 -63
- package/dist/OverlayTrigger/OverlayTrigger.js +111 -49
- package/dist/OverlayTrigger/OverlayTrigger.js.map +1 -1
- package/dist/OverlayTrigger/OverlayTrigger.types.d.ts +92 -0
- package/dist/OverlayTrigger/OverlayTrigger.types.js +2 -0
- package/dist/OverlayTrigger/OverlayTrigger.types.js.map +1 -0
- package/dist/OverlayTrigger/a11yPresets.d.ts +14 -0
- package/dist/OverlayTrigger/a11yPresets.js +58 -0
- package/dist/OverlayTrigger/a11yPresets.js.map +1 -0
- package/dist/OverlayTrigger/index.d.ts +2 -1
- package/dist/OverlayTrigger/index.js.map +1 -1
- package/dist/Pagination/PaginationSelect.js +1 -1
- package/dist/Pagination/PaginationSelect.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.js +1 -1
- package/dist/Select/Select.js.map +1 -1
- package/dist/Select/Select.styles.js +1 -1
- package/dist/Select/Select.styles.js.map +1 -1
- package/dist/Spinner/Spinner.js +2 -2
- package/dist/Spinner/Spinner.js.map +1 -1
- package/dist/Spinner/Spinner.styles.d.ts +1 -0
- package/dist/Spinner/Spinner.styles.js +8 -3
- package/dist/Spinner/Spinner.styles.js.map +1 -1
- package/dist/Spinner/Spinner.types.d.ts +6 -0
- package/dist/Tabs/Tabs.js +3 -5
- package/dist/Tabs/Tabs.js.map +1 -1
- package/dist/TieredDropdown/TieredDropdown.js +5 -5
- package/dist/TieredDropdown/TieredDropdown.js.map +1 -1
- package/dist/TieredSelect/TierSelectionTieredSelect.js +1 -1
- package/dist/TieredSelect/TierSelectionTieredSelect.js.map +1 -1
- package/dist/TieredSelect/TieredSelect.styles.js +1 -1
- package/dist/TieredSelect/TieredSelect.styles.js.map +1 -1
- package/dist/TieredSelect/TieredSelectMenu.js +1 -1
- package/dist/TieredSelect/TieredSelectMenu.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/DateTime/DateTime.d.ts +1 -0
- package/dist/_hooks/DateTime/DateTime.js +1 -0
- package/dist/_hooks/DateTime/DateTime.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 +19 -19
- 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 +51 -81
- 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 +700 -700
- 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 +77 -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 +1 -188
- 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 +18 -8
- package/dist/_typedoc/Switch/Switch.types.json +3 -3
- package/dist/_typedoc/Table/Table.types.json +100 -100
- 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 +5 -2
|
@@ -1,5 +1,16 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Small Sample Size: Planets */
|
|
3
|
+
var __assign = (this && this.__assign) || function () {
|
|
4
|
+
__assign = Object.assign || function(t) {
|
|
5
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
6
|
+
s = arguments[i];
|
|
7
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
8
|
+
t[p] = s[p];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
return __assign.apply(this, arguments);
|
|
13
|
+
};
|
|
3
14
|
export var planets = [
|
|
4
15
|
{ name: 'Mercury', groupId: 'group_1' },
|
|
5
16
|
{ name: 'Venus', groupId: 'group_1' },
|
|
@@ -164,4 +175,19 @@ export var veggies = [
|
|
|
164
175
|
{ name: 'Spaghetti squash', category: 9 },
|
|
165
176
|
{ name: 'Zucchini', category: 9 },
|
|
166
177
|
];
|
|
178
|
+
export var getALotOfVeggies = function (times) {
|
|
179
|
+
if (times === void 0) { times = 10; }
|
|
180
|
+
var veggiesPile = [];
|
|
181
|
+
var _loop_1 = function (i) {
|
|
182
|
+
veggies.forEach(function (veg) {
|
|
183
|
+
var newVeg = __assign({}, veg);
|
|
184
|
+
newVeg.name = "".concat(veg.name, "-").concat(i);
|
|
185
|
+
veggiesPile.push(newVeg);
|
|
186
|
+
});
|
|
187
|
+
};
|
|
188
|
+
for (var i = 0; i < times; i++) {
|
|
189
|
+
_loop_1(i);
|
|
190
|
+
}
|
|
191
|
+
return veggiesPile;
|
|
192
|
+
};
|
|
167
193
|
//# sourceMappingURL=sampleData.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sampleData.js","sourceRoot":"","sources":["../../src/NextMenu/sampleData.ts"],"names":[],"mappings":"AAAA;gCACgC
|
|
1
|
+
{"version":3,"file":"sampleData.js","sourceRoot":"","sources":["../../src/NextMenu/sampleData.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Overlay.js","sourceRoot":"","sources":["../../src/Overlay/Overlay.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,MAAM,EAAe,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"Overlay.js","sourceRoot":"","sources":["../../src/Overlay/Overlay.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,MAAM,EAAe,MAAM,kBAAkB,CAAA;AAetD;;;GAGG;AACH,MAAM,CAAC,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CACrC,SAAS,OAAO,CACd,EASC,EACD,UAAU;QATR,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACd,QAAQ,cAAA,EACR,eAAW,EAAX,OAAO,mBAAG,CAAC,KAAA,EACX,iBAAoB,EAApB,SAAS,mBAAG,QAAQ,KAAA,EACpB,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,SAAS,eAAA,EACT,SAAS,eAAA,EACT,QAAQ,cAAA;IAIV,IAAM,GAAG;IACP,sDAAsD;IACrD,UAA2C,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAEpE,OAAO,CACL,oBAAC,MAAM,IAAC,SAAS,EAAE,SAAS;QAC1B,oBAAC,MAAM,eACD;YACF,OAAO,SAAA;YACP,YAAY,EAAE,CAAC,QAAQ,CAAC;YACxB,QAAQ,EAAE,UAAC,MAAM;gBACf,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE;oBAChB,OAAM;iBACP;gBAED,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;gBACpC,IAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;gBAElC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,kCAA2B,IAAI,iBAAO,GAAG,QAAK,CAAA;YAC9E,CAAC;YACD,UAAU,EAAE,GAAG;YACf,OAAO,SAAA;YACP,SAAS,WAAA;YACT,SAAS,WAAA;YACT,aAAa,eAAA;YACb,QAAQ,UAAA;SACT,GAEA,QAAQ,CACF,CACF,CACV,CAAA;AACH,CAAC,CACF,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { MiddlewareData } from '@floating-ui/react-dom';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { OverlayPlacement } from './useOverlay';
|
|
4
|
+
interface ArrowProps {
|
|
5
|
+
placement: OverlayPlacement;
|
|
6
|
+
x?: number;
|
|
7
|
+
y?: number;
|
|
8
|
+
arrow: MiddlewareData['arrow'];
|
|
9
|
+
}
|
|
10
|
+
export declare const Arrow: React.ForwardRefExoticComponent<ArrowProps & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { arrowSize, StyledArrow } from './OverlayArrow.styles';
|
|
3
|
+
export var Arrow = React.forwardRef(function Arrow(_a, ref) {
|
|
4
|
+
var _b;
|
|
5
|
+
var _c, _d;
|
|
6
|
+
var placement = _a.placement, arrow = _a.arrow;
|
|
7
|
+
var staticSide = {
|
|
8
|
+
top: 'bottom',
|
|
9
|
+
right: 'left',
|
|
10
|
+
bottom: 'top',
|
|
11
|
+
left: 'right',
|
|
12
|
+
}[placement.split('-')[0]];
|
|
13
|
+
var arrowX = (_c = arrow === null || arrow === void 0 ? void 0 : arrow.x) !== null && _c !== void 0 ? _c : null;
|
|
14
|
+
var arrowY = (_d = arrow === null || arrow === void 0 ? void 0 : arrow.y) !== null && _d !== void 0 ? _d : null;
|
|
15
|
+
return (React.createElement(StyledArrow, { ref: ref, style: (_b = {
|
|
16
|
+
position: 'absolute',
|
|
17
|
+
left: arrowX !== null ? "".concat(arrowX, "px") : undefined,
|
|
18
|
+
top: arrowY !== null ? "".concat(arrowY, "px") : undefined,
|
|
19
|
+
right: '',
|
|
20
|
+
bottom: ''
|
|
21
|
+
},
|
|
22
|
+
_b[staticSide] = "-".concat(arrowSize / 2, "px"),
|
|
23
|
+
_b), "data-overlay-arrow": true }));
|
|
24
|
+
});
|
|
25
|
+
//# sourceMappingURL=OverlayArrow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OverlayArrow.js","sourceRoot":"","sources":["../../src/Overlay/OverlayArrow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAU9D,MAAM,CAAC,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CACnC,SAAS,KAAK,CAAC,EAAoB,EAAE,GAAG;;;QAAvB,SAAS,eAAA,EAAE,KAAK,WAAA;IAC/B,IAAM,UAAU,GAAG;QACjB,GAAG,EAAE,QAAQ;QACb,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,OAAO;KACd,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAE1B,IAAM,MAAM,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,CAAC,mCAAI,IAAI,CAAA;IAC/B,IAAM,MAAM,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,CAAC,mCAAI,IAAI,CAAA;IAE/B,OAAO,CACL,oBAAC,WAAW,IACV,GAAG,EAAE,GAAG,EACR,KAAK;gBACH,QAAQ,EAAE,UAAU;gBACpB,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,UAAG,MAAM,OAAI,CAAC,CAAC,CAAC,SAAS;gBACjD,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,UAAG,MAAM,OAAI,CAAC,CAAC,CAAC,SAAS;gBAChD,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,EAAE;;YACV,GAAC,UAAoB,IAAG,WAAI,SAAS,GAAG,CAAC,OAAI;8CAG/C,CACH,CAAA;AACH,CAAC,CACF,CAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
+
return cooked;
|
|
4
|
+
};
|
|
5
|
+
import styled from 'styled-components';
|
|
6
|
+
export var arrowSize = 8;
|
|
7
|
+
export var StyledArrow = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n background: inherit;\n width: ", "px;\n height: ", "px;\n transform: rotate(45deg);\n"], ["\n position: absolute;\n background: inherit;\n width: ", "px;\n height: ", "px;\n transform: rotate(45deg);\n"])), arrowSize, arrowSize);
|
|
8
|
+
var templateObject_1;
|
|
9
|
+
//# sourceMappingURL=OverlayArrow.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OverlayArrow.styles.js","sourceRoot":"","sources":["../../src/Overlay/OverlayArrow.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,IAAM,SAAS,GAAG,CAAC,CAAA;AAE1B,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,wLAAA,4DAG1B,EAAS,iBACR,EAAS,oCAEpB,KAHU,SAAS,EACR,SAAS,CAEpB,CAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Middleware, MiddlewareData, offset, Placement as FloatingPlacement, ReferenceType } from '@floating-ui/react-dom';
|
|
2
|
+
import { CSSProperties } from 'react';
|
|
3
|
+
import { Placement } from '../_utils/placement';
|
|
4
|
+
export declare type OverlayOffsetValue = Parameters<typeof offset>[0];
|
|
5
|
+
export declare type OverlayRefType = (node: HTMLElement | null) => void;
|
|
6
|
+
export declare type ReferenceRefType = (node: ReferenceType | null) => void;
|
|
7
|
+
export declare type OverlayMiddleware = Middleware;
|
|
8
|
+
export declare type OverlayPlacement = FloatingPlacement;
|
|
9
|
+
export declare function useOverlay({ placement, middleware, }: {
|
|
10
|
+
placement: Placement;
|
|
11
|
+
middleware?: Middleware[];
|
|
12
|
+
}): {
|
|
13
|
+
overlayRef: (node: HTMLElement | null) => void;
|
|
14
|
+
referenceRef: (node: ReferenceType | null) => void;
|
|
15
|
+
overlayStyle: CSSProperties;
|
|
16
|
+
middlewareData: MiddlewareData;
|
|
17
|
+
placement: OverlayPlacement;
|
|
18
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { autoUpdate, useFloating, } from '@floating-ui/react-dom';
|
|
2
|
+
import { getPlacement } from '../_utils/placement';
|
|
3
|
+
export function useOverlay(_a) {
|
|
4
|
+
var placement = _a.placement, middleware = _a.middleware;
|
|
5
|
+
var _b = useFloating({
|
|
6
|
+
strategy: 'fixed',
|
|
7
|
+
whileElementsMounted: autoUpdate,
|
|
8
|
+
placement: getPlacement(placement),
|
|
9
|
+
middleware: middleware,
|
|
10
|
+
}), middlewareData = _b.middlewareData, currentPlacement = _b.placement, referenceRef = _b.reference, overlayRef = _b.floating, x = _b.x, y = _b.y, strategy = _b.strategy;
|
|
11
|
+
return {
|
|
12
|
+
overlayStyle: {
|
|
13
|
+
left: "".concat(x, "px"),
|
|
14
|
+
top: "".concat(y, "px"),
|
|
15
|
+
position: strategy,
|
|
16
|
+
},
|
|
17
|
+
overlayRef: overlayRef,
|
|
18
|
+
referenceRef: referenceRef,
|
|
19
|
+
middlewareData: middlewareData,
|
|
20
|
+
placement: currentPlacement,
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=useOverlay.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useOverlay.js","sourceRoot":"","sources":["../../src/Overlay/useOverlay.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAMV,WAAW,GACZ,MAAM,wBAAwB,CAAA;AAE/B,OAAO,EAAE,YAAY,EAAa,MAAM,qBAAqB,CAAA;AAY7D,MAAM,UAAU,UAAU,CAAC,EAM1B;QALC,SAAS,eAAA,EACT,UAAU,gBAAA;IAWJ,IAAA,KAQF,WAAW,CAAC;QACd,QAAQ,EAAE,OAAO;QACjB,oBAAoB,EAAE,UAAU;QAChC,SAAS,EAAE,YAAY,CAAC,SAAS,CAAC;QAClC,UAAU,YAAA;KACX,CAAC,EAZA,cAAc,oBAAA,EACH,gBAAgB,eAAA,EAChB,YAAY,eAAA,EACb,UAAU,cAAA,EACpB,CAAC,OAAA,EACD,CAAC,OAAA,EACD,QAAQ,cAMR,CAAA;IACF,OAAO;QACL,YAAY,EAAE;YACZ,IAAI,EAAE,UAAG,CAAC,OAAI;YACd,GAAG,EAAE,UAAG,CAAC,OAAI;YACb,QAAQ,EAAE,QAAQ;SACnB;QACD,UAAU,YAAA;QACV,YAAY,cAAA;QACZ,cAAc,gBAAA;QACd,SAAS,EAAE,gBAAgB;KAC5B,CAAA;AACH,CAAC"}
|
|
@@ -1,67 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { TriggerRenderProps } from '../_hooks/Trigger';
|
|
5
|
-
import { VisibilityConfig } from '../_hooks/Visibility';
|
|
6
|
-
declare type PickedOverlayProps = Pick<OverlayProps, 'canFlip' | 'padding' | 'placement' | 'shrinkOverlay'>;
|
|
7
|
-
declare type PickedTriggerProps = Pick<TriggerRenderProps, 'children' | 'trigger'>;
|
|
8
|
-
declare type PickedTriggerRenderProps = Pick<TriggerRenderProps, 'children'>;
|
|
9
|
-
declare type PickedVisibilityProps = Pick<VisibilityConfig, 'afterHide' | 'afterShow' | 'initialIsVisible'>;
|
|
10
|
-
export interface OverlayTriggerProps extends PickedOverlayProps, PickedTriggerProps, PickedTriggerRenderProps, PickedVisibilityProps {
|
|
11
|
-
/**
|
|
12
|
-
* <div>
|
|
13
|
-
* The callback to run before the overlay is hidden. Returning
|
|
14
|
-
* <Code>false</Code> will prevent hiding.
|
|
15
|
-
* </div>
|
|
16
|
-
* <CodeBlock>(e: event) => boolean | Promise | undefined</CodeBlock>
|
|
17
|
-
* @since 10.19.0
|
|
18
|
-
*/
|
|
19
|
-
beforeHide?: BeforeCallback;
|
|
20
|
-
/**
|
|
21
|
-
* <div>
|
|
22
|
-
* The callback to run before the overlay is shown. Returning
|
|
23
|
-
* <Code>false</Code> will prevent showing.
|
|
24
|
-
* </div>
|
|
25
|
-
* <CodeBlock>(e: event) => boolean | Promise | undefined</CodeBlock>
|
|
26
|
-
* @since 10.19.0
|
|
27
|
-
*/
|
|
28
|
-
beforeShow?: BeforeCallback;
|
|
29
|
-
/**
|
|
30
|
-
* Additional refs to check for clickOutside behavior
|
|
31
|
-
* @since 10.19.0
|
|
32
|
-
*/
|
|
33
|
-
clickOutsideIgnoreRefs?: React.RefObject<HTMLElement>[];
|
|
34
|
-
/**
|
|
35
|
-
* The delay when hiding the overlay
|
|
36
|
-
* @since 10.19.0
|
|
37
|
-
*/
|
|
38
|
-
hideDelay?: number;
|
|
39
|
-
hideKeys?: {
|
|
40
|
-
/**
|
|
41
|
-
* Keys to hide the overlay when the overlay is focused
|
|
42
|
-
* @since 10.19.0
|
|
43
|
-
*/
|
|
44
|
-
overlay: string[];
|
|
45
|
-
target: string[];
|
|
46
|
-
};
|
|
47
|
-
overlay: React.ReactNode;
|
|
48
|
-
/**
|
|
49
|
-
* Restore focus to the target after the overlay is hidden
|
|
50
|
-
* @default true
|
|
51
|
-
* @since 10.19.0
|
|
52
|
-
*/
|
|
53
|
-
restoreFocusOnHide?: boolean;
|
|
54
|
-
/**
|
|
55
|
-
* The delay when showing the overlay
|
|
56
|
-
* @since 10.19.0
|
|
57
|
-
*/
|
|
58
|
-
showDelay?: number;
|
|
59
|
-
/**
|
|
60
|
-
* Keys to show the overlay when the target is focused
|
|
61
|
-
* @since 10.19.0
|
|
62
|
-
*/
|
|
63
|
-
showKeys?: string[];
|
|
64
|
-
}
|
|
2
|
+
import { Placement } from '../_utils/placement';
|
|
3
|
+
import { OverlayTriggerProps, OverlayTriggerRole } from './OverlayTrigger.types';
|
|
65
4
|
/**
|
|
66
5
|
|
|
67
6
|
@since 10.19.0
|
|
@@ -78,4 +17,16 @@ export declare function useOverlayTriggerContext(): {
|
|
|
78
17
|
show: (event: any) => any;
|
|
79
18
|
toggle: (event: any) => any;
|
|
80
19
|
};
|
|
20
|
+
interface TriggerOverlayProps {
|
|
21
|
+
placement: Placement;
|
|
22
|
+
canFlip?: boolean;
|
|
23
|
+
arrow?: boolean;
|
|
24
|
+
padding: number;
|
|
25
|
+
shrinkOverlay: boolean;
|
|
26
|
+
overlay: React.ReactNode;
|
|
27
|
+
referenceElement: HTMLElement | null;
|
|
28
|
+
role?: OverlayTriggerRole;
|
|
29
|
+
overlayId: string;
|
|
30
|
+
}
|
|
31
|
+
export declare const TriggerOverlay: React.ForwardRefExoticComponent<TriggerOverlayProps & React.RefAttributes<HTMLElement>>;
|
|
81
32
|
export {};
|
|
@@ -18,12 +18,19 @@ 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';
|
|
22
|
+
import { useId } from '@react-aria/utils';
|
|
21
23
|
import React from 'react';
|
|
22
|
-
import {
|
|
24
|
+
import { Arrow } from '../Overlay/OverlayArrow';
|
|
25
|
+
import { arrowSize } from '../Overlay/OverlayArrow.styles';
|
|
26
|
+
import { useOverlay } from '../Overlay/useOverlay';
|
|
27
|
+
import { Portal } from '../Portal';
|
|
23
28
|
import { useClickOutside } from '../_hooks/ClickOutside';
|
|
24
|
-
import { DelayedToggleContext,
|
|
25
|
-
import { Trigger } from '../_hooks/Trigger';
|
|
29
|
+
import { DelayedToggleContext, useDelayedToggle, useDelayedToggleContext, } from '../_hooks/DelayedToggle';
|
|
30
|
+
import { Trigger, useTrigger } from '../_hooks/Trigger';
|
|
26
31
|
import { useVisibility } from '../_hooks/Visibility';
|
|
32
|
+
import { mergeRefs } from '../_utils/mergeRefs';
|
|
33
|
+
import { getA11yPreset } from './a11yPresets';
|
|
27
34
|
var ClickOutside = function (_a) {
|
|
28
35
|
var onClickOutside = _a.onClickOutside, refs = _a.refs;
|
|
29
36
|
useClickOutside({
|
|
@@ -40,21 +47,27 @@ var ClickOutside = function (_a) {
|
|
|
40
47
|
|
|
41
48
|
*/
|
|
42
49
|
export var OverlayTrigger = React.forwardRef(function OverlayTrigger(_a, ref) {
|
|
43
|
-
var _b
|
|
50
|
+
var _b;
|
|
51
|
+
var _c = _a.afterHide, afterHide = _c === void 0 ? function () { } : _c, _d = _a.afterShow, afterShow = _d === void 0 ? function () { } : _d, _e = _a.beforeHide, beforeHide = _e === void 0 ? function () { return true; } : _e, _f = _a.beforeShow, beforeShow = _f === void 0 ? function () { return true; } : _f, _g = _a.canFlip, canFlip = _g === void 0 ? true : _g, children = _a.children, _h = _a.clickOutsideIgnoreRefs, clickOutsideIgnoreRefs = _h === void 0 ? [] : _h, _j = _a.hideDelay, hideDelay = _j === void 0 ? 100 : _j, _k = _a.hideKeys, hideKeys = _k === void 0 ? {
|
|
44
52
|
overlay: ['Escape', 'Esc', 'Tab'],
|
|
45
53
|
target: ['Escape', 'Esc'],
|
|
46
|
-
} :
|
|
47
|
-
|
|
48
|
-
showDelay =
|
|
49
|
-
var
|
|
50
|
-
var
|
|
51
|
-
var
|
|
54
|
+
} : _k, _l = _a.initialIsVisible, initialIsVisible = _l === void 0 ? false : _l, overlay = _a.overlay, _m = _a.padding, padding = _m === void 0 ? 2 : _m, _o = _a.placement, placement = _o === void 0 ? 'top' : _o, _p = _a.restoreFocusOnHide, restoreFocusOnHide = _p === void 0 ? true : _p, // TODO: change default to be false, but that is a breaking change
|
|
55
|
+
_q = _a.showDelay, // TODO: change default to be false, but that is a breaking change
|
|
56
|
+
showDelay = _q === void 0 ? 0 : _q, _r = _a.showKeys, showKeys = _r === void 0 ? ['ArrowDown', 'Down'] : _r, _s = _a.shrinkOverlay, shrinkOverlay = _s === void 0 ? false : _s, _t = _a.trigger, trigger = _t === void 0 ? 'click' : _t, _u = _a.arrow, arrow = _u === void 0 ? false : _u, overlayApiRef = _a.overlayRef, role = _a.role;
|
|
57
|
+
var innerTriggerElRef = React.useRef(null);
|
|
58
|
+
var triggerElRef = ref || innerTriggerElRef;
|
|
59
|
+
var overlayElRef = React.useRef(null);
|
|
60
|
+
var _v = React.useState(null), referenceElement = _v[0], setReferenceElement = _v[1];
|
|
52
61
|
var clickedOutsideRef = React.useRef(true);
|
|
53
62
|
var visibility = useVisibility({
|
|
54
63
|
afterHide: afterHide,
|
|
55
64
|
afterShow: afterShow,
|
|
56
65
|
initialIsVisible: initialIsVisible,
|
|
57
66
|
});
|
|
67
|
+
React.useImperativeHandle(overlayApiRef, function () { return ({
|
|
68
|
+
show: visibility.show,
|
|
69
|
+
hide: visibility.hide,
|
|
70
|
+
}); });
|
|
58
71
|
var triggers = React.useMemo(function () { return (Array.isArray(trigger) ? trigger : [trigger]); }, [trigger]);
|
|
59
72
|
React.useEffect(function () {
|
|
60
73
|
if (triggers.indexOf('none') >= 0 && visibility.isVisible) {
|
|
@@ -68,11 +81,11 @@ export var OverlayTrigger = React.forwardRef(function OverlayTrigger(_a, ref) {
|
|
|
68
81
|
if (restoreFocusOnHide &&
|
|
69
82
|
!visibility.isVisible &&
|
|
70
83
|
!clickedOutsideRef.current) {
|
|
71
|
-
|
|
84
|
+
triggerElRef.current && triggerElRef.current.focus();
|
|
72
85
|
}
|
|
73
86
|
clickedOutsideRef.current = false;
|
|
74
|
-
}, [restoreFocusOnHide,
|
|
75
|
-
|
|
87
|
+
}, [restoreFocusOnHide, triggerElRef, visibility.isVisible]);
|
|
88
|
+
var delayedToggle = useDelayedToggle({
|
|
76
89
|
beforeDisable: beforeHide,
|
|
77
90
|
beforeEnable: beforeShow,
|
|
78
91
|
disableDelay: hideDelay,
|
|
@@ -80,44 +93,48 @@ export var OverlayTrigger = React.forwardRef(function OverlayTrigger(_a, ref) {
|
|
|
80
93
|
isEnabled: visibility.isVisible,
|
|
81
94
|
onDisable: visibility.hide,
|
|
82
95
|
onEnable: visibility.show,
|
|
83
|
-
})
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
96
|
+
});
|
|
97
|
+
var triggerApi = useTrigger({
|
|
98
|
+
isEnabled: visibility.isVisible,
|
|
99
|
+
enable: delayedToggle.enable,
|
|
100
|
+
disable: delayedToggle.disable,
|
|
101
|
+
enableKeys: showKeys,
|
|
102
|
+
disableKeys: hideKeys.target,
|
|
103
|
+
trigger: trigger,
|
|
104
|
+
triggerRef: triggerElRef,
|
|
105
|
+
});
|
|
106
|
+
var overlayId = useId();
|
|
107
|
+
var triggerElement = typeof children === 'function'
|
|
108
|
+
? children(triggerApi)
|
|
109
|
+
: children;
|
|
110
|
+
var triggerA11yProps = (_b = getA11yPreset(role)) === null || _b === void 0 ? void 0 : _b.getTriggerProps({
|
|
111
|
+
isVisible: visibility.isVisible,
|
|
112
|
+
role: role,
|
|
113
|
+
overlayId: overlayId,
|
|
114
|
+
});
|
|
115
|
+
var wrappedTriggerElement = React.cloneElement(triggerElement, __assign({ open: triggerApi.isVisible, ref: triggerElement.ref
|
|
116
|
+
? mergeRefs(triggerElement.ref, triggerElRef, setReferenceElement)
|
|
117
|
+
: mergeRefs(triggerElRef, setReferenceElement) }, triggerA11yProps));
|
|
118
|
+
return (React.createElement(DelayedToggleContext.Provider, { value: delayedToggle },
|
|
119
|
+
wrappedTriggerElement,
|
|
120
|
+
visibility.isVisible && (React.createElement(React.Fragment, null,
|
|
121
|
+
React.createElement(ClickOutside, __assign({}, {
|
|
122
|
+
onClickOutside: function (event) {
|
|
123
|
+
clickedOutsideRef.current = true;
|
|
124
|
+
delayedToggle.disable(event);
|
|
125
|
+
},
|
|
126
|
+
refs: __spreadArray([overlayElRef, triggerElRef], clickOutsideIgnoreRefs, true),
|
|
127
|
+
})),
|
|
128
|
+
React.createElement(Portal, null,
|
|
87
129
|
React.createElement(Trigger, __assign({}, {
|
|
88
130
|
isEnabled: visibility.isVisible,
|
|
89
|
-
enable: enable,
|
|
90
|
-
disable: disable,
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
visibility.isVisible && (React.createElement(React.Fragment, null,
|
|
97
|
-
React.createElement(ClickOutside, __assign({}, {
|
|
98
|
-
onClickOutside: function (event) {
|
|
99
|
-
clickedOutsideRef.current = true;
|
|
100
|
-
disable(event);
|
|
101
|
-
},
|
|
102
|
-
refs: __spreadArray([overlayRef, targetRef], clickOutsideIgnoreRefs, true),
|
|
103
|
-
})),
|
|
104
|
-
React.createElement(Trigger, __assign({}, {
|
|
105
|
-
isEnabled: visibility.isVisible,
|
|
106
|
-
enable: enable,
|
|
107
|
-
disable: disable,
|
|
108
|
-
disableKeys: hideKeys.overlay,
|
|
109
|
-
trigger: trigger === 'click' ? 'none' : trigger,
|
|
110
|
-
triggerRef: overlayRef,
|
|
111
|
-
}),
|
|
112
|
-
React.createElement(Overlay, __assign({}, {
|
|
113
|
-
canFlip: canFlip,
|
|
114
|
-
overlayRef: overlayRef,
|
|
115
|
-
padding: padding,
|
|
116
|
-
placement: placement,
|
|
117
|
-
shrinkOverlay: shrinkOverlay,
|
|
118
|
-
targetRef: targetRef,
|
|
119
|
-
}), overlay))))));
|
|
120
|
-
})));
|
|
131
|
+
enable: delayedToggle.enable,
|
|
132
|
+
disable: delayedToggle.disable,
|
|
133
|
+
disableKeys: hideKeys.overlay,
|
|
134
|
+
trigger: trigger === 'click' ? 'none' : trigger,
|
|
135
|
+
triggerRef: overlayElRef,
|
|
136
|
+
}),
|
|
137
|
+
React.createElement(TriggerOverlay, { ref: overlayElRef, referenceElement: referenceElement, overlay: overlay, shrinkOverlay: shrinkOverlay, placement: placement, padding: padding, canFlip: canFlip, arrow: arrow, role: role, overlayId: overlayId })))))));
|
|
121
138
|
});
|
|
122
139
|
export function CloseOnFocus(_a) {
|
|
123
140
|
var hide = _a.hide;
|
|
@@ -140,4 +157,49 @@ export function useOverlayTriggerContext() {
|
|
|
140
157
|
toggle: toggle,
|
|
141
158
|
};
|
|
142
159
|
}
|
|
160
|
+
export var TriggerOverlay = React.forwardRef(function (_a, ref) {
|
|
161
|
+
var _b;
|
|
162
|
+
var placement = _a.placement, canFlip = _a.canFlip, arrow = _a.arrow, padding = _a.padding, shrinkOverlay = _a.shrinkOverlay, overlay = _a.overlay, referenceElement = _a.referenceElement, role = _a.role, overlayId = _a.overlayId;
|
|
163
|
+
var arrowRef = React.useRef(null);
|
|
164
|
+
var arrowPadding = arrowSize / 2 + 1;
|
|
165
|
+
var middleware = [
|
|
166
|
+
floatingOffset({ mainAxis: arrow ? padding + arrowPadding : padding }),
|
|
167
|
+
canFlip ? floatingFlip() : null,
|
|
168
|
+
floatingShift({ limiter: limitShift() }),
|
|
169
|
+
!shrinkOverlay
|
|
170
|
+
? floatingSize({
|
|
171
|
+
apply: function (_a) {
|
|
172
|
+
var elements = _a.elements;
|
|
173
|
+
Object.assign(elements.floating.style, {
|
|
174
|
+
minWidth: "".concat(elements.reference.getBoundingClientRect().width, "px"),
|
|
175
|
+
});
|
|
176
|
+
},
|
|
177
|
+
})
|
|
178
|
+
: null,
|
|
179
|
+
floatingArrow({
|
|
180
|
+
element: arrowRef,
|
|
181
|
+
padding: 6,
|
|
182
|
+
}),
|
|
183
|
+
].filter(function (middleware) { return middleware !== null; });
|
|
184
|
+
var _c = useOverlay({
|
|
185
|
+
middleware: middleware,
|
|
186
|
+
placement: placement,
|
|
187
|
+
}), overlayStyle = _c.overlayStyle, referenceRefCallback = _c.referenceRef, overlayRef = _c.overlayRef, middlewareData = _c.middlewareData, currentPlacement = _c.placement;
|
|
188
|
+
React.useEffect(function () {
|
|
189
|
+
referenceRefCallback(referenceElement);
|
|
190
|
+
}, [referenceElement, referenceRefCallback]);
|
|
191
|
+
var canPropOverlayUp = React.isValidElement(overlay);
|
|
192
|
+
var overlayA11yProps = (_b = getA11yPreset(role)) === null || _b === void 0 ? void 0 : _b.getOverlayProps({
|
|
193
|
+
isVisible: true,
|
|
194
|
+
role: role,
|
|
195
|
+
overlayId: overlayId,
|
|
196
|
+
});
|
|
197
|
+
var overlayWrapperA11yProps = !canPropOverlayUp ? overlayA11yProps : {};
|
|
198
|
+
var overlayElementA11yProps = canPropOverlayUp ? overlayA11yProps : {};
|
|
199
|
+
return (React.createElement("div", __assign({ ref: mergeRefs(ref, overlayRef), style: overlayStyle }, overlayWrapperA11yProps),
|
|
200
|
+
canPropOverlayUp
|
|
201
|
+
? React.cloneElement(overlay, overlayElementA11yProps)
|
|
202
|
+
: overlay,
|
|
203
|
+
arrow && (React.createElement(Arrow, { ref: arrowRef, arrow: middlewareData.arrow, placement: currentPlacement }))));
|
|
204
|
+
});
|
|
143
205
|
//# 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;AACzB,OAAO,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"OverlayTrigger.js","sourceRoot":"","sources":["../../src/OverlayTrigger/OverlayTrigger.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { OverlayProps } from '../Overlay/Overlay';
|
|
3
|
+
import { BeforeCallback } from '../_hooks/DelayedCallback';
|
|
4
|
+
import { TriggerRenderProps } from '../_hooks/Trigger';
|
|
5
|
+
import { VisibilityConfig } from '../_hooks/Visibility';
|
|
6
|
+
export declare type OverlayTriggerRole = 'dialog' | 'menu' | 'listbox' | 'tooltip' | 'none';
|
|
7
|
+
export declare type PickedOverlayProps = Pick<OverlayProps, 'canFlip' | 'padding' | 'placement' | 'shrinkOverlay' | 'arrow'>;
|
|
8
|
+
export declare type PickedTriggerProps = Pick<TriggerRenderProps, 'children' | 'trigger'>;
|
|
9
|
+
export declare type PickedTriggerRenderProps = Pick<TriggerRenderProps, 'children'>;
|
|
10
|
+
export declare type PickedVisibilityProps = Pick<VisibilityConfig, 'afterHide' | 'afterShow' | 'initialIsVisible'>;
|
|
11
|
+
export interface OverlayTriggerProps extends PickedOverlayProps, PickedTriggerProps, PickedTriggerRenderProps, PickedVisibilityProps {
|
|
12
|
+
/**
|
|
13
|
+
* The callback to run before the overlay is hidden. Returning
|
|
14
|
+
* `false` will prevent hiding.
|
|
15
|
+
* ```
|
|
16
|
+
* (e: event) => boolean | Promise | undefined
|
|
17
|
+
* ```
|
|
18
|
+
* @since 10.19.0
|
|
19
|
+
*/
|
|
20
|
+
beforeHide?: BeforeCallback;
|
|
21
|
+
/**
|
|
22
|
+
* The callback to run before the overlay is shown. Returning
|
|
23
|
+
* `false` will prevent showing.
|
|
24
|
+
* ```
|
|
25
|
+
* (e: event) => boolean | Promise | undefined
|
|
26
|
+
* ```
|
|
27
|
+
* @since 10.19.0
|
|
28
|
+
*/
|
|
29
|
+
beforeShow?: BeforeCallback;
|
|
30
|
+
/**
|
|
31
|
+
* Additional refs to check for clickOutside behavior
|
|
32
|
+
* @since 10.19.0
|
|
33
|
+
*/
|
|
34
|
+
clickOutsideIgnoreRefs?: React.RefObject<HTMLElement>[];
|
|
35
|
+
/**
|
|
36
|
+
* The delay when hiding the overlay
|
|
37
|
+
* @since 10.19.0
|
|
38
|
+
*/
|
|
39
|
+
hideDelay?: number;
|
|
40
|
+
hideKeys?: {
|
|
41
|
+
/**
|
|
42
|
+
* Keys to hide the overlay when the overlay is focused
|
|
43
|
+
* @since 10.19.0
|
|
44
|
+
*/
|
|
45
|
+
overlay: string[];
|
|
46
|
+
target: string[];
|
|
47
|
+
};
|
|
48
|
+
overlay: React.ReactNode;
|
|
49
|
+
/**
|
|
50
|
+
* Restore focus to the target after the overlay is hidden
|
|
51
|
+
* @default true
|
|
52
|
+
* @since 10.19.0
|
|
53
|
+
*/
|
|
54
|
+
restoreFocusOnHide?: boolean;
|
|
55
|
+
/**
|
|
56
|
+
* The delay when showing the overlay
|
|
57
|
+
* @since 10.19.0
|
|
58
|
+
*/
|
|
59
|
+
showDelay?: number;
|
|
60
|
+
/**
|
|
61
|
+
* Keys to show the overlay when the target is focused
|
|
62
|
+
* @since 10.19.0
|
|
63
|
+
*/
|
|
64
|
+
showKeys?: string[];
|
|
65
|
+
/**
|
|
66
|
+
* Toggles overlay visibility
|
|
67
|
+
* @since 11.2.0
|
|
68
|
+
*/
|
|
69
|
+
overlayRef?: React.Ref<OverlayTriggerRef>;
|
|
70
|
+
/**
|
|
71
|
+
* Accessibility props
|
|
72
|
+
* @since 11.2.0
|
|
73
|
+
*/
|
|
74
|
+
role?: OverlayTriggerRole;
|
|
75
|
+
}
|
|
76
|
+
export interface OverlayTriggerRef {
|
|
77
|
+
/**
|
|
78
|
+
* Show visibility
|
|
79
|
+
* @since 11.2.0
|
|
80
|
+
*/
|
|
81
|
+
show: () => void;
|
|
82
|
+
/**
|
|
83
|
+
* Hide overlay
|
|
84
|
+
* @since 11.2.0
|
|
85
|
+
*/
|
|
86
|
+
hide: () => void;
|
|
87
|
+
}
|
|
88
|
+
/**
|
|
89
|
+
* @deprecatedSince 11.2.0
|
|
90
|
+
* @deprecated To be replaced by OverlayTriggerProps#overlayRef in future release
|
|
91
|
+
*/
|
|
92
|
+
export declare type DeprecatedOverlayTriggerRef = HTMLElement;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OverlayTrigger.types.js","sourceRoot":"","sources":["../../src/OverlayTrigger/OverlayTrigger.types.ts"],"names":[],"mappings":""}
|