amis-rev-ui 6.13.0

package/esm/components/RichText.d.ts

@@ -0,0 +1,48 @@
+/**
+ * @file RichText
+ * @description
+ * @author fex
+ */
+import React from 'react';
+import FroalaEditor from 'froala-editor';
+import 'froala-editor/js/plugins/align.min';
+import 'froala-editor/js/plugins/colors.min';
+import 'froala-editor/js/plugins/char_counter.min';
+import 'froala-editor/js/plugins/code_view.min';
+import 'froala-editor/js/plugins/draggable.min';
+import 'froala-editor/js/plugins/entities.min';
+import 'froala-editor/js/plugins/font_family.min';
+import 'froala-editor/js/plugins/font_size.min';
+import 'froala-editor/js/plugins/forms.min';
+import 'froala-editor/js/plugins/fullscreen.min';
+import 'froala-editor/js/plugins/help.min';
+import 'froala-editor/js/plugins/image.min';
+import 'froala-editor/js/plugins/inline_class.min';
+import 'froala-editor/js/plugins/inline_style.min';
+import 'froala-editor/js/plugins/line_breaker.min';
+import 'froala-editor/js/plugins/line_height.min';
+import 'froala-editor/js/plugins/link.min';
+import 'froala-editor/js/plugins/lists.min';
+import 'froala-editor/js/plugins/paragraph_format.min';
+import 'froala-editor/js/plugins/paragraph_style.min';
+import 'froala-editor/js/plugins/print.min';
+import 'froala-editor/js/plugins/quick_insert.min';
+import 'froala-editor/js/plugins/quote.min';
+import 'froala-editor/js/plugins/save.min';
+import 'froala-editor/js/plugins/special_characters.min';
+import 'froala-editor/js/plugins/table.min';
+import 'froala-editor/js/plugins/url.min';
+import 'froala-editor/js/plugins/video.min';
+import 'froala-editor/js/plugins/word_paste.min';
+import 'froala-editor/js/languages/zh_cn.js';
+export interface FroalaEditorComponentProps {
+    config: any;
+    model: string;
+    onModelChange: (value: string) => void;
+    children?: React.ReactNode;
+}
+export default class extends React.Component<any, any> {
+    constructor(props: any);
+    render(): React.JSX.Element;
+}
+export { FroalaEditor };

package/esm/components/RichText.js

