superdesk-ui-framework 4.0.46 → 4.0.48

package/react/components/Layouts/Layout.d.ts

@@ -4,5 +4,5 @@ interface IProps {
     children?: React.ReactNode;
     theme?: string;
 }
-export declare const Layout: ({ header, children, theme, }: IProps) => JSX.Element;
+export declare const Layout: ({ header, children, theme }: IProps) => JSX.Element;
 export {};

package/react/components/Layouts/Layout.js

@@ -37,14 +37,14 @@ exports.Layout = void 0;
 var React = __importStar(require("react"));
 var Layout = function (_a) {
     var header = _a.header, children = _a.children, theme = _a.theme;
-    return (React.createElement("div", { className: 'sd-page-grid--test docs-page__full-width-helper', "data-theme": theme },
-        React.createElement("div", { className: 'sd-main-menu' },
-            React.createElement("div", { className: 'sd-main-menu__inner' })),
-        React.createElement("header", { className: 'sd-top-menu' },
-            React.createElement("a", { className: 'sd-top-menu__collapse-nav' },
-                React.createElement("i", { className: 'icon-collapse icon--white' })),
-            React.createElement("p", { className: 'sd-top-menu__header' }, header)),
-        React.createElement("section", { id: '1', className: 'sd-content sd-content-wrapper' }, children),
-        React.createElement("footer", { className: 'sd-bottom-bar' }, "Footer")));
+    return (React.createElement("div", { className: "sd-page-grid--test docs-page__full-width-helper", "data-theme": theme },
+        React.createElement("div", { className: "sd-main-menu" },
+            React.createElement("div", { className: "sd-main-menu__inner" })),
+        React.createElement("header", { className: "sd-top-menu" },
+            React.createElement("a", { className: "sd-top-menu__collapse-nav" },
+                React.createElement("i", { className: "icon-collapse icon--white" })),
+            React.createElement("p", { className: "sd-top-menu__header" }, header)),
+        React.createElement("section", { id: "1", className: "sd-content sd-content-wrapper" }, children),
+        React.createElement("footer", { className: "sd-bottom-bar" }, "Footer")));
 };
 exports.Layout = Layout;

package/react/components/Layouts/LayoutContainer.js

@@ -63,7 +63,7 @@ var LayoutContainer = /** @class */ (function (_super) {
         var classes = (0, classnames_1.default)('sd-content-wrapper__main-content-area sd-main-content-grid comfort', {
             'sd-main-content-grid--full-height': this.props.fullHeight,
         });
-        return (React.createElement("div", { className: classes }, this.props.children));
+        return React.createElement("div", { className: classes }, this.props.children);
     };
     return LayoutContainer;
 }(React.PureComponent));

package/react/components/Layouts/LeftPanel.js

@@ -63,7 +63,7 @@ var LeftPanel = /** @class */ (function (_super) {
         var classes = (0, classnames_1.default)('sd-main-content-grid__filter', {
             'open-filters': this.props.open === true,
         });
-        return (React.createElement("div", { className: classes }, this.props.children));
+        return React.createElement("div", { className: classes }, this.props.children);
     };
     return LeftPanel;
 }(React.PureComponent));

package/react/components/Layouts/MainMenu.js

@@ -56,7 +56,7 @@ var MainMenuContainer = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     MainMenuContainer.prototype.render = function () {
-        return (React.createElement("div", { id: this.props.id, "aria-labelledby": 'main-menu_title', className: 'sd-main-menu__navigation', "data-theme": this.props.theme ? "".concat(this.props.theme, "-ui") : null }, this.props.children));
+        return (React.createElement("div", { id: this.props.id, "aria-labelledby": "main-menu_title", className: "sd-main-menu__navigation", "data-theme": this.props.theme ? "".concat(this.props.theme, "-ui") : null }, this.props.children));
     };
     return MainMenuContainer;
 }(React.PureComponent));
@@ -67,8 +67,8 @@ var MainMenuHeader = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     MainMenuHeader.prototype.render = function () {
-        return (React.createElement("div", { className: 'sd-main-menu__header' },
-            React.createElement("h3", { id: 'main-menu_title', className: 'sd-main-menu__title' }, this.props.headerTitle)));
+        return (React.createElement("div", { className: "sd-main-menu__header" },
+            React.createElement("h3", { id: "main-menu_title", className: "sd-main-menu__title" }, this.props.headerTitle)));
     };
     return MainMenuHeader;
 }(React.PureComponent));
@@ -79,7 +79,7 @@ var MainMenuContent = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     MainMenuContent.prototype.render = function () {
-        return (React.createElement("div", { className: 'sd-main-menu__content' }, this.props.children));
+        return React.createElement("div", { className: "sd-main-menu__content" }, this.props.children);
     };
     return MainMenuContent;
 }(React.PureComponent));
@@ -90,12 +90,10 @@ var MainMenuFooter = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     MainMenuFooter.prototype.render = function () {
-        return (React.createElement("div", { className: 'sd-main-menu__footer' },
-            this.props.poweredBy &&
-                React.createElement("div", { className: 'sd-main-menu__footer-info' }, this.props.poweredBy),
-            React.createElement("div", { className: 'sd-main-menu__footer-logo' }),
-            this.props.footerContent &&
-                React.createElement("div", { className: 'sd-main-menu__footer-content' }, this.props.children)));
+        return (React.createElement("div", { className: "sd-main-menu__footer" },
+            this.props.poweredBy && React.createElement("div", { className: "sd-main-menu__footer-info" }, this.props.poweredBy),
+            React.createElement("div", { className: "sd-main-menu__footer-logo" }),
+            this.props.footerContent && React.createElement("div", { className: "sd-main-menu__footer-content" }, this.props.children)));
     };
     return MainMenuFooter;
 }(React.PureComponent));

package/react/components/Layouts/MainPanel.js

@@ -66,7 +66,7 @@ var MainPanel = /** @class */ (function (_super) {
             'sd-padding--4': this.props.padding === 'large',
             'sd-padding--0': this.props.padding === 'none',
         }, this.props.className);
-        return (React.createElement("div", { className: classes }, this.props.children));
+        return React.createElement("div", { className: classes }, this.props.children);
     };
     return MainPanel;
 }(React.PureComponent));

package/react/components/Layouts/NotificationPanel.d.ts

@@ -42,4 +42,4 @@ interface IProps {
 export default class NotificationPanel extends React.PureComponent<IProps> {
     render(): JSX.Element;
 }
-export { NotificationPanel, NotificationPanelContainer, NotificationPanelHeader, NotificationPanelContent, NotificationPanelFooter };
+export { NotificationPanel, NotificationPanelContainer, NotificationPanelHeader, NotificationPanelContent, NotificationPanelFooter, };

package/react/components/Layouts/NotificationPanel.js

@@ -65,7 +65,7 @@ var NotificationPanelContainer = /** @class */ (function (_super) {
         var classes = (0, classnames_1.default)('sd-notification-panel', (_a = {},
             _a["sd-notification-panel--open"] = this.props.open,
             _a));
-        return (React.createElement("div", { id: this.props.id, "aria-labelledby": 'notifications_title', className: classes, "data-theme": this.props.theme ? "".concat(this.props.theme, "-ui") : null }, this.props.children));
+        return (React.createElement("div", { id: this.props.id, "aria-labelledby": "notifications_title", className: classes, "data-theme": this.props.theme ? "".concat(this.props.theme, "-ui") : null }, this.props.children));
     };
     return NotificationPanelContainer;
 }(React.PureComponent));
