@appbaseio/reactivesearch-vue 3.1.0-rc.1 → 3.2.0

package/dist/es/install.js

@@ -8,14 +8,14 @@ import '@appbaseio/reactivecore/lib/utils/helper';
 import '@appbaseio/vue-emotion';
 import '@emotion/css';
 import 'polished';
-import './Button-fd869491.js';
-import './vueTypes-f1923c72.js';
-import './Pagination-c2745bec.js';
+import './Button-5c2cf399.js';
+import './vueTypes-f503e267.js';
+import './Pagination-591fdb79.js';
 import './ReactiveList.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
 import './index-104f1dfb.js';
-import './ComponentWrapper-e91c9d43.js';
+import './ComponentWrapper-46d04344.js';
 import './PreferencesConsumer-0856ed43.js';
 import './Title-863dfa42.js';
 import './ListItem-e3c6acf4.js';
@@ -28,12 +28,15 @@ import '@appbaseio/analytics';
 import 'url-search-params-polyfill';
 import './ReactiveBase.js';
 import 'hotkeys-js';
-export { i as default } from './install-db7d6387.js';
-import './DropDown-74c20431.js';
-import './Input-f7499ef8.js';
+import 'xss';
+import 'remarkable';
+export { i as default } from './install-3c9a9694.js';
+import './DropDown-36fa9ac5.js';
+import './Input-437ae439.js';
 import 'compute-scroll-into-view';
 import './Container-d00219f7.js';
 import 'vue-highlight-words';
+import '@appbaseio/reactivecore/lib/actions/query';
 import '@appbaseio/reactivecore/lib/utils/suggestions';
 import './FormControlList-fe6eaee4.js';
 import './utils-d7dd4f4e.js';
@@ -44,6 +47,9 @@ import './SingleDropdownList.js';
 import './MultiDropdownList.js';
 import './ToggleButton.js';
 import './ReactiveComponent.js';
+import 'vue-slider-component/dist-css/vue-slider-component.umd.min.js';
+import 'vue-slider-component/dist-css/vue-slider-component.css';
+import 'vue-slider-component/theme/default.css';
 import './ssr-c630ccb9.js';
 import './DynamicRangeSlider.js';
 import './SingleRange.js';

package/dist/es/version.js

@@ -1,3 +1,3 @@
-var version = "3.1.0-rc.1";
+var version = "3.2.0";
 
 export default version;

package/dist/es/{vueTypes-f1923c72.js → vueTypes-f503e267.js}

@@ -34,6 +34,7 @@ var types = {
   bool: VueTypes.bool,
   boolRequired: VueTypes.bool.isRequired,
   components: VueTypes.arrayOf(VueTypes.string),
+  compoundClause: VueTypes.oneOf(['filter', 'must']),
   children: VueTypes.any,
   data: VueTypes.arrayOf(VueTypes.object),
   dataFieldArray: VueTypes.oneOfType([VueTypes.string, VueTypes.arrayOf(VueTypes.string)]).isRequired,
@@ -120,6 +121,24 @@ var types = {
     method: VueTypes.string,
     headers: VueTypes.object,
     body: VueTypes.object
+  }),
+  AIConfig: VueTypes.shape({
+    systemPrompt: VueTypes.string,
+    topDocsForContext: VueTypes.number,
+    maxTokens: VueTypes.number,
+    docTemplate: VueTypes.string,
+    queryTemplate: VueTypes.string,
+    temperature: VueTypes.number
+  }),
+  AIUIConfig: VueTypes.shape({
+    loaderMessage: VueTypes.string,
+    // slot #loaderMessage should also be supported
+    showSourceDocuments: VueTypes.bool,
+    renderSourceDocument: VueTypes.func,
+    onSourceClick: VueTypes.func,
+    // renderAskButton: VueTypes.func,has to be a slot
+    askButton: VueTypes.bool,
+    showFeedback: VueTypes.bool
   })
 };
 

package/dist/index.d.ts

