superdesk-ui-framework 4.0.46 → 4.0.48

package/react/components/IconPicker.js

@@ -70,8 +70,10 @@ var IconPicker = /** @class */ (function (_super) {
             return new Promise(function (resolve) {
                 var icons = __spreadArray([], _this.state.icons, true);
                 if (searchString) {
-                    icons = icons.filter(function (icon) { return (icon.value.toLowerCase().includes(searchString) ||
-                        icon.label.toLowerCase().includes(searchString)); });
+                    icons = icons.filter(function (icon) {
+                        return icon.value.toLowerCase().includes(searchString) ||
+                            icon.label.toLowerCase().includes(searchString);
+                    });
                 }
                 resolve(icons);
             });
@@ -79,7 +81,9 @@ var IconPicker = /** @class */ (function (_super) {
         _this.onChange = function (item) {
             _this.props.onChange(item.value);
         };
-        _this.triggerTemplate = function (props) { return (React.createElement(Button_1.Button, { icon: _this.props.value, text: _this.props.value, onClick: function (e) { props.onClick(e); }, iconOnly: true })); };
+        _this.triggerTemplate = function (props) { return (React.createElement(Button_1.Button, { icon: _this.props.value, text: _this.props.value, onClick: function (e) {
+                props.onClick(e);
+            }, iconOnly: true })); };
         _this.itemTemplate = function (_a) {
             var item = _a.item;
             return item && (React.createElement(React.Fragment, null,
@@ -90,15 +94,16 @@ var IconPicker = /** @class */ (function (_super) {
         return _this;
     }
     IconPicker.prototype.componentDidMount = function () {
-        var translateFunction = this.props.translateFunction ?
-            this.props.translateFunction : function (text) { return text; };
+        var translateFunction = this.props.translateFunction
+            ? this.props.translateFunction
+            : function (text) { return text; };
         this.setState({
             icons: getIcons(translateFunction),
         });
     };
     IconPicker.prototype.render = function () {
         var _a, _b;
-        return (React.createElement(SelectGrid_1.SelectGrid, { label: (_a = this.props.label) !== null && _a !== void 0 ? _a : "Icon", filterPlaceholder: (_b = this.props.filterPlaceholder) !== null && _b !== void 0 ? _b : "Search...", getItems: this.getItems, onChange: this.onChange, itemTemplate: this.itemTemplate, triggerTemplate: this.triggerTemplate }));
+        return (React.createElement(SelectGrid_1.SelectGrid, { label: (_a = this.props.label) !== null && _a !== void 0 ? _a : 'Icon', filterPlaceholder: (_b = this.props.filterPlaceholder) !== null && _b !== void 0 ? _b : 'Search...', getItems: this.getItems, onChange: this.onChange, itemTemplate: this.itemTemplate, triggerTemplate: this.triggerTemplate }));
     };
     return IconPicker;
 }(React.PureComponent));
@@ -107,30 +112,30 @@ var getIcons = function (translateFunction) {
     var translatedIconNameMap = {
         'add-gallery': 'Add Gallery',
         'add-image': 'Add Image',
-        'adjust': 'Adjust',
+        adjust: 'Adjust',
         'align-center': 'Align Center',
         'align-justify': 'Align Justify',
         'align-left': 'Align Left',
         'align-right': 'Align Right',
-        'amp': 'AMP',
-        'analytics': 'Analytics',
-        'archive': 'Archive',
+        amp: 'AMP',
+        analytics: 'Analytics',
+        archive: 'Archive',
         'arrow-left': 'Arrow Left',
         'arrow-right': 'Arrow Right',
         'arrow-small': 'Arrow Small',
-        'ascending': 'Ascending',
-        'assign': 'Assign',
-        'attachment': 'Attachment',
+        ascending: 'Ascending',
+        assign: 'Assign',
+        attachment: 'Attachment',
         'attachment-large': 'Attachment Large',
-        'audio': 'Audio',
+        audio: 'Audio',
         'backward-thin': 'Backward Thin',
         'ban-circle': 'Ban Circle',
-        'bell': 'Bell',
-        'bold': 'Bold',
-        'broadcast': 'Broadcast',
+        bell: 'Bell',
+        bold: 'Bold',
+        broadcast: 'Broadcast',
         'broadcast-create': 'Broadcast Create',
-        'business': 'Business',
-        'calendar': 'Calendar',
+        business: 'Business',
+        calendar: 'Calendar',
         'calendar-list': 'Calendar List',
         'chevron-down-thin': 'Chevron Down Thin',
         'chevron-left-thin': 'Chevron Left Thin',
@@ -140,42 +145,42 @@ var getIcons = function (translateFunction) {
         'clear-format': 'Clear Format',
         'close-small': 'Close Small',
         'close-thick': 'Close Thick',
-        'code': 'Code',
-        'collapse': 'Collapse',
-        'comment': 'Comment',
-        'composite': 'Composite',
-        'copy': 'Copy',
-        'crop': 'Crop',
-        'cut': 'Cut',
-        'descending': 'Descending',
-        'dots': 'Dots',
+        code: 'Code',
+        collapse: 'Collapse',
+        comment: 'Comment',
+        composite: 'Composite',
+        copy: 'Copy',
+        crop: 'Crop',
+        cut: 'Cut',
+        descending: 'Descending',
+        dots: 'Dots',
         'dots-vertical': 'Dots Vertical',
-        'download': 'Download',
+        download: 'Download',
         'download-alt': 'Download Alternate',
         'edit-line': 'Edit Line',
-        'envelope': 'Envelope',
-        'event': 'Event',
+        envelope: 'Envelope',
+        event: 'Event',
         'exclamation-sign': 'Exclamation Sign',
-        'expand': 'Expand',
+        expand: 'Expand',
         'expand-thin': 'Expand Thin',
-        'external': 'External',
+        external: 'External',
         'eye-open': 'Eye Open',
-        'facebook': 'Facebook',
+        facebook: 'Facebook',
         'facebook-circle': 'Facebook Circle',
-        'fast_forward': 'Fast Forward',
-        'fast_rewind': 'Fast Rewind',
+        fast_forward: 'Fast Forward',
+        fast_rewind: 'Fast Rewind',
         'fetch-as': 'Fetch As',
-        'file': 'File',
+        file: 'File',
         'filter-large': 'Filter Large',
         'flip-horizontal': 'Flip Horizontal',
         'flip-vertical': 'Flip Vertical',
         'folder-close': 'Folder Close',
         'folder-open': 'Folder Open',
-        'font': 'Font',
+        font: 'Font',
         'forward-thin': 'Forward Thin',
-        'fullscreen': 'Fullscreen',
-        'globe': 'Globe',
-        'graphic': 'Graphic',
+        fullscreen: 'Fullscreen',
+        globe: 'Globe',
+        graphic: 'Graphic',
         'grid-view': 'Grid View',
         'grid-view-large': 'Grid View Large',
         'heading-1': 'Heading 1',
@@ -184,112 +189,114 @@ var getIcons = function (translateFunction) {
         'heading-4': 'Heading 4',
         'heading-5': 'Heading 5',
         'heading-6': 'Heading 6',
-        'heart': 'Heart',
+        heart: 'Heart',
         'help-large': 'Help Large',
         'highlight-package': 'Highlight Package',
-        'home': 'Home',
+        home: 'Home',
         'indent-left': 'Indent Left',
         'indent-right': 'Indent Right',
         'info-large': 'Info Large',
         'info-sign': 'Info Sign',
-        'ingest': 'Ingest',
-        'instagram': 'Instagram',
-        'italic': 'Italic',
+        ingest: 'Ingest',
+        instagram: 'Instagram',
+        italic: 'Italic',
         'kanban-view': 'Kanban View',
-        'kill': 'Kill',
-        'link': 'Link',
+        kill: 'Kill',
+        link: 'Link',
         'linked-in': 'LinkedIn',
         'linked-in-circle': 'LinkedIn Circle',
         'list-alt': 'List Alternate',
         'list-menu': 'List Menu',
         'list-plus': 'List Plus',
         'list-view': 'List View',
-        'lock': 'Lock',
+        lock: 'Lock',
         'map-marker': 'Map Marker',
         'minus-sign': 'Minus Sign',
         'minus-small': 'Minus Small',
-        'mobile': 'Mobile',
-        'move': 'Move',
+        mobile: 'Mobile',
+        move: 'Move',
         'multi-star': 'Multi Start',
-        'multiedit': 'Multi Edit',
+        multiedit: 'Multi Edit',
         'new-doc': 'New Document',
-        'ok': 'Okay',
+        ok: 'Okay',
         'ordered-list': 'Ordered List',
         'package-create': 'Package Create',
         'package-plus': 'Package Plus',
-        'paragraph': 'Paragraph',
-        'paste': 'Paste',
-        'pause': 'Pause',
-        'paywall': 'Paywall',
-        'pencil': 'Pencil',
-        'phone': 'Phone',
-        'photo': 'Photo',
-        'pick': 'Pick',
-        'picture': 'Picture',
-        'pin': 'Pin',
-        'play': 'Play',
+        paragraph: 'Paragraph',
+        paste: 'Paste',
+        pause: 'Pause',
+        paywall: 'Paywall',
+        pencil: 'Pencil',
+        phone: 'Phone',
+        photo: 'Photo',
+        pick: 'Pick',
+        picture: 'Picture',
+        pin: 'Pin',
+        play: 'Play',
         'plus-large': 'Plus Large',
         'plus-sign': 'Plus Sign',
         'plus-small': 'Plus Small',
-        'post': 'Post',
-        'preformatted': 'Preformatted',
+        post: 'Post',
+        preformatted: 'Preformatted',
         'preview-mode': 'Preview Mode',
-        'print': 'Print',
+        print: 'Print',
         'question-sign': 'Question Sign',
-        'quote': 'Quote',
-        'random': 'Random',
-        'recurring': 'Recurring',
-        'redo': 'Redo',
-        'refresh': 'Refresh',
+        quote: 'Quote',
+        random: 'Random',
+        recurring: 'Recurring',
+        redo: 'Redo',
+        refresh: 'Refresh',
         'remove-sign': 'Remove Sign',
-        'repeat': 'Repeat',
-        'retweet': 'Retweet',
-        'revert': 'Revert',
+        repeat: 'Repeat',
+        retweet: 'Retweet',
+        revert: 'Revert',
         'rotate-left': 'Rotate Left',
         'rotate-right': 'Rotate Right',
-        'search': 'Search',
-        'settings': 'Settings',
+        search: 'Search',
+        settings: 'Settings',
         'share-alt': 'Share Alternate',
-        'signal': 'Signal',
-        'skip_next': 'Skip Next',
-        'skip_previous': 'Skip Previous',
-        'slideshow': 'Slideshow',
-        'star': 'Star',
+        signal: 'Signal',
+        skip_next: 'Skip Next',
+        skip_previous: 'Skip Previous',
+        slideshow: 'Slideshow',
+        star: 'Star',
         'star-empty': 'Star Empty',
-        'stop': 'Stop',
-        'stream': 'Stream',
-        'strikethrough': 'Strikethrough',
-        'subscript': 'Subscript',
-        'suggestion': 'Suggestion',
-        'superscript': 'Superscript',
-        'switches': 'Switches',
-        'table': 'Table',
+        stop: 'Stop',
+        stream: 'Stream',
+        strikethrough: 'Strikethrough',
+        subscript: 'Subscript',
+        suggestion: 'Suggestion',
+        superscript: 'Superscript',
+        switches: 'Switches',
+        table: 'Table',
         'takes-package': 'Takes Package',
-        'tasks': 'Tasks',
-        'text': 'Text',
+        tasks: 'Tasks',
+        text: 'Text',
         'text-format': 'Text Format',
-        'th': 'Table Header',
+        th: 'Table Header',
         'th-large': 'Table Header Large',
         'th-list': 'Table Header List',
-        'time': 'Time',
+        time: 'Time',
         'to-lowercase': 'To Lowercase',
         'to-uppercase': 'To Uppercase',
-        'trash': 'Trash',
-        'twitter': 'Twitter',
+        trash: 'Trash',
+        twitter: 'Twitter',
         'twitter-circle': 'Twitter Circle',
-        'underline': 'Underline',
-        'undo': 'Undo',
-        'unlocked': 'Unlocked',
+        underline: 'Underline',
+        undo: 'Undo',
+        unlocked: 'Unlocked',
         'unordered-list': 'Unordered List',
-        'unspike': 'Unspike',
-        'upload': 'Upload',
-        'user': 'User',
-        'video': 'Video',
+        unspike: 'Unspike',
+        upload: 'Upload',
+        user: 'User',
+        video: 'Video',
         'warning-sign': 'Warning Sign',
         'zoom-in': 'Zoom In',
         'zoom-out': 'Zoom Out',
     };
-    return Object.keys(translatedIconNameMap).sort().map(function (icon) { return ({
+    return Object.keys(translatedIconNameMap)
+        .sort()
+        .map(function (icon) { return ({
         value: icon,
         label: translateFunction(translatedIconNameMap[icon]),
     }); });

package/react/components/IllustrationButton.js

@@ -65,7 +65,7 @@ var IllustrationButton = /** @class */ (function (_super) {
         });
         return (React.createElement("button", { className: classes, tabIndex: 0, onClick: this.props.onClick },
             this.props.children,
-            React.createElement("span", { className: 'illustration-button__text-label' }, this.props.text)));
+            React.createElement("span", { className: "illustration-button__text-label" }, this.props.text)));
     };
     return IllustrationButton;
 }(React.PureComponent));

package/react/components/Input.js

@@ -78,7 +78,7 @@ var Input = /** @class */ (function (_super) {
                 React.createElement("span", null, this.props.value)));
         }
         return (React.createElement(InputWrapper_1.InputWrapper, { label: this.props.label, required: this.props.required, disabled: this.props.disabled, value: this.props.value, error: this.props.error, invalid: this.props.error != null, info: this.props.info, maxLength: this.props.maxLength, inlineLabel: this.props.inlineLabel, labelHidden: this.props.labelHidden, size: (_a = this.props.size) !== null && _a !== void 0 ? _a : 'medium', fullWidth: this.props.fullWidth, htmlId: this.htmlId, boxedStyle: this.props.boxedStyle, boxedLable: this.props.boxedLable, tabindex: this.props.tabindex, inputWrapper: this.props.inputWrapper },
-            React.createElement("input", { className: 'sd-input__input', type: (_b = this.props.type) !== null && _b !== void 0 ? _b : 'text', id: this.htmlId, value: this.props.value, "aria-describedby": this.htmlId + 'label', tabIndex: this.props.tabindex, onChange: this.handleChange, placeholder: this.props.placeholder, disabled: this.props.disabled, "data-test-id": this.props['data-test-id'] })));
+            React.createElement("input", { className: "sd-input__input", type: (_b = this.props.type) !== null && _b !== void 0 ? _b : 'text', id: this.htmlId, value: this.props.value, "aria-describedby": this.htmlId + 'label', tabIndex: this.props.tabindex, onChange: this.handleChange, placeholder: this.props.placeholder, disabled: this.props.disabled, "data-test-id": this.props['data-test-id'] })));
     };
     return Input;
 }(React.Component));

package/react/components/Layouts/AuthorinInnerSideBar.js

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

package/react/components/Layouts/AuthoringContainer.js

@@ -70,7 +70,7 @@ var AuthoringContainer = /** @class */ (function (_super) {
             _b["sd-editor__container--large"] = this.props.large,
             _b));
         return (React.createElement("div", { className: classes },
-            React.createElement("div", { className: 'sd-editor__container-wrapper' },
+            React.createElement("div", { className: "sd-editor__container-wrapper" },
                 React.createElement("div", { className: classesContainerInner }, this.props.children))));
     };
     return AuthoringContainer;

package/react/components/Layouts/AuthoringFrame.js

@@ -59,13 +59,13 @@ var AuthoringFrame = /** @class */ (function (_super) {
     }
     AuthoringFrame.prototype.render = function () {
         return (React.createElement(_1.AuthoringFrameContainer, null,
-            this.props.header && (React.createElement(_1.AuthoringFrameNavBar, null, this.props.header)),
-            this.props.leftPanel && (React.createElement(_1.AuthoringFrameLeftBar, null, this.props.leftPanel)),
-            this.props.main && (React.createElement(_1.AuthoringFrameMain, null, this.props.main)),
+            this.props.header && React.createElement(_1.AuthoringFrameNavBar, null, this.props.header),
+            this.props.leftPanel && React.createElement(_1.AuthoringFrameLeftBar, null, this.props.leftPanel),
+            this.props.main && React.createElement(_1.AuthoringFrameMain, null, this.props.main),
             this.props.sidePanel && (React.createElement(_1.AuthoringFrameSidePanel, { opened: this.props.sidePanelOpen, pinned: this.props.sidePanelPinned }, this.props.sidePanel)),
             this.props.sideOverlay && (React.createElement(_1.AuthoringFrameSidePanelOverlay, { opened: this.props.sideOverlayOpen }, this.props.sideOverlay)),
             this.props.sideBar && (React.createElement(_1.AuthoringFrameRightBar, { closed: this.props.sideBarClosed }, this.props.sideBar)),
-            this.props.overlayPanel && (React.createElement(_1.AuthoringFrameOverlay, null, this.props.overlayPanel))));
+            this.props.overlayPanel && React.createElement(_1.AuthoringFrameOverlay, null, this.props.overlayPanel)));
     };
     return AuthoringFrame;
 }(React.PureComponent));

package/react/components/Layouts/AuthoringFrameContainer.js

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

package/react/components/Layouts/AuthoringFrameLeftBar.js

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

package/react/components/Layouts/AuthoringFrameMain.js

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

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