amis 1.9.1-beta.1 → 1.9.1-beta.3

package/lib/components/InputBoxWithSuggestion.d.ts

@@ -0,0 +1,280 @@
+/// <reference types="hoist-non-react-statics" />
+import React from 'react';
+import { LocaleProps } from '../locale';
+import { ThemeProps } from '../theme';
+export interface InputBoxWithSuggestionProps extends ThemeProps, LocaleProps {
+    options: Array<any>;
+    value: any;
+    onChange: (value: any) => void;
+    disabled?: boolean;
+    searchable?: boolean;
+    popOverContainer?: any;
+    hasError?: boolean;
+    placeholder?: string;
+    clearable?: boolean;
+}
+export declare class InputBoxWithSuggestion extends React.Component<InputBoxWithSuggestionProps> {
+    constructor(props: InputBoxWithSuggestionProps);
+    onSearch(text: string): void;
+    filterOptions(options: any[]): any[];
+    onPopClose(e: React.MouseEvent, onClose: () => void): void;
+    render(): JSX.Element;
+}
+declare const _default: {
+    new (props: Omit<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+        locale?: string | undefined;
+        translate?: ((str: string, ...args: any[]) => string) | undefined;
+    }, keyof ThemeProps> & import("../theme").ThemeOutterProps): {
+        ref: any;
+        childRef(ref: any): void;
+        getWrappedInstance(): any;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../theme").ThemeOutterProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<{
+        new (props: Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }): {
+            ref: any;
+            childRef(ref: any): void;
+            getWrappedInstance(): any;
+            render(): JSX.Element;
+            context: any;
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
+            forceUpdate(callback?: (() => void) | undefined): void;
+            readonly props: Readonly<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }> & Readonly<{
+                children?: React.ReactNode;
+            }>;
+            state: Readonly<{}>;
+            refs: {
+                [key: string]: React.ReactInstance;
+            };
+            componentDidMount?(): void;
+            shouldComponentUpdate?(nextProps: Readonly<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): boolean;
+            componentWillUnmount?(): void;
+            componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, prevState: Readonly<{}>): any;
+            componentDidUpdate?(prevProps: Readonly<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, prevState: Readonly<{}>, snapshot?: any): void;
+            componentWillMount?(): void;
+            UNSAFE_componentWillMount?(): void;
+            componentWillReceiveProps?(nextProps: Readonly<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            componentWillUpdate?(nextProps: Readonly<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): void;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): void;
+        };
+        displayName: string;
+        contextType: React.Context<string>;
+        ComposedComponent: React.ComponentType<typeof InputBoxWithSuggestion>;
+    } & import("hoist-non-react-statics").NonReactStatics<typeof InputBoxWithSuggestion, {}> & {
+        ComposedComponent: typeof InputBoxWithSuggestion;
+    }>;
+} & import("hoist-non-react-statics").NonReactStatics<{
+    new (props: Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+        locale?: string | undefined;
+        translate?: ((str: string, ...args: any[]) => string) | undefined;
+    }): {
+        ref: any;
+        childRef(ref: any): void;
+        getWrappedInstance(): any;
+        render(): JSX.Element;
+        context: any;
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<typeof InputBoxWithSuggestion>;
+} & import("hoist-non-react-statics").NonReactStatics<typeof InputBoxWithSuggestion, {}> & {
+    ComposedComponent: typeof InputBoxWithSuggestion;
+}, {}> & {
+    ComposedComponent: {
+        new (props: Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }): {
+            ref: any;
+            childRef(ref: any): void;
+            getWrappedInstance(): any;
+            render(): JSX.Element;
+            context: any;
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
+            forceUpdate(callback?: (() => void) | undefined): void;
+            readonly props: Readonly<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }> & Readonly<{
+                children?: React.ReactNode;
+            }>;
+            state: Readonly<{}>;
+            refs: {
+                [key: string]: React.ReactInstance;
+            };
+            componentDidMount?(): void;
+            shouldComponentUpdate?(nextProps: Readonly<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): boolean;
+            componentWillUnmount?(): void;
+            componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, prevState: Readonly<{}>): any;
+            componentDidUpdate?(prevProps: Readonly<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, prevState: Readonly<{}>, snapshot?: any): void;
+            componentWillMount?(): void;
+            UNSAFE_componentWillMount?(): void;
+            componentWillReceiveProps?(nextProps: Readonly<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextContext: any): void;
+            componentWillUpdate?(nextProps: Readonly<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): void;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<InputBoxWithSuggestionProps, keyof LocaleProps> & {
+                locale?: string | undefined;
+                translate?: ((str: string, ...args: any[]) => string) | undefined;
+            }>, nextState: Readonly<{}>, nextContext: any): void;
+        };
+        displayName: string;
+        contextType: React.Context<string>;
+        ComposedComponent: React.ComponentType<typeof InputBoxWithSuggestion>;
+    } & import("hoist-non-react-statics").NonReactStatics<typeof InputBoxWithSuggestion, {}> & {
+        ComposedComponent: typeof InputBoxWithSuggestion;
+    };
+};
+export default _default;