@@ -0,0 +1,40 @@
+import * as types from './types.ts';
+
+export interface CommonProps {
+	componentId: string;
+	compoundClause: "filter" | "must";
+	URLParams?: boolean;
+	uRLParams?: boolean;
+	className?: string;
+	onQueryChange?: (...args: any[]) => any;
+	onValueChange?: (...args: any[]) => any;
+	beforeValueChange?: (...args: any[]) => any;
+	style?: types.style;
+}
+
+export { default as ReactiveBase } from './components/ReactiveBase/ReactiveBase';
+
+export { default as ReactiveComponent } from './components/basic/ReactiveComponent';
+export { default as ReactiveComponentPrivate } from './components/basic/ReactiveComponentPrivate';
+export { default as SelectedFilters } from './components/basic/SelectedFilters';
+export { default as StateProvider } from './components/basic/StateProvider';
+
+export { default as MultiDropdownList } from './components/list/MultiDropdownList';
+export { default as MultiList } from './components/list/MultiList';
+export { default as SingleDropdownList } from './components/list/SingleDropdownList';
+export { default as SingleList } from './components/list/SingleList';
+export { default as ToggleButton } from './components/list/ToggleButton';
+export { default as TreeList } from './components/list/TreeList';
+
+export { default as DynamicRangeSlider } from './components/range/DynamicRangeSlider';
+export { default as MultiRange } from './components/range/MultiRange';
+export { default as RangeInput } from './components/range/RangeInput';
+export { default as RangeSlider } from './components/range/RangeSlider';
+export { default as SingleRange } from './components/range/SingleRange';
+
+export { default as ReactiveList } from './components/result/ReactiveList';
+export { default as ResultCard } from './components/result/ResultCard';
+export { default as ResultList } from './components/result/ResultList';
+
+export { default as SearchBox } from './components/search/SearchBox';
+export { default as AIAnswer } from './components/search/AIAnswer';

package/dist/types.ts

