superdesk-ui-framework 4.0.47 → 4.0.49

package/react/components/Form/InputWrapper.js

@@ -92,16 +92,13 @@ var InputWrapper = /** @class */ (function (_super) {
         return (React.createElement("div", { className: classes, "data-test-id": this.props['data-test-id'] },
             React.createElement("label", { className: labelClasses, htmlFor: this.props.htmlId, id: this.props.htmlId + 'label', tabIndex: this.props.tabindex === undefined ? undefined : -1 }, this.props.label),
             React.createElement("div", { className: "sd-input__input-container" }, this.props.children),
-            this.props.maxLength
-                && React.createElement("div", { className: 'sd-input__char-count' }, (_e = this.props.value) === null || _e === void 0 ? void 0 :
-                    _e.toString().length,
-                    " / ",
-                    this.props.maxLength),
-            React.createElement("div", { className: 'sd-input__message-box' },
-                this.props.info && !this.props.invalid
-                    && React.createElement("div", { className: 'sd-input__hint' }, this.props.info),
-                this.props.invalid
-                    && React.createElement("div", { className: 'sd-input__message' }, this.props.error))));
+            this.props.maxLength && (React.createElement("div", { className: "sd-input__char-count" }, (_e = this.props.value) === null || _e === void 0 ? void 0 :
+                _e.toString().length,
+                " / ",
+                this.props.maxLength)),
+            React.createElement("div", { className: "sd-input__message-box" },
+                this.props.info && !this.props.invalid && React.createElement("div", { className: "sd-input__hint" }, this.props.info),
+                this.props.invalid && React.createElement("div", { className: "sd-input__message" }, this.props.error))));
     };
     return InputWrapper;
 }(React.Component));

package/react/components/GridItem.d.ts

@@ -66,4 +66,4 @@ export default class GridItem extends React.PureComponent<IProps> {
     };
     render(): JSX.Element;
 }
-export { GridItem, GridItemContent, GridItemMedia, GridItemFooter, GridItemContentBlock, GridItemTime, GridItemTitle, GridItemText, GridItemSlug, GridItemFooterBlock, GridItemFooterActions, GridItemTopActions, GridItemCheckWrapper };
+export { GridItem, GridItemContent, GridItemMedia, GridItemFooter, GridItemContentBlock, GridItemTime, GridItemTitle, GridItemText, GridItemSlug, GridItemFooterBlock, GridItemFooterActions, GridItemTopActions, GridItemCheckWrapper, };

package/react/components/GridItem.js

@@ -60,7 +60,7 @@ var GridItemMedia = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     GridItemMedia.prototype.render = function () {
-        return (React.createElement("div", { className: 'sd-grid-item__media' }, this.props.children));
+        return React.createElement("div", { className: "sd-grid-item__media" }, this.props.children);
     };
     return GridItemMedia;
 }(React.PureComponent));
@@ -71,7 +71,7 @@ var GridItemContent = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     GridItemContent.prototype.render = function () {
-        return (React.createElement("div", { className: 'sd-grid-item__content' }, this.props.children));
+        return React.createElement("div", { className: "sd-grid-item__content" }, this.props.children);
     };
     return GridItemContent;
 }(React.PureComponent));
@@ -82,7 +82,7 @@ var GridItemContentBlock = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     GridItemContentBlock.prototype.render = function () {
-        return (React.createElement("div", { className: 'sd-grid-item__content-block' }, this.props.children));
+        return React.createElement("div", { className: "sd-grid-item__content-block" }, this.props.children);
     };
     return GridItemContentBlock;
 }(React.PureComponent));
@@ -93,7 +93,7 @@ var GridItemFooter = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     GridItemFooter.prototype.render = function () {
-        return (React.createElement("div", { className: 'sd-grid-item__footer' }, this.props.children));
+        return React.createElement("div", { className: "sd-grid-item__footer" }, this.props.children);
     };
     return GridItemFooter;
 }(React.PureComponent));
@@ -108,7 +108,7 @@ var GridItemFooterBlock = /** @class */ (function (_super) {
         var classes = (0, classnames_1.default)('sd-grid-item__footer-block', (_a = {},
             _a["sd-grid-item__footer-block--".concat(this.props.align)] = this.props.align,
             _a));
-        return (React.createElement("div", { className: classes }, this.props.children));
+        return React.createElement("div", { className: classes }, this.props.children);
     };
     GridItemFooterBlock.defaultProps = {
         align: 'left',
@@ -125,7 +125,7 @@ var GridItemFooterActions = /** @class */ (function (_super) {
         var classes = (0, classnames_1.default)('sd-grid-item__footer-actions', {
             'sd-grid-item__footer-actions--visible': this.props.autohide === false,
         });
-        return (React.createElement("div", { className: classes }, this.props.children));
+        return React.createElement("div", { className: classes }, this.props.children);
     };
     GridItemFooterActions.defaultProps = {
         autohide: true,
@@ -139,7 +139,7 @@ var GridItemTime = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     GridItemTime.prototype.render = function () {
-        return (React.createElement("time", { title: this.props.time }, this.props.time));
+        return React.createElement("time", { title: this.props.time }, this.props.time);
     };
     return GridItemTime;
 }(React.PureComponent));
@@ -150,7 +150,7 @@ var GridItemTitle = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     GridItemTitle.prototype.render = function () {
-        return (React.createElement("h4", { className: 'sd-grid-item__title' }, this.props.children));
+        return React.createElement("h4", { className: "sd-grid-item__title" }, this.props.children);
     };
     return GridItemTitle;
 }(React.PureComponent));