@@ -77,9 +77,9 @@ var NotificationPanelHeader = /** @class */ (function (_super) {
     }
     NotificationPanelHeader.prototype.render = function () {
         var _this = this;
-        return (React.createElement("div", { className: 'sd-notification-panel__header' },
-            React.createElement("h3", { id: 'notifications_title', className: 'sd-notification-panel__title' }, this.props.headerTitle),
-            React.createElement(IconButton_1.IconButton, { toolTipFlow: 'left', ariaValue: 'Close', icon: 'close-small', onClick: function () { return _this.props.onClick(); } })));
+        return (React.createElement("div", { className: "sd-notification-panel__header" },
+            React.createElement("h3", { id: "notifications_title", className: "sd-notification-panel__title" }, this.props.headerTitle),
+            React.createElement(IconButton_1.IconButton, { toolTipFlow: "left", ariaValue: "Close", icon: "close-small", onClick: function () { return _this.props.onClick(); } })));
     };
     return NotificationPanelHeader;
 }(React.PureComponent));
@@ -90,7 +90,7 @@ var NotificationPanelContent = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     NotificationPanelContent.prototype.render = function () {
-        return (React.createElement("div", { className: 'sd-notification-panel__content' }, this.props.children));
+        return React.createElement("div", { className: "sd-notification-panel__content" }, this.props.children);
     };
     return NotificationPanelContent;
 }(React.PureComponent));
@@ -101,7 +101,7 @@ var NotificationPanelFooter = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     NotificationPanelFooter.prototype.render = function () {
-        return (React.createElement("div", { className: 'sd-notification-panel__footer' }, this.props.children));
+        return React.createElement("div", { className: "sd-notification-panel__footer" }, this.props.children);
     };
     return NotificationPanelFooter;
 }(React.PureComponent));
@@ -116,7 +116,7 @@ var NotificationPanel = /** @class */ (function (_super) {
         return (React.createElement(NotificationPanelContainer, { open: this.props.open, theme: this.props.theme },
             React.createElement(NotificationPanelHeader, { headerTitle: this.props.headerTitle, onClick: function () { return _this.props.onClick(); } }, this.props.header),
             React.createElement(NotificationPanelContent, null, this.props.children),
-            this.props.footer && (React.createElement(NotificationPanelFooter, null, this.props.footer))));
+            this.props.footer && React.createElement(NotificationPanelFooter, null, this.props.footer)));
     };
     return NotificationPanel;
 }(React.PureComponent));

package/react/components/Layouts/OverlayPanel.js

@@ -56,9 +56,9 @@ var OverlayPanel = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     OverlayPanel.prototype.render = function () {
-        return (React.createElement("div", { className: 'sd-main-content-grid__overlay' },
-            React.createElement("div", { className: 'sd-overlay-panel sd-overlay-panel--dark-ui' },
-                React.createElement("div", { className: 'side-panel side-panel--shadow-right side-panel--dark-ui' }, this.props.children))));
+        return (React.createElement("div", { className: "sd-main-content-grid__overlay" },
+            React.createElement("div", { className: "sd-overlay-panel sd-overlay-panel--dark-ui" },
+                React.createElement("div", { className: "side-panel side-panel--shadow-right side-panel--dark-ui" }, this.props.children))));
     };
     return OverlayPanel;
 }(React.PureComponent));

package/react/components/Layouts/PageLayout.js

