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

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

@@ -0,0 +1,59 @@
+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', {
+      mode: 'clear',
+      hardness: 'hard'
+    })),
+    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/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/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/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 };