superdesk-ui-framework 4.0.20 → 4.0.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "superdesk-ui-framework",
-  "version": "4.0.20",
+  "version": "4.0.22",
   "license": "AGPL-3.0",
   "repository": {
     "type": "git",

package/react/components/IconPicker.js

@@ -49,8 +49,6 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconPicker = void 0;
 var React = __importStar(require("react"));
-// @ts-ignore
-var iconFont = __importStar(require("../../app/styles/_icon-font.scss"));
 var Button_1 = require("./Button");
 var Icon_1 = require("./Icon");
 var SelectGrid_1 = require("./SelectGrid");
@@ -281,11 +279,8 @@ var getIcons = function (translateFunction) {
         'zoom-in': 'Zoom In',
         'zoom-out': 'Zoom Out',
     };
-    return iconFont.icon
-        .split(', ')
-        .sort()
-        .map(function (icon) { return ({
+    return Object.keys(translatedIconNameMap).sort().map(function (icon) { return ({
         value: icon,
-        label: translatedIconNameMap[icon] ? translateFunction(translatedIconNameMap[icon]) : icon,
+        label: translateFunction(translatedIconNameMap[icon]),
     }); });
 };

package/react/components/ToggleBox/CustomHeaderToggleBox.d.ts

@@ -13,7 +13,7 @@ export declare class CustomHeaderToggleBox extends React.PureComponent<IPropsCus
      * Called via ref
      */
     isOpen: () => boolean;
-    toggle: () => void;
+    toggle: () => Promise<boolean>;
     componentDidUpdate(_prevProps: IPropsCustomHeader, prevState: IState): void;
     handleAnimationEnd: () => void;
     render(): JSX.Element;

package/react/components/ToggleBox/CustomHeaderToggleBox.js

@@ -60,9 +60,21 @@ var CustomHeaderToggleBox = /** @class */ (function (_super) {
             return _this.state.isOpen;
         };
         _this.toggle = function () {
-            _this.setState({ isOpen: !_this.state.isOpen }, function () {
-                var _a, _b;
-                (_b = (_a = _this.props).onToggle) === null || _b === void 0 ? void 0 : _b.call(_a, _this.state.isOpen);
+            return new Promise(function (resolve, reject) {
+                _this.setState({ isOpen: !_this.state.isOpen, isAnimating: true }, function () {
+                    if (_this.contentRef.current) {
+                        var handleAnimation = function () {
+                            var _a, _b;
+                            (_b = (_a = _this.props).onToggle) === null || _b === void 0 ? void 0 : _b.call(_a, _this.state.isOpen);
+                            _this.handleAnimationEnd();
+                            resolve(_this.state.isOpen);
+                        };
+                        _this.contentRef.current.addEventListener("animationend", handleAnimation, { once: true });
+                    }
+                    else {
+                        reject();
+                    }
+                });
             });
         };
         _this.handleAnimationEnd = function () {
@@ -101,7 +113,7 @@ var CustomHeaderToggleBox = /** @class */ (function (_super) {
                 React.createElement("button", { className: 'new-collapse-box__divider', onClick: this.toggle, "aria-controls": this.htmlId },
                     React.createElement("span", { className: 'label label--translucent new-collapse-box__divider-label' }, this.props.getToggleButtonLabel(isOpen)))),
             React.createElement("div", { className: 'new-collapse-box__content' },
-                React.createElement("div", { id: this.htmlId, "aria-hidden": !isOpen, className: (0, classnames_1.default)('new-collapse-box__content-inner p-2 pt-0-5', {
+                React.createElement("div", { ref: this.contentRef, id: this.htmlId, "aria-hidden": !isOpen, className: (0, classnames_1.default)('new-collapse-box__content-inner p-2 pt-0-5', {
                         'toggle-box__content--animation': this.state.isAnimating,
                     }) }, this.state.isOpen || this.state.wasOpened || this.props.alwaysRenderChildren === true
                     ? this.props.children

package/tasks/webpack.prod.js

@@ -5,5 +5,6 @@ module.exports = merge(webpackConfig, {
     externals: [
         'react',
         'react-dom',
+        'angular',
     ],
 });