package/lib/components/InputBoxWithSuggestion.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputBoxWithSuggestion = void 0;
+var tslib_1 = require("tslib");
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
+var react_dom_1 = require("react-dom");
+var locale_1 = require("../locale");
+var theme_1 = require("../theme");
+// @ts-ignore
+var match_sorter_1 = require("match-sorter");
+var PopOverContainer_1 = (0, tslib_1.__importDefault)(require("./PopOverContainer"));
+var SearchBox_1 = (0, tslib_1.__importDefault)(require("./SearchBox"));
+var GroupedSelection_1 = (0, tslib_1.__importDefault)(require("./GroupedSelection"));
+var InputBox_1 = (0, tslib_1.__importDefault)(require("./InputBox"));
+var icons_1 = require("./icons");
+var option2value = function (item) { return item.value; };
+var InputBoxWithSuggestion = /** @class */ (function (_super) {
+    (0, tslib_1.__extends)(InputBoxWithSuggestion, _super);
+    function InputBoxWithSuggestion(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = {
+            searchText: ''
+        };
+        _this.onSearch = _this.onSearch.bind(_this);
+        _this.filterOptions = _this.filterOptions.bind(_this);
+        return _this;
+    }
+    InputBoxWithSuggestion.prototype.onSearch = function (text) {
+        var txt = text.toLowerCase();
+        this.setState({ searchText: txt });
+    };
+    InputBoxWithSuggestion.prototype.filterOptions = function (options) {
+        return (0, match_sorter_1.matchSorter)(options, this.props.value, {
+            keys: ['label', 'value']
+        });
+    };
+    // 选了值，还原options
+    InputBoxWithSuggestion.prototype.onPopClose = function (e, onClose) {
+        this.setState({ searchText: '' });
+        onClose();
+    };
+    InputBoxWithSuggestion.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, placeholder = _a.placeholder, onChange = _a.onChange, value = _a.value, cx = _a.classnames, disabled = _a.disabled, __ = _a.translate, searchable = _a.searchable, popOverContainer = _a.popOverContainer, clearable = _a.clearable, hasError = _a.hasError;
+        var options = this.filterOptions(this.props.options);
+        return (react_1.default.createElement(PopOverContainer_1.default, { popOverContainer: popOverContainer || (function () { return (0, react_dom_1.findDOMNode)(_this); }), popOverRender: function (_a) {
+                var onClose = _a.onClose;
+                return (react_1.default.createElement(react_1.default.Fragment, null,
+                    searchable ? (react_1.default.createElement(SearchBox_1.default, { mini: false, onSearch: _this.onSearch })) : null,
+                    react_1.default.createElement(GroupedSelection_1.default, { multiple: false, onClick: function (e) { return _this.onPopClose(e, onClose); }, options: options, value: [value], option2value: option2value, onChange: function (value) {
+                            onChange === null || onChange === void 0 ? void 0 : onChange(value);
+                        } })));
+            } }, function (_a) {
+            var _b, _c;
+            var onClick = _a.onClick, ref = _a.ref, isOpened = _a.isOpened;
+            return (react_1.default.createElement(InputBox_1.default, { className: cx('InputBox--sug', isOpened ? 'is-active' : ''), ref: ref, placeholder: placeholder, disabled: disabled, value: (_c = (_b = options.find(function (o) { return o.value === value; })) === null || _b === void 0 ? void 0 : _b.label) !== null && _c !== void 0 ? _c : value, onChange: onChange, clearable: clearable, onClick: onClick, hasError: hasError },
+                react_1.default.createElement("span", { className: cx('InputBox-caret') },
+                    react_1.default.createElement(icons_1.Icon, { icon: "caret", className: "icon" }))));
+        }));
+    };
+    return InputBoxWithSuggestion;
+}(react_1.default.Component));
+exports.InputBoxWithSuggestion = InputBoxWithSuggestion;
+exports.default = (0, theme_1.themeable)((0, locale_1.localeable)(InputBoxWithSuggestion));
+//# sourceMappingURL=./components/InputBoxWithSuggestion.js.map

