superdesk-ui-framework 4.0.46 → 4.0.48

package/react/components/Lists/TableList.js

@@ -110,8 +110,7 @@ var TableList = /** @class */ (function (_super) {
         this.setState({
             items: items,
         });
-        return this.props.onDrag ?
-            this.props.onDrag(result.source.index, result.destination.index) : null;
+        return this.props.onDrag ? this.props.onDrag(result.source.index, result.destination.index) : null;
     };
     TableList.prototype.dropDown = function () {
         return (React.createElement(Dropdown_1.Dropdown, { items: this.props.itemsDropdown ? this.props.itemsDropdown() : [] },
@@ -126,48 +125,33 @@ var TableList = /** @class */ (function (_super) {
             },
             _a["".concat(this.props.className)] = this.props.className,
             _a));
-        return (this.state.items.length > 0
-            ? this.props.dragAndDrop
-                ? React.createElement(react_beautiful_dnd_1.DragDropContext, { onDragEnd: this.onDragEnd },
-                    React.createElement(react_beautiful_dnd_1.Droppable, { droppableId: "droppable" }, function (provided, _snapshot) { return (React.createElement("div", __assign({ role: 'list', className: classes, ref: provided.innerRef }, provided.droppableProps),
-                        _this.state.items.map(function (item, index) { return (React.createElement(react_beautiful_dnd_1.Draggable, { key: index, draggableId: "".concat(index), index: index }, function (provided2, snapshot) { return (_this.props.append
-                            ? React.createElement(PortalItem, { provided: provided2, snapshot: snapshot, item: item, index: index, dragAndDrop: _this.props.dragAndDrop, showDragHandle: _this.props.showDragHandle, addItem: _this.props.addItem, onAddItem: function () { return _this.props.onAddItem
-                                    && _this.props.onAddItem(index, item); }, itemsDropdown: function () { return _this.props.itemsDropdown
+        return this.state.items.length > 0 ? (this.props.dragAndDrop ? (React.createElement(react_beautiful_dnd_1.DragDropContext, { onDragEnd: this.onDragEnd },
+            React.createElement(react_beautiful_dnd_1.Droppable, { droppableId: "droppable" }, function (provided, _snapshot) { return (React.createElement("div", __assign({ role: "list", className: classes, ref: provided.innerRef }, provided.droppableProps),
+                _this.state.items.map(function (item, index) { return (React.createElement(react_beautiful_dnd_1.Draggable, { key: index, draggableId: "".concat(index), index: index }, function (provided2, snapshot) {
+                    return _this.props.append ? (React.createElement(PortalItem, { provided: provided2, snapshot: snapshot, item: item, index: index, dragAndDrop: _this.props.dragAndDrop, showDragHandle: _this.props.showDragHandle, addItem: _this.props.addItem, onAddItem: function () {
+                            return _this.props.onAddItem && _this.props.onAddItem(index, item);
+                        }, itemsDropdown: function () {
+                            return _this.props.itemsDropdown ? _this.props.itemsDropdown(index) : [];
+                        } })) : (React.createElement("div", __assign({ ref: provided2.innerRef }, provided2.draggableProps, provided2.dragHandleProps),
+                        React.createElement(TableListItem, { dragAndDrop: _this.props.dragAndDrop, start: item.start, center: item.center, end: item.end, action: item.action, selected: item.selected, onClick: item.onClick ? item.onClick : undefined, onDoubleClick: item.onDoubleClick ? item.onDoubleClick : undefined, addItem: _this.props.addItem, itemsDropdown: function () {
+                                return _this.props.itemsDropdown
                                     ? _this.props.itemsDropdown(index)
-                                    : []; } })
-                            : React.createElement("div", __assign({ ref: provided2.innerRef }, provided2.draggableProps, provided2.dragHandleProps),
-                                React.createElement(TableListItem, { dragAndDrop: _this.props.dragAndDrop, start: item.start, center: item.center, end: item.end, action: item.action, selected: item.selected, onClick: item.onClick
-                                        ? item.onClick
-                                        : undefined, onDoubleClick: item.onDoubleClick
-                                        ? item.onDoubleClick
-                                        : undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown
-                                        ? _this.props.itemsDropdown(index)
-                                        : []; }, hexColor: item.hexColor, locked: item.locked, positionLocked: item.positionLocked, onAddItem: function () { return _this.props.onAddItem
-                                        && _this.props.onAddItem(index, item); }, showDragHandle: _this.props.showDragHandle }))); })); }),
-                        provided.placeholder,
-                        (_this.props.addItem && !_this.props.readOnly)
-                            && React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
-                                React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top' },
-                                    React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, _this.dropDown()))))); }))
-                : React.createElement("div", { role: 'list', className: classes },
-                    this.state.items.map(function (item, index) { return (React.createElement(TableListItem, { key: index, start: item.start, center: item.center, end: item.end, action: item.action, selected: item.selected, onClick: item.onClick
-                            ? item.onClick
-                            : undefined, onDoubleClick: item.onDoubleClick
-                            ? item.onDoubleClick
-                            : undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown
-                            ? _this.props.itemsDropdown(index)
-                            : []; }, hexColor: item.hexColor, locked: item.locked, positionLocked: item.positionLocked, onAddItem: function () { return _this.props.onAddItem
-                            && _this.props.onAddItem(index, item); } })); }),
-                    (this.props.addItem && !this.props.readOnly)
-                        && React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
-                            React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top' },
-                                React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, this.dropDown()))))
-            : (this.props.addItem && !this.props.readOnly)
-                ? React.createElement("div", { role: 'list', className: classes },
-                    React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
-                        React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top' },
-                            React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, this.dropDown()))))
-                : null);
+                                    : [];
+                            }, hexColor: item.hexColor, locked: item.locked, positionLocked: item.positionLocked, onAddItem: function () {
+                                return _this.props.onAddItem && _this.props.onAddItem(index, item);
+                            }, showDragHandle: _this.props.showDragHandle })));
+                })); }),
+                provided.placeholder,
+                _this.props.addItem && !_this.props.readOnly && (React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
+                    React.createElement(Tooltip_1.Tooltip, { text: "Add item", flow: "top" },
+                        React.createElement("div", { className: "table-list__add-item--container sd-margin-x--auto" }, _this.dropDown())))))); }))) : (React.createElement("div", { role: "list", className: classes },
+            this.state.items.map(function (item, index) { return (React.createElement(TableListItem, { key: index, start: item.start, center: item.center, end: item.end, action: item.action, selected: item.selected, onClick: item.onClick ? item.onClick : undefined, onDoubleClick: item.onDoubleClick ? item.onDoubleClick : undefined, addItem: _this.props.addItem, itemsDropdown: function () { return (_this.props.itemsDropdown ? _this.props.itemsDropdown(index) : []); }, hexColor: item.hexColor, locked: item.locked, positionLocked: item.positionLocked, onAddItem: function () { return _this.props.onAddItem && _this.props.onAddItem(index, item); } })); }),
+            this.props.addItem && !this.props.readOnly && (React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
+                React.createElement(Tooltip_1.Tooltip, { text: "Add item", flow: "top" },
+                    React.createElement("div", { className: "table-list__add-item--container sd-margin-x--auto" }, this.dropDown()))))))) : this.props.addItem && !this.props.readOnly ? (React.createElement("div", { role: "list", className: classes },
+            React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
+                React.createElement(Tooltip_1.Tooltip, { text: "Add item", flow: "top" },
+                    React.createElement("div", { className: "table-list__add-item--container sd-margin-x--auto" }, this.dropDown()))))) : null;
     };
     return TableList;
 }(React.PureComponent));
