@fluentui/react-positioning 0.0.0-nightly-20230317-0436.1 → 0.0.0-nightly-20230317-1454.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/.swcrc +39 -0
- package/CHANGELOG.json +9 -9
- package/CHANGELOG.md +7 -7
- package/lib/constants.js +4 -4
- package/lib/constants.js.map +1 -1
- package/lib/createArrowStyles.js +19 -19
- package/lib/createArrowStyles.js.map +1 -1
- package/lib/createPositionManager.js +13 -13
- package/lib/createPositionManager.js.map +1 -1
- package/lib/createVirtualElementFromClick.js +1 -2
- package/lib/createVirtualElementFromClick.js.map +1 -1
- package/lib/index.js +5 -5
- package/lib/index.js.map +1 -1
- package/lib/middleware/coverTarget.js +6 -6
- package/lib/middleware/coverTarget.js.map +1 -1
- package/lib/middleware/flip.js +4 -4
- package/lib/middleware/flip.js.map +1 -1
- package/lib/middleware/index.js +6 -6
- package/lib/middleware/index.js.map +1 -1
- package/lib/middleware/intersecting.js +2 -2
- package/lib/middleware/intersecting.js.map +1 -1
- package/lib/middleware/maxSize.js +8 -8
- package/lib/middleware/maxSize.js.map +1 -1
- package/lib/middleware/offset.js +2 -2
- package/lib/middleware/offset.js.map +1 -1
- package/lib/middleware/shift.js +5 -5
- package/lib/middleware/shift.js.map +1 -1
- package/lib/types.js +1 -1
- package/lib/types.js.map +1 -1
- package/lib/usePositioning.js +20 -26
- package/lib/usePositioning.js.map +1 -1
- package/lib/usePositioningMouseTarget.js +4 -4
- package/lib/usePositioningMouseTarget.js.map +1 -1
- package/lib/utils/debounce.js +1 -2
- package/lib/utils/debounce.js.map +1 -1
- package/lib/utils/fromFloatingUIPlacement.js +10 -10
- package/lib/utils/fromFloatingUIPlacement.js.map +1 -1
- package/lib/utils/getBoundary.js +8 -8
- package/lib/utils/getBoundary.js.map +1 -1
- package/lib/utils/getFloatingUIOffset.js +2 -2
- package/lib/utils/getFloatingUIOffset.js.map +1 -1
- package/lib/utils/getReactFiberFromNode.js +3 -2
- package/lib/utils/getReactFiberFromNode.js.map +1 -1
- package/lib/utils/getScrollParent.js +7 -10
- package/lib/utils/getScrollParent.js.map +1 -1
- package/lib/utils/hasAutoFocusFilter.js +3 -4
- package/lib/utils/hasAutoFocusFilter.js.map +1 -1
- package/lib/utils/index.js +15 -15
- package/lib/utils/index.js.map +1 -1
- package/lib/utils/mergeArrowOffset.js +6 -8
- package/lib/utils/mergeArrowOffset.js.map +1 -1
- package/lib/utils/parseFloatingUIPlacement.js +2 -3
- package/lib/utils/parseFloatingUIPlacement.js.map +1 -1
- package/lib/utils/resolvePositioningShorthand.js +33 -33
- package/lib/utils/resolvePositioningShorthand.js.map +1 -1
- package/lib/utils/toFloatingUIPadding.js +3 -3
- package/lib/utils/toFloatingUIPadding.js.map +1 -1
- package/lib/utils/toFloatingUIPlacement.js +11 -11
- package/lib/utils/toFloatingUIPlacement.js.map +1 -1
- package/lib/utils/toggleScrollListener.js +4 -4
- package/lib/utils/toggleScrollListener.js.map +1 -1
- package/lib/utils/useCallbackRef.js +2 -2
- package/lib/utils/useCallbackRef.js.map +1 -1
- package/lib/utils/writeArrowUpdates.js +1 -2
- package/lib/utils/writeArrowUpdates.js.map +1 -1
- package/lib/utils/writeContainerupdates.js +7 -8
- package/lib/utils/writeContainerupdates.js.map +1 -1
- package/lib-commonjs/constants.js +18 -7
- package/lib-commonjs/constants.js.map +1 -1
- package/lib-commonjs/createArrowStyles.js +60 -88
- package/lib-commonjs/createArrowStyles.js.map +1 -1
- package/lib-commonjs/createPositionManager.js +103 -117
- package/lib-commonjs/createPositionManager.js.map +1 -1
- package/lib-commonjs/createVirtualElementFromClick.js +27 -26
- package/lib-commonjs/createVirtualElementFromClick.js.map +1 -1
- package/lib-commonjs/index.js +24 -51
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/middleware/coverTarget.js +34 -37
- package/lib-commonjs/middleware/coverTarget.js.map +1 -1
- package/lib-commonjs/middleware/flip.js +31 -38
- package/lib-commonjs/middleware/flip.js.map +1 -1
- package/lib-commonjs/middleware/index.js +10 -9
- package/lib-commonjs/middleware/index.js.map +1 -1
- package/lib-commonjs/middleware/intersecting.js +24 -22
- package/lib-commonjs/middleware/intersecting.js.map +1 -1
- package/lib-commonjs/middleware/maxSize.js +34 -40
- package/lib-commonjs/middleware/maxSize.js.map +1 -1
- package/lib-commonjs/middleware/offset.js +11 -12
- package/lib-commonjs/middleware/offset.js.map +1 -1
- package/lib-commonjs/middleware/shift.js +29 -37
- package/lib-commonjs/middleware/shift.js.map +1 -1
- package/lib-commonjs/types.js +5 -2
- package/lib-commonjs/types.js.map +1 -1
- package/lib-commonjs/usePositioning.js +192 -164
- package/lib-commonjs/usePositioning.js.map +1 -1
- package/lib-commonjs/usePositioningMouseTarget.js +34 -37
- package/lib-commonjs/usePositioningMouseTarget.js.map +1 -1
- package/lib-commonjs/utils/debounce.js +22 -21
- package/lib-commonjs/utils/debounce.js.map +1 -1
- package/lib-commonjs/utils/fromFloatingUIPlacement.js +30 -35
- package/lib-commonjs/utils/fromFloatingUIPlacement.js.map +1 -1
- package/lib-commonjs/utils/getBoundary.js +21 -22
- package/lib-commonjs/utils/getBoundary.js.map +1 -1
- package/lib-commonjs/utils/getFloatingUIOffset.js +23 -35
- package/lib-commonjs/utils/getFloatingUIOffset.js.map +1 -1
- package/lib-commonjs/utils/getReactFiberFromNode.js +45 -41
- package/lib-commonjs/utils/getReactFiberFromNode.js.map +1 -1
- package/lib-commonjs/utils/getScrollParent.js +50 -56
- package/lib-commonjs/utils/getScrollParent.js.map +1 -1
- package/lib-commonjs/utils/hasAutoFocusFilter.js +17 -17
- package/lib-commonjs/utils/hasAutoFocusFilter.js.map +1 -1
- package/lib-commonjs/utils/index.js +19 -18
- package/lib-commonjs/utils/index.js.map +1 -1
- package/lib-commonjs/utils/mergeArrowOffset.js +32 -32
- package/lib-commonjs/utils/mergeArrowOffset.js.map +1 -1
- package/lib-commonjs/utils/parseFloatingUIPlacement.js +15 -14
- package/lib-commonjs/utils/parseFloatingUIPlacement.js.map +1 -1
- package/lib-commonjs/utils/resolvePositioningShorthand.js +63 -61
- package/lib-commonjs/utils/resolvePositioningShorthand.js.map +1 -1
- package/lib-commonjs/utils/toFloatingUIPadding.js +23 -25
- package/lib-commonjs/utils/toFloatingUIPadding.js.map +1 -1
- package/lib-commonjs/utils/toFloatingUIPlacement.js +31 -33
- package/lib-commonjs/utils/toFloatingUIPlacement.js.map +1 -1
- package/lib-commonjs/utils/toggleScrollListener.js +20 -24
- package/lib-commonjs/utils/toggleScrollListener.js.map +1 -1
- package/lib-commonjs/utils/useCallbackRef.js +39 -53
- package/lib-commonjs/utils/useCallbackRef.js.map +1 -1
- package/lib-commonjs/utils/writeArrowUpdates.js +19 -24
- package/lib-commonjs/utils/writeArrowUpdates.js.map +1 -1
- package/lib-commonjs/utils/writeContainerupdates.js +36 -45
- package/lib-commonjs/utils/writeContainerupdates.js.map +1 -1
- package/package.json +6 -6
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
1
|
//
|
|
4
2
|
// Dev utils to detect if nodes have "autoFocus" props.
|
|
5
3
|
//
|
|
4
|
+
"use strict";
|
|
6
5
|
Object.defineProperty(exports, "__esModule", {
|
|
7
|
-
|
|
6
|
+
value: true
|
|
8
7
|
});
|
|
9
|
-
exports
|
|
10
|
-
|
|
8
|
+
Object.defineProperty(exports, "hasAutofocusFilter", {
|
|
9
|
+
enumerable: true,
|
|
10
|
+
get: ()=>hasAutofocusFilter
|
|
11
|
+
});
|
|
12
|
+
const _getReactFiberFromNode = require("./getReactFiberFromNode");
|
|
11
13
|
/**
|
|
12
14
|
* Detects if a passed HTML node has "autoFocus" prop on a React's fiber. Is needed as React handles autofocus behavior
|
|
13
15
|
* in React DOM and will not pass "autoFocus" to an actual HTML.
|
|
14
16
|
*
|
|
15
17
|
* @param node
|
|
16
|
-
*/
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
return
|
|
23
|
-
}
|
|
24
|
-
return false;
|
|
18
|
+
*/ function hasAutofocusProp(node) {
|
|
19
|
+
// https://github.com/facebook/react/blob/848bb2426e44606e0a55dfe44c7b3ece33772485/packages/react-dom/src/client/ReactDOMHostConfig.js#L157-L166
|
|
20
|
+
const isAutoFocusableElement = node.nodeName === "BUTTON" || node.nodeName === "INPUT" || node.nodeName === "SELECT" || node.nodeName === "TEXTAREA";
|
|
21
|
+
if (isAutoFocusableElement) {
|
|
22
|
+
return !!(0, _getReactFiberFromNode.getReactFiberFromNode)(node)?.pendingProps.autoFocus;
|
|
23
|
+
}
|
|
24
|
+
return false;
|
|
25
25
|
}
|
|
26
26
|
function hasAutofocusFilter(node) {
|
|
27
|
-
|
|
28
|
-
}
|
|
29
|
-
|
|
27
|
+
return hasAutofocusProp(node) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
|
|
28
|
+
} //# sourceMappingURL=hasAutoFocusFilter.js.map
|
|
29
|
+
|
|
30
30
|
//# sourceMappingURL=hasAutoFocusFilter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../lib/utils/hasAutoFocusFilter.js"],"sourcesContent":["//\n// Dev utils to detect if nodes have \"autoFocus\" props.\n//\nimport { getReactFiberFromNode } from \"./getReactFiberFromNode\";\n/**\n * Detects if a passed HTML node has \"autoFocus\" prop on a React's fiber. Is needed as React handles autofocus behavior\n * in React DOM and will not pass \"autoFocus\" to an actual HTML.\n *\n * @param node\n */\nfunction hasAutofocusProp(node) {\n // https://github.com/facebook/react/blob/848bb2426e44606e0a55dfe44c7b3ece33772485/packages/react-dom/src/client/ReactDOMHostConfig.js#L157-L166\n const isAutoFocusableElement = node.nodeName === \"BUTTON\" || node.nodeName === \"INPUT\" || node.nodeName === \"SELECT\" || node.nodeName === \"TEXTAREA\";\n if (isAutoFocusableElement) {\n return !!getReactFiberFromNode(node)?.pendingProps.autoFocus;\n }\n return false;\n}\nexport function hasAutofocusFilter(node) {\n return hasAutofocusProp(node) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;\n}\n//# sourceMappingURL=hasAutoFocusFilter.js.map"],"names":["hasAutofocusFilter","hasAutofocusProp","node","isAutoFocusableElement","nodeName","getReactFiberFromNode","pendingProps","autoFocus","NodeFilter","FILTER_ACCEPT","FILTER_SKIP"],"mappings":"AAAA,EAAE;AACF,uDAAuD;AACvD,EAAE;;;;;+BAgBcA;;aAAAA;;uCAfsB;AACtC;;;;;CAKC,GACD,SAASC,iBAAiBC,IAAI,EAAE;IAC9B,gJAAgJ;IAChJ,MAAMC,yBAAyBD,KAAKE,QAAQ,KAAK,YAAYF,KAAKE,QAAQ,KAAK,WAAWF,KAAKE,QAAQ,KAAK,YAAYF,KAAKE,QAAQ,KAAK;IAC1I,IAAID,wBAAwB;QAC1B,OAAO,CAAC,CAACE,IAAAA,4CAAqB,EAACH,OAAOI,aAAaC,SAAS;IAC9D,CAAC;IACD,OAAO,KAAK;AACd;AACO,SAASP,mBAAmBE,IAAI,EAAE;IACvC,OAAOD,iBAAiBC,QAAQM,WAAWC,aAAa,GAAGD,WAAWE,WAAW;AACnF,EACA,8CAA8C"}
|
|
@@ -1,22 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
5
4
|
});
|
|
6
|
-
const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
5
|
+
const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
|
|
6
|
+
_exportStar(require("./parseFloatingUIPlacement"), exports);
|
|
7
|
+
_exportStar(require("./getBoundary"), exports);
|
|
8
|
+
_exportStar(require("./getReactFiberFromNode"), exports);
|
|
9
|
+
_exportStar(require("./getScrollParent"), exports);
|
|
10
|
+
_exportStar(require("./mergeArrowOffset"), exports);
|
|
11
|
+
_exportStar(require("./toFloatingUIPadding"), exports);
|
|
12
|
+
_exportStar(require("./toFloatingUIPlacement"), exports);
|
|
13
|
+
_exportStar(require("./fromFloatingUIPlacement"), exports);
|
|
14
|
+
_exportStar(require("./resolvePositioningShorthand"), exports);
|
|
15
|
+
_exportStar(require("./useCallbackRef"), exports);
|
|
16
|
+
_exportStar(require("./debounce"), exports);
|
|
17
|
+
_exportStar(require("./toggleScrollListener"), exports);
|
|
18
|
+
_exportStar(require("./hasAutoFocusFilter"), exports);
|
|
19
|
+
_exportStar(require("./writeArrowUpdates"), exports);
|
|
20
|
+
_exportStar(require("./writeContainerupdates"), exports);
|
|
21
|
+
//# sourceMappingURL=index.js.map
|
|
22
|
+
|
|
22
23
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../lib/utils/index.js"],"sourcesContent":["export * from \"./parseFloatingUIPlacement\";\nexport * from \"./getBoundary\";\nexport * from \"./getReactFiberFromNode\";\nexport * from \"./getScrollParent\";\nexport * from \"./mergeArrowOffset\";\nexport * from \"./toFloatingUIPadding\";\nexport * from \"./toFloatingUIPlacement\";\nexport * from \"./fromFloatingUIPlacement\";\nexport * from \"./resolvePositioningShorthand\";\nexport * from \"./useCallbackRef\";\nexport * from \"./debounce\";\nexport * from \"./toggleScrollListener\";\nexport * from \"./hasAutoFocusFilter\";\nexport * from \"./writeArrowUpdates\";\nexport * from \"./writeContainerupdates\";\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
|
|
@@ -1,9 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.mergeArrowOffset = void 0;
|
|
7
1
|
/**
|
|
8
2
|
* Generally when adding an arrow to popper, it's necessary to offset the position of the popper by the
|
|
9
3
|
* height of the arrow. A simple utility to merge a provided offset with an arrow height to return the final offset
|
|
@@ -12,35 +6,41 @@ exports.mergeArrowOffset = void 0;
|
|
|
12
6
|
* @param userOffset - The offset provided by the user
|
|
13
7
|
* @param arrowHeight - The height of the arrow in px
|
|
14
8
|
* @returns User offset augmented with arrow height
|
|
15
|
-
*/
|
|
9
|
+
*/ "use strict";
|
|
10
|
+
Object.defineProperty(exports, "__esModule", {
|
|
11
|
+
value: true
|
|
12
|
+
});
|
|
13
|
+
Object.defineProperty(exports, "mergeArrowOffset", {
|
|
14
|
+
enumerable: true,
|
|
15
|
+
get: ()=>mergeArrowOffset
|
|
16
|
+
});
|
|
16
17
|
function mergeArrowOffset(userOffset, arrowHeight) {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
18
|
+
if (typeof userOffset === "number") {
|
|
19
|
+
return addArrowOffset(userOffset, arrowHeight);
|
|
20
|
+
}
|
|
21
|
+
if (typeof userOffset === "object" && userOffset !== null) {
|
|
22
|
+
return addArrowOffset(userOffset, arrowHeight);
|
|
23
|
+
}
|
|
24
|
+
if (typeof userOffset === "function") {
|
|
25
|
+
return (offsetParams)=>{
|
|
26
|
+
const offset = userOffset(offsetParams);
|
|
27
|
+
return addArrowOffset(offset, arrowHeight);
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
return {
|
|
31
|
+
mainAxis: arrowHeight
|
|
27
32
|
};
|
|
28
|
-
}
|
|
29
|
-
return {
|
|
30
|
-
mainAxis: arrowHeight
|
|
31
|
-
};
|
|
32
33
|
}
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
34
|
+
const addArrowOffset = (offset, arrowHeight)=>{
|
|
35
|
+
if (typeof offset === "number") {
|
|
36
|
+
return {
|
|
37
|
+
mainAxis: offset + arrowHeight
|
|
38
|
+
};
|
|
39
|
+
}
|
|
37
40
|
return {
|
|
38
|
-
|
|
41
|
+
...offset,
|
|
42
|
+
mainAxis: (offset.mainAxis ?? 0) + arrowHeight
|
|
39
43
|
};
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
...offset,
|
|
43
|
-
mainAxis: ((_a = offset.mainAxis) !== null && _a !== void 0 ? _a : 0) + arrowHeight
|
|
44
|
-
};
|
|
45
|
-
};
|
|
44
|
+
}; //# sourceMappingURL=mergeArrowOffset.js.map
|
|
45
|
+
|
|
46
46
|
//# sourceMappingURL=mergeArrowOffset.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../lib/utils/mergeArrowOffset.js"],"sourcesContent":["/**\n * Generally when adding an arrow to popper, it's necessary to offset the position of the popper by the\n * height of the arrow. A simple utility to merge a provided offset with an arrow height to return the final offset\n *\n * @internal\n * @param userOffset - The offset provided by the user\n * @param arrowHeight - The height of the arrow in px\n * @returns User offset augmented with arrow height\n */export function mergeArrowOffset(userOffset, arrowHeight) {\n if (typeof userOffset === \"number\") {\n return addArrowOffset(userOffset, arrowHeight);\n }\n if (typeof userOffset === \"object\" && userOffset !== null) {\n return addArrowOffset(userOffset, arrowHeight);\n }\n if (typeof userOffset === \"function\") {\n return offsetParams => {\n const offset = userOffset(offsetParams);\n return addArrowOffset(offset, arrowHeight);\n };\n }\n return {\n mainAxis: arrowHeight\n };\n}\nconst addArrowOffset = (offset, arrowHeight) => {\n if (typeof offset === \"number\") {\n return {\n mainAxis: offset + arrowHeight\n };\n }\n return {\n ...offset,\n mainAxis: (offset.mainAxis ?? 0) + arrowHeight\n };\n};\n//# sourceMappingURL=mergeArrowOffset.js.map"],"names":["mergeArrowOffset","userOffset","arrowHeight","addArrowOffset","offsetParams","offset","mainAxis"],"mappings":"AAAA;;;;;;;;CAQC;;;;+BAAkBA;;aAAAA;;AAAT,SAASA,iBAAiBC,UAAU,EAAEC,WAAW,EAAE;IAC3D,IAAI,OAAOD,eAAe,UAAU;QAClC,OAAOE,eAAeF,YAAYC;IACpC,CAAC;IACD,IAAI,OAAOD,eAAe,YAAYA,eAAe,IAAI,EAAE;QACzD,OAAOE,eAAeF,YAAYC;IACpC,CAAC;IACD,IAAI,OAAOD,eAAe,YAAY;QACpC,OAAOG,CAAAA,eAAgB;YACrB,MAAMC,SAASJ,WAAWG;YAC1B,OAAOD,eAAeE,QAAQH;QAChC;IACF,CAAC;IACD,OAAO;QACLI,UAAUJ;IACZ;AACF;AACA,MAAMC,iBAAiB,CAACE,QAAQH,cAAgB;IAC9C,IAAI,OAAOG,WAAW,UAAU;QAC9B,OAAO;YACLC,UAAUD,SAASH;QACrB;IACF,CAAC;IACD,OAAO;QACL,GAAGG,MAAM;QACTC,UAAU,AAACD,CAAAA,OAAOC,QAAQ,IAAI,CAAA,IAAKJ;IACrC;AACF,GACA,4CAA4C"}
|
|
@@ -1,21 +1,22 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.parseFloatingUIPlacement = void 0;
|
|
7
1
|
/**
|
|
8
2
|
* Parses Floating UI placement and returns the different components
|
|
9
3
|
* @param placement - the floating ui placement (i.e. bottom-start)
|
|
10
4
|
*
|
|
11
5
|
* @returns side and alignment components of the placement
|
|
12
|
-
*/
|
|
6
|
+
*/ "use strict";
|
|
7
|
+
Object.defineProperty(exports, "__esModule", {
|
|
8
|
+
value: true
|
|
9
|
+
});
|
|
10
|
+
Object.defineProperty(exports, "parseFloatingUIPlacement", {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: ()=>parseFloatingUIPlacement
|
|
13
|
+
});
|
|
13
14
|
function parseFloatingUIPlacement(placement) {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
}
|
|
20
|
-
|
|
15
|
+
const tokens = placement.split("-");
|
|
16
|
+
return {
|
|
17
|
+
side: tokens[0],
|
|
18
|
+
alignment: tokens[1]
|
|
19
|
+
};
|
|
20
|
+
} //# sourceMappingURL=parseFloatingUIPlacement.js.map
|
|
21
|
+
|
|
21
22
|
//# sourceMappingURL=parseFloatingUIPlacement.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../lib/utils/parseFloatingUIPlacement.js"],"sourcesContent":["/**\n * Parses Floating UI placement and returns the different components\n * @param placement - the floating ui placement (i.e. bottom-start)\n *\n * @returns side and alignment components of the placement\n */export function parseFloatingUIPlacement(placement) {\n const tokens = placement.split(\"-\");\n return {\n side: tokens[0],\n alignment: tokens[1]\n };\n}\n//# sourceMappingURL=parseFloatingUIPlacement.js.map"],"names":["parseFloatingUIPlacement","placement","tokens","split","side","alignment"],"mappings":"AAAA;;;;;CAKC;;;;+BAAkBA;;aAAAA;;AAAT,SAASA,yBAAyBC,SAAS,EAAE;IACrD,MAAMC,SAASD,UAAUE,KAAK,CAAC;IAC/B,OAAO;QACLC,MAAMF,MAAM,CAAC,EAAE;QACfG,WAAWH,MAAM,CAAC,EAAE;IACtB;AACF,EACA,oDAAoD"}
|
|
@@ -1,68 +1,70 @@
|
|
|
1
|
+
// Look up table for shorthand to avoid parsing strings
|
|
1
2
|
"use strict";
|
|
2
|
-
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "resolvePositioningShorthand", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: ()=>resolvePositioningShorthand
|
|
5
9
|
});
|
|
6
|
-
exports.resolvePositioningShorthand = void 0;
|
|
7
|
-
// Look up table for shorthand to avoid parsing strings
|
|
8
10
|
const shorthandLookup = {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
11
|
+
above: {
|
|
12
|
+
position: "above",
|
|
13
|
+
align: "center"
|
|
14
|
+
},
|
|
15
|
+
"above-start": {
|
|
16
|
+
position: "above",
|
|
17
|
+
align: "start"
|
|
18
|
+
},
|
|
19
|
+
"above-end": {
|
|
20
|
+
position: "above",
|
|
21
|
+
align: "end"
|
|
22
|
+
},
|
|
23
|
+
below: {
|
|
24
|
+
position: "below",
|
|
25
|
+
align: "center"
|
|
26
|
+
},
|
|
27
|
+
"below-start": {
|
|
28
|
+
position: "below",
|
|
29
|
+
align: "start"
|
|
30
|
+
},
|
|
31
|
+
"below-end": {
|
|
32
|
+
position: "below",
|
|
33
|
+
align: "end"
|
|
34
|
+
},
|
|
35
|
+
before: {
|
|
36
|
+
position: "before",
|
|
37
|
+
align: "center"
|
|
38
|
+
},
|
|
39
|
+
"before-top": {
|
|
40
|
+
position: "before",
|
|
41
|
+
align: "top"
|
|
42
|
+
},
|
|
43
|
+
"before-bottom": {
|
|
44
|
+
position: "before",
|
|
45
|
+
align: "bottom"
|
|
46
|
+
},
|
|
47
|
+
after: {
|
|
48
|
+
position: "after",
|
|
49
|
+
align: "center"
|
|
50
|
+
},
|
|
51
|
+
"after-top": {
|
|
52
|
+
position: "after",
|
|
53
|
+
align: "top"
|
|
54
|
+
},
|
|
55
|
+
"after-bottom": {
|
|
56
|
+
position: "after",
|
|
57
|
+
align: "bottom"
|
|
58
|
+
}
|
|
57
59
|
};
|
|
58
60
|
function resolvePositioningShorthand(shorthand) {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
}
|
|
67
|
-
|
|
61
|
+
if (shorthand === undefined || shorthand === null) {
|
|
62
|
+
return {};
|
|
63
|
+
}
|
|
64
|
+
if (typeof shorthand === "string") {
|
|
65
|
+
return shorthandLookup[shorthand];
|
|
66
|
+
}
|
|
67
|
+
return shorthand;
|
|
68
|
+
} //# sourceMappingURL=resolvePositioningShorthand.js.map
|
|
69
|
+
|
|
68
70
|
//# sourceMappingURL=resolvePositioningShorthand.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../lib/utils/resolvePositioningShorthand.js"],"sourcesContent":["// Look up table for shorthand to avoid parsing strings\nconst shorthandLookup = {\n above: {\n position: \"above\",\n align: \"center\"\n },\n \"above-start\": {\n position: \"above\",\n align: \"start\"\n },\n \"above-end\": {\n position: \"above\",\n align: \"end\"\n },\n below: {\n position: \"below\",\n align: \"center\"\n },\n \"below-start\": {\n position: \"below\",\n align: \"start\"\n },\n \"below-end\": {\n position: \"below\",\n align: \"end\"\n },\n before: {\n position: \"before\",\n align: \"center\"\n },\n \"before-top\": {\n position: \"before\",\n align: \"top\"\n },\n \"before-bottom\": {\n position: \"before\",\n align: \"bottom\"\n },\n after: {\n position: \"after\",\n align: \"center\"\n },\n \"after-top\": {\n position: \"after\",\n align: \"top\"\n },\n \"after-bottom\": {\n position: \"after\",\n align: \"bottom\"\n }\n};\nexport function resolvePositioningShorthand(shorthand) {\n if (shorthand === undefined || shorthand === null) {\n return {};\n }\n if (typeof shorthand === \"string\") {\n return shorthandLookup[shorthand];\n }\n return shorthand;\n}\n//# sourceMappingURL=resolvePositioningShorthand.js.map"],"names":["resolvePositioningShorthand","shorthandLookup","above","position","align","below","before","after","shorthand","undefined"],"mappings":"AAAA,uDAAuD;;;;;+BAmDvCA;;aAAAA;;AAlDhB,MAAMC,kBAAkB;IACtBC,OAAO;QACLC,UAAU;QACVC,OAAO;IACT;IACA,eAAe;QACbD,UAAU;QACVC,OAAO;IACT;IACA,aAAa;QACXD,UAAU;QACVC,OAAO;IACT;IACAC,OAAO;QACLF,UAAU;QACVC,OAAO;IACT;IACA,eAAe;QACbD,UAAU;QACVC,OAAO;IACT;IACA,aAAa;QACXD,UAAU;QACVC,OAAO;IACT;IACAE,QAAQ;QACNH,UAAU;QACVC,OAAO;IACT;IACA,cAAc;QACZD,UAAU;QACVC,OAAO;IACT;IACA,iBAAiB;QACfD,UAAU;QACVC,OAAO;IACT;IACAG,OAAO;QACLJ,UAAU;QACVC,OAAO;IACT;IACA,aAAa;QACXD,UAAU;QACVC,OAAO;IACT;IACA,gBAAgB;QACdD,UAAU;QACVC,OAAO;IACT;AACF;AACO,SAASJ,4BAA4BQ,SAAS,EAAE;IACrD,IAAIA,cAAcC,aAAaD,cAAc,IAAI,EAAE;QACjD,OAAO,CAAC;IACV,CAAC;IACD,IAAI,OAAOA,cAAc,UAAU;QACjC,OAAOP,eAAe,CAACO,UAAU;IACnC,CAAC;IACD,OAAOA;AACT,EACA,uDAAuD"}
|
|
@@ -1,30 +1,28 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "toFloatingUIPadding", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: ()=>toFloatingUIPadding
|
|
5
8
|
});
|
|
6
|
-
exports.toFloatingUIPadding = void 0;
|
|
7
9
|
function toFloatingUIPadding(padding, isRtl) {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
end
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
}
|
|
27
|
-
return paddingObject;
|
|
28
|
-
}
|
|
29
|
-
exports.toFloatingUIPadding = toFloatingUIPadding;
|
|
10
|
+
if (typeof padding === "number") {
|
|
11
|
+
return padding;
|
|
12
|
+
}
|
|
13
|
+
const { start , end , ...verticalPadding } = padding;
|
|
14
|
+
const paddingObject = verticalPadding;
|
|
15
|
+
const left = isRtl ? "end" : "start";
|
|
16
|
+
const right = isRtl ? "start" : "end";
|
|
17
|
+
// assign properties explicitly since undefined values are actually handled by floating UI
|
|
18
|
+
// TODO create floating UI issue
|
|
19
|
+
if (padding[left]) {
|
|
20
|
+
paddingObject.left = padding[left];
|
|
21
|
+
}
|
|
22
|
+
if (padding[right]) {
|
|
23
|
+
paddingObject.right = padding[right];
|
|
24
|
+
}
|
|
25
|
+
return paddingObject;
|
|
26
|
+
} //# sourceMappingURL=toFloatingUIPadding.js.map
|
|
27
|
+
|
|
30
28
|
//# sourceMappingURL=toFloatingUIPadding.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../lib/utils/toFloatingUIPadding.js"],"sourcesContent":["export function toFloatingUIPadding(padding, isRtl) {\n if (typeof padding === \"number\") {\n return padding;\n }\n const {\n start,\n end,\n ...verticalPadding\n } = padding;\n const paddingObject = verticalPadding;\n const left = isRtl ? \"end\" : \"start\";\n const right = isRtl ? \"start\" : \"end\";\n // assign properties explicitly since undefined values are actually handled by floating UI\n // TODO create floating UI issue\n if (padding[left]) {\n paddingObject.left = padding[left];\n }\n if (padding[right]) {\n paddingObject.right = padding[right];\n }\n return paddingObject;\n}\n//# sourceMappingURL=toFloatingUIPadding.js.map"],"names":["toFloatingUIPadding","padding","isRtl","start","end","verticalPadding","paddingObject","left","right"],"mappings":";;;;+BAAgBA;;aAAAA;;AAAT,SAASA,oBAAoBC,OAAO,EAAEC,KAAK,EAAE;IAClD,IAAI,OAAOD,YAAY,UAAU;QAC/B,OAAOA;IACT,CAAC;IACD,MAAM,EACJE,MAAK,EACLC,IAAG,EACH,GAAGC,iBACJ,GAAGJ;IACJ,MAAMK,gBAAgBD;IACtB,MAAME,OAAOL,QAAQ,QAAQ,OAAO;IACpC,MAAMM,QAAQN,QAAQ,UAAU,KAAK;IACrC,0FAA0F;IAC1F,gCAAgC;IAChC,IAAID,OAAO,CAACM,KAAK,EAAE;QACjBD,cAAcC,IAAI,GAAGN,OAAO,CAACM,KAAK;IACpC,CAAC;IACD,IAAIN,OAAO,CAACO,MAAM,EAAE;QAClBF,cAAcE,KAAK,GAAGP,OAAO,CAACO,MAAM;IACtC,CAAC;IACD,OAAOF;AACT,EACA,+CAA+C"}
|
|
@@ -1,41 +1,39 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
5
4
|
});
|
|
6
|
-
exports
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
below: 'bottom',
|
|
10
|
-
before: rtl ? 'right' : 'left',
|
|
11
|
-
after: rtl ? 'left' : 'right'
|
|
5
|
+
Object.defineProperty(exports, "toFloatingUIPlacement", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: ()=>toFloatingUIPlacement
|
|
12
8
|
});
|
|
9
|
+
const getPositionMap = (rtl)=>({
|
|
10
|
+
above: "top",
|
|
11
|
+
below: "bottom",
|
|
12
|
+
before: rtl ? "right" : "left",
|
|
13
|
+
after: rtl ? "left" : "right"
|
|
14
|
+
});
|
|
13
15
|
// Floating UI automatically flips alignment
|
|
14
16
|
// https://github.com/floating-ui/floating-ui/issues/1563
|
|
15
|
-
const getAlignmentMap = ()
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
});
|
|
22
|
-
const shouldAlignToCenter = (p, a)
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
17
|
+
const getAlignmentMap = ()=>({
|
|
18
|
+
start: "start",
|
|
19
|
+
end: "end",
|
|
20
|
+
top: "start",
|
|
21
|
+
bottom: "end",
|
|
22
|
+
center: undefined
|
|
23
|
+
});
|
|
24
|
+
const shouldAlignToCenter = (p, a)=>{
|
|
25
|
+
const positionedVertically = p === "above" || p === "below";
|
|
26
|
+
const alignedVertically = a === "top" || a === "bottom";
|
|
27
|
+
return positionedVertically && alignedVertically || !positionedVertically && !alignedVertically;
|
|
26
28
|
};
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
}
|
|
38
|
-
return computedPosition;
|
|
39
|
-
};
|
|
40
|
-
exports.toFloatingUIPlacement = toFloatingUIPlacement;
|
|
29
|
+
const toFloatingUIPlacement = (align, position, rtl)=>{
|
|
30
|
+
const alignment = shouldAlignToCenter(position, align) ? "center" : align;
|
|
31
|
+
const computedPosition = position && getPositionMap(rtl)[position];
|
|
32
|
+
const computedAlignment = alignment && getAlignmentMap()[alignment];
|
|
33
|
+
if (computedPosition && computedAlignment) {
|
|
34
|
+
return `${computedPosition}-${computedAlignment}`;
|
|
35
|
+
}
|
|
36
|
+
return computedPosition;
|
|
37
|
+
}; //# sourceMappingURL=toFloatingUIPlacement.js.map
|
|
38
|
+
|
|
41
39
|
//# sourceMappingURL=toFloatingUIPlacement.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../lib/utils/toFloatingUIPlacement.js"],"sourcesContent":["const getPositionMap = rtl => ({\n above: \"top\",\n below: \"bottom\",\n before: rtl ? \"right\" : \"left\",\n after: rtl ? \"left\" : \"right\"\n});\n// Floating UI automatically flips alignment\n// https://github.com/floating-ui/floating-ui/issues/1563\nconst getAlignmentMap = () => ({\n start: \"start\",\n end: \"end\",\n top: \"start\",\n bottom: \"end\",\n center: undefined\n});\nconst shouldAlignToCenter = (p, a) => {\n const positionedVertically = p === \"above\" || p === \"below\";\n const alignedVertically = a === \"top\" || a === \"bottom\";\n return positionedVertically && alignedVertically || !positionedVertically && !alignedVertically;\n};\n/**\n * Maps internal positioning values to Floating UI placement\n * @see positioningHelper.test.ts for expected placement values\n */\nexport const toFloatingUIPlacement = (align, position, rtl) => {\n const alignment = shouldAlignToCenter(position, align) ? \"center\" : align;\n const computedPosition = position && getPositionMap(rtl)[position];\n const computedAlignment = alignment && getAlignmentMap()[alignment];\n if (computedPosition && computedAlignment) {\n return `${computedPosition}-${computedAlignment}`;\n }\n return computedPosition;\n};\n//# sourceMappingURL=toFloatingUIPlacement.js.map"],"names":["toFloatingUIPlacement","getPositionMap","rtl","above","below","before","after","getAlignmentMap","start","end","top","bottom","center","undefined","shouldAlignToCenter","p","a","positionedVertically","alignedVertically","align","position","alignment","computedPosition","computedAlignment"],"mappings":";;;;+BAwBaA;;aAAAA;;AAxBb,MAAMC,iBAAiBC,CAAAA,MAAQ,CAAA;QAC7BC,OAAO;QACPC,OAAO;QACPC,QAAQH,MAAM,UAAU,MAAM;QAC9BI,OAAOJ,MAAM,SAAS,OAAO;IAC/B,CAAA;AACA,4CAA4C;AAC5C,yDAAyD;AACzD,MAAMK,kBAAkB,IAAO,CAAA;QAC7BC,OAAO;QACPC,KAAK;QACLC,KAAK;QACLC,QAAQ;QACRC,QAAQC;IACV,CAAA;AACA,MAAMC,sBAAsB,CAACC,GAAGC,IAAM;IACpC,MAAMC,uBAAuBF,MAAM,WAAWA,MAAM;IACpD,MAAMG,oBAAoBF,MAAM,SAASA,MAAM;IAC/C,OAAOC,wBAAwBC,qBAAqB,CAACD,wBAAwB,CAACC;AAChF;AAKO,MAAMlB,wBAAwB,CAACmB,OAAOC,UAAUlB,MAAQ;IAC7D,MAAMmB,YAAYP,oBAAoBM,UAAUD,SAAS,WAAWA,KAAK;IACzE,MAAMG,mBAAmBF,YAAYnB,eAAeC,IAAI,CAACkB,SAAS;IAClE,MAAMG,oBAAoBF,aAAad,iBAAiB,CAACc,UAAU;IACnE,IAAIC,oBAAoBC,mBAAmB;QACzC,OAAO,CAAC,EAAED,iBAAiB,CAAC,EAAEC,kBAAkB,CAAC;IACnD,CAAC;IACD,OAAOD;AACT,GACA,iDAAiD"}
|