@@ -70,8 +70,8 @@ var PageLayout = /** @class */ (function (_super) {
     }
     PageLayout.prototype.render = function () {
         return (React.createElement(Layouts_1.LayoutContainer, { fullHeight: this.props.fullHeight },
-            this.props.header && (React.createElement(Layouts_1.HeaderPanel, null, this.props.header)),
-            this.props.leftPanel && (React.createElement(Layouts_1.LeftPanel, { open: this.props.leftPanelOpen }, this.props.leftPanel)),
+            this.props.header && React.createElement(Layouts_1.HeaderPanel, null, this.props.header),
+            this.props.leftPanel && React.createElement(Layouts_1.LeftPanel, { open: this.props.leftPanelOpen }, this.props.leftPanel),
             this.props.main && (React.createElement(Layouts_1.MainPanel, __assign({ className: this.props.mainClassName }, this.props.mainProps), this.props.main)),
             this.props.rightPanel && (React.createElement(Layouts_1.RightPanel, { open: this.props.rightPanelOpen }, this.props.rightPanel))));
     };

package/react/components/Layouts/Panel.d.ts

@@ -67,4 +67,4 @@ interface IPropsPanelTools {
 declare class PanelTools extends React.PureComponent<IPropsPanelTools> {
     render(): JSX.Element;
 }
-export { Panel, PanelHeader, PanelContent, PanelContentBlock, PanelFooter, PanelHeaderSlidingToolbar, PanelTools, };
+export { Panel, PanelHeader, PanelContent, PanelContentBlock, PanelFooter, PanelHeaderSlidingToolbar, PanelTools };

package/react/components/Layouts/Panel.js

@@ -107,16 +107,12 @@ var PanelHeader = /** @class */ (function (_super) {
         };
         var defaultTheme = darkColors.includes(this.props.color || '') ? 'dark-ui' : null;
         return (React.createElement("div", { "data-theme": this.props.theme || defaultTheme, className: classes, style: style },
-            React.createElement("div", { className: 'side-panel__header-wrapper' },
-                this.props.title != null
-                    && React.createElement("div", { className: "side-panel__header-inner" },
-                        React.createElement("h3", { className: "side-panel__heading" }, this.props.title)),
-                (this.props.onClose == null && this.props.iconButtons == null)
-                    || (React.createElement(ButtonGroup_1.ButtonGroup, { align: 'end', spaces: 'no-space', className: 'side-panel__btn-group' },
-                        this.props.iconButtons != null
-                            && this.props.iconButtons,
-                        this.props.onClose != null
-                            && (React.createElement(IconButton_1.IconButton, { icon: 'close-small', ariaValue: 'Close', onClick: this.props.onClose }))))),
+            React.createElement("div", { className: "side-panel__header-wrapper" },
+                this.props.title != null && (React.createElement("div", { className: "side-panel__header-inner" },
+                    React.createElement("h3", { className: "side-panel__heading" }, this.props.title))),
+                (this.props.onClose == null && this.props.iconButtons == null) || (React.createElement(ButtonGroup_1.ButtonGroup, { align: "end", spaces: "no-space", className: "side-panel__btn-group" },
+                    this.props.iconButtons != null && this.props.iconButtons,
+                    this.props.onClose != null && (React.createElement(IconButton_1.IconButton, { icon: "close-small", ariaValue: "Close", onClick: this.props.onClose }))))),
             this.props.children));
     };
     return PanelHeader;
@@ -129,11 +125,9 @@ var PanelContent = /** @class */ (function (_super) {
     }
     PanelContent.prototype.render = function () {
         return (React.createElement("div", { className: "side-panel__content" },
-            this.props.loading
-                && React.createElement(Spinner_1.LoadingOverlay, null,
-                    React.createElement(Spinner_1.Spinner, { size: "large" })),
-            this.props.empty
-                && React.createElement(Spinner_1.LoadingOverlay, null, this.props.emptyTemplate),
+            this.props.loading && (React.createElement(Spinner_1.LoadingOverlay, null,
+                React.createElement(Spinner_1.Spinner, { size: "large" }))),
+            this.props.empty && React.createElement(Spinner_1.LoadingOverlay, null, this.props.emptyTemplate),
             this.props.children));
     };
     return PanelContent;
@@ -151,7 +145,7 @@ var PanelContentBlock = /** @class */ (function (_super) {
             },
             _a["side-panel__content-block--padding-".concat(this.props.padding)] = this.props.padding,
             _a));
-        return (React.createElement("div", { className: classes }, this.props.children));
+        return React.createElement("div", { className: classes }, this.props.children);
     };
     return PanelContentBlock;
 }(React.PureComponent));
@@ -163,7 +157,7 @@ var PanelFooter = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     PanelFooter.prototype.render = function () {
-        return (React.createElement("div", { className: "side-panel__footer side-panel__footer--button-box" }, this.props.children));
+        return React.createElement("div", { className: "side-panel__footer side-panel__footer--button-box" }, this.props.children);
     };
     return PanelFooter;
 }(React.PureComponent));
