@rh-support/components 2.0.4 → 2.0.7-beta.1

package/lib/cjs/InlineEdit/NewInlineEdit.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -38,60 +27,17 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NewInlineEdit = void 0;
 require("./newInlineEdit.css");
-var pencil_alt_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/pencil-alt-icon"));
-var lodash_1 = require("lodash");
-var react_1 = __importStar(require("react"));
-var react_i18next_1 = require("react-i18next");
-var defaultProps = {
+const pencil_alt_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/pencil-alt-icon"));
+const isEmpty_1 = __importDefault(require("lodash/isEmpty"));
+const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const defaultProps = {
     allowInlineEdit: false,
     formClassName: '',
     formId: '',
@@ -111,122 +57,91 @@ var defaultProps = {
     isSpaceAllowed: true,
 };
 function NewInlineEdit(props) {
-    var _this = this;
     var _a;
-    var _b = __read(react_1.useState(props.initialIsEditing), 2), isEditing = _b[0], setIsEditing = _b[1];
+    const [isEditing, setIsEditing] = react_1.useState(props.initialIsEditing);
     // editingTrueOnStart is a state to track if inlineEdit component is open on start, we don't want to focus
     // on input/textareat in this situation as we may have other form elements on page that we want to focus
-    var _c = __read(react_1.useState(!props.initialIsEditing), 2), canAutoSetFocus = _c[0], setCanAutoSfocus = _c[1];
+    const [canAutoSetFocus, setCanAutoSfocus] = react_1.useState(!props.initialIsEditing);
     // To close InlineEdit input and show content whenever cancel is clicked
-    react_1.useEffect(function () {
+    react_1.useEffect(() => {
         if (isEditing) {
             setIsEditing(!isEditing);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.cancelToggleState, props.saveToggleState]);
-    var onEditClicked = function (e) {
+    const onEditClicked = (e) => {
         setCanAutoSfocus(true);
         e.preventDefault();
         props.cancelOnToggle && isEditing && props.onCancel && props.onCancel();
         setIsEditing(!isEditing);
     };
-    var renderEditButton = function () {
+    const renderEditButton = () => {
         if (!props.allowInlineEdit) {
             return null;
         }
-        return (react_1.default.createElement("button", { className: "btn btn-link btn-app btn-edit", "aria-label": "Edit", onClick: onEditClicked },
+        return (react_1.default.createElement("button", { className: `btn btn-link btn-app btn-edit ${props.isExportingPDF ? 'hide-in-pdf' : ''}`, "aria-label": "Edit", onClick: onEditClicked },
             react_1.default.createElement(pencil_alt_icon_1.default, null)));
     };
-    var onBlurChild = function () {
+    const onBlurChild = () => {
         props.collapseOnBlur && setIsEditing(!isEditing);
         props.saveOnBlur && !props.saveDisabled && props.onSave && props.onSave();
         props.cancelOnBlur && props.onCancel && props.onCancel();
     };
-    var onCancelClicked = function () {
+    const onCancelClicked = () => {
         props.onCancel && props.onCancel();
         setIsEditing(false);
     };
-    var onSave = function () { return __awaiter(_this, void 0, void 0, function () {
-        var _a, e_1;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    _b.trys.push([0, 3, , 4]);
-                    _a = props.onSave;
-                    if (!_a) return [3 /*break*/, 2];
-                    return [4 /*yield*/, props.onSave()];
-                case 1:
-                    _a = (_b.sent());
-                    _b.label = 2;
-                case 2:
-                    _a;
-                    setIsEditing(false);
-                    return [3 /*break*/, 4];
-                case 3:
-                    e_1 = _b.sent();
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
-            }
-        });
-    }); };
-    var onSaveClicked = function () { return __awaiter(_this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (props.saveDisabled)
-                        return [2 /*return*/];
-                    return [4 /*yield*/, onSave()];
-                case 1:
-                    _a.sent();
-                    return [2 /*return*/];
-            }
-        });
-    }); };
+    const onSave = () => __awaiter(this, void 0, void 0, function* () {
+        try {
+            props.onSave && (yield props.onSave());
+            setIsEditing(false);
+        }
+        catch (e) {
+            // we will keep the user in the editing state. so nothing to do here
+        }
+    });
+    const onSaveClicked = () => __awaiter(this, void 0, void 0, function* () {
+        if (props.saveDisabled)
+            return;
+        yield onSave();
+    });
     // Disables button if isSpaceAllowed is False and Input has Spaces
-    var diabledCheckForSpaceAllowed = !props.isSpaceAllowed && lodash_1.isEmpty((_a = props.inputValue) === null || _a === void 0 ? void 0 : _a.trim());
-    var handleKeyDown = function (e) { return __awaiter(_this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!(props.allowInlineEdit && isEditing && e.keyCode === 27)) return [3 /*break*/, 1];
-                    props.onCancel && props.onCancel();
-                    setIsEditing(false);
-                    return [3 /*break*/, 3];
-                case 1:
-                    if (!(!props.hideSaveCancel &&
-                        props.allowInlineEdit &&
-                        isEditing &&
-                        !diabledCheckForSpaceAllowed &&
-                        !props.saveDisabled &&
-                        e.keyCode === 13)) return [3 /*break*/, 3];
-                    return [4 /*yield*/, onSave()];
-                case 2:
-                    _a.sent();
-                    _a.label = 3;
-                case 3: return [2 /*return*/];
-            }
-        });
-    }); };
-    var renderSaveCancel = function () {
-        return !props.hideSaveCancel &&
+    const diabledCheckForSpaceAllowed = !props.isSpaceAllowed && isEmpty_1.default((_a = props.inputValue) === null || _a === void 0 ? void 0 : _a.trim());
+    const handleKeyDown = (e) => __awaiter(this, void 0, void 0, function* () {
+        // Cancel on pressing esc
+        if (props.allowInlineEdit && isEditing && e.keyCode === 27) {
+            props.onCancel && props.onCancel();
+            setIsEditing(false);
+        }
+        // Save on pressing enter
+        else if (!props.hideSaveCancel &&
             props.allowInlineEdit &&
-            isEditing && (react_1.default.createElement("span", { className: "edit-actions" },
-            props.loadingIndicator && react_1.default.createElement("span", null, props.loadingIndicator),
-            react_1.default.createElement("button", { "data-tracking-id": props.dataTrackingId ? props.dataTrackingId + "-inline-edit-save" : null, className: "btn btn-app btn-link", type: "button", onClick: onSaveClicked, disabled: diabledCheckForSpaceAllowed || props.saveDisabled },
-                react_1.default.createElement(react_i18next_1.Trans, null, props.saveLabel)),
-            react_1.default.createElement("button", { type: "button", "data-tracking-id": props.dataTrackingId ? props.dataTrackingId + "-inline-edit-cancel" : null, className: "btn btn-app btn-link", onClick: onCancelClicked },
-                react_1.default.createElement(react_i18next_1.Trans, null, props.cancelLabel))));
-    };
-    var canShowContent = !isEditing && props.allowInlineEdit && props.content;
-    var showCount = " " + props.charCount + " / " + props.charTotal;
-    return (react_1.default.createElement("div", { className: "form-group edit-question " + props.formClassName, id: props.formId },
+            isEditing &&
+            !diabledCheckForSpaceAllowed &&
+            !props.saveDisabled &&
+            e.keyCode === 13) {
+            yield onSave();
+        }
+    });
+    const renderSaveCancel = () => !props.hideSaveCancel &&
+        props.allowInlineEdit &&
+        isEditing && (react_1.default.createElement("span", { className: "edit-actions" },
+        props.loadingIndicator && react_1.default.createElement("span", null, props.loadingIndicator),
+        react_1.default.createElement("button", { "data-tracking-id": props.dataTrackingId ? `${props.dataTrackingId}-inline-edit-save` : null, className: "btn btn-app btn-link", type: "button", onClick: onSaveClicked, disabled: diabledCheckForSpaceAllowed || props.saveDisabled },
+            react_1.default.createElement(react_i18next_1.Trans, null, props.saveLabel)),
+        react_1.default.createElement("button", { type: "button", "data-tracking-id": props.dataTrackingId ? `${props.dataTrackingId}-inline-edit-cancel` : null, className: "btn btn-app btn-link", onClick: onCancelClicked },
+            react_1.default.createElement(react_i18next_1.Trans, null, props.cancelLabel))));
+    const canShowContent = !isEditing && props.allowInlineEdit && props.content;
+    const showCount = ` ${props.charCount} / ${props.charTotal}`;
+    return (react_1.default.createElement("div", { className: `form-group edit-question ${props.formClassName}`, id: props.formId },
         !props.hideLabel && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("label", __assign({}, props.labelProps),
+            react_1.default.createElement("label", Object.assign({}, props.labelProps),
                 react_1.default.createElement("span", { className: "label-edit" }, props.labelContent),
-                props.helperContent,
+                react_1.default.createElement("span", { className: `${props.isExportingPDF ? 'hide-in-pdf' : ''}` }, props.helperContent),
                 !props.content && !isEditing ? renderEditButton() : null))),
         renderSaveCancel(),
-        props.hideSaveCancel && isEditing && (react_1.default.createElement("span", { className: "\n                        " + (props.charCount > props.charTotal ? 'char-count pf-u-danger-color-100' : 'char-count') }, props.charCount ? showCount : null)),
+        props.hideSaveCancel && isEditing && (react_1.default.createElement("span", { className: `
+                        ${props.charCount > props.charTotal ? 'char-count pf-u-danger-color-100' : 'char-count'}` }, props.charCount ? showCount : null)),
         canShowContent && !props.usePreformattedTag && (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement("p", { id: props.inputId, style: { display: props.hideLabel ? 'inline' : 'block' } },
                 props.content,
@@ -240,15 +155,15 @@ function NewInlineEdit(props) {
                 !props.allowInlineEdit && props.children,
                 props.allowInlineEdit &&
                     isEditing &&
-                    react_1.default.Children.map(props.children, function (child) {
+                    react_1.default.Children.map(props.children, (child) => {
                         if (!child)
                             return;
-                        var canFocusChild = (child.type === 'input' || child.type === 'textarea') && canAutoSetFocus;
+                        const canFocusChild = (child.type === 'input' || child.type === 'textarea') && canAutoSetFocus;
                         // if input/textarea had autoFocus but focus was lost in the wrapper component
-                        var needsReFocus = !canAutoSetFocus && child.props.autoFocus;
+                        const needsReFocus = !canAutoSetFocus && child.props.autoFocus;
                         if (canFocusChild || needsReFocus) {
                             return react_1.default.cloneElement(child, {
-                                ref: function (node) {
+                                ref: (node) => {
                                     node && node.focus();
                                     setCanAutoSfocus(false);
                                 },

package/lib/cjs/InlineEdit/inlineEdit.css

@@ -23,3 +23,7 @@
 .case-overview .edit-question .loading-indicator {
     margin-left: 0px;
 }
+
+.hide-in-pdf {
+    display: none !important;
+}

package/lib/cjs/InlineEdit/newInlineEdit.css

@@ -16,6 +16,10 @@
     float: right;
 }
 
+.hide-in-pdf {
+    display: none !important;
+}
+
 .edit-question .loading-indicator {
     margin-left: 10px;
 }

package/lib/cjs/LanguageSelector/LanguageSelector.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './languageSelector.css';
 import { IDClassNameProps } from '@rh-support/types/shared';
 interface IProps extends IDClassNameProps {

package/lib/cjs/LanguageSelector/LanguageSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LanguageSelector.d.ts","sourceRoot":"","sources":["../../../src/LanguageSelector/LanguageSelector.tsx"],"names":[],"mappings":";AAAA,OAAO,wBAAwB,CAAC;AAEhC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAO5D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,aAAa;;;;;;;;;;;CAWzB,CAAC;AAOF,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,eAyBtC;kBAzBQ,gBAAgB;;;AA4BzB,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"LanguageSelector.d.ts","sourceRoot":"","sources":["../../../src/LanguageSelector/LanguageSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAC;AAEhC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAO5D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,aAAa;;;;;;;;;;;CAWzB,CAAC;AAOF,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,eAyBtC;kBAzBQ,gBAAgB;;;AA4BzB,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/lib/cjs/LanguageSelector/LanguageSelector.js

@@ -18,32 +18,16 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LanguageSelector = exports.languageConst = void 0;
 require("./languageSelector.css");
-var map_1 = __importDefault(require("lodash/map"));
-var react_1 = __importStar(require("react"));
-var react_i18next_1 = require("react-i18next");
-var DropDownList_1 = require("../DropDownList/DropDownList");
+const map_1 = __importDefault(require("lodash/map"));
+const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const DropDownList_1 = require("../DropDownList/DropDownList");
 exports.languageConst = {
     en: 'English',
     ja: '日本語',
@@ -56,21 +40,21 @@ exports.languageConst = {
     ru: 'Pу́сский',
     es: 'Español',
 };
-var defaultProps = {
+const defaultProps = {
     showLoader: false,
     className: '',
 };
 function LanguageSelector(props) {
-    var _a = __read(react_1.useState({
+    const [language, setLanguage] = react_1.useState({
         label: exports.languageConst[props.currentLanguage],
         value: props.currentLanguage,
-    }), 2), language = _a[0], setLanguage = _a[1];
-    var t = react_i18next_1.useTranslation().t;
-    var handleLanguageChange = function (language) {
+    });
+    const { t } = react_i18next_1.useTranslation();
+    const handleLanguageChange = (language) => {
         setLanguage(language);
         props.updateLang(language.value);
     };
-    var languageOption = function () { return map_1.default(exports.languageConst, function (value, key) { return ({ label: value, value: key }); }); };
+    const languageOption = () => map_1.default(exports.languageConst, (value, key) => ({ label: value, value: key }));
     return (react_1.default.createElement(DropDownList_1.Dropdown, { "data-tracking-id": "app-language-selector", id: "app-language-selector", title: t('Language selector'), className: "language-selector", list: languageOption(), selectedItem: language, onChange: handleLanguageChange, isLoadingList: props.showLoader }));
 }
 exports.LanguageSelector = LanguageSelector;

package/lib/cjs/LoadingDots/LoadingDots.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './LoadingDots.css';
 interface IProps {
     show?: boolean;

package/lib/cjs/LoadingDots/LoadingDots.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingDots.d.ts","sourceRoot":"","sources":["../../../src/LoadingDots/LoadingDots.tsx"],"names":[],"mappings":";AAAA,OAAO,mBAAmB,CAAC;AAK3B,UAAU,MAAM;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAKD,iBAAS,WAAW,CAAC,KAAK,EAAE,MAAM,eAkBjC;kBAlBQ,WAAW;;;AAoBpB,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"LoadingDots.d.ts","sourceRoot":"","sources":["../../../src/LoadingDots/LoadingDots.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAK3B,UAAU,MAAM;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAKD,iBAAS,WAAW,CAAC,KAAK,EAAE,MAAM,eAkBjC;kBAlBQ,WAAW;;;AAoBpB,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/lib/cjs/LoadingDots/LoadingDots.js

@@ -5,9 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LoadingDots = void 0;
 require("./LoadingDots.css");
-var react_1 = __importDefault(require("react"));
-var react_i18next_1 = require("react-i18next");
-var defaultProps = {
+const react_1 = __importDefault(require("react"));
+const react_i18next_1 = require("react-i18next");
+const defaultProps = {
     show: true,
 };
 function LoadingDots(props) {
@@ -19,7 +19,7 @@ function LoadingDots(props) {
                 react_1.default.createElement("span", null, ".")),
             react_1.default.createElement("p", { className: "sr-only" },
                 react_1.default.createElement(react_i18next_1.Trans, null, "Loading...")))),
-        props.message && props.show && react_1.default.createElement("span", { className: "spinner-message" }, props.message)));
+        props.message && props.show && react_1.default.createElement("p", { className: "pf-u-text-align-center pf-u-my-md" }, props.message)));
 }
 exports.LoadingDots = LoadingDots;
 LoadingDots.defaultProps = defaultProps;

package/lib/cjs/LoadingDots/index.d.ts

@@ -1,3 +1,2 @@
 export * from './LoadingDots';
-export * from './LoadingDots.stories';
 //# sourceMappingURL=index.d.ts.map

package/lib/cjs/LoadingDots/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/LoadingDots/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/LoadingDots/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/lib/cjs/LoadingDots/index.js

@@ -11,4 +11,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./LoadingDots"), exports);
-__exportStar(require("./LoadingDots.stories"), exports);
+//export * from './LoadingDots.stories';

package/lib/cjs/LoadingIndicator/LoadingIndicator.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './loadingIndicator.css';
 interface IProps {
     size?: 'sm' | 'xs' | 'lg';

package/lib/cjs/LoadingIndicator/LoadingIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingIndicator.d.ts","sourceRoot":"","sources":["../../../src/LoadingIndicator/LoadingIndicator.tsx"],"names":[],"mappings":";AAAA,OAAO,wBAAwB,CAAC;AAIhC,UAAU,MAAM;IACZ,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAQD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,eAgBtC;kBAhBQ,gBAAgB;;;AAkBzB,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"LoadingIndicator.d.ts","sourceRoot":"","sources":["../../../src/LoadingIndicator/LoadingIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAC;AAIhC,UAAU,MAAM;IACZ,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAQD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,eAgBtC;kBAhBQ,gBAAgB;;;AAkBzB,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/lib/cjs/LoadingIndicator/LoadingIndicator.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LoadingIndicator = void 0;
 require("./loadingIndicator.css");
-var react_1 = __importDefault(require("react"));
-var defaultProps = {
+const react_1 = __importDefault(require("react"));
+const defaultProps = {
     isInline: false,
     show: true,
     size: 'sm',
@@ -17,7 +17,7 @@ function LoadingIndicator(props) {
         return null;
     }
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { className: "rh-support-spinner spinner-" + props.size + " " + props.className + " " + (props.isInline ? 'spinner-inline' : '') },
+        react_1.default.createElement("div", { className: `rh-support-spinner spinner-${props.size} ${props.className} ${props.isInline ? 'spinner-inline' : ''}` },
             react_1.default.createElement("span", { className: "sr-only" }, "Loading...")),
         props.message && react_1.default.createElement("span", { className: "spinner-message" }, props.message)));
 }

package/lib/cjs/LoginModal/LoginModal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IProps {
     isOpen: boolean;
     login: () => void;

package/lib/cjs/LoginModal/LoginModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoginModal.d.ts","sourceRoot":"","sources":["../../../src/LoginModal/LoginModal.tsx"],"names":[],"mappings":";AAGA,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;CACpB;AAUD,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,eAkBvC;yBAlBe,UAAU"}
+{"version":3,"file":"LoginModal.d.ts","sourceRoot":"","sources":["../../../src/LoginModal/LoginModal.tsx"],"names":[],"mappings":"AAGA,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;CACpB;AAUD,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,eAkBvC;yBAlBe,UAAU"}

package/lib/cjs/LoginModal/LoginModal.js

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LoginModal = void 0;
-var react_core_1 = require("@patternfly/react-core");
-var react_1 = __importDefault(require("react"));
-var defaultProps = {
+const react_core_1 = require("@patternfly/react-core");
+const react_1 = __importDefault(require("react"));
+const defaultProps = {
     title: 'Welcome back',
     buttonText: 'Log back in',
     content: 'Log back in to view this content.',