@doist/reactist 11.6.0 → 12.0.1

package/es/components/notification/notification.js

@@ -1,57 +1,57 @@
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import classNames from 'classnames';
 import CloseIcon from '../icons/CloseIcon.svg.js';
 
-var _excluded = ["id", "icon", "title", "subtitle", "children", "customCloseButton", "onClick", "onClose", "closeAltText", "className", "aria-live"];
+const _excluded = ["id", "icon", "title", "subtitle", "children", "customCloseButton", "onClick", "onClose", "closeAltText", "className", "aria-live"];
 
 function Notification(_ref) {
-  var id = _ref.id,
-      icon = _ref.icon,
-      title = _ref.title,
-      subtitle = _ref.subtitle,
-      children = _ref.children,
-      customCloseButton = _ref.customCloseButton,
-      onClick = _ref.onClick,
-      onClose = _ref.onClose,
-      _ref$closeAltText = _ref.closeAltText,
-      closeAltText = _ref$closeAltText === void 0 ? 'Close' : _ref$closeAltText,
-      className = _ref.className,
-      _ref$ariaLive = _ref['aria-live'],
-      ariaLive = _ref$ariaLive === void 0 ? 'polite' : _ref$ariaLive,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  let {
+    id,
+    icon,
+    title,
+    subtitle,
+    children,
+    customCloseButton,
+    onClick,
+    onClose,
+    closeAltText = 'Close',
+    className,
+    'aria-live': ariaLive = 'polite'
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
 
-  var titleId = title ? id + "-title" : null;
-  var titleIdAttribute = titleId ? {
+  const titleId = title ? id + "-title" : null;
+  const titleIdAttribute = titleId ? {
     id: titleId
   } : null;
-  var subtitleId = subtitle ? id + "-subtitle" : null;
-  var subtitleIdAttribute = subtitleId ? {
+  const subtitleId = subtitle ? id + "-subtitle" : null;
+  const subtitleIdAttribute = subtitleId ? {
     id: subtitleId
   } : null;
-  var contentId = children ? id + "-content" : null;
-  var contentIdAttribute = children ? {
+  const contentId = children ? id + "-content" : null;
+  const contentIdAttribute = children ? {
     id: id + "-content"
   } : null;
-  var ariaLabelledBy = contentId ? {
+  const ariaLabelledBy = contentId ? {
     'aria-labelledby': contentId
   } : titleId ? {
     'aria-labelledby': titleId
   } : null;
-  var ariaDescribedBy = subtitleId && !children ? {
+  const ariaDescribedBy = subtitleId && !children ? {
     'aria-describedby': subtitleId
   } : null;
-  var notificationContent = /*#__PURE__*/React__default.createElement("div", Object.assign({
+  const notificationContent = /*#__PURE__*/React__default.createElement("div", _objectSpread2({
     className: "reactist-notification__content"
-  }, contentIdAttribute), children !== null && children !== void 0 ? children : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, title ? /*#__PURE__*/React__default.createElement("h3", Object.assign({
+  }, contentIdAttribute), children != null ? children : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, title ? /*#__PURE__*/React__default.createElement("h3", _objectSpread2({
     className: "reactist-notification__title"
-  }, titleIdAttribute), title) : null, subtitle ? /*#__PURE__*/React__default.createElement("p", Object.assign({
+  }, titleIdAttribute), title) : null, subtitle ? /*#__PURE__*/React__default.createElement("p", _objectSpread2({
     className: "reactist-notification__subtitle"
   }, subtitleIdAttribute), subtitle) : null));
-  var notificationBody = /*#__PURE__*/React__default.createElement("div", {
+  const notificationBody = /*#__PURE__*/React__default.createElement("div", {
     className: "reactist-notification__icon-content-group"
-  }, icon !== null && icon !== void 0 ? icon : null, notificationContent);
-  return /*#__PURE__*/React__default.createElement("div", Object.assign({
+  }, icon != null ? icon : null, notificationContent);
+  return /*#__PURE__*/React__default.createElement("div", _objectSpread2(_objectSpread2(_objectSpread2({
     id: id,
     role: "alert",
     className: classNames('reactist-notification', className, {
@@ -59,14 +59,14 @@ function Notification(_ref) {
       'reactist-notification--with-close-button': Boolean(onClose)
     }),
     "aria-live": ariaLive
-  }, ariaLabelledBy, ariaDescribedBy, rest), onClick ? /*#__PURE__*/React__default.createElement("button", {
+  }, ariaLabelledBy), ariaDescribedBy), rest), onClick ? /*#__PURE__*/React__default.createElement("button", {
     className: "reactist-notification__button",
     onClick: onClick
   }, notificationBody) : notificationBody, onClose ? /*#__PURE__*/React__default.createElement("button", {
     className: "reactist-notification__close-button",
     onClick: onClose,
     "aria-label": closeAltText
-  }, customCloseButton !== null && customCloseButton !== void 0 ? customCloseButton : /*#__PURE__*/React__default.createElement(CloseIcon, null)) : null);
+  }, customCloseButton != null ? customCloseButton : /*#__PURE__*/React__default.createElement(CloseIcon, null)) : null);
 }
 
 export { Notification };

package/es/components/notification/notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"notification.js","sources":["../../../src/components/notification/notification.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\nimport CloseIcon from '../icons/CloseIcon.svg'\nimport './notification.less'\n\ntype NotificationProps = {\n    id: string\n    icon?: React.ReactNode\n    title?: React.ReactNode\n    subtitle?: React.ReactNode\n    children?: React.ReactNode\n    customCloseButton?: React.ReactNode\n    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void\n    onClose?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void\n    closeAltText?: string\n    className?: string\n    /** Indicates that the notification will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region. */\n    'aria-live'?: 'off' | 'polite' | 'assertive'\n} & Omit<JSX.IntrinsicElements['div'], 'aria-live'>\n\nfunction Notification({\n    id,\n    icon,\n    title,\n    subtitle,\n    children,\n    customCloseButton,\n    onClick,\n    onClose,\n    closeAltText = 'Close',\n    className,\n    'aria-live': ariaLive = 'polite',\n    ...rest\n}: NotificationProps) {\n    const titleId = title ? `${id}-title` : null\n    const titleIdAttribute = titleId ? { id: titleId } : null\n    const subtitleId = subtitle ? `${id}-subtitle` : null\n    const subtitleIdAttribute = subtitleId ? { id: subtitleId } : null\n    const contentId = children ? `${id}-content` : null\n    const contentIdAttribute = children ? { id: `${id}-content` } : null\n    const ariaLabelledBy = contentId\n        ? { 'aria-labelledby': contentId }\n        : titleId\n        ? { 'aria-labelledby': titleId }\n        : null\n    const ariaDescribedBy = subtitleId && !children ? { 'aria-describedby': subtitleId } : null\n\n    const notificationContent = (\n        <div className=\"reactist-notification__content\" {...contentIdAttribute}>\n            {children ?? (\n                <>\n                    {title ? (\n                        <h3 className=\"reactist-notification__title\" {...titleIdAttribute}>\n                            {title}\n                        </h3>\n                    ) : null}\n                    {subtitle ? (\n                        <p className=\"reactist-notification__subtitle\" {...subtitleIdAttribute}>\n                            {subtitle}\n                        </p>\n                    ) : null}\n                </>\n            )}\n        </div>\n    )\n    const notificationBody = (\n        <div className=\"reactist-notification__icon-content-group\">\n            {icon ?? null}\n            {notificationContent}\n        </div>\n    )\n\n    return (\n        <div\n            id={id}\n            role=\"alert\"\n            className={classNames('reactist-notification', className, {\n                'reactist-notification--with-button': Boolean(onClick),\n                'reactist-notification--with-close-button': Boolean(onClose),\n            })}\n            aria-live={ariaLive}\n            {...ariaLabelledBy}\n            {...ariaDescribedBy}\n            {...rest}\n        >\n            {onClick ? (\n                <button className=\"reactist-notification__button\" onClick={onClick}>\n                    {notificationBody}\n                </button>\n            ) : (\n                notificationBody\n            )}\n\n            {onClose ? (\n                <button\n                    className=\"reactist-notification__close-button\"\n                    onClick={onClose}\n                    aria-label={closeAltText}\n                >\n                    {customCloseButton ?? <CloseIcon />}\n                </button>\n            ) : null}\n        </div>\n    )\n}\n\nexport { Notification }\n"],"names":["Notification","id","icon","title","subtitle","children","customCloseButton","onClick","onClose","closeAltText","className","ariaLive","rest","titleId","titleIdAttribute","subtitleId","subtitleIdAttribute","contentId","contentIdAttribute","ariaLabelledBy","ariaDescribedBy","notificationContent","React","notificationBody","role","classNames","Boolean","CloseIcon"],"mappings":";;;;;;;AAoBA,SAASA,YAAT;MACIC,UAAAA;MACAC,YAAAA;MACAC,aAAAA;MACAC,gBAAAA;MACAC,gBAAAA;MACAC,yBAAAA;MACAC,eAAAA;MACAC,eAAAA;+BACAC;MAAAA,8CAAe;MACfC,iBAAAA;2BACA;MAAaC,sCAAW;MACrBC;;AAEH,MAAMC,OAAO,GAAGV,KAAK,GAAMF,EAAN,cAAmB,IAAxC;AACA,MAAMa,gBAAgB,GAAGD,OAAO,GAAG;AAAEZ,IAAAA,EAAE,EAAEY;AAAN,GAAH,GAAqB,IAArD;AACA,MAAME,UAAU,GAAGX,QAAQ,GAAMH,EAAN,iBAAsB,IAAjD;AACA,MAAMe,mBAAmB,GAAGD,UAAU,GAAG;AAAEd,IAAAA,EAAE,EAAEc;AAAN,GAAH,GAAwB,IAA9D;AACA,MAAME,SAAS,GAAGZ,QAAQ,GAAMJ,EAAN,gBAAqB,IAA/C;AACA,MAAMiB,kBAAkB,GAAGb,QAAQ,GAAG;AAAEJ,IAAAA,EAAE,EAAKA,EAAL;AAAJ,GAAH,GAA6B,IAAhE;AACA,MAAMkB,cAAc,GAAGF,SAAS,GAC1B;AAAE,uBAAmBA;AAArB,GAD0B,GAE1BJ,OAAO,GACP;AAAE,uBAAmBA;AAArB,GADO,GAEP,IAJN;AAKA,MAAMO,eAAe,GAAGL,UAAU,IAAI,CAACV,QAAf,GAA0B;AAAE,wBAAoBU;AAAtB,GAA1B,GAA+D,IAAvF;AAEA,MAAMM,mBAAmB,gBACrBC,4BAAA,MAAA;AAAKZ,IAAAA,SAAS,EAAC;KAAqCQ,mBAApD,EACKb,QADL,aACKA,QADL,cACKA,QADL,gBAEQiB,4BAAA,wBAAA,MAAA,EACKnB,KAAK,gBACFmB,4BAAA,KAAA;AAAIZ,IAAAA,SAAS,EAAC;KAAmCI,iBAAjD,EACKX,KADL,CADE,GAIF,IALR,EAMKC,QAAQ,gBACLkB,4BAAA,IAAA;AAAGZ,IAAAA,SAAS,EAAC;KAAsCM,oBAAnD,EACKZ,QADL,CADK,GAIL,IAVR,CAFR,CADJ;AAkBA,MAAMmB,gBAAgB,gBAClBD,4BAAA,MAAA;AAAKZ,IAAAA,SAAS,EAAC;GAAf,EACKR,IADL,aACKA,IADL,cACKA,IADL,GACa,IADb,EAEKmB,mBAFL,CADJ;AAOA,sBACIC,4BAAA,MAAA;AACIrB,IAAAA,EAAE,EAAEA;AACJuB,IAAAA,IAAI,EAAC;AACLd,IAAAA,SAAS,EAAEe,UAAU,CAAC,uBAAD,EAA0Bf,SAA1B,EAAqC;AACtD,4CAAsCgB,OAAO,CAACnB,OAAD,CADS;AAEtD,kDAA4CmB,OAAO,CAAClB,OAAD;AAFG,KAArC;iBAIVG;KACPQ,gBACAC,iBACAR,KAVR,EAYKL,OAAO,gBACJe,4BAAA,SAAA;AAAQZ,IAAAA,SAAS,EAAC;AAAgCH,IAAAA,OAAO,EAAEA;GAA3D,EACKgB,gBADL,CADI,GAKJA,gBAjBR,EAoBKf,OAAO,gBACJc,4BAAA,SAAA;AACIZ,IAAAA,SAAS,EAAC;AACVH,IAAAA,OAAO,EAAEC;kBACGC;GAHhB,EAKKH,iBALL,aAKKA,iBALL,cAKKA,iBALL,gBAK0BgB,4BAAA,CAACK,SAAD,MAAA,CAL1B,CADI,GAQJ,IA5BR,CADJ;AAgCH;;;;"}
+{"version":3,"file":"notification.js","sources":["../../../src/components/notification/notification.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\nimport CloseIcon from '../icons/CloseIcon.svg'\nimport './notification.less'\n\ntype NotificationProps = {\n    id: string\n    icon?: React.ReactNode\n    title?: React.ReactNode\n    subtitle?: React.ReactNode\n    children?: React.ReactNode\n    customCloseButton?: React.ReactNode\n    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void\n    onClose?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void\n    closeAltText?: string\n    className?: string\n    /** Indicates that the notification will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region. */\n    'aria-live'?: 'off' | 'polite' | 'assertive'\n} & Omit<JSX.IntrinsicElements['div'], 'aria-live'>\n\nfunction Notification({\n    id,\n    icon,\n    title,\n    subtitle,\n    children,\n    customCloseButton,\n    onClick,\n    onClose,\n    closeAltText = 'Close',\n    className,\n    'aria-live': ariaLive = 'polite',\n    ...rest\n}: NotificationProps) {\n    const titleId = title ? `${id}-title` : null\n    const titleIdAttribute = titleId ? { id: titleId } : null\n    const subtitleId = subtitle ? `${id}-subtitle` : null\n    const subtitleIdAttribute = subtitleId ? { id: subtitleId } : null\n    const contentId = children ? `${id}-content` : null\n    const contentIdAttribute = children ? { id: `${id}-content` } : null\n    const ariaLabelledBy = contentId\n        ? { 'aria-labelledby': contentId }\n        : titleId\n        ? { 'aria-labelledby': titleId }\n        : null\n    const ariaDescribedBy = subtitleId && !children ? { 'aria-describedby': subtitleId } : null\n\n    const notificationContent = (\n        <div className=\"reactist-notification__content\" {...contentIdAttribute}>\n            {children ?? (\n                <>\n                    {title ? (\n                        <h3 className=\"reactist-notification__title\" {...titleIdAttribute}>\n                            {title}\n                        </h3>\n                    ) : null}\n                    {subtitle ? (\n                        <p className=\"reactist-notification__subtitle\" {...subtitleIdAttribute}>\n                            {subtitle}\n                        </p>\n                    ) : null}\n                </>\n            )}\n        </div>\n    )\n    const notificationBody = (\n        <div className=\"reactist-notification__icon-content-group\">\n            {icon ?? null}\n            {notificationContent}\n        </div>\n    )\n\n    return (\n        <div\n            id={id}\n            role=\"alert\"\n            className={classNames('reactist-notification', className, {\n                'reactist-notification--with-button': Boolean(onClick),\n                'reactist-notification--with-close-button': Boolean(onClose),\n            })}\n            aria-live={ariaLive}\n            {...ariaLabelledBy}\n            {...ariaDescribedBy}\n            {...rest}\n        >\n            {onClick ? (\n                <button className=\"reactist-notification__button\" onClick={onClick}>\n                    {notificationBody}\n                </button>\n            ) : (\n                notificationBody\n            )}\n\n            {onClose ? (\n                <button\n                    className=\"reactist-notification__close-button\"\n                    onClick={onClose}\n                    aria-label={closeAltText}\n                >\n                    {customCloseButton ?? <CloseIcon />}\n                </button>\n            ) : null}\n        </div>\n    )\n}\n\nexport { Notification }\n"],"names":["Notification","id","icon","title","subtitle","children","customCloseButton","onClick","onClose","closeAltText","className","ariaLive","rest","titleId","titleIdAttribute","subtitleId","subtitleIdAttribute","contentId","contentIdAttribute","ariaLabelledBy","ariaDescribedBy","notificationContent","React","notificationBody","role","classNames","Boolean","CloseIcon"],"mappings":";;;;;;;AAoBA,SAASA,YAAT;MAAsB;IAClBC,EADkB;IAElBC,IAFkB;IAGlBC,KAHkB;IAIlBC,QAJkB;IAKlBC,QALkB;IAMlBC,iBANkB;IAOlBC,OAPkB;IAQlBC,OARkB;IASlBC,YAAY,GAAG,OATG;IAUlBC,SAVkB;IAWlB,aAAaC,QAAQ,GAAG;;MACrBC;;EAEH,MAAMC,OAAO,GAAGV,KAAK,GAAMF,EAAN,cAAmB,IAAxC;EACA,MAAMa,gBAAgB,GAAGD,OAAO,GAAG;IAAEZ,EAAE,EAAEY;GAAT,GAAqB,IAArD;EACA,MAAME,UAAU,GAAGX,QAAQ,GAAMH,EAAN,iBAAsB,IAAjD;EACA,MAAMe,mBAAmB,GAAGD,UAAU,GAAG;IAAEd,EAAE,EAAEc;GAAT,GAAwB,IAA9D;EACA,MAAME,SAAS,GAAGZ,QAAQ,GAAMJ,EAAN,gBAAqB,IAA/C;EACA,MAAMiB,kBAAkB,GAAGb,QAAQ,GAAG;IAAEJ,EAAE,EAAKA,EAAL;GAAP,GAA6B,IAAhE;EACA,MAAMkB,cAAc,GAAGF,SAAS,GAC1B;IAAE,mBAAmBA;GADK,GAE1BJ,OAAO,GACP;IAAE,mBAAmBA;GADd,GAEP,IAJN;EAKA,MAAMO,eAAe,GAAGL,UAAU,IAAI,CAACV,QAAf,GAA0B;IAAE,oBAAoBU;GAAhD,GAA+D,IAAvF;EAEA,MAAMM,mBAAmB,gBACrBC,4BAAA,MAAA;IAAKZ,SAAS,EAAC;KAAqCQ,kBAApD,GACKb,QADL,WACKA,QADL,gBAEQiB,4BAAA,wBAAA,MAAA,EACKnB,KAAK,gBACFmB,4BAAA,KAAA;IAAIZ,SAAS,EAAC;KAAmCI,gBAAjD,GACKX,KADL,CADE,GAIF,IALR,EAMKC,QAAQ,gBACLkB,4BAAA,IAAA;IAAGZ,SAAS,EAAC;KAAsCM,mBAAnD,GACKZ,QADL,CADK,GAIL,IAVR,CAFR,CADJ;EAkBA,MAAMmB,gBAAgB,gBAClBD,4BAAA,MAAA;IAAKZ,SAAS,EAAC;GAAf,EACKR,IADL,WACKA,IADL,GACa,IADb,EAEKmB,mBAFL,CADJ;EAOA,oBACIC,4BAAA,MAAA;IACIrB,EAAE,EAAEA,EADR;IAEIuB,IAAI,EAAC,OAFT;IAGId,SAAS,EAAEe,UAAU,CAAC,uBAAD,EAA0Bf,SAA1B,EAAqC;MACtD,sCAAsCgB,OAAO,CAACnB,OAAD,CADS;MAEtD,4CAA4CmB,OAAO,CAAClB,OAAD;KAFlC,CAHzB;iBAOeG;KACPQ,cARR,GASQC,eATR,GAUQR,IAVR,GAYKL,OAAO,gBACJe,4BAAA,SAAA;IAAQZ,SAAS,EAAC;IAAgCH,OAAO,EAAEA;GAA3D,EACKgB,gBADL,CADI,GAKJA,gBAjBR,EAoBKf,OAAO,gBACJc,4BAAA,SAAA;IACIZ,SAAS,EAAC;IACVH,OAAO,EAAEC;kBACGC;GAHhB,EAKKH,iBALL,WAKKA,iBALL,gBAK0BgB,4BAAA,CAACK,SAAD,MAAA,CAL1B,CADI,GAQJ,IA5BR,CADJ;AAgCH;;;;"}

package/es/components/popover/popover.js

@@ -1,74 +1,68 @@
-import { inheritsLoose as _inheritsLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import classNames from 'classnames';
 import { hasEnoughSpace, calculatePosition } from './positioning-utils.js';
 
-var Popover = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(Popover, _React$Component);
-
-  function Popover() {
-    var _this;
-
-    _this = _React$Component.apply(this, arguments) || this;
-
-    _this._updatePopoverPosition = function () {
-      var _this$props = _this.props,
-          position = _this$props.position,
-          allowVaguePositioning = _this$props.allowVaguePositioning,
-          gapSize = _this$props.gapSize;
-
-      var wrapperRect = _this.wrapper.getBoundingClientRect();
-
-      var popoverRect = _this.popover.getBoundingClientRect(); // Instead of using the documentElement find the nearest absolutely positioned element
-
-
-      var documentEl = document.documentElement;
-      var node = _this.wrapper;
-      var foundParent = false;
+class Popover extends React__default.Component {
+  constructor(...args) {
+    super(...args);
+    this.popover = void 0;
+    this.wrapper = void 0;
+
+    this._updatePopoverPosition = () => {
+      const {
+        position,
+        allowVaguePositioning,
+        gapSize
+      } = this.props;
+      const wrapperRect = this.wrapper.getBoundingClientRect();
+      const popoverRect = this.popover.getBoundingClientRect(); // Instead of using the documentElement find the nearest absolutely positioned element
+
+      const documentEl = document.documentElement;
+      let node = this.wrapper;
+      let foundParent = false;
 
       while (!foundParent) {
-        var styles = getComputedStyle(node);
-
-        var _position = styles.getPropertyValue('position');
+        const styles = getComputedStyle(node);
+        const position = styles.getPropertyValue('position');
 
-        if (_position === 'absolute' || node === documentEl || !node.parentElement) {
+        if (position === 'absolute' || node === documentEl || !node.parentElement) {
           foundParent = true;
         } else {
           node = node.parentElement;
         }
       }
 
-      var nodeRect = node.getBoundingClientRect();
-      var windowDimensions = {
+      const nodeRect = node.getBoundingClientRect();
+      const windowDimensions = {
         height: nodeRect.height,
         width: nodeRect.width
       };
-      var popoverDimensions = {
+      const popoverDimensions = {
         height: popoverRect.height,
         width: popoverRect.width
       };
-      var wrapperDimensions = {
+      const wrapperDimensions = {
         height: wrapperRect.height,
         width: wrapperRect.width
       };
-      var wrapperPositionRelative = {
+      const wrapperPositionRelative = {
         x: wrapperRect.left - nodeRect.left,
         y: wrapperRect.top - nodeRect.top
       };
-      var wrapperPositionAbsolute = {
+      const wrapperPositionAbsolute = {
         x: wrapperRect.left,
         y: wrapperRect.top
       };
-      var positionsToTry = position === 'auto' ? ['top', 'right', 'bottom', 'left', 'top'] : position === 'vertical' ? ['top', 'bottom'] : position === 'horizontal' ? ['left', 'right'] : [position];
+      const positionsToTry = position === 'auto' ? ['top', 'right', 'bottom', 'left', 'top'] : position === 'vertical' ? ['top', 'bottom'] : position === 'horizontal' ? ['left', 'right'] : [position];
 
-      for (var index = 0; index < positionsToTry.length; index++) {
-        var currentPosition = positionsToTry[index];
-        var enoughSpaceAtPosition = hasEnoughSpace(windowDimensions, popoverDimensions, wrapperDimensions, wrapperPositionRelative, currentPosition, gapSize);
+      for (let index = 0; index < positionsToTry.length; index++) {
+        const currentPosition = positionsToTry[index];
+        const enoughSpaceAtPosition = currentPosition != null ? hasEnoughSpace(windowDimensions, popoverDimensions, wrapperDimensions, wrapperPositionRelative, currentPosition, gapSize) : false;
 
         if (enoughSpaceAtPosition || index === positionsToTry.length - 1) {
-          var popoverPosition = calculatePosition(currentPosition, wrapperDimensions, wrapperPositionAbsolute, popoverDimensions, gapSize);
-          _this.popover.style.top = popoverPosition.y + "px";
-          _this.popover.style.left = popoverPosition.x + "px";
+          const popoverPosition = currentPosition != null ? calculatePosition(currentPosition, wrapperDimensions, wrapperPositionAbsolute, popoverDimensions, gapSize) : wrapperPositionAbsolute;
+          this.popover.style.top = popoverPosition.y + "px";
+          this.popover.style.left = popoverPosition.x + "px";
           /**
            * Correct placement if vague positioning is allowed.
            * When it's not allowed we "cut off" popovers and display them
@@ -78,17 +72,17 @@ var Popover = /*#__PURE__*/function (_React$Component) {
           if (allowVaguePositioning) {
             // correct horizontally
             if (popoverPosition.x < 0) {
-              _this.popover.style.left = 2 * gapSize + "px";
+              this.popover.style.left = 2 * gapSize + "px";
             } // correct vertically
 
 
             if (popoverPosition.y + popoverDimensions.height > windowDimensions.height) {
-              _this.popover.style.top = windowDimensions.height - popoverDimensions.height - 2 * gapSize + "px";
+              this.popover.style.top = windowDimensions.height - popoverDimensions.height - 2 * gapSize + "px";
             }
           }
 
           if (currentPosition !== position) {
-            _this.popover.className = _this._getClassNameForPosition(currentPosition);
+            this.popover.className = this._getClassNameForPosition(currentPosition);
           }
 
           break;
@@ -96,13 +90,14 @@ var Popover = /*#__PURE__*/function (_React$Component) {
       }
     };
 
-    _this._getClassNameForPosition = function (position) {
-      var _this$props2 = _this.props,
-          visible = _this$props2.visible,
-          withArrow = _this$props2.withArrow,
-          arrowClassName = _this$props2.arrowClassName;
-      var className = classNames('reactist_popover', {
-        visible: visible
+    this._getClassNameForPosition = position => {
+      const {
+        visible,
+        withArrow,
+        arrowClassName
+      } = this.props;
+      const className = classNames('reactist_popover', {
+        visible
       });
 
       if (visible && withArrow) {
@@ -117,62 +112,59 @@ var Popover = /*#__PURE__*/function (_React$Component) {
       return className;
     };
 
-    _this._updatePopoverRef = function (popover) {
-      _this.popover = popover;
+    this._updatePopoverRef = popover => {
+      this.popover = popover;
 
-      if (typeof _this.props.popoverRef === 'function') {
-        _this.props.popoverRef(popover);
+      if (typeof this.props.popoverRef === 'function') {
+        this.props.popoverRef(popover);
       }
     };
 
-    _this._updateWrapperRef = function (wrapper) {
-      _this.wrapper = wrapper;
+    this._updateWrapperRef = wrapper => {
+      this.wrapper = wrapper;
 
-      if (typeof _this.props.wrapperRef === 'function') {
-        _this.props.wrapperRef(wrapper);
+      if (typeof this.props.wrapperRef === 'function') {
+        this.props.wrapperRef(wrapper);
       }
     };
-
-    return _this;
   }
 
-  var _proto = Popover.prototype;
-
-  _proto.componentDidMount = function componentDidMount() {
+  componentDidMount() {
     if (this.props.visible) {
       this._updatePopoverPosition();
     }
-  };
+  }
 
-  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
+  componentDidUpdate(prevProps) {
     if (this.wrapper && this.props.visible) {
-      var positionChanged = prevProps.position !== this.props.position;
-      var vaguePositioningChanged = prevProps.allowVaguePositioning !== this.props.allowVaguePositioning;
-      var visibilityChanged = prevProps.visible !== this.props.visible;
-      var arrowChanged = prevProps.withArrow !== this.props.withArrow;
-      var gapSizeChanged = prevProps.gapSize !== this.props.gapSize;
-      var contentChanged = prevProps.content !== this.props.content;
+      const positionChanged = prevProps.position !== this.props.position;
+      const vaguePositioningChanged = prevProps.allowVaguePositioning !== this.props.allowVaguePositioning;
+      const visibilityChanged = prevProps.visible !== this.props.visible;
+      const arrowChanged = prevProps.withArrow !== this.props.withArrow;
+      const gapSizeChanged = prevProps.gapSize !== this.props.gapSize;
+      const contentChanged = prevProps.content !== this.props.content;
 
       if (positionChanged || vaguePositioningChanged || visibilityChanged || arrowChanged || gapSizeChanged || contentChanged) {
         this._updatePopoverPosition();
       }
     }
-  };
-
-  _proto.render = function render() {
-    var _this$props3 = this.props,
-        position = _this$props3.position,
-        wrapperClassName = _this$props3.wrapperClassName,
-        popoverClassName = _this$props3.popoverClassName,
-        onMouseEnter = _this$props3.onMouseEnter,
-        onMouseLeave = _this$props3.onMouseLeave,
-        onClick = _this$props3.onClick,
-        trigger = _this$props3.trigger,
-        content = _this$props3.content;
-    var popoverClass = position ? this._getClassNameForPosition(position) : '';
-    var popoverContentClass = classNames('reactist_popover__content', popoverClassName);
-    var wrapperClass = classNames('reactist_popover__wrapper', wrapperClassName);
-    var triggerElement = React__default.Children.only(trigger);
+  }
+
+  render() {
+    const {
+      position,
+      wrapperClassName,
+      popoverClassName,
+      onMouseEnter,
+      onMouseLeave,
+      onClick,
+      trigger,
+      content
+    } = this.props;
+    const popoverClass = position ? this._getClassNameForPosition(position) : '';
+    const popoverContentClass = classNames('reactist_popover__content', popoverClassName);
+    const wrapperClass = classNames('reactist_popover__wrapper', wrapperClassName);
+    const triggerElement = React__default.Children.only(trigger);
 
     function handleTriggerClick(event) {
       // @ts-expect-error This is temporary while we revisit the Popover interface
@@ -197,15 +189,17 @@ var Popover = /*#__PURE__*/function (_React$Component) {
     }, this.props.visible ? /*#__PURE__*/React__default.createElement("span", {
       className: popoverContentClass
     }, typeof content === 'function' ? content() : content) : null));
-  };
+  }
 
-  return Popover;
-}(React__default.Component);
+}
 
+Popover.displayName = void 0;
+Popover.defaultProps = void 0;
 Popover.displayName = 'Popover';
 Popover.defaultProps = {
   position: 'auto',
-  gapSize: 5
+  gapSize: 5 // default size of the arrow (see `tooltip.less`)
+
 };
 
 export { Popover };

package/es/components/popover/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sources":["../../../src/components/popover/popover.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\n\nimport { hasEnoughSpace, calculatePosition, RelativePosition } from './positioning-utils'\n\nimport './popover.less'\n\n/**\n * Position of the popover. Defaults to `auto`.\n * `auto` tries to position the tooltip to the top,\n * if there's not enough space it tries to position the tooltip clockwise (right, bottom, left).\n * Setting a distinct value like `right` will always position the popover right, regardless of available space.\n * Specifying `horizontal` will only try to position the tooltip left and right in that order.\n * Specifying `vertical` will only try to position the tooltip top and bottom in that order.\n */\ntype Position = 'left' | 'right' | 'top' | 'bottom' | 'vertical' | 'horizontal' | 'auto'\n\ntype Props = {\n    visible?: boolean\n    /** ref of the popover in case you need to manipulate it. */\n    popoverRef?: React.Ref<HTMLElement>\n    /** ref of the wrapper in case you need to manipulate it. */\n    wrapperRef?: React.Ref<HTMLElement>\n    /** Function to be called when the mouse enters the trigger. */\n    onMouseEnter?: React.MouseEventHandler\n    /** Function to be called when the mouse leaves the trigger. */\n    onMouseLeave?: React.MouseEventHandler\n    onClick?: React.MouseEventHandler\n    /** Additional css class that is applied to the wrapper element. */\n    wrapperClassName?: string\n    /** Additional css class that is applied to the popover element. */\n    popoverClassName?: string\n    /** Additional css class that is applied to style the arrow. Not applied when `withArrow` is false. */\n    arrowClassName?: string\n    /** Content prop of the popover. */\n    content?: (() => React.ReactNode) | React.ReactNode\n    trigger?: React.ReactNode\n    position: Position\n    withArrow?: boolean\n    /**\n     * Whether vague positioning is allowed. When set to true the popover prefers to be fully visible over being correctly centered.\n     */\n    allowVaguePositioning?: boolean\n    /** Gap between the popover wrapper and the arrow. */\n    gapSize: number\n}\n\nclass Popover extends React.Component<Props> {\n    public static displayName: string\n    public static defaultProps: Props\n\n    componentDidMount() {\n        if (this.props.visible) {\n            this._updatePopoverPosition()\n        }\n    }\n\n    componentDidUpdate(prevProps: Props) {\n        if (this.wrapper && this.props.visible) {\n            const positionChanged = prevProps.position !== this.props.position\n            const vaguePositioningChanged =\n                prevProps.allowVaguePositioning !== this.props.allowVaguePositioning\n            const visibilityChanged = prevProps.visible !== this.props.visible\n            const arrowChanged = prevProps.withArrow !== this.props.withArrow\n            const gapSizeChanged = prevProps.gapSize !== this.props.gapSize\n            const contentChanged = prevProps.content !== this.props.content\n            if (\n                positionChanged ||\n                vaguePositioningChanged ||\n                visibilityChanged ||\n                arrowChanged ||\n                gapSizeChanged ||\n                contentChanged\n            ) {\n                this._updatePopoverPosition()\n            }\n        }\n    }\n\n    popover!: HTMLElement\n    wrapper!: HTMLElement\n\n    _updatePopoverPosition = () => {\n        const { position, allowVaguePositioning, gapSize } = this.props\n        const wrapperRect = this.wrapper.getBoundingClientRect()\n        const popoverRect = this.popover.getBoundingClientRect()\n\n        // Instead of using the documentElement find the nearest absolutely positioned element\n        const documentEl = document.documentElement\n        let node = this.wrapper\n        let foundParent = false\n        while (!foundParent) {\n            const styles = getComputedStyle(node)\n            const position = styles.getPropertyValue('position')\n            if (position === 'absolute' || node === documentEl || !node.parentElement) {\n                foundParent = true\n            } else {\n                node = node.parentElement\n            }\n        }\n        const nodeRect = node.getBoundingClientRect()\n        const windowDimensions = {\n            height: nodeRect.height,\n            width: nodeRect.width,\n        }\n\n        const popoverDimensions = {\n            height: popoverRect.height,\n            width: popoverRect.width,\n        }\n        const wrapperDimensions = {\n            height: wrapperRect.height,\n            width: wrapperRect.width,\n        }\n        const wrapperPositionRelative = {\n            x: wrapperRect.left - nodeRect.left,\n            y: wrapperRect.top - nodeRect.top,\n        }\n        const wrapperPositionAbsolute = {\n            x: wrapperRect.left,\n            y: wrapperRect.top,\n        }\n\n        const positionsToTry: RelativePosition[] =\n            position === 'auto'\n                ? ['top', 'right', 'bottom', 'left', 'top']\n                : position === 'vertical'\n                ? ['top', 'bottom']\n                : position === 'horizontal'\n                ? ['left', 'right']\n                : [position]\n\n        for (let index = 0; index < positionsToTry.length; index++) {\n            const currentPosition = positionsToTry[index]\n            const enoughSpaceAtPosition = hasEnoughSpace(\n                windowDimensions,\n                popoverDimensions,\n                wrapperDimensions,\n                wrapperPositionRelative,\n                currentPosition,\n                gapSize,\n            )\n\n            if (enoughSpaceAtPosition || index === positionsToTry.length - 1) {\n                const popoverPosition = calculatePosition(\n                    currentPosition,\n                    wrapperDimensions,\n                    wrapperPositionAbsolute,\n                    popoverDimensions,\n                    gapSize,\n                )\n                this.popover.style.top = `${popoverPosition.y}px`\n                this.popover.style.left = `${popoverPosition.x}px`\n\n                /**\n                 * Correct placement if vague positioning is allowed.\n                 * When it's not allowed we \"cut off\" popovers and display them\n                 * out of the viewport to maintain their centered position.\n                 */\n                if (allowVaguePositioning) {\n                    // correct horizontally\n                    if (popoverPosition.x < 0) {\n                        this.popover.style.left = `${2 * gapSize}px`\n                    }\n                    // correct vertically\n                    if (popoverPosition.y + popoverDimensions.height > windowDimensions.height) {\n                        this.popover.style.top = `${\n                            windowDimensions.height - popoverDimensions.height - 2 * gapSize\n                        }px`\n                    }\n                }\n\n                if (currentPosition !== position) {\n                    this.popover.className = this._getClassNameForPosition(currentPosition)\n                }\n                break\n            }\n        }\n    }\n\n    _getClassNameForPosition = (position: Position) => {\n        const { visible, withArrow, arrowClassName } = this.props\n        const className = classNames('reactist_popover', { visible })\n\n        if (visible && withArrow) {\n            return classNames(className, arrowClassName, {\n                arrow_top: position === 'bottom',\n                arrow_right: position === 'left',\n                arrow_bottom: position === 'auto' || position === 'top',\n                arrow_left: position === 'right',\n            })\n        }\n        return className\n    }\n\n    _updatePopoverRef = (popover: HTMLElement) => {\n        this.popover = popover\n        if (typeof this.props.popoverRef === 'function') {\n            this.props.popoverRef(popover)\n        }\n    }\n\n    _updateWrapperRef = (wrapper: HTMLElement) => {\n        this.wrapper = wrapper\n        if (typeof this.props.wrapperRef === 'function') {\n            this.props.wrapperRef(wrapper)\n        }\n    }\n\n    render() {\n        const {\n            position,\n            wrapperClassName,\n            popoverClassName,\n            onMouseEnter,\n            onMouseLeave,\n            onClick,\n            trigger,\n            content,\n        } = this.props\n        const popoverClass = position ? this._getClassNameForPosition(position) : ''\n        const popoverContentClass = classNames('reactist_popover__content', popoverClassName)\n        const wrapperClass = classNames('reactist_popover__wrapper', wrapperClassName)\n        const triggerElement = React.Children.only<React.ReactElement>(\n            trigger as React.ReactElement,\n        )\n\n        function handleTriggerClick(event: React.SyntheticEvent) {\n            // @ts-expect-error This is temporary while we revisit the Popover interface\n            if (onClick) onClick(event)\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n            if (typeof triggerElement.props.onClick === 'function') {\n                // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access,@typescript-eslint/no-unsafe-call\n                triggerElement.props.onClick(event)\n            }\n        }\n\n        return (\n            <span\n                className={wrapperClass}\n                onMouseEnter={onMouseEnter}\n                onMouseLeave={onMouseLeave}\n                ref={this._updateWrapperRef}\n            >\n                {React.cloneElement(triggerElement, { onClick: handleTriggerClick })}\n                <span className={popoverClass} ref={this._updatePopoverRef}>\n                    {this.props.visible ? (\n                        <span className={popoverContentClass}>\n                            {typeof content === 'function' ? content() : content}\n                        </span>\n                    ) : null}\n                </span>\n            </span>\n        )\n    }\n}\nPopover.displayName = 'Popover'\nPopover.defaultProps = {\n    position: 'auto',\n    gapSize: 5, // default size of the arrow (see `tooltip.less`)\n}\n\nexport { Popover }\n"],"names":["Popover","props","position","allowVaguePositioning","gapSize","wrapperRect","wrapper","getBoundingClientRect","popoverRect","popover","documentEl","document","documentElement","node","foundParent","styles","getComputedStyle","getPropertyValue","parentElement","nodeRect","windowDimensions","height","width","popoverDimensions","wrapperDimensions","wrapperPositionRelative","x","left","y","top","wrapperPositionAbsolute","positionsToTry","index","length","currentPosition","enoughSpaceAtPosition","hasEnoughSpace","popoverPosition","calculatePosition","style","className","_getClassNameForPosition","visible","withArrow","arrowClassName","classNames","arrow_top","arrow_right","arrow_bottom","arrow_left","popoverRef","wrapperRef","componentDidMount","_updatePopoverPosition","componentDidUpdate","prevProps","positionChanged","vaguePositioningChanged","visibilityChanged","arrowChanged","gapSizeChanged","contentChanged","content","render","wrapperClassName","popoverClassName","onMouseEnter","onMouseLeave","onClick","trigger","popoverClass","popoverContentClass","wrapperClass","triggerElement","React","Children","only","handleTriggerClick","event","ref","_updateWrapperRef","cloneElement","_updatePopoverRef","Component","displayName","defaultProps"],"mappings":"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"}
+{"version":3,"file":"popover.js","sources":["../../../src/components/popover/popover.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\n\nimport { hasEnoughSpace, calculatePosition, RelativePosition } from './positioning-utils'\n\nimport './popover.less'\n\n/**\n * Position of the popover. Defaults to `auto`.\n * `auto` tries to position the tooltip to the top,\n * if there's not enough space it tries to position the tooltip clockwise (right, bottom, left).\n * Setting a distinct value like `right` will always position the popover right, regardless of available space.\n * Specifying `horizontal` will only try to position the tooltip left and right in that order.\n * Specifying `vertical` will only try to position the tooltip top and bottom in that order.\n */\ntype Position = 'left' | 'right' | 'top' | 'bottom' | 'vertical' | 'horizontal' | 'auto'\n\ntype Props = {\n    visible?: boolean\n    /** ref of the popover in case you need to manipulate it. */\n    popoverRef?: React.Ref<HTMLElement>\n    /** ref of the wrapper in case you need to manipulate it. */\n    wrapperRef?: React.Ref<HTMLElement>\n    /** Function to be called when the mouse enters the trigger. */\n    onMouseEnter?: React.MouseEventHandler\n    /** Function to be called when the mouse leaves the trigger. */\n    onMouseLeave?: React.MouseEventHandler\n    onClick?: React.MouseEventHandler\n    /** Additional css class that is applied to the wrapper element. */\n    wrapperClassName?: string\n    /** Additional css class that is applied to the popover element. */\n    popoverClassName?: string\n    /** Additional css class that is applied to style the arrow. Not applied when `withArrow` is false. */\n    arrowClassName?: string\n    /** Content prop of the popover. */\n    content?: (() => React.ReactNode) | React.ReactNode\n    trigger?: React.ReactNode\n    position: Position\n    withArrow?: boolean\n    /**\n     * Whether vague positioning is allowed. When set to true the popover prefers to be fully visible over being correctly centered.\n     */\n    allowVaguePositioning?: boolean\n    /** Gap between the popover wrapper and the arrow. */\n    gapSize: number\n}\n\nclass Popover extends React.Component<Props> {\n    public static displayName: string\n    public static defaultProps: Props\n\n    componentDidMount() {\n        if (this.props.visible) {\n            this._updatePopoverPosition()\n        }\n    }\n\n    componentDidUpdate(prevProps: Props) {\n        if (this.wrapper && this.props.visible) {\n            const positionChanged = prevProps.position !== this.props.position\n            const vaguePositioningChanged =\n                prevProps.allowVaguePositioning !== this.props.allowVaguePositioning\n            const visibilityChanged = prevProps.visible !== this.props.visible\n            const arrowChanged = prevProps.withArrow !== this.props.withArrow\n            const gapSizeChanged = prevProps.gapSize !== this.props.gapSize\n            const contentChanged = prevProps.content !== this.props.content\n            if (\n                positionChanged ||\n                vaguePositioningChanged ||\n                visibilityChanged ||\n                arrowChanged ||\n                gapSizeChanged ||\n                contentChanged\n            ) {\n                this._updatePopoverPosition()\n            }\n        }\n    }\n\n    popover!: HTMLElement\n    wrapper!: HTMLElement\n\n    _updatePopoverPosition = () => {\n        const { position, allowVaguePositioning, gapSize } = this.props\n        const wrapperRect = this.wrapper.getBoundingClientRect()\n        const popoverRect = this.popover.getBoundingClientRect()\n\n        // Instead of using the documentElement find the nearest absolutely positioned element\n        const documentEl = document.documentElement\n        let node = this.wrapper\n        let foundParent = false\n        while (!foundParent) {\n            const styles = getComputedStyle(node)\n            const position = styles.getPropertyValue('position')\n            if (position === 'absolute' || node === documentEl || !node.parentElement) {\n                foundParent = true\n            } else {\n                node = node.parentElement\n            }\n        }\n        const nodeRect = node.getBoundingClientRect()\n        const windowDimensions = {\n            height: nodeRect.height,\n            width: nodeRect.width,\n        }\n\n        const popoverDimensions = {\n            height: popoverRect.height,\n            width: popoverRect.width,\n        }\n        const wrapperDimensions = {\n            height: wrapperRect.height,\n            width: wrapperRect.width,\n        }\n        const wrapperPositionRelative = {\n            x: wrapperRect.left - nodeRect.left,\n            y: wrapperRect.top - nodeRect.top,\n        }\n        const wrapperPositionAbsolute = {\n            x: wrapperRect.left,\n            y: wrapperRect.top,\n        }\n\n        const positionsToTry: RelativePosition[] =\n            position === 'auto'\n                ? ['top', 'right', 'bottom', 'left', 'top']\n                : position === 'vertical'\n                ? ['top', 'bottom']\n                : position === 'horizontal'\n                ? ['left', 'right']\n                : [position]\n\n        for (let index = 0; index < positionsToTry.length; index++) {\n            const currentPosition = positionsToTry[index]\n            const enoughSpaceAtPosition =\n                currentPosition != null\n                    ? hasEnoughSpace(\n                          windowDimensions,\n                          popoverDimensions,\n                          wrapperDimensions,\n                          wrapperPositionRelative,\n                          currentPosition,\n                          gapSize,\n                      )\n                    : false\n\n            if (enoughSpaceAtPosition || index === positionsToTry.length - 1) {\n                const popoverPosition =\n                    currentPosition != null\n                        ? calculatePosition(\n                              currentPosition,\n                              wrapperDimensions,\n                              wrapperPositionAbsolute,\n                              popoverDimensions,\n                              gapSize,\n                          )\n                        : wrapperPositionAbsolute\n                this.popover.style.top = `${popoverPosition.y}px`\n                this.popover.style.left = `${popoverPosition.x}px`\n\n                /**\n                 * Correct placement if vague positioning is allowed.\n                 * When it's not allowed we \"cut off\" popovers and display them\n                 * out of the viewport to maintain their centered position.\n                 */\n                if (allowVaguePositioning) {\n                    // correct horizontally\n                    if (popoverPosition.x < 0) {\n                        this.popover.style.left = `${2 * gapSize}px`\n                    }\n                    // correct vertically\n                    if (popoverPosition.y + popoverDimensions.height > windowDimensions.height) {\n                        this.popover.style.top = `${\n                            windowDimensions.height - popoverDimensions.height - 2 * gapSize\n                        }px`\n                    }\n                }\n\n                if (currentPosition !== position) {\n                    this.popover.className = this._getClassNameForPosition(currentPosition)\n                }\n                break\n            }\n        }\n    }\n\n    _getClassNameForPosition = (position: Position | undefined) => {\n        const { visible, withArrow, arrowClassName } = this.props\n        const className = classNames('reactist_popover', { visible })\n\n        if (visible && withArrow) {\n            return classNames(className, arrowClassName, {\n                arrow_top: position === 'bottom',\n                arrow_right: position === 'left',\n                arrow_bottom: position === 'auto' || position === 'top',\n                arrow_left: position === 'right',\n            })\n        }\n        return className\n    }\n\n    _updatePopoverRef = (popover: HTMLElement) => {\n        this.popover = popover\n        if (typeof this.props.popoverRef === 'function') {\n            this.props.popoverRef(popover)\n        }\n    }\n\n    _updateWrapperRef = (wrapper: HTMLElement) => {\n        this.wrapper = wrapper\n        if (typeof this.props.wrapperRef === 'function') {\n            this.props.wrapperRef(wrapper)\n        }\n    }\n\n    render() {\n        const {\n            position,\n            wrapperClassName,\n            popoverClassName,\n            onMouseEnter,\n            onMouseLeave,\n            onClick,\n            trigger,\n            content,\n        } = this.props\n        const popoverClass = position ? this._getClassNameForPosition(position) : ''\n        const popoverContentClass = classNames('reactist_popover__content', popoverClassName)\n        const wrapperClass = classNames('reactist_popover__wrapper', wrapperClassName)\n        const triggerElement = React.Children.only<React.ReactElement>(\n            trigger as React.ReactElement,\n        )\n\n        function handleTriggerClick(event: React.SyntheticEvent) {\n            // @ts-expect-error This is temporary while we revisit the Popover interface\n            if (onClick) onClick(event)\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n            if (typeof triggerElement.props.onClick === 'function') {\n                // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access,@typescript-eslint/no-unsafe-call\n                triggerElement.props.onClick(event)\n            }\n        }\n\n        return (\n            <span\n                className={wrapperClass}\n                onMouseEnter={onMouseEnter}\n                onMouseLeave={onMouseLeave}\n                ref={this._updateWrapperRef}\n            >\n                {React.cloneElement(triggerElement, { onClick: handleTriggerClick })}\n                <span className={popoverClass} ref={this._updatePopoverRef}>\n                    {this.props.visible ? (\n                        <span className={popoverContentClass}>\n                            {typeof content === 'function' ? content() : content}\n                        </span>\n                    ) : null}\n                </span>\n            </span>\n        )\n    }\n}\nPopover.displayName = 'Popover'\nPopover.defaultProps = {\n    position: 'auto',\n    gapSize: 5, // default size of the arrow (see `tooltip.less`)\n}\n\nexport { Popover }\n"],"names":["Popover","React","Component","popover","wrapper","_updatePopoverPosition","position","allowVaguePositioning","gapSize","props","wrapperRect","getBoundingClientRect","popoverRect","documentEl","document","documentElement","node","foundParent","styles","getComputedStyle","getPropertyValue","parentElement","nodeRect","windowDimensions","height","width","popoverDimensions","wrapperDimensions","wrapperPositionRelative","x","left","y","top","wrapperPositionAbsolute","positionsToTry","index","length","currentPosition","enoughSpaceAtPosition","hasEnoughSpace","popoverPosition","calculatePosition","style","className","_getClassNameForPosition","visible","withArrow","arrowClassName","classNames","arrow_top","arrow_right","arrow_bottom","arrow_left","_updatePopoverRef","popoverRef","_updateWrapperRef","wrapperRef","componentDidMount","componentDidUpdate","prevProps","positionChanged","vaguePositioningChanged","visibilityChanged","arrowChanged","gapSizeChanged","contentChanged","content","render","wrapperClassName","popoverClassName","onMouseEnter","onMouseLeave","onClick","trigger","popoverClass","popoverContentClass","wrapperClass","triggerElement","Children","only","handleTriggerClick","event","ref","cloneElement","displayName","defaultProps"],"mappings":"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"}