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

package/lib/cjs/Functional/CaseContactsSelectorExternal.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,33 +27,6 @@ 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 __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -76,154 +38,119 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-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 __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getHydraContactLabel = exports.renderMenuItemChildren = exports.CaseContactsSelectorExternal = void 0;
-var hydrajs_1 = require("@cee-eng/hydrajs");
-var utils_1 = require("@rh-support/utils");
-var lodash_1 = require("lodash");
-var differenceBy_1 = __importDefault(require("lodash/differenceBy"));
-var isArray_1 = __importDefault(require("lodash/isArray"));
-var isEmpty_1 = __importDefault(require("lodash/isEmpty"));
-var react_1 = __importStar(require("react"));
-var react_bootstrap_typeahead_1 = require("react-bootstrap-typeahead");
-var react_i18next_1 = require("react-i18next");
-var usePrevious_1 = require("../hooks/usePrevious");
-var renderMenuItemChildren = function (option, p) { return (react_1.default.createElement(react_bootstrap_typeahead_1.Highlighter, { key: getKey(option), search: p.text }, getHydraContactLabel(option))); };
+const hydrajs_1 = require("@cee-eng/hydrajs");
+const utils_1 = require("@rh-support/utils");
+const differenceBy_1 = __importDefault(require("lodash/differenceBy"));
+const isArray_1 = __importDefault(require("lodash/isArray"));
+const isEmpty_1 = __importDefault(require("lodash/isEmpty"));
+const sortBy_1 = __importDefault(require("lodash/sortBy"));
+const react_1 = __importStar(require("react"));
+const react_bootstrap_typeahead_1 = require("react-bootstrap-typeahead");
+const react_i18next_1 = require("react-i18next");
+const usePrevious_1 = require("../hooks/usePrevious");
+const renderMenuItemChildren = (option, p) => (react_1.default.createElement(react_bootstrap_typeahead_1.Highlighter, { key: getKey(option), search: p.text }, getHydraContactLabel(option)));
 exports.renderMenuItemChildren = renderMenuItemChildren;
-var isCustomEmailAddress = function (user) {
+const isCustomEmailAddress = (user) => {
     var _a;
     return !!((_a = user) === null || _a === void 0 ? void 0 : _a.emailAddress);
 };
-var isContact = function (user) {
+const isContact = (user) => {
     var _a, _b;
     return !!((_a = user) === null || _a === void 0 ? void 0 : _a.ssoUsername) && !((_b = user) === null || _b === void 0 ? void 0 : _b.emailAddress);
 };
-var getKey = function (option) {
+const getKey = (option) => {
     if (isCustomEmailAddress(option))
         return option.emailAddress;
     if (isContact(option))
         return option.ssoUsername;
 };
-var getHydraContactLabel = function (user) {
+const getHydraContactLabel = (user) => {
     if (isEmpty_1.default(user) || typeof user !== 'object')
         return '';
-    var label = '';
+    let label = '';
     if (isCustomEmailAddress(user)) {
         label = user.emailAddress;
     }
     else if (isContact(user)) {
-        var fullname = !isEmpty_1.default(user.fullNameCustom)
-            ? "" + user.fullNameCustom
-            : user.firstName + " " + user.lastName;
-        label = fullname + " (" + user.ssoUsername + ")";
+        const fullname = !isEmpty_1.default(user.fullNameCustom)
+            ? `${user.fullNameCustom}`
+            : `${user.firstName} ${user.lastName}`;
+        label = `${fullname} (${user.ssoUsername})`;
     }
     return label ? label : '';
 };
 exports.getHydraContactLabel = getHydraContactLabel;
 function CaseContactsSelectorExternal(props) {
-    var _this = this;
-    var previousSelectedAccountNumber = usePrevious_1.usePrevious(props.selectedAccountNumber);
+    const previousSelectedAccountNumber = usePrevious_1.usePrevious(props.selectedAccountNumber);
     /**
      * External owner selector related
      */
     /** Getting user list for selected account when logged in user is a external */
-    var _a = __read(react_1.useState(utils_1.getApiResourceObject([])), 2), contactList = _a[0], setContactList = _a[1];
-    var controllerRef1 = react_1.useRef(new AbortController());
-    var controllerRef2 = react_1.useRef(new AbortController());
-    react_1.useEffect(function () {
+    const [contactList, setContactList] = react_1.useState(utils_1.getApiResourceObject([]));
+    const controllerRef1 = react_1.useRef(new AbortController());
+    const controllerRef2 = react_1.useRef(new AbortController());
+    react_1.useEffect(() => {
         if (props.isExportingPDF)
             return;
         // when component is unmonted and error happens after apis responses are ready, we use this variable to prevent state update.
-        var isSubscribed = true;
-        var fetchStrataAccountUsers = function () { return __awaiter(_this, void 0, void 0, function () {
-            var contactListTemp, extraLoggedInContacts, contacts, promiseArray, loggedInContactsResponse, selectedAccountsContacts, currentAccountsContacts, e_1;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (controllerRef1.current) {
-                            controllerRef1.current.abort();
-                        }
-                        controllerRef1.current = new AbortController();
-                        if (controllerRef2.current) {
-                            controllerRef2.current.abort();
-                        }
-                        controllerRef2.current = new AbortController();
-                        _a.label = 1;
-                    case 1:
-                        _a.trys.push([1, 9, , 10]);
-                        setContactList(utils_1.getApiResourceObject([], true));
-                        contactListTemp = [];
-                        if (!(props.loggedInUserRights.isPartner() &&
-                            props.loggedInUserRights.isAccountDifferentFromLoggedInAccount(props.selectedAccountNumber))) return [3 /*break*/, 6];
-                        if (!props.loggedInUserRights.isNonOrgAdmin()) return [3 /*break*/, 3];
-                        extraLoggedInContacts = props.loggedInUserRights.getHydraContactFromLoggedInUser();
-                        return [4 /*yield*/, hydrajs_1.accounts.getAccountContacts(props.selectedAccountNumber, controllerRef1.current.signal)];
-                    case 2:
-                        contacts = _a.sent();
+        let isSubscribed = true;
+        const fetchStrataAccountUsers = () => __awaiter(this, void 0, void 0, function* () {
+            if (controllerRef1.current) {
+                controllerRef1.current.abort();
+            }
+            controllerRef1.current = new AbortController();
+            if (controllerRef2.current) {
+                controllerRef2.current.abort();
+            }
+            controllerRef2.current = new AbortController();
+            try {
+                setContactList(utils_1.getApiResourceObject([], true));
+                let contactListTemp = [];
+                if (props.loggedInUserRights.isPartner() &&
+                    props.loggedInUserRights.isAccountDifferentFromLoggedInAccount(props.selectedAccountNumber)) {
+                    /** Show Partner contacts even when customer account is selected
+                        - Non Org-Admin partners => Only logged in contact + All Customer contacts
+                        - Org-Admin partners => All partner contacts + All Customer contacts  */
+                    if (props.loggedInUserRights.isNonOrgAdmin()) {
+                        const extraLoggedInContacts = props.loggedInUserRights.getHydraContactFromLoggedInUser();
+                        const contacts = yield hydrajs_1.accounts.getAccountContacts(props.selectedAccountNumber, controllerRef1.current.signal);
                         contactListTemp = contacts.concat(extraLoggedInContacts);
-                        return [3 /*break*/, 5];
-                    case 3:
-                        promiseArray = [
+                    }
+                    else {
+                        let promiseArray = [
                             hydrajs_1.accounts.getAccountContacts(props.selectedAccountNumber, controllerRef1.current.signal),
                             hydrajs_1.accounts.getAccountContacts(props.loggedInUserRights.getAccountNumber(), controllerRef2.current.signal),
                         ];
-                        return [4 /*yield*/, Promise.all(promiseArray)];
-                    case 4:
-                        loggedInContactsResponse = _a.sent();
-                        selectedAccountsContacts = loggedInContactsResponse[0];
-                        currentAccountsContacts = loggedInContactsResponse[1];
-                        contactListTemp = __spreadArray(__spreadArray([], __read(selectedAccountsContacts)), __read(currentAccountsContacts));
-                        _a.label = 5;
-                    case 5: return [3 /*break*/, 8];
-                    case 6: return [4 /*yield*/, hydrajs_1.accounts.getAccountContacts(props.selectedAccountNumber, controllerRef1.current.signal)];
-                    case 7:
-                        contactListTemp = _a.sent();
-                        _a.label = 8;
-                    case 8:
-                        if (props.contactsToExclude && props.contactsToExclude.length > 0) {
-                            contactListTemp = differenceBy_1.default(contactListTemp, props.contactsToExclude, 'ssoUsername');
-                        }
-                        setContactList(utils_1.getApiResourceObject(utils_1.sortHydraContacts(contactListTemp)));
-                        return [3 /*break*/, 10];
-                    case 9:
-                        e_1 = _a.sent();
-                        isSubscribed && setContactList(utils_1.getApiResourceObject([], false, true, e_1.message));
-                        return [3 /*break*/, 10];
-                    case 10: return [2 /*return*/];
+                        const loggedInContactsResponse = yield Promise.all(promiseArray);
+                        const selectedAccountsContacts = loggedInContactsResponse[0];
+                        const currentAccountsContacts = loggedInContactsResponse[1];
+                        contactListTemp = [...selectedAccountsContacts, ...currentAccountsContacts];
+                    }
+                }
+                else {
+                    contactListTemp = yield hydrajs_1.accounts.getAccountContacts(props.selectedAccountNumber, controllerRef1.current.signal);
                 }
-            });
-        }); };
-        var isOldAccountNumber = props.selectedAccountNumber && props.selectedAccountNumber === previousSelectedAccountNumber;
+                if (props.contactsToExclude && props.contactsToExclude.length > 0) {
+                    contactListTemp = differenceBy_1.default(contactListTemp, props.contactsToExclude, 'ssoUsername');
+                }
+                setContactList(utils_1.getApiResourceObject(utils_1.sortHydraContacts(contactListTemp)));
+            }
+            catch (e) {
+                isSubscribed && setContactList(utils_1.getApiResourceObject([], false, true, e.message));
+            }
+        });
+        const isOldAccountNumber = props.selectedAccountNumber && props.selectedAccountNumber === previousSelectedAccountNumber;
         if (isOldAccountNumber ||
             (props.loggedInUserRights.isExternal() &&
                 props.loggedInUserRights.isNonOrgAdminWithSameAccount(props.selectedAccountNumber)))
             return;
         fetchStrataAccountUsers();
-        return function () {
+        return () => {
             isSubscribed = false;
         };
     }, [
@@ -233,10 +160,10 @@ function CaseContactsSelectorExternal(props) {
         props.selectedAccountNumber,
         props.isExportingPDF,
     ]);
-    var onCustomerContactSelect = function (contacts) {
+    const onCustomerContactSelect = (contacts) => {
         if (!isArray_1.default(contacts))
             return;
-        var customerContacts = contacts.length === 0 || !isEmpty_1.default(contacts[0])
+        const customerContacts = contacts.length === 0 || !isEmpty_1.default(contacts[0])
             ? contacts
             : [
                 {
@@ -249,15 +176,15 @@ function CaseContactsSelectorExternal(props) {
             ];
         props.onChange && props.onChange(customerContacts);
     };
-    var onCustomerContactSelectBlur = function (event) {
+    const onCustomerContactSelectBlur = (event) => {
         props.onChange && props.onChange(props.selected);
     };
-    var isDisabled = (props.loggedInUserRights.isExternal() &&
+    const isDisabled = (props.loggedInUserRights.isExternal() &&
         props.loggedInUserRights.isNonOrgAdminWithSameAccount(props.selectedAccountNumber)) ||
         props.isUpdating ||
         contactList.isFetching;
-    var renderMenu = function (results, menuProps, state) {
-        var contacts = results.map(function (item, index) {
+    const renderMenu = (results, menuProps, state) => {
+        const contacts = results.map((item, index) => {
             if (item.customOption) {
                 return (react_1.default.createElement(react_bootstrap_typeahead_1.MenuItem, { className: "rbt-menu-custom-option", key: index, option: item, position: index },
                     menuProps.newSelectionPrefix,
@@ -282,15 +209,15 @@ function CaseContactsSelectorExternal(props) {
                     react_1.default.createElement(react_bootstrap_typeahead_1.MenuItem, { key: index, option: item, position: index }, renderMenuItemChildren(item, state))));
             }
         });
-        return react_1.default.createElement(react_bootstrap_typeahead_1.Menu, __assign({}, menuProps), contacts);
+        return react_1.default.createElement(react_bootstrap_typeahead_1.Menu, Object.assign({}, menuProps), contacts);
     };
-    var customEmails = props.customEmails, restProps = __rest(props, ["customEmails"]);
-    var conditionalProps = __assign(__assign({}, (props.renderToken ? { renderToken: props.renderToken } : undefined)), ((customEmails || []).length > 0 ? { renderMenu: renderMenu } : undefined));
-    var getCustomEmails = function () {
-        return lodash_1.sortBy((customEmails || []).map(function (item) { return (__assign(__assign({}, item), { ssoUsername: item.emailAddress, firstName: item.emailAddress, lastName: item.emailAddress })); }), 'emailAddress');
+    const { customEmails } = props, restProps = __rest(props, ["customEmails"]);
+    const conditionalProps = Object.assign(Object.assign({}, (props.renderToken ? { renderToken: props.renderToken } : undefined)), ((customEmails || []).length > 0 ? { renderMenu } : undefined));
+    const getCustomEmails = () => {
+        return sortBy_1.default((customEmails || []).map((item) => (Object.assign(Object.assign({}, item), { ssoUsername: item.emailAddress, firstName: item.emailAddress, lastName: item.emailAddress }))), 'emailAddress');
     };
-    return (react_1.default.createElement(react_bootstrap_typeahead_1.Typeahead, __assign({}, restProps, { id: props.id || '', 
+    return (react_1.default.createElement(react_bootstrap_typeahead_1.Typeahead, Object.assign({}, restProps, { id: props.id || '', 
         // @ts-expect-error
-        className: props.className || '', filterBy: ['firstName', 'lastName', 'ssoUsername'], clearButton: !!props.clearButton, multiple: !!props.multiple, isLoading: contactList.isFetching || props.isUpdating, options: __spreadArray(__spreadArray([], __read(contactList.data)), __read(getCustomEmails())), selected: !isEmpty_1.default(props.selected) ? props.selected : [], onChange: onCustomerContactSelect, labelKey: props.multiple ? 'ssoUsername' : getHydraContactLabel, placeholder: props.placeholder || 'Search by name or username', renderMenuItemChildren: renderMenuItemChildren, onBlur: onCustomerContactSelectBlur, minLength: props.minLength || 0, disabled: isDisabled }, conditionalProps)));
+        className: props.className || '', filterBy: ['firstName', 'lastName', 'ssoUsername'], clearButton: !!props.clearButton, multiple: !!props.multiple, isLoading: contactList.isFetching || props.isUpdating, options: [...contactList.data, ...getCustomEmails()], selected: !isEmpty_1.default(props.selected) ? props.selected : [], onChange: onCustomerContactSelect, labelKey: props.multiple ? 'ssoUsername' : getHydraContactLabel, placeholder: props.placeholder || 'Search by name or username', renderMenuItemChildren: renderMenuItemChildren, onBlur: onCustomerContactSelectBlur, minLength: props.minLength || 0, disabled: isDisabled }, conditionalProps, { "data-tracking-id": "external-case-contact-selector" })));
 }
 exports.CaseContactsSelectorExternal = CaseContactsSelectorExternal;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"InlineEdit.d.ts","sourceRoot":"","sources":["../../../src/InlineEdit/InlineEdit.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAI1B,OAAc,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAGnD,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;IAGzB,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,UAAU,CAAC,KAAK,EAAE,MAAM,eAoKhC;kBApKQ,UAAU;;;AAuKnB,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"InlineEdit.d.ts","sourceRoot":"","sources":["../../../src/InlineEdit/InlineEdit.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAI1B,OAAc,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAGnD,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;IAGzB,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,UAAU,CAAC,KAAK,EAAE,MAAM,eAwKhC;kBAxKQ,UAAU;;;AA2KnB,OAAO,EAAE,UAAU,EAAE,CAAC"}

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