You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
					91 lines
				
				3.7 KiB
			
		
		
			
		
	
	
					91 lines
				
				3.7 KiB
			| 
											3 years ago
										 | "use strict"; | ||
|  | 
 | ||
|  | Object.defineProperty(exports, "__esModule", { | ||
|  |   value: true | ||
|  | }); | ||
|  | exports.Popper = Popper; | ||
|  | 
 | ||
|  | var React = _interopRequireWildcard(require("react")); | ||
|  | 
 | ||
|  | var _Manager = require("./Manager"); | ||
|  | 
 | ||
|  | var _utils = require("./utils"); | ||
|  | 
 | ||
|  | var _usePopper2 = require("./usePopper"); | ||
|  | 
 | ||
|  | function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; } | ||
|  | 
 | ||
|  | 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; } | ||
|  | 
 | ||
|  | var NOOP = function NOOP() { | ||
|  |   return void 0; | ||
|  | }; | ||
|  | 
 | ||
|  | var NOOP_PROMISE = function NOOP_PROMISE() { | ||
|  |   return Promise.resolve(null); | ||
|  | }; | ||
|  | 
 | ||
|  | var EMPTY_MODIFIERS = []; | ||
|  | 
 | ||
|  | function Popper(_ref) { | ||
|  |   var _ref$placement = _ref.placement, | ||
|  |       placement = _ref$placement === void 0 ? 'bottom' : _ref$placement, | ||
|  |       _ref$strategy = _ref.strategy, | ||
|  |       strategy = _ref$strategy === void 0 ? 'absolute' : _ref$strategy, | ||
|  |       _ref$modifiers = _ref.modifiers, | ||
|  |       modifiers = _ref$modifiers === void 0 ? EMPTY_MODIFIERS : _ref$modifiers, | ||
|  |       referenceElement = _ref.referenceElement, | ||
|  |       onFirstUpdate = _ref.onFirstUpdate, | ||
|  |       innerRef = _ref.innerRef, | ||
|  |       children = _ref.children; | ||
|  |   var referenceNode = React.useContext(_Manager.ManagerReferenceNodeContext); | ||
|  | 
 | ||
|  |   var _React$useState = React.useState(null), | ||
|  |       popperElement = _React$useState[0], | ||
|  |       setPopperElement = _React$useState[1]; | ||
|  | 
 | ||
|  |   var _React$useState2 = React.useState(null), | ||
|  |       arrowElement = _React$useState2[0], | ||
|  |       setArrowElement = _React$useState2[1]; | ||
|  | 
 | ||
|  |   React.useEffect(function () { | ||
|  |     (0, _utils.setRef)(innerRef, popperElement); | ||
|  |   }, [innerRef, popperElement]); | ||
|  |   var options = React.useMemo(function () { | ||
|  |     return { | ||
|  |       placement: placement, | ||
|  |       strategy: strategy, | ||
|  |       onFirstUpdate: onFirstUpdate, | ||
|  |       modifiers: [].concat(modifiers, [{ | ||
|  |         name: 'arrow', | ||
|  |         enabled: arrowElement != null, | ||
|  |         options: { | ||
|  |           element: arrowElement | ||
|  |         } | ||
|  |       }]) | ||
|  |     }; | ||
|  |   }, [placement, strategy, onFirstUpdate, modifiers, arrowElement]); | ||
|  | 
 | ||
|  |   var _usePopper = (0, _usePopper2.usePopper)(referenceElement || referenceNode, popperElement, options), | ||
|  |       state = _usePopper.state, | ||
|  |       styles = _usePopper.styles, | ||
|  |       forceUpdate = _usePopper.forceUpdate, | ||
|  |       update = _usePopper.update; | ||
|  | 
 | ||
|  |   var childrenProps = React.useMemo(function () { | ||
|  |     return { | ||
|  |       ref: setPopperElement, | ||
|  |       style: styles.popper, | ||
|  |       placement: state ? state.placement : placement, | ||
|  |       hasPopperEscaped: state && state.modifiersData.hide ? state.modifiersData.hide.hasPopperEscaped : null, | ||
|  |       isReferenceHidden: state && state.modifiersData.hide ? state.modifiersData.hide.isReferenceHidden : null, | ||
|  |       arrowProps: { | ||
|  |         style: styles.arrow, | ||
|  |         ref: setArrowElement | ||
|  |       }, | ||
|  |       forceUpdate: forceUpdate || NOOP, | ||
|  |       update: update || NOOP_PROMISE | ||
|  |     }; | ||
|  |   }, [setPopperElement, setArrowElement, placement, state, styles, update, forceUpdate]); | ||
|  |   return (0, _utils.unwrapArray)(children)(childrenProps); | ||
|  | } |