superdesk-ui-framework 4.0.47 → 4.0.49

package/react/components/Layouts/AuthoringFrameNavBar.js

@@ -56,7 +56,7 @@ var AuthoringFrameNavBar = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     AuthoringFrameNavBar.prototype.render = function () {
-        return (React.createElement("div", { className: "sd-editor-grid__editor-subnav" }, this.props.children));
+        return React.createElement("div", { className: "sd-editor-grid__editor-subnav" }, this.props.children);
     };
     return AuthoringFrameNavBar;
 }(React.PureComponent));

package/react/components/Layouts/AuthoringFrameOverlay.js

@@ -56,7 +56,7 @@ var AuthoringFrameOverlay = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     AuthoringFrameOverlay.prototype.render = function () {
-        return (React.createElement("div", { className: "sd-editor-grid__editor-overlay" }, this.props.children));
+        return React.createElement("div", { className: "sd-editor-grid__editor-overlay" }, this.props.children);
     };
     return AuthoringFrameOverlay;
 }(React.PureComponent));

package/react/components/Layouts/AuthoringFrameRightBar.js

@@ -67,7 +67,7 @@ var AuthoringFrameRightBar = /** @class */ (function (_super) {
         }
     };
     AuthoringFrameRightBar.prototype.render = function () {
-        return (!this.state.closed && React.createElement("div", { className: "sd-editor-grid__sidetabs-bar" }, this.props.children));
+        return !this.state.closed && React.createElement("div", { className: "sd-editor-grid__sidetabs-bar" }, this.props.children);
     };
     return AuthoringFrameRightBar;
 }(React.PureComponent));

package/react/components/Layouts/AuthoringFrameSidePanel.js

@@ -65,7 +65,7 @@ var AuthoringFrameSidePanel = /** @class */ (function (_super) {
             _a["sidetab-content-pinned--pinned"] = this.props.pinned,
             _a["sidetab-content-pinned--open"] = this.props.opened,
             _a));
-        return (React.createElement("div", { className: classes }, this.props.children));
+        return React.createElement("div", { className: classes }, this.props.children);
     };
     return AuthoringFrameSidePanel;
 }(React.PureComponent));

package/react/components/Layouts/AuthoringFrameSidePanelOverlay.js

@@ -65,7 +65,7 @@ var AuthoringFrameSidePanelOverlay = /** @class */ (function (_super) {
             _a["sidetab-content-overlay--open"] = this.props.opened,
             _a));
         return (React.createElement("div", { className: classes },
-            React.createElement("div", { className: 'sidetabs-content-overlay__inner' }, this.props.children)));
+            React.createElement("div", { className: "sidetabs-content-overlay__inner" }, this.props.children)));
     };
     return AuthoringFrameSidePanelOverlay;
 }(React.PureComponent));

package/react/components/Layouts/AuthoringMainContainer.js

@@ -56,7 +56,7 @@ var AuthoringMainContainer = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     AuthoringMainContainer.prototype.render = function () {
-        return (React.createElement("div", { className: "sd-editor-content" }, this.props.children));
+        return React.createElement("div", { className: "sd-editor-content" }, this.props.children);
     };
     return AuthoringMainContainer;
 }(React.PureComponent));

package/react/components/Layouts/AuthoringMainContent.js

@@ -56,7 +56,7 @@ var AuthoringMainContent = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     AuthoringMainContent.prototype.render = function () {
-        return (React.createElement("div", { className: "sd-editor-content__main-container" }, this.props.children));
+        return React.createElement("div", { className: "sd-editor-content__main-container" }, this.props.children);
     };
     return AuthoringMainContent;
 }(React.PureComponent));

package/react/components/Layouts/AuthoringMainToolBar.js

@@ -63,7 +63,7 @@ var AuthoringMainToolBar = /** @class */ (function (_super) {
         var classes = (0, classnames_1.default)('sd-editor-content__toolbar', {
             'sd-editor-content__toolbar--custom': this.props.toolbarCustom,
         });
-        return (React.createElement("div", { className: classes }, this.props.children));
+        return React.createElement("div", { className: classes }, this.props.children);
     };
     return AuthoringMainToolBar;
 }(React.PureComponent));

package/react/components/Layouts/BottomBarAction.js

@@ -65,8 +65,8 @@ var BottomBarAction = /** @class */ (function (_super) {
             'sd-bottom-bar__action--active': this.props.active,
             'sd-bottom-bar__action--disabled': this.props.disabled,
         });
-        return (React.createElement("button", { type: 'button', className: classes, tabIndex: 0, onClick: this.props.onClick, "aria-label": this.props.arialabel, "aria-controls": this.props.ariaControls, "aria-expanded": this.props.active },
-            React.createElement(Icon_1.Icon, { type: 'white', name: 'th-large' })));
+        return (React.createElement("button", { type: "button", className: classes, tabIndex: 0, onClick: this.props.onClick, "aria-label": this.props.arialabel, "aria-controls": this.props.ariaControls, "aria-expanded": this.props.active },
+            React.createElement(Icon_1.Icon, { type: "white", name: "th-large" })));
     };
     return BottomBarAction;
 }(React.PureComponent));

package/react/components/Layouts/ContentSplitter.js

@@ -66,7 +66,7 @@ var ContentSplitter = /** @class */ (function (_super) {
             _a['content-splitter--visible'] = this.props.visible,
             _a['content-splitter--disabled'] = this.props.disabled,
             _a));
-        return (React.createElement("div", { className: classes }, this.props.children));
+        return React.createElement("div", { className: classes }, this.props.children);
     };
     return ContentSplitter;
 }(React.PureComponent));

package/react/components/Layouts/CoreLayout.js

@@ -61,8 +61,8 @@ var CoreLayout = /** @class */ (function (_super) {
             this.props.slideInMenu && (React.createElement(_1.CoreLayoutSlideInMenu, { menuId: this.props.menuId, menuOpen: this.props.menuOpen }, this.props.slideInMenu)),
             this.props.topMenu && (React.createElement(_1.CoreLayoutTopMenu, { buttonAnimation: this.props.buttonAnimation, heading: this.props.heading, onClick: this.props.onClick, active: this.props.active, ariaControls: this.props.ariaControls }, this.props.topMenu)),
             React.createElement(_1.CoreLayoutMain, { editorFullWidth: this.props.editorFullWidth, openPanel: this.props.openPanel }, this.props.children),
-            this.props.footer && (React.createElement(_1.CoreLayoutFooter, null, this.props.footer)),
-            this.props.overlay && (React.createElement(_1.CoreLayoutOverlay, null, this.props.overlay))));
+            this.props.footer && React.createElement(_1.CoreLayoutFooter, null, this.props.footer),
+            this.props.overlay && React.createElement(_1.CoreLayoutOverlay, null, this.props.overlay)));
     };
     return CoreLayout;
 }(React.PureComponent));

package/react/components/Layouts/CoreLayoutContainer.js

@@ -56,7 +56,7 @@ var CoreLayoutContainer = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     CoreLayoutContainer.prototype.render = function () {
-        return (React.createElement("div", { className: 'sd-page-grid--test docs-page__full-width-helper', "data-theme": this.props.theme }, this.props.children));
+        return (React.createElement("div", { className: "sd-page-grid--test docs-page__full-width-helper", "data-theme": this.props.theme }, this.props.children));
     };
     return CoreLayoutContainer;
 }(React.PureComponent));

package/react/components/Layouts/CoreLayoutFooter.js

@@ -56,7 +56,7 @@ var CoreLayoutFooter = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     CoreLayoutFooter.prototype.render = function () {
-        return (React.createElement("footer", { className: 'sd-bottom-bar' }, this.props.children));
+        return React.createElement("footer", { className: "sd-bottom-bar" }, this.props.children);
     };
     return CoreLayoutFooter;
 }(React.PureComponent));

package/react/components/Layouts/CoreLayoutOverlay.js

@@ -56,7 +56,7 @@ var CoreLayoutOverlay = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     CoreLayoutOverlay.prototype.render = function () {
-        return (React.createElement("footer", { className: 'sd-notifications-slot' }, this.props.children));
+        return React.createElement("footer", { className: "sd-notifications-slot" }, this.props.children);
     };
     return CoreLayoutOverlay;
 }(React.PureComponent));

package/react/components/Layouts/CoreLayoutSlideInMenu.js

@@ -64,8 +64,8 @@ var CoreLayoutSlideInMenu = /** @class */ (function (_super) {
         var classes = (0, classnames_1.default)('sd-main-menu', (_a = {},
             _a["sd-main-menu--open"] = this.props.menuOpen,
             _a));
-        return (React.createElement("div", { id: this.props.menuId, className: classes, "data-theme": 'dark-ui' },
-            React.createElement("div", { className: 'sd-main-menu__inner' }, this.props.children)));
+        return (React.createElement("div", { id: this.props.menuId, className: classes, "data-theme": "dark-ui" },
+            React.createElement("div", { className: "sd-main-menu__inner" }, this.props.children)));
     };
     return CoreLayoutSlideInMenu;
 }(React.PureComponent));

package/react/components/Layouts/CoreLayoutTopMenu.js

@@ -58,9 +58,9 @@ var CoreLayoutTopMenu = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     CoreLayoutTopMenu.prototype.render = function () {
-        return (React.createElement("header", { className: 'sd-top-menu', "data-theme": 'dark-ui' },
-            React.createElement(_1.HamburgerButton, { buttonAnimation: this.props.buttonAnimation, arialabel: 'Toggle main menu', ariaControls: this.props.ariaControls, onClick: this.props.onClick, active: this.props.active }),
-            React.createElement(_2.Container, { className: 'sd-margin-e--auto' }, this.props.heading && (React.createElement("p", { className: 'sd-top-menu__header' }, this.props.heading))),
+        return (React.createElement("header", { className: "sd-top-menu", "data-theme": "dark-ui" },
+            React.createElement(_1.HamburgerButton, { buttonAnimation: this.props.buttonAnimation, arialabel: "Toggle main menu", ariaControls: this.props.ariaControls, onClick: this.props.onClick, active: this.props.active }),
+            React.createElement(_2.Container, { className: "sd-margin-e--auto" }, this.props.heading && React.createElement("p", { className: "sd-top-menu__header" }, this.props.heading)),
             this.props.children));
     };
     return CoreLayoutTopMenu;

package/react/components/Layouts/HamburgerButton.js

@@ -68,7 +68,7 @@ var HamburgerButton = /** @class */ (function (_super) {
             _a["hamburger--".concat(this.props.buttonAnimation)] = this.props.buttonAnimation || this.props.buttonAnimation !== undefined,
             _a['sd-top-menu__collapse-nav--disabled'] = this.props.disabled,
             _a));
-        return (React.createElement("button", { type: 'button', className: classes, tabIndex: 0, onClick: this.props.onClick, "aria-label": this.props.arialabel, "aria-controls": this.props.ariaControls, "aria-expanded": this.props.active, id: this.props.id },
+        return (React.createElement("button", { type: "button", className: classes, tabIndex: 0, onClick: this.props.onClick, "aria-label": this.props.arialabel, "aria-controls": this.props.ariaControls, "aria-expanded": this.props.active, id: this.props.id },
             React.createElement("span", { className: "hamburger__box" },
                 React.createElement("span", { className: "hamburger__inner" }))));
     };

package/react/components/Layouts/HeaderPanel.js

@@ -56,7 +56,7 @@ var HeaderPanel = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     HeaderPanel.prototype.render = function () {
-        return (React.createElement("div", { className: "sd-main-content-grid__header" }, this.props.children));
+        return React.createElement("div", { className: "sd-main-content-grid__header" }, this.props.children);
     };
     return HeaderPanel;
 }(React.PureComponent));

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))));