@@ -0,0 +1,238 @@
+import { VNode } from 'vue';
+
+export type components = string[];
+
+export type children = any;
+
+export type data = any[];
+
+export type dataFieldArray = string | string[];
+
+export interface dataNumberBox {
+	label?: string;
+	start: number;
+	end: number;
+}
+
+export type date = string | string[];
+
+export type dateObject = object;
+
+export type fieldWeights = number[];
+
+export type filterLabel = string;
+
+export type fuzziness = 0 | 1 | 2 | 'AUTO';
+
+export type headers = object;
+
+export type hits = object[];
+
+export type iconPosition = 'left' | 'right';
+
+export type labelPosition = 'left' | 'right' | 'top' | 'bottom';
+
+export type options = object | object[];
+
+export type paginationAt = 'top' | 'bottom' | 'both';
+
+export type tooltipTrigger = 'hover' | 'none' | 'focus' | 'always';
+
+export type chartType = 'pie' | 'scatter' | 'histogram' | 'bar' | 'line';
+
+export interface range {
+	start: number;
+	end: number;
+}
+
+export interface rangeLabels {
+	start: string;
+	end: string;
+}
+
+type reactKeyType = string | string[] | object;
+
+export interface react {
+	and?: reactKeyType;
+	or?: reactKeyType;
+	not?: reactKeyType;
+}
+
+export type selectedValues = object;
+
+export type selectedValue = string | string[] | object[] | object | number | number[];
+
+export type suggestions = object[];
+
+export type supportedOrientations =
+	| 'portrait'
+	| 'portrait-upside-down'
+	| 'landscape'
+	| 'landscape-left'
+	| 'landscape-right';
+
+export type sortBy = 'asc' | 'desc';
+
+export interface sortOption {
+	label: string;
+	dataField: string;
+	sortBy: string;
+}
+
+export type sortByWithCount = 'asc' | 'desc' | 'count';
+
+export type stats = object[];
+
+export type stringArray = string[];
+
+export type stringOrArray = string | string[];
+
+export type style = object;
+
+export type themePreset = 'light' | 'dark';
+
+export type queryFormatDate =
+	| 'date'
+	| 'basic_date'
+	| 'basic_date_time'
+	| 'basic_date_time_no_millis'
+	| 'date_time_no_millis'
+	| 'basic_time'
+	| 'basic_time_no_millis'
+	| 'epoch_millis'
+	| 'epoch_second';
+
+export type queryFormatSearch = 'and' | 'or';
+
+export type queryFormatNumberBox = 'exact' | 'lte' | 'gte';
+
+export type params = object;
+
+export type props = object;
+
+export type rangeLabelsAlign = 'left' | 'right';
+
+export type title = string | any;
+
+export type focusShortcuts = string[] | number[];
+
+export interface location {
+	lat: number;
+	lng: number;
+}
+
+export type unit =
+	| 'mi'
+	| 'miles'
+	| 'yd'
+	| 'yards'
+	| 'ft'
+	| 'feet'
+	| 'in'
+	| 'inch'
+	| 'km'
+	| 'kilometers'
+	| 'm'
+	| 'meters'
+	| 'cm'
+	| 'centimeters'
+	| 'mm'
+	| 'millimeters'
+	| 'NM'
+	| 'nmi'
+	| 'nauticalmiles';
+
+export interface analyticsConfig {
+	emptyQuery: boolean;
+	suggestionAnalytics: boolean;
+	userId: string;
+	customEvents: object;
+}
+
+export interface appbaseConfig {
+	recordAnalytics: boolean;
+	emptyQuery: boolean;
+	suggestionAnalytics: boolean;
+	enableQueryRules: boolean;
+	enableSearchRelevancy: boolean;
+	userId: string;
+	useCache: boolean;
+	customEvents: object;
+	enableTelemetry: boolean;
+}
+
+export type showClearAll = 'never' | 'always' | 'default' | true | false;
+
+export type resetToDefault = boolean;
+
+export type calendarInterval = 'month' | 'day' | 'year' | 'week' | 'quarter' | 'hour' | 'minute';
+
+export interface popularSuggestionsConfig {
+	size?: number;
+	minCount?: number;
+	minChars?: number;
+	showGlobal?: boolean;
+	index?: string;
+	preferencesPath?: string;
+	sectionLabel?: string;
+}
+
+export interface recentSuggestionsConfig {
+	size?: number;
+	minHits?: number;
+	minChars?: number;
+	index?: string;
+	preferencesPath?: string;
+	sectionLabel?: string;
+}
+
+export interface indexSuggestionsConfig {
+	sectionLabel?: string;
+	size?: number;
+	index?: string;
+	preferencesPath?: string;
+}
+export interface featuredSuggestionsConfig {
+	featuredSuggestionsGroupId: string;
+	maxSuggestionsPerSection?: number;
+	sectionsOrder?: stringArray;
+}
+
+export interface documentSuggestionsConfig {
+	size?: number;
+	maxChars?: number;
+	from?: number;
+	sectionLabel?: string;
+}
+
+export interface FAQSuggestionsConfig {
+	sectionLabel?: string;
+	size?: number;
+}
+
+export interface endpointConfig {
+	url: string;
+	headers?: object;
+	body?: object;
+	method?: string;
+}
+
+export interface AIConfig {
+	systemPrompt?: string;
+	topDocsForContext?: number;
+	maxTokens?: number;
+	docTemplate?: string;
+	queryTemplate?: string;
+	temperature?: number;
+}
+export interface AIUIConfig {
+	loaderMessage?: string; // slot #loaderMessage should also be supported
+	showSourceDocuments?: boolean;
+	renderSourceDocument?: (source: Object) => string | VNode;
+	onSourceClick?: (source: Object) => void;
+	renderAskButton?: (onClick: Function) => any;
+	askButton?: boolean;
+	showFeedback?: boolean;
+	triggerOn?: string;
+	renderTriggerMessage?: children;
+}

package/package.json