@@ -0,0 +1,271 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+import { __extends, __assign } from 'tslib';
+import React__default from 'react';
+import isEqual from 'lodash/isEqual';
+import FroalaEditor from 'froala-editor';
+export { default as FroalaEditor } from 'froala-editor';
+import Froala from 'froala-editor/js/froala_editor.min.js';
+import 'froala-editor/js/plugins/align.min';
+import 'froala-editor/js/plugins/colors.min';
+import 'froala-editor/js/plugins/char_counter.min';
+import 'froala-editor/js/plugins/code_view.min';
+import 'froala-editor/js/plugins/draggable.min';
+import 'froala-editor/js/plugins/entities.min';
+import 'froala-editor/js/plugins/font_family.min';
+import 'froala-editor/js/plugins/font_size.min';
+import 'froala-editor/js/plugins/forms.min';
+import 'froala-editor/js/plugins/fullscreen.min';
+import 'froala-editor/js/plugins/help.min';
+import 'froala-editor/js/plugins/image.min';
+import 'froala-editor/js/plugins/inline_class.min';
+import 'froala-editor/js/plugins/inline_style.min';
+import 'froala-editor/js/plugins/line_breaker.min';
+import 'froala-editor/js/plugins/line_height.min';
+import 'froala-editor/js/plugins/link.min';
+import 'froala-editor/js/plugins/lists.min';
+import 'froala-editor/js/plugins/paragraph_format.min';
+import 'froala-editor/js/plugins/paragraph_style.min';
+import 'froala-editor/js/plugins/print.min';
+import 'froala-editor/js/plugins/quick_insert.min';
+import 'froala-editor/js/plugins/quote.min';
+import 'froala-editor/js/plugins/save.min';
+import 'froala-editor/js/plugins/special_characters.min';
+import 'froala-editor/js/plugins/table.min';
+import 'froala-editor/js/plugins/url.min';
+import 'froala-editor/js/plugins/video.min';
+import 'froala-editor/js/plugins/word_paste.min';
+import 'froala-editor/js/languages/zh_cn.js';
+
+/**
+ * @file RichText
+ * @description
+ * @author fex
+ */
+// 代码来源于：https://github.com/froala/react-froala-wysiwyg/blob/master/lib/FroalaEditorFunctionality.jsx
+// 改动原因是model 同步有些问题，有时候不更新，所以基于官方代码改造一下。
+// 目前发现的问题是，如果 model 数据修改，如果此时 editor 还没有初始化完成则不会同步成功
+var FroalaEditorComponent = /** @class */ (function (_super) {
+    __extends(FroalaEditorComponent, _super);
+    function FroalaEditorComponent(props) {
+        var _this = _super.call(this, props) || this;
+        _this.listeningEvents = [];
+        _this.element = null;
+        _this.editor = null;
+        _this.config = {
+            immediateReactModelUpdate: false,
+            reactIgnoreAttrs: null
+        };
+        _this.editorInitialized = false;
+        _this.INNER_HTML_ATTR = 'innerHTML';
+        _this.oldModel = null;
+        return _this;
+    }
+    // After first time render.
+    FroalaEditorComponent.prototype.componentDidMount = function () {
+        this.createEditor();
+    };
+    FroalaEditorComponent.prototype.componentWillUnmount = function () {
+        this.destroyEditor();
+    };
+    FroalaEditorComponent.prototype.componentDidUpdate = function (prevProps) {
+        if (!isEqual(this.props.config, prevProps.config)) {
+            this.destroyEditor();
+            this.createEditor();
+            return;
+        }
+        if (JSON.stringify(this.oldModel) == JSON.stringify(this.props.model)) {
+            return;
+        }
+        this.setContent();
+    };
+    // Return cloned object
+    FroalaEditorComponent.prototype.clone = function (item) {
+        var me = this;
+        if (!item) {
+            return item;
+        } // null, undefined values check
+        var types = [Number, String, Boolean], result;
+        // normalizing primitives if someone did new String('aaa'), or new Number('444');
+        types.forEach(function (type) {
+            if (item instanceof type) {
+                result = type(item);
+            }
+        });
+        if (typeof result == 'undefined') {
+            if (Object.prototype.toString.call(item) === '[object Array]') {
+                result = [];
+                item.forEach(function (child, index, array) {
+                    result[index] = me.clone(child);
+                });
+            }
+            else if (typeof item == 'object') {
+                // testing that this is DOM
+                if (item.nodeType && typeof item.cloneNode == 'function') {
+                    result = item.cloneNode(true);
+                }
+                else if (!item.prototype) {
+                    // check that this is a literal
+                    if (item instanceof Date) {
+                        result = new Date(item);
+                    }
+                    else {
+                        // it is an object literal
+                        result = {};
+                        for (var i in item) {
+                            result[i] = me.clone(item[i]);
+                        }
+                    }
+                }
+                else {
+                    {
+                        result = item;
+                    }
+                }
+            }
+            else {
+                result = item;
+            }
+        }
+        return result;
+    };
+    FroalaEditorComponent.prototype.createEditor = function () {
+        var _this = this;
+        if (this.editorInitialized) {
+            return;
+        }
+        this.config = this.clone(this.props.config || this.config);
+        this.config = __assign({}, this.config);
+        this.element = this.el;
+        if (this.props.model) {
+            this.element.innerHTML = this.props.model;
+        }
+        this.setContent();
+        // Default initialized.
+        this.registerEvent('initialized', this.config.events && this.config.events.initialized);
+        // Check if events are set.
+        if (!this.config.events)
+            this.config.events = {};
+        this.config.events.initialized = function () {
+            _this.editorInitialized = true;
+            _this.initListeners();
+        };
+        this.editor = new FroalaEditor(this.element, this.config);
+    };
+    FroalaEditorComponent.prototype.setContent = function () {
+        var _this = this;
+        if (this.props.model || this.props.model == '') {
+            this.oldModel = this.props.model;
+            if (this.editorInitialized) {
+                this.setNormalTagContent();
+            }
+            else {
+                if (!this._initEvents)
+                    this._initEvents = [];
+                this._initEvents.push(function () { return _this.setNormalTagContent(); });
+            }
+        }
+    };
+    FroalaEditorComponent.prototype.setNormalTagContent = function () {
+        var self = this;
+        self.editor.html && self.editor.html.set(self.props.model || '');
+        if (self.editorInitialized && self.editor.undo) {
+            //This will reset the undo stack everytime the model changes externally. Can we fix this?
+            self.editor.undo.reset();
+            self.editor.undo.saveStep();
+        }
+    };
+    FroalaEditorComponent.prototype.destroyEditor = function () {
+        if (this.element) {
+            this.editor.destroy && this.editor.destroy();
+            this.listeningEvents.length = 0;
+            this.element = null;
+            this.editorInitialized = false;
+            this._initEvents = [];
+        }
+    };
+    FroalaEditorComponent.prototype.getEditor = function () {
+        if (this.element) {
+            return this.editor;
+        }
+        return null;
+    };
+    FroalaEditorComponent.prototype.updateModel = function () {
+        if (!this.props.onModelChange) {
+            return;
+        }
+        var modelContent = '';
+        var returnedHtml = this.editor.html.get();
+        if (typeof returnedHtml === 'string') {
+            modelContent = returnedHtml;
+        }
+        if (this.oldModel !== modelContent) {
+            this.oldModel = modelContent;
+            this.props.onModelChange(modelContent);
+        }
+    };
+    FroalaEditorComponent.prototype.initListeners = function () {
+        var self = this;
+        // bind contentChange and keyup event to froalaModel
+        this.editor.events.on('contentChanged', function () {
+            self.updateModel();
+        });
+        if (this.config.immediateReactModelUpdate) {
+            this.editor.events.on('keyup', function () {
+                self.updateModel();
+            });
+        }
+        // Call init events.
+        if (this._initEvents) {
+            for (var i = 0; i < this._initEvents.length; i++) {
+                this._initEvents[i].call(this.editor);
+            }
+        }
+    };
+    // register event on jquery editor element
+    FroalaEditorComponent.prototype.registerEvent = function (eventName, callback) {
+        if (!eventName || !callback) {
+            return;
+        }
+        if (eventName == 'initialized') {
+            if (!this._initEvents)
+                this._initEvents = [];
+            this._initEvents.push(callback);
+        }
+        else {
+            if (!this.config.events) {
+                this.config.events = {};
+            }
+            this.config.events[eventName] = callback;
+        }
+    };
+    FroalaEditorComponent.prototype.render = function () {
+        var _this = this;
+        return (React__default.createElement("textarea", { ref: function (el) { return (_this.el = el); } }, this.props.children));
+    };
+    return FroalaEditorComponent;
+}(React__default.Component));
+var default_1 = /** @class */ (function (_super) {
+    __extends(default_1, _super);
+    function default_1(props) {
+        var _this = _super.call(this, props) || this;
+        Froala.VIDEO_PROVIDERS = [
+            {
+                test_regex: /.*/,
+                url_regex: '',
+                url_text: '',
+                html: '<span class="fr-video fr-dvb fr-draggable" contenteditable="false" draggable="true"><video class="fr-draggable" controls="" data-msg="ok" data-status="0" src="{url}" style="width: 600px;"></video></span>'
+            }
+        ];
+        return _this;
+    }
+    default_1.prototype.render = function () {
+        return (React__default.createElement(FroalaEditorComponent, { config: this.props.config, model: this.props.model, onModelChange: this.props.onModelChange }));
+    };
+    return default_1;
+}(React__default.Component));
+
+export { default_1 as default };