@@ -198,7 +182,7 @@ var TableListItem = /** @class */ (function (_super) {
         var Wrapper = this.props.addItem
             ? function (_a) {
                 var children = _a.children;
-                return (React.createElement("div", { className: 'table-list__item-container' }, children));
+                return React.createElement("div", { className: "table-list__item-container" }, children);
             }
             : function (_a) {
                 var children = _a.children;
@@ -206,39 +190,39 @@ var TableListItem = /** @class */ (function (_super) {
             };
         return (React.createElement(Wrapper, null,
             React.createElement(React.Fragment, null,
-                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 (_this.props.dragAndDrop) {
-                                    _this.props.onClick();
-                                }
-                                else {
-                                    if (selection.toString().length < 1) {
+                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 (_this.props.dragAndDrop) {
                                         _this.props.onClick();
                                     }
+                                    else {
+                                        if (selection.toString().length < 1) {
+                                            _this.props.onClick();
+                                        }
+                                    }
+                                }
+                            },
+                            onDoubleClick: function () {
+                                if (_this.props.onDoubleClick) {
+                                    _this.props.onDoubleClick();
                                 }
-                            }
-                        },
-                        onDoubleClick: function () {
-                            if (_this.props.onDoubleClick) {
-                                _this.props.onDoubleClick();
-                            }
-                        },
-                    }); } },
-                    React.createElement("div", { className: 'table-list__item-border', style: { backgroundColor: this.props.hexColor } }),
-                    React.createElement("div", { className: 'table-list__item-content' },
-                        React.createElement("div", { className: 'table-list__item-content-block' }, this.props.start && this.props.start),
-                        React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' }, this.props.center && this.props.center),
-                        React.createElement("div", { className: 'table-list__item-content-block' }, this.props.end && this.props.end)),
-                    this.props.action
-                        && React.createElement("div", { className: 'table-list__slide-in-actions', onClick: this.onActionMenuClick }, this.props.action)),
-                this.props.addItem
-                    && React.createElement("div", { className: 'table-list__add-bar-container' },
-                        React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top' },
-                            React.createElement("div", { className: 'table-list__add-bar' },
-                                React.createElement(Dropdown_1.Dropdown, { onChange: this.props.onAddItem, items: this.props.itemsDropdown ? this.props.itemsDropdown() : [] },
-                                    React.createElement(Button_1.Button, { type: "primary", icon: "plus-large", text: "Add item", size: "small", shape: "round", iconOnly: true, onClick: function () { return false; } }))))))));
+                            },
+                        });
+                    } },
+                    React.createElement("div", { className: "table-list__item-border", style: { backgroundColor: this.props.hexColor } }),
+                    React.createElement("div", { className: "table-list__item-content" },
+                        React.createElement("div", { className: "table-list__item-content-block" }, this.props.start && this.props.start),
+                        React.createElement("div", { className: "table-list__item-content-block table-list__item-content-block--center" }, this.props.center && this.props.center),
+                        React.createElement("div", { className: "table-list__item-content-block" }, this.props.end && this.props.end)),
+                    this.props.action && (React.createElement("div", { className: "table-list__slide-in-actions", onClick: this.onActionMenuClick }, this.props.action))),
+                this.props.addItem && (React.createElement("div", { className: "table-list__add-bar-container" },
+                    React.createElement(Tooltip_1.Tooltip, { text: "Add item", flow: "top" },
+                        React.createElement("div", { className: "table-list__add-bar" },
+                            React.createElement(Dropdown_1.Dropdown, { onChange: this.props.onAddItem, items: this.props.itemsDropdown ? this.props.itemsDropdown() : [] },
+                                React.createElement(Button_1.Button, { type: "primary", icon: "plus-large", text: "Add item", size: "small", shape: "round", iconOnly: true, onClick: function () { return false; } })))))))));
     };
     return TableListItem;
 }(React.PureComponent));
