From a1866dd98d291a6a2a538e88348c53ff08c812eb Mon Sep 17 00:00:00 2001
From: Błażej Kardyś <bkardys@virtuslab.com>
Date: Wed, 1 Apr 2020 02:19:40 +0200
Subject: Integrating fuzzy search into dokka

---
 search-component/src/main/js/search/search.js | 53 +++++++++++++++++++++++++++
 1 file changed, 53 insertions(+)
 create mode 100644 search-component/src/main/js/search/search.js

(limited to 'search-component/src/main/js/search/search.js')

diff --git a/search-component/src/main/js/search/search.js b/search-component/src/main/js/search/search.js
new file mode 100644
index 00000000..ea51b9a7
--- /dev/null
+++ b/search-component/src/main/js/search/search.js
@@ -0,0 +1,53 @@
+import React, {Component} from 'react';
+import {Select} from '@jetbrains/ring-ui/components/select/select';;
+import '@jetbrains/ring-ui/components/input-size/input-size.scss';
+
+class WithFuzzySearchFilterComponent extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {selected: props.data[0]};
+  }
+
+  clearSelection = () => {
+    this.setState({selected: null});
+  };
+
+  onSelect = option => {
+    window.location.href = `${window.pathToRoot}${option.location}?query${option.name}`;
+    this.setState({selected: option});
+    debugger
+  };
+
+  render() {
+    return (
+      <div className="search-container">
+        <div className="search">
+          <Select
+            selectedLabel="Search"
+            label="Please type page name"
+            filter={{fuzzy: true}}
+            clear
+            selected={this.state.selected}
+            data={this.props.data}
+            onSelect={this.onSelect}
+          />
+        </div>
+      </div>
+    );
+  }
+}
+
+export const WithFuzzySearchFilter = () => {
+  let data = [];
+  if (window.pages) {
+    data = window.pages.map((page, i) => ({
+      ...page,
+      label: page.name,
+      key: i + 1,
+      type: page.kind,
+      icon: `${window.pathToRoot}${window.iconsFolderName}${page.kind}.png`
+    }));
+  }
+
+  return <WithFuzzySearchFilterComponent data={data}/>;
+};
-- 
cgit