@@ -1,90 +1,93 @@
 {
-	"name": "@appbaseio/reactivesearch-vue",
-	"version": "3.1.0-rc.1",
-	"private": false,
-	"main": "dist/cjs/index.js",
-	"jsnext:main": "dist/es/index.js",
-	"module": "dist/es/index.js",
-	"description": "A Vue UI components library for building search experiences",
-	"keywords": [
-		"appbase",
-		"elasticsearch",
-		"search"
-	],
-	"repository": {
-		"type": "git",
-		"url": "https://github.com/appbaseio/reactivesearch.git"
-	},
-	"author": "Kuldeep Saxena <kuldepsaxena155@gmail.com>",
-	"license": "Apache-2.0",
-	"scripts": {
-		"watch": "nps watch",
-		"serve": "vue-cli-service serve",
-		"build": "vue-cli-service build",
-		"start": "nps",
-		"pretest": "nps build",
-		"test": "nps test",
-		"precommit": "lint-staged",
-		"prepare": "npm start validate",
-		"version-upgrade": "nps upgrade-vue -c ../../package-scripts.js",
-		"postpublish": "yarn run version-upgrade"
-	},
-	"files": [
-		"dist"
-	],
-	"sideEffects": false,
-	"dependencies": {
-		"@appbaseio/analytics": "^1.1.1",
-		"@appbaseio/reactivecore": "10.0.0-alpha.4",
-		"@appbaseio/vue-emotion": "0.6.0-alpha.6",
-		"@emotion/css": "^11.10.5",
-		"@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
-		"appbase-js": "^5.3.3",
-		"compute-scroll-into-view": "^1.0.11",
-		"emotion": "11.0.0",
-		"hotkeys-js": "^3.8.7",
-		"ngeohash": "^0.6.3",
-		"polished": "^2.2.0",
-		"redux": "^4.0.0",
-		"url-search-params-polyfill": "^7.0.0",
-		"vue-google-maps-community-fork": "^0.1.7",
-		"vue-highlight-words": "^1.2.0",
-		"vue-no-ssr": "^1.1.0",
-		"vue-slider-component": "next",
-		"vue-types": "^5.0.2"
-	},
-	"peerDependencies": {
-		"vue": "^3.1.0"
-	},
-	"devDependencies": {
-		"@babel/plugin-external-helpers": "^7.2.0",
-		"@babel/plugin-proposal-class-properties": "^7.5.5",
-		"@babel/plugin-proposal-json-strings": "^7.2.0",
-		"@babel/plugin-syntax-dynamic-import": "^7.2.0",
-		"@babel/plugin-syntax-import-meta": "^7.2.0",
-		"@babel/plugin-syntax-jsx": "^7.2.0",
-		"@babel/preset-env": "^7.5.5",
-		"@babel/preset-stage-2": "^7.0.0",
-		"@vue/babel-plugin-jsx": "^1.1.1",
-		"@vue/compiler-sfc": "^3.0.11",
-		"eslint": "^4.12.0",
-		"eslint-config-airbnb-base": "^13.1.0",
-		"eslint-config-prettier": "^3.1.0",
-		"eslint-plugin-vue": "^4.7.1",
-		"nps": "^5.9.3",
-		"nps-utils": "^1.7.0",
-		"postcss": "^8.3.0",
-		"rollup": "^1.20.3",
-		"rollup-plugin-babel": "^4.3.3",
-		"rollup-plugin-commonjs": "^10.1.0",
-		"rollup-plugin-json": "^4.0.0",
-		"rollup-plugin-node-builtins": "^2.1.2",
-		"rollup-plugin-node-globals": "^1.4.0",
-		"rollup-plugin-node-resolve": "^5.2.0",
-		"rollup-plugin-postcss": "^4.0.0",
-		"rollup-plugin-replace": "^2.2.0",
-		"rollup-plugin-terser": "^5.1.1",
-		"rollup-plugin-vue": "^6.0.0",
-		"vue-eslint-parser": "^3.2.2"
-	}
+    "name": "@appbaseio/reactivesearch-vue",
+    "version": "3.2.0",
+    "main": "dist/cjs/index.js",
+    "jsnext:main": "dist/es/index.js",
+    "module": "dist/es/index.js",
+    "typings": "dist/index.d.ts",
+    "description": "A Vue UI components library for building search experiences",
+    "keywords": [
+        "appbase",
+        "elasticsearch",
+        "search"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/appbaseio/reactivesearch.git"
+    },
+    "author": "Kuldeep Saxena <kuldepsaxena155@gmail.com>",
+    "license": "Apache-2.0",
+    "scripts": {
+        "watch": "nps watch",
+        "serve": "vue-cli-service serve",
+        "build": "vue-cli-service build",
+        "start": "nps",
+        "pretest": "nps build",
+        "test": "nps test",
+        "precommit": "lint-staged",
+        "prepare": "npm start validate",
+        "version-upgrade": "nps upgrade-vue -c ../../package-scripts.js",
+        "postpublish": "yarn run version-upgrade"
+    },
+    "files": [
+        "dist"
+    ],
+    "sideEffects": false,
+    "dependencies": {
+        "@appbaseio/analytics": "^1.2.0-alpha.1",
+        "@appbaseio/reactivecore": "10.1.0",
+        "@appbaseio/vue-emotion": "0.6.0-alpha.6",
+        "@emotion/css": "^11.10.5",
+        "@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
+        "appbase-js": "^5.3.3",
+        "compute-scroll-into-view": "^1.0.11",
+        "emotion": "11.0.0",
+        "hotkeys-js": "^3.8.7",
+        "ngeohash": "^0.6.3",
+        "polished": "^2.2.0",
+        "redux": "^4.0.0",
+        "remarkable": "^2.0.1",
+        "url-search-params-polyfill": "^7.0.0",
+        "vue-google-maps-community-fork": "^0.1.7",
+        "vue-highlight-words": "^1.2.0",
+        "vue-no-ssr": "^1.1.0",
+        "vue-slider-component": "next",
+        "vue-types": "^5.0.2",
+        "xss": "^1.0.11"
+    },
+    "peerDependencies": {
+        "vue": "^3.1.0"
+    },
+    "devDependencies": {
+        "@babel/plugin-external-helpers": "^7.2.0",
+        "@babel/plugin-proposal-class-properties": "^7.5.5",
+        "@babel/plugin-proposal-json-strings": "^7.2.0",
+        "@babel/plugin-syntax-dynamic-import": "^7.2.0",
+        "@babel/plugin-syntax-import-meta": "^7.2.0",
+        "@babel/plugin-syntax-jsx": "^7.2.0",
+        "@babel/preset-env": "^7.5.5",
+        "@babel/preset-stage-2": "^7.0.0",
+        "@vue/babel-plugin-jsx": "^1.1.1",
+        "@vue/compiler-sfc": "^3.0.11",
+        "eslint": "^4.12.0",
+        "eslint-config-airbnb-base": "^13.1.0",
+        "eslint-config-prettier": "^3.1.0",
+        "eslint-plugin-vue": "^4.7.1",
+        "nps": "^5.9.3",
+        "nps-utils": "^1.7.0",
+        "postcss": "^8.3.0",
+        "rollup": "^1.20.3",
+        "rollup-plugin-babel": "^4.3.3",
+        "rollup-plugin-commonjs": "^10.1.0",
+        "rollup-plugin-json": "^4.0.0",
+        "rollup-plugin-node-builtins": "^2.1.2",
+        "rollup-plugin-node-globals": "^1.4.0",
+        "rollup-plugin-node-resolve": "^5.2.0",
+        "rollup-plugin-postcss": "^4.0.0",
+        "rollup-plugin-replace": "^2.2.0",
+        "rollup-plugin-terser": "^5.1.1",
+        "rollup-plugin-vue": "^6.0.0",
+        "typescript": "^5.0.0",
+        "vue-eslint-parser": "^3.2.2"
+    }
 }

