@jetbrains/ring-ui-built 7.0.72 → 7.0.73

package/components/_helpers/anchor.js

@@ -1,22 +1,64 @@
-import { jsx } from 'react/jsx-runtime';
+import { c } from 'react-compiler-runtime';
 import { memo } from 'react';
 import classNames from 'classnames';
 import { Button } from '../button/button.js';
+import { jsx } from 'react/jsx-runtime';
 
 var styles = {"dropdown":"ring-dropdown-dropdown","anchor":"ring-dropdown-anchor"};
 
-const Anchor = ({
-  children,
-  className,
-  ...restProps
-}) => jsx(Button, {
-  "data-test-ring-dropdown-anchor": true,
-  inline: true,
-  dropdown: true,
-  className: classNames(styles.anchor, className),
-  ...restProps,
-  children: children
-});
+const Anchor = t0 => {
+  const $ = c(11);
+  if ($[0] !== "3067fd735de1a9a0c23aa0a7b746ef5c5300c54dd93a2de8daf6d53e43ecf99a") {
+    for (let $i = 0; $i < 11; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "3067fd735de1a9a0c23aa0a7b746ef5c5300c54dd93a2de8daf6d53e43ecf99a";
+  }
+  let children;
+  let className;
+  let restProps;
+  if ($[1] !== t0) {
+    ({
+      children,
+      className,
+      ...restProps
+    } = t0);
+    $[1] = t0;
+    $[2] = children;
+    $[3] = className;
+    $[4] = restProps;
+  } else {
+    children = $[2];
+    className = $[3];
+    restProps = $[4];
+  }
+  let t1;
+  if ($[5] !== className) {
+    t1 = classNames(styles.anchor, className);
+    $[5] = className;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] !== children || $[8] !== restProps || $[9] !== t1) {
+    t2 = /*#__PURE__*/jsx(Button, {
+      "data-test-ring-dropdown-anchor": true,
+      inline: true,
+      dropdown: true,
+      className: t1,
+      ...restProps,
+      children: children
+    });
+    $[7] = children;
+    $[8] = restProps;
+    $[9] = t1;
+    $[10] = t2;
+  } else {
+    t2 = $[10];
+  }
+  return t2;
+};
 var Anchor$1 = /*#__PURE__*/memo(Anchor);
 
 export { Anchor$1 as A, styles as s };

package/components/_helpers/avatar-info.js

@@ -1,6 +1,7 @@
-import { jsx } from 'react/jsx-runtime';
+import { c } from 'react-compiler-runtime';
 import classNames from 'classnames';
 import { Size } from '../avatar/avatar-size.js';
+import { jsx } from 'react/jsx-runtime';
 
 var styles = {"avatar":"ring-avatar-avatar","round":"ring-avatar-round","avatarShadow":"ring-avatar-avatarShadow","avatarInfo":"ring-avatar-avatarInfo","subavatar":"ring-avatar-subavatar","empty":"ring-avatar-empty"};
 
@@ -15,18 +16,50 @@ const fontSizes = {
   [Size.Size48]: 16,
   [Size.Size56]: 22
 };
