superdesk-ui-framework 4.0.46 → 4.0.48

package/react/components/avatar/avatar-action-add.js

@@ -58,7 +58,7 @@ var AvatarContentAdd = /** @class */ (function (_super) {
     AvatarContentAdd.prototype.render = function () {
         var _this = this;
         if (this.props.onClick == null) {
-            return (React.createElement("span", { className: "sd-avatar-content sd-avatar-content--add-item", title: this.props.tooltipText }));
+            return React.createElement("span", { className: "sd-avatar-content sd-avatar-content--add-item", title: this.props.tooltipText });
         }
         else {
             return (React.createElement("button", { className: "sd-avatar-content sd-avatar-content--add-item sd-avatar-content--add-item--clickable", title: this.props.tooltipText, onClick: function () { var _a, _b; return (_b = (_a = _this.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a); } }));

package/react/components/avatar/avatar-group.js

@@ -82,7 +82,9 @@ var AvatarGroup = /** @class */ (function (_super) {
     AvatarGroup.prototype.render = function () {
         var _this = this;
         var _a = this.props, size = _a.size, items = _a.items;
-        var someIconsHaveExtraElements = items.filter(isAvatar).some(function (_a) {
+        var someIconsHaveExtraElements = items
+            .filter(isAvatar)
+            .some(function (_a) {
             var icon = _a.icon, administratorIndicator = _a.administratorIndicator;
             return icon != null || administratorIndicator != null;
         });
@@ -113,23 +115,18 @@ var AvatarGroup = /** @class */ (function (_super) {
             }
         };
         var someHaveDisplayName = this.props.items.some(function (item) { return isAvatar(item) && item.displayName.length > 0; });
-        return (React.createElement(WithPopover_1.WithPopover, { placement: 'bottom-end', component: function () { return (React.createElement("div", { className: "avatar-popup" }, _this.props.items.map(function (item, index) {
-                return (someHaveDisplayName
-                    ? React.createElement(common_1.Spacer, { h: true, alignItems: 'center', gap: '16', noGrow: true, key: index },
-                        isAvatar(item)
-                            && item.displayName,
-                        isAvatar(item)
-                            ? (React.createElement(avatar_1.Avatar, { size: 'small', imageUrl: item.imageUrl, initials: item.initials, displayName: item.displayName, icon: item.icon, statusDot: item.statusDot }))
-                            : (React.createElement(avatar_placeholder_1.AvatarPlaceholder, { kind: 'plus-button', size: 'small', icon: item.icon, onClick: item.onClick })))
-                    : React.createElement("div", null,
-                        React.createElement(avatar_placeholder_1.AvatarPlaceholder, { kind: 'plus-button', size: 'small', icon: item.icon, onClick: isAvatar(item) ? undefined : item.onClick, key: index })));
-            }))); } }, function (onToggle) { return (React.createElement("div", { className: (0, classnames_1.default)('sd-avatar-group', 'sd-avatar-group--stacked', "sd-avatar-group--stacked--gap-".concat(gap)), role: 'group', onClick: _this.props.onClick },
+        return (React.createElement(WithPopover_1.WithPopover, { placement: "bottom-end", component: function () { return (React.createElement("div", { className: "avatar-popup" }, _this.props.items.map(function (item, index) {
+                return someHaveDisplayName ? (React.createElement(common_1.Spacer, { h: true, alignItems: "center", gap: "16", noGrow: true, key: index },
+                    isAvatar(item) && item.displayName,
+                    isAvatar(item) ? (React.createElement(avatar_1.Avatar, { size: "small", imageUrl: item.imageUrl, initials: item.initials, displayName: item.displayName, icon: item.icon, statusDot: item.statusDot })) : (React.createElement(avatar_placeholder_1.AvatarPlaceholder, { kind: "plus-button", size: "small", icon: item.icon, onClick: item.onClick })))) : (React.createElement("div", null,
+                    React.createElement(avatar_placeholder_1.AvatarPlaceholder, { kind: "plus-button", size: "small", icon: item.icon, onClick: isAvatar(item) ? undefined : item.onClick, key: index })));
+            }))); } }, function (onToggle) { return (React.createElement("div", { className: (0, classnames_1.default)('sd-avatar-group', 'sd-avatar-group--stacked', "sd-avatar-group--stacked--gap-".concat(gap)), role: "group", onClick: _this.props.onClick },
             items.slice(0, max).map(function (item, index) {
                 if (isAvatar(item)) {
-                    return (React.createElement(avatar_1.Avatar, __assign({}, item, { key: index, size: size })));
+                    return React.createElement(avatar_1.Avatar, __assign({}, item, { key: index, size: size }));
                 }
                 else {
-                    return (React.createElement(avatar_placeholder_1.AvatarPlaceholder, __assign({}, item, { key: index, size: _this.props.size })));
+                    return React.createElement(avatar_placeholder_1.AvatarPlaceholder, __assign({}, item, { key: index, size: _this.props.size }));
                 }
             }),
             itemsOverLimit > 0 && (React.createElement(PlusButtonWrapper, { onToggle: onToggle },

package/react/components/avatar/avatar-image.js

@@ -68,10 +68,12 @@ var AvatarContentImage = /** @class */ (function (_super) {
     }
     AvatarContentImage.prototype.render = function () {
         var _a = this.props, imageUrl = _a.imageUrl, tooltipText = _a.tooltipText, onClick = _a.onClick;
-        var maybeButtonProps = onClick == null ? {} : {
-            role: 'button',
-            onClick: function () { return onClick(); },
-        };
+        var maybeButtonProps = onClick == null
+            ? {}
+            : {
+                role: 'button',
+                onClick: function () { return onClick(); },
+            };
         if (imageUrl == null) {
             return (React.createElement("span", __assign({}, maybeButtonProps, { className: "sd-avatar-content sd-avatar-content--dummy-img", title: tooltipText }),
                 React.createElement("svg", { width: "200", height: "200", viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { display: 'block', width: '100%', height: '100%' } },

package/react/components/avatar/avatar-placeholder.js

@@ -62,7 +62,7 @@ var AvatarPlaceholder = /** @class */ (function (_super) {
         var _a = this.props, size = _a.size, tooltip = _a.tooltip, icon = _a.icon, kind = _a.kind, onClick = _a.onClick;
         return (React.createElement(avatar_wrapper_1.AvatarWrapper, { size: size, icon: icon }, (function () {
             if (kind === 'plus-button') {
-                return (React.createElement(avatar_action_add_1.AvatarContentAdd, { tooltipText: tooltip !== null && tooltip !== void 0 ? tooltip : undefined, onClick: onClick }));
+                return React.createElement(avatar_action_add_1.AvatarContentAdd, { tooltipText: tooltip !== null && tooltip !== void 0 ? tooltip : undefined, onClick: onClick });
             }
             else if (kind === 'user-icon') {
                 return (React.createElement(avatar_image_1.AvatarContentImage, { imageUrl: null, tooltipText: tooltip !== null && tooltip !== void 0 ? tooltip : undefined, onClick: onClick }));

package/react/components/avatar/avatar-wrapper.js

@@ -77,11 +77,9 @@ var AvatarWrapper = /** @class */ (function (_super) {
                 'sd-avatar--indicator-status--online': ((_a = this.props.statusIndicator) === null || _a === void 0 ? void 0 : _a.status) === 'online',
                 'sd-avatar--indicator-status--offline': ((_b = this.props.statusIndicator) === null || _b === void 0 ? void 0 : _b.status) === 'offline',
                 'sd-avatar--empty-light': this.props.noAvatarPlaceholderColor === 'subtle',
-            }), "data-test-id": this.props['data-test-id'], title: this.props.statusIndicator != null ? this.props.statusIndicator.tooltipText : "" },
+            }), "data-test-id": this.props['data-test-id'], title: this.props.statusIndicator != null ? this.props.statusIndicator.tooltipText : '' },
             this.props.children,
-            ((_c = this.props.administratorIndicator) === null || _c === void 0 ? void 0 : _c.enabled) === true
-                ? (React.createElement("i", { className: "icon-settings sd-avatar--indicator-admin", title: this.props.administratorIndicator.tooltipText }))
-                : null,
+            ((_c = this.props.administratorIndicator) === null || _c === void 0 ? void 0 : _c.enabled) === true ? (React.createElement("i", { className: "icon-settings sd-avatar--indicator-admin", title: this.props.administratorIndicator.tooltipText })) : null,
             icon != null && (React.createElement("span", { className: "sd-avatar__icon" },
                 React.createElement(Icon_1.Icon, { name: icon.name, color: icon.color }))),
             statusDot != null && (React.createElement("span", { style: { backgroundColor: statusDot.color }, className: "sd-avatar__coverage-state" }))));

package/react/components/avatar/avatar.js

@@ -61,16 +61,17 @@ var Avatar = /** @class */ (function (_super) {
     Avatar.prototype.render = function () {
         var _a = this.props, imageUrl = _a.imageUrl, initials = _a.initials, size = _a.size, statusIndicator = _a.statusIndicator, administratorIndicator = _a.administratorIndicator, icon = _a.icon, noAvatarPlaceholderColor = _a.noAvatarPlaceholderColor, displayName = _a.displayName, customContent = _a.customContent, statusDot = _a.statusDot;
         var tooltipCombined = [displayName, this.props.tooltip]
-            .filter(function (str) { return (str !== null && str !== void 0 ? str : '').trim().length > 0; }).join('\n');
+            .filter(function (str) { return (str !== null && str !== void 0 ? str : '').trim().length > 0; })
+            .join('\n');
         return (React.createElement(avatar_wrapper_1.AvatarWrapper, { size: size, statusIndicator: statusIndicator ? { status: statusIndicator, tooltipText: '' } : undefined, administratorIndicator: administratorIndicator ? { enabled: true, tooltipText: '' } : undefined, icon: icon, statusDot: statusDot, noAvatarPlaceholderColor: noAvatarPlaceholderColor }, (function () {
             if (customContent != null) {
                 return customContent;
             }
             else if (imageUrl != null || initials == null) {
-                return (React.createElement(avatar_image_1.AvatarContentImage, { imageUrl: imageUrl, tooltipText: tooltipCombined }));
+                return React.createElement(avatar_image_1.AvatarContentImage, { imageUrl: imageUrl, tooltipText: tooltipCombined });
             }
             else {
-                return (React.createElement(avatar_text_1.AvatarContentText, { text: initials, tooltipText: tooltipCombined }));
+                return React.createElement(avatar_text_1.AvatarContentText, { text: initials, tooltipText: tooltipCombined });
             }
         })()));
     };

package/react/helpers.js

@@ -14,8 +14,8 @@ function getTextColor(backgroundColor) {
         var r = parseInt(backgroundColor.substr(1, 2), 16);
         var g = parseInt(backgroundColor.substr(3, 2), 16);
         var b = parseInt(backgroundColor.substr(5, 2), 16);
-        var yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;
-        return (yiq >= 128) ? 'black' : 'white';
+        var yiq = (r * 299 + g * 587 + b * 114) / 1000;
+        return yiq >= 128 ? 'black' : 'white';
     }
     else {
         return;

package/react/index.d.ts

@@ -62,7 +62,7 @@ export { DonutChart } from './components/DonutChart';
 export { Carousel } from './components/Carousel';
 export { Modal } from './components/Modal';
 export { GridList } from './components/GridList';
-export { GridItem, GridItemContent, GridItemMedia, GridItemFooter, GridItemContentBlock, GridItemTime, GridItemTitle, GridItemText, GridItemSlug, GridItemFooterBlock, GridItemFooterActions, GridItemTopActions, GridItemCheckWrapper } from './components/GridItem';
+export { GridItem, GridItemContent, GridItemMedia, GridItemFooter, GridItemContentBlock, GridItemTime, GridItemTitle, GridItemText, GridItemSlug, GridItemFooterBlock, GridItemFooterActions, GridItemTopActions, GridItemCheckWrapper, } from './components/GridItem';
 export { toasted } from './components/Toast';
 export { Menu } from './components/Menu';
 export { ToggleBox } from './components/ToggleBox/index';

package/tasks/webpack.dev.js

@@ -11,6 +11,6 @@ module.exports = merge(webpackConfig, {
     devServer: {
         open: true,
         port: 9100,
-        host: '127.0.0.1'
+        host: '127.0.0.1',
     },
 });

package/tasks/webpack.js

@@ -7,13 +7,13 @@ module.exports = {
         plugins: webpackConfig.plugins.concat(
             new webpack.DefinePlugin({'process.env': {NODE_ENV: JSON.stringify('production')}}),
             new webpack.optimize.UglifyJsPlugin({
-                mangle: false
-            })
-        )
+                mangle: false,
+            }),
+        ),
     },
     'build-dev': {
         plugins: webpackConfig.plugins.concat(
-            new webpack.DefinePlugin({'process.env': {NODE_ENV: JSON.stringify('development')}})
-        )
+            new webpack.DefinePlugin({'process.env': {NODE_ENV: JSON.stringify('development')}}),
+        ),
     },
 };

package/tasks/webpack.prod.js

@@ -2,9 +2,5 @@ const merge = require('webpack-merge');
 const webpackConfig = require('../webpack.config.js');
 
 module.exports = merge(webpackConfig, {
-    externals: [
-        'react',
-        'react-dom',
-        'angular',
-    ],
+    externals: ['react', 'react-dom', 'angular'],
 });

package/tsconfig.json

@@ -6,10 +6,7 @@
         "declaration": true,
 
         "target": "es5",
-        "lib": [
-            "dom",
-            "es2017"
-        ],
+        "lib": ["dom", "es2017"],
         "skipLibCheck": true,
         "jsx": "react",
 
@@ -29,5 +26,5 @@
         "noUnusedParameters": true,
         "allowSyntheticDefaultImports": true,
         "esModuleInterop": true
-    },
+    }
 }

package/tslint.json

@@ -1,8 +1,6 @@
 {
     "defaultSeverity": "error",
-    "extends": [
-        "tslint:recommended"
-    ],
+    "extends": ["tslint:recommended"],
     "jsRules": {},
     "rules": {
         "quotemark": false,
@@ -24,10 +22,7 @@
         "interface-over-type-literal": false,
         "object-literal-sort-keys": false,
         "no-var-keyword": false,
-        "array-type": [
-            true,
-            "generic"
-        ],
+        "array-type": [true, "generic"],
         "prefer-const": false,
         "one-variable-per-declaration": false,
         "object-literal-shorthand": false,
@@ -44,13 +39,12 @@
         "no-eval": false,
         "no-conditional-assignment": false,
         "no-reference": false,
+        "semicolon": false,
+        "space-before-function-paren": false,
         "only-arrow-functions": false
     },
     "rulesDirectory": [],
     "linterOptions": {
-        "exclude": [
-            "node_modules/**",
-            "app-typescript/dist/**"
-        ]
+        "exclude": ["node_modules/**", "app-typescript/dist/**"]
     }
-}
+}

package/webpack.config.js

@@ -10,7 +10,7 @@ const config = {
     entry: {
         vendor: './app/vendor.js',
         examples: './examples/index.js',
-        'superdesk-ui': './app/index.js'
+        'superdesk-ui': './app/index.js',
     },
 
     output: {
@@ -81,10 +81,7 @@ const config = {
             chunks: ['vendor', 'examples', 'superdesk-ui'],
             chunksSortMode: 'manual',
         }),
-        new CopyWebpackPlugin([
-            {from: 'examples/img/', flatten: true},
-            {from: 'examples/pages/'}
-        ]),
+        new CopyWebpackPlugin([{from: 'examples/img/', flatten: true}, {from: 'examples/pages/'}]),
         new ExtractTextPlugin({
             filename: '[name].bundle.css',
         }),