@jetbrains/kotlin-web-site-ui 4.0.0-alpha.2 → 4.0.1

package/out/blocks/formik-wrapper/input.js

@@ -1,4 +1,4 @@
-import { jsx } from 'react/jsx-runtime';
+import React from 'react';
 import Input from '@rescui/input';
 import { useField, useFormikContext } from 'formik';
 
@@ -15,7 +15,7 @@ const FormikInput = ({
     isSubmitting,
     submitCount
   } = useFormikContext();
-  return jsx(Input, Object.assign({}, restProps, formikProps, {
+  return React.createElement(Input, Object.assign({}, restProps, formikProps, {
     onBlur: e => {
       if (onBlur) {
         onBlur(e);
@@ -32,7 +32,7 @@ const FormikInput = ({
     },
     disabled: isSubmitting || status && (status.disabled || status.submitted) || disabled,
     error: (meta.touched || submitCount > 0) && meta.error
-  }), void 0);
+  }));
 };
 
 export { FormikInput };

package/out/blocks/formik-wrapper/privacy-checkbox.js

@@ -1,4 +1,4 @@
-import { jsx } from 'react/jsx-runtime';
+import React from 'react';
 import { useField, useFormikContext } from 'formik';
 import { PrivacyNotice } from './privacy-notice.js';
 import { Checkbox } from '@rescui/checkbox';
@@ -26,27 +26,23 @@ const FormikPrivacyCheckbox = ({
     isSubmitting,
     status
   } = useFormikContext();
-  return jsx("div", Object.assign({
+  return React.createElement("div", {
     className: className
-  }, {
-    children: jsx(Checkbox, Object.assign({
-      name: name,
-      onBlur: e => {
-        onBlurFromFormik(e);
-      },
-      onChange: e => {
-        setFieldValue(name, e.target.checked);
-      },
-      checked: Boolean(value) || false,
-      disabled: isSubmitting || status && (status.disabled || status.submitted),
-      error: (meta.touched || submitCount > 0) && meta.error
-    }, {
-      children: jsx(PrivacyNotice, {
-        consentId: consentId,
-        privacy: privacy
-      }, void 0)
-    }), void 0)
-  }), void 0);
+  }, React.createElement(Checkbox, {
+    name: name,
+    onBlur: e => {
+      onBlurFromFormik(e);
+    },
+    onChange: e => {
+      setFieldValue(name, e.target.checked);
+    },
+    checked: Boolean(value) || false,
+    disabled: isSubmitting || status && (status.disabled || status.submitted),
+    error: (meta.touched || submitCount > 0) && meta.error
+  }, React.createElement(PrivacyNotice, {
+    consentId: consentId,
+    privacy: privacy
+  })));
 };
 
 export { FormikPrivacyCheckbox };

package/out/blocks/formik-wrapper/privacy-notice.js

@@ -1,5 +1,4 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import Tooltip from '@rescui/tooltip';
 import { InfoIcon } from '@rescui/icons';
 import styles from './privacy-notice.module.pcss.js';
@@ -17,33 +16,25 @@ const PrivacyNotice = ({
       }) => setTextHtml(text));
     }
   }, [consentId]);
-  return jsxs("span", Object.assign({
+  return React.createElement("span", {
     className: styles.privacyNotice
-  }, {
-    children: [jsxs("span", Object.assign({
-      className: classNames(styles.message, 'ktl-text-3')
-    }, {
-      children: ["By submitting this form I agree to the", ' ', jsx("a", Object.assign({
-        target: "_blank",
-        rel: "noreferrer noopener",
-        href: "https://www.jetbrains.com/company/privacy.html",
-        className: "rs-link"
-      }, {
-        children: "JetBrains Privacy Policy"
-      }), void 0)]
-    }), void 0), textHtml && jsx(Tooltip, Object.assign({
-      content: jsx("span", {
-        dangerouslySetInnerHTML: {
-          __html: textHtml
-        }
-      }, void 0)
-    }, {
-      children: jsx(InfoIcon, {
-        size: "s",
-        className: styles.icon
-      }, void 0)
-    }), void 0)]
-  }), void 0);
+  }, React.createElement("span", {
+    className: classNames(styles.message, 'ktl-text-3')
+  }, "By submitting this form I agree to the", ' ', React.createElement("a", {
+    target: "_blank",
+    rel: "noreferrer noopener",
+    href: "https://www.jetbrains.com/company/privacy.html",
+    className: "rs-link"
+  }, "JetBrains Privacy Policy")), textHtml && React.createElement(Tooltip, {
+    content: React.createElement("span", {
+      dangerouslySetInnerHTML: {
+        __html: textHtml
+      }
+    })
+  }, React.createElement(InfoIcon, {
+    size: "s",
+    className: styles.icon
+  })));
 };
 
 export { PrivacyNotice };