-function AvatarInfo({
-  size,
-  children
-}) {
+function AvatarInfo(t0) {
+  const $ = c(7);
+  if ($[0] !== "db386ebce597a72ca92c29748d7d2b70e27ec0dd005eced756c361b3bfc587ee") {
+    for (let $i = 0; $i < 7; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "db386ebce597a72ca92c29748d7d2b70e27ec0dd005eced756c361b3bfc587ee";
+  }
+  const {
+    size,
+    children
+  } = t0;
   const fontSize = fontSizes[size];
-  return jsx("span", {
-    style: {
+  let t1;
+  if ($[1] !== fontSize) {
+    t1 = {
       fontSize
-    },
-    className: classNames(styles.avatarInfo),
-    children: children
-  });
+    };
+    $[1] = fontSize;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = classNames(styles.avatarInfo);
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== children || $[5] !== t1) {
+    t3 = /*#__PURE__*/jsx("span", {
+      style: t1,
+      className: t2,
+      children: children
+    });
+    $[4] = children;
+    $[5] = t1;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
 }
 
 export { AvatarInfo as A, fontSizes as f, styles as s };

package/components/_helpers/caption.js

@@ -1,6 +1,6 @@
-import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
+import { jsx } from 'react/jsx-runtime';
 
 var styles = {"button":"ring-button-button","active":"ring-button-active","flat":"ring-button-flat","buttonGroup":"ring-button-group-buttonGroup ring-button-group-common ring-button-toolbar-buttonGroup","common":"ring-button-group-common","disabled":"ring-button-group-disabled","split":"ring-button-group-split ring-button-group-common ring-button-toolbar-buttonGroup","caption":"ring-button-group-caption ring-global-font","help":"ring-button-group-help"};
 
@@ -10,7 +10,7 @@ class Caption extends PureComponent {
       className
     } = this.props;
     const classes = classNames(styles.caption, className);
-    return jsx("span", {
+    return /*#__PURE__*/jsx("span", {
       ...this.props,
       className: classes
     });

package/components/_helpers/card.js

@@ -1,4 +1,3 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import copyIcon from '@jetbrains/icons/copy';
@@ -9,6 +8,7 @@ import Tag, { TagType } from '../tag/tag.js';
 import Icon from '../icon/icon.js';
 import { I18nContext } from '../i18n/i18n-context.js';
 import Tooltip from '../tooltip/tooltip.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Size } from '../avatar/avatar-size.js';
 import { Size as Size$1 } from '../icon/icon.constants.js';
 
@@ -41,61 +41,61 @@ class UserCard extends PureComponent {
     const translations = this.props.translations;
     const classes = classNames(className, {});
     const userActiveStatusClasses = classNames(styles.userActiveStatus, user.online ? styles.online : '');
-    return jsx("div", {
+    return /*#__PURE__*/jsx("div", {
       ...restProps,
       className: classes,
-      children: jsxs("div", {
+      children: /*#__PURE__*/jsxs("div", {
         className: styles.userInformationContainer,
-        children: [jsxs("div", {
+        children: [/*#__PURE__*/jsxs("div", {
           className: styles.userAvatar,
-          children: [jsx(Avatar, {
+          children: [/*#__PURE__*/jsx(Avatar, {
             size: Size.Size56,
             url: user.avatarUrl,
             username: user.name,
             round: true
           }), !!avatarInfo && avatarInfo]
-        }), jsxs("div", {
+        }), /*#__PURE__*/jsxs("div", {
           className: styles.userInformation,
-          children: [jsxs("div", {
+          children: [/*#__PURE__*/jsxs("div", {
             className: styles.userInformationGeneral,
-            children: [jsxs("div", {
+            children: [/*#__PURE__*/jsxs("div", {
               className: styles.userNameLine,
-              children: [user.href && jsx(Link, {
+              children: [user.href && /*#__PURE__*/jsx(Link, {
                 href: user.href,
                 className: styles.userName,
-                "data-test": 'user-card-link',
+                "data-test": "user-card-link",
                 children: user.name
-              }), !user.href && jsx("span", {
+              }), !user.href && /*#__PURE__*/jsx("span", {
                 className: styles.userName,
                 children: user.name
-              }), typeof user.online === 'boolean' && jsx("span", {
+              }), typeof user.online === 'boolean' && /*#__PURE__*/jsx("span", {
                 className: userActiveStatusClasses,
                 title: user.online ? (_translations$online = translations?.online) !== null && _translations$online !== void 0 ? _translations$online : translate('online') : (_translations$offline = translations?.offline) !== null && _translations$offline !== void 0 ? _translations$offline : translate('offline')
-              }), !!info && jsx("span", {
+              }), !!info && /*#__PURE__*/jsx("span", {
                 className: styles.userNameInfo,
                 children: info
-              }), user.banned && jsx(Tooltip, {
+              }), user.banned && /*#__PURE__*/jsx(Tooltip, {
                 title: user.banReason,
-                children: jsx(Tag, {
+                children: /*#__PURE__*/jsx(Tag, {
                   tagType: TagType.ERROR,
                   children: (_translations$banned = translations?.banned) !== null && _translations$banned !== void 0 ? _translations$banned : translate('banned')
                 })
               })]
-            }), jsx("div", {
+            }), /*#__PURE__*/jsx("div", {
               className: styles.userLogin,
               children: user.login
-            }), user.email && jsxs("span", {
+            }), user.email && /*#__PURE__*/jsxs("span", {
               className: styles.userEmailWrapper,
-              children: [jsx(Link, {
+              children: [/*#__PURE__*/jsx(Link, {
                 href: `mailto:${user.email}`,
                 title: `mailto:${user.email}`,
-                target: '_blank',
+                target: "_blank",
                 className: styles.userEmail,
                 children: user.email
-              }), user.unverifiedEmail && jsx("span", {
+              }), user.unverifiedEmail && /*#__PURE__*/jsx("span", {
                 className: styles.unverifiedLabel,
                 children: (_translations$unverif = translations?.unverified) !== null && _translations$unverif !== void 0 ? _translations$unverif : translate('unverified')
-              }), jsx(Icon, {
+              }), /*#__PURE__*/jsx(Icon, {
                 title: (_translations$copyToC = translations?.copyToClipboard) !== null && _translations$copyToC !== void 0 ? _translations$copyToC : translate('copyToClipboard'),
                 className: styles.userCopyIcon,
                 onClick: this.copyEmail,

package/components/_helpers/icon-svg.js

@@ -1,7 +1,8 @@
-import { jsx } from 'react/jsx-runtime';
+import { c } from 'react-compiler-runtime';
 import { memo } from 'react';
 import classNames from 'classnames';
 import memoize from '../global/memoize.js';
+import { jsx } from 'react/jsx-runtime';
 
 var styles = {"icon":"ring-icon-icon","glyph":"ring-icon-glyph","compatibilityMode":"ring-icon-compatibilityMode","gray":"ring-icon-gray","hover":"ring-icon-hover","green":"ring-icon-green","magenta":"ring-icon-magenta","red":"ring-icon-red","blue":"ring-icon-blue","white":"ring-icon-white","loading":"ring-icon-loading","icon-loading":"ring-icon-icon-loading"};
 
@@ -45,26 +46,83 @@ function isCompatibilityMode(iconSrc) {
   const hasHeight = /height=".+"/gi.test(iconSrc);
   return !hasWidth || !hasHeight;
 }
-function IconSVG({
-  src,
-  className,
-  ...rest
-}) {
-  const glyphClasses = classNames(styles.glyph, {
-    [styles.compatibilityMode]: isCompatibilityMode(src)
-  }, className);
+function IconSVG(t0) {
+  const $ = c(17);
+  if ($[0] !== "589684e7b2c66c1a9d7d75c160f4be9d89cef892961d29196549a421758ee7d6") {
+    for (let $i = 0; $i < 17; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "589684e7b2c66c1a9d7d75c160f4be9d89cef892961d29196549a421758ee7d6";
+  }
+  let className;
+  let rest;
+  let src;
+  if ($[1] !== t0) {
+    ({
+      src,
+      className,
+      ...rest
+    } = t0);
+    $[1] = t0;
+    $[2] = className;
+    $[3] = rest;
+    $[4] = src;
+  } else {
+    className = $[2];
+    rest = $[3];
+    src = $[4];
+  }
+  let t1;
+  if ($[5] !== className || $[6] !== src) {
+    t1 = classNames(styles.glyph, {
+      [styles.compatibilityMode]: isCompatibilityMode(src)
+    }, className);
+    $[5] = className;
+    $[6] = src;
+    $[7] = t1;
+  } else {
+    t1 = $[7];
+  }
+  const glyphClasses = t1;
+  let t2;
+  if ($[8] !== src) {
+    t2 = getSVGFromSource(src);
+    $[8] = src;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
   const {
     props,
     html
-  } = getSVGFromSource(src);
-  return jsx("svg", {
-    ...props,
-    ...rest,
-    className: glyphClasses,
-    dangerouslySetInnerHTML: {
+  } = t2;
+  let t3;
+  if ($[10] !== html) {
+    t3 = {
       __html: html
-    }
-  });
+    };
+    $[10] = html;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  let t4;
+  if ($[12] !== glyphClasses || $[13] !== props || $[14] !== rest || $[15] !== t3) {
+    t4 = /*#__PURE__*/jsx("svg", {
+      ...props,
+      ...rest,
+      className: glyphClasses,
+      dangerouslySetInnerHTML: t3
+    });
+    $[12] = glyphClasses;
+    $[13] = props;
+    $[14] = rest;
+    $[15] = t3;
+    $[16] = t4;
+  } else {
+    t4 = $[16];
+  }
+  return t4;
 }
 var IconSVG$1 = /*#__PURE__*/memo(IconSVG);
 

package/components/_helpers/input.js

@@ -1,4 +1,3 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import closeIcon from '@jetbrains/icons/close-12px';
@@ -10,6 +9,7 @@ import { createComposedRef } from '../global/compose-refs.js';
 import { ControlsHeightContext } from '../global/controls-height.js';
 import { ControlLabel } from '../control-label/control-label.js';
 import ControlHelp from '../control-help/control-help.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 var inputStyles = {"outerContainer":"ring-input-outerContainer","borderless":"ring-input-borderless","container":"ring-input-container","input":"ring-input-input","error":"ring-input-error","withIcon":"ring-input-withIcon","clearable":"ring-input-clearable","icon":"ring-input-icon","clear":"ring-input-clear","empty":"ring-input-empty","errorText":"ring-input-errorText","helpText":"ring-input-helpText","sizeS":"ring-input-sizeS","sizeM":"ring-input-sizeM","sizeL":"ring-input-sizeL","sizeFULL":"ring-input-sizeFULL","heightS":"ring-input-heightS","heightM":"ring-input-heightM","heightL":"ring-input-heightL"};
 
@@ -145,44 +145,44 @@ class Input extends PureComponent {
       'aria-label': typeof label === 'string' && label ? label : placeholder,
       'data-enabled-shortcuts': Array.isArray(enableShortcuts) ? enableShortcuts.join(',') : null
     };
-    return jsx(I18nContext.Consumer, {
+    return /*#__PURE__*/jsx(I18nContext.Consumer, {
       children: ({
         translate
       }) => {
         var _translations$clear;
-        return jsxs("div", {
+        return /*#__PURE__*/jsxs("div", {
           className: classes,
-          "data-test": 'ring-input',
-          children: [label && jsx(ControlLabel, {
+          "data-test": "ring-input",
+          children: [label && /*#__PURE__*/jsx(ControlLabel, {
             htmlFor: this.getId(),
             disabled: disabled,
             type: labelType,
             children: label
-          }), jsxs("div", {
+          }), /*#__PURE__*/jsxs("div", {
             className: inputStyles.container,
-            children: [icon && jsx(Icon, {
+            children: [icon && /*#__PURE__*/jsx(Icon, {
               glyph: icon,
               className: inputStyles.icon
-            }), beforeInput, multiline ? jsx("textarea", {
+            }), beforeInput, multiline ? /*#__PURE__*/jsx("textarea", {
               onChange: this.handleTextareaChange,
               rows: 1,
               ...commonProps,
               ...restProps
-            }) : jsx("input", {
+            }) : /*#__PURE__*/jsx("input", {
               onChange: this.handleInputChange,
               ...commonProps,
               ...restProps
-            }), clearable && !disabled && jsx(Button, {
+            }), clearable && !disabled && /*#__PURE__*/jsx(Button, {
               title: (_translations$clear = translations?.clear) !== null && _translations$clear !== void 0 ? _translations$clear : translate('clear'),
-              "data-test": 'ring-input-clear',
+              "data-test": "ring-input-clear",
               className: inputStyles.clear,
               icon: closeIcon,
               onClick: this.clear
             }), afterInput]
-          }), error ? jsx("div", {
+          }), error ? /*#__PURE__*/jsx("div", {
             className: inputStyles.errorText,
             children: error
-          }) : help && jsx(ControlHelp, {
+          }) : help && /*#__PURE__*/jsx(ControlHelp, {
             className: inputStyles.helpText,
             children: help
           })]

package/components/_helpers/query-assist-suggestions.js

@@ -1,5 +1,5 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
 import List from '../list/list.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 var styles = {"queryAssist":"ring-query-assist-queryAssist","error":"ring-query-assist-error","queryAssistDisabled":"ring-query-assist-queryAssistDisabled","huge":"ring-query-assist-huge","actions":"ring-query-assist-actions","input":"ring-query-assist-input","letter-text":"ring-query-assist-letter-text","letterDefault":"ring-query-assist-letterDefault","letter-field-name":"ring-query-assist-letter-field-name","letter-field-value":"ring-query-assist-letter-field-value","letter-operator":"ring-query-assist-letter-operator","letter-error":"ring-query-assist-letter-error","highlight":"ring-query-assist-highlight","service":"ring-query-assist-service","placeholder":"ring-query-assist-placeholder ring-global-resetButton","hugePlaceholder":"ring-query-assist-hugePlaceholder","letter":"ring-query-assist-letter","icon":"ring-query-assist-icon","rightSearchButton":"ring-query-assist-rightSearchButton","clear":"ring-query-assist-clear","withoutGlass":"ring-query-assist-withoutGlass","loaderActive":"ring-query-assist-loaderActive","loaderOnTheRight":"ring-query-assist-loaderOnTheRight","inputRevertOrder":"ring-query-assist-inputRevertOrder"};
 
@@ -34,7 +34,7 @@ class QueryAssistSuggestions {
     let after = '';
     if (matchingStart !== matchingEnd) {
       before = option.substring(0, matchingStart);
-      wrappedOption = jsx("span", {
+      wrappedOption = /*#__PURE__*/jsx("span", {
         className: styles.highlight,
         children: option.substring(matchingStart, matchingEnd)
       });
@@ -42,15 +42,15 @@ class QueryAssistSuggestions {
     } else {
       wrappedOption = option;
     }
-    const wrappedPrefix = prefix && jsx("span", {
+    const wrappedPrefix = prefix && /*#__PURE__*/jsx("span", {
       className: styles.service,
       children: prefix
     });
-    const wrappedSuffix = suffix && jsx("span", {
+    const wrappedSuffix = suffix && /*#__PURE__*/jsx("span", {
       className: styles.service,
       children: suffix
     });
-    return jsxs("span", {
+    return /*#__PURE__*/jsxs("span", {
       className: className,
       children: [wrappedPrefix, before, wrappedOption, after, wrappedSuffix]
     });

package/components/_helpers/select-filter.js

@@ -1,10 +1,10 @@
-import { jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import classNames from 'classnames';
 import { I as Input } from './input.js';
 import sniffr from '../global/sniffer.js';
 import { ActiveItemContext } from '../list/list.js';
 import { I18nContext } from '../i18n/i18n-context.js';
+import { jsx } from 'react/jsx-runtime';
 
 var styles = {"filterWithTagsFocused":"ring-select-popup-filterWithTagsFocused","filterWithTags":"ring-select-popup-filterWithTags","filterWrapper":"ring-select-popup-filterWrapper","filterWithTagsInput":"ring-select-popup-filterWithTagsInput","filter":"ring-select-popup-filter","popup":"ring-select-popup-popup","filterIcon":"ring-select-popup-filterIcon","bottomLine":"ring-select-popup-bottomLine","bottomLineOverItem":"ring-select-popup-bottomLineOverItem","message":"ring-select-popup-message","selectAll":"ring-select-popup-selectAll"};
 
@@ -42,18 +42,18 @@ class SelectFilter extends Component {
       ...restProps
     } = this.props;
     const classes = classNames(styles.filter, className);
-    return jsx(ActiveItemContext.ValueContext.Consumer, {
-      children: activeItemId => jsx(I18nContext.Consumer, {
+    return /*#__PURE__*/jsx(ActiveItemContext.ValueContext.Consumer, {
+      children: activeItemId => /*#__PURE__*/jsx(I18nContext.Consumer, {
         children: ({
           translate
         }) => {
           var _restProps$placeholde;
-          return jsx(Input, {
+          return /*#__PURE__*/jsx(Input, {
             ...restProps,
             placeholder: (_restProps$placeholde = restProps.placeholder) !== null && _restProps$placeholde !== void 0 ? _restProps$placeholde : translate('filterItems'),
             "aria-owns": listId,
             "aria-activedescendant": activeItemId,
-            autoComplete: 'off',
+            autoComplete: "off",
             autoFocus: true,
             borderless: true,
             inputRef: this.inputRef,

package/components/_helpers/services-link.js

@@ -1,6 +1,6 @@
-import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import Link from '../link/link.js';
+import { jsx } from 'react/jsx-runtime';
 
 var styles = {"services":"ring-services-services","active":"ring-services-active","item":"ring-services-item","itemLogo":"ring-services-itemLogo","activeItem":"ring-services-activeItem ring-services-item ring-services-active","line":"ring-services-line","itemStacked":"ring-services-itemStacked","activeItemStacked":"ring-services-activeItemStacked ring-services-itemStacked ring-services-active"};
 
@@ -10,16 +10,16 @@ class ServicesLink extends PureComponent {
       service,
       ...props
     } = this.props;
-    return jsx(Link, {
-      target: '_self',
+    return /*#__PURE__*/jsx(Link, {
+      target: "_self",
       href: service.homeUrl,
       ...props,
-      children: service.iconUrl ? [jsx("span", {
+      children: service.iconUrl ? [/*#__PURE__*/jsx("span", {
         className: styles.itemLogo,
         style: {
           backgroundImage: `url(${service.iconUrl})`
         }
-      }, 'icon'), jsx("div", {
+      }, 'icon'), /*#__PURE__*/jsx("div", {
         children: service.name
       }, 'text')] : service.name
     });

package/components/_helpers/sidebar.js

@@ -1,7 +1,7 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import classNames from 'classnames';
 import { Waypoint } from 'react-waypoint';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 var styles = {"extra-small-screen-media":"(max-width: 639px)","small-screen-media":"(min-width: 640px) and (max-width: 959px)","contentLayout":"ring-content-layout-contentLayout","contentLayoutContent":"ring-content-layout-contentLayoutContent","sidebarContainer":"ring-content-layout-sidebarContainer","sidebarContainerRight":"ring-content-layout-sidebarContainerRight","sidebar":"ring-content-layout-sidebar","sidebarRight":"ring-content-layout-sidebarRight","sidebarFixedTop":"ring-content-layout-sidebarFixedTop","sidebarFixedBottom":"ring-content-layout-sidebarFixedBottom","bottomMarker":"ring-content-layout-bottomMarker","contentLayoutResponsive":"ring-content-layout-contentLayoutResponsive"};
 
@@ -81,20 +81,20 @@ class Sidebar extends Component {
     const style = {
       maxHeight: shouldFixateBottom && sidebarVisibleHeight ? `${sidebarVisibleHeight}px` : undefined
     };
-    return jsxs("aside", {
+    return /*#__PURE__*/jsxs("aside", {
       className: containerClasses,
       ref: this.sidebarRef,
-      children: [jsx(Waypoint, {
+      children: [/*#__PURE__*/jsx(Waypoint, {
         onEnter: this.handleTopWaypoint,
         onLeave: this.handleTopWaypoint
-      }), jsx("div", {
+      }), /*#__PURE__*/jsx("div", {
         ...restProps,
         style: style,
         className: classes,
         children: children
-      }), jsx("div", {
+      }), /*#__PURE__*/jsx("div", {
         className: styles.bottomMarker,
-        children: jsx(Waypoint, {
+        children: /*#__PURE__*/jsx(Waypoint, {
           onEnter: this.handleBottomWaypoint,
           onLeave: this.handleBottomWaypoint
         })