38 lines
1.3 KiB
JavaScript
38 lines
1.3 KiB
JavaScript
|
/**
|
||
|
|
* Generally when adding an arrow to popper, it's necessary to offset the position of the popper by the
|
||
|
|
* height of the arrow. A simple utility to merge a provided offset with an arrow height to return the final offset
|
||
|
|
*
|
||
|
|
* @internal
|
||
|
|
* @param userOffset - The offset provided by the user
|
||
|
|
* @param arrowHeight - The height of the arrow in px
|
||
|
|
* @returns User offset augmented with arrow height
|
||
|
|
*/ export function mergeArrowOffset(userOffset, arrowHeight) {
|
||
|
|
if (typeof userOffset === 'number') {
|
||
|
|
return addArrowOffset(userOffset, arrowHeight);
|
||
|
|
}
|
||
|
|
if (typeof userOffset === 'object' && userOffset !== null) {
|
||
|
|
return addArrowOffset(userOffset, arrowHeight);
|
||
|
|
}
|
||
|
|
if (typeof userOffset === 'function') {
|
||
|
|
return (offsetParams)=>{
|
||
|
|
const offset = userOffset(offsetParams);
|
||
|
|
return addArrowOffset(offset, arrowHeight);
|
||
|
|
};
|
||
|
|
}
|
||
|
|
return {
|
||
|
|
mainAxis: arrowHeight
|
||
|
|
};
|
||
|
|
}
|
||
|
|
const addArrowOffset = (offset, arrowHeight)=>{
|
||
|
|
if (typeof offset === 'number') {
|
||
|
|
return {
|
||
|
|
mainAxis: offset + arrowHeight
|
||
|
|
};
|
||
|
|
}
|
||
|
|
var _offset_mainAxis;
|
||
|
|
return {
|
||
|
|
...offset,
|
||
|
|
mainAxis: ((_offset_mainAxis = offset.mainAxis) !== null && _offset_mainAxis !== void 0 ? _offset_mainAxis : 0) + arrowHeight
|
||
|
|
};
|
||
|
|
};
|