package/dist/cjs/Input-497be42a.js

@@ -1,74 +0,0 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
-var vueEmotion = require('@appbaseio/vue-emotion');
-var css = require('@emotion/css');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var alertBorder = function alertBorder(_ref) {
-  var theme = _ref.theme;
-  return "\n\tborder: 1px solid " + theme.colors.alertColor + ";\n";
-};
-var input = "\n\twidth: 100%;\n\tline-height: 1.5;\n\tmin-height: 42px;\n\tpadding: 8px 12px;\n\tborder: 1px solid #ccc;\n\tbackground-color: #fafafa;\n\tfont-size: 0.9rem;\n\toutline: none;\n\theight: 100%;\n\n\t&:focus {\n\t\tbackground-color: #fff;\n\t}\n";
-var dark = function dark(theme) {
-  return "\n\tborder-color: " + theme.colors.borderColor + ";\n";
-};
-var darkInput = function darkInput(_ref2) {
-  var theme = _ref2.theme;
-  return "\n\tbackground-color: " + theme.colors.backgroundColor + ";\n\tcolor: " + theme.colors.textColor + ";\n\t" + dark(theme) + ";\n\n\t&:focus {\n\t\tbackground-color: " + theme.colors.backgroundColor + ";\n\t}\n";
-};
-var Input = vueEmotion.styled('input')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t", ";\n\n\t&:focus {\n\t\tbackground-color: #fff;\n\t}\n\t", ";\n\n\t", ";\n\n\t", ";\n\n\t", ";\n\t", ";\n\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\n"])), input, function (_ref3) {
-  var themePreset = _ref3.themePreset,
-    theme = _ref3.theme;
-  return themePreset === 'dark' && darkInput({
-    theme: theme
-  });
-}, function (props) {
-  return props.showIcon && props.iconPosition === 'left' && "\n\t\t\tpadding-left: 36px;\n\t\t";
-}, function (props) {
-  return props.showIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 36px;\n\t\t";
-}, function (props) {
-  return (
-    // for clear icon
-    props.showClear && "\n\t\t\tpadding-right: 36px;\n\t\t"
-  );
-}, function (props) {
-  return (
-    // for voice search icon
-    props.showVoiceSearch && "\n\t\t\tpadding-right: 36px;\n\t\t"
-  );
-}, function (props) {
-  return (
-    // for clear icon with search icon
-    props.showClear && props.showIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 66px;\n\t\t"
-  );
-}, function (props) {
-  return (
-    // for voice search icon with search icon
-    props.showVoiceSearch && props.showIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 66px;\n\t\t"
-  );
-}, function (props) {
-  return (
-    // for voice search icon with clear icon
-    props.showVoiceSearch && props.showIcon && "\n\t\t\tpadding-right: 66px;\n\t\t"
-  );
-}, function (props) {
-  return (
-    // for clear icon with search icon and voice search
-    props.showClear && props.showIcon && props.showVoiceSearch && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 90px;\n\t\t"
-  );
-}, function (props) {
-  return props.alert && alertBorder;
-});
-var suggestions = function suggestions(themePreset, theme) {
-  return css.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\twidth: 100%;\n\tborder: 1px solid #ccc;\n\tborder-top: none;\n\tbackground-color: #fff;\n\tfont-size: 0.9rem;\n\tz-index: 3;\n\tposition: absolute;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tmax-height: min(100vh, 402px);\n\toverflow-y: auto;\n\n\t&.small {\n\t\ttop: 30px;\n\t}\n\n\tli {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tcursor: pointer;\n\t\tpadding: 10px;\n\t\tuser-select: none;\n\n\t\t& > .trim {\n\t\t\tdisplay: -webkit-box;\n\t\t\tdisplay: flex;\n\t\t\twidth: 100%;\n\t\t\tmax-height: 2.3rem;\n\t\t\tline-height: 1.2rem;\n\t\t\t-webkit-line-clamp: 2;\n\t\t\t-webkit-box-orient: vertical;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground-color: #eee;\n\t\t}\n\t}\n\n\t", ";\n"])), themePreset === 'dark' && theme && dark(theme));
-};
-var suggestionsContainer = css.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tposition: relative;\n\t.cancel-icon {\n\t\tcursor: pointer;\n\t}\n"])));
-var noSuggestions = function noSuggestions(themePreset, theme) {
-  return css.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\twidth: 100%;\n\tborder: 1px solid #ccc;\n\tborder-top: none;\n\tbackground-color: #fff;\n\tfont-size: 0.9rem;\n\tz-index: 3;\n\tposition: absolute;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tmax-height: 260px;\n\toverflow-y: auto;\n\n\t&.small {\n\t\ttop: 30px;\n\t}\n\n\tli {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tpadding: 10px;\n\t\tuser-select: none;\n\n\t\t& > .trim {\n\t\t\tdisplay: -webkit-box;\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\tmax-height: 2.3rem;\n\t\t\tline-height: 1.2rem;\n\t\t\t-webkit-line-clamp: 2;\n\t\t\t-webkit-box-orient: vertical;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t", "\n"])), themePreset === 'dark' && theme && dark(theme));
-};
-
-exports.Input = Input;
-exports.noSuggestions = noSuggestions;
-exports.suggestions = suggestions;
-exports.suggestionsContainer = suggestionsContainer;