@@ -177,7 +171,7 @@ var PanelHeaderSlidingToolbar = /** @class */ (function (_super) {
         var classes = (0, classnames_1.default)('subnav__sliding-toolbar', {
             'subnav__sliding-toolbar--right': this.props.right,
         });
-        return (React.createElement("div", { className: classes }, this.props.children));
+        return React.createElement("div", { className: classes }, this.props.children);
     };
     return PanelHeaderSlidingToolbar;
 }(React.PureComponent));

package/react/components/LeftMenu.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 interface IMenuItem {
     id: string;
     label: string;
@@ -19,8 +19,8 @@ interface IMenu {
     scrollSpy?: string;
     offset?: number;
     reverseItemBorder?: boolean;
-    style?: "default" | "inverse" | "blanc";
-    size?: "medium" | "large";
+    style?: 'default' | 'inverse' | 'blanc';
+    size?: 'medium' | 'large';
     onSelect(id: string, route: string): void;
 }
 interface IState {

package/react/components/LeftMenu.js

@@ -80,41 +80,39 @@ var LeftMenu = /** @class */ (function (_super) {
             active: item.id,
         });
         if (item.ref) {
-            return (_a = document
-                .getElementById(item.ref)) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ block: "nearest", behavior: "smooth" });
+            return (_a = document.getElementById(item.ref)) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
         }
         if (item.onClick) {
             return item.onClick();
         }
-        this.props.onSelect(item.id, item.route ? item.route : "");
+        this.props.onSelect(item.id, item.route ? item.route : '');
     };
     LeftMenu.prototype.componentDidMount = function () {
         var _a;
         if (this.props.scrollTo) {
-            return (_a = document
-                .getElementById(this.props.scrollTo)) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ block: "nearest", behavior: "smooth" });
+            return (_a = document.getElementById(this.props.scrollTo)) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
         }
     };
     LeftMenu.prototype.render = function () {
         var _a;
         var _this = this;
-        var classes = (0, classnames_1.default)("sd-left-nav", (_a = {
-                "sd-left-nav--default": this.props.style === undefined
+        var classes = (0, classnames_1.default)('sd-left-nav', (_a = {
+                'sd-left-nav--default': this.props.style === undefined
             },
             _a["sd-left-nav--".concat(this.props.style)] = this.props.style || this.props.style !== undefined,
-            _a["sd-left-nav--medium"] = this.props.size === undefined,
+            _a['sd-left-nav--medium'] = this.props.size === undefined,
             _a["sd-left-nav--".concat(this.props.size)] = this.props.size || this.props.size !== undefined,
-            _a["sd-left-nav--reverse-border"] = this.props.reverseItemBorder,
+            _a['sd-left-nav--reverse-border'] = this.props.reverseItemBorder,
             _a), this.props.className);
         var scrollspyList = function () {
             var scrollSpyList = [];
             var scrollSpyItems = [];
             _this.props.groups.map(function (element, index) {
                 scrollSpyList = __spreadArray(__spreadArray([], scrollSpyList, true), [element.label], false);
-                scrollSpyItems.push(React.createElement("span", { className: "sd-left-nav__group-header", key: "group-" + index }, element.label));
+                scrollSpyItems.push(React.createElement("span", { className: "sd-left-nav__group-header", key: 'group-' + index }, element.label));
                 element.items.map(function (elementOfItem, indexOfItem) {
                     scrollSpyList = __spreadArray(__spreadArray([], scrollSpyList, true), ["".concat(elementOfItem.ref)], false);
-                    scrollSpyItems.push(React.createElement("a", { key: "item-" + indexOfItem, onClick: function (event) {
+                    scrollSpyItems.push(React.createElement("a", { key: 'item-' + indexOfItem, onClick: function (event) {
                             _this.handleClick(elementOfItem, event);
                         }, className: "sd-left-nav__btn" }, elementOfItem.label));
                 });
@@ -129,8 +127,8 @@ var LeftMenu = /** @class */ (function (_super) {
                         return (React.createElement("button", { key: j, onClick: function (event) {
                                 _this.handleClick(item, event);
                             }, className: item.id === _this.state.active
-                                ? "sd-left-nav__btn sd-left-nav__btn--active"
-                                : "sd-left-nav__btn" }, item.label));
+                                ? 'sd-left-nav__btn sd-left-nav__btn--active'
+                                : 'sd-left-nav__btn' }, item.label));
                     })));
             });
         };

package/react/components/Lists/BoxedList.js

@@ -60,7 +60,7 @@ var BoxedListMedia = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     BoxedListMedia.prototype.render = function () {
-        return (React.createElement("div", { className: 'boxed-list__item-media' }, this.props.children));
+        return React.createElement("div", { className: "boxed-list__item-media" }, this.props.children);
     };
     return BoxedListMedia;
 }(React.PureComponent));
@@ -70,7 +70,7 @@ var BoxedListContent = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     BoxedListContent.prototype.render = function () {
-        return (React.createElement("div", { className: 'boxed-list__item-content' }, this.props.children));
+        return React.createElement("div", { className: "boxed-list__item-content" }, this.props.children);
     };
     return BoxedListContent;
 }(React.PureComponent));