package/lib/components/InputBoxWithSuggestion.js.map

@@ -0,0 +1,13 @@
+{
+    "version": 3,
+    "file": "InputBoxWithSuggestion.js",
+    "sourceRoot": "",
+    "sources": [
+        "/src/components/InputBoxWithSuggestion.tsx"
+    ],
+    "names": [],
+    "mappings": "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",
+    "sourcesContent": [
+        "import React from 'react';\nimport {findDOMNode} from 'react-dom';\nimport {localeable, LocaleProps} from '../locale';\nimport {themeable, ThemeProps} from '../theme';\n// @ts-ignore\nimport {matchSorter} from 'match-sorter';\nimport PopOverContainer from './PopOverContainer';\nimport SearchBox from './SearchBox';\nimport ListSelection from './GroupedSelection';\nimport InputBox from './InputBox';\nimport {Icon} from './icons';\n\nexport interface InputBoxWithSuggestionProps extends ThemeProps, LocaleProps {\n  options: Array<any>;\n  value: any;\n  onChange: (value: any) => void;\n  disabled?: boolean;\n  searchable?: boolean;\n  popOverContainer?: any;\n  hasError?: boolean;\n  placeholder?: string;\n  clearable?: boolean;\n}\n\nconst option2value = (item: any) => item.value;\n\nexport class InputBoxWithSuggestion extends React.Component<InputBoxWithSuggestionProps> {\n  constructor(props: InputBoxWithSuggestionProps) {\n    super(props);\n    this.state = {\n      searchText: ''\n    };\n    this.onSearch = this.onSearch.bind(this);\n    this.filterOptions = this.filterOptions.bind(this);\n  }\n\n  onSearch(text: string) {\n    let txt = text.toLowerCase();\n\n    this.setState({searchText: txt});\n  }\n\n  filterOptions(options: any[]) {\n    return matchSorter(options, this.props.value, {\n      keys: ['label', 'value']\n    });\n  }\n\n  // 选了值，还原options\n  onPopClose(e: React.MouseEvent, onClose: () => void) {\n    this.setState({searchText: ''});\n    onClose();\n  }\n\n  render() {\n    const {\n      placeholder,\n      onChange,\n      value,\n      classnames: cx,\n      disabled,\n      translate: __,\n      searchable,\n      popOverContainer,\n      clearable,\n      hasError\n    } = this.props;\n    const options = this.filterOptions(this.props.options);\n\n    return (\n      <PopOverContainer\n        popOverContainer={popOverContainer || (() => findDOMNode(this))}\n        popOverRender={({onClose}) => (\n          <>\n            {searchable ? (\n              <SearchBox mini={false} onSearch={this.onSearch} />\n            ) : null}\n            <ListSelection\n              multiple={false}\n              onClick={e => this.onPopClose(e, onClose)}\n              options={options}\n              value={[value]}\n              option2value={option2value}\n              onChange={(value: any) => {\n                onChange?.(value);\n              }}\n            />\n          </>\n        )}\n      >\n        {({onClick, ref, isOpened}) => (\n          <InputBox\n            className={cx('InputBox--sug', isOpened ? 'is-active' : '')}\n            ref={ref}\n            placeholder={placeholder}\n            disabled={disabled}\n            value={options.find(o => o.value === value)?.label ?? value}\n            onChange={onChange}\n            clearable={clearable}\n            onClick={onClick}\n            hasError={hasError}\n          >\n            <span className={cx('InputBox-caret')}>\n              <Icon icon=\"caret\" className=\"icon\" />\n            </span>\n          </InputBox>\n        )}\n      </PopOverContainer>\n    );\n  }\n}\n\nexport default themeable(localeable(InputBoxWithSuggestion));\n"
+    ]
+}