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

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,112 +57,80 @@ 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 },
+        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 && 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,
+                react_1.default.createElement("span", { className: `${props.isExportingPDF ? 'hide-in-pdf' : ''}` }, props.helperContent),
                 renderEditButton()))),
         renderSaveCancel(),
         canShowContent && !props.usePreformattedTag && (react_1.default.createElement(react_1.default.Fragment, null,
@@ -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.d.ts

@@ -31,6 +31,7 @@ interface IProps {
     hideLabel?: boolean;
     isSpaceAllowed?: boolean;
     inputValue?: string;
+    isExportingPDF?: boolean;
 }
 declare function NewInlineEdit(props: IProps): JSX.Element;
 declare namespace NewInlineEdit {

package/lib/cjs/InlineEdit/NewInlineEdit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NewInlineEdit.d.ts","sourceRoot":"","sources":["../../../src/InlineEdit/NewInlineEdit.tsx"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAI7B,OAAc,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAG9D,UAAU,MAAM;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACtC,UAAU,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACxC,YAAY,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IAC1C,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IAC5C,gBAAgB,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC/B,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,SAAS,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAChC,MAAM,EAAE,GAAG,CAAC;IACZ,QAAQ,EAAE,GAAG,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAG1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAsBD,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,eAqLnC;kBArLQ,aAAa;;;AAwLtB,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"NewInlineEdit.d.ts","sourceRoot":"","sources":["../../../src/InlineEdit/NewInlineEdit.tsx"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAI7B,OAAc,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAG9D,UAAU,MAAM;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACtC,UAAU,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACxC,YAAY,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IAC1C,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IAC5C,gBAAgB,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC/B,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,SAAS,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAChC,MAAM,EAAE,GAAG,CAAC;IACZ,QAAQ,EAAE,GAAG,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAG1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAsBD,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,eAyLnC;kBAzLQ,aAAa;;;AA4LtB,OAAO,EAAE,aAAa,EAAE,CAAC"}

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 },
+        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 && 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,
+                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"}