@@ -80,7 +80,7 @@ var BoxedListContentRow = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     BoxedListContentRow.prototype.render = function () {
-        return (React.createElement("div", { className: 'boxed-list__item-content-row' }, this.props.children));
+        return React.createElement("div", { className: "boxed-list__item-content-row" }, this.props.children);
     };
     return BoxedListContentRow;
 }(React.PureComponent));
@@ -91,7 +91,7 @@ var BoxedListFooter = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     BoxedListFooter.prototype.render = function () {
-        return (React.createElement("div", { className: 'boxed-list__item-footer' }, this.props.children));
+        return React.createElement("div", { className: "boxed-list__item-footer" }, this.props.children);
     };
     return BoxedListFooter;
 }(React.PureComponent));
@@ -146,9 +146,9 @@ var BoxedListItem = /** @class */ (function (_super) {
             _a["boxed-list__item--align-".concat(this.props.alignVertical)] = this.props.alignVertical,
             _a));
         return (React.createElement("li", { className: classes, onClick: this.handleClick },
-            this.props.media && (React.createElement(BoxedListMedia, null, this.props.media)),
+            this.props.media && React.createElement(BoxedListMedia, null, this.props.media),
             React.createElement(BoxedListContent, null, this.props.children),
-            this.props.footer && (React.createElement(BoxedListFooter, null, this.props.footer)),
+            this.props.footer && React.createElement(BoxedListFooter, null, this.props.footer),
             this.props.actions && (React.createElement(BoxedListActions, { slideIn: this.props.slideInActions, ref: function (ref) {
                     _this.actionsRef = ref;
                 } }, this.props.actions))));

package/react/components/Lists/CalendarWeekDayItem.js

@@ -70,7 +70,7 @@ var CalendarWeekDayItem = /** @class */ (function (_super) {
             },
             _a["calendar-week-day__item--".concat(this.props.state)] = this.props.state || this.props.state !== undefined,
             _a));
-        return (React.createElement("div", { className: classes }, this.props.children));
+        return React.createElement("div", { className: classes }, this.props.children);
     };
     return CalendarWeekDayItem;
 }(React.PureComponent));
@@ -92,7 +92,7 @@ var WeeklyCalendarGridItem = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     WeeklyCalendarGridItem.prototype.render = function () {
-        return (React.createElement("div", { className: "calendar-week-day__container" }, this.props.children));
+        return React.createElement("div", { className: "calendar-week-day__container" }, this.props.children);
     };
     return WeeklyCalendarGridItem;
 }(React.PureComponent));

package/react/components/Lists/ContentList.js