@@ -254,11 +238,7 @@ var PortalItem = /** @class */ (function (_super) {
         var snapshot = this.props.snapshot;
         var usePortal = snapshot.isDragging;
         var child = (React.createElement("div", __assign({ ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps),
-            React.createElement(TableListItem, { dragAndDrop: this.props.dragAndDrop, start: this.props.item.start, center: this.props.item.center, end: this.props.item.end, action: this.props.item.action, onClick: this.props.item.onClick
-                    ? this.props.item.onClick
-                    : undefined, onDoubleClick: this.props.item.onDoubleClick
-                    ? this.props.item.onDoubleClick
-                    : undefined, addItem: this.props.addItem, itemsDropdown: this.props.itemsDropdown, hexColor: this.props.item.hexColor, locked: this.props.item.locked, positionLocked: this.props.item.positionLocked, onAddItem: function () { return _this.props.onAddItem; }, showDragHandle: this.props.showDragHandle })));
+            React.createElement(TableListItem, { dragAndDrop: this.props.dragAndDrop, start: this.props.item.start, center: this.props.item.center, end: this.props.item.end, action: this.props.item.action, onClick: this.props.item.onClick ? this.props.item.onClick : undefined, onDoubleClick: this.props.item.onDoubleClick ? this.props.item.onDoubleClick : undefined, addItem: this.props.addItem, itemsDropdown: this.props.itemsDropdown, hexColor: this.props.item.hexColor, locked: this.props.item.locked, positionLocked: this.props.item.positionLocked, onAddItem: function () { return _this.props.onAddItem; }, showDragHandle: this.props.showDragHandle })));
         if (!usePortal) {
             return child;
         }

package/react/components/Loader.js

@@ -57,7 +57,7 @@ var Loader = /** @class */ (function (_super) {
     }
     Loader.prototype.render = function () {
         if (this.props.overlay) {
-            return (React.createElement("div", { className: "sd-loader", style: { backgroundColor: this.props.backgroundColor } }));
+            return React.createElement("div", { className: "sd-loader", style: { backgroundColor: this.props.backgroundColor } });
         }
         else {
             return (React.createElement("div", { className: "sd-loader--inline", style: {

package/react/components/Menu.js

@@ -130,7 +130,7 @@ var Menu = /** @class */ (function (_super) {
                         }
                     }
                 } },
-                React.createElement(tieredmenu_1.TieredMenu, { popup: true, model: this.toPrimeReactInterface(this.props.items), ref: function (el) { return _this.menu = el; }, appendTo: document.body, onShow: function () {
+                React.createElement(tieredmenu_1.TieredMenu, { popup: true, model: this.toPrimeReactInterface(this.props.items), ref: function (el) { return (_this.menu = el); }, appendTo: document.body, onShow: function () {
                         _this.focusedBefore = document.activeElement;
                         var firstMenuItem = document.querySelectorAll('.p-tieredmenu [role="menuitem"]')[0];
                         if (firstMenuItem instanceof HTMLElement) {

package/react/components/Modal.d.ts

@@ -8,7 +8,7 @@ interface IProps {
     contentBg?: 'default' | 'medium' | 'dark';
     contentPadding?: 'none' | 'small' | 'medium' | 'large';
     size?: 'small' | 'medium' | 'large' | 'x-large';
-    position?: "center" | "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
+    position?: 'center' | 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
     maximized?: boolean;
     maximizable?: boolean;
     headerTemplate?: JSX.Element | string;

package/react/components/MultiSelect.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 import { IInputWrapper } from './Form/InputWrapper';
 interface IProps<T> extends IInputWrapper {
     value: Array<T>;

package/react/components/MultiSelect.js

@@ -76,8 +76,8 @@ var MultiSelect = /** @class */ (function (_super) {
         var _this = this;
         var _a;
         var classes = (0, classnames_1.default)({
-            'showSelectAll': this.props.showSelectAll,
-            'showFilter': this.props.filter,
+            showSelectAll: this.props.showSelectAll,
+            showFilter: this.props.filter,
         });
         if (this.props.preview) {
             return (React.createElement(SelectPreview_1.SelectPreview, { kind: { mode: 'multi-select' }, items: this.state.value, valueTemplate: this.props.selectedItemTemplate, getLabel: this.props.optionLabel }));

package/react/components/NavButton.js

@@ -72,11 +72,9 @@ var NavButton = /** @class */ (function (_super) {
             _a));
         var value = this.props.value === undefined ? 'button' : this.props.value;
         return (React.createElement("button", { type: value, className: classes, tabIndex: 0, onClick: this.props.onClick, "aria-label": this.props.text, id: this.props.id },
-            this.props.badgeValue &&
-                React.createElement(Badge_1.Badge, { text: this.props.badgeValue, type: 'primary' }),
+            this.props.badgeValue && React.createElement(Badge_1.Badge, { text: this.props.badgeValue, type: "primary" }),
             this.props.icon ? React.createElement(Icon_1.Icon, { name: this.props.icon, size: this.props.iconSize }) : null,
-            !this.props.icon && this.props.text ?
-                React.createElement("span", { className: "sd-navbtn__text" }, this.props.text) : null));
+            !this.props.icon && this.props.text ? (React.createElement("span", { className: "sd-navbtn__text" }, this.props.text)) : null));
     };
     return NavButton;
 }(React.PureComponent));

package/react/components/Navigation/BottomNav.js

@@ -85,19 +85,20 @@ var BottomNav = /** @class */ (function (_super) {
     };
     BottomNav.prototype.render = function () {
         var _this = this;
-        return (React.createElement("ul", { className: 'sd-bottom-nav-list' }, this.props.items.map(function (item, index) {
-            return (React.createElement("li", { key: index, className: 'sd-bottom-nav-list__item'
-                    + (item['active']
+        return (React.createElement("ul", { className: "sd-bottom-nav-list" }, this.props.items.map(function (item, index) {
+            return (React.createElement("li", { key: index, className: 'sd-bottom-nav-list__item' +
+                    (item['active']
                         ? ' sd-bottom-nav-list__item--active'
-                        : (index === _this.state.index ? ' sd-bottom-nav-list__item--active' : '')) },
-                React.createElement("a", { className: 'sd-bottom-nav-list__item-title', onClick: function (event) {
+                        : index === _this.state.index
+                            ? ' sd-bottom-nav-list__item--active'
+                            : '') },
+                React.createElement("a", { className: "sd-bottom-nav-list__item-title", onClick: function (event) {
                         _this.handleClick(index);
                         item.onClick(event);
                     } },
-                    item['icon'] &&
-                        React.createElement(Icon_1.Icon, { name: item['icon'] }),
+                    item['icon'] && React.createElement(Icon_1.Icon, { name: item['icon'] }),
                     React.createElement("span", null, item.title)),
-                React.createElement(IconButton_1.IconButton, { size: 'small', icon: "close-small", ariaValue: 'Delete', onClick: function () { return item.onRemove(index); } })));
+                React.createElement(IconButton_1.IconButton, { size: "small", icon: "close-small", ariaValue: "Delete", onClick: function () { return item.onRemove(index); } })));
         })));
     };
     return BottomNav;

package/react/components/Navigation/QuickNavBar.js

@@ -88,8 +88,7 @@ var QuickNavBar = /** @class */ (function (_super) {
             });
         }
         if (item.id && this.props.scrollSpy) {
-            return (_a = document
-                .getElementById(item.id)) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ block: "nearest", behavior: "smooth" });
+            return (_a = document.getElementById(item.id)) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
         }
         if (item.onClick) {
             item.onClick(event);
@@ -103,29 +102,27 @@ var QuickNavBar = /** @class */ (function (_super) {
                 itemsArr = __spreadArray(__spreadArray([], itemsArr, true), ["".concat(item.id)], false);
             }
         });
-        return (React.createElement("div", { className: 'sd-quickbar-menu' }, this.props.scrollSpy
-            ? React.createElement("ul", null,
-                React.createElement(react_scrollspy_1.default, { items: itemsArr, currentClassName: "sd-quickbar-menu__list-item--active", rootEl: this.props.scrollSpy, offset: this.props.offset || 0 }, this.props.items.map(function (item, index) {
-                    if (item === 'divider') {
-                        return (React.createElement("li", { key: index, className: 'sd-quickbar__spacer' }));
-                    }
-                    else {
-                        return (React.createElement("li", { key: index, "data-sd-tooltip": item['tooltip'], "data-flow": 'right', className: "sd-quickbar-menu__list-item" },
-                            React.createElement("a", { role: 'button', "aria-label": item['tooltip'], className: 'sd-quickbar__btn', onClick: function () { return _this.handleClick(item, index, event); } },
-                                React.createElement(Icon_1.Icon, { size: 'small', name: item['icon'] }))));
-                    }
-                })))
-            : React.createElement("ul", null, this.props.items.map(function (item, index) {
+        return (React.createElement("div", { className: "sd-quickbar-menu" }, this.props.scrollSpy ? (React.createElement("ul", null,
+            React.createElement(react_scrollspy_1.default, { items: itemsArr, currentClassName: "sd-quickbar-menu__list-item--active", rootEl: this.props.scrollSpy, offset: this.props.offset || 0 }, this.props.items.map(function (item, index) {
                 if (item === 'divider') {
-                    return (React.createElement("li", { key: index, className: 'sd-quickbar__spacer' }));
+                    return React.createElement("li", { key: index, className: "sd-quickbar__spacer" });
                 }
                 else {
-                    return (React.createElement("li", { key: index, "data-sd-tooltip": item['tooltip'], "data-flow": 'right' },
-                        React.createElement("a", { role: 'button', "aria-label": item['tooltip'], className: 'sd-quickbar__btn'
-                                + (index === _this.state.index ? ' sd-quickbar__btn--active' : ''), onClick: function () { return _this.handleClick(item, index, event); } },
+                    return (React.createElement("li", { key: index, "data-sd-tooltip": item['tooltip'], "data-flow": "right", className: "sd-quickbar-menu__list-item" },
+                        React.createElement("a", { role: "button", "aria-label": item['tooltip'], className: 'sd-quickbar__btn', onClick: function () { return _this.handleClick(item, index, event); } },
                             React.createElement(Icon_1.Icon, { size: 'small', name: item['icon'] }))));
                 }
-            }))));
+            })))) : (React.createElement("ul", null, this.props.items.map(function (item, index) {
+            if (item === 'divider') {
+                return React.createElement("li", { key: index, className: "sd-quickbar__spacer" });
+            }
+            else {
+                return (React.createElement("li", { key: index, "data-sd-tooltip": item['tooltip'], "data-flow": "right" },
+                    React.createElement("a", { role: "button", "aria-label": item['tooltip'], className: 'sd-quickbar__btn' +
+                            (index === _this.state.index ? ' sd-quickbar__btn--active' : ''), onClick: function () { return _this.handleClick(item, index, event); } },
+                        React.createElement(Icon_1.Icon, { size: 'small', name: item['icon'] }))));
+            }
+        })))));
     };
     return QuickNavBar;
 }(React.PureComponent));

package/react/components/Navigation/SideBarMenu.js

@@ -81,18 +81,20 @@ var SideBarMenu = /** @class */ (function (_super) {
     };
     SideBarMenu.prototype.render = function () {
         var _this = this;
-        return (React.createElement("div", { className: 'sd-sidebar-menu sd-content-wrapper__left-tabs' },
+        return (React.createElement("div", { className: "sd-sidebar-menu sd-content-wrapper__left-tabs" },
             React.createElement("ul", { className: 'authoring-active' }, this.props.items.map(function (item, index) {
                 if (item === 'divider') {
-                    return (React.createElement("li", { key: index, className: 'sd-sidebar-menu__spacer' }));
+                    return React.createElement("li", { key: index, className: "sd-sidebar-menu__spacer" });
                 }
                 else {
-                    return (React.createElement("li", { key: index, "data-sd-tooltip": item['tooltip'], "data-flow": 'right', className: item.hover ? 'authoring-active__item' : '' },
-                        React.createElement("a", { className: 'sd-sidebar-menu__btn'
-                                + (_this.state.hover ? ' sd-sidebar-menu__btn--closed ' : '')
-                                + (item['active']
+                    return (React.createElement("li", { key: index, "data-sd-tooltip": item['tooltip'], "data-flow": "right", className: item.hover ? 'authoring-active__item' : '' },
+                        React.createElement("a", { className: 'sd-sidebar-menu__btn' +
+                                (_this.state.hover ? ' sd-sidebar-menu__btn--closed ' : '') +
+                                (item['active']
                                     ? ' sd-sidebar-menu__btn--active'
-                                    : (index === _this.state.index ? ' sd-sidebar-menu__btn--active' : '')), onClick: function () {
+                                    : index === _this.state.index
+                                        ? ' sd-sidebar-menu__btn--active'
+                                        : ''), onClick: function () {
                                 _this.handleClick(index);
                                 if (item.hover) {
                                     _this.handleArrows();
@@ -101,9 +103,9 @@ var SideBarMenu = /** @class */ (function (_super) {
                                     }
                                 }
                             } },
-                            React.createElement("span", { className: 'sd-sidebar-menu__main-icon ' },
+                            React.createElement("span", { className: "sd-sidebar-menu__main-icon " },
                                 React.createElement(Icon_1.Icon, { size: item['size'], name: item['icon'] })),
-                            React.createElement("i", { className: 'sd-sidebar-menu__helper-icon big-icon--chevron-left' }))));
+                            React.createElement("i", { className: "sd-sidebar-menu__helper-icon big-icon--chevron-left" }))));
                 }
             }))));
     };

package/react/components/Navigation/SideBarTabs.js

@@ -80,19 +80,20 @@ var SideBarTabs = /** @class */ (function (_super) {
     };
     SideBarTabs.prototype.render = function () {
         var _this = this;
-        return (React.createElement("div", { className: 'sd-sidetab-menu sd-sidetab-menu--static', "data-test-id": this.props['data-test-id'] },
+        return (React.createElement("div", { className: "sd-sidetab-menu sd-sidetab-menu--static", "data-test-id": this.props['data-test-id'] },
             React.createElement("ul", null, this.props.items.map(function (item, index) {
                 if (item === 'divider') {
-                    return (React.createElement("li", { key: index, className: 'sd-sidetab-menu__spacer' }));
+                    return React.createElement("li", { key: index, className: "sd-sidetab-menu__spacer" });
                 }
                 else {
-                    return (React.createElement("li", { key: index, "data-sd-tooltip": item.tooltip, "data-flow": 'left' },
-                        React.createElement("button", { disabled: _this.props.disabled, role: 'button', "aria-label": item.tooltip, className: (0, classnames_1.default)('sd-sidetab-menu__btn', { 'sd-sidetab-menu__btn--active': item.id === _this.props.activeTab && _this.props.disabled !== true,
-                            }), onClick: function () { return _this.handleClick(item); }, "data-test-id": 'widget-icon', "data-test-value": item.id },
-                            item.badgeValue != null && (React.createElement(Badge_1.Badge, { text: item['badgeValue'], type: 'primary' })),
-                            React.createElement("span", { className: 'sd-sidetab-menu__main-icon ' },
+                    return (React.createElement("li", { key: index, "data-sd-tooltip": item.tooltip, "data-flow": "left" },
+                        React.createElement("button", { disabled: _this.props.disabled, role: "button", "aria-label": item.tooltip, className: (0, classnames_1.default)('sd-sidetab-menu__btn', {
+                                'sd-sidetab-menu__btn--active': item.id === _this.props.activeTab && _this.props.disabled !== true,
+                            }), onClick: function () { return _this.handleClick(item); }, "data-test-id": "widget-icon", "data-test-value": item.id },
+                            item.badgeValue != null && React.createElement(Badge_1.Badge, { text: item['badgeValue'], type: "primary" }),
+                            React.createElement("span", { className: "sd-sidetab-menu__main-icon " },
                                 React.createElement(Icon_1.Icon, { size: item['size'], name: item['icon'] })),
-                            React.createElement("i", { className: 'sd-sidetab-menu__helper-icon icon-close-small' }))));
+                            React.createElement("i", { className: "sd-sidetab-menu__helper-icon icon-close-small" }))));
                 }
             }))));
     };

package/react/components/Popover.js

@@ -61,7 +61,7 @@ var Popover = /** @class */ (function (_super) {
         var _a, _b;
         return (React.createElement(_Positioner_1.Positioner, { triggerSelector: this.props.triggerSelector, placement: (_a = this.props.placement) !== null && _a !== void 0 ? _a : 'auto', className: "sd-popover" },
             React.createElement("div", { className: "sd-popover__header" },
-                React.createElement("h4", { className: "sd-popover__title", tabIndex: 0, id: 'popoverTitle' }, this.props.title),
+                React.createElement("h4", { className: "sd-popover__title", tabIndex: 0, id: "popoverTitle" }, this.props.title),
                 ((_b = this.props.displayCloseButton) !== null && _b !== void 0 ? _b : true) && (React.createElement("button", { className: "icn-btn icn-btn--small sd-popover__close", tabIndex: 0, "aria-label": 'Close dialog', onClick: function () {
                         var el = document.querySelector(_this.props.triggerSelector);
                         if (el instanceof HTMLElement) {

package/react/components/RadioButtonGroup.js

@@ -80,31 +80,23 @@ var RadioButtonGroup = /** @class */ (function (_super) {
             _a["sd-check-button__group--grid"] = (_g = this.props.group) === null || _g === void 0 ? void 0 : _g.grid,
             _a["sd-check-button__group--padded"] = ((_h = this.props.group) === null || _h === void 0 ? void 0 : _h.padded) === true,
             _a));
-        var selectedOption = this.props.value == null
-            ? undefined
-            : this.props.options.find(function (_a) {
-                var value = _a.value;
-                return value === _this.props.value;
-            });
+        var selectedOption = this.props.value == null ? undefined : this.props.options.find(function (_a) {
+            var value = _a.value;
+            return value === _this.props.value;
+        });
         return (React.createElement(React.Fragment, null,
-            !((_j = this.props.group) === null || _j === void 0 ? void 0 : _j.groupLabel) ?
-                React.createElement("div", { role: "radiogroup", className: classes, "aria-labelledby": (_k = this.props.group) === null || _k === void 0 ? void 0 : _k.groupLabelledBy, "data-test-id": this.props['data-test-id'], "data-test-value": selectedOption == null ? undefined : selectedOption.label }, this.props.options.map(function (item, index) { return (React.createElement("span", { className: "sd-check-button sd-check-button--native", key: index, tabIndex: _this.props.tabindex === undefined ? undefined : -1 },
-                    React.createElement("input", { type: "radio", className: "sd-check-button__input", id: _this.htmlId + index, tabIndex: _this.props.tabindex, name: _this.htmlId, onChange: function () { return _this.handleChange(item); }, disabled: _this.props.disabled || item.disabled, required: _this.props.required, checked: item.value === _this.props.value }),
-                    React.createElement("label", { className: "sd-check-button__text-label", htmlFor: _this.htmlId + index, "aria-label": item.labelHidden ? item.label : undefined, "data-test-id": "item", "data-test-value": item.label },
+            !((_j = this.props.group) === null || _j === void 0 ? void 0 : _j.groupLabel) ? (React.createElement("div", { role: "radiogroup", className: classes, "aria-labelledby": (_k = this.props.group) === null || _k === void 0 ? void 0 : _k.groupLabelledBy, "data-test-id": this.props['data-test-id'], "data-test-value": selectedOption == null ? undefined : selectedOption.label }, this.props.options.map(function (item, index) { return (React.createElement("span", { className: "sd-check-button sd-check-button--native", key: index, tabIndex: _this.props.tabindex === undefined ? undefined : -1 },
+                React.createElement("input", { type: "radio", className: "sd-check-button__input", id: _this.htmlId + index, tabIndex: _this.props.tabindex, name: _this.htmlId, onChange: function () { return _this.handleChange(item); }, disabled: _this.props.disabled || item.disabled, required: _this.props.required, checked: item.value === _this.props.value }),
+                React.createElement("label", { className: "sd-check-button__text-label", htmlFor: _this.htmlId + index, "aria-label": item.labelHidden ? item.label : undefined, "data-test-id": "item", "data-test-value": item.label },
+                    item.icon ? React.createElement("i", { className: "icon-".concat(item.icon), "aria-hidden": "true" }) : null,
+                    !item.labelHidden || !item.icon ? (React.createElement("span", { className: "sd-check-button__text-label-inner" }, item.label)) : null))); }))) : null,
+            ((_l = this.props.group) === null || _l === void 0 ? void 0 : _l.groupLabel) ? (React.createElement("div", { className: "sd-check-button__group-wrapper", "data-test-id": this.props['data-test-id'], "data-test-value": selectedOption == null ? undefined : selectedOption.label },
+                React.createElement(FormLabel_1.FormLabel, { forId: this.htmlId + 'group', text: this.props.group.groupLabel }),
+                React.createElement("div", { role: "radiogroup", id: this.htmlId + 'group', className: classes }, this.props.options.map(function (item, index) { return (React.createElement("span", { className: "sd-check-button sd-check-button--native", key: index, tabIndex: -1 },
+                    React.createElement("input", { type: "radio", className: "sd-check-button__input", id: _this.htmlId + index, tabIndex: 0, name: _this.htmlId, onChange: function () { return _this.handleChange(item); }, disabled: _this.props.disabled || item.disabled, required: _this.props.required, checked: item.value === _this.props.value }),
+                    React.createElement("label", { className: "sd-check-button__text-label", htmlFor: _this.htmlId + index, "aria-label": item.labelHidden ? item.label : undefined },
                         item.icon ? React.createElement("i", { className: "icon-".concat(item.icon), "aria-hidden": "true" }) : null,
-                        !item.labelHidden || !item.icon ?
-                            React.createElement("span", { className: "sd-check-button__text-label-inner" }, item.label) : null))); }))
-                : null,
-            ((_l = this.props.group) === null || _l === void 0 ? void 0 : _l.groupLabel) ?
-                React.createElement("div", { className: 'sd-check-button__group-wrapper', "data-test-id": this.props['data-test-id'], "data-test-value": selectedOption == null ? undefined : selectedOption.label },
-                    React.createElement(FormLabel_1.FormLabel, { forId: this.htmlId + 'group', text: this.props.group.groupLabel }),
-                    React.createElement("div", { role: "radiogroup", id: this.htmlId + 'group', className: classes }, this.props.options.map(function (item, index) { return (React.createElement("span", { className: "sd-check-button sd-check-button--native", key: index, tabIndex: -1 },
-                        React.createElement("input", { type: "radio", className: "sd-check-button__input", id: _this.htmlId + index, tabIndex: 0, name: _this.htmlId, onChange: function () { return _this.handleChange(item); }, disabled: _this.props.disabled || item.disabled, required: _this.props.required, checked: item.value === _this.props.value }),
-                        React.createElement("label", { className: "sd-check-button__text-label", htmlFor: _this.htmlId + index, "aria-label": item.labelHidden ? item.label : undefined },
-                            item.icon ? React.createElement("i", { className: "icon-".concat(item.icon), "aria-hidden": "true" }) : null,
-                            !item.labelHidden || !item.icon ?
-                                React.createElement("span", { className: "sd-check-button__text-label-inner" }, item.label) : null))); })))
-                : null));
+                        !item.labelHidden || !item.icon ? (React.createElement("span", { className: "sd-check-button__text-label-inner" }, item.label)) : null))); })))) : null));
     };
     return RadioButtonGroup;
 }(React.Component));

package/react/components/ResizablePanels.js

@@ -81,9 +81,7 @@ var ResizablePanels = /** @class */ (function (_super) {
     ResizablePanels.prototype.render = function () {
         var _this = this;
         var _a = this.props, direction = _a.direction, primarySize = _a.primarySize, secondarySize = _a.secondarySize, children = _a.children;
-        var separatorDimensions = direction === 'horizontal'
-            ? { width: 3, height: '100%' }
-            : { height: 3, width: '100%' };
+        var separatorDimensions = direction === 'horizontal' ? { width: 3, height: '100%' } : { height: 3, width: '100%' };
         // Sometimes second panel is conditional. Checking here is more convenient.
         if (children.some(function (child) { return child === false || child == null; })) {
             return children;

package/react/components/ResizeObserverComponent.js

@@ -48,9 +48,7 @@ var ResizeObserverComponent = /** @class */ (function (_super) {
         var dimensions = this.state.dimensions;
         return (react_1.default.createElement("div", { ref: function (el) {
                 _this.el = el;
-            } }, dimensions === 'not-initialized'
-            ? null
-            : this.props.children(dimensions)));
+            } }, dimensions === 'not-initialized' ? null : this.props.children(dimensions)));
     };
     return ResizeObserverComponent;
 }(react_1.default.PureComponent));

package/react/components/SearchBar.js

@@ -60,7 +60,7 @@ var SearchBar = /** @class */ (function (_super) {
     function SearchBar(props) {
         var _this = _super.call(this, props) || this;
         _this.componentDidMount = function () {
-            document.addEventListener("mousedown", function (event) {
+            document.addEventListener('mousedown', function (event) {
                 if (_this.inputRef.current && !_this.inputRef.current.contains(event.target)) {
                     _this.setState({ focused: false });
                 }
@@ -93,7 +93,7 @@ var SearchBar = /** @class */ (function (_super) {
         return (React.createElement("div", { className: classes, ref: this.inputRef },
             this.props.children,
             React.createElement("label", { className: "sd-searchbar__icon" }),
-            React.createElement("input", { id: "search-input", ref: function (input) { return (input && _this.props.focused) && input.focus(); }, className: "sd-searchbar__input", type: "text", placeholder: this.props.placeholder, value: this.state.inputValue, onKeyPress: function (event) {
+            React.createElement("input", { id: "search-input", ref: function (input) { return input && _this.props.focused && input.focus(); }, className: "sd-searchbar__input", type: "text", placeholder: this.props.placeholder, value: this.state.inputValue, onKeyPress: function (event) {
                     if (event.key === 'Enter') {
                         if (_this.props.onSubmit) {
                             _this.props.onSubmit(_this.state.inputValue);
@@ -105,23 +105,21 @@ var SearchBar = /** @class */ (function (_super) {
                         _this.setState({ keyDown: false });
                     }
                 }, 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 () {
-                        _this.setState({ inputValue: '' });
-                        setTimeout(function () {
-                            if (_this.props.onSubmit) {
-                                _this.props.onSubmit(_this.state.inputValue);
-                            }
-                        });
-                    } },
-                    React.createElement(Icon_1.Icon, { name: 'remove-sign' })),
-            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 () {
+            this.state.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: 'chevron-right-thin' }))));
+                    });
+                } },
+                React.createElement(Icon_1.Icon, { name: "remove-sign" }))),
+            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/Select.js

@@ -72,8 +72,8 @@ var Select = /** @class */ (function (_super) {
                 React.createElement("span", null, this.props.value)));
         }
         return (React.createElement(Form_1.InputWrapper, { label: this.props.label, error: this.props.error, invalid: this.props.error != null, required: this.props.required, disabled: this.props.disabled, readonly: this.props.readonly, info: this.props.info, inlineLabel: this.props.inlineLabel, labelHidden: this.props.labelHidden, fullWidth: this.props.fullWidth, htmlId: this.htmlId, tabindex: this.props.tabindex, inputWrapper: this.props.inputWrapper },
-            React.createElement("span", { className: 'sd-input__select-caret-wrapper' },
-                React.createElement("select", { className: 'sd-input__select', id: this.htmlId, value: this.props.value, "aria-describedby": this.htmlId + 'label', tabIndex: this.props.tabindex, onChange: this.handleChange, disabled: this.props.disabled || this.props.readonly, "data-test-id": this.props['data-test-id'] }, this.props.children))));
+            React.createElement("span", { className: "sd-input__select-caret-wrapper" },
+                React.createElement("select", { className: "sd-input__select", id: this.htmlId, value: this.props.value, "aria-describedby": this.htmlId + 'label', tabIndex: this.props.tabindex, onChange: this.handleChange, disabled: this.props.disabled || this.props.readonly, "data-test-id": this.props['data-test-id'] }, this.props.children))));
     };
     return Select;
 }(React.Component));
@@ -84,7 +84,7 @@ var Option = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     Option.prototype.render = function () {
-        return (React.createElement("option", { value: this.props.value }, this.props.children));
+        return React.createElement("option", { value: this.props.value }, this.props.children);
     };
     return Option;
 }(React.PureComponent));