superdesk-ui-framework 3.0.1-beta.11 → 3.0.1-beta.12

package/react/components/SearchBar.js

@@ -91,14 +91,22 @@ var SearchBar = /** @class */ (function (_super) {
                     }
                 }, onChange: function (event) { return _this.setState({ inputValue: event.target.value }); }, onFocus: function () { return _this.setState({ focused: true }); } }),
             this.state.inputValue &&
-                React.createElement("button", { className: "sd-searchbar__cancel", onClick: function () { return _this.setState({ inputValue: '' }); } },
+                React.createElement("button", { className: "sd-searchbar__cancel", onClick: function () {
+                        _this.setState({ inputValue: '' });
+                        setTimeout(function () {
+                            if (_this.props.onSubmit) {
+                                _this.props.onSubmit(_this.state.inputValue);
+                            }
+                        });
+                    } },
                     React.createElement(Icon_1.Icon, { name: 'remove-sign' })),
-            React.createElement("button", { id: "sd-searchbar__search-btn", className: "sd-searchbar__search-btn ".concat(this.state.keyDown ? 'sd-searchbar__search-btn--active' : ''), onClick: function () {
-                    if (_this.props.onSubmit) {
-                        _this.props.onSubmit(_this.state.inputValue);
-                    }
-                } },
-                React.createElement(Icon_1.Icon, { name: 'chevron-right-thin' }))));
+            this.state.inputValue &&
+                React.createElement("button", { id: "sd-searchbar__search-btn", className: "sd-searchbar__search-btn ".concat(this.state.keyDown ? 'sd-searchbar__search-btn--active' : ''), onClick: function () {
+                        if (_this.props.onSubmit) {
+                            _this.props.onSubmit(_this.state.inputValue);
+                        }
+                    } },
+                    React.createElement(Icon_1.Icon, { name: 'chevron-right-thin' }))));
     };
     return SearchBar;
 }(React.PureComponent));

package/react/components/TimePicker.d.ts

@@ -14,12 +14,8 @@ interface IProps {
     info?: string;
     error?: string;
 }
-interface IState {
-    invalid: boolean;
-}
-export declare class TimePicker extends React.PureComponent<IProps, IState> {
+export declare class TimePicker extends React.PureComponent<IProps> {
     private htmlId;
-    constructor(props: IProps);
     render(): JSX.Element;
 }
 export {};

package/react/components/TimePicker.js

@@ -39,22 +39,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TimePicker = void 0;
 var React = __importStar(require("react"));
-// import classNames from 'classnames';
 var react_id_generator_1 = __importDefault(require("react-id-generator"));
 var Form_1 = require("./Form");
 var TimePicker = /** @class */ (function (_super) {
     __extends(TimePicker, _super);
-    function TimePicker(props) {
-        var _this = _super.call(this, props) || this;
+    function TimePicker() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.htmlId = (0, react_id_generator_1.default)();
-        _this.state = {
-            invalid: _this.props.invalid ? _this.props.invalid : false,
-        };
         return _this;
     }
     TimePicker.prototype.render = function () {
         var _this = this;
-        return (React.createElement(Form_1.InputWrapper, { label: this.props.label, error: this.props.error, required: this.props.required, disabled: this.props.disabled, invalid: this.state.invalid, info: this.props.info, inlineLabel: this.props.inlineLabel, labelHidden: this.props.labelHidden, fullWidth: this.props.fullWidth, htmlId: this.htmlId, tabindex: this.props.tabindex },
+        return (React.createElement(Form_1.InputWrapper, { label: this.props.label, error: this.props.error, required: this.props.required, disabled: this.props.disabled, invalid: this.props.invalid, info: this.props.info, inlineLabel: this.props.inlineLabel, labelHidden: this.props.labelHidden, fullWidth: this.props.fullWidth, htmlId: this.htmlId, tabindex: this.props.tabindex },
             React.createElement("input", { id: this.htmlId, "aria-labelledby": this.htmlId + 'label', type: "time", step: this.props.allowSeconds ? 1 : undefined, className: "sd-input__input", value: this.props.value, required: this.props.required, disabled: this.props.disabled, onChange: function (event) {
                     _this.props.onChange(event.target.value);
                 } })));