@rh-support/components 2.0.7 → 2.0.8

package/lib/cjs/InlineEdit/InlineEdit.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.InlineEdit = void 0;
 require("./inlineEdit.css");
-var pencil_alt_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/pencil-alt-icon"));
-var isEmpty_1 = __importDefault(require("lodash/isEmpty"));
-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,110 +57,78 @@ var defaultProps = {
     isSpaceAllowed: true,
 };
 function InlineEdit(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];
-    var onEditClicked = function (e) {
+    const [canAutoSetFocus, setCanAutoSfocus] = react_1.useState(!props.initialIsEditing);
+    const onEditClicked = (e) => {
         setCanAutoSfocus(true);
         e.preventDefault();
         props.cancelOnToggle && isEditing && props.onCancel && props.onCancel();
         setIsEditing(!isEditing);
     };
     // To Render edit button
-    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 },
             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 && isEmpty_1.default((_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;
-    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;
+    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,
                 renderEditButton()))),
@@ -232,15 +146,15 @@ function InlineEdit(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/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 isEmpty_1 = __importDefault(require("lodash/isEmpty"));
-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 },
             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 && isEmpty_1.default((_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,
                 !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/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.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) {

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