@@ -71,33 +71,31 @@ var ContentListItem = /** @class */ (function (_super) {
         var classes = (0, classnames_1.default)('sd-list-item sd-shadow--z1', {
             'sd-list-item--activated': this.props.activated,
             'sd-list-item--selected': this.props.selected,
-            'fetched': this.props.archived,
-            'actioning': this.props.loading,
+            fetched: this.props.archived,
+            actioning: this.props.loading,
         });
-        return (React.createElement("div", { role: 'listitem', className: classes, onClick: function (e) { return _this.multiClickHandler(e, {
-                onSingleClick: function () {
-                    var selection = window.getSelection();
-                    if (_this.props.onClick && selection) {
-                        if (selection.toString().length < 1) {
-                            _this.props.onClick();
+        return (React.createElement("div", { role: "listitem", className: classes, onClick: function (e) {
+                return _this.multiClickHandler(e, {
+                    onSingleClick: function () {
+                        var selection = window.getSelection();
+                        if (_this.props.onClick && selection) {
+                            if (selection.toString().length < 1) {
+                                _this.props.onClick();
+                            }
                         }
-                    }
-                },
-                onDoubleClick: function () {
-                    if (_this.props.onDoubleClick) {
-                        _this.props.onDoubleClick();
-                    }
-                },
-            }); } },
-            this.props.locked
-                ? React.createElement("div", { className: "sd-list-item__border sd-list-item__border--locked" })
-                : React.createElement("div", { className: "sd-list-item__border" }),
+                    },
+                    onDoubleClick: function () {
+                        if (_this.props.onDoubleClick) {
+                            _this.props.onDoubleClick();
+                        }
+                    },
+                });
+            } },
+            this.props.locked ? (React.createElement("div", { className: "sd-list-item__border sd-list-item__border--locked" })) : (React.createElement("div", { className: "sd-list-item__border" })),
             this.props.itemColum.map(function (item, index) {
-                return React.createElement("div", { className: "\n                            sd-list-item__column\n                            ".concat(item.fullwidth && 'sd-list-item__column--grow', "\n                            ").concat(!item.border && 'sd-list-item__column--no-border'), key: index }, item.itemRow.map(function (e, i) {
-                    return (item.itemRow.length <= 1
-                        ? React.createElement(React.Fragment, { key: i }, e.content)
-                        : React.createElement("div", { className: "sd-list-item__row", key: i }, e.content));
-                }));
+                return (React.createElement("div", { className: "\n                            sd-list-item__column\n                            ".concat(item.fullwidth && 'sd-list-item__column--grow', "\n                            ").concat(!item.border && 'sd-list-item__column--no-border'), key: index }, item.itemRow.map(function (e, i) {
+                    return item.itemRow.length <= 1 ? (React.createElement(React.Fragment, { key: i }, e.content)) : (React.createElement("div", { className: "sd-list-item__row", key: i }, e.content));
+                })));
             }),
             React.createElement("div", { className: "sd-list-item__action-menu", onClick: this.onActionMenuClick }, this.props.action)));
     };
@@ -111,8 +109,8 @@ var ContentList = /** @class */ (function (_super) {
     }
     ContentList.prototype.render = function () {
         var classes = (0, classnames_1.default)('sd-list-item-group sd-list-item-group--space-between-items');
-        return (React.createElement("div", { role: 'list', className: classes }, this.props.items.map(function (item, index) {
-            return React.createElement(ContentListItem, { key: index, itemColum: item.itemColum, locked: item.locked, action: item.action, loading: item.loading, activated: item.activated, selected: item.selected, archived: item.archived, onClick: item.onClick, onDoubleClick: item.onDoubleClick });
+        return (React.createElement("div", { role: "list", className: classes }, this.props.items.map(function (item, index) {
+            return (React.createElement(ContentListItem, { key: index, itemColum: item.itemColum, locked: item.locked, action: item.action, loading: item.loading, activated: item.activated, selected: item.selected, archived: item.archived, onClick: item.onClick, onDoubleClick: item.onDoubleClick }));
         })));
     };
     return ContentList;

package/react/components/Lists/TableList.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { DropResult } from "react-beautiful-dnd";
+import { DropResult } from 'react-beautiful-dnd';
 import { IMenuItem, ISubmenu, IMenuGroup } from '../Dropdown';
 export interface IProps {
     array: Array<IPropsArrayItem>;