superdesk-ui-framework 3.0.30 → 3.0.32

package/react/components/Modal.d.ts

@@ -4,6 +4,8 @@ interface IProps {
     className?: string;
     theme?: string;
     visible?: boolean;
+    zIndex?: number;
+    closeOnEscape?: boolean;
     contentBg?: 'default' | 'medium' | 'dark';
     contentPadding?: 'none' | 'small' | 'medium' | 'large';
     size?: 'small' | 'medium' | 'large' | 'x-large';
@@ -12,10 +14,8 @@ interface IProps {
     maximizable?: boolean;
     headerTemplate?: JSX.Element | string;
     footerTemplate?: JSX.Element | string;
-    closeOnEscape?: boolean;
-    zIndex?: number;
     onShow?(): void;
-    onHide(): void;
+    onHide?(): void;
 }
 export declare class Modal extends React.Component<IProps, {}> {
     render(): JSX.Element;

package/react/components/Modal.js

@@ -45,6 +45,7 @@ exports.Modal = void 0;
 var React = __importStar(require("react"));
 var dialog_1 = require("@superdesk/primereact/dialog");
 var classnames_1 = __importDefault(require("classnames"));
+var lodash_1 = require("lodash");
 var Modal = /** @class */ (function (_super) {
     __extends(Modal, _super);
     function Modal() {
@@ -52,6 +53,7 @@ var Modal = /** @class */ (function (_super) {
     }
     Modal.prototype.render = function () {
         var _a;
+        var _b;
         var classes = (0, classnames_1.default)((_a = {},
             _a["p-dialog-content--".concat(this.props.size)] = this.props.size,
             _a['p-dialog-content-bg--default'] = this.props.contentBg === undefined,
@@ -60,7 +62,7 @@ var Modal = /** @class */ (function (_super) {
             _a["p-dialog-content--".concat(this.props.contentPadding)] = this.props.contentPadding,
             _a), this.props.className);
         return (React.createElement("div", { style: { display: 'content' }, "data-theme": this.props.theme !== 'dark' ? null : 'dark-ui' },
-            React.createElement(dialog_1.Dialog, { id: this.props.id, visible: this.props.visible, header: this.props.headerTemplate, footer: this.props.footerTemplate, closeOnEscape: this.props.closeOnEscape, maximized: this.props.maximized, maximizable: this.props.maximizable, contentClassName: classes, onShow: this.props.onShow, onHide: this.props.onHide, zIndex: this.props.zIndex ? this.props.zIndex : 1000, position: this.props.position }, this.props.children)));
+            React.createElement(dialog_1.Dialog, { id: this.props.id, visible: this.props.visible, header: this.props.headerTemplate, footer: this.props.footerTemplate, closeOnEscape: this.props.closeOnEscape, maximized: this.props.maximized, maximizable: this.props.maximizable, contentClassName: classes, onShow: this.props.onShow, onHide: (_b = this.props.onHide) !== null && _b !== void 0 ? _b : lodash_1.noop, zIndex: this.props.zIndex ? this.props.zIndex : 1000, position: this.props.position, closable: this.props.onHide != null ? true : false }, this.props.children)));
     };
     return Modal;
 }(React.Component));

package/react/components/TreeSelect.js

@@ -80,11 +80,9 @@ var TreeSelect = /** @class */ (function (_super) {
         _this.componentDidMount = function () {
             _this.recursion(_this.state.options);
             document.addEventListener("mousedown", function (event) {
-                if (!(event.target instanceof HTMLInputElement)) {
-                    return;
-                }
-                if ((_this.dropdownRef.current && !_this.dropdownRef.current.contains(event.target))
-                    && (_this.openDropdownRef.current && !_this.openDropdownRef.current.contains(event.target))) {
+                var _a, _b;
+                if ((((_a = _this.dropdownRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)) !== true)
+                    && (((_b = _this.openDropdownRef.current) === null || _b === void 0 ? void 0 : _b.contains(event.target)) !== true)) {
                     _this.setState({ openDropdown: false });
                 }
             });
@@ -93,6 +91,7 @@ var TreeSelect = /** @class */ (function (_super) {
                     keyboardNavigation(e, _this.ref.current, _this.categoryButtonRef.current ? _this.buttonFocus : _this.inputFocus);
                     if (e.key === 'Backspace') {
                         _this.backButton();
+                        _this.backButtonValue();
                         var buttonTarget = _this.state.buttonTarget;
                         var className = buttonTarget.pop();
                         if (className != null) {