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

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/components/header/full-search/chapters/chapters.js

@@ -0,0 +1,56 @@
+import React__default, { useState } from 'react';
+import Button from '@rescui/button';
+import { useTextStyles } from '@rescui/typography';
+import classNames from 'classnames';
+import styles from './chapters.module.pcss.js';
+const MAX_INIT_CHAPTERS_NUMBER = 3;
+
+const Chapters = ({
+  chapters,
+  hitIndex
+}) => {
+  const [isExpanded, setIsExpanded] = useState(false);
+
+  const toggleChaptersExpand = () => setIsExpanded(!isExpanded);
+
+  const isExtraSection = index => index >= MAX_INIT_CHAPTERS_NUMBER;
+
+  const textCn = useTextStyles();
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+    className: styles.chapters
+  }, chapters.map(({
+    url,
+    title,
+    snippet,
+    hitId: chapterId
+  }, index) => React__default.createElement("div", {
+    className: classNames(styles.singleChapter, {
+      [styles.extraSection]: isExtraSection(index),
+      [styles.visibleSection]: isExtraSection(index) && isExpanded
+    }),
+    key: chapterId
+  }, React__default.createElement("h4", {
+    className: classNames(textCn('rs-h4'), styles.headliner)
+  }, React__default.createElement("a", {
+    className: classNames(styles.chapterTitle, textCn('rs-link')),
+    href: url,
+    id: chapterId,
+    dangerouslySetInnerHTML: {
+      __html: title
+    }
+  })), React__default.createElement("div", {
+    className: classNames(textCn('rs-text-2'), styles.snippet),
+    dangerouslySetInnerHTML: {
+      __html: snippet
+    }
+  })))), chapters.length > MAX_INIT_CHAPTERS_NUMBER && React__default.createElement("div", {
+    className: styles.moreButton
+  }, React__default.createElement(Button, {
+    mode: "outline",
+    size: "s",
+    onClick: toggleChaptersExpand,
+    "data-test": "show-more-button"
+  }, isExpanded ? 'Show less' : 'Show more')));
+};
+
+export { Chapters };

package/out/components/header/components/header/full-search/chapters/chapters.module.pcss.js

@@ -0,0 +1,11 @@
+var styles = {
+  "chapters": "ktl-chapters-module_chapters_J0wLB",
+  "chapterTitle": "ktl-chapters-module_chapterTitle_b6Rdz",
+  "singleChapter": "ktl-chapters-module_singleChapter_zSmx2",
+  "headliner": "ktl-chapters-module_headliner_ZBuf9",
+  "snippet": "ktl-chapters-module_snippet_yROJo",
+  "extraSection": "ktl-chapters-module_extraSection_lsZfw",
+  "visibleSection": "ktl-chapters-module_visibleSection_wQyvM",
+  "moreButton": "ktl-chapters-module_moreButton_98oqy"
+};
+export { styles as default };

package/out/components/header/components/header/full-search/empty/empty.js

@@ -0,0 +1,22 @@
+import React__default from 'react';
+import classNames from 'classnames';
+import { useTextStyles } from '@rescui/typography';
+import SvgFullSearchEmpty from './full-search-empty.svg.js';
+import styles from './empty.module.pcss.js';
+
+const FullSearchEmpty = ({
+  placeholder
+}) => {
+  const textCn = useTextStyles();
+  return React__default.createElement("div", {
+    className: styles.wrapper
+  }, React__default.createElement("p", {
+    className: classNames(textCn('rs-text-1'), styles.title)
+  }, placeholder), React__default.createElement("p", {
+    className: textCn('rs-text-1')
+  }, "Please, try again!"), React__default.createElement("div", {
+    className: styles.image
+  }, React__default.createElement(SvgFullSearchEmpty, null)));
+};
+
+export { FullSearchEmpty };

package/out/components/header/components/header/full-search/empty/empty.module.pcss.js

@@ -0,0 +1,6 @@
+var styles = {
+  "wrapper": "ktl-empty-module_wrapper_cNB8Y",
+  "title": "ktl-empty-module_title_p2FMj",
+  "image": "ktl-empty-module_image_6Xr6L"
+};
+export { styles as default };