package/out/blocks/formik-wrapper/submit-button.js

@@ -1,4 +1,4 @@
-import { jsx } from 'react/jsx-runtime';
+import React from 'react';
 import { useFormikContext } from 'formik';
 import Button from '@rescui/button';
 
@@ -11,11 +11,11 @@ const FormikSubmitButton = ({
     isValid,
     isSubmitting
   } = useFormikContext();
-  return jsx(Button, Object.assign({}, restProps, {
+  return React.createElement(Button, Object.assign({}, restProps, {
     disabled: !isValid || disabled,
     busy: isSubmitting || busy,
     type: 'submit'
-  }), void 0);
+  }));
 };
 
 export { FormikSubmitButton };

package/out/components/cta-block/cta-block.js

@@ -1,4 +1,4 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import React from 'react';
 import styles from './cta-block.module.pcss.js';
 
 const CtaBlock = ({
@@ -7,39 +7,23 @@ const CtaBlock = ({
   children,
   buttons
 }) => {
-  return jsx("div", Object.assign({
+  return React.createElement("div", {
     className: styles.wrapper
-  }, {
-    children: jsxs("div", Object.assign({
-      className: 'ktl-container'
-    }, {
-      children: [topTitle && jsx("div", Object.assign({
-        className: styles.topTitle
-      }, {
-        children: jsx("div", Object.assign({
-          className: 'ktl-text-2 ktl-text-2_theme_dark'
-        }, {
-          children: topTitle
-        }), void 0)
-      }), void 0), jsx("div", Object.assign({
-        className: styles.mainTitle
-      }, {
-        children: jsx("h2", Object.assign({
-          className: 'ktl-hero ktl-hero_theme_dark'
-        }, {
-          children: mainTitle
-        }), void 0)
-      }), void 0), children && jsx("div", Object.assign({
-        className: styles.content
-      }, {
-        children: children
-      }), void 0), jsx("div", {}, void 0), buttons && jsx("div", Object.assign({
-        className: styles.buttons
-      }, {
-        children: buttons
-      }), void 0)]
-    }), void 0)
-  }), void 0);
+  }, React.createElement("div", {
+    className: 'ktl-container'
+  }, topTitle && React.createElement("div", {
+    className: styles.topTitle
+  }, React.createElement("div", {
+    className: 'ktl-text-2 ktl-text-2_theme_dark'
+  }, topTitle)), React.createElement("div", {
+    className: styles.mainTitle
+  }, React.createElement("h2", {
+    className: 'ktl-hero ktl-hero_theme_dark'
+  }, mainTitle)), children && React.createElement("div", {
+    className: styles.content
+  }, children), React.createElement("div", null), buttons && React.createElement("div", {
+    className: styles.buttons
+  }, buttons)));
 };
 
 export { CtaBlock };

package/out/components/footer/footer.js

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import React__default from 'react';
 import { useTheme } from '@rescui/ui-contexts';
 import { SocialList } from './social-list/social-list.js';
 import { NavList } from './nav/nav-list.js';
@@ -17,57 +17,39 @@ const Footer = ({
     hardness: 'pale',
     mode: 'clear'
   });
-  return jsxs("footer", Object.assign({
+  return React__default.createElement("footer", {
     className: classNames(styles.footer, className, {
       [styles.footerDarkTheme]: theme === 'dark'
     }),
     ref: forwardedRef
-  }, {
-    children: [jsxs("div", Object.assign({
-      className: styles.socialListArea
-    }, {
-      children: [jsx("div", Object.assign({
-        className: classNames(textCn('rs-h4'), styles.socialListTitle)
-      }, {
-        children: "Stay in touch:"
-      }), void 0), jsx(SocialList, {}, void 0)]
-    }), void 0), jsx(NavList, {
-      className: styles.navListArea
-    }, void 0), jsxs("div", Object.assign({
-      className: classNames(textCn('rs-text-3', {
-        hardness: 'pale'
-      }), styles.textArea)
-    }, {
-      children: [jsxs("div", Object.assign({
-        className: styles.copyright
-      }, {
-        children: ["Kotlin\u2122 is\u00A0protected under the", ' ', jsx("a", Object.assign({
-          className: classNames(linkClass, styles.underlinedLink),
-          href: "https://kotlinlang.org/foundation/kotlin-foundation.html"
-        }, {
-          children: "Kotlin\u00A0Foundation"
-        }), void 0), ' ', "and licensed under the", ' ', jsx("a", Object.assign({
-          className: classNames(linkClass, styles.underlinedLink),
-          target: "_blank",
-          href: "https://github.com/JetBrains/kotlin-web-site/blob/master/LICENSE"
-        }, {
-          children: "Apache 2\u00A0license"
-        }), void 0), "."]
-      }), void 0), ' ', jsxs("div", Object.assign({
-        className: styles.motto
-      }, {
-        children: ["Supported and developed by\u00A0", jsx("a", Object.assign({
-          className: classNames(linkClass, styles.underlinedLink),
-          href: "https://www.jetbrains.com/",
-          target: "_blank"
-        }, {
-          children: "JetBrains"
-        }), void 0)]
-      }), void 0)]
-    }), void 0), jsx(Logo, {
-      className: styles.logoArea
-    }, void 0)]
-  }), void 0);
+  }, React__default.createElement("div", {
+    className: styles.socialListArea
+  }, React__default.createElement("div", {
+    className: classNames(textCn('rs-h4'), styles.socialListTitle)
+  }, "Stay in touch:"), React__default.createElement(SocialList, null)), React__default.createElement(NavList, {
+    className: styles.navListArea
+  }), React__default.createElement("div", {
+    className: classNames(textCn('rs-text-3', {
+      hardness: 'pale'
+    }), styles.textArea)
+  }, React__default.createElement("div", {
+    className: styles.copyright
+  }, "Kotlin\u2122 is\u00A0protected under the", ' ', React__default.createElement("a", {
+    className: classNames(linkClass, styles.underlinedLink),
+    href: "https://kotlinlang.org/foundation/kotlin-foundation.html"
+  }, "Kotlin\u00A0Foundation"), ' ', "and licensed under the", ' ', React__default.createElement("a", {
+    className: classNames(linkClass, styles.underlinedLink),
+    target: "_blank",
+    href: "https://github.com/JetBrains/kotlin-web-site/blob/master/LICENSE"
+  }, "Apache 2\u00A0license"), "."), ' ', React__default.createElement("div", {
+    className: styles.motto
+  }, "Supported and developed by\u00A0", React__default.createElement("a", {
+    className: classNames(linkClass, styles.underlinedLink),
+    href: "https://www.jetbrains.com/",
+    target: "_blank"
+  }, "JetBrains"))), React__default.createElement(Logo, {
+    className: styles.logoArea
+  }));
 };
 
 export { Footer };

package/out/components/footer/logo/logo.js

@@ -1,14 +1,12 @@
-import { jsx } from 'react/jsx-runtime';
+import React__default from 'react';
 import classNames from 'classnames';
 import SvgJetbrainsLogo from './jetbrains-logo.svg.js';
 import styles from './logo.module.pcss.js';
 
-const Logo = props => jsx("a", Object.assign({
+const Logo = props => React__default.createElement("a", {
   href: "https://jetbrains.com",
   target: "_blank",
   className: classNames(props.className, styles.link)
-}, {
-  children: jsx(SvgJetbrainsLogo, {}, void 0)
-}), void 0);
+}, React__default.createElement(SvgJetbrainsLogo, null));
 
 export { Logo };

package/out/components/footer/nav/nav-item.js

@@ -1,4 +1,4 @@
-import { jsx } from 'react/jsx-runtime';
+import React__default from 'react';
 import { useTheme } from '@rescui/ui-contexts';
 import classNames from 'classnames';
 import styles from './nav-item.module.pcss.js';
@@ -9,23 +9,19 @@ const NavItem = ({
 }) => {
   const textCn = useTextStyles();
   const theme = useTheme();
-  return jsx("li", Object.assign({
+  return React__default.createElement("li", {
     className: classNames(styles.navItem, {
       [styles.navItemDarkTheme]: theme == 'dark'
     })
-  }, {
-    children: jsx("a", Object.assign({
-      target: data.isTargetBlank ? '_blank' : undefined,
-      href: data.url,
-      title: data.title,
-      className: classNames(textCn('rs-text-2'), textCn('rs-link', {
-        hardness: 'average',
-        mode: 'clear'
-      }))
-    }, {
-      children: data.title
-    }), void 0)
-  }), void 0);
+  }, React__default.createElement("a", {
+    target: data.isTargetBlank ? '_blank' : undefined,
+    href: data.url,
+    title: data.title,
+    className: classNames(textCn('rs-text-2'), textCn('rs-link', {
+      hardness: 'average',
+      mode: 'clear'
+    }))
+  }, data.title));
 };
 
 export { NavItem };

package/out/components/footer/nav/nav-list.js

@@ -1,18 +1,15 @@
-import { jsx } from 'react/jsx-runtime';
+import React__default from 'react';
 import styles from './nav-list.module.pcss.js';
 import { navList } from './nav-data.js';
 import { NavItem } from './nav-item.js';
 
-const NavList = props => jsx("nav", Object.assign({
+const NavList = props => React__default.createElement("nav", {
   className: props.className
-}, {
-  children: jsx("ul", Object.assign({
-    className: styles.navList
-  }, {
-    children: navList.map(value => jsx(NavItem, {
-      data: value
-    }, value.url))
-  }), void 0)
-}), void 0);
+}, React__default.createElement("ul", {
+  className: styles.navList
+}, navList.map(value => React__default.createElement(NavItem, {
+  key: value.url,
+  data: value
+}))));
 
 export { NavList };

package/out/components/footer/social-list/social-item/social-item.js

@@ -1,4 +1,4 @@
-import { jsx } from 'react/jsx-runtime';
+import React__default from 'react';
 import { useTheme } from '@rescui/ui-contexts';
 import classNames from 'classnames';
 import styles from './social-item.module.pcss.js';
@@ -8,16 +8,14 @@ const SocialItem = ({
 }) => {
   const SocialIcon = socialNetwork.icon;
   const theme = useTheme();
-  return jsx("a", Object.assign({
+  return React__default.createElement("a", {
     target: "_blank",
     className: classNames(styles.socialItem, {
       [styles.socialItemDarkTheme]: theme === 'dark'
     }),
     href: socialNetwork.url,
     title: socialNetwork.title
-  }, {
-    children: jsx(SocialIcon, {}, void 0)
-  }), void 0);
+  }, React__default.createElement(SocialIcon, null));
 };
 
 export { SocialItem };

package/out/components/footer/social-list/social-list.js

@@ -1,14 +1,13 @@
-import { jsx } from 'react/jsx-runtime';
+import React__default from 'react';
 import styles from './social-list.module.pcss.js';
 import { socialList } from './social-data.js';
 import { SocialItem } from './social-item/social-item.js';
 
-const SocialList = () => jsx("div", Object.assign({
+const SocialList = () => React__default.createElement("div", {
   className: styles.socialList
-}, {
-  children: socialList.map(socialNetwork => jsx(SocialItem, {
-    socialNetwork: socialNetwork
-  }, socialNetwork.url))
-}), void 0);
+}, socialList.map(socialNetwork => React__default.createElement(SocialItem, {
+  key: socialNetwork.url,
+  socialNetwork: socialNetwork
+})));
 
 export { SocialList };

package/out/components/header/header.js

@@ -1,5 +1,4 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef, useState, useMemo, useRef, useImperativeHandle, useLayoutEffect } from 'react';
+import React__default, { forwardRef, useState, useMemo, useRef, useImperativeHandle, useLayoutEffect } from 'react';
 import { ThemeProvider } from '@rescui/ui-contexts';
 import useResizeObserver from '@react-hook/resize-observer';
 import { LogoLarge } from './logo-large/logo-large.js';
@@ -33,36 +32,32 @@ const Header = forwardRef(({
     setIsMenuPopupVisible((headerRef.current?.getBoundingClientRect?.().width ?? 0) <= MENU_POPUP_BREAKPOINT);
   }, [headerRef]);
   useResizeObserver(headerRef, entry => setIsMenuPopupVisible(entry.contentRect.width <= MENU_POPUP_BREAKPOINT));
-  return jsx(ThemeProvider, Object.assign({
+  return React__default.createElement(ThemeProvider, {
     theme: 'dark'
-  }, {
-    children: jsxs("header", Object.assign({
-      ref: headerRef,
-      className: classNames(styles.headerMenu, className, {
-        [styles.withMenuPopup]: menuPopupExpanded,
-        [styles.border]: hasBorder
-      })
-    }, {
-      children: [isMenuPopupVisible && currentTitle && currentUrl && !menuPopupExpanded ? jsx(LogoSmall, {
-        homeTitle: currentTitle,
-        homeUrl: currentUrl
-      }, void 0) : jsx(LogoLarge, {
-        productWebUrl: productWebUrl
-      }, void 0), !isMenuPopupVisible && jsx(HorizontalMenu, {
-        items: items,
-        theme: dropdownTheme,
-        linkHandler: linkHandler
-      }, void 0), jsx(SearchButton, {
-        onClick: onSearchClick,
-        isActive: hasSearch && !!onSearchClick
-      }, void 0), isMenuPopupVisible && jsx(MenuPopup, {
-        items: items,
-        setExpand: setMenuPopupExpanded,
-        isExpanded: menuPopupExpanded,
-        headerRef: headerRef,
-        linkHandler: linkHandler
-      }, void 0)]
-    }), void 0)
-  }), void 0);
+  }, React__default.createElement("header", {
+    ref: headerRef,
+    className: classNames(styles.headerMenu, className, {
+      [styles.withMenuPopup]: menuPopupExpanded,
+      [styles.border]: hasBorder
+    })
+  }, isMenuPopupVisible && currentTitle && currentUrl && !menuPopupExpanded ? React__default.createElement(LogoSmall, {
+    homeTitle: currentTitle,
+    homeUrl: currentUrl
+  }) : React__default.createElement(LogoLarge, {
+    productWebUrl: productWebUrl
+  }), !isMenuPopupVisible && React__default.createElement(HorizontalMenu, {
+    items: items,
+    theme: dropdownTheme,
+    linkHandler: linkHandler
+  }), React__default.createElement(SearchButton, {
+    onClick: onSearchClick,
+    isActive: hasSearch && !!onSearchClick
+  }), isMenuPopupVisible && React__default.createElement(MenuPopup, {
+    items: items,
+    setExpand: setMenuPopupExpanded,
+    isExpanded: menuPopupExpanded,
+    headerRef: headerRef,
+    linkHandler: linkHandler
+  })));
 });
 export { Header };

package/out/components/header/horizontal-menu/horizontal-menu.js

@@ -1,6 +1,5 @@
-import { useState, useEffect, createElement } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
 import classNames from 'classnames';
+import React__default, { useState, useEffect } from 'react';
 import styles from './horizontal-menu.module.pcss.js';
 import { useTextStyles } from '@rescui/typography';
 
@@ -11,28 +10,24 @@ const DropdownMenu = ({
   linkHandler
 }) => {
   const textCn = useTextStyles();
-  return jsx("ul", Object.assign({
+  return React__default.createElement("ul", {
     className: classNames(styles.dropdownMenu, textCn('rs-text-2'), {
       [styles.dropdownMenuExpanded]: isExpanded,
       [styles.dropdownMenuAlignRight]: alignRight
     })
-  }, {
-    children: items.map((item, key) => {
-      const Tag = !item.isActive && item.url ? 'a' : 'span';
-      return jsx("li", {
-        children: jsx(Tag, Object.assign({
-          className: classNames(styles.dropdownMenuItem, {
-            [styles.active]: item.isActive
-          })
-        }, item.url ? {
-          href: item.url,
-          onClick: linkHandler ? event => item.url && linkHandler(event, item.url) : undefined
-        } : {}, {
-          children: item.title
-        }), void 0)
-      }, key);
-    })
-  }), void 0);
+  }, items.map((item, key) => {
+    const Tag = !item.isActive && item.url ? 'a' : 'span';
+    return React__default.createElement("li", {
+      key: key
+    }, React__default.createElement(Tag, Object.assign({
+      className: classNames(styles.dropdownMenuItem, {
+        [styles.active]: item.isActive
+      })
+    }, item.url ? {
+      href: item.url,
+      onClick: linkHandler ? event => item.url && linkHandler(event, item.url) : undefined
+    } : {}), item.title));
+  }));
 };
 
 const HorizontalMenuItem = ({
@@ -48,27 +43,25 @@ const HorizontalMenuItem = ({
 
   const handleEnter = () => onMouseEnter(item);
 
-  return jsxs("li", Object.assign({
+  return React__default.createElement("li", {
     className: styles.menuItemWrap,
     onMouseEnter: handleEnter,
     onMouseLeave: onMouseLeave
-  }, {
-    children: [createElement(Tag, Object.assign({}, item.url ? {
-      href: item.url,
-      onClick: linkHandler ? event => item.url && linkHandler(event, item.url) : undefined
-    } : {}, {
-      key: item.title,
-      className: classNames(styles.menuItem, textCn('rs-text-2'), {
-        [styles.itemActive]: item.isActive,
-        [styles.expanded]: isExpanded && !!item.items?.length
-      })
-    }), item.title), !!item.items?.length && jsx(DropdownMenu, {
-      items: item.items,
-      isExpanded: isExpanded,
-      alignRight: isLast,
-      linkHandler: linkHandler
-    }, void 0)]
-  }), void 0);
+  }, React__default.createElement(Tag, Object.assign({}, item.url ? {
+    href: item.url,
+    onClick: linkHandler ? event => item.url && linkHandler(event, item.url) : undefined
+  } : {}, {
+    key: item.title,
+    className: classNames(styles.menuItem, textCn('rs-text-2'), {
+      [styles.itemActive]: item.isActive,
+      [styles.expanded]: isExpanded && !!item.items?.length
+    })
+  }), item.title), !!item.items?.length && React__default.createElement(DropdownMenu, {
+    items: item.items,
+    isExpanded: isExpanded,
+    alignRight: isLast,
+    linkHandler: linkHandler
+  }));
 };
 
 const HorizontalMenu = ({
@@ -87,24 +80,21 @@ const HorizontalMenu = ({
 
   const handleLeave = () => setActiveIndex(-1);
 
-  return jsx("nav", Object.assign({
+  return React__default.createElement("nav", {
     className: classNames(styles.nav, {
       [styles.darkTheme]: theme === 'dark'
     })
-  }, {
-    children: jsx("ul", Object.assign({
-      className: styles.menuList
-    }, {
-      children: items.map((item, index) => jsx(HorizontalMenuItem, {
-        item: item,
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
-        isExpanded: index === debouncedActiveIndex,
-        isLast: index === items.length - 1,
-        linkHandler: linkHandler
-      }, index))
-    }), void 0)
-  }), void 0);
+  }, React__default.createElement("ul", {
+    className: styles.menuList
+  }, items.map((item, index) => React__default.createElement(HorizontalMenuItem, {
+    item: item,
+    onMouseEnter: handleEnter,
+    onMouseLeave: handleLeave,
+    isExpanded: index === debouncedActiveIndex,
+    isLast: index === items.length - 1,
+    key: index,
+    linkHandler: linkHandler
+  }))));
 };
 
 export { HorizontalMenu };