superdesk-ui-framework 4.0.46 → 4.0.48

package/react/components/DurationInput.js

@@ -89,8 +89,8 @@ var DurationInput = /** @class */ (function (_super) {
         }
         else if (state === 'minutes') {
             value = parametar1
-                ? (parametar1 % 60) + Math.floor((parametar2 || 0) % 3600 / 60)
-                : Math.floor((parametar2 || 0) % 3600 / 60);
+                ? (parametar1 % 60) + Math.floor(((parametar2 || 0) % 3600) / 60)
+                : Math.floor(((parametar2 || 0) % 3600) / 60);
         }
         else {
             value = parametar1 ? parametar1 % 60 : 0;
@@ -155,12 +155,12 @@ var DurationInput = /** @class */ (function (_super) {
                 }, 500);
             }
         }
-        if (this.hourRef.current.value.length === 2
-            && this.minuteRef.current.value.length === 2
-            && this.secondRef.current.value.length === 2) {
-            if ((this.props.hours !== prevProps.hours)
-                || (this.props.minutes !== prevProps.minutes)
-                || (this.props.seconds !== prevProps.seconds)) {
+        if (this.hourRef.current.value.length === 2 &&
+            this.minuteRef.current.value.length === 2 &&
+            this.secondRef.current.value.length === 2) {
+            if (this.props.hours !== prevProps.hours ||
+                this.props.minutes !== prevProps.minutes ||
+                this.props.seconds !== prevProps.seconds) {
                 this.setState({
                     hours: this.stateUpdate('hours', this.props.hours, this.props.minutes, this.props.seconds),
                     minutes: this.stateUpdate('minutes', this.props.minutes, this.props.seconds),
@@ -171,8 +171,7 @@ var DurationInput = /** @class */ (function (_super) {
     };
     DurationInput.prototype.valueUpdate = function () {
         if (this.props.onChange) {
-            this.props.onChange(moment_1.default.duration("".concat(this.state.hours, ":").concat(this.state.minutes, ":").concat(this.state.seconds))
-                .asSeconds());
+            this.props.onChange(moment_1.default.duration("".concat(this.state.hours, ":").concat(this.state.minutes, ":").concat(this.state.seconds)).asSeconds());
         }
     };
     DurationInput.prototype.handleKeyDown = function (event) {
@@ -237,9 +236,8 @@ var DurationInput = /** @class */ (function (_super) {
         var stateClone = {};
         if (event.key === 'ArrowUp') {
             if (event.target.id === 'hours') {
-                stateClone[state] = this.state[state] < 99
-                    ? this.zeroPad(Number(this.state[state]) + 1)
-                    : this.zeroPad(99);
+                stateClone[state] =
+                    this.state[state] < 99 ? this.zeroPad(Number(this.state[state]) + 1) : this.zeroPad(99);
             }
             else {
                 stateClone[state] = this.zeroPad(Number(this.state[state]) + 1);
@@ -247,9 +245,8 @@ var DurationInput = /** @class */ (function (_super) {
         }
         else if (event.key === 'ArrowDown') {
             if (event.target.id === 'hours') {
-                stateClone[state] = this.state[state] > 0
-                    ? this.zeroPad(Number(this.state[state]) - 1)
-                    : this.zeroPad(0);
+                stateClone[state] =
+                    this.state[state] > 0 ? this.zeroPad(Number(this.state[state]) - 1) : this.zeroPad(0);
             }
             else {
                 stateClone[state] = this.zeroPad(Number(this.state[state]) - 1);
@@ -297,11 +294,11 @@ var DurationInput = /** @class */ (function (_super) {
         this.setState(stateClone);
     };
     DurationInput.prototype.handleFocusOnKeyUp = function (event, ref) {
-        if (event.key !== 'ArrowRight'
-            && event.key !== 'ArrowLeft'
-            && event.key !== 'ArrowUp'
-            && event.key !== 'ArrowDown'
-            && event.key !== 'Backspace') {
+        if (event.key !== 'ArrowRight' &&
+            event.key !== 'ArrowLeft' &&
+            event.key !== 'ArrowUp' &&
+            event.key !== 'ArrowDown' &&
+            event.key !== 'Backspace') {
             if ((event.keyCode > 46 && event.keyCode < 58) || (event.keyCode > 95 && event.keyCode < 106)) {
                 var target = event.target;
                 if (target.value.length >= 2) {
@@ -316,37 +313,43 @@ var DurationInput = /** @class */ (function (_super) {
     DurationInput.prototype.render = function () {
         var _this = this;
         if (this.props.preview) {
-            return (React.createElement("div", { className: 'sd-input__duration-input-preview' },
+            return (React.createElement("div", { className: "sd-input__duration-input-preview" },
                 React.createElement("div", null,
-                    React.createElement("span", { className: 'duration-input-preview' }, this.state.hours),
-                    React.createElement("span", { className: 'sd-input__suffix' }, "h")),
+                    React.createElement("span", { className: "duration-input-preview" }, this.state.hours),
+                    React.createElement("span", { className: "sd-input__suffix" }, "h")),
                 React.createElement("div", null,
-                    React.createElement("span", { className: 'duration-input-preview' }, this.state.minutes),
-                    React.createElement("span", { className: 'sd-input__suffix' }, "m")),
+                    React.createElement("span", { className: "duration-input-preview" }, this.state.minutes),
+                    React.createElement("span", { className: "sd-input__suffix" }, "m")),
                 React.createElement("div", null,
-                    React.createElement("span", { className: 'duration-input-preview' }, this.state.seconds),
-                    React.createElement("span", { className: 'sd-input__suffix' }, "s"))));
+                    React.createElement("span", { className: "duration-input-preview" }, this.state.seconds),
+                    React.createElement("span", { className: "sd-input__suffix" }, "s"))));
         }
         return (React.createElement(Form_1.InputWrapper, { label: this.props.label, error: this.props.error, invalid: this.props.error != null, required: this.props.required, disabled: this.props.disabled, info: this.props.info, inlineLabel: this.props.inlineLabel, labelHidden: this.props.labelHidden, htmlId: this.htmlId, tabindex: this.props.tabindex, inputWrapper: this.props.inputWrapper },
             React.createElement("div", { className: 'sd-input__duration-input' },
-                React.createElement("input", { className: "duration-input ".concat(this.state.blink === 'hour' ? 'blink_me' : ''), type: 'text', id: 'hours', autoComplete: "off", max: 99, min: 0, ref: this.hourRef, value: this.state.hours, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.minuteRef.current); }, onChange: function (event) { _this.handleChange(event, 'hours'); }, onBlur: function (event) { return _this.setState({ hours: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
+                React.createElement("input", { className: "duration-input ".concat(this.state.blink === 'hour' ? 'blink_me' : ''), type: "text", id: "hours", autoComplete: "off", max: 99, min: 0, ref: this.hourRef, value: this.state.hours, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.minuteRef.current); }, onChange: function (event) {
+                        _this.handleChange(event, 'hours');
+                    }, onBlur: function (event) { return _this.setState({ hours: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
                         if (!/[0-9]/.test(event.key)) {
                             event.preventDefault();
                         }
                     } }),
-                React.createElement("span", { className: 'sd-input__suffix' }, "h"),
-                React.createElement("input", { className: "duration-input ".concat(this.state.blink === 'minute' ? 'blink_me' : ''), type: 'text', id: 'minutes', autoComplete: "off", ref: this.minuteRef, value: this.state.minutes, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.secondRef.current); }, onChange: function (event) { _this.handleChange(event, 'minutes'); }, onBlur: function (event) { return _this.setState({ minutes: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
+                React.createElement("span", { className: "sd-input__suffix" }, "h"),
+                React.createElement("input", { className: "duration-input ".concat(this.state.blink === 'minute' ? 'blink_me' : ''), type: "text", id: "minutes", autoComplete: "off", ref: this.minuteRef, value: this.state.minutes, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.secondRef.current); }, onChange: function (event) {
+                        _this.handleChange(event, 'minutes');
+                    }, onBlur: function (event) { return _this.setState({ minutes: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
                         if (!/[0-9]/.test(event.key)) {
                             event.preventDefault();
                         }
                     } }),
-                React.createElement("span", { className: 'sd-input__suffix' }, "m"),
-                React.createElement("input", { className: 'duration-input', type: 'text', id: 'seconds', autoComplete: "off", ref: this.secondRef, value: this.state.seconds, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.hourRef.current); }, onChange: function (event) { _this.handleChange(event, 'seconds'); }, onBlur: function (event) { return _this.setState({ seconds: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
+                React.createElement("span", { className: "sd-input__suffix" }, "m"),
+                React.createElement("input", { className: "duration-input", type: "text", id: "seconds", autoComplete: "off", ref: this.secondRef, value: this.state.seconds, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.hourRef.current); }, onChange: function (event) {
+                        _this.handleChange(event, 'seconds');
+                    }, onBlur: function (event) { return _this.setState({ seconds: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
                         if (!/[0-9]/.test(event.key)) {
                             event.preventDefault();
                         }
                     } }),
-                React.createElement("span", { className: 'sd-input__suffix' }, "s"))));
+                React.createElement("span", { className: "sd-input__suffix" }, "s"))));
     };
     return DurationInput;
 }(React.PureComponent));

package/react/components/EmptyState.js

@@ -67,13 +67,13 @@ var EmptyState = /** @class */ (function (_super) {
             _a["content-state__image--".concat(this.props.size)] = this.props.size || this.props.size !== undefined,
             _a));
         var image = require("../../app/img/empty_states/empty-state--".concat(this.props.size ? this.props.size : 'small', "-").concat(this.props.illustration ? this.props.illustration : '1', ".svg"));
-        return (React.createElement("div", { className: 'content-state--empty-container'
-                + (this.props.absolutePositioned ? ' content-state__empty-container--absolute' : '') },
-            React.createElement("div", { className: 'content-state__empty-info' },
+        return (React.createElement("div", { className: 'content-state--empty-container' +
+                (this.props.absolutePositioned ? ' content-state__empty-container--absolute' : '') },
+            React.createElement("div", { className: "content-state__empty-info" },
                 React.createElement("figure", { className: classes },
                     React.createElement("img", { src: image, alt: this.props.illustration })),
-                React.createElement("h3", { className: 'content-state__heading' }, this.props.title),
-                React.createElement("p", { className: 'content-state__description' }, this.props.description))));
+                React.createElement("h3", { className: "content-state__heading" }, this.props.title),
+                React.createElement("p", { className: "content-state__description" }, this.props.description))));
     };
     return EmptyState;
 }(React.PureComponent));

package/react/components/Form/FormGroup.js

@@ -70,7 +70,7 @@ var FormGroup = /** @class */ (function (_super) {
             _a["form__group--mb-".concat(this.props.marginBottom)] = this.props.marginBottom,
             _a['form__group--inline-label'] = this.props.inlineLabel,
             _a));
-        return (React.createElement("div", { className: classes }, this.props.children));
+        return React.createElement("div", { className: classes }, this.props.children);
     };
     return FormGroup;
 }(React.PureComponent));

package/react/components/Form/FormItem.js

@@ -63,7 +63,7 @@ var FormItem = /** @class */ (function (_super) {
         var classes = (0, classnames_1.default)('form__item', {
             'form__item--auto-width': this.props.autoWidth,
         });
-        return (React.createElement("div", { className: classes }, this.props.children));
+        return React.createElement("div", { className: classes }, this.props.children);
     };
     return FormItem;
 }(React.PureComponent));

package/react/components/Form/FormRow.js

@@ -71,7 +71,7 @@ var FormRow = /** @class */ (function (_super) {
             'form__row--bordered': this.props.bordered,
             'form__row--flex-NEW': this.props.flexNew,
         });
-        return (React.createElement("div", { className: classes }, this.props.children));
+        return React.createElement("div", { className: classes }, this.props.children);
     };
     return FormRow;
 }(React.PureComponent));

package/react/components/Form/FormRowNew.js

@@ -68,12 +68,12 @@ var FormRowNew = /** @class */ (function (_super) {
             _a['form__group-new--has_row-label'] = this.props.rowLabel,
             _a));
         if (this.props.rowLabel) {
-            return (React.createElement("div", { className: 'form__group-new__wrapper' },
-                React.createElement("label", { className: 'form__group-new__label', htmlFor: "form__group-new__label" }, this.props.rowLabel),
+            return (React.createElement("div", { className: "form__group-new__wrapper" },
+                React.createElement("label", { className: "form__group-new__label", htmlFor: "form__group-new__label" }, this.props.rowLabel),
                 React.createElement("div", { className: classes }, this.props.children)));
         }
         else {
-            return (React.createElement("div", { className: classes }, this.props.children));
+            return React.createElement("div", { className: classes }, this.props.children);
         }
     };
     return FormRowNew;

package/react/components/Form/FormText.js

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

package/react/components/Form/InputNew.js

@@ -78,9 +78,9 @@ var InputNew = /** @class */ (function (_super) {
         return (React.createElement(_1.InputWrapper, { label: this.props.label, error: this.props.error, required: this.props.required, disabled: this.props.disabled, value: this.state.value, invalid: this.state.invalid, 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 },
             React.createElement(_1.InputBase, { type: "text", onChange: function (value) {
                     _this.setState({ value: value });
-                    _this.setState({ invalid: _this.props.maxLength
-                            ? value.length > _this.props.maxLength
-                            : false });
+                    _this.setState({
+                        invalid: _this.props.maxLength ? value.length > _this.props.maxLength : false,
+                    });
                     _this.props.onChange(value);
                 }, disabled: this.props.disabled, htmlId: this.htmlId, value: this.state.value, "aria-describedby": this.htmlId + 'label', tabIndex: this.props.tabindex, placeholder: this.props.placeholder })));
     };

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;