package/esm/components/SearchBox.js

@@ -0,0 +1,298 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+import { __extends, __spreadArray, __read, __assign, __decorate, __metadata } from 'tslib';
+import React__default from 'react';
+import isInteger from 'lodash/isInteger';
+import debounce from 'lodash/debounce';
+import moment from 'moment';
+import { autobind, themeable, localeable, uncontrollable } from 'amis-rev-core';
+import { Icon } from './icons.js';
+import chain from 'lodash/chain';
+import Input from './Input.js';
+import Spinner from './Spinner.js';
+
+var historyDefaultOptions = {
+    enable: false,
+    key: 'amis:search_history',
+    limit: 5,
+    dropdownClassName: ''
+};
+var SearchBox = /** @class */ (function (_super) {
+    __extends(SearchBox, _super);
+    function SearchBox() {
+        var _a;
+        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
+        _this.inputRef = React__default.createRef();
+        _this.state = {
+            isHistoryOpened: false,
+            isFocused: false,
+            inputValue: (_a = _this.props.value) !== null && _a !== void 0 ? _a : '',
+            historyRecords: _this.getHistoryRecords()
+        };
+        _this.lazyEmitSearch = debounce(function () {
+            var _a;
+            var onSearch = _this.props.onSearch;
+            onSearch === null || onSearch === void 0 ? void 0 : onSearch((_a = _this.state.inputValue) !== null && _a !== void 0 ? _a : '');
+        }, 250, {
+            leading: false,
+            trailing: true
+        });
+        return _this;
+    }
+    SearchBox.prototype.componentDidUpdate = function (prevProps) {
+        var _a;
+        if (prevProps.value !== this.props.value) {
+            this.setState({ inputValue: (_a = this.props.value) !== null && _a !== void 0 ? _a : '' });
+        }
+    };
+    SearchBox.prototype.componentWillUnmount = function () {
+        this.lazyEmitSearch.cancel();
+    };
+    SearchBox.prototype.handleActive = function () {
+        var _a;
+        var onActiveChange = this.props.onActiveChange;
+        onActiveChange === null || onActiveChange === void 0 ? void 0 : onActiveChange(true);
+        (_a = this.inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    SearchBox.prototype.handleCancel = function () {
+        var _a = this.props, onActiveChange = _a.onActiveChange, onCancel = _a.onCancel, onChange = _a.onChange;
+        onActiveChange === null || onActiveChange === void 0 ? void 0 : onActiveChange(false);
+        onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+        this.setState({ inputValue: '' }, function () { return onChange === null || onChange === void 0 ? void 0 : onChange(''); });
+    };
+    SearchBox.prototype.handleChange = function (e) {
+        var _this = this;
+        var _a = this.props, searchImediately = _a.searchImediately, onChange = _a.onChange;
+        var inputValue = e.currentTarget.value;
+        this.setState({ inputValue: inputValue }, function () {
+            onChange === null || onChange === void 0 ? void 0 : onChange(inputValue);
+            searchImediately && _this.lazyEmitSearch();
+        });
+    };
+    SearchBox.prototype.handleSearch = function () {
+        var onSearch = this.props.onSearch;
+        var inputValue = this.state.inputValue;
+        var enable = this.getHistoryOptions().enable;
+        if (enable) {
+            this.insertHistoryRecord(inputValue);
+            this.setState({ isFocused: false, isHistoryOpened: false });
+        }
+        onSearch === null || onSearch === void 0 ? void 0 : onSearch(inputValue || '');
+    };
+    SearchBox.prototype.handleKeyDown = function (e) {
+        if (e.key === 'Enter') {
+            this.handleSearch();
+            e.preventDefault();
+        }
+    };
+    SearchBox.prototype.handleClear = function () {
+        var _this = this;
+        var _a = this.props, searchImediately = _a.searchImediately, clearAndSubmit = _a.clearAndSubmit, onChange = _a.onChange;
+        this.setState({ inputValue: '' }, function () {
+            onChange === null || onChange === void 0 ? void 0 : onChange('');
+            if (clearAndSubmit === true || searchImediately) {
+                _this.lazyEmitSearch();
+            }
+        });
+    };
+    SearchBox.prototype.handleFocus = function () {
+        var _a, _b;
+        var enable = this.getHistoryOptions().enable;
+        this.setState({ isFocused: true, isHistoryOpened: enable });
+        (_b = (_a = this.props).onFocus) === null || _b === void 0 ? void 0 : _b.call(_a);
+    };
+    SearchBox.prototype.handleBlur = function (e) {
+        var _a, _b;
+        this.setState({ isFocused: false, isHistoryOpened: false });
+        (_b = (_a = this.props).onBlur) === null || _b === void 0 ? void 0 : _b.call(_a);
+    };
+    SearchBox.prototype.handleHistoryRecordSelect = function (record) {
+        var _this = this;
+        this.setState({ inputValue: record.value, isHistoryOpened: false, isFocused: false }, function () { return _this.handleSearch(); });
+    };
+    /** 获取历史搜索配置 */
+    SearchBox.prototype.getHistoryOptions = function () {
+        var _a, _b;
+        var history = this.props.history;
+        var options = {
+            enable: !!(history === null || history === void 0 ? void 0 : history.enable),
+            key: (_a = history === null || history === void 0 ? void 0 : history.key) !== null && _a !== void 0 ? _a : historyDefaultOptions.key,
+            limit: (history === null || history === void 0 ? void 0 : history.limit) && isInteger(history === null || history === void 0 ? void 0 : history.limit) && (history === null || history === void 0 ? void 0 : history.limit) > 0
+                ? history === null || history === void 0 ? void 0 : history.limit
+                : historyDefaultOptions.limit,
+            dropdownClassName: (_b = history === null || history === void 0 ? void 0 : history.dropdownClassName) !== null && _b !== void 0 ? _b : ''
+        };
+        return options;
+    };
+    /** 获取历史记录 */
+    SearchBox.prototype.getHistoryRecords = function () {
+        var _a = this.getHistoryOptions(), key = _a.key, limit = _a.limit;
+        try {
+            var storageValues = localStorage.getItem(key);
+            return chain(storageValues ? JSON.parse(storageValues) : [])
+                .uniqBy('value')
+                .orderBy(['timestamp'], ['desc'])
+                .slice(0, limit)
+                .value();
+        }
+        catch (_b) { }
+        return [];
+    };
+    /** 清空历史记录 */
+    SearchBox.prototype.clearHistoryRecords = function () {
+        var key = this.getHistoryOptions().key;
+        localStorage.removeItem(key);
+        this.setState({ historyRecords: [] });
+        return [];
+    };
+    /** 删除一条历史记录 */
+    SearchBox.prototype.removeHistoryRecord = function (record) {
+        var key = this.getHistoryOptions().key;
+        var datasource = this.getHistoryRecords();
+        var recordIndex = datasource.findIndex(function (item) { return item.value === record.value; });
+        if (~recordIndex) {
+            datasource.splice(recordIndex, 1);
+            localStorage.setItem(key, JSON.stringify(datasource));
+            this.setState({ historyRecords: datasource });
+        }
+        return datasource;
+    };
+    /** 新增一条历史记录 */
+    SearchBox.prototype.insertHistoryRecord = function (value) {
+        var datasource = this.getHistoryRecords();
+        if (!value || datasource.find(function (item) { return item.value === value; })) {
+            return datasource;
+        }
+        try {
+            var _a = this.getHistoryOptions(), key = _a.key, limit = _a.limit;
+            var newDatasource = chain(__spreadArray(__spreadArray([], __read(datasource), false), [
+                { value: value, timestamp: moment().unix() }
+            ], false))
+                .orderBy(['timestamp'], ['desc'])
+                .slice(0, limit)
+                .value();
+            localStorage.setItem(key, JSON.stringify(newDatasource));
+            this.setState({ historyRecords: newDatasource });
+            return newDatasource;
+        }
+        catch (_b) { }
+        return datasource;
+    };
+    SearchBox.prototype.renderInput = function (isHistoryMode) {
+        var _a = this.props, cx = _a.classnames, classPrefix = _a.classPrefix, active = _a.active, name = _a.name, className = _a.className, style = _a.style, disabled = _a.disabled, placeholder = _a.placeholder, mini = _a.mini, enhance = _a.enhance, clearable = _a.clearable, mobileUI = _a.mobileUI, __ = _a.translate, loading = _a.loading, loadingConfig = _a.loadingConfig, testIdBuilder = _a.testIdBuilder;
+        var _b = this.state, isFocused = _b.isFocused, inputValue = _b.inputValue;
+        var enable = this.getHistoryOptions().enable;
+        return (React__default.createElement("div", __assign({ className: cx('SearchBox', enhance && 'SearchBox--enhance', !!isHistoryMode ? '' : className, disabled ? 'is-disabled' : '', isFocused ? 'is-focused' : '', !mini || active ? 'is-active' : '', { 'is-history': enable }, { 'is-mobile': mobileUI }), style: style }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getTestId()),
+            React__default.createElement(Input, { name: name, ref: this.inputRef, disabled: disabled, placeholder: __(placeholder || 'placeholder.enter'), value: inputValue !== null && inputValue !== void 0 ? inputValue : '', autoComplete: "off", onFocus: this.handleFocus, onBlur: this.handleBlur, onChange: this.handleChange, onKeyDown: this.handleKeyDown, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('input') }),
+            !mini && clearable && inputValue && !disabled ? (React__default.createElement("div", __assign({ className: cx('SearchBox-clearable'), onClick: this.handleClear }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('clear').getTestId()),
+                React__default.createElement(Icon, { icon: "input-clear", className: "icon" }))) : null,
+            !mini ? (React__default.createElement("a", __assign({ className: cx('SearchBox-searchBtn', {
+                    'SearchBox-searchBtn--loading': loading
+                }), onClick: this.handleSearch }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('search').getTestId()), loading ? (React__default.createElement(Spinner, { classnames: cx, classPrefix: classPrefix, className: cx('SearchBox-spinner'), spinnerClassName: cx('SearchBox-spinner-icon'), disabled: disabled, size: "sm", icon: "loading-outline", loadingConfig: loadingConfig })) : (React__default.createElement(Icon, { icon: "search", className: "icon" })))) : active ? (React__default.createElement("a", { className: cx('SearchBox-cancelBtn'), onClick: this.handleCancel },
+                React__default.createElement(Icon, { icon: "close", className: "icon" }))) : (React__default.createElement("a", { className: cx('SearchBox-activeBtn'), onClick: this.handleActive },
+                React__default.createElement(Icon, { icon: "search", className: "icon" })))));
+    };
+    SearchBox.prototype.renderTag = function (item, index) {
+        var _this = this;
+        var cx = this.props.classnames;
+        return (React__default.createElement("span", { className: cx('Tag', 'SearchBox-history-tag'), key: index },
+            React__default.createElement("span", { className: cx('SearchBox-history-tag-text'), onMouseDown: function (e) {
+                    e.preventDefault();
+                    _this.handleHistoryRecordSelect(item);
+                } }, item.value),
+            React__default.createElement("span", { className: cx("SearchBox-history-tag-close"), onMouseDown: function (e) {
+                    e.preventDefault();
+                    _this.removeHistoryRecord(item);
+                } },
+                React__default.createElement(Icon, { icon: "close", className: "icon" }))));
+    };
+    SearchBox.prototype.renderHitoryMode = function () {
+        var _this = this;
+        var _a = this.props, cx = _a.classnames, __ = _a.translate, className = _a.className, style = _a.style;
+        var _b = this.state, isHistoryOpened = _b.isHistoryOpened, inputValue = _b.inputValue, historyRecords = _b.historyRecords;
+        var dropdownClassName = this.getHistoryOptions().dropdownClassName;
+        var showDropdown = isHistoryOpened && !inputValue && historyRecords.length > 0;
+        return (React__default.createElement("div", { id: "searchbox-history", className: cx('SearchBox-history', className), style: style },
+            this.renderInput(true),
+            React__default.createElement("div", { className: cx('SearchBox-history-dropdown', dropdownClassName, {
+                    'is-active': showDropdown
+                }) },
+                React__default.createElement("header", null,
+                    React__default.createElement("h4", null, __('searchHistory')),
+                    React__default.createElement("a", { onMouseDown: function (e) {
+                            e.preventDefault();
+                            _this.clearHistoryRecords();
+                        } }, __('clear'))),
+                React__default.createElement("div", { className: cx('SearchBox-history-content') }, historyRecords.map(function (item, index) { return _this.renderTag(item, index); })))));
+    };
+    SearchBox.prototype.render = function () {
+        var enable = this.getHistoryOptions().enable;
+        return enable ? this.renderHitoryMode() : this.renderInput();
+    };
+    SearchBox.defaultProps = {
+        mini: true,
+        enhance: false,
+        clearable: false,
+        searchImediately: true,
+        history: historyDefaultOptions,
+        clearAndSubmit: false
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], SearchBox.prototype, "handleActive", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], SearchBox.prototype, "handleCancel", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], SearchBox.prototype, "handleChange", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], SearchBox.prototype, "handleSearch", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], SearchBox.prototype, "handleKeyDown", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], SearchBox.prototype, "handleClear", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], SearchBox.prototype, "handleFocus", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], SearchBox.prototype, "handleBlur", null);
+    return SearchBox;
+}(React__default.Component));
+var SearchBox$1 = themeable(localeable(uncontrollable(SearchBox, {
+    active: 'onActiveChange',
+    value: 'onChange'
+})));
+
+export { SearchBox, SearchBox$1 as default };