@react-native-aria/overlays 0.3.10 → 0.3.11
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/lib/commonjs/Portal.js +17 -37
- package/lib/commonjs/Portal.js.map +1 -1
- package/lib/commonjs/index.js +0 -10
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/index.web.js +0 -10
- package/lib/commonjs/index.web.js.map +1 -1
- package/lib/commonjs/useOverlay.js +0 -1
- package/lib/commonjs/useOverlay.js.map +1 -1
- package/lib/commonjs/useOverlay.web.js +9 -11
- package/lib/commonjs/useOverlay.web.js.map +1 -1
- package/lib/commonjs/useOverlayPosition.js +54 -69
- package/lib/commonjs/useOverlayPosition.js.map +1 -1
- package/lib/commonjs/useOverlayPosition.web.js +0 -1
- package/lib/commonjs/useOverlayPosition.web.js.map +1 -1
- package/lib/commonjs/useOverlayTrigger.js +0 -1
- package/lib/commonjs/useOverlayTrigger.js.map +1 -1
- package/lib/commonjs/useOverlayTrigger.web.js +0 -1
- package/lib/commonjs/useOverlayTrigger.web.js.map +1 -1
- package/lib/commonjs/usePreventScroll.js +0 -2
- package/lib/commonjs/usePreventScroll.js.map +1 -1
- package/lib/commonjs/usePreventScroll.web.js +0 -1
- package/lib/commonjs/usePreventScroll.web.js.map +1 -1
- package/lib/commonjs/utils.js +8 -8
- package/lib/commonjs/utils.js.map +1 -1
- package/lib/commonjs/web/overlays/index.js +0 -2
- package/lib/commonjs/web/overlays/index.js.map +1 -1
- package/lib/commonjs/web/overlays/src/calculatePosition.js +35 -68
- package/lib/commonjs/web/overlays/src/calculatePosition.js.map +1 -1
- package/lib/commonjs/web/overlays/src/index.js +0 -2
- package/lib/commonjs/web/overlays/src/index.js.map +1 -1
- package/lib/commonjs/web/overlays/src/useCloseOnScroll.js +3 -12
- package/lib/commonjs/web/overlays/src/useCloseOnScroll.js.map +1 -1
- package/lib/commonjs/web/overlays/src/useOverlayPosition.js +19 -23
- package/lib/commonjs/web/overlays/src/useOverlayPosition.js.map +1 -1
- package/lib/module/Portal.js +13 -20
- package/lib/module/Portal.js.map +1 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/index.web.js.map +1 -1
- package/lib/module/useOverlay.js.map +1 -1
- package/lib/module/useOverlay.web.js +9 -8
- package/lib/module/useOverlay.web.js.map +1 -1
- package/lib/module/useOverlayPosition.js +55 -60
- package/lib/module/useOverlayPosition.js.map +1 -1
- package/lib/module/useOverlayPosition.web.js.map +1 -1
- package/lib/module/useOverlayTrigger.js.map +1 -1
- package/lib/module/useOverlayTrigger.web.js.map +1 -1
- package/lib/module/usePreventScroll.js.map +1 -1
- package/lib/module/usePreventScroll.web.js.map +1 -1
- package/lib/module/utils.js +8 -4
- package/lib/module/utils.js.map +1 -1
- package/lib/module/web/overlays/index.js +1 -0
- package/lib/module/web/overlays/index.js.map +1 -1
- package/lib/module/web/overlays/src/calculatePosition.js +34 -57
- package/lib/module/web/overlays/src/calculatePosition.js.map +1 -1
- package/lib/module/web/overlays/src/index.js +1 -0
- package/lib/module/web/overlays/src/index.js.map +1 -1
- package/lib/module/web/overlays/src/useCloseOnScroll.js +4 -9
- package/lib/module/web/overlays/src/useCloseOnScroll.js.map +1 -1
- package/lib/module/web/overlays/src/useOverlayPosition.js +19 -18
- package/lib/module/web/overlays/src/useOverlayPosition.js.map +1 -1
- package/lib/typescript/Portal.d.ts +4 -2
- package/lib/typescript/Portal.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +1 -0
- package/lib/typescript/index.d.ts.map +1 -0
- package/lib/typescript/index.web.d.ts +1 -0
- package/lib/typescript/index.web.d.ts.map +1 -0
- package/lib/typescript/useOverlay.d.ts +1 -0
- package/lib/typescript/useOverlay.d.ts.map +1 -0
- package/lib/typescript/useOverlay.web.d.ts +1 -0
- package/lib/typescript/useOverlay.web.d.ts.map +1 -0
- package/lib/typescript/useOverlayPosition.d.ts +1 -0
- package/lib/typescript/useOverlayPosition.d.ts.map +1 -0
- package/lib/typescript/useOverlayPosition.web.d.ts +1 -0
- package/lib/typescript/useOverlayPosition.web.d.ts.map +1 -0
- package/lib/typescript/useOverlayTrigger.d.ts +1 -0
- package/lib/typescript/useOverlayTrigger.d.ts.map +1 -0
- package/lib/typescript/useOverlayTrigger.web.d.ts +1 -0
- package/lib/typescript/useOverlayTrigger.web.d.ts.map +1 -0
- package/lib/typescript/usePreventScroll.d.ts +1 -0
- package/lib/typescript/usePreventScroll.d.ts.map +1 -0
- package/lib/typescript/usePreventScroll.web.d.ts +1 -0
- package/lib/typescript/usePreventScroll.web.d.ts.map +1 -0
- package/lib/typescript/utils.d.ts +1 -0
- package/lib/typescript/utils.d.ts.map +1 -0
- package/lib/typescript/web/overlays/index.d.ts +1 -0
- package/lib/typescript/web/overlays/index.d.ts.map +1 -0
- package/lib/typescript/web/overlays/src/calculatePosition.d.ts +1 -0
- package/lib/typescript/web/overlays/src/calculatePosition.d.ts.map +1 -0
- package/lib/typescript/web/overlays/src/index.d.ts +1 -0
- package/lib/typescript/web/overlays/src/index.d.ts.map +1 -0
- package/lib/typescript/web/overlays/src/useCloseOnScroll.d.ts +1 -0
- package/lib/typescript/web/overlays/src/useCloseOnScroll.d.ts.map +1 -0
- package/lib/typescript/web/overlays/src/useOverlayPosition.d.ts +1 -0
- package/lib/typescript/web/overlays/src/useOverlayPosition.d.ts.map +1 -0
- package/package.json +2 -1
- package/src/useOverlayPosition.ts +37 -17
- package/src/utils.ts +1 -0
- package/babel.config.js +0 -3
- package/scripts/bootstrap.js +0 -24
- package/tsconfig.build.json +0 -5
package/lib/commonjs/Portal.js
CHANGED
@@ -3,27 +3,18 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.PortalProvider = PortalProvider;
|
7
6
|
exports.OverlayContainer = OverlayContainer;
|
8
7
|
exports.OverlayProvider = void 0;
|
9
|
-
|
8
|
+
exports.PortalProvider = PortalProvider;
|
10
9
|
var _react = _interopRequireWildcard(require("react"));
|
11
|
-
|
12
10
|
var _reactNative = require("react-native");
|
13
|
-
|
14
|
-
function
|
15
|
-
|
16
|
-
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
17
|
-
|
18
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
19
|
-
|
11
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
13
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
20
14
|
const PortalContext = /*#__PURE__*/_react.default.createContext(null);
|
21
|
-
|
22
15
|
let globalOverlayCounter = 0;
|
23
|
-
|
24
16
|
function PortalProvider(props) {
|
25
17
|
const [items, setItems] = _react.default.useState([]);
|
26
|
-
|
27
18
|
const setOverlayItem = element => {
|
28
19
|
const overlayId = ++globalOverlayCounter;
|
29
20
|
setItems(prev => prev.concat([{
|
@@ -32,11 +23,9 @@ function PortalProvider(props) {
|
|
32
23
|
}]));
|
33
24
|
return overlayId;
|
34
25
|
};
|
35
|
-
|
36
26
|
const updateOverlayItem = (id, node) => {
|
37
27
|
setItems(prev => {
|
38
28
|
const overlayItem = prev.find(item => item.id == id);
|
39
|
-
|
40
29
|
if (!overlayItem) {
|
41
30
|
return prev.concat([{
|
42
31
|
id: id,
|
@@ -50,20 +39,17 @@ function PortalProvider(props) {
|
|
50
39
|
node
|
51
40
|
};
|
52
41
|
}
|
53
|
-
|
54
42
|
return item;
|
55
43
|
});
|
56
44
|
}
|
57
45
|
});
|
58
46
|
};
|
59
|
-
|
60
47
|
const removeOverlayItem = id => {
|
61
48
|
setItems(prev => {
|
62
49
|
const newItems = prev.filter(item => item.id !== id);
|
63
50
|
return newItems;
|
64
51
|
});
|
65
52
|
};
|
66
|
-
|
67
53
|
return /*#__PURE__*/_react.default.createElement(PortalContext.Provider, {
|
68
54
|
value: {
|
69
55
|
items,
|
@@ -78,7 +64,6 @@ function PortalProvider(props) {
|
|
78
64
|
}, item.node);
|
79
65
|
}));
|
80
66
|
}
|
81
|
-
|
82
67
|
function OverlayView({
|
83
68
|
style,
|
84
69
|
...props
|
@@ -89,38 +74,36 @@ function OverlayView({
|
|
89
74
|
collapsable: false
|
90
75
|
}, props));
|
91
76
|
}
|
92
|
-
|
93
|
-
const OverlayProvider = PortalProvider;
|
94
|
-
exports.OverlayProvider = OverlayProvider;
|
95
|
-
|
77
|
+
const OverlayProvider = exports.OverlayProvider = PortalProvider;
|
96
78
|
function OverlayContainer(props) {
|
97
79
|
const context = usePortalProvider();
|
98
|
-
|
99
80
|
const overlayId = _react.default.useRef(undefined);
|
100
|
-
|
101
81
|
const element = /*#__PURE__*/_react.default.createElement(OverlayView, props);
|
102
|
-
|
103
82
|
(0, _react.useEffect)(() => {
|
104
83
|
// Mount
|
105
84
|
if (overlayId.current === undefined) {
|
106
85
|
overlayId.current = context === null || context === void 0 ? void 0 : context.setOverlayItem(element);
|
107
|
-
}
|
86
|
+
}
|
87
|
+
// Update
|
108
88
|
else {
|
109
|
-
|
110
|
-
|
111
|
-
}
|
89
|
+
if (overlayId.current) {
|
90
|
+
context === null || context === void 0 || context.updateOverlayItem(overlayId.current, element);
|
112
91
|
}
|
113
|
-
|
114
|
-
|
92
|
+
}
|
93
|
+
},
|
94
|
+
// To re-render the child
|
95
|
+
[props]);
|
115
96
|
|
97
|
+
// Unmount
|
116
98
|
(0, _react.useEffect)(() => {
|
117
99
|
return () => {
|
118
100
|
if (overlayId.current) {
|
119
|
-
context === null || context === void 0
|
101
|
+
context === null || context === void 0 || context.removeOverlayItem(overlayId.current);
|
120
102
|
}
|
121
103
|
};
|
122
|
-
}, []);
|
104
|
+
}, []);
|
123
105
|
|
106
|
+
// Rendering elements for SSR
|
124
107
|
if (context !== null && context !== void 0 && context.isSSR && !overlayId.current) {
|
125
108
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
126
109
|
style: {
|
@@ -128,13 +111,10 @@ function OverlayContainer(props) {
|
|
128
111
|
}
|
129
112
|
}, element);
|
130
113
|
}
|
131
|
-
|
132
114
|
return null;
|
133
115
|
}
|
134
|
-
|
135
116
|
function usePortalProvider() {
|
136
117
|
const context = _react.default.useContext(PortalContext);
|
137
|
-
|
138
118
|
return context;
|
139
119
|
}
|
140
120
|
//# sourceMappingURL=Portal.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","PortalContext","React","createContext","globalOverlayCounter","PortalProvider","props","items","setItems","useState","setOverlayItem","element","overlayId","prev","concat","id","node","updateOverlayItem","overlayItem","find","item","map","removeOverlayItem","newItems","filter","createElement","Provider","value","isSSR","children","Fragment","OverlayView","style","View","pointerEvents","StyleSheet","absoluteFill","collapsable","OverlayProvider","exports","OverlayContainer","context","usePortalProvider","useRef","undefined","useEffect","current","display","useContext"],"sourceRoot":"../../src","sources":["Portal.tsx"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAA2D,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAY,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAL,CAAA,MAAAA,CAAA,GAAAM,SAAA,CAAAC,MAAA,EAAAP,CAAA,UAAAQ,MAAA,GAAAF,SAAA,CAAAN,CAAA,YAAAS,GAAA,IAAAD,MAAA,QAAAf,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAoB3D,MAAMK,aAAa,gBAAGC,cAAK,CAACC,aAAa,CAAuB,IAAI,CAAC;AAErE,IAAIC,oBAAoB,GAAG,CAAC;AAErB,SAASC,cAAcA,CAACC,KAG9B,EAAE;EACD,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGN,cAAK,CAACO,QAAQ,CAAqB,EAAE,CAAC;EAEhE,MAAMC,cAAc,GAAIC,OAAkB,IAAK;IAC7C,MAAMC,SAAS,GAAG,EAAER,oBAAoB;IACxCI,QAAQ,CAAEK,IAAI,IAAKA,IAAI,CAACC,MAAM,CAAC,CAAC;MAAEC,EAAE,EAAEH,SAAS;MAAEI,IAAI,EAAEL;IAAQ,CAAC,CAAC,CAAC,CAAC;IACnE,OAAOC,SAAS;EAClB,CAAC;EAED,MAAMK,iBAAiB,GAAGA,CAACF,EAAU,EAAEC,IAAe,KAAK;IACzDR,QAAQ,CAAEK,IAAI,IAAK;MACjB,MAAMK,WAAW,GAAGL,IAAI,CAACM,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACL,EAAE,IAAIA,EAAE,CAAC;MACtD,IAAI,CAACG,WAAW,EAAE;QAChB,OAAOL,IAAI,CAACC,MAAM,CAAC,CAAC;UAAEC,EAAE,EAAEA,EAAE;UAAEC;QAAK,CAAC,CAAC,CAAC;MACxC,CAAC,MAAM;QACL,OAAOH,IAAI,CAACQ,GAAG,CAAED,IAAI,IAAK;UACxB,IAAIA,IAAI,CAACL,EAAE,KAAKA,EAAE,EAAE;YAClB,OAAO;cAAEA,EAAE;cAAEC;YAAK,CAAC;UACrB;UAEA,OAAOI,IAAI;QACb,CAAC,CAAC;MACJ;IACF,CAAC,CAAC;EACJ,CAAC;EAED,MAAME,iBAAiB,GAAIP,EAAU,IAAK;IACxCP,QAAQ,CAAEK,IAAI,IAAK;MACjB,MAAMU,QAAQ,GAAGV,IAAI,CAACW,MAAM,CAAEJ,IAAI,IAAKA,IAAI,CAACL,EAAE,KAAKA,EAAE,CAAC;MACtD,OAAOQ,QAAQ;IACjB,CAAC,CAAC;EACJ,CAAC;EAED,oBACExD,MAAA,CAAAU,OAAA,CAAAgD,aAAA,CAACxB,aAAa,CAACyB,QAAQ;IACrBC,KAAK,EAAE;MACLpB,KAAK;MACLG,cAAc;MACdY,iBAAiB;MACjBL,iBAAiB;MACjBW,KAAK,EAAEtB,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEsB;IAChB;EAAE,GAEDtB,KAAK,CAACuB,QAAQ,EAGdtB,KAAK,CAACc,GAAG,CAAED,IAAI,IAAK;IACnB,oBAAOrD,MAAA,CAAAU,OAAA,CAAAgD,aAAA,CAAC1D,MAAA,CAAAU,OAAK,CAACqD,QAAQ;MAAC/B,GAAG,EAAEqB,IAAI,CAACL;IAAG,GAAEK,IAAI,CAACJ,IAAqB,CAAC;EACnE,CAAC,CACqB,CAAC;AAE7B;AAEA,SAASe,WAAWA,CAAC;EAAEC,KAAK;EAAE,GAAG1B;AAA0B,CAAC,EAAE;EAC5D,oBACEvC,MAAA,CAAAU,OAAA,CAAAgD,aAAA,CAACvD,YAAA,CAAA+D,IAAI,EAAAzC,QAAA;IACH0C,aAAa,EAAC,UAAU;IACxBF,KAAK,EAAE,CAACG,uBAAU,CAACC,YAAY,EAAEJ,KAAK,CAAE;IACxCK,WAAW,EAAE;EAAM,GACf/B,KAAK,CACV,CAAC;AAEN;AAEO,MAAMgC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAGjC,cAAc;AAEtC,SAASmC,gBAAgBA,CAAClC,KAAyB,EAAE;EAC1D,MAAMmC,OAAO,GAAGC,iBAAiB,CAAC,CAAC;EACnC,MAAM9B,SAAS,GAAGV,cAAK,CAACyC,MAAM,CAAqBC,SAAS,CAAC;EAC7D,MAAMjC,OAAO,gBAAG5C,MAAA,CAAAU,OAAA,CAAAgD,aAAA,CAACM,WAAW,EAAKzB,KAAQ,CAAC;EAE1C,IAAAuC,gBAAS,EACP,MAAM;IACJ;IACA,IAAIjC,SAAS,CAACkC,OAAO,KAAKF,SAAS,EAAE;MACnChC,SAAS,CAACkC,OAAO,GAAGL,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAE/B,cAAc,CAACC,OAAO,CAAC;IACtD;IACA;IAAA,KACK;MACH,IAAIC,SAAS,CAACkC,OAAO,EAAE;QACrBL,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAExB,iBAAiB,CAACL,SAAS,CAACkC,OAAO,EAAEnC,OAAO,CAAC;MACxD;IACF;EACF,CAAC;EACD;EACA,CAACL,KAAK,CACR,CAAC;;EAED;EACA,IAAAuC,gBAAS,EAAC,MAAM;IACd,OAAO,MAAM;MACX,IAAIjC,SAAS,CAACkC,OAAO,EAAE;QACrBL,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEnB,iBAAiB,CAACV,SAAS,CAACkC,OAAO,CAAC;MAC/C;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,IAAIL,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEb,KAAK,IAAI,CAAChB,SAAS,CAACkC,OAAO,EAAE;IACxC,oBAAO/E,MAAA,CAAAU,OAAA,CAAAgD,aAAA,CAACvD,YAAA,CAAA+D,IAAI;MAACD,KAAK,EAAE;QAAEe,OAAO,EAAE;MAAO;IAAE,GAAEpC,OAAc,CAAC;EAC3D;EACA,OAAO,IAAI;AACb;AAEA,SAAS+B,iBAAiBA,CAAA,EAAG;EAC3B,MAAMD,OAAO,GAAGvC,cAAK,CAAC8C,UAAU,CAAC/C,aAAa,CAAC;EAC/C,OAAOwC,OAAO;AAChB"}
|
package/lib/commonjs/index.js
CHANGED
@@ -3,9 +3,7 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
|
7
6
|
var _useOverlayPosition = require("./useOverlayPosition");
|
8
|
-
|
9
7
|
Object.keys(_useOverlayPosition).forEach(function (key) {
|
10
8
|
if (key === "default" || key === "__esModule") return;
|
11
9
|
if (key in exports && exports[key] === _useOverlayPosition[key]) return;
|
@@ -16,9 +14,7 @@ Object.keys(_useOverlayPosition).forEach(function (key) {
|
|
16
14
|
}
|
17
15
|
});
|
18
16
|
});
|
19
|
-
|
20
17
|
var _useOverlayTrigger = require("./useOverlayTrigger");
|
21
|
-
|
22
18
|
Object.keys(_useOverlayTrigger).forEach(function (key) {
|
23
19
|
if (key === "default" || key === "__esModule") return;
|
24
20
|
if (key in exports && exports[key] === _useOverlayTrigger[key]) return;
|
@@ -29,9 +25,7 @@ Object.keys(_useOverlayTrigger).forEach(function (key) {
|
|
29
25
|
}
|
30
26
|
});
|
31
27
|
});
|
32
|
-
|
33
28
|
var _Portal = require("./Portal");
|
34
|
-
|
35
29
|
Object.keys(_Portal).forEach(function (key) {
|
36
30
|
if (key === "default" || key === "__esModule") return;
|
37
31
|
if (key in exports && exports[key] === _Portal[key]) return;
|
@@ -42,9 +36,7 @@ Object.keys(_Portal).forEach(function (key) {
|
|
42
36
|
}
|
43
37
|
});
|
44
38
|
});
|
45
|
-
|
46
39
|
var _useOverlay = require("./useOverlay");
|
47
|
-
|
48
40
|
Object.keys(_useOverlay).forEach(function (key) {
|
49
41
|
if (key === "default" || key === "__esModule") return;
|
50
42
|
if (key in exports && exports[key] === _useOverlay[key]) return;
|
@@ -55,9 +47,7 @@ Object.keys(_useOverlay).forEach(function (key) {
|
|
55
47
|
}
|
56
48
|
});
|
57
49
|
});
|
58
|
-
|
59
50
|
var _usePreventScroll = require("./usePreventScroll");
|
60
|
-
|
61
51
|
Object.keys(_usePreventScroll).forEach(function (key) {
|
62
52
|
if (key === "default" || key === "__esModule") return;
|
63
53
|
if (key in exports && exports[key] === _usePreventScroll[key]) return;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"names":["_useOverlayPosition","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useOverlayTrigger","_Portal","_useOverlay","_usePreventScroll"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,mBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,mBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,mBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,kBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,kBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,kBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,kBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,OAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,OAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,OAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,OAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,WAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,WAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,WAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,WAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,iBAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,iBAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,iBAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,iBAAA,CAAAR,GAAA;IAAA;EAAA;AAAA"}
|
@@ -3,9 +3,7 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
|
7
6
|
var _useOverlayPosition = require("./useOverlayPosition.web");
|
8
|
-
|
9
7
|
Object.keys(_useOverlayPosition).forEach(function (key) {
|
10
8
|
if (key === "default" || key === "__esModule") return;
|
11
9
|
if (key in exports && exports[key] === _useOverlayPosition[key]) return;
|
@@ -16,9 +14,7 @@ Object.keys(_useOverlayPosition).forEach(function (key) {
|
|
16
14
|
}
|
17
15
|
});
|
18
16
|
});
|
19
|
-
|
20
17
|
var _useOverlayTrigger = require("./useOverlayTrigger.web");
|
21
|
-
|
22
18
|
Object.keys(_useOverlayTrigger).forEach(function (key) {
|
23
19
|
if (key === "default" || key === "__esModule") return;
|
24
20
|
if (key in exports && exports[key] === _useOverlayTrigger[key]) return;
|
@@ -29,9 +25,7 @@ Object.keys(_useOverlayTrigger).forEach(function (key) {
|
|
29
25
|
}
|
30
26
|
});
|
31
27
|
});
|
32
|
-
|
33
28
|
var _Portal = require("./Portal");
|
34
|
-
|
35
29
|
Object.keys(_Portal).forEach(function (key) {
|
36
30
|
if (key === "default" || key === "__esModule") return;
|
37
31
|
if (key in exports && exports[key] === _Portal[key]) return;
|
@@ -42,9 +36,7 @@ Object.keys(_Portal).forEach(function (key) {
|
|
42
36
|
}
|
43
37
|
});
|
44
38
|
});
|
45
|
-
|
46
39
|
var _useOverlay = require("./useOverlay.web");
|
47
|
-
|
48
40
|
Object.keys(_useOverlay).forEach(function (key) {
|
49
41
|
if (key === "default" || key === "__esModule") return;
|
50
42
|
if (key in exports && exports[key] === _useOverlay[key]) return;
|
@@ -55,9 +47,7 @@ Object.keys(_useOverlay).forEach(function (key) {
|
|
55
47
|
}
|
56
48
|
});
|
57
49
|
});
|
58
|
-
|
59
50
|
var _usePreventScroll = require("./usePreventScroll.web");
|
60
|
-
|
61
51
|
Object.keys(_usePreventScroll).forEach(function (key) {
|
62
52
|
if (key === "default" || key === "__esModule") return;
|
63
53
|
if (key in exports && exports[key] === _usePreventScroll[key]) return;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["index.web.ts"],"
|
1
|
+
{"version":3,"names":["_useOverlayPosition","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useOverlayTrigger","_Portal","_useOverlay","_usePreventScroll"],"sourceRoot":"../../src","sources":["index.web.ts"],"mappings":";;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,mBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,mBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,mBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,kBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,kBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,kBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,kBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,OAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,OAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,OAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,OAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,WAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,WAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,WAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,WAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,iBAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,iBAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,iBAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,iBAAA,CAAAR,GAAA;IAAA;EAAA;AAAA"}
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.useOverlay = useOverlay;
|
7
|
-
|
8
7
|
/**
|
9
8
|
* Provides the behavior for overlays such as dialogs, popovers, and menus.
|
10
9
|
* Hides the overlay when the user interacts outside it, when the Escape key is pressed,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"names":["useOverlay","_props","_ref","overlayProps"],"sourceRoot":"../../src","sources":["useOverlay.ts"],"mappings":";;;;;;AAsCA;AACA;AACA;AACA;AACA;AACO,SAASA,UAAUA,CACxBC,MAAoB,EACpBC,IAA4B,EACf;EACb,OAAO;IACLC,YAAY,EAAE,CAAC;EACjB,CAAC;AACH"}
|
@@ -4,54 +4,52 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.useOverlay = useOverlay;
|
7
|
-
|
8
7
|
var _react = require("react");
|
9
|
-
|
10
8
|
var _interactions = require("@react-aria/interactions");
|
11
|
-
|
12
9
|
const visibleOverlays = [];
|
10
|
+
|
13
11
|
/**
|
14
12
|
* Provides the behavior for overlays such as dialogs, popovers, and menus.
|
15
13
|
* Hides the overlay when the user interacts outside it, when the Escape key is pressed,
|
16
14
|
* or optionally, on blur. Only the top-most overlay will close at once.
|
17
15
|
*/
|
18
|
-
|
19
16
|
function useOverlay(props, ref) {
|
20
17
|
let {
|
21
18
|
onClose,
|
22
19
|
shouldCloseOnBlur,
|
23
20
|
isOpen,
|
24
21
|
isKeyboardDismissDisabled = false
|
25
|
-
} = props;
|
22
|
+
} = props;
|
26
23
|
|
24
|
+
// Add the overlay ref to the stack of visible overlays on mount, and remove on unmount.
|
27
25
|
(0, _react.useEffect)(() => {
|
28
26
|
if (isOpen) {
|
29
27
|
visibleOverlays.push(ref);
|
30
28
|
}
|
31
|
-
|
32
29
|
return () => {
|
33
30
|
let index = visibleOverlays.indexOf(ref);
|
34
|
-
|
35
31
|
if (index >= 0) {
|
36
32
|
visibleOverlays.splice(index, 1);
|
37
33
|
}
|
38
34
|
};
|
39
|
-
}, [isOpen, ref]);
|
35
|
+
}, [isOpen, ref]);
|
40
36
|
|
37
|
+
// Only hide the overlay when it is the topmost visible overlay in the stack.
|
41
38
|
let onHide = () => {
|
42
39
|
if (visibleOverlays[visibleOverlays.length - 1] === ref && onClose) {
|
43
40
|
onClose();
|
44
41
|
}
|
45
|
-
};
|
46
|
-
|
42
|
+
};
|
47
43
|
|
44
|
+
// Handle the escape key
|
48
45
|
let onKeyDown = e => {
|
49
46
|
if (e.key === 'Escape' && !isKeyboardDismissDisabled) {
|
50
47
|
e.preventDefault();
|
51
48
|
onHide();
|
52
49
|
}
|
53
|
-
};
|
50
|
+
};
|
54
51
|
|
52
|
+
// Handle clicking outside the overlay to close it
|
55
53
|
|
56
54
|
let {
|
57
55
|
focusWithinProps
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"names":["_react","require","_interactions","visibleOverlays","useOverlay","props","ref","onClose","shouldCloseOnBlur","isOpen","isKeyboardDismissDisabled","useEffect","push","index","indexOf","splice","onHide","length","onKeyDown","e","key","preventDefault","focusWithinProps","useFocusWithin","isDisabled","onBlurWithin","overlayProps"],"sourceRoot":"../../src","sources":["useOverlay.web.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAsCA,MAAME,eAAyC,GAAG,EAAE;;AAEpD;AACA;AACA;AACA;AACA;AACO,SAASC,UAAUA,CACxBC,KAAmB,EACnBC,GAA2B,EACd;EACb,IAAI;IACFC,OAAO;IACPC,iBAAiB;IACjBC,MAAM;IACNC,yBAAyB,GAAG;EAC9B,CAAC,GAAGL,KAAK;;EAET;EACA,IAAAM,gBAAS,EAAC,MAAM;IACd,IAAIF,MAAM,EAAE;MACVN,eAAe,CAACS,IAAI,CAACN,GAAG,CAAC;IAC3B;IAEA,OAAO,MAAM;MACX,IAAIO,KAAK,GAAGV,eAAe,CAACW,OAAO,CAACR,GAAG,CAAC;MACxC,IAAIO,KAAK,IAAI,CAAC,EAAE;QACdV,eAAe,CAACY,MAAM,CAACF,KAAK,EAAE,CAAC,CAAC;MAClC;IACF,CAAC;EACH,CAAC,EAAE,CAACJ,MAAM,EAAEH,GAAG,CAAC,CAAC;;EAEjB;EACA,IAAIU,MAAM,GAAGA,CAAA,KAAM;IACjB,IAAIb,eAAe,CAACA,eAAe,CAACc,MAAM,GAAG,CAAC,CAAC,KAAKX,GAAG,IAAIC,OAAO,EAAE;MAClEA,OAAO,CAAC,CAAC;IACX;EACF,CAAC;;EAED;EACA,IAAIW,SAAS,GAAIC,CAAM,IAAK;IAC1B,IAAIA,CAAC,CAACC,GAAG,KAAK,QAAQ,IAAI,CAACV,yBAAyB,EAAE;MACpDS,CAAC,CAACE,cAAc,CAAC,CAAC;MAClBL,MAAM,CAAC,CAAC;IACV;EACF,CAAC;;EAED;;EAEA,IAAI;IAAEM;EAAiB,CAAC,GAAG,IAAAC,4BAAc,EAAC;IACxCC,UAAU,EAAE,CAAChB,iBAAiB;IAC9BiB,YAAY,EAAEA,CAAA,KAAM;MAClBlB,OAAO,IAAIA,OAAO,CAAC,CAAC;IACtB;EACF,CAAC,CAAC;EAEF,OAAO;IACLmB,YAAY,EAAE;MACZR,SAAS;MACT,GAAGI;IACL;EACF,CAAC;AACH"}
|