@rh-support/components 2.1.37 → 2.1.39

package/lib/cjs/TopContentSearch/TopContentSearch.js

@@ -1,7 +1,11 @@
 "use strict";
 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -47,7 +51,7 @@ const getTopContentUrl = (contentUrl) => {
     // this adds the access.redhat.com to make them valid urls, otherwise the top content edit functionality won't work
     // for product/versions that already have data not created by users.
     if (contentUrl.startsWith('/')) {
-        return `https://${utils_1.getAccessHostname()}${contentUrl}`;
+        return `https://${(0, utils_1.getAccessHostname)()}${contentUrl}`;
     }
     return contentUrl;
 };
@@ -58,18 +62,18 @@ var CustomEvents;
     CustomEvents["inputClear"] = "top-content-filter-input-clear";
 })(CustomEvents || (CustomEvents = {}));
 function TopContentSearch({ topContentData = [], topContentResultsWrapperRef = { current: {} }, onSearch, dataTrackingId, enableEventTracking = false, }) {
-    const [searchText, setSearchText] = react_1.useState('');
-    const { t } = react_i18next_1.useTranslation();
-    const searchWorkerRef = react_1.useRef(new js_worker_search_1.default({
+    const [searchText, setSearchText] = (0, react_1.useState)('');
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const searchWorkerRef = (0, react_1.useRef)(new js_worker_search_1.default({
         indexMode: js_worker_search_1.INDEX_MODES.ALL_SUBSTRINGS,
         caseSensitive: false,
         matchAnyToken: true,
     }));
-    const searchWrapperRef = react_1.useRef(null);
-    react_1.useEffect(() => {
+    const searchWrapperRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
         topContentData.forEach((item) => {
             item.content.forEach((content) => {
-                searchWorkerRef.current.indexDocument(content.topContentId, `${content.contentTitle} ${exports.getTopContentUrl(content.contentUrl)}`);
+                searchWorkerRef.current.indexDocument(content.topContentId, `${content.contentTitle} ${(0, exports.getTopContentUrl)(content.contentUrl)}`);
             });
         });
         searchText && handleSearch(searchText);
@@ -79,21 +83,21 @@ function TopContentSearch({ topContentData = [], topContentResultsWrapperRef = {
     const logCustomEvent = (eventName, event) => {
         if (!enableEventTracking || !searchWrapperRef.current || !event || !eventName)
             return;
-        utils_1.dtmTrackEvent(searchWrapperRef, eventName, event);
+        (0, utils_1.dtmTrackEvent)(searchWrapperRef, eventName, event);
     };
-    const highlightSearchResults = react_1.useCallback((searchTerm) => {
+    const highlightSearchResults = (0, react_1.useCallback)((searchTerm) => {
         // highlight search term present in contents only. Contents are present within <dd> tag
         const contentElements = topContentResultsWrapperRef.current.querySelectorAll('dd.pf-v5-c-accordion__expandable-content');
         const markInstance = new mark_js_1.default(contentElements);
         markInstance.unmark({
             done: () => {
-                if (isEmpty_1.default(searchTerm))
+                if ((0, isEmpty_1.default)(searchTerm))
                     return;
                 markInstance.mark(searchTerm, { separateWordSearch: true });
             },
         });
     }, [topContentResultsWrapperRef]);
-    const onSearchInputClear = react_1.useCallback((event) => {
+    const onSearchInputClear = (0, react_1.useCallback)((event) => {
         logCustomEvent(CustomEvents.inputClear, event);
         setSearchText('');
         highlightSearchResults('');
@@ -102,14 +106,14 @@ function TopContentSearch({ topContentData = [], topContentResultsWrapperRef = {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [highlightSearchResults, topContentData]);
     // To handle search
-    const handleSearch = react_1.useCallback((query) => __awaiter(this, void 0, void 0, function* () {
+    const handleSearch = (0, react_1.useCallback)((query) => __awaiter(this, void 0, void 0, function* () {
         if (!query) {
             onSearchInputClear();
             return;
         }
         const contentIds = yield searchWorkerRef.current.search(query);
         let contentFound = 0;
-        const filteredData = flatMap_1.default(topContentData, (item) => {
+        const filteredData = (0, flatMap_1.default)(topContentData, (item) => {
             const filteredContent = item.content.filter((item) => contentIds.includes(item.topContentId));
             const filteredContentLength = filteredContent.length;
             if (filteredContentLength > 0 && contentFound < contentIds.length) {
@@ -126,7 +130,7 @@ function TopContentSearch({ topContentData = [], topContentResultsWrapperRef = {
     }), 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [highlightSearchResults, topContentData, onSearchInputClear]);
-    const debounceSearch = react_1.useMemo(() => debounce_1.default(handleSearch, 500), [handleSearch]);
+    const debounceSearch = (0, react_1.useMemo)(() => (0, debounce_1.default)(handleSearch, 500), [handleSearch]);
     const onSearchInputChange = (value) => {
         setSearchText(value);
         debounceSearch(value);

package/lib/cjs/TopContentSearch/index.js

@@ -1,7 +1,11 @@
 "use strict";
 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/lib/cjs/ValueChangedIcon/ValueChangedIcon.d.ts

@@ -9,6 +9,6 @@ interface IProps<T> {
     comparator?: (current: T, previous: T) => boolean;
     getTooltipContent: (currentValue: T, previousValue: T) => React.ReactNode;
 }
-export declare function ValueChangedIcon<T>(props: IProps<T>): JSX.Element;
+export declare function ValueChangedIcon<T>(props: IProps<T>): React.JSX.Element;
 export {};
 //# sourceMappingURL=ValueChangedIcon.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ValueChangedIcon.d.ts","sourceRoot":"","sources":["../../../src/ValueChangedIcon/ValueChangedIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAGlE,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,UAAU,MAAM,CAAC,CAAC;IACd,KAAK,EAAE,CAAC,CAAC;IACT,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,OAAO,CAAC;IAClD,iBAAiB,EAAE,CAAC,YAAY,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CAC7E;AAED,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,eAyDnD"}
+{"version":3,"file":"ValueChangedIcon.d.ts","sourceRoot":"","sources":["../../../src/ValueChangedIcon/ValueChangedIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAGlE,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,UAAU,MAAM,CAAC,CAAC;IACd,KAAK,EAAE,CAAC,CAAC;IACT,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,OAAO,CAAC;IAClD,iBAAiB,EAAE,CAAC,YAAY,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CAC7E;AAED,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,qBAyDnD"}

package/lib/cjs/ValueChangedIcon/ValueChangedIcon.js

@@ -1,7 +1,11 @@
 "use strict";
 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -30,16 +34,16 @@ const react_1 = __importStar(require("react"));
 function ValueChangedIcon(props) {
     // removed 2 min refresh functionality so this icon never needs to be shown
     // TODO: Reimplement "setShow"
-    const [show] = react_1.useState(false);
-    const [tooltipContent, setTooltipContent] = react_1.useState();
-    const [currentValue, setCurrentValue] = react_1.useState(props.value);
-    const [previousValue, setPreviousValue] = react_1.useState();
-    const [clearTTDebounce, setClearTTDebounce] = react_1.useState();
+    const [show] = (0, react_1.useState)(false);
+    const [tooltipContent, setTooltipContent] = (0, react_1.useState)();
+    const [currentValue, setCurrentValue] = (0, react_1.useState)(props.value);
+    const [previousValue, setPreviousValue] = (0, react_1.useState)();
+    const [clearTTDebounce, setClearTTDebounce] = (0, react_1.useState)();
     if (clearTTDebounce) {
         clearTTDebounce();
         setClearTTDebounce(undefined);
     }
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (props.isLocalChange) {
             props.afterLocalChange();
             setPreviousValue(currentValue);
@@ -52,13 +56,13 @@ function ValueChangedIcon(props) {
             // setShow(true);
             setTooltipContent(props.getTooltipContent(currentValue, previousValue));
             setPreviousValue(currentValue);
-            setClearTTDebounce(debounce_1.default(() => {
+            setClearTTDebounce((0, debounce_1.default)(() => {
                 setTooltipContent(null);
                 // setShow(false);
             }, 6000));
         }
     }, [props, previousValue, currentValue]);
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (currentValue !== props.value) {
             setPreviousValue(!!currentValue ? currentValue : props.value);
             setCurrentValue(props.value);

package/lib/cjs/ValueChangedIcon/index.js

@@ -1,7 +1,11 @@
 "use strict";
 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/lib/cjs/helperFunctions/errorMessage.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './errorMessage.scss';
 export interface IAppErrorObj {
     title: string;

package/lib/cjs/helperFunctions/errorMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"errorMessage.d.ts","sourceRoot":"","sources":["../../../src/helperFunctions/errorMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAS7B,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;CACjC;AAED,MAAM,WAAW,SAAS;IACtB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;CACxC;AAoDD,iBAAS,wBAAwB,CAAC,KAAK,KAAA,EAAE,aAAa,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,GAAG,CAAC,OAAO,CAwCxF;AAED,iBAAS,iBAAiB,CAAC,KAAK,KAAA,EAAE,WAAW,CAAC,EAAE,SAAS,GAAG,MAAM,CAIjE;AAED,OAAO,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"errorMessage.d.ts","sourceRoot":"","sources":["../../../src/helperFunctions/errorMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,qBAAqB,CAAC;AAS7B,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;CACjC;AAED,MAAM,WAAW,SAAS;IACtB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;CACxC;AAoDD,iBAAS,wBAAwB,CAAC,KAAK,KAAA,EAAE,aAAa,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,GAAG,CAAC,OAAO,CAwCxF;AAED,iBAAS,iBAAiB,CAAC,KAAK,KAAA,EAAE,WAAW,CAAC,EAAE,SAAS,GAAG,MAAM,CAIjE;AAED,OAAO,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,CAAC"}

package/lib/cjs/helperFunctions/errorMessage.js

@@ -80,7 +80,7 @@ function formattedApiErrorMessage(error, customMessage) {
         // api call error
         const message = (error === null || error === void 0 ? void 0 : error.statusText) || (error === null || error === void 0 ? void 0 : error.responseText) || '';
         // error.message -> javascript error
-        const isNotProperUXError = isEmpty_1.default(message) || (message === null || message === void 0 ? void 0 : message.length) > 200 || (error === null || error === void 0 ? void 0 : error.message) || (error === null || error === void 0 ? void 0 : error.detailMessage);
+        const isNotProperUXError = (0, isEmpty_1.default)(message) || (message === null || message === void 0 ? void 0 : message.length) > 200 || (error === null || error === void 0 ? void 0 : error.message) || (error === null || error === void 0 ? void 0 : error.detailMessage);
         return isNotProperUXError ? defaultErrorMessage : message;
     }
 }

package/lib/cjs/helperFunctions/index.js

@@ -1,7 +1,11 @@
 "use strict";
 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/lib/cjs/hooks/index.js

@@ -1,7 +1,11 @@
 "use strict";
 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/lib/cjs/hooks/useBreakpoint.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-export declare type Config = {
+export type Config = {
     readonly [key: string]: string;
 };
 declare function BreakpointProvider({ children, queries }: React.PropsWithChildren<{
     queries?: Config;
-}>): JSX.Element;
+}>): React.JSX.Element;
 declare function useBreakpoint(): {
     readonly [key: string]: boolean;
 };

package/lib/cjs/hooks/useBreakpoint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoint.d.ts","sourceRoot":"","sources":["../../../src/hooks/useBreakpoint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,oBAAY,MAAM,GAAG;IACjB,QAAQ,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CAClC,CAAC;AAaF,iBAAS,kBAAkB,CAAC,EAAE,QAAQ,EAAE,OAAwB,EAAE,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,eA+ChH;AAED,iBAAS,aAAa;;EAMrB;AACD,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"useBreakpoint.d.ts","sourceRoot":"","sources":["../../../src/hooks/useBreakpoint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,MAAM,MAAM,MAAM,GAAG;IACjB,QAAQ,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CAClC,CAAC;AAaF,iBAAS,kBAAkB,CAAC,EAAE,QAAQ,EAAE,OAAwB,EAAE,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,qBA+ChH;AAED,iBAAS,aAAa;;EAMrB;AACD,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAC"}

package/lib/cjs/hooks/useBreakpoint.js

@@ -1,7 +1,11 @@
 "use strict";
 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -33,8 +37,8 @@ const defaultQueries = {
     xxl: `(min-width: 1800px)`,
 };
 function BreakpointProvider({ children, queries = defaultQueries }) {
-    const [queryMatch, setQueryMatch] = react_1.useState({});
-    react_1.useEffect(() => {
+    const [queryMatch, setQueryMatch] = (0, react_1.useState)({});
+    (0, react_1.useEffect)(() => {
         const mediaQueryLists = {};
         const keys = Object.keys(queries);
         let isAttached = false;
@@ -78,7 +82,7 @@ function BreakpointProvider({ children, queries = defaultQueries }) {
 }
 exports.BreakpointProvider = BreakpointProvider;
 function useBreakpoint() {
-    const context = react_1.useContext(BreakpointContext);
+    const context = (0, react_1.useContext)(BreakpointContext);
     if (context === defaultValue) {
         throw new Error('useBreakpoint must be used within a BreakpointProvider');
     }

package/lib/cjs/hooks/useCopyToClipboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCopyToClipboard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCopyToClipboard.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,SAAU,WAAW,SAK3C,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,GAAG,KAAA;;;EAyBrC"}
+{"version":3,"file":"useCopyToClipboard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCopyToClipboard.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,SAAU,WAAW,SAK3C,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,GAAG,KAAA;;;EA0BrC"}

package/lib/cjs/hooks/useCopyToClipboard.js

@@ -11,10 +11,11 @@ const selectText = (elem) => {
 };
 exports.selectText = selectText;
 function useCopyToClipboard(ref) {
-    const [clipboardText, setClipboardText] = react_1.useState('');
-    const { t } = react_i18next_1.useTranslation();
+    const [clipboardText, setClipboardText] = (0, react_1.useState)('');
+    // @ts-ignore
+    const { t } = (0, react_i18next_1.useTranslation)();
     const copyToClipboard = () => {
-        exports.selectText(ref.current);
+        (0, exports.selectText)(ref.current);
         try {
             document.execCommand('copy');
             setClipboardText(t('Copied!'));

package/lib/cjs/hooks/useDebounce.js

@@ -10,8 +10,8 @@ const use_deep_compare_effect_1 = __importDefault(require("use-deep-compare-effe
 // Takes a callback that is called after a debounce delay based on the dependencies array
 // Its just a wrapper over useEffect and debounce function which cancels previous callback each time
 function useDebounce(callback, dependencies, wait = 0, options = {}) {
-    react_1.useEffect(() => {
-        const handler = debounce_1.default(() => {
+    (0, react_1.useEffect)(() => {
+        const handler = (0, debounce_1.default)(() => {
             callback();
         }, wait, options);
         handler();
@@ -24,9 +24,9 @@ function useDebounce(callback, dependencies, wait = 0, options = {}) {
 }
 exports.useDebounce = useDebounce;
 function useDeepCompareDebounce(callback, dependencies, wait = 0, options = {}) {
-    use_deep_compare_effect_1.default(() => {
+    (0, use_deep_compare_effect_1.default)(() => {
         //instead of useeffect use the deepcompare libary
-        const handler = debounce_1.default(() => {
+        const handler = (0, debounce_1.default)(() => {
             callback();
         }, wait, options);
         handler();

package/lib/cjs/hooks/useFetch.js

@@ -15,13 +15,12 @@ const useIsMounted_1 = require("./useIsMounted");
 const usePrevious_1 = require("./usePrevious");
 // type IUseFetchFn = <T,A extends any[]>(fn: (...args:) => Promise<T>, options?: IUseFetchOptions<T>) => IUseFetch<T,A>;
 function useFetch(fn, { initialData = null, resolve = false, resolveCondition = [], isAbortable = false, propgateErrors = false, postProcessor = undefined, } = {}) {
-    const isMounted = useIsMounted_1.useIsMounted();
-    const [{ data, isFetching, error }, setState] = react_1.useReducer((s, a) => (Object.assign(Object.assign({}, s), a)), { data: initialData, isFetching: resolve, error: null });
-    const [abortSignal, setAbortSignal] = react_1.useState(null);
-    const prevAbortSignal = usePrevious_1.usePrevious(abortSignal);
+    const isMounted = (0, useIsMounted_1.useIsMounted)();
+    const [{ data, isFetching, error }, setState] = (0, react_1.useReducer)((s, a) => (Object.assign(Object.assign({}, s), a)), { data: initialData, isFetching: resolve, error: null });
+    const [abortSignal, setAbortSignal] = (0, react_1.useState)(null);
+    const prevAbortSignal = (0, usePrevious_1.usePrevious)(abortSignal);
     const clearResponse = () => setState({ data: initialData });
     const request = (...args) => __awaiter(this, void 0, void 0, function* () {
-        var _a;
         try {
             if (isAbortable && 'AbortController' in window) {
                 if (prevAbortSignal) {
@@ -38,7 +37,7 @@ function useFetch(fn, { initialData = null, resolve = false, resolveCondition =
             return response;
         }
         catch (err) {
-            const isAbortError = ((_a = err) === null || _a === void 0 ? void 0 : _a.code) === 20;
+            const isAbortError = (err === null || err === void 0 ? void 0 : err.code) === 20;
             if (isAbortError) {
                 // TODO handle abort error and loader behaviour
             }
@@ -54,7 +53,7 @@ function useFetch(fn, { initialData = null, resolve = false, resolveCondition =
             }
         }
     });
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         // if (resolve) {
         //     request();
         // }

package/lib/cjs/hooks/useForceUpdate.js

@@ -22,7 +22,7 @@ const react_1 = require("react");
 function useForceUpdate() {
     // The toggling state value is designed to defeat React optimizations for skipping
     // updates when they are stricting equal to the last state value
-    const [, dispatch] = react_1.useReducer((state) => !state, false);
+    const [, dispatch] = (0, react_1.useReducer)((state) => !state, false);
     return dispatch;
 }
 exports.useForceUpdate = useForceUpdate;

package/lib/cjs/hooks/useForkRef.js

@@ -16,7 +16,7 @@ function useForkRef(refA, refB) {
      * This means react will call the old forkRef with `null` and the new forkRef
      * with the ref. Cleanup naturally emerges from this behavior
      */
-    return react_1.useMemo(() => {
+    return (0, react_1.useMemo)(() => {
         if (refA == null && refB == null) {
             return null;
         }

package/lib/cjs/hooks/useLRUCache.js

@@ -5,8 +5,8 @@ const utils_1 = require("@rh-support/utils");
 const react_1 = require("react");
 const useForceUpdate_1 = require("./useForceUpdate");
 function useLRUCache(maxSize) {
-    const lruCacheRef = react_1.useRef(new utils_1.LRUCache(maxSize));
-    const forceUpdate = useForceUpdate_1.useForceUpdate();
+    const lruCacheRef = (0, react_1.useRef)(new utils_1.LRUCache(maxSize));
+    const forceUpdate = (0, useForceUpdate_1.useForceUpdate)();
     const setInCache = (key, value) => {
         lruCacheRef.current.set(key, value);
         forceUpdate();

package/lib/cjs/hooks/useLocalStorage.d.ts

@@ -1,5 +1,5 @@
-declare type Dispatch<A> = (value: A) => void;
-declare type SetStateAction<S> = S | ((prevState: S) => S);
+type Dispatch<A> = (value: A) => void;
+type SetStateAction<S> = S | ((prevState: S) => S);
 declare const useLocalStorage: <T>(key: string, initialValue?: T, raw?: boolean) => [T, Dispatch<SetStateAction<T>>];
 export { useLocalStorage };
 //# sourceMappingURL=useLocalStorage.d.ts.map

package/lib/cjs/hooks/useLocalStorage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLocalStorage.d.ts","sourceRoot":"","sources":["../../../src/hooks/useLocalStorage.ts"],"names":[],"mappings":"AAEA,aAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;AACtC,aAAK,cAAc,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AAKnD,QAAA,MAAM,eAAe,WAAY,MAAM,0BAA0B,OAAO,qCA8BvE,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"useLocalStorage.d.ts","sourceRoot":"","sources":["../../../src/hooks/useLocalStorage.ts"],"names":[],"mappings":"AAEA,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;AACtC,KAAK,cAAc,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AAKnD,QAAA,MAAM,eAAe,WAAY,MAAM,0BAA0B,OAAO,qCA8BvE,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/lib/cjs/hooks/useLocalStorage.js

@@ -5,7 +5,7 @@ const react_1 = require("react");
 // For usage please refer
 // https://github.com/streamich/react-use/blob/master/docs/useLocalStorage.md
 const useLocalStorage = (key, initialValue, raw) => {
-    const [state, setState] = react_1.useState(() => {
+    const [state, setState] = (0, react_1.useState)(() => {
         try {
             const localStorageValue = localStorage.getItem(key);
             if (typeof localStorageValue !== 'string') {
@@ -23,7 +23,7 @@ const useLocalStorage = (key, initialValue, raw) => {
             return initialValue;
         }
     });
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         try {
             const serializedState = raw ? String(state) : JSON.stringify(state);
             localStorage.setItem(key, serializedState);

package/lib/cjs/hooks/useOnScreen.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useOnScreen = void 0;
 const react_1 = require("react");
 function useOnScreen(ref) {
-    const [isIntersecting, setIntersecting] = react_1.useState(false);
+    const [isIntersecting, setIntersecting] = (0, react_1.useState)(false);
     const observer = new IntersectionObserver(([entry]) => setIntersecting(entry.isIntersecting));
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         observer.observe(ref.current);
         // Remove the observer as soon as the component is unmounted
         return () => {

package/lib/cjs/hooks/usePolling.js

@@ -4,10 +4,10 @@ exports.usePolling = void 0;
 const react_1 = require("react");
 const refreshInterval = 120 * 1000;
 function usePolling(intervalCb, dependencies = []) {
-    const depsRef = react_1.useRef(dependencies);
+    const depsRef = (0, react_1.useRef)(dependencies);
     const fetch = () => !document.hidden && intervalCb(...depsRef.current);
     depsRef.current = dependencies;
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const id = setInterval(fetch, refreshInterval);
         return () => {
             clearInterval(id);

package/lib/cjs/hooks/usePrevious.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePrevious = void 0;
 const react_1 = require("react");
 function usePrevious(value) {
-    const ref = react_1.useRef();
-    react_1.useEffect(() => {
+    const ref = (0, react_1.useRef)();
+    (0, react_1.useEffect)(() => {
         ref.current = value;
     }, [value]);
     return ref.current;

package/lib/cjs/hooks/useSelectKeyboardNavigator.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSelectKeyboardNavigator = void 0;
 const react_1 = require("react");
 function useSelectKeyboardNavigator({ list, isOpen, setIsOpen, onSelect }) {
-    const [focusedItemIndex, setFocusedItemIndex] = react_1.useState(null);
-    react_1.useEffect(() => {
+    const [focusedItemIndex, setFocusedItemIndex] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
         setFocusedItemIndex(null);
     }, [list.length]);
     const handleMenuArrowKeys = (key) => {

package/lib/cjs/hooks/useTitle.js

@@ -4,7 +4,7 @@ exports.useDocumentTitle = void 0;
 const react_1 = require("react");
 function useDocumentTitle(title) {
     const originalTitle = document.title;
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         document.title = title;
         return () => {
             document.title = originalTitle;

package/lib/cjs/hooks/useUndo.js

@@ -8,7 +8,7 @@ var UndoRedoActionConstant;
     UndoRedoActionConstant["redoPresent"] = "REDO_PRESENT";
     UndoRedoActionConstant["setPresent"] = "SET_PRESENT";
     UndoRedoActionConstant["resetPresent"] = "RESET_PRESENT";
-})(UndoRedoActionConstant = exports.UndoRedoActionConstant || (exports.UndoRedoActionConstant = {}));
+})(UndoRedoActionConstant || (exports.UndoRedoActionConstant = UndoRedoActionConstant = {}));
 const undoRedoReducer = () => (state, action) => {
     const { past, present, future } = state;
     switch (action.type) {
@@ -52,25 +52,25 @@ const undoRedoReducer = () => (state, action) => {
     }
 };
 function useUndo(initialPresent) {
-    const [state, dispatch] = react_1.useReducer(undoRedoReducer(), {
+    const [state, dispatch] = (0, react_1.useReducer)(undoRedoReducer(), {
         past: [],
         present: initialPresent,
         future: [],
     });
     const canUndo = state.past.length !== 0;
     const canRedo = state.future.length !== 0;
-    const undo = react_1.useCallback(() => {
+    const undo = (0, react_1.useCallback)(() => {
         if (canUndo) {
             dispatch({ type: UndoRedoActionConstant.undoPresent });
         }
     }, [canUndo]);
-    const redo = react_1.useCallback(() => {
+    const redo = (0, react_1.useCallback)(() => {
         if (canRedo) {
             dispatch({ type: UndoRedoActionConstant.redoPresent });
         }
     }, [canRedo]);
-    const setURValue = react_1.useCallback((present) => dispatch({ type: UndoRedoActionConstant.setPresent, payload: { present } }), []);
-    const resetURValue = react_1.useCallback((present) => dispatch({ type: UndoRedoActionConstant.resetPresent, payload: { present } }), []);
+    const setURValue = (0, react_1.useCallback)((present) => dispatch({ type: UndoRedoActionConstant.setPresent, payload: { present } }), []);
+    const resetURValue = (0, react_1.useCallback)((present) => dispatch({ type: UndoRedoActionConstant.resetPresent, payload: { present } }), []);
     return { state, setURValue, resetURValue, undo, redo, canUndo, canRedo };
 }
 exports.useUndo = useUndo;

package/lib/cjs/index.js

@@ -1,7 +1,11 @@
 "use strict";
 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

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

@@ -15,8 +15,8 @@ interface IProps {
     variant: AlertType;
     isInline?: boolean;
 }
-export declare type AlertMessageProps = IProps;
-declare function AlertMessage(props: IProps): JSX.Element;
+export type AlertMessageProps = IProps;
+declare function AlertMessage(props: IProps): React.JSX.Element;
 declare namespace AlertMessage {
     var defaultProps: Partial<IProps>;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"AlertMessage.d.ts","sourceRoot":"","sources":["../../../src/AlertMessage/AlertMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAG5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,SAAS;IACjB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,OAAO,YAAY;CACtB;AACD,UAAU,MAAM;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;IACxD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,oBAAY,iBAAiB,GAAG,MAAM,CAAC;AAOvC,iBAAS,YAAY,CAAC,KAAK,EAAE,MAAM,eAkBlC;kBAlBQ,YAAY;;;AAoBrB,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"AlertMessage.d.ts","sourceRoot":"","sources":["../../../src/AlertMessage/AlertMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAG5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,SAAS;IACjB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,OAAO,YAAY;CACtB;AACD,UAAU,MAAM;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;IACxD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC;AAOvC,iBAAS,YAAY,CAAC,KAAK,EAAE,MAAM,qBAkBlC;kBAlBQ,YAAY;;;AAoBrB,OAAO,EAAE,YAAY,EAAE,CAAC"}

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

@@ -1,6 +1,7 @@
+import React from 'react';
 import { ConfirmationOptions } from './ConfirmationDialog';
 export declare const useConfirmation: () => (options: ConfirmationOptions) => Promise<void>;
 export declare const ConfirmationServiceProvider: ({ children }: {
     children: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 //# sourceMappingURL=ConfirmationContext.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmationContext.d.ts","sourceRoot":"","sources":["../../../src/ConfirmationModal/ConfirmationContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsB,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAI/E,eAAO,MAAM,eAAe,kBAFqC,mBAAmB,KAAK,QAAQ,IAAI,CAE1B,CAAC;AAE5E,eAAO,MAAM,2BAA2B;;iBA2CvC,CAAC"}
+{"version":3,"file":"ConfirmationContext.d.ts","sourceRoot":"","sources":["../../../src/ConfirmationModal/ConfirmationContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAsB,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAI/E,eAAO,MAAM,eAAe,kBAFqC,mBAAmB,KAAK,QAAQ,IAAI,CAE1B,CAAC;AAE5E,eAAO,MAAM,2BAA2B;;uBA2CvC,CAAC"}

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

@@ -1,4 +1,5 @@
 import { ButtonVariant, ModalVariant } from '@patternfly/react-core';
+import React from 'react';
 export interface ConfirmationOptions {
     catchOnCancel?: boolean;
     title?: string;
@@ -15,7 +16,7 @@ interface IProps extends ConfirmationOptions {
     onClose: () => void;
     modalVariant?: ModalVariant;
 }
-declare function ConfirmationDialog(props: IProps): JSX.Element;
+declare function ConfirmationDialog(props: IProps): React.JSX.Element;
 declare namespace ConfirmationDialog {
     var defaultProps: {
         confirmText: string;

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmationDialog.d.ts","sourceRoot":"","sources":["../../../src/ConfirmationModal/ConfirmationDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,aAAa,EAAS,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAIpF,MAAM,WAAW,mBAAmB;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB,CAAC,EAAE,aAAa,CAAC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,aAAa,CAAC;IACpC,YAAY,CAAC,EAAE,YAAY,CAAC;CAC/B;AAED,UAAU,MAAO,SAAQ,mBAAmB;IACxC,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC/B;AAUD,iBAAS,kBAAkB,CAAC,KAAK,EAAE,MAAM,eAsBxC;kBAtBQ,kBAAkB;;;;;;;;;AAwB3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"ConfirmationDialog.d.ts","sourceRoot":"","sources":["../../../src/ConfirmationModal/ConfirmationDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,aAAa,EAAS,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACpF,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,mBAAmB;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB,CAAC,EAAE,aAAa,CAAC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,aAAa,CAAC;IACpC,YAAY,CAAC,EAAE,YAAY,CAAC;CAC/B;AAED,UAAU,MAAO,SAAQ,mBAAmB;IACxC,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC/B;AAUD,iBAAS,kBAAkB,CAAC,KAAK,EAAE,MAAM,qBAsBxC;kBAtBQ,kBAAkB;;;;;;;;;AAwB3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}