@chief-editor/ui/lib/components/popover/Popover.js

UI Component for chief editor

"use strict";var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var r,o=1,t=arguments.length;o<t;o++)for(var a in r=arguments[o])Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a]);return e}).apply(this,arguments)},__rest=this&&this.__rest||function(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(t=Object.getOwnPropertySymbols(e);a<t.length;a++)r.indexOf(t[a])<0&&Object.prototype.propertyIsEnumerable.call(e,t[a])&&(o[t[a]]=e[t[a]])}return o},__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var o in e)Object.hasOwnProperty.call(e,o)&&(r[o]=e[o]);return r.default=e,r};Object.defineProperty(exports,"__esModule",{value:!0});var popper_1=require("@rc-hooks/popper"),util_1=require("@co-hooks/util"),react_1=__importStar(require("react")),ClickTrigger_1=require("./components/ClickTrigger"),FocusTrigger_1=require("./components/FocusTrigger"),HoverTrigger_1=require("./components/HoverTrigger"),ManualTrigger_1=require("./components/ManualTrigger"),ContextMenuTrigger_1=require("./components/ContextMenuTrigger"),PopoverContent_1=require("./PopoverContent");function Popover(e){var r=e.trigger,o=void 0===r?"click":r,t=e.showDelay,a=e.hideDelay,i=e.children,n=e.show,s=e.placement,l=e.offset,g=e.preventOverflow,c=e.overflowBoundaries,p=e.arrow,u=e.arrowOffset,_=e.getArrow,f=e.getPopper,v=e.hideToDestroy,d=e.lazyInit,m=e.zIndex,T=e.onShow,h=e.onHide,w=e.disableToggleClose,y=e.popoverClassName,C=e.popoverStyle,O=e.className,P=e.scaleAnimation,b=e.disableAnimation,M=e.afterClose,x=e.wrapperClassName,k=__rest(e,["trigger","showDelay","hideDelay","children","show","placement","offset","preventOverflow","overflowBoundaries","arrow","arrowOffset","getArrow","getPopper","hideToDestroy","lazyInit","zIndex","onShow","onHide","disableToggleClose","popoverClassName","popoverStyle","className","scaleAnimation","disableAnimation","afterClose","wrapperClassName"]),H=__assign({className:O,disableToggleClose:w},k),S={show:n,placement:s,offset:l,preventOverflow:g,overflowBoundaries:c,arrow:p,arrowOffset:u,getArrow:_,getPopper:f,hideToDestroy:v,lazyInit:d,zIndex:m,onShow:T,onHide:h,scaleAnimation:P,disableAnimation:b,afterClose:M,wrapperClassName:x},q=react_1.useMemo((function(){return util_1.guid()}),[]),A=react_1.useMemo((function(){return[q]}),[]);return react_1.default.createElement(popper_1.RcPopper,null,react_1.default.createElement(popper_1.RcTriggerGroup,{triggerGroupId:q},"click"===o&&react_1.default.createElement(ClickTrigger_1.ClickTrigger,__assign({},H),i),"focus"===o&&react_1.default.createElement(FocusTrigger_1.FocusTrigger,__assign({},H),i),"hover"===o&&react_1.default.createElement(HoverTrigger_1.HoverTrigger,__assign({},H,{showDelay:t,hideDelay:a}),i),"manual"===o&&react_1.default.createElement(ManualTrigger_1.ManualTrigger,__assign({},H,{show:n}),i),"contextmenu"===o&&react_1.default.createElement(ContextMenuTrigger_1.ContextMenuTrigger,__assign({},H),i)),react_1.default.createElement(PopoverContent_1.PopoverContent,__assign({},S,{style:C,className:y,triggerIds:A})))}exports.Popover=Popover,Popover.ClickTrigger=ClickTrigger_1.ClickTrigger,Popover.HoverTrigger=HoverTrigger_1.HoverTrigger,Popover.FocusTrigger=FocusTrigger_1.FocusTrigger,Popover.ManualTrigger=ManualTrigger_1.ManualTrigger;