@fluentui/react-portal 0.0.0-nightly8faa94d11420211118.1 → 0.0.0-nightly946f57cad420220203.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +93 -14
- package/CHANGELOG.md +24 -10
- package/dist/react-portal.d.ts +3 -3
- package/lib/components/Portal/Portal.js +5 -4
- package/lib/components/Portal/Portal.js.map +1 -1
- package/lib/components/Portal/renderPortal.d.ts +1 -1
- package/lib/components/Portal/renderPortal.js +6 -2
- package/lib/components/Portal/renderPortal.js.map +1 -1
- package/lib/components/Portal/usePortal.d.ts +2 -2
- package/lib/components/Portal/usePortal.js +23 -17
- package/lib/components/Portal/usePortal.js.map +1 -1
- package/lib/components/Portal/usePortalMountNode.js +27 -21
- package/lib/components/Portal/usePortalMountNode.js.map +1 -1
- package/lib/virtualParent/elementContains.js +18 -14
- package/lib/virtualParent/elementContains.js.map +1 -1
- package/lib/virtualParent/getParent.js +2 -1
- package/lib/virtualParent/getParent.js.map +1 -1
- package/lib/virtualParent/getVirtualParent.js +8 -5
- package/lib/virtualParent/getVirtualParent.js.map +1 -1
- package/lib/virtualParent/isVirtualElement.js +1 -1
- package/lib/virtualParent/isVirtualElement.js.map +1 -1
- package/lib/virtualParent/setVirtualParent.js +11 -8
- package/lib/virtualParent/setVirtualParent.js.map +1 -1
- package/lib-commonjs/Portal.js +7 -2
- package/lib-commonjs/Portal.js.map +1 -1
- package/lib-commonjs/components/Portal/Portal.js +13 -5
- package/lib-commonjs/components/Portal/Portal.js.map +1 -1
- package/lib-commonjs/components/Portal/Portal.types.js +4 -1
- package/lib-commonjs/components/Portal/Portal.types.js.map +1 -1
- package/lib-commonjs/components/Portal/index.js +10 -2
- package/lib-commonjs/components/Portal/index.js.map +1 -1
- package/lib-commonjs/components/Portal/renderPortal.d.ts +1 -1
- package/lib-commonjs/components/Portal/renderPortal.js +18 -7
- package/lib-commonjs/components/Portal/renderPortal.js.map +1 -1
- package/lib-commonjs/components/Portal/usePortal.d.ts +2 -2
- package/lib-commonjs/components/Portal/usePortal.js +39 -24
- package/lib-commonjs/components/Portal/usePortal.js.map +1 -1
- package/lib-commonjs/components/Portal/usePortalMountNode.js +41 -26
- package/lib-commonjs/components/Portal/usePortalMountNode.js.map +1 -1
- package/lib-commonjs/index.js +22 -5
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/virtualParent/elementContains.js +26 -16
- package/lib-commonjs/virtualParent/elementContains.js.map +1 -1
- package/lib-commonjs/virtualParent/getParent.js +10 -3
- package/lib-commonjs/virtualParent/getParent.js.map +1 -1
- package/lib-commonjs/virtualParent/getVirtualParent.js +16 -7
- package/lib-commonjs/virtualParent/getVirtualParent.js.map +1 -1
- package/lib-commonjs/virtualParent/index.js +11 -2
- package/lib-commonjs/virtualParent/index.js.map +1 -1
- package/lib-commonjs/virtualParent/isVirtualElement.js +7 -2
- package/lib-commonjs/virtualParent/isVirtualElement.js.map +1 -1
- package/lib-commonjs/virtualParent/setVirtualParent.js +17 -9
- package/lib-commonjs/virtualParent/setVirtualParent.js.map +1 -1
- package/lib-commonjs/virtualParent/types.js +4 -1
- package/lib-commonjs/virtualParent/types.js.map +1 -1
- package/package.json +8 -9
- package/lib/common/isConformant.d.ts +0 -4
- package/lib/common/isConformant.js +0 -9
- package/lib/common/isConformant.js.map +0 -1
- package/lib-commonjs/common/isConformant.d.ts +0 -4
- package/lib-commonjs/common/isConformant.js +0 -13
- package/lib-commonjs/common/isConformant.js.map +0 -1
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}
|
@@ -1,8 +1,16 @@
|
|
1
1
|
"use strict";
|
2
|
-
|
3
|
-
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
|
7
|
+
const tslib_1 = /*#__PURE__*/require("tslib");
|
8
|
+
|
4
9
|
tslib_1.__exportStar(require("./Portal"), exports);
|
10
|
+
|
5
11
|
tslib_1.__exportStar(require("./Portal.types"), exports);
|
12
|
+
|
6
13
|
tslib_1.__exportStar(require("./renderPortal"), exports);
|
14
|
+
|
7
15
|
tslib_1.__exportStar(require("./usePortal"), exports);
|
8
16
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":["../../../src/components/Portal/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,UAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
@@ -1,13 +1,24 @@
|
|
1
1
|
"use strict";
|
2
|
-
|
3
|
-
exports
|
4
|
-
|
5
|
-
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.renderPortal_unstable = void 0;
|
7
|
+
|
8
|
+
const ReactDOM = /*#__PURE__*/require("react-dom");
|
9
|
+
|
10
|
+
const React = /*#__PURE__*/require("react");
|
6
11
|
/**
|
7
12
|
* Render the final JSX of Portal
|
8
13
|
*/
|
9
|
-
|
10
|
-
|
14
|
+
|
15
|
+
|
16
|
+
const renderPortal_unstable = state => {
|
17
|
+
return React.createElement("span", {
|
18
|
+
hidden: true,
|
19
|
+
ref: state.virtualParentRootRef
|
20
|
+
}, state.shouldRender && state.mountNode && ReactDOM.createPortal(state.children, state.mountNode));
|
11
21
|
};
|
12
|
-
|
22
|
+
|
23
|
+
exports.renderPortal_unstable = renderPortal_unstable;
|
13
24
|
//# sourceMappingURL=renderPortal.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":["../../../src/components/Portal/renderPortal.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,QAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AACA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,qBAAqB,GAAI,KAAD,IAA2C;AAC9E,SACE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAM,IAAA,MAAM,EAAA,IAAZ;AAAa,IAAA,GAAG,EAAE,KAAK,CAAC;AAAxB,GAAA,EACG,KAAK,CAAC,YAAN,IAAsB,KAAK,CAAC,SAA5B,IAAyC,QAAQ,CAAC,YAAT,CAAsB,KAAK,CAAC,QAA5B,EAAsC,KAAK,CAAC,SAA5C,CAD5C,CADF;AAKD,CANM;;AAAM,OAAA,CAAA,qBAAA,GAAqB,qBAArB","sourceRoot":""}
|
@@ -2,8 +2,8 @@ import type { PortalProps, PortalState } from './Portal.types';
|
|
2
2
|
/**
|
3
3
|
* Create the state required to render Portal.
|
4
4
|
*
|
5
|
-
* The returned state can be modified with hooks such as usePortalStyles, before being passed to
|
5
|
+
* The returned state can be modified with hooks such as usePortalStyles, before being passed to renderPortal_unstable.
|
6
6
|
*
|
7
7
|
* @param props - props from this instance of Portal
|
8
8
|
*/
|
9
|
-
export declare const
|
9
|
+
export declare const usePortal_unstable: (props: PortalProps) => PortalState;
|
@@ -1,33 +1,48 @@
|
|
1
1
|
"use strict";
|
2
|
-
|
3
|
-
exports
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.usePortal_unstable = void 0;
|
7
|
+
|
8
|
+
const React = /*#__PURE__*/require("react");
|
9
|
+
|
10
|
+
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
11
|
+
|
12
|
+
const usePortalMountNode_1 = /*#__PURE__*/require("./usePortalMountNode");
|
13
|
+
|
14
|
+
const index_1 = /*#__PURE__*/require("../../virtualParent/index");
|
8
15
|
/**
|
9
16
|
* Create the state required to render Portal.
|
10
17
|
*
|
11
|
-
* The returned state can be modified with hooks such as usePortalStyles, before being passed to
|
18
|
+
* The returned state can be modified with hooks such as usePortalStyles, before being passed to renderPortal_unstable.
|
12
19
|
*
|
13
20
|
* @param props - props from this instance of Portal
|
14
21
|
*/
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
22
|
+
|
23
|
+
|
24
|
+
const usePortal_unstable = props => {
|
25
|
+
const {
|
26
|
+
children,
|
27
|
+
mountNode
|
28
|
+
} = props;
|
29
|
+
const virtualParentRootRef = React.useRef(null);
|
30
|
+
const fallbackMountNode = usePortalMountNode_1.usePortalMountNode({
|
31
|
+
disabled: !!mountNode
|
32
|
+
});
|
33
|
+
const state = {
|
34
|
+
children,
|
35
|
+
mountNode: mountNode !== null && mountNode !== void 0 ? mountNode : fallbackMountNode,
|
36
|
+
shouldRender: !react_utilities_1.useIsSSR(),
|
37
|
+
virtualParentRootRef
|
38
|
+
};
|
39
|
+
React.useEffect(() => {
|
40
|
+
if (state.virtualParentRootRef.current && state.mountNode) {
|
41
|
+
index_1.setVirtualParent(state.mountNode, state.virtualParentRootRef.current);
|
42
|
+
}
|
43
|
+
}, [state.virtualParentRootRef, state.mountNode]);
|
44
|
+
return state;
|
31
45
|
};
|
32
|
-
|
46
|
+
|
47
|
+
exports.usePortal_unstable = usePortal_unstable;
|
33
48
|
//# sourceMappingURL=usePortal.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":["../../../src/components/Portal/usePortal.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,oBAAA,gBAAA,OAAA,CAAA,sBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;;;;;AAMG;;;AACI,MAAM,kBAAkB,GAAI,KAAD,IAAoC;AACpE,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA;AAAZ,MAA0B,KAAhC;AAEA,QAAM,oBAAoB,GAAG,KAAK,CAAC,MAAN,CAA8B,IAA9B,CAA7B;AACA,QAAM,iBAAiB,GAAG,oBAAA,CAAA,kBAAA,CAAmB;AAAE,IAAA,QAAQ,EAAE,CAAC,CAAC;AAAd,GAAnB,CAA1B;AAEA,QAAM,KAAK,GAAgB;AACzB,IAAA,QADyB;AAEzB,IAAA,SAAS,EAAE,SAAS,KAAA,IAAT,IAAA,SAAS,KAAA,KAAA,CAAT,GAAA,SAAA,GAAa,iBAFC;AAGzB,IAAA,YAAY,EAAE,CAAC,iBAAA,CAAA,QAAA,EAHU;AAIzB,IAAA;AAJyB,GAA3B;AAOA,EAAA,KAAK,CAAC,SAAN,CAAgB,MAAK;AACnB,QAAI,KAAK,CAAC,oBAAN,CAA2B,OAA3B,IAAsC,KAAK,CAAC,SAAhD,EAA2D;AACzD,MAAA,OAAA,CAAA,gBAAA,CAAiB,KAAK,CAAC,SAAvB,EAAkC,KAAK,CAAC,oBAAN,CAA2B,OAA7D;AACD;AACF,GAJD,EAIG,CAAC,KAAK,CAAC,oBAAP,EAA6B,KAAK,CAAC,SAAnC,CAJH;AAMA,SAAO,KAAP;AACD,CApBM;;AAAM,OAAA,CAAA,kBAAA,GAAkB,kBAAlB","sourceRoot":""}
|
@@ -1,34 +1,49 @@
|
|
1
1
|
"use strict";
|
2
|
-
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
3
6
|
exports.usePortalMountNode = void 0;
|
4
|
-
|
5
|
-
const
|
6
|
-
|
7
|
-
const
|
7
|
+
|
8
|
+
const React = /*#__PURE__*/require("react");
|
9
|
+
|
10
|
+
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
11
|
+
|
12
|
+
const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
|
13
|
+
|
14
|
+
const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
|
8
15
|
/**
|
9
16
|
* Creates a new element on a document.body to mount portals
|
10
17
|
*/
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
18
|
+
|
19
|
+
|
20
|
+
const usePortalMountNode = options => {
|
21
|
+
const themeClassName = react_shared_contexts_1.useThemeClassName();
|
22
|
+
const {
|
23
|
+
targetDocument,
|
24
|
+
dir
|
25
|
+
} = react_shared_contexts_1.useFluent();
|
26
|
+
const element = React.useMemo(() => {
|
27
|
+
if (targetDocument === undefined || options.disabled) {
|
28
|
+
return undefined;
|
29
|
+
}
|
30
|
+
|
31
|
+
const newElement = targetDocument.createElement('div');
|
32
|
+
newElement.setAttribute('class', themeClassName);
|
33
|
+
newElement.setAttribute('dir', dir);
|
34
|
+
targetDocument.body.appendChild(newElement);
|
35
|
+
return newElement;
|
36
|
+
}, [targetDocument, themeClassName, dir, options.disabled]);
|
37
|
+
react_tabster_1.useKeyboardNavAttribute().current = element;
|
38
|
+
react_utilities_1.useIsomorphicLayoutEffect(() => {
|
39
|
+
return () => {
|
40
|
+
var _a;
|
41
|
+
|
42
|
+
(_a = element === null || element === void 0 ? void 0 : element.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(element);
|
43
|
+
};
|
44
|
+
}, [element]);
|
45
|
+
return element;
|
32
46
|
};
|
47
|
+
|
33
48
|
exports.usePortalMountNode = usePortalMountNode;
|
34
49
|
//# sourceMappingURL=usePortalMountNode.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":["../../../src/components/Portal/usePortalMountNode.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,uBAAA,gBAAA,OAAA,CAAA,iCAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;AASA;;AAEG;;;AACI,MAAM,kBAAkB,GAAI,OAAD,IAAuC;AACvE,QAAM,cAAc,GAAG,uBAAA,CAAA,iBAAA,EAAvB;AACA,QAAM;AAAE,IAAA,cAAF;AAAkB,IAAA;AAAlB,MAA0B,uBAAA,CAAA,SAAA,EAAhC;AAEA,QAAM,OAAO,GAAG,KAAK,CAAC,OAAN,CAAc,MAAK;AACjC,QAAI,cAAc,KAAK,SAAnB,IAAgC,OAAO,CAAC,QAA5C,EAAsD;AACpD,aAAO,SAAP;AACD;;AAED,UAAM,UAAU,GAAG,cAAc,CAAC,aAAf,CAA6B,KAA7B,CAAnB;AACA,IAAA,UAAU,CAAC,YAAX,CAAwB,OAAxB,EAAiC,cAAjC;AACA,IAAA,UAAU,CAAC,YAAX,CAAwB,KAAxB,EAA+B,GAA/B;AACA,IAAA,cAAc,CAAC,IAAf,CAAoB,WAApB,CAAgC,UAAhC;AAEA,WAAO,UAAP;AACD,GAXe,EAWb,CAAC,cAAD,EAAiB,cAAjB,EAAiC,GAAjC,EAAsC,OAAO,CAAC,QAA9C,CAXa,CAAhB;AAaC,EAAA,eAAA,CAAA,uBAAA,GAAkE,OAAlE,GAA4E,OAA5E;AAED,EAAA,iBAAA,CAAA,yBAAA,CAA0B,MAAK;AAC7B,WAAO,MAAK;;;AACV,OAAA,EAAA,GAAA,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAE,aAAT,MAAsB,IAAtB,IAAsB,EAAA,KAAA,KAAA,CAAtB,GAAsB,KAAA,CAAtB,GAAsB,EAAA,CAAE,WAAF,CAAc,OAAd,CAAtB;AACD,KAFD;AAGD,GAJD,EAIG,CAAC,OAAD,CAJH;AAMA,SAAO,OAAP;AACD,CA1BM;;AAAM,OAAA,CAAA,kBAAA,GAAkB,kBAAlB","sourceRoot":""}
|
package/lib-commonjs/index.js
CHANGED
@@ -1,9 +1,26 @@
|
|
1
1
|
"use strict";
|
2
|
-
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
3
6
|
exports.setVirtualParent = exports.elementContains = void 0;
|
4
|
-
|
7
|
+
|
8
|
+
const tslib_1 = /*#__PURE__*/require("tslib");
|
9
|
+
|
5
10
|
tslib_1.__exportStar(require("./components/Portal/index"), exports);
|
6
|
-
|
7
|
-
|
8
|
-
|
11
|
+
|
12
|
+
var index_1 = /*#__PURE__*/require("./virtualParent/index");
|
13
|
+
|
14
|
+
Object.defineProperty(exports, "elementContains", {
|
15
|
+
enumerable: true,
|
16
|
+
get: function () {
|
17
|
+
return index_1.elementContains;
|
18
|
+
}
|
19
|
+
});
|
20
|
+
Object.defineProperty(exports, "setVirtualParent", {
|
21
|
+
enumerable: true,
|
22
|
+
get: function () {
|
23
|
+
return index_1.setVirtualParent;
|
24
|
+
}
|
25
|
+
});
|
9
26
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,2BAAA,CAAA,EAAA,OAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,iBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,OAAA,CAAA,eAAA;AAAe;AAAf,CAAA;AAAiB,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,kBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,OAAA,CAAA,gBAAA;AAAgB;AAAhB,CAAA","sourceRoot":""}
|
@@ -1,30 +1,40 @@
|
|
1
1
|
"use strict";
|
2
|
-
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
3
6
|
exports.elementContains = void 0;
|
4
|
-
|
7
|
+
|
8
|
+
const getParent_1 = /*#__PURE__*/require("./getParent");
|
5
9
|
/**
|
6
10
|
* Similar functionality to `element.contains` DOM API for use with out of order DOM elements that
|
7
11
|
* checks the virtual parent hierarchy. If a virtual parents exists, it is chosen over the actual parent
|
8
12
|
*
|
9
13
|
* @returns true if the child can find the parent in its virtual hierarchy
|
10
14
|
*/
|
15
|
+
|
16
|
+
|
11
17
|
function elementContains(parent, child) {
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
18
|
+
if (!parent || !child) {
|
19
|
+
return false;
|
20
|
+
}
|
21
|
+
|
22
|
+
if (parent === child) {
|
23
|
+
return true;
|
24
|
+
} else {
|
25
|
+
while (child) {
|
26
|
+
const nextParent = getParent_1.getParent(child);
|
27
|
+
|
28
|
+
if (nextParent === parent) {
|
16
29
|
return true;
|
30
|
+
}
|
31
|
+
|
32
|
+
child = nextParent;
|
17
33
|
}
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
if (nextParent === parent) {
|
22
|
-
return true;
|
23
|
-
}
|
24
|
-
child = nextParent;
|
25
|
-
}
|
26
|
-
}
|
27
|
-
return false;
|
34
|
+
}
|
35
|
+
|
36
|
+
return false;
|
28
37
|
}
|
38
|
+
|
29
39
|
exports.elementContains = elementContains;
|
30
40
|
//# sourceMappingURL=elementContains.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":["../../src/virtualParent/elementContains.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,WAAA,gBAAA,OAAA,CAAA,aAAA,CAAA;AACA;;;;;AAKG;;;AACH,SAAgB,eAAhB,CAAgC,MAAhC,EAA4D,KAA5D,EAAqF;AACnF,MAAI,CAAC,MAAD,IAAW,CAAC,KAAhB,EAAuB;AACrB,WAAO,KAAP;AACD;;AAED,MAAI,MAAM,KAAK,KAAf,EAAsB;AACpB,WAAO,IAAP;AACD,GAFD,MAEO;AACL,WAAO,KAAP,EAAc;AACZ,YAAM,UAAU,GAAuB,WAAA,CAAA,SAAA,CAAU,KAAV,CAAvC;;AAEA,UAAI,UAAU,KAAK,MAAnB,EAA2B;AACzB,eAAO,IAAP;AACD;;AAED,MAAA,KAAK,GAAG,UAAR;AACD;AACF;;AAED,SAAO,KAAP;AACD;;AApBD,OAAA,CAAA,eAAA,GAAA,eAAA","sourceRoot":""}
|
@@ -1,13 +1,20 @@
|
|
1
1
|
"use strict";
|
2
|
-
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
3
6
|
exports.getParent = void 0;
|
4
|
-
|
7
|
+
|
8
|
+
const getVirtualParent_1 = /*#__PURE__*/require("./getVirtualParent");
|
5
9
|
/**
|
6
10
|
* Gets the element which is the parent of a given element.
|
7
11
|
* This method prefers the virtual parent over real DOM parent when present.
|
8
12
|
*/
|
13
|
+
|
14
|
+
|
9
15
|
function getParent(child) {
|
10
|
-
|
16
|
+
return child && getVirtualParent_1.getVirtualParent(child) || (child === null || child === void 0 ? void 0 : child.parentNode);
|
11
17
|
}
|
18
|
+
|
12
19
|
exports.getParent = getParent;
|
13
20
|
//# sourceMappingURL=getParent.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":["../../src/virtualParent/getParent.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;AAEA;;;AAGG;;;AACH,SAAgB,SAAhB,CAA0B,KAA1B,EAAmD;AACjD,SAAQ,KAAK,IAAI,kBAAA,CAAA,gBAAA,CAAiB,KAAjB,CAAV,KAAuC,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAA,KAAK,CAAE,UAA9C,CAAP;AACD;;AAFD,OAAA,CAAA,SAAA,GAAA,SAAA","sourceRoot":""}
|
@@ -1,16 +1,25 @@
|
|
1
1
|
"use strict";
|
2
|
-
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
3
6
|
exports.getVirtualParent = void 0;
|
4
|
-
|
7
|
+
|
8
|
+
const isVirtualElement_1 = /*#__PURE__*/require("./isVirtualElement");
|
5
9
|
/**
|
6
10
|
* Gets the virtual parent given the child element, if it exists.
|
7
11
|
*/
|
12
|
+
|
13
|
+
|
8
14
|
function getVirtualParent(child) {
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
15
|
+
let parent;
|
16
|
+
|
17
|
+
if (isVirtualElement_1.isVirtualElement(child)) {
|
18
|
+
parent = child._virtual.parent;
|
19
|
+
}
|
20
|
+
|
21
|
+
return parent;
|
14
22
|
}
|
23
|
+
|
15
24
|
exports.getVirtualParent = getVirtualParent;
|
16
25
|
//# sourceMappingURL=getVirtualParent.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":["../../src/virtualParent/getVirtualParent.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;AACA;;AAEG;;;AACH,SAAgB,gBAAhB,CAAiC,KAAjC,EAAmD;AACjD,MAAI,MAAJ;;AACA,MAAI,kBAAA,CAAA,gBAAA,CAAiB,KAAjB,CAAJ,EAA6B;AAC3B,IAAA,MAAM,GAAG,KAAK,CAAC,QAAN,CAAe,MAAxB;AACD;;AACD,SAAO,MAAP;AACD;;AAND,OAAA,CAAA,gBAAA,GAAA,gBAAA","sourceRoot":""}
|
@@ -1,9 +1,18 @@
|
|
1
1
|
"use strict";
|
2
|
-
|
3
|
-
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
|
7
|
+
const tslib_1 = /*#__PURE__*/require("tslib");
|
8
|
+
|
4
9
|
tslib_1.__exportStar(require("./elementContains"), exports);
|
10
|
+
|
5
11
|
tslib_1.__exportStar(require("./getParent"), exports);
|
12
|
+
|
6
13
|
tslib_1.__exportStar(require("./getVirtualParent"), exports);
|
14
|
+
|
7
15
|
tslib_1.__exportStar(require("./isVirtualElement"), exports);
|
16
|
+
|
8
17
|
tslib_1.__exportStar(require("./setVirtualParent"), exports);
|
9
18
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":["../../src/virtualParent/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
@@ -1,11 +1,16 @@
|
|
1
1
|
"use strict";
|
2
|
-
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
3
6
|
exports.isVirtualElement = void 0;
|
4
7
|
/**
|
5
8
|
* Determines whether or not an element has the virtual hierarchy extension.
|
6
9
|
*/
|
10
|
+
|
7
11
|
function isVirtualElement(element) {
|
8
|
-
|
12
|
+
return element && !!element._virtual;
|
9
13
|
}
|
14
|
+
|
10
15
|
exports.isVirtualElement = isVirtualElement;
|
11
16
|
//# sourceMappingURL=isVirtualElement.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":["../../src/virtualParent/isVirtualElement.ts"],"names":[],"mappings":";;;;;;AAEA;;AAEG;;AACH,SAAgB,gBAAhB,CAAiC,OAAjC,EAAsE;AACpE,SAAO,OAAO,IAAI,CAAC,CAAkB,OAAQ,CAAC,QAA9C;AACD;;AAFD,OAAA,CAAA,gBAAA,GAAA,gBAAA","sourceRoot":""}
|
@@ -1,5 +1,8 @@
|
|
1
1
|
"use strict";
|
2
|
-
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
3
6
|
exports.setVirtualParent = void 0;
|
4
7
|
/**
|
5
8
|
* Sets the virtual parent of an element.
|
@@ -7,15 +10,20 @@ exports.setVirtualParent = void 0;
|
|
7
10
|
* @param child - Theme element to set the virtual parent
|
8
11
|
* @param parent - The virtual parent, use `undefined` to remove a virtual parent relationship
|
9
12
|
*/
|
13
|
+
|
10
14
|
function setVirtualParent(child, parent) {
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
virtualChild._virtual
|
15
|
+
if (!child) {
|
16
|
+
return;
|
17
|
+
}
|
18
|
+
|
19
|
+
const virtualChild = child;
|
20
|
+
|
21
|
+
if (!virtualChild._virtual) {
|
22
|
+
virtualChild._virtual = {};
|
23
|
+
}
|
24
|
+
|
25
|
+
virtualChild._virtual.parent = parent || undefined;
|
19
26
|
}
|
27
|
+
|
20
28
|
exports.setVirtualParent = setVirtualParent;
|
21
29
|
//# sourceMappingURL=setVirtualParent.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":["../../src/virtualParent/setVirtualParent.ts"],"names":[],"mappings":";;;;;;AAEA;;;;;AAKG;;AACH,SAAgB,gBAAhB,CAAiC,KAAjC,EAAqD,MAArD,EAAyE;AACvE,MAAI,CAAC,KAAL,EAAY;AACV;AACD;;AAED,QAAM,YAAY,GAAmB,KAArC;;AAEA,MAAI,CAAC,YAAY,CAAC,QAAlB,EAA4B;AAC1B,IAAA,YAAY,CAAC,QAAb,GAAwB,EAAxB;AACD;;AAED,EAAA,YAAY,CAAC,QAAb,CAAsB,MAAtB,GAA+B,MAAM,IAAI,SAAzC;AACD;;AAZD,OAAA,CAAA,gBAAA,GAAA,gBAAA","sourceRoot":""}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fluentui/react-portal",
|
3
|
-
"version": "0.0.0-
|
3
|
+
"version": "0.0.0-nightly946f57cad420220203.1",
|
4
4
|
"description": "A utility component that creates portals compatible with Fluent UI",
|
5
5
|
"main": "lib-commonjs/index.js",
|
6
6
|
"module": "lib/index.js",
|
@@ -19,14 +19,14 @@
|
|
19
19
|
"just": "just-scripts",
|
20
20
|
"lint": "just-scripts lint",
|
21
21
|
"start": "yarn storybook",
|
22
|
-
"test": "jest",
|
22
|
+
"test": "jest --passWithNoTests",
|
23
23
|
"docs": "api-extractor run --config=config/api-extractor.local.json --local",
|
24
|
-
"build:local": "tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/react-portal/src && yarn docs",
|
25
|
-
"storybook": "
|
24
|
+
"build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-portal/src && yarn docs",
|
25
|
+
"storybook": "node ../../scripts/storybook/runner",
|
26
|
+
"type-check": "tsc -b tsconfig.json"
|
26
27
|
},
|
27
28
|
"devDependencies": {
|
28
29
|
"@fluentui/eslint-plugin": "*",
|
29
|
-
"@fluentui/jest-serializer-make-styles": "0.0.0-nightly8faa94d11420211118.1",
|
30
30
|
"@fluentui/react-conformance": "*",
|
31
31
|
"@fluentui/scripts": "^1.0.0",
|
32
32
|
"@types/enzyme": "3.10.3",
|
@@ -41,10 +41,9 @@
|
|
41
41
|
"react-test-renderer": "^16.3.0"
|
42
42
|
},
|
43
43
|
"dependencies": {
|
44
|
-
"@fluentui/react-
|
45
|
-
"@fluentui/react-
|
46
|
-
"@fluentui/react-
|
47
|
-
"@fluentui/react-utilities": "0.0.0-nightly8faa94d11420211118.1",
|
44
|
+
"@fluentui/react-shared-contexts": "0.0.0-nightly946f57cad420220203.1",
|
45
|
+
"@fluentui/react-tabster": "0.0.0-nightly946f57cad420220203.1",
|
46
|
+
"@fluentui/react-utilities": "0.0.0-nightly946f57cad420220203.1",
|
48
47
|
"tslib": "^2.1.0"
|
49
48
|
},
|
50
49
|
"peerDependencies": {
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import { isConformant as baseIsConformant } from '@fluentui/react-conformance';
|
2
|
-
export function isConformant(testInfo) {
|
3
|
-
const defaultOptions = {
|
4
|
-
asPropHandlesRef: true,
|
5
|
-
componentPath: module.parent.filename.replace('.test', ''),
|
6
|
-
};
|
7
|
-
baseIsConformant(defaultOptions, testInfo);
|
8
|
-
}
|
9
|
-
//# sourceMappingURL=isConformant.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"isConformant.js","sourceRoot":"","sources":["../../src/common/isConformant.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAG/E,MAAM,UAAU,YAAY,CAC1B,QAAyF;IAEzF,MAAM,cAAc,GAAyC;QAC3D,gBAAgB,EAAE,IAAI;QACtB,aAAa,EAAE,MAAO,CAAC,MAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;KAC7D,CAAC;IAEF,gBAAgB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;AAC7C,CAAC"}
|