@rh-support/components 2.4.10-beta.6 → 2.5.0

package/lib/esm/TermsAndConditions/AcceptTermsModal.js

@@ -8,7 +8,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { publicApi } from '@cee-eng/hydrajs';
-import { Button, ButtonVariant, Checkbox, Flex, FlexItem, Modal, ModalVariant, Select, SelectOption, } from '@patternfly/react-core';
+import { Button, ButtonVariant, Checkbox, Flex, FlexItem, Modal, ModalVariant } from '@patternfly/react-core';
+import { Select, SelectOption } from '@patternfly/react-core/deprecated';
 import React, { useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useFetch } from '../hooks';
@@ -70,24 +71,24 @@ export function AcceptTermsModal(props) {
         props.onConfirm(selectedTranslation.termsPdfId);
     };
     const onDropdownToggle = (toggle) => setisLangSelectorDropdownOpen(toggle);
-    return (React.createElement(Modal, { variant: ModalVariant.medium, className: "pf-u-font-size-sm", title: isFetching || !selectedTranslation ? 'Remote Access Rider' : selectedTranslation.translatedTermsName, isOpen: props.isModalOpen, showClose: props.isSubmitting ? false : true, onClose: handleModalToggle, actions: [
+    return (React.createElement(Modal, { variant: ModalVariant.medium, className: "pf-v5-u-font-size-sm", title: isFetching || !selectedTranslation ? 'Remote Access Rider' : selectedTranslation.translatedTermsName, isOpen: props.isModalOpen, showClose: props.isSubmitting ? false : true, onClose: handleModalToggle, actions: [
             React.createElement(Button, { key: "confirm", variant: ButtonVariant.primary, isDisabled: !termsAcked || props.isSubmitting || props.isDisabled, isLoading: props.isDisabled || props.isSubmitting, "data-tracking-id": `${props.dataTrackingId || props.eventCode}-terms-accept`, onClick: onSubmitClick },
                 React.createElement(Trans, null, "Submit")),
             React.createElement(Button, { key: "cancel", isDisabled: props.isSubmitting || props.isDisabled, "data-tracking-id": `${props.dataTrackingId || props.eventCode}-terms-cancel`, variant: ButtonVariant.link, onClick: props.onModalClose },
                 React.createElement(Trans, null, "Cancel")),
         ] }, isFetching || !selectedTranslation ? (React.createElement("div", { style: { height: '100px' } },
         React.createElement(LoadingIndicator, null))) : (React.createElement(React.Fragment, null,
-        React.createElement("p", { className: "pf-u-mb-md" }, selectedTranslation.translatedDescription),
+        React.createElement("p", { className: "pf-v5-u-mb-md" }, selectedTranslation.translatedDescription),
         React.createElement("strong", null,
             React.createElement(Trans, null, "Download the agreement")),
-        React.createElement("p", { className: "pf-u-mb-md pf-u-mt-sm" }, selectedTranslation.translatedInstructions),
+        React.createElement("p", { className: "pf-v5-u-mb-md pf-v5-u-mt-sm" }, selectedTranslation.translatedInstructions),
         React.createElement(Flex, null,
             React.createElement(FlexItem, null,
-                React.createElement(Select, { "aria-label": t('Select language'), id: "terms-language-selector", className: "pf-u-mb-md", selections: selectedTranslation.localeCode, onSelect: onLangChange, isOpen: isLangSelectorDropdownOpen, isDisabled: props.isSubmitting, menuAppendTo: document.body, placeholderText: t('Select an option that best fits'), onToggle: onDropdownToggle }, Object.keys(allTranslations).map((option, index) => (React.createElement(SelectOption, { key: index, value: option }, getLocaleNameFromLocalCode(option)))))),
+                React.createElement(Select, { "aria-label": t('Select language'), id: "terms-language-selector", className: "pf-v5-u-mb-md", selections: selectedTranslation.localeCode, onSelect: onLangChange, isOpen: isLangSelectorDropdownOpen, isDisabled: props.isSubmitting, menuAppendTo: document.body, placeholderText: t('Select an option that best fits'), onToggle: (_event, toggle) => onDropdownToggle(toggle) }, Object.keys(allTranslations).map((option, index) => (React.createElement(SelectOption, { key: index, value: option }, getLocaleNameFromLocalCode(option)))))),
             React.createElement(FlexItem, null,
                 React.createElement("a", { href: selectedTranslation.pdfDownloadUrl, "data-tracking-id": `${props.eventCode}-terms-download`, target: "_blank", rel: "noopener noreferrer" },
                     React.createElement(Trans, null, "Download")))),
-        React.createElement(Checkbox, { label: t('I have read and agree to the terms'), isChecked: termsAcked, onChange: (checked) => {
+        React.createElement(Checkbox, { label: t('I have read and agree to the terms'), isChecked: termsAcked, onChange: (_event, checked) => {
                 setTermsAcked(checked);
             }, "aria-label": t('I have read and agree to the terms'), id: "agree-terms", name: "agree-terms" })))));
 }

package/lib/esm/TextAreaAutosize/TextAreaAutosize.d.ts

@@ -3,6 +3,6 @@ interface IProps extends Omit<HTMLProps<HTMLTextAreaElement>, 'css'> {
     rowsMax?: number;
     rowsMin?: number;
 }
-declare const TextAreaAutosize: React.ForwardRefExoticComponent<Pick<IProps, "size" | "className" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "action" | "accept" | "acceptCharset" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "rowsMax" | "rowsMin"> & React.RefAttributes<unknown>>;
+declare const TextAreaAutosize: React.ForwardRefExoticComponent<Omit<IProps, "ref"> & React.RefAttributes<unknown>>;
 export { TextAreaAutosize };
 //# sourceMappingURL=TextAreaAutosize.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextAreaAutosize.d.ts","sourceRoot":"","sources":["../../../src/TextAreaAutosize/TextAreaAutosize.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAc,SAAS,EAA6D,MAAM,OAAO,CAAC;AAKhH,UAAU,MAAO,SAAQ,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC;IAChE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAWD,QAAA,MAAM,gBAAgB,o0LAyHpB,CAAC;AAGH,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"TextAreaAutosize.d.ts","sourceRoot":"","sources":["../../../src/TextAreaAutosize/TextAreaAutosize.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAc,SAAS,EAA6D,MAAM,OAAO,CAAC;AAKhH,UAAU,MAAO,SAAQ,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC;IAChE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAWD,QAAA,MAAM,gBAAgB,qFAyHpB,CAAC;AAGH,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/lib/esm/TextAreaResizable/TextAreaResizable.d.ts

@@ -15,6 +15,6 @@ interface IProps extends Omit<HTMLProps<HTMLTextAreaElement>, 'css' | 'onChange'
     validated?: ValidatedOptions;
     onChange: (value: string, event: React.ChangeEvent<HTMLTextAreaElement>) => void;
 }
-export declare const TextAreaResizable: (props: IProps) => JSX.Element;
+export declare const TextAreaResizable: (props: IProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=TextAreaResizable.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextAreaResizable.d.ts","sourceRoot":"","sources":["../../../src/TextAreaResizable/TextAreaResizable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAEpE,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAEnD,UAAU,MAAO,SAAQ,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,KAAK,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,CAAC;IACpG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CACpF;AACD,eAAO,MAAM,iBAAiB,UAAW,MAAM,gBAoD9C,CAAC"}
+{"version":3,"file":"TextAreaResizable.d.ts","sourceRoot":"","sources":["../../../src/TextAreaResizable/TextAreaResizable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAEpE,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAEnD,UAAU,MAAO,SAAQ,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,KAAK,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,CAAC;IACpG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CACpF;AACD,eAAO,MAAM,iBAAiB,UAAW,MAAM,sBAqD9C,CAAC"}

package/lib/esm/TextAreaResizable/TextAreaResizable.js

@@ -26,5 +26,5 @@ export const TextAreaResizable = (props) => {
         else
             return 'default';
     };
-    return (React.createElement(TextArea, { id: id, rows: rows || rowsMin, className: className, "aria-required": props['aria-required'], isRequired: isRequired, maxLength: maxLength, name: name, value: value, autoResize: autoResize, validated: validatedCheck(), onChange: onTextAreaChange, disabled: isDisabled }));
+    return (React.createElement(TextArea, { id: id, rows: rows || rowsMin, className: className, "aria-required": props['aria-required'], isRequired: isRequired, maxLength: maxLength, name: name, value: value, autoResize: autoResize, validated: validatedCheck(), onChange: (event, value) => onTextAreaChange(value, event), disabled: isDisabled, resizeOrientation: "vertical" }));
 };

package/lib/esm/ToastNotification/ToastNotification.d.ts

@@ -12,7 +12,7 @@ export declare enum ToastType {
 declare class ToastNotification {
     static addDangerMessage(message: React.ReactNode, alertBody?: React.ReactNode, options?: ToastOptions): import("react-toastify").ToastId;
     static addSuccessMessage(message: React.ReactNode, alertBody?: React.ReactNode, options?: ToastOptions): import("react-toastify").ToastId;
-    static addWarningMessage(message: any, options?: ToastOptions): import("react-toastify").ToastId;
+    static addWarningMessage(message: any, alertBody?: React.ReactNode | string, options?: ToastOptions): import("react-toastify").ToastId;
     static addInfoMessage(message: any, options?: ToastOptions): import("react-toastify").ToastId;
     static addXHRErrorMessage(error: any, errorMessageObj?: IAppError): void;
     static clearAll(): void;

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

@@ -1 +1 @@
-{"version":3,"file":"ToastNotification.d.ts","sourceRoot":"","sources":["../../../src/ToastNotification/ToastNotification.tsx"],"names":[],"mappings":"AAAA,OAAO,2CAA2C,CAAC;AACnD,OAAO,yBAAyB,CAAC;AAIjC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAS,cAAc,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAErE,OAAO,EAA+C,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAEzG,oBAAY,SAAS;IACjB,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,OAAO,YAAY;CACtB;AAsBD,cAAM,iBAAiB;WACL,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,GAAE,YAAiB;WAYlG,iBAAiB,CAC3B,OAAO,EAAE,KAAK,CAAC,SAAS,EACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,EAC3B,OAAO,GAAE,YAAkC;WAYjC,iBAAiB,CAAC,OAAO,KAAA,EAAE,OAAO,GAAE,YAAiB;WASrD,cAAc,CAAC,OAAO,KAAA,EAAE,OAAO,GAAE,YAAkC;WAOnE,kBAAkB,CAAC,KAAK,KAAA,EAAE,eAAe,CAAC,EAAE,SAAS;WAOrD,QAAQ;WAIR,gBAAgB,CAAC,cAAc,EAAE,MAAM;WAIvC,UAAU,CAAC,OAAO,KAAA;IAIhC;;;OAGG;WACW,kBAAkB,CAAC,cAAc,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE;CAG1F;AAED,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"ToastNotification.d.ts","sourceRoot":"","sources":["../../../src/ToastNotification/ToastNotification.tsx"],"names":[],"mappings":"AAAA,OAAO,2CAA2C,CAAC;AACnD,OAAO,yBAAyB,CAAC;AAIjC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAS,cAAc,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAErE,OAAO,EAA+C,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAEzG,oBAAY,SAAS;IACjB,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,OAAO,YAAY;CACtB;AAsBD,cAAM,iBAAiB;WACL,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,GAAE,YAAiB;WAalG,iBAAiB,CAC3B,OAAO,EAAE,KAAK,CAAC,SAAS,EACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,EAC3B,OAAO,GAAE,YAAkC;WAajC,iBAAiB,CAAC,OAAO,KAAA,EAAE,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,EAAE,OAAO,GAAE,YAAiB;WAY3F,cAAc,CAAC,OAAO,KAAA,EAAE,OAAO,GAAE,YAAkC;WAQnE,kBAAkB,CAAC,KAAK,KAAA,EAAE,eAAe,CAAC,EAAE,SAAS;WAOrD,QAAQ;WAIR,gBAAgB,CAAC,cAAc,EAAE,MAAM;WAIvC,UAAU,CAAC,OAAO,KAAA;IAIhC;;;OAGG;WACW,kBAAkB,CAAC,cAAc,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE;CAG1F;AAED,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAC"}

package/lib/esm/ToastNotification/ToastNotification.js

@@ -19,17 +19,25 @@ const defaultCloseMs = 8000;
 const defaultToastOptions = { autoClose: defaultCloseMs };
 class ToastNotification {
     static addDangerMessage(message, alertBody, options = {}) {
-        return toast(({ closeToast }) => (React.createElement(AlertComponent, { variant: ToastType.DANGER, message: message, closeToast: closeToast }, alertBody)), Object.assign({}, options));
+        return toast(
+        //@ts-ignore
+        ({ closeToast }) => (React.createElement(AlertComponent, { variant: ToastType.DANGER, message: message, closeToast: closeToast }, alertBody)), Object.assign({}, options));
     }
     // removed  options: ToastOptions = defaultToastOptions to fix auto-dismissing of success alerts.
     static addSuccessMessage(message, alertBody, options = defaultToastOptions) {
-        return toast(({ closeToast }) => (React.createElement(AlertComponent, { variant: ToastType.SUCCESS, message: message, closeToast: closeToast }, alertBody)), Object.assign({}, options));
+        return toast(
+        //@ts-ignore
+        ({ closeToast }) => (React.createElement(AlertComponent, { variant: ToastType.SUCCESS, message: message, closeToast: closeToast }, alertBody)), Object.assign({}, options));
     }
-    static addWarningMessage(message, options = {}) {
-        return toast(({ closeToast }) => (React.createElement(AlertComponent, { variant: ToastType.WARNING, message: message, closeToast: closeToast })), Object.assign({}, options));
+    static addWarningMessage(message, alertBody, options = {}) {
+        return toast(
+        //@ts-ignore
+        ({ closeToast }) => (React.createElement(AlertComponent, { variant: ToastType.WARNING, message: message, closeToast: closeToast }, alertBody)), Object.assign({}, options));
     }
     static addInfoMessage(message, options = defaultToastOptions) {
-        return toast(({ closeToast }) => React.createElement(AlertComponent, { variant: ToastType.INFO, message: message, closeToast: closeToast }), Object.assign({}, options));
+        return toast(
+        //@ts-ignore
+        ({ closeToast }) => React.createElement(AlertComponent, { variant: ToastType.INFO, message: message, closeToast: closeToast }), Object.assign({}, options));
     }
     static addXHRErrorMessage(error, errorMessageObj) {
         const messageBody = formattedApiErrorMessage(error, errorMessageObj);

package/lib/esm/ToastNotification/toastNotification.css

@@ -16,7 +16,7 @@
     margin: 0;
 }
 
-.Toastify__toast-body > .pf-c-alert {
+.Toastify__toast-body > .pf-v5-c-alert {
     height: 100%;
     min-width: 500px;
 }

package/lib/esm/TopContentSearch/TopContentSearch.d.ts

@@ -7,8 +7,12 @@ interface IProps {
     topContentData: ITopContentList[];
     enableEventTracking?: boolean;
     onSearch: (searchVal: string, searchResults: ITopContentList[]) => void;
+    className?: string;
+    searchQuery?: string;
+    setSearchQuery?: Function;
+    isDisabled?: boolean;
 }
 export declare const getTopContentUrl: (contentUrl: string) => string;
-export declare function TopContentSearch({ topContentData, topContentResultsWrapperRef, onSearch, dataTrackingId, enableEventTracking, }: IProps): JSX.Element;
+export declare function TopContentSearch({ topContentData, topContentResultsWrapperRef, onSearch, dataTrackingId, enableEventTracking, className, searchQuery, setSearchQuery, isDisabled, }: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=TopContentSearch.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TopContentSearch.d.ts","sourceRoot":"","sources":["../../../src/TopContentSearch/TopContentSearch.tsx"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AAEjC,OAAO,EAAE,eAAe,EAAE,MAAM,2DAA2D,CAAC;AAQ5F,OAAO,KAA4D,MAAM,OAAO,CAAC;AAGjF,UAAU,MAAM;IACZ,cAAc,EAAE,MAAM,CAAC;IACvB,2BAA2B,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACzD,cAAc,EAAE,eAAe,EAAE,CAAC;IAClC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;CAC3E;AAED,eAAO,MAAM,gBAAgB,eAAgB,MAAM,WASlD,CAAC;AAOF,wBAAgB,gBAAgB,CAAC,EAC7B,cAAmB,EACnB,2BAA6C,EAC7C,QAAQ,EACR,cAAc,EACd,mBAA2B,GAC9B,EAAE,MAAM,eA2GR"}
+{"version":3,"file":"TopContentSearch.d.ts","sourceRoot":"","sources":["../../../src/TopContentSearch/TopContentSearch.tsx"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AAEjC,OAAO,EAAE,eAAe,EAAE,MAAM,2DAA2D,CAAC;AAQ5F,OAAO,KAA4D,MAAM,OAAO,CAAC;AAGjF,UAAU,MAAM;IACZ,cAAc,EAAE,MAAM,CAAC;IACvB,2BAA2B,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACzD,cAAc,EAAE,eAAe,EAAE,CAAC;IAClC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,gBAAgB,eAAgB,MAAM,WASlD,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC7B,cAAmB,EACnB,2BAA6C,EAC7C,QAAQ,EACR,cAAc,EACd,mBAA2B,EAC3B,SAAS,EACT,WAAgB,EAChB,cAAc,EACd,UAAkB,GACrB,EAAE,MAAM,qBAiHR"}

package/lib/esm/TopContentSearch/TopContentSearch.js

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import './topContentSearch.scss';
 import { SearchInput } from '@patternfly/react-core';
-import { dtmTrackEvent, getAccessHostname } from '@rh-support/utils';
+import { getAccessHostname } from '@rh-support/utils';
 import SearchApi, { INDEX_MODES } from 'js-worker-search';
 import debounce from 'lodash/debounce';
 import flatMap from 'lodash/flatMap';
@@ -26,13 +26,8 @@ export const getTopContentUrl = (contentUrl) => {
     }
     return contentUrl;
 };
-var CustomEvents;
-(function (CustomEvents) {
-    CustomEvents["inputChange"] = "top-content-filter-input-change";
-    CustomEvents["inputClear"] = "top-content-filter-input-clear";
-})(CustomEvents || (CustomEvents = {}));
-export function TopContentSearch({ topContentData = [], topContentResultsWrapperRef = { current: {} }, onSearch, dataTrackingId, enableEventTracking = false, }) {
-    const [searchText, setSearchText] = useState('');
+export function TopContentSearch({ topContentData = [], topContentResultsWrapperRef = { current: {} }, onSearch, dataTrackingId, enableEventTracking = false, className, searchQuery = '', setSearchQuery, isDisabled = false, }) {
+    const [searchText, setSearchText] = useState(searchQuery);
     const { t } = useTranslation();
     const searchWorkerRef = useRef(new SearchApi({
         indexMode: INDEX_MODES.ALL_SUBSTRINGS,
@@ -49,15 +44,11 @@ export function TopContentSearch({ topContentData = [], topContentResultsWrapper
         searchText && handleSearch(searchText);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [topContentData]);
-    // to log custom events for dtm tracking.
-    const logCustomEvent = (eventName, event) => {
-        if (!enableEventTracking || !searchWrapperRef.current || !event || !eventName)
-            return;
-        dtmTrackEvent(searchWrapperRef, eventName, event);
-    };
     const highlightSearchResults = useCallback((searchTerm) => {
-        const d = topContentResultsWrapperRef.current;
-        const markInstance = new Mark(d);
+        var _a;
+        // highlight search term present in contents only. Contents are present within pcm-manage-top-content classname
+        const contentElements = (_a = topContentResultsWrapperRef === null || topContentResultsWrapperRef === void 0 ? void 0 : topContentResultsWrapperRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll('a.pcm-manage-top-content');
+        const markInstance = new Mark(contentElements);
         markInstance.unmark({
             done: () => {
                 if (isEmpty(searchTerm))
@@ -66,11 +57,11 @@ export function TopContentSearch({ topContentData = [], topContentResultsWrapper
             },
         });
     }, [topContentResultsWrapperRef]);
-    const onSearchInputClear = useCallback((event) => {
-        logCustomEvent(CustomEvents.inputClear, event);
+    const onSearchInputClear = useCallback(() => {
         setSearchText('');
-        highlightSearchResults('');
+        setSearchQuery && setSearchQuery('');
         onSearch('', topContentData);
+        highlightSearchResults('');
     }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [highlightSearchResults, topContentData]);
@@ -95,17 +86,23 @@ export function TopContentSearch({ topContentData = [], topContentResultsWrapper
         });
         onSearch(query, filteredData);
         highlightSearchResults(query);
-        logCustomEvent(CustomEvents.inputChange, { bubbles: true, detail: { query } });
     }), 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [highlightSearchResults, topContentData, onSearchInputClear]);
     const debounceSearch = useMemo(() => debounce(handleSearch, 500), [handleSearch]);
     const onSearchInputChange = (value) => {
         setSearchText(value);
+        setSearchQuery && setSearchQuery(value);
         debounceSearch(value);
     };
-    return (React.createElement("div", { className: "top-content-search-wrapper pf-u-p-md", ref: searchWrapperRef },
-        React.createElement("label", { htmlFor: "top-content-search-input", className: "pf-u-mr-md top-content-search-label" },
+    useEffect(() => {
+        if (searchQuery)
+            debounceSearch(searchQuery);
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
+    return (React.createElement("div", { className: className, ref: searchWrapperRef },
+        React.createElement("label", { htmlFor: "top-content-search-input" },
             React.createElement(Trans, null, "Filter results:")),
-        React.createElement(SearchInput, { id: "top-content-search-input", className: "top-content-search-input pf-u-flex-grow-1", "aria-label": t('search top content'), placeholder: t('Enter relevant keywords'), value: searchText, "data-tracking-id": dataTrackingId, onChange: onSearchInputChange, onClear: onSearchInputClear })));
+        React.createElement(SearchInput, { id: "top-content-search-input", className: "top-content-search-input pf-v5-u-flex-grow-1", "aria-label": t('search top content'), placeholder: t('Enter relevant keywords'), value: searchText, "data-tracking-id": dataTrackingId, onChange: (e, val) => onSearchInputChange(val), onClear: onSearchInputClear, isDisabled: isDisabled })));
 }

package/lib/esm/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/esm/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/esm/helperFunctions/errorMessage.js

@@ -6,12 +6,12 @@ import React from 'react';
 import { SupportFeedbackForm } from '../SupportFeedbackForm';
 const defaultTitle = "Sorry, we're experiencing an error";
 const errorMessageButtonLabel = 'contact us';
-const defaultErrorMessage = (React.createElement("p", { className: "pf-u-mb-0" },
+const defaultErrorMessage = (React.createElement("p", { className: "pf-v5-u-mb-0" },
     "Try refreshing the page. Please ",
     React.createElement(SupportFeedbackForm, { isInline: true, buttonLabel: errorMessageButtonLabel }),
     " if the problem persists.",
     React.createElement("br", null),
-    React.createElement(Button, { variant: "link", component: "a", href: "https://status.redhat.com/", "data-tracking-id": "redirect-status-portal-button", target: "_blank", icon: React.createElement(ExternalLinkAltIcon, { className: "status-portal-button-icon" }), iconPosition: "right", className: "pf-u-pl-0", isInline: true, "aria-label": "View status page" }, "View status page"),
+    React.createElement(Button, { variant: "link", component: "a", href: "https://status.redhat.com/", "data-tracking-id": "redirect-status-portal-button", target: "_blank", icon: React.createElement(ExternalLinkAltIcon, { className: "status-portal-button-icon" }), iconPosition: "right", className: "pf-v5-u-pl-0", isInline: true, "aria-label": "View status page" }, "View status page"),
     ' '));
 const defaultErrorObj = {
     500: {

package/lib/esm/helperFunctions/errorMessage.scss

@@ -1,3 +1,3 @@
 .status-portal-button-icon {
-    font-size: var(--pf-global--icon--FontSize--sm);
+    font-size: var(--pf-v5-global--icon--FontSize--sm);
 }

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

@@ -11,4 +11,8 @@ export * from './useForceUpdate';
 export * from './useLRUCache';
 export * from './useBreakpoint';
 export * from './useOnScreen';
+export * from './useSelectKeyboardNavigator';
+export * from './useLocalStorage';
+export * from './useSessionStorage';
+export * from './useSearchDocument';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}

package/lib/esm/hooks/index.js

@@ -11,3 +11,7 @@ export * from './useForceUpdate';
 export * from './useLRUCache';
 export * from './useBreakpoint';
 export * from './useOnScreen';
+export * from './useSelectKeyboardNavigator';
+export * from './useLocalStorage';
+export * from './useSessionStorage';
+export * from './useSearchDocument';

package/lib/esm/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/esm/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;AAYF,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;AAcF,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/esm/hooks/useBreakpoint.js

@@ -8,6 +8,8 @@ const defaultQueries = {
     md: `(min-width: 768px)`,
     lg: `(min-width: 992px)`,
     xl: `(min-width: 1300px)`,
+    xxl: `(min-width: 1800px)`,
+    lgh: `(min-height: 1100px)`,
 };
 function BreakpointProvider({ children, queries = defaultQueries }) {
     const [queryMatch, setQueryMatch] = useState({});

package/lib/esm/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/esm/hooks/useCopyToClipboard.js

@@ -8,6 +8,7 @@ export const selectText = (elem) => {
 };
 export function useCopyToClipboard(ref) {
     const [clipboardText, setClipboardText] = useState('');
+    // @ts-ignore
     const { t } = useTranslation();
     const copyToClipboard = () => {
         selectText(ref.current);

package/lib/esm/hooks/useFetch.js

@@ -18,7 +18,6 @@ export function useFetch(fn, { initialData = null, resolve = false, resolveCondi
     const prevAbortSignal = 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) {
@@ -35,7 +34,7 @@ export function useFetch(fn, { initialData = null, resolve = false, resolveCondi
             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
             }

package/lib/esm/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/esm/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,GAAI,CAAC,OAAO,MAAM,iBAAiB,CAAC,QAAQ,OAAO,KAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CA8BzG,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/lib/esm/hooks/useSearchDocument.d.ts

@@ -0,0 +1,7 @@
+interface IIndexStrategy<T> {
+    indexKey: keyof T;
+    strategy: (doc: T) => string;
+}
+export declare function useSearchDocument<T>(documents: T[], searchQuery: string, indexStrategy: IIndexStrategy<T>): T[];
+export {};
+//# sourceMappingURL=useSearchDocument.d.ts.map

package/lib/esm/hooks/useSearchDocument.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSearchDocument.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSearchDocument.ts"],"names":[],"mappings":"AAMA,UAAU,cAAc,CAAC,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC,CAAC;IAClB,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;CAChC;AAED,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC,OAwCzG"}

package/lib/esm/hooks/useSearchDocument.js

@@ -0,0 +1,42 @@
+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 SearchApi, { INDEX_MODES } from 'js-worker-search';
+import isEmpty from 'lodash/isEmpty';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useDeepCompareDebounce } from './useDebounce';
+export function useSearchDocument(documents, searchQuery, indexStrategy) {
+    const [filteredDocs, setFilteredDocs] = useState(documents);
+    const searchWorkerRef = useRef(new SearchApi({
+        indexMode: INDEX_MODES.ALL_SUBSTRINGS,
+        caseSensitive: false,
+        matchAnyToken: true,
+    }));
+    const handleSearch = useCallback((query) => __awaiter(this, void 0, void 0, function* () {
+        if (isEmpty(query)) {
+            setFilteredDocs(documents);
+            return;
+        }
+        const indexedVals = yield searchWorkerRef.current.search(query);
+        setFilteredDocs(documents.filter((d) => indexedVals.includes(d[indexStrategy.indexKey])));
+    }), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [documents]);
+    useEffect(() => {
+        documents.forEach((doc) => {
+            const indexedString = indexStrategy.strategy(doc);
+            searchWorkerRef.current.indexDocument(doc[indexStrategy.indexKey], indexedString);
+        });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [documents]);
+    useDeepCompareDebounce(() => {
+        handleSearch(searchQuery);
+    }, [searchQuery, documents], 500);
+    return filteredDocs;
+}

package/lib/esm/hooks/useSelectKeyboardNavigator.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface IProps {
+    list: any[];
+    isOpen: boolean;
+    setIsOpen: (value: React.SetStateAction<boolean>) => void;
+    onSelect: (value: any) => void;
+}
+export declare function useSelectKeyboardNavigator({ list, isOpen, setIsOpen, onSelect }: IProps): {
+    onInputKeyDown: (event: any) => void;
+    focusedItemIndex: number;
+};
+export {};
+//# sourceMappingURL=useSelectKeyboardNavigator.d.ts.map

package/lib/esm/hooks/useSelectKeyboardNavigator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectKeyboardNavigator.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSelectKeyboardNavigator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,UAAU,MAAM;IACZ,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IAC1D,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CAClC;AAED,wBAAgB,0BAA0B,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,MAAM;;;EAwDvF"}

package/lib/esm/hooks/useSelectKeyboardNavigator.js

@@ -0,0 +1,54 @@
+import { useEffect, useState } from 'react';
+export function useSelectKeyboardNavigator({ list, isOpen, setIsOpen, onSelect }) {
+    const [focusedItemIndex, setFocusedItemIndex] = useState(null);
+    useEffect(() => {
+        setFocusedItemIndex(null);
+    }, [list.length]);
+    const handleMenuArrowKeys = (key) => {
+        let indexToFocus;
+        if (isOpen) {
+            if (key === 'ArrowUp') {
+                // When no index is set or at the first index, focus to the last, otherwise decrement focus index
+                if (focusedItemIndex === null || focusedItemIndex === 0) {
+                    indexToFocus = list.length - 1;
+                }
+                else {
+                    indexToFocus = focusedItemIndex - 1;
+                }
+            }
+            if (key === 'ArrowDown') {
+                // When no index is set or at the last index, focus to the first, otherwise increment focus index
+                if (focusedItemIndex === null || focusedItemIndex === list.length - 1) {
+                    indexToFocus = 0;
+                }
+                else {
+                    indexToFocus = focusedItemIndex + 1;
+                }
+            }
+            setFocusedItemIndex(indexToFocus);
+        }
+    };
+    const onInputKeyDown = (event) => {
+        const focusedItem = focusedItemIndex !== null ? list[focusedItemIndex] : null;
+        switch (event.key) {
+            // Select the first available option
+            case 'Enter':
+                if (!isOpen) {
+                    setIsOpen((pre) => !pre);
+                }
+                else if (isOpen && focusedItem !== null) {
+                    onSelect(focusedItem);
+                }
+                break;
+            case 'Escape':
+                setIsOpen(false);
+                break;
+            case 'ArrowUp':
+            case 'ArrowDown':
+                event.preventDefault();
+                handleMenuArrowKeys(event.key);
+                break;
+        }
+    };
+    return { onInputKeyDown, focusedItemIndex };
+}

package/lib/esm/hooks/useSessionStorage.d.ts

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

package/lib/esm/hooks/useSessionStorage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSessionStorage.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSessionStorage.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;AAEnD,QAAA,MAAM,iBAAiB,GAAI,CAAC,OAAO,MAAM,iBAAiB,CAAC,QAAQ,OAAO,KAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CA0B3G,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/lib/esm/hooks/useSessionStorage.js

@@ -0,0 +1,30 @@
+import { useEffect, useState } from 'react';
+const useSessionStorage = (key, initialValue, raw) => {
+    const [state, setState] = useState(() => {
+        try {
+            const sessionStorageValue = sessionStorage.getItem(key);
+            if (typeof sessionStorageValue !== 'string') {
+                sessionStorage.setItem(key, raw ? String(initialValue) : JSON.stringify(initialValue));
+                return initialValue;
+            }
+            else {
+                return raw ? sessionStorageValue : JSON.parse(sessionStorageValue || 'null');
+            }
+        }
+        catch (_a) {
+            return initialValue;
+        }
+    });
+    useEffect(() => {
+        try {
+            const serializedState = raw ? String(state) : JSON.stringify(state);
+            sessionStorage.setItem(key, serializedState);
+        }
+        catch (_a) {
+            //
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [state]);
+    return [state, setState];
+};
+export { useSessionStorage };

package/lib/esm/index.d.ts

@@ -31,4 +31,5 @@ export * from './TermsAndConditions';
 export * from './TextAreaResizable';
 export * from './CustomTextInput';
 export * from './PhoneInput';
+export * from './TagsSelector';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC"}