@pnp/spfx-controls-react/lib-commonjs/controls/userPicker/useUserPickerPositioning.js

Reusable React controls for SharePoint Framework solutions

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useUserPickerPositioning = void 0;
var tslib_1 = require("tslib");
var react_positioning_1 = require("@fluentui/react-positioning");
var useUserPickerPositioning = function (props) {
    var positioning = props.positioning;
    // Set a default set of fallback positions to try if the dropdown does not fit on screen
    var fallbackPositions = ['above', 'after', 'after-top', 'before', 'before-top'];
    // popper options
    var popperOptions = tslib_1.__assign({ position: 'below', align: 'start', offset: { crossAxis: 0, mainAxis: 2 }, fallbackPositions: fallbackPositions, matchTargetSize: 'width' }, (0, react_positioning_1.resolvePositioningShorthand)(positioning));
    var _a = (0, react_positioning_1.usePositioning)(popperOptions), targetRef = _a.targetRef, containerRef = _a.containerRef;
    return [containerRef, targetRef];
};
exports.useUserPickerPositioning = useUserPickerPositioning;
//# sourceMappingURL=useUserPickerPositioning.js.map