{"mappings":"kXAAA,IAAAA,EAAAC,EAAA,S,qEAaaC,EAAN,cAAyBC,EAAAC,c,8BAC9BC,KACAC,MAAO,EAEPC,QAAS,EAAAJ,EAAAK,aAETC,SACE,MAAMC,MAAEA,EAAKC,SAAEA,EAAQC,OAAEA,GAAS,EAAKC,KAAEA,EAAO,UAASC,UAAEA,EAAY,UAAWC,GAAUV,KAAKW,OAC/FV,KAAEA,EAAIC,OAAEA,GAAWF,KAErB,OACE,EAAAY,EAAAC,MAAAD,EAAAE,SAAA,C,WACE,EAAAF,EAAAG,KAAC,MAAG,CACFC,UAAU,iBACVC,IAAKf,EACLgB,UAAU,EACVC,aAAuB,YAATX,EAAqB,IAAOR,KAAKC,MAAQA,OAAQmB,EAC/DC,aAAuB,YAATb,EAAqB,IAAOR,KAAKC,MAAO,OAASmB,EAC/DE,QAAkB,YAATd,EAAqB,IAAOR,KAAKC,MAAQA,OAAQmB,EAC1DG,OAAiB,YAATf,EAAqB,IAAOR,KAAKC,MAAO,OAASmB,E,SAExDd,KAGH,EAAAM,EAAAG,KAACS,EAAAC,QAAO,IACFf,EACJD,UAAWA,EACXP,OAAQA,EAAOwB,QACfzB,KAAMA,E,SAEI,YAATO,EAAqBG,IAAS,EAAAC,EAAAG,KAACS,EAAAG,QAAO,IAAKhB,E,SAAQN,IAAmBM,IAAS,EAAAC,EAAAG,KAACS,EAAAI,QAAO,CAACC,SAAUtB,EAAS,iBAAmB,aAAeI,E,SAAQN,W,MA7B7JyB,EAAAC,YADUlC,EAAUmC,UAErB,YAAI,GAFOnC,EAAUoC,EAAAtC,EAAA,EADtBuC,EAAAC,UACYtC","sources":["src/component/OverlayBox.tsx"],"sourcesContent":["import { observable } from 'mobx';\nimport { observer } from 'mobx-react';\nimport { ReactNode, PureComponent, createRef } from 'react';\nimport { OverlayProps, Overlay, Tooltip, Popover } from 'react-bootstrap';\n\nexport interface OverlayBoxProps\n  extends Omit<OverlayProps, 'title' | 'children' | 'target'> {\n  title: ReactNode;\n  type?: 'tooltip' | 'popover';\n  custom?: boolean;\n}\n\n@observer\nexport class OverlayBox extends PureComponent<OverlayBoxProps> {\n  @observable\n  show = false;\n\n  target = createRef<HTMLDivElement>();\n\n  render() {\n    const { title, children, custom = false, type = 'popover', placement = 'left', ...props } = this.props,\n      { show, target } = this;\n\n    return (\n      <>\n        <div\n          className=\"d-inline-block\"\n          ref={target}\n          tabIndex={-1}\n          onMouseEnter={type === 'tooltip' ? () => (this.show = !show) : undefined}\n          onMouseLeave={type === 'tooltip' ? () => (this.show = false) : undefined}\n          onFocus={type === 'popover' ? () => (this.show = !show) : undefined}\n          onBlur={type === 'popover' ? () => (this.show = false) : undefined}\n        >\n          {children}\n        </div>\n\n        <Overlay\n          {...props}\n          placement={placement}\n          target={target.current}\n          show={show}\n        >\n          {type === 'tooltip' ? props => <Tooltip {...props}>{title}</Tooltip> : props => <Popover bsPrefix={custom ? 'custom-popover' : 'popover'} {...props}>{title}</Popover>}\n\n        </Overlay>\n      </>\n    );\n  }\n}\n"],"names":["$1Yvdb","parcelRequire","$f9a094e232540827$export$5169ff31790bf260","$acw62","PureComponent","this","show","target","createRef","render","title","children","custom","type","placement","props1","props","$ayMG0","jsxs","Fragment","jsx","className","ref","tabIndex","onMouseEnter","undefined","onMouseLeave","onFocus","onBlur","$biXX6","Overlay","current","Tooltip","Popover","bsPrefix","$57kwV","observable","prototype","$parcel$interopDefault","$eOZ0o","observer"],"version":3,"file":"Desktop.a0776610.js.map"}