diff --git a/package.json b/package.json
index cde2354b3..f210ba136 100644
--- a/package.json
+++ b/package.json
@@ -22,7 +22,6 @@
"dependencies": {
"@eeacms/volto-eea-design-system": "*",
"@elastic/react-search-ui": "^1.9.0",
- "@elastic/react-search-ui-views": "^1.9.0",
"@elastic/search-ui": "^1.9.0",
"@visx/group": "^1.7.0",
"@visx/responsive": "^1.10.1",
diff --git a/searchlib/components/SearchBox/SearchBoxView.jsx b/searchlib/components/SearchBox/SearchBoxView.jsx
index cfb4e9659..378bfcb48 100644
--- a/searchlib/components/SearchBox/SearchBoxView.jsx
+++ b/searchlib/components/SearchBox/SearchBoxView.jsx
@@ -2,7 +2,6 @@ import React from 'react';
import PropTypes from 'prop-types';
import Downshift from 'downshift';
import cx from 'classnames';
-import { Result } from '@elastic/react-search-ui-views';
import { useAppConfig } from '@eeacms/search/lib/hocs';
import Autocomplete from './Autocomplete';
@@ -143,7 +142,7 @@ function SearchBoxView(props) {
SearchBoxView.propTypes = {
// Provided by container
allAutocompletedItemsCount: PropTypes.number.isRequired,
- autocompletedResults: PropTypes.arrayOf(Result).isRequired,
+ // autocompletedResults: PropTypes.arrayOf(Result).isRequired,
// autocompletedSuggestions: PropTypes.objectOf(PropTypes.arrayOf(Suggestion))
// .isRequired,
autocompletedSuggestionsCount: PropTypes.number.isRequired,
diff --git a/searchlib/stories/Button.js b/searchlib/stories/Button.js
deleted file mode 100644
index 15dde3920..000000000
--- a/searchlib/stories/Button.js
+++ /dev/null
@@ -1,50 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import './button.css';
-
-/**
- * Primary UI component for user interaction
- */
-export const Button = ({ primary, backgroundColor, size, label, ...props }) => {
- const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
- return (
-
- {label}
-
- );
-};
-
-Button.propTypes = {
- /**
- * Is this the principal call to action on the page?
- */
- primary: PropTypes.bool,
- /**
- * What background color to use
- */
- backgroundColor: PropTypes.string,
- /**
- * How large should the button be?
- */
- size: PropTypes.oneOf(['small', 'medium', 'large']),
- /**
- * Button contents
- */
- label: PropTypes.string.isRequired,
- /**
- * Optional click handler
- */
- onClick: PropTypes.func,
-};
-
-Button.defaultProps = {
- backgroundColor: null,
- primary: false,
- size: 'medium',
- onClick: undefined,
-};
diff --git a/searchlib/stories/Button.stories-.js b/searchlib/stories/Button.stories-.js
deleted file mode 100644
index 7fee217c1..000000000
--- a/searchlib/stories/Button.stories-.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import React from 'react';
-
-import { Button } from './Button';
-
-export default {
- title: 'Example/Button',
- component: Button,
- argTypes: {
- backgroundColor: { control: 'color' },
- },
-};
-
-const Template = (args) => ;
-
-export const Primary = Template.bind({});
-Primary.args = {
- primary: true,
- label: 'Button',
-};
-
-export const Secondary = Template.bind({});
-Secondary.args = {
- label: 'Button',
-};
-
-export const Large = Template.bind({});
-Large.args = {
- size: 'large',
- label: 'Button',
-};
-
-export const Small = Template.bind({});
-Small.args = {
- size: 'small',
- label: 'Button',
-};
diff --git a/searchlib/stories/Header.js b/searchlib/stories/Header.js
deleted file mode 100644
index 30afca379..000000000
--- a/searchlib/stories/Header.js
+++ /dev/null
@@ -1,52 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import { Button } from './Button';
-import './header.css';
-
-export const Header = ({ user, onLogin, onLogout, onCreateAccount }) => (
-
-);
-
-Header.propTypes = {
- user: PropTypes.shape({}),
- onLogin: PropTypes.func.isRequired,
- onLogout: PropTypes.func.isRequired,
- onCreateAccount: PropTypes.func.isRequired,
-};
-
-Header.defaultProps = {
- user: null,
-};
diff --git a/searchlib/stories/Header.stories-.js b/searchlib/stories/Header.stories-.js
deleted file mode 100644
index 16f41aa37..000000000
--- a/searchlib/stories/Header.stories-.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react';
-
-import { Header } from './Header';
-
-export default {
- title: 'Example/Header',
- component: Header,
-};
-
-const Template = (args) => ;
-
-export const LoggedIn = Template.bind({});
-LoggedIn.args = {
- user: {},
-};
-
-export const LoggedOut = Template.bind({});
-LoggedOut.args = {};
diff --git a/searchlib/stories/Introduction.stories-.mdx b/searchlib/stories/Introduction.stories-.mdx
deleted file mode 100644
index 8b959a257..000000000
--- a/searchlib/stories/Introduction.stories-.mdx
+++ /dev/null
@@ -1,211 +0,0 @@
-import { Meta } from '@storybook/addon-docs/blocks';
-import Code from './assets/code-brackets.svg';
-import Colors from './assets/colors.svg';
-import Comments from './assets/comments.svg';
-import Direction from './assets/direction.svg';
-import Flow from './assets/flow.svg';
-import Plugin from './assets/plugin.svg';
-import Repo from './assets/repo.svg';
-import StackAlt from './assets/stackalt.svg';
-
-
-
-
-
-# Welcome to Storybook
-
-Storybook helps you build UI components in isolation from your app's business logic, data, and context.
-That makes it easy to develop hard-to-reach states. Save these UI states as **stories** to revisit during development, testing, or QA.
-
-Browse example stories now by navigating to them in the sidebar.
-View their code in the `src/stories` directory to learn how they work.
-We recommend building UIs with a [**component-driven**](https://componentdriven.org) process starting with atomic components and ending with pages.
-
-
Configure
-
-
-
-Learn
-
-
-
-
- Tip Edit the Markdown in{' '}
- src/stories/Introduction.stories.mdx
-
diff --git a/searchlib/stories/Page.js b/searchlib/stories/Page.js
deleted file mode 100644
index 79128a4fd..000000000
--- a/searchlib/stories/Page.js
+++ /dev/null
@@ -1,93 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import { Header } from './Header';
-import './page.css';
-
-export const Page = ({ user, onLogin, onLogout, onCreateAccount }) => (
-
-
-
-
- Pages in Storybook
-
- We recommend building UIs with a{' '}
-
- component-driven
- {' '}
- process starting with atomic components and ending with pages.
-
-
- Render pages with mock data. This makes it easy to build and review page
- states without needing to navigate to them in your app. Here are some
- handy patterns for managing page data in Storybook:
-
-
-
- Use a higher-level connected component. Storybook helps you compose
- such data from the "args" of child component stories
-
-
- Assemble data in the page component from your services. You can mock
- these services out using Storybook.
-
-
-
- Get a guided tutorial on component-driven development at{' '}
-
- Storybook tutorials
-
- . Read more in the{' '}
-
- docs
-
- .
-
-
-
Tip Adjust the width of the canvas with the{' '}
-
-
-
-
-
- Viewports addon in the toolbar
-
-
-
-);
-Page.propTypes = {
- user: PropTypes.shape({}),
- onLogin: PropTypes.func.isRequired,
- onLogout: PropTypes.func.isRequired,
- onCreateAccount: PropTypes.func.isRequired,
-};
-
-Page.defaultProps = {
- user: null,
-};
diff --git a/searchlib/stories/Page.stories-.js b/searchlib/stories/Page.stories-.js
deleted file mode 100644
index 7cfa56d93..000000000
--- a/searchlib/stories/Page.stories-.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from 'react';
-
-import { Page } from './Page';
-import * as HeaderStories from './Header.stories';
-
-const page = {
- title: 'Example/Page',
- component: Page,
-};
-export default page;
-
-const Template = (args) => ;
-
-export const LoggedIn = Template.bind({});
-LoggedIn.args = {
- ...HeaderStories.LoggedIn.args,
-};
-
-export const LoggedOut = Template.bind({});
-LoggedOut.args = {
- ...HeaderStories.LoggedOut.args,
-};
diff --git a/searchlib/stories/SearchApp.stories-.js b/searchlib/stories/SearchApp.stories-.js
deleted file mode 100644
index c65926887..000000000
--- a/searchlib/stories/SearchApp.stories-.js
+++ /dev/null
@@ -1,40 +0,0 @@
-import React from 'react';
-import { SearchApp } from '@eeacms/search';
-import config from '@eeacms/search/registry';
-import installDemo from 'demo/src/demo';
-
-import '@elastic/react-search-ui-views/lib/styles/styles.css';
-import 'demo/src/semantic-ui.less';
-
-const page = {
- title: 'Search UI/Demos',
- component: SearchApp,
- args: {
- appName: 'wise',
- elastic_index: 'esbootstrapdata-wise_latest',
- host: 'http://localhost:9200',
- },
- argTypes: {
- appName: {
- control: {
- type: 'select',
- options: ['wise', 'minimal'],
- },
- },
- debug: {
- control: {
- type: 'boolean',
- },
- },
- },
-};
-export default page;
-
-const Template = (args) => {
- const registry = installDemo(config);
- registry.searchui[args.appName].host = args.host;
- registry.searchui[args.appName].elastic_index = args.elastic_index;
- return ;
-};
-
-export const Full = Template.bind({});
diff --git a/searchlib/stories/assets/code-brackets.svg b/searchlib/stories/assets/code-brackets.svg
deleted file mode 100644
index 73de94776..000000000
--- a/searchlib/stories/assets/code-brackets.svg
+++ /dev/null
@@ -1 +0,0 @@
-illustration/code-brackets
\ No newline at end of file
diff --git a/searchlib/stories/assets/colors.svg b/searchlib/stories/assets/colors.svg
deleted file mode 100644
index 17d58d516..000000000
--- a/searchlib/stories/assets/colors.svg
+++ /dev/null
@@ -1 +0,0 @@
-illustration/colors
\ No newline at end of file
diff --git a/searchlib/stories/assets/comments.svg b/searchlib/stories/assets/comments.svg
deleted file mode 100644
index 6493a139f..000000000
--- a/searchlib/stories/assets/comments.svg
+++ /dev/null
@@ -1 +0,0 @@
-illustration/comments
\ No newline at end of file
diff --git a/searchlib/stories/assets/direction.svg b/searchlib/stories/assets/direction.svg
deleted file mode 100644
index 65676ac27..000000000
--- a/searchlib/stories/assets/direction.svg
+++ /dev/null
@@ -1 +0,0 @@
-illustration/direction
\ No newline at end of file
diff --git a/searchlib/stories/assets/flow.svg b/searchlib/stories/assets/flow.svg
deleted file mode 100644
index 8ac27db40..000000000
--- a/searchlib/stories/assets/flow.svg
+++ /dev/null
@@ -1 +0,0 @@
-illustration/flow
\ No newline at end of file
diff --git a/searchlib/stories/assets/plugin.svg b/searchlib/stories/assets/plugin.svg
deleted file mode 100644
index 29e5c690c..000000000
--- a/searchlib/stories/assets/plugin.svg
+++ /dev/null
@@ -1 +0,0 @@
-illustration/plugin
\ No newline at end of file
diff --git a/searchlib/stories/assets/repo.svg b/searchlib/stories/assets/repo.svg
deleted file mode 100644
index f386ee902..000000000
--- a/searchlib/stories/assets/repo.svg
+++ /dev/null
@@ -1 +0,0 @@
-illustration/repo
\ No newline at end of file
diff --git a/searchlib/stories/assets/stackalt.svg b/searchlib/stories/assets/stackalt.svg
deleted file mode 100644
index 9b7ad2743..000000000
--- a/searchlib/stories/assets/stackalt.svg
+++ /dev/null
@@ -1 +0,0 @@
-illustration/stackalt
\ No newline at end of file
diff --git a/searchlib/stories/button.css b/searchlib/stories/button.css
deleted file mode 100644
index dc91dc763..000000000
--- a/searchlib/stories/button.css
+++ /dev/null
@@ -1,30 +0,0 @@
-.storybook-button {
- font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
- font-weight: 700;
- border: 0;
- border-radius: 3em;
- cursor: pointer;
- display: inline-block;
- line-height: 1;
-}
-.storybook-button--primary {
- color: white;
- background-color: #1ea7fd;
-}
-.storybook-button--secondary {
- color: #333;
- background-color: transparent;
- box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
-}
-.storybook-button--small {
- font-size: 12px;
- padding: 10px 16px;
-}
-.storybook-button--medium {
- font-size: 14px;
- padding: 11px 20px;
-}
-.storybook-button--large {
- font-size: 16px;
- padding: 12px 24px;
-}
diff --git a/searchlib/stories/header.css b/searchlib/stories/header.css
deleted file mode 100644
index acadc9ec8..000000000
--- a/searchlib/stories/header.css
+++ /dev/null
@@ -1,26 +0,0 @@
-.wrapper {
- font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
- padding: 15px 20px;
- display: flex;
- align-items: center;
- justify-content: space-between;
-}
-
-svg {
- display: inline-block;
- vertical-align: top;
-}
-
-h1 {
- font-weight: 900;
- font-size: 20px;
- line-height: 1;
- margin: 6px 0 6px 10px;
- display: inline-block;
- vertical-align: top;
-}
-
-button + button {
- margin-left: 10px;
-}
diff --git a/searchlib/stories/page.css b/searchlib/stories/page.css
deleted file mode 100644
index 51c9d099a..000000000
--- a/searchlib/stories/page.css
+++ /dev/null
@@ -1,69 +0,0 @@
-section {
- font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
- font-size: 14px;
- line-height: 24px;
- padding: 48px 20px;
- margin: 0 auto;
- max-width: 600px;
- color: #333;
-}
-
-h2 {
- font-weight: 900;
- font-size: 32px;
- line-height: 1;
- margin: 0 0 4px;
- display: inline-block;
- vertical-align: top;
-}
-
-p {
- margin: 1em 0;
-}
-
-a {
- text-decoration: none;
- color: #1ea7fd;
-}
-
-ul {
- padding-left: 30px;
- margin: 1em 0;
-}
-
-li {
- margin-bottom: 8px;
-}
-
-.tip {
- display: inline-block;
- border-radius: 1em;
- font-size: 11px;
- line-height: 12px;
- font-weight: 700;
- background: #e7fdd8;
- color: #66bf3c;
- padding: 4px 12px;
- margin-right: 10px;
- vertical-align: top;
-}
-
-.tip-wrapper {
- font-size: 13px;
- line-height: 20px;
- margin-top: 40px;
- margin-bottom: 40px;
-}
-
-.tip-wrapper svg {
- display: inline-block;
- height: 12px;
- width: 12px;
- margin-right: 4px;
- vertical-align: top;
- margin-top: 3px;
-}
-
-.tip-wrapper svg path {
- fill: #1ea7fd;
-}