@@ -161,7 +161,7 @@ var GridItemSlug = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     GridItemSlug.prototype.render = function () {
-        return (React.createElement("span", { className: 'sd-grid-item__slugline' }, this.props.children));
+        return React.createElement("span", { className: "sd-grid-item__slugline" }, this.props.children);
     };
     return GridItemSlug;
 }(React.PureComponent));
@@ -172,7 +172,7 @@ var GridItemText = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     GridItemText.prototype.render = function () {
-        return (React.createElement("p", { className: 'sd-grid-item--element-grow' }, this.props.children));
+        return React.createElement("p", { className: "sd-grid-item--element-grow" }, this.props.children);
     };
     return GridItemText;
 }(React.PureComponent));
@@ -183,7 +183,7 @@ var GridItemTopActions = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     GridItemTopActions.prototype.render = function () {
-        return (React.createElement("div", { className: 'sd-grid-item__top-actions' }, this.props.children));
+        return React.createElement("div", { className: "sd-grid-item__top-actions" }, this.props.children);
     };
     return GridItemTopActions;
 }(React.PureComponent));
@@ -194,7 +194,7 @@ var GridItemCheckWrapper = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     GridItemCheckWrapper.prototype.render = function () {
-        return (React.createElement("span", { className: 'sd-grid-item__checkbox' }, this.props.children));
+        return React.createElement("span", { className: "sd-grid-item__checkbox" }, this.props.children);
     };
     return GridItemCheckWrapper;
 }(React.PureComponent));
@@ -208,14 +208,14 @@ var GridItem = /** @class */ (function (_super) {
         var classes = (0, classnames_1.default)('sd-grid-item', [
             "sd-grid-item__type--".concat(this.props.itemtype),
             {
-                'locked': this.props.locked,
+                locked: this.props.locked,
                 'sd-grid-item--with-click': this.props.onClick,
-                'fetched': this.props.fetched,
-            }
+                fetched: this.props.fetched,
+            },
         ], this.props.status);
         return (React.createElement("div", { className: classes, onClick: this.props.onClick },
             this.props.children,
-            React.createElement("div", { className: 'sd-grid-item__state-border' })));
+            React.createElement("div", { className: "sd-grid-item__state-border" })));
     };
     GridItem.defaultProps = {
         locked: false,

package/react/components/GridList.js

@@ -68,7 +68,7 @@ var GridList = /** @class */ (function (_super) {
                 _a["sd-margin--".concat(this.props.margin)] = this.props.margin,
                 _a),
         ]);
-        return (React.createElement("div", { className: classes }, this.props.children));
+        return React.createElement("div", { className: classes }, this.props.children);
     };
     GridList.defaultProps = {
         size: 'small',

package/react/components/HeadingText.js

@@ -56,11 +56,10 @@ var HeadingText = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     HeadingText.prototype.render = function () {
-        return (React.createElement("div", { className: 'sd-toast__message' },
-            React.createElement("div", { className: 'sd-toast__message-header' },
-                React.createElement("h4", { className: 'sd-toast__heading' }, this.props.heading),
-                this.props.timestamp ?
-                    React.createElement("time", null, this.props.timestamp.toLocaleString()) : null),
+        return (React.createElement("div", { className: "sd-toast__message" },
+            React.createElement("div", { className: "sd-toast__message-header" },
+                React.createElement("h4", { className: "sd-toast__heading" }, this.props.heading),
+                this.props.timestamp ? React.createElement("time", null, this.props.timestamp.toLocaleString()) : null),
             React.createElement("p", null, this.props.text)));
     };
     return HeadingText;

package/react/components/IconLabel.js

@@ -68,11 +68,9 @@ var IconLabel = /** @class */ (function (_super) {
             _a['label-icon--translucent'] = this.props.style === 'translucent',
             _a));
         return (React.createElement("span", { className: classes },
-            this.props.icon ?
-                React.createElement(Icon_1.Icon, { name: this.props.icon }) : null,
-            this.props.innerLabel ?
-                React.createElement("span", { className: 'label-icon--inner-label' }, this.props.innerLabel) : null,
-            React.createElement("span", { className: 'label-icon__value' }, this.props.text)));
+            this.props.icon ? React.createElement(Icon_1.Icon, { name: this.props.icon }) : null,
+            this.props.innerLabel ? (React.createElement("span", { className: "label-icon--inner-label" }, this.props.innerLabel)) : null,
+            React.createElement("span", { className: "label-icon__value" }, this.props.text)));
     };
     return IconLabel;
 }(React.PureComponent));

package/react/components/IconPicker.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { IItem } from "./SelectGrid";
+import { IItem } from './SelectGrid';
 interface IProps {
     label?: string;
     filterPlaceholder?: string;

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