@rh-support/components 2.0.4 → 2.0.5

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AlertMessage/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AlertMessage/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/lib/cjs/AlertMessage/index.js

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

package/lib/cjs/ConfirmationModal/ConfirmationModal.stories.d.ts

@@ -1,7 +1 @@
-/// <reference types="react" />
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const ConfirmDialog: () => JSX.Element;
 //# sourceMappingURL=ConfirmationModal.stories.d.ts.map

package/lib/cjs/ConfirmationModal/ConfirmationModal.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmationModal.stories.d.ts","sourceRoot":"","sources":["../../../src/ConfirmationModal/ConfirmationModal.stories.tsx"],"names":[],"mappings":";;;;AAIA,wBAEE;AAwBF,eAAO,MAAM,aAAa,mBAIzB,CAAC"}
+{"version":3,"file":"ConfirmationModal.stories.d.ts","sourceRoot":"","sources":["../../../src/ConfirmationModal/ConfirmationModal.stories.tsx"],"names":[],"mappings":""}

package/lib/cjs/ConfirmationModal/ConfirmationModal.stories.js

@@ -1,76 +1,36 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfirmDialog = void 0;
-var react_1 = __importDefault(require("react"));
-var ConfirmationContext_1 = require("./ConfirmationContext");
-exports.default = {
+/*import React from 'react';
+
+import { ConfirmationServiceProvider, useConfirmation } from './ConfirmationContext';
+
+export default {
     title: 'Components/ConfirmationModal',
 };
-var options = {
+
+const options = {
     catchOnCancel: true,
     title: 'Title',
     description: 'Decroption',
 };
-var ActionPage = function () {
-    var confirm = ConfirmationContext_1.useConfirmation();
-    var action = function () { return function () { return __awaiter(void 0, void 0, void 0, function () {
-        var e_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, 2, , 3]);
-                    return [4 /*yield*/, confirm(options)];
-                case 1:
-                    _a.sent();
-                    return [3 /*break*/, 3];
-                case 2:
-                    e_1 = _a.sent();
-                    return [3 /*break*/, 3];
-                case 3: return [2 /*return*/];
-            }
-        });
-    }); }; };
-    return react_1.default.createElement("button", { onClick: action() }, "action link");
+
+const ActionPage = () => {
+    const confirm = useConfirmation();
+
+    const action = () => async () => {
+        try {
+            await confirm(options);
+            // confirmed, continue
+            // rest of code
+        } catch (e) {
+            // didn't confirm
+        }
+    };
+
+    return <button onClick={action()}>action link</button>;
 };
-var ConfirmDialog = function () { return (react_1.default.createElement(ConfirmationContext_1.ConfirmationServiceProvider, null,
-    react_1.default.createElement(ActionPage, null))); };
-exports.ConfirmDialog = ConfirmDialog;
+
+export const ConfirmDialog = () => (
+    <ConfirmationServiceProvider>
+        <ActionPage />
+    </ConfirmationServiceProvider>
+);
+*/

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

@@ -1 +1 @@
-{"version":3,"file":"CustomContentLoader.d.ts","sourceRoot":"","sources":["../../../src/CustomContentLoader/CustomContentLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,wBAAgB,qBAAqB,gBAgEpC;AAED,MAAM,WAAW,uBAAuB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACb;AAED,UAAU,2BAA2B;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC/B,UAAU,CAAC,EAAE,uBAAuB,EAAE,CAAC;CAC1C;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,2BAA2B,eAMrE"}
+{"version":3,"file":"CustomContentLoader.d.ts","sourceRoot":"","sources":["../../../src/CustomContentLoader/CustomContentLoader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,qBAAqB,gBAgEpC;AAED,MAAM,WAAW,uBAAuB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACb;AAED,UAAU,2BAA2B;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC/B,UAAU,CAAC,EAAE,uBAAuB,EAAE,CAAC;CAC1C;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,2BAA2B,eAUrE"}

package/lib/cjs/CustomContentLoader/CustomContentLoader.js

@@ -4,26 +4,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomContentLoader = exports.OverviewContentLoader = void 0;
+var react_core_1 = require("@patternfly/react-core");
 var react_1 = __importDefault(require("react"));
-var react_content_loader_1 = __importDefault(require("react-content-loader"));
 function OverviewContentLoader() {
     return (react_1.default.createElement("div", { style: { width: '100%', position: 'relative' } },
-        react_1.default.createElement(react_content_loader_1.default, { height: '900', width: '70%' },
-            react_1.default.createElement("rect", { x: "2.3%", y: "50", width: "15%", height: "30" }),
-            react_1.default.createElement("rect", { x: "2.3%", y: "95", width: "12%", height: "25" }),
-            react_1.default.createElement("rect", { x: "2.3%", y: "140", width: "50%", height: "25" }),
-            react_1.default.createElement("rect", { x: "2.3%", y: "190", width: "100%", height: "150" }),
-            react_1.default.createElement("rect", { x: "2.3%", y: "370", width: "100%", height: "120" }),
-            react_1.default.createElement("rect", { x: "2.3%", y: "520", width: "100%", height: "50" }),
-            react_1.default.createElement("rect", { x: "3%", y: "590", width: "10%", height: "25" }),
-            react_1.default.createElement("rect", { x: "3%", y: "635", width: "43%", height: "25" }),
-            react_1.default.createElement("rect", { x: "55%", y: "590", width: "10%", height: "25" }),
-            react_1.default.createElement("rect", { x: "55%", y: "635", width: "43%", height: "25" }),
-            react_1.default.createElement("rect", { x: "3%", y: "695", width: "10%", height: "25" }),
-            react_1.default.createElement("rect", { x: "3%", y: "740", width: "95%", height: "25" }),
-            react_1.default.createElement("rect", { x: "2.3%", y: "570", width: "1", height: "220" }),
-            react_1.default.createElement("rect", { x: "99.9%", y: "570", width: "1", height: "220" }),
-            react_1.default.createElement("rect", { x: "2.3%", y: "790", width: "100%", height: "1" })),
+        react_1.default.createElement("div", { style: { width: '70%', height: '900px', position: 'relative' } },
+            react_1.default.createElement(react_core_1.Skeleton, { height: "30px", width: "15%", style: { top: '50px', left: '2.3%' } }),
+            react_1.default.createElement(react_core_1.Skeleton, { height: "25px", width: "12%", style: { top: '95px', left: '2.3%' } }),
+            react_1.default.createElement(react_core_1.Skeleton, { height: "25px", width: "50%", style: { top: '140px', left: '2.3%' } }),
+            react_1.default.createElement(react_core_1.Skeleton, { height: "150px", width: "97.7%", style: { top: '190px', left: '2.3%' } }),
+            react_1.default.createElement(react_core_1.Skeleton, { height: "120px", width: "97.7%", style: { top: '370px', left: '2.3%' } }),
+            react_1.default.createElement(react_core_1.Skeleton, { height: "50px", width: "97.7%", style: { top: '520px', left: '2.3%' } }),
+            react_1.default.createElement(react_core_1.Skeleton, { height: "25px", width: "10%", style: { top: '590px', left: '3%' } }),
+            react_1.default.createElement(react_core_1.Skeleton, { height: "25px", width: "43%", style: { top: '635px', left: '3%' } }),
+            react_1.default.createElement(react_core_1.Skeleton, { height: "25px", width: "10%", style: { top: '590px', left: '55%' } }),
+            react_1.default.createElement(react_core_1.Skeleton, { height: "25px", width: "43%", style: { top: '635px', left: '55%' } }),
+            react_1.default.createElement(react_core_1.Skeleton, { height: "25px", width: "10%", style: { top: '695px', left: '3%' } }),
+            react_1.default.createElement(react_core_1.Skeleton, { height: "25px", width: "95%", style: { top: '740px', left: '3%' } }),
+            react_1.default.createElement(react_core_1.Skeleton, { height: "220px", width: "1px", style: { top: '570px', left: '2.3%' } }),
+            react_1.default.createElement(react_core_1.Skeleton, { height: "220px", width: "1px", style: { top: '570px', left: '99.9%' } }),
+            react_1.default.createElement(react_core_1.Skeleton, { height: "1px", width: "97.7%", style: { top: '790px', left: '2.3%' } })),
         react_1.default.createElement("div", { style: {
                 position: 'absolute',
                 top: '0',
@@ -48,15 +48,15 @@ function OverviewContentLoader() {
                 bottom: '0',
                 backgroundColor: '#ededed',
             } },
-            react_1.default.createElement(react_content_loader_1.default, { height: '100%', width: '100%', backgroundColor: '#fff', foregroundColor: '#f5f6f7' },
-                react_1.default.createElement("rect", { x: "3%", y: "40", height: "500", width: "94%" }),
-                react_1.default.createElement("rect", { x: "3%", y: "570", height: "500", width: "94%" })))));
+            react_1.default.createElement("div", { className: "gray-loader-background", style: { height: '100%', width: '100%' } },
+                react_1.default.createElement(react_core_1.Skeleton, { height: "500px", width: "94%", style: { top: '40px', left: '3%' } }),
+                react_1.default.createElement(react_core_1.Skeleton, { height: "500px", width: "94%", style: { top: '570px', left: '3%' } })))));
 }
 exports.OverviewContentLoader = OverviewContentLoader;
 function CustomContentLoader(props) {
     var children = (props.rectangles &&
-        props.rectangles.map(function (obj) { return react_1.default.createElement("rect", { x: obj.x, y: obj.y, height: obj.height, width: obj.width }); })) ||
-        props.children || react_1.default.createElement("rect", { x: 0, y: 0, width: 400, height: 100 });
-    return react_1.default.createElement(react_content_loader_1.default, null, children);
+        props.rectangles.map(function (obj) { return (react_1.default.createElement(react_core_1.Skeleton, { height: obj.height, width: obj.width, style: { top: obj.y, left: obj.x } })); })) ||
+        props.children || (react_1.default.createElement(react_core_1.Skeleton, { height: "100px", width: "400px", style: { position: 'relative', marginBottom: '50px' } }));
+    return react_1.default.createElement(react_1.default.Fragment, null, children);
 }
 exports.CustomContentLoader = CustomContentLoader;

package/lib/cjs/CustomTextInput/CustomTextInput.js

@@ -27,7 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomTextInput = void 0;
 var react_core_1 = require("@patternfly/react-core");
-var lodash_1 = require("lodash");
+var isEmpty_1 = __importDefault(require("lodash/isEmpty"));
 var react_1 = __importDefault(require("react"));
 var CustomTextInput = function (props) {
     // To set defaultProps
@@ -40,7 +40,7 @@ var CustomTextInput = function (props) {
     };
     // Function to check for validity
     var validatedCheck = function () {
-        if (!lodash_1.isEmpty(value)) {
+        if (!isEmpty_1.default(value)) {
             if (validated === 'error') {
                 return 'error';
             }
@@ -48,7 +48,7 @@ var CustomTextInput = function (props) {
                 return validated;
             }
             else if (!isSpaceAllowed) {
-                return lodash_1.isEmpty(value === null || value === void 0 ? void 0 : value.trim()) ? 'error' : 'default';
+                return isEmpty_1.default(value === null || value === void 0 ? void 0 : value.trim()) ? 'error' : 'default';
             }
             else
                 return validated;

package/lib/cjs/DropDownList/SearchableList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchableList.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/SearchableList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAEH,sBAAsB,EAEtB,sBAAsB,EAEzB,MAAM,WAAW,CAAC;AAGnB,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,UAAU,MAAM,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,eAAe,CAAC;IACjF,eAAe,EAAE,CAAC,SAAS,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,EAAE,CAAC;IACtF,QAAQ,EAAE,CAAC,OAAO,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAChE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CACrE;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,eAwIzD"}
+{"version":3,"file":"SearchableList.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/SearchableList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAEH,sBAAsB,EAEtB,sBAAsB,EAEzB,MAAM,WAAW,CAAC;AAGnB,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,UAAU,MAAM,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,eAAe,CAAC;IACjF,eAAe,EAAE,CAAC,SAAS,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,EAAE,CAAC;IACtF,QAAQ,EAAE,CAAC,OAAO,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAChE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CACrE;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,eA6IzD"}

package/lib/cjs/DropDownList/SearchableList.js

@@ -46,6 +46,8 @@ function SearchableList(props) {
                 return __assign(__assign({}, changes), { inputValue: dropdownUtils_1.itemToString(props.selectedItem) && downshift.inputValue !== dropdownUtils_1.itemToString(props.selectedItem)
                         ? dropdownUtils_1.itemToString(props.selectedItem)
                         : state.inputValue });
+            case downshift_1.useCombobox.stateChangeTypes.InputKeyDownEnter:
+                return __assign(__assign({}, changes), { inputValue: state.inputValue });
             default:
                 return changes;
         }

package/lib/cjs/DropDownList/dropdownUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdownUtils.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/dropdownUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAGnD,wBAAgB,YAAY,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,MAAM,CAExD;AAED,eAAO,MAAM,IAAI,YAAW,CAAC;AAE7B,eAAO,MAAM,+BAA+B,4CAgC3C,CAAC"}
+{"version":3,"file":"dropdownUtils.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/dropdownUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAGnD,wBAAgB,YAAY,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,MAAM,CAExD;AAED,eAAO,MAAM,IAAI,YAAW,CAAC;AAE7B,eAAO,MAAM,+BAA+B,4CAoC3C,CAAC"}

package/lib/cjs/DropDownList/dropdownUtils.js

@@ -28,6 +28,7 @@ var multiSelectDropdownStateReducer = function (state, actionAndChanges) {
         case downshift_1.useSelect.stateChangeTypes.ItemClick:
             return __assign(__assign({}, changes), { isOpen: true, highlightedIndex: state.highlightedIndex, inputValue: '' });
         case downshift_1.useCombobox.stateChangeTypes.InputKeyDownEnter:
+            return __assign(__assign({}, changes), { inputValue: state.inputValue });
         case downshift_1.useCombobox.stateChangeTypes.ItemClick:
             return __assign(__assign({}, changes), { isOpen: true, highlightedIndex: state.highlightedIndex, inputValue: '' });
         case downshift_1.useCombobox.stateChangeTypes.InputBlur:

package/lib/cjs/Functional/CaseContactsSelectorExternal.js

@@ -104,10 +104,10 @@ 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 sortBy_1 = __importDefault(require("lodash/sortBy"));
 var react_1 = __importStar(require("react"));
 var react_bootstrap_typeahead_1 = require("react-bootstrap-typeahead");
 var react_i18next_1 = require("react-i18next");
@@ -287,7 +287,7 @@ function CaseContactsSelectorExternal(props) {
     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');
+        return sortBy_1.default((customEmails || []).map(function (item) { return (__assign(__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 || '', 
         // @ts-expect-error

package/lib/cjs/InlineEdit/InlineEdit.js

@@ -88,7 +88,7 @@ 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 isEmpty_1 = __importDefault(require("lodash/isEmpty"));
 var react_1 = __importStar(require("react"));
 var react_i18next_1 = require("react-i18next");
 var defaultProps = {
@@ -177,7 +177,7 @@ function InlineEdit(props) {
         });
     }); };
     // 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 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) {

package/lib/cjs/InlineEdit/NewInlineEdit.js

@@ -88,7 +88,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.NewInlineEdit = void 0;
 require("./newInlineEdit.css");
 var pencil_alt_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/pencil-alt-icon"));
-var lodash_1 = require("lodash");
+var isEmpty_1 = __importDefault(require("lodash/isEmpty"));
 var react_1 = __importStar(require("react"));
 var react_i18next_1 = require("react-i18next");
 var defaultProps = {
@@ -183,7 +183,7 @@ function NewInlineEdit(props) {
         });
     }); };
     // 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 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) {

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

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

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

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

package/lib/cjs/LoadingDots/index.js

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

package/lib/cjs/TextAreaResizable/TextAreaResizable.js

@@ -34,10 +34,13 @@ var __read = (this && this.__read) || function (o, n) {
     }
     return ar;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextAreaResizable = void 0;
 var react_core_1 = require("@patternfly/react-core");
-var lodash_1 = require("lodash");
+var isEmpty_1 = __importDefault(require("lodash/isEmpty"));
 var react_1 = __importStar(require("react"));
 var TextAreaResizable = function (props) {
     // To set defaultProps
@@ -46,7 +49,7 @@ var TextAreaResizable = function (props) {
     // Function to handle onChange event
     var onTextAreaChange = function (value, event) {
         onChange(value, event);
-        setIsTextAreaEmpty(lodash_1.isEmpty(value === null || value === void 0 ? void 0 : value.trim()));
+        setIsTextAreaEmpty(isEmpty_1.default(value === null || value === void 0 ? void 0 : value.trim()));
         event.preventDefault();
         return [];
     };

package/lib/esm/AlertMessage/index.d.ts

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

package/lib/esm/AlertMessage/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AlertMessage/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AlertMessage/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/lib/esm/AlertMessage/index.js

@@ -1,2 +1,2 @@
 export * from './AlertMessage';
-export * from './AlertMessage.stories';
+//export * from './AlertMessage.stories';

package/lib/esm/ConfirmationModal/ConfirmationModal.stories.d.ts

@@ -1,7 +1 @@
-/// <reference types="react" />
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const ConfirmDialog: () => JSX.Element;
 //# sourceMappingURL=ConfirmationModal.stories.d.ts.map

package/lib/esm/ConfirmationModal/ConfirmationModal.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmationModal.stories.d.ts","sourceRoot":"","sources":["../../../src/ConfirmationModal/ConfirmationModal.stories.tsx"],"names":[],"mappings":";;;;AAIA,wBAEE;AAwBF,eAAO,MAAM,aAAa,mBAIzB,CAAC"}
+{"version":3,"file":"ConfirmationModal.stories.d.ts","sourceRoot":"","sources":["../../../src/ConfirmationModal/ConfirmationModal.stories.tsx"],"names":[],"mappings":""}

package/lib/esm/ConfirmationModal/ConfirmationModal.stories.js

@@ -1,35 +1,36 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import React from 'react';
+/*import React from 'react';
+
 import { ConfirmationServiceProvider, useConfirmation } from './ConfirmationContext';
+
 export default {
     title: 'Components/ConfirmationModal',
 };
+
 const options = {
     catchOnCancel: true,
     title: 'Title',
     description: 'Decroption',
 };
+
 const ActionPage = () => {
     const confirm = useConfirmation();
-    const action = () => () => __awaiter(void 0, void 0, void 0, function* () {
+
+    const action = () => async () => {
         try {
-            yield confirm(options);
+            await confirm(options);
             // confirmed, continue
             // rest of code
-        }
-        catch (e) {
+        } catch (e) {
             // didn't confirm
         }
-    });
-    return React.createElement("button", { onClick: action() }, "action link");
+    };
+
+    return <button onClick={action()}>action link</button>;
 };
-export const ConfirmDialog = () => (React.createElement(ConfirmationServiceProvider, null,
-    React.createElement(ActionPage, null)));
+
+export const ConfirmDialog = () => (
+    <ConfirmationServiceProvider>
+        <ActionPage />
+    </ConfirmationServiceProvider>
+);
+*/

package/lib/esm/CustomContentLoader/CustomContentLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomContentLoader.d.ts","sourceRoot":"","sources":["../../../src/CustomContentLoader/CustomContentLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,wBAAgB,qBAAqB,gBAgEpC;AAED,MAAM,WAAW,uBAAuB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACb;AAED,UAAU,2BAA2B;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC/B,UAAU,CAAC,EAAE,uBAAuB,EAAE,CAAC;CAC1C;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,2BAA2B,eAMrE"}
+{"version":3,"file":"CustomContentLoader.d.ts","sourceRoot":"","sources":["../../../src/CustomContentLoader/CustomContentLoader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,qBAAqB,gBAgEpC;AAED,MAAM,WAAW,uBAAuB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACb;AAED,UAAU,2BAA2B;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC/B,UAAU,CAAC,EAAE,uBAAuB,EAAE,CAAC;CAC1C;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,2BAA2B,eAUrE"}

package/lib/esm/CustomContentLoader/CustomContentLoader.js

@@ -1,23 +1,23 @@
+import { Skeleton } from '@patternfly/react-core';
 import React from 'react';
-import ContentLoader from 'react-content-loader';
 export function OverviewContentLoader() {
     return (React.createElement("div", { style: { width: '100%', position: 'relative' } },
-        React.createElement(ContentLoader, { height: '900', width: '70%' },
-            React.createElement("rect", { x: "2.3%", y: "50", width: "15%", height: "30" }),
-            React.createElement("rect", { x: "2.3%", y: "95", width: "12%", height: "25" }),
-            React.createElement("rect", { x: "2.3%", y: "140", width: "50%", height: "25" }),
-            React.createElement("rect", { x: "2.3%", y: "190", width: "100%", height: "150" }),
-            React.createElement("rect", { x: "2.3%", y: "370", width: "100%", height: "120" }),
-            React.createElement("rect", { x: "2.3%", y: "520", width: "100%", height: "50" }),
-            React.createElement("rect", { x: "3%", y: "590", width: "10%", height: "25" }),
-            React.createElement("rect", { x: "3%", y: "635", width: "43%", height: "25" }),
-            React.createElement("rect", { x: "55%", y: "590", width: "10%", height: "25" }),
-            React.createElement("rect", { x: "55%", y: "635", width: "43%", height: "25" }),
-            React.createElement("rect", { x: "3%", y: "695", width: "10%", height: "25" }),
-            React.createElement("rect", { x: "3%", y: "740", width: "95%", height: "25" }),
-            React.createElement("rect", { x: "2.3%", y: "570", width: "1", height: "220" }),
-            React.createElement("rect", { x: "99.9%", y: "570", width: "1", height: "220" }),
-            React.createElement("rect", { x: "2.3%", y: "790", width: "100%", height: "1" })),
+        React.createElement("div", { style: { width: '70%', height: '900px', position: 'relative' } },
+            React.createElement(Skeleton, { height: "30px", width: "15%", style: { top: '50px', left: '2.3%' } }),
+            React.createElement(Skeleton, { height: "25px", width: "12%", style: { top: '95px', left: '2.3%' } }),
+            React.createElement(Skeleton, { height: "25px", width: "50%", style: { top: '140px', left: '2.3%' } }),
+            React.createElement(Skeleton, { height: "150px", width: "97.7%", style: { top: '190px', left: '2.3%' } }),
+            React.createElement(Skeleton, { height: "120px", width: "97.7%", style: { top: '370px', left: '2.3%' } }),
+            React.createElement(Skeleton, { height: "50px", width: "97.7%", style: { top: '520px', left: '2.3%' } }),
+            React.createElement(Skeleton, { height: "25px", width: "10%", style: { top: '590px', left: '3%' } }),
+            React.createElement(Skeleton, { height: "25px", width: "43%", style: { top: '635px', left: '3%' } }),
+            React.createElement(Skeleton, { height: "25px", width: "10%", style: { top: '590px', left: '55%' } }),
+            React.createElement(Skeleton, { height: "25px", width: "43%", style: { top: '635px', left: '55%' } }),
+            React.createElement(Skeleton, { height: "25px", width: "10%", style: { top: '695px', left: '3%' } }),
+            React.createElement(Skeleton, { height: "25px", width: "95%", style: { top: '740px', left: '3%' } }),
+            React.createElement(Skeleton, { height: "220px", width: "1px", style: { top: '570px', left: '2.3%' } }),
+            React.createElement(Skeleton, { height: "220px", width: "1px", style: { top: '570px', left: '99.9%' } }),
+            React.createElement(Skeleton, { height: "1px", width: "97.7%", style: { top: '790px', left: '2.3%' } })),
         React.createElement("div", { style: {
                 position: 'absolute',
                 top: '0',
@@ -42,13 +42,13 @@ export function OverviewContentLoader() {
                 bottom: '0',
                 backgroundColor: '#ededed',
             } },
-            React.createElement(ContentLoader, { height: '100%', width: '100%', backgroundColor: '#fff', foregroundColor: '#f5f6f7' },
-                React.createElement("rect", { x: "3%", y: "40", height: "500", width: "94%" }),
-                React.createElement("rect", { x: "3%", y: "570", height: "500", width: "94%" })))));
+            React.createElement("div", { className: "gray-loader-background", style: { height: '100%', width: '100%' } },
+                React.createElement(Skeleton, { height: "500px", width: "94%", style: { top: '40px', left: '3%' } }),
+                React.createElement(Skeleton, { height: "500px", width: "94%", style: { top: '570px', left: '3%' } })))));
 }
 export function CustomContentLoader(props) {
     const children = (props.rectangles &&
-        props.rectangles.map((obj) => React.createElement("rect", { x: obj.x, y: obj.y, height: obj.height, width: obj.width }))) ||
-        props.children || React.createElement("rect", { x: 0, y: 0, width: 400, height: 100 });
-    return React.createElement(ContentLoader, null, children);
+        props.rectangles.map((obj) => (React.createElement(Skeleton, { height: obj.height, width: obj.width, style: { top: obj.y, left: obj.x } })))) ||
+        props.children || (React.createElement(Skeleton, { height: "100px", width: "400px", style: { position: 'relative', marginBottom: '50px' } }));
+    return React.createElement(React.Fragment, null, children);
 }

package/lib/esm/CustomTextInput/CustomTextInput.js

@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { TextInput } from '@patternfly/react-core';
-import { isEmpty } from 'lodash';
+import isEmpty from 'lodash/isEmpty';
 import React from 'react';
 export const CustomTextInput = (props) => {
     // To set defaultProps

package/lib/esm/DropDownList/SearchableList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchableList.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/SearchableList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAEH,sBAAsB,EAEtB,sBAAsB,EAEzB,MAAM,WAAW,CAAC;AAGnB,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,UAAU,MAAM,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,eAAe,CAAC;IACjF,eAAe,EAAE,CAAC,SAAS,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,EAAE,CAAC;IACtF,QAAQ,EAAE,CAAC,OAAO,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAChE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CACrE;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,eAwIzD"}
+{"version":3,"file":"SearchableList.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/SearchableList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAEH,sBAAsB,EAEtB,sBAAsB,EAEzB,MAAM,WAAW,CAAC;AAGnB,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,UAAU,MAAM,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,eAAe,CAAC;IACjF,eAAe,EAAE,CAAC,SAAS,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,EAAE,CAAC;IACtF,QAAQ,EAAE,CAAC,OAAO,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAChE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CACrE;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,eA6IzD"}

package/lib/esm/DropDownList/SearchableList.js

@@ -28,6 +28,8 @@ export default function SearchableList(props) {
                 return Object.assign(Object.assign({}, changes), { inputValue: itemToString(props.selectedItem) && downshift.inputValue !== itemToString(props.selectedItem)
                         ? itemToString(props.selectedItem)
                         : state.inputValue });
+            case useCombobox.stateChangeTypes.InputKeyDownEnter:
+                return Object.assign(Object.assign({}, changes), { inputValue: state.inputValue });
             default:
                 return changes;
         }

package/lib/esm/DropDownList/dropdownUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdownUtils.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/dropdownUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAGnD,wBAAgB,YAAY,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,MAAM,CAExD;AAED,eAAO,MAAM,IAAI,YAAW,CAAC;AAE7B,eAAO,MAAM,+BAA+B,4CAgC3C,CAAC"}
+{"version":3,"file":"dropdownUtils.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/dropdownUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAGnD,wBAAgB,YAAY,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,MAAM,CAExD;AAED,eAAO,MAAM,IAAI,YAAW,CAAC;AAE7B,eAAO,MAAM,+BAA+B,4CAoC3C,CAAC"}

package/lib/esm/DropDownList/dropdownUtils.js

@@ -12,6 +12,7 @@ export const multiSelectDropdownStateReducer = (state, actionAndChanges) => {
         case useSelect.stateChangeTypes.ItemClick:
             return Object.assign(Object.assign({}, changes), { isOpen: true, highlightedIndex: state.highlightedIndex, inputValue: '' });
         case useCombobox.stateChangeTypes.InputKeyDownEnter:
+            return Object.assign(Object.assign({}, changes), { inputValue: state.inputValue });
         case useCombobox.stateChangeTypes.ItemClick:
             return Object.assign(Object.assign({}, changes), { isOpen: true, highlightedIndex: state.highlightedIndex, inputValue: '' });
         case useCombobox.stateChangeTypes.InputBlur: