@kdcloudjs/kdesign 1.7.70 → 1.8.0

package/es/popper/index.js

@@ -0,0 +1,495 @@
+import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
+import _toConsumableArray from "@babel/runtime-corejs3/helpers/toConsumableArray";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _flatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/flat";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
+import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
+import _startsWithInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/starts-with";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import React, { useEffect, useRef, useState, Children, forwardRef, useContext, isValidElement, useImperativeHandle } from 'react';
+import { createPopper } from '@popperjs/core';
+import { tuple } from '../_utils/type';
+import classnames from 'classnames';
+import debounce from 'lodash/debounce';
+import ReactDOM from 'react-dom';
+import { isFragment } from '../_utils/reactNode';
+import { ConfigContext } from '../config-provider';
+import { useMergedState } from '../_utils/hooks';
+import useId from '../_utils/useId';
+export var Placements = tuple('top', 'left', 'right', 'bottom', 'topLeft', 'topRight', 'bottomLeft', 'bottomRight', 'leftTop', 'leftBottom', 'rightTop', 'rightBottom');
+export var Triggers = tuple('hover', 'focus', 'click', 'contextMenu');
+var useEnhancedEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
+var TriggerContext = /*#__PURE__*/React.createContext(null);
+var generateGetBoundingClientRect = function generateGetBoundingClientRect() {
+  var x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  var y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  var width = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  var height = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+  return function () {
+    return {
+      width: width,
+      height: height,
+      top: y,
+      right: x,
+      bottom: y,
+      left: x
+    };
+  };
+};
+var virtualElement = {
+  getBoundingClientRect: generateGetBoundingClientRect()
+};
+var triggerTypeArray = ['hover', 'focus', 'click', 'contextMenu'];
+export var popperPlacementMap = {
+  top: 'top',
+  left: 'left',
+  right: 'right',
+  bottom: 'bottom',
+  topLeft: 'top-start',
+  topRight: 'top-end',
+  bottomLeft: 'bottom-start',
+  bottomRight: 'bottom-end',
+  leftTop: 'left-start',
+  leftBottom: 'left-end',
+  rightTop: 'right-start',
+  rightBottom: 'right-end'
+};
+var placementFlip = {
+  bottom: 'top',
+  top: 'bottom',
+  right: 'left',
+  left: 'right'
+};
+var getRealPlacement = function getRealPlacement(key) {
+  return popperPlacementMap[key] ? popperPlacementMap[key] : 'top';
+};
+var getFallbackPlacements = function getFallbackPlacements(key) {
+  var _context, _context2, _context3, _context4;
+  var prefix = key.split('-')[0];
+  var suffix = ['']; // , '-start', '-end']
+  return _toConsumableArray(_filterInstanceProperty(_context = _flatInstanceProperty(_context2 = _mapInstanceProperty(_context3 = _toConsumableArray(_filterInstanceProperty(_context4 = _Object$keys(placementFlip)).call(_context4, function (r) {
+    var _context5;
+    return _includesInstanceProperty(_context5 = [prefix, placementFlip[prefix]]).call(_context5, r);
+  }))).call(_context3, function (d) {
+    return _mapInstanceProperty(suffix).call(suffix, function (o) {
+      return d + o;
+    });
+  })).call(_context2)).call(_context, function (f) {
+    return f !== key;
+  }));
+};
+var getRealDom = function getRealDom(locatorRef) {
+  var locatorElement = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
+  var _a;
+  if (!locatorRef.current) return locatorRef.current;
+  if (locatorRef.current.tagName) return locatorRef.current;
+  if (locatorElement) {
+    var REF_NAME_OBJ = {
+      Input: 'input',
+      InputNumber: 'input',
+      Select: 'select',
+      Upload: 'input'
+    };
+    var name = REF_NAME_OBJ === null || REF_NAME_OBJ === void 0 ? void 0 : REF_NAME_OBJ[(_a = locatorElement === null || locatorElement === void 0 ? void 0 : locatorElement.type) === null || _a === void 0 ? void 0 : _a.displayName];
+    return locatorRef === null || locatorRef === void 0 ? void 0 : locatorRef.current[name];
+  }
+  return locatorElement;
+};
+var getElement = function getElement(element) {
+  return typeof element === 'function' ? element() : element;
+};
+export var Popper = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _context8, _context9, _context10;
+  var _a;
+  var _React$useContext = React.useContext(ConfigContext),
+    getPrefixCls = _React$useContext.getPrefixCls,
+    pkgPrefixCls = _React$useContext.prefixCls;
+  var prefixCls = props.prefixCls,
+    onTrigger = props.onTrigger,
+    style = props.style,
+    popperStyle = props.popperStyle,
+    _props$arrow = props.arrow,
+    arrow = _props$arrow === void 0 ? false : _props$arrow,
+    onVisibleChange = props.onVisibleChange,
+    className = props.className,
+    popperClassName = props.popperClassName,
+    tip = props.tip,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$trigger = props.trigger,
+    trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'top' : _props$placement,
+    visible = props.visible,
+    _props$arrowSize = props.arrowSize,
+    arrowSize = _props$arrowSize === void 0 ? 4.25 : _props$arrowSize,
+    _props$gap = props.gap,
+    defaultGap = _props$gap === void 0 ? 4 : _props$gap,
+    _props$scrollHidden = props.scrollHidden,
+    scrollHidden = _props$scrollHidden === void 0 ? false : _props$scrollHidden,
+    _props$mouseEnterDela = props.mouseEnterDelay,
+    mouseEnterDelay = _props$mouseEnterDela === void 0 ? 0.1 : _props$mouseEnterDela,
+    _props$mouseLeaveDela = props.mouseLeaveDelay,
+    mouseLeaveDelay = _props$mouseLeaveDela === void 0 ? 0.1 : _props$mouseLeaveDela,
+    _props$defaultVisible = props.defaultVisible,
+    defaultVisible = _props$defaultVisible === void 0 ? false : _props$defaultVisible,
+    _props$autoPlacement = props.autoPlacement,
+    autoPlacement = _props$autoPlacement === void 0 ? true : _props$autoPlacement,
+    _props$clickToClose = props.clickToClose,
+    clickToClose = _props$clickToClose === void 0 ? true : _props$clickToClose,
+    _props$getTriggerElem = props.getTriggerElement,
+    getTriggerElement = _props$getTriggerElem === void 0 ? function (locatorNode) {
+      return locatorNode;
+    } : _props$getTriggerElem,
+    _props$getPopupContai = props.getPopupContainer,
+    getPopupContainer = _props$getPopupContai === void 0 ? function () {
+      return document.body;
+    } : _props$getPopupContai,
+    onTransitionEnd = props.onTransitionEnd,
+    onAnimationEnd = props.onAnimationEnd,
+    children = props.children;
+  var popperPrefixCls = getPrefixCls(pkgPrefixCls, 'popper');
+  var referencePrefixCls = "".concat(popperPrefixCls, "-reference");
+  var child = getElement(children);
+  var childrenInner = /*#__PURE__*/isValidElement(child) && !isFragment(child) ? child : /*#__PURE__*/React.createElement("span", null, child);
+  var popperElement = getElement(tip);
+  var referenceElement = Children.only(childrenInner);
+  var id = useId();
+  var parentContext = useContext(TriggerContext);
+  var subPopupRefs = useRef({});
+  var context = React.useMemo(function () {
+    return {
+      registerSubPopup: function registerSubPopup(id, subPopupEle) {
+        subPopupRefs.current[id] = subPopupEle;
+        parentContext === null || parentContext === void 0 ? void 0 : parentContext.registerSubPopup(id, subPopupEle);
+      }
+    };
+  }, [parentContext]);
+  var popperRefDom = useRef(null);
+  var popperRefInner = useRef(null);
+  var popperRef = ref || popperRefInner;
+  var popperInstance = useRef(null);
+  var referenceRefInner = useRef(null);
+  var referenceRef = (referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.ref) || referenceRefInner;
+  var container = getPopupContainer(getRealDom(referenceRef, referenceElement) || document.body) || document.body;
+  var _useMergedState = useMergedState(false, {
+      value: visible,
+      defaultValue: defaultVisible
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    visibleInner = _useMergedState2[0],
+    setVisibleInner = _useMergedState2[1];
+  var _useState = useState(visibleInner),
+    _useState2 = _slicedToArray(_useState, 2),
+    exist = _useState2[0],
+    setExist = _useState2[1];
+  var _useState3 = useState(getRealPlacement(placement)),
+    _useState4 = _slicedToArray(_useState3, 2),
+    placementInner = _useState4[0],
+    setPlacementInner = _useState4[1];
+  var delayRef = useRef();
+  var clearDelay = function clearDelay() {
+    if (typeof delayRef.current !== 'undefined') {
+      clearTimeout(delayRef.current);
+      delayRef.current = null;
+    }
+  };
+  var changeVisible = function changeVisible(nextOpen) {
+    var triggerType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    if (visibleInner !== nextOpen) {
+      if (nextOpen && _includesInstanceProperty(triggerTypeArray).call(triggerTypeArray, triggerType)) {
+        onTrigger === null || onTrigger === void 0 ? void 0 : onTrigger(triggerType);
+      }
+      if (typeof visible === 'undefined') {
+        setVisibleInner(nextOpen);
+      }
+      onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(nextOpen);
+    }
+    if (!nextOpen && _Object$keys(subPopupRefs.current || {}).length) {
+      console.log('triggerOpenSub', subPopupRefs.current);
+      _Object$values(subPopupRefs.current).forEach(function (d) {
+        if (typeof (d === null || d === void 0 ? void 0 : d.triggerOpen) === 'function' && (d === null || d === void 0 ? void 0 : d.visible)) {
+          d === null || d === void 0 ? void 0 : d.triggerOpen(false);
+        }
+      });
+    }
+  };
+  var triggerOpen = function triggerOpen(nextOpen) {
+    var triggerType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    var delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+    clearDelay();
+    if (!disabled) {
+      if (delay === 0) {
+        changeVisible(nextOpen, triggerType);
+      } else {
+        if (visibleInner !== nextOpen) {
+          delayRef.current = setTimeout(function () {
+            changeVisible(nextOpen, triggerType);
+          }, delay * 1000);
+        }
+      }
+    }
+  };
+  var isSubPopper = function isSubPopper(event) {
+    if (!event || !(event === null || event === void 0 ? void 0 : event.target)) {
+      return false;
+    }
+    // let targetElement: HTMLElement = event.target as HTMLElement
+    // const POP_ATTR_NAME = 'data-popper-placement'
+    // while (targetElement && targetElement !== document.documentElement) {
+    //   if (targetElement?.getAttribute(POP_ATTR_NAME) && targetElement?.className.includes(popperPrefixCls)) {
+    //     return true
+    //   }
+    //   targetElement = targetElement?.parentNode as HTMLElement
+    // }
+    var target = event.target;
+    if (subPopupRefs.current) {
+      for (var key in subPopupRefs.current) {
+        var dom = subPopupRefs.current[key].dom;
+        if (dom && ((dom === null || dom === void 0 ? void 0 : dom.contains(target)) || dom === target)) {
+          return true;
+        }
+      }
+    }
+    return false;
+  };
+  var onTriggerInner = function onTriggerInner(nextOpen, triggerType) {
+    var delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+    triggerOpen(nextOpen, triggerType, delay);
+  };
+  var onClick = function onClick(e) {
+    var _a, _b;
+    e.stopPropagation();
+    onTriggerInner(!visibleInner, 'click');
+    (_b = (_a = referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.props) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+  };
+  var onFocus = function onFocus(e) {
+    var _a, _b;
+    onTriggerInner(true, 'focus');
+    (_b = (_a = referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.props) === null || _a === void 0 ? void 0 : _a.onFocus) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+  };
+  var onBlur = function onBlur(e) {
+    var _a, _b;
+    onTriggerInner(false, 'focus');
+    (_b = (_a = referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.props) === null || _a === void 0 ? void 0 : _a.onBlur) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+  };
+  var onContextMenu = function onContextMenu(e) {
+    var _a, _b;
+    e.preventDefault();
+    var clientWidth = 0;
+    var clientHeight = 0;
+    if (arrow) {
+      if (_startsWithInstanceProperty(placementInner).call(placementInner, 'top') || _startsWithInstanceProperty(placementInner).call(placementInner, 'bottom')) {
+        var _context6;
+        if (!_includesInstanceProperty(_context6 = ['top', 'bottom']).call(_context6, placementInner)) {
+          clientWidth = 6 * arrowSize;
+        }
+      } else {
+        var _context7;
+        if (!_includesInstanceProperty(_context7 = ['right', 'left']).call(_context7, placementInner)) {
+          clientHeight = 6 * arrowSize;
+        }
+      }
+    }
+    virtualElement.getBoundingClientRect = generateGetBoundingClientRect(e.clientX, e.clientY, clientWidth, clientHeight);
+    onTriggerInner(!visibleInner, 'contextMenu');
+    (_b = (_a = referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.props) === null || _a === void 0 ? void 0 : _a.onContextMenu) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+  };
+  var onMouseOver = function onMouseOver(e) {
+    var _a, _b;
+    onTriggerInner(true, 'hover', mouseEnterDelay);
+    (_b = (_a = referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.props) === null || _a === void 0 ? void 0 : _a.onMouseOver) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+  };
+  var onMouseLeave = function onMouseLeave(e) {
+    var _a, _b;
+    onTriggerInner(false, 'hover', mouseLeaveDelay);
+    (_b = (_a = referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.props) === null || _a === void 0 ? void 0 : _a.onMouseLeave) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+  };
+  var onPopperAnimationEnd = function onPopperAnimationEnd(e) {
+    onAnimationEnd === null || onAnimationEnd === void 0 ? void 0 : onAnimationEnd(e);
+    onTransitionEnd === null || onTransitionEnd === void 0 ? void 0 : onTransitionEnd(e);
+  };
+  var isTrigger = function isTrigger(triggerValue) {
+    return trigger === triggerValue || Array.isArray(trigger) && _includesInstanceProperty(trigger).call(trigger, triggerValue);
+  };
+  var triggerEventHandle = function triggerEventHandle(triggerNode) {
+    var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'addEventListener';
+    if (isTrigger('click')) {
+      triggerNode === null || triggerNode === void 0 ? void 0 : triggerNode[type]('click', onClick);
+    }
+    if (isTrigger('focus')) {
+      triggerNode === null || triggerNode === void 0 ? void 0 : triggerNode[type]('focus', onFocus);
+      triggerNode === null || triggerNode === void 0 ? void 0 : triggerNode[type]('blur', onBlur);
+    }
+    if (isTrigger('contextMenu')) {
+      triggerNode === null || triggerNode === void 0 ? void 0 : triggerNode[type]('contextmenu', onContextMenu);
+    }
+    if (isTrigger('hover')) {
+      triggerNode === null || triggerNode === void 0 ? void 0 : triggerNode[type]('mouseover', onMouseOver);
+      triggerNode === null || triggerNode === void 0 ? void 0 : triggerNode[type]('mouseleave', onMouseLeave);
+    }
+  };
+  useEffect(function () {
+    setPlacementInner(getRealPlacement(placement));
+  }, [placement]);
+  useEffect(function () {
+    var scrollHandle = debounce(function (e) {
+      var _a, _b;
+      if (visibleInner) {
+        var isPopper = e.target === popperRefDom.current || ((_b = (_a = popperRefDom.current) === null || _a === void 0 ? void 0 : _a.contains) === null || _b === void 0 ? void 0 : _b.call(_a, e.target));
+        if (scrollHidden && !isPopper) {
+          triggerOpen(false, 'scroll');
+        }
+      }
+    }, 10);
+    if (visibleInner) {
+      document.addEventListener('scroll', scrollHandle, true);
+    }
+    return function () {
+      document.removeEventListener('scroll', scrollHandle, true);
+    };
+  }, [visibleInner, scrollHidden, popperRefDom]);
+  useEffect(function () {
+    var clickHandle = debounce(function (e) {
+      var _a, _b, _c;
+      if (visibleInner) {
+        var isPopper = popperRefDom.current ? popperRefDom.current === e.target || ((_b = (_a = popperRefDom.current).contains) === null || _b === void 0 ? void 0 : _b.call(_a, e.target)) : false;
+        var domReference = getRealDom(referenceRef, referenceElement);
+        var isReference = domReference ? domReference === e.target || ((_c = domReference === null || domReference === void 0 ? void 0 : domReference.contains) === null || _c === void 0 ? void 0 : _c.call(domReference, e.target)) : false;
+        var isTarget = trigger === 'contextMenu' ? isPopper : isPopper || isReference;
+        console.log('clickOutside', children, e.target, isPopper, isReference, subPopupRefs.current);
+        if (clickToClose && !isTarget && !isSubPopper(e)) {
+          triggerOpen(false, 'clickOutside', 0);
+        }
+      }
+    }, 10);
+    if (visibleInner) {
+      document.addEventListener('click', clickHandle, true);
+    }
+    return function () {
+      document.removeEventListener('click', clickHandle, true);
+    };
+  }, [visibleInner, clickToClose, referenceRef, popperRefDom]);
+  useEffect(function () {
+    var realDom = getRealDom(referenceRef, referenceElement);
+    var triggerNode = getTriggerElement(realDom);
+    triggerEventHandle(triggerNode);
+    return function () {
+      triggerEventHandle(triggerNode, 'removeEventListener');
+    };
+  }, [getTriggerElement, visibleInner, referenceElement, referenceRef, trigger]);
+  useImperativeHandle(popperRef, function () {
+    return {
+      dom: popperRefDom.current,
+      triggerOpen: triggerOpen,
+      visible: visibleInner
+    };
+  });
+  var popperModifiers = [{
+    name: 'offset',
+    options: {
+      offset: [0, defaultGap + (arrow ? 5 : 0)]
+    }
+  }, {
+    name: 'preventOverflow',
+    enabled: autoPlacement,
+    options: {
+      mainAxis: true
+    }
+  }, {
+    name: 'flip',
+    enabled: autoPlacement,
+    options: {
+      fallbackPlacements: autoPlacement ? getFallbackPlacements(placementInner) : undefined
+    }
+  }, {
+    name: 'onUpdate',
+    enabled: true,
+    phase: 'afterWrite',
+    fn: function fn(d) {
+      var _ref = d === null || d === void 0 ? void 0 : d.state,
+        p = _ref.placement;
+      if (p !== placementInner) {
+        setPlacementInner(p);
+      }
+    }
+  }];
+  var popperOptionsInner = {
+    placement: placementInner,
+    modifiers: popperModifiers,
+    strategy: 'fixed'
+  };
+  useEnhancedEffect(function () {
+    var _a, _b;
+    if (visibleInner) {
+      if (!exist) {
+        setExist(true);
+      } else {
+        if (popperInstance.current) {
+          (_a = popperInstance.current) === null || _a === void 0 ? void 0 : _a.setOptions(function (options) {
+            return _extends(_extends({}, options), popperOptionsInner);
+          });
+          (_b = popperInstance.current) === null || _b === void 0 ? void 0 : _b.forceUpdate();
+        }
+        setTimeout(function () {
+          parentContext === null || parentContext === void 0 ? void 0 : parentContext.registerSubPopup(id, popperRef.current);
+        }, 10);
+      }
+    }
+  }, [visibleInner, placementInner, arrow]);
+  useEnhancedEffect(function () {
+    if (!exist) {
+      return undefined;
+    }
+    var current = getRealDom(referenceRef, referenceElement);
+    if (current) {
+      popperInstance.current = createPopper(trigger === 'contextMenu' ? virtualElement : (current === null || current === void 0 ? void 0 : current.closest(".".concat(referencePrefixCls))) || current, popperRefDom.current, popperOptionsInner);
+      setTimeout(function () {
+        parentContext === null || parentContext === void 0 ? void 0 : parentContext.registerSubPopup(id, popperRef.current);
+      }, 10);
+    }
+    return function () {
+      var _a;
+      (_a = popperInstance.current) === null || _a === void 0 ? void 0 : _a.destroy();
+    };
+  }, [exist]);
+  if (children === null || typeof children === 'undefined') {
+    return null;
+  }
+  var arrowStyle = _defineProperty({}, "--arrowSize", arrowSize + 'px');
+  var popperContainerProps = {
+    ref: popperRefDom,
+    style: _extends({}, arrow ? arrowStyle : {}),
+    className: classnames(popperPrefixCls, {
+      hidden: !visibleInner
+    })
+  };
+  var popperProps = {
+    className: classnames([_concatInstanceProperty(_context8 = "".concat(popperPrefixCls, "-")).call(_context8, placementInner)], _defineProperty({}, _concatInstanceProperty(_context9 = "".concat(popperPrefixCls, "-")).call(_context9, placementInner, "-out"), !visibleInner), _defineProperty({}, _concatInstanceProperty(_context10 = "".concat(popperPrefixCls, "-")).call(_context10, placementInner, "-in"), visibleInner), prefixCls, popperClassName, className),
+    style: _extends(_extends({}, popperStyle), style),
+    onMouseOver: trigger === 'hover' ? function () {
+      return onTriggerInner(true, 'hover', mouseEnterDelay);
+    } : undefined,
+    onMouseLeave: trigger === 'hover' ? function () {
+      return onTriggerInner(false, 'hover', mouseLeaveDelay);
+    } : undefined,
+    onAnimationEnd: onPopperAnimationEnd,
+    onTransitionEnd: onPopperAnimationEnd
+  };
+  var referenceProps = {
+    ref: referenceRef,
+    className: classnames((_a = referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.props) === null || _a === void 0 ? void 0 : _a.className, referencePrefixCls)
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.cloneElement(referenceElement, referenceProps), exist && container && /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(TriggerContext.Provider, {
+    value: context
+  }, /*#__PURE__*/React.createElement("div", _extends({}, popperContainerProps), /*#__PURE__*/React.createElement("div", _extends({}, popperProps), popperElement, arrow && /*#__PURE__*/React.createElement("div", {
+    className: "arrow",
+    "data-popper-arrow": ""
+  })))), container));
+});
+Popper.displayName = 'Popper';
+export default Popper;

package/es/popper/style/css.js

@@ -0,0 +1,2 @@
+import '../../style/index.css';
+import './index.css';