@rh-support/components 2.1.71 → 2.1.73

package/lib/esm/Functional/CaseContactsSelectorExternal.d.ts

@@ -22,6 +22,7 @@ interface IProps<T extends TypeaheadModel> extends IDClassNameProps, Omit<Typeah
     isExportingPDF?: boolean;
     newSelectionPrefix?: React.ReactNode;
     customEmails?: IAccountNotificationAddresses[];
+    isDisabled?: boolean;
 }
 declare const renderMenuItemChildren: (option: INotificationContact, p: any) => React.JSX.Element;
 declare const getHydraContactLabel: (user: INotificationContact) => string;

package/lib/esm/Functional/CaseContactsSelectorExternal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseContactsSelectorExternal.d.ts","sourceRoot":"","sources":["../../../src/Functional/CaseContactsSelectorExternal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yCAAyC,CAAC;AACxF,OAAO,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAClE,OAAO,EAAuB,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAMxD,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAA0C,cAAc,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAKnH,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,0BAA0B,CAAC;AACzE,UAAU,MAAM,CAAC,CAAC,SAAS,cAAc,CACrC,SAAQ,gBAAgB,EACpB,IAAI,CACA,cAAc,CAAC,CAAC,CAAC,EACjB,IAAI,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,oBAAoB,CAC/F;IACL,qBAAqB,EAAE,MAAM,CAAC;IAC9B,QAAQ,EAAE,CAAC,QAAQ,GAAG,0BAA0B,CAAC,EAAE,CAAC;IACpD,QAAQ,EAAE,CAAC,gBAAgB,EAAE,CAAC,QAAQ,GAAG,0BAA0B,CAAC,EAAE,KAAK,IAAI,CAAC;IAChF,kBAAkB,EAAE,QAAQ,CAAC;IAC7B,iBAAiB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,MAAM,KAAA,EAAE,KAAK,KAAA,EAAE,GAAG,KAAA,KAAK,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC/D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,YAAY,CAAC,EAAE,6BAA6B,EAAE,CAAC;CAClD;AAED,QAAA,MAAM,sBAAsB,WAAY,oBAAoB,8BAI3D,CAAC;AAcF,QAAA,MAAM,oBAAoB,SAAU,oBAAoB,KAAG,MAa1D,CAAC;AAEF,iBAAS,4BAA4B,CAAC,CAAC,SAAS,cAAc,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,qBAoN/E;AAED,OAAO,EAAE,4BAA4B,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"CaseContactsSelectorExternal.d.ts","sourceRoot":"","sources":["../../../src/Functional/CaseContactsSelectorExternal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yCAAyC,CAAC;AACxF,OAAO,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAClE,OAAO,EAAuB,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAMxD,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAA0C,cAAc,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAKnH,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,0BAA0B,CAAC;AACzE,UAAU,MAAM,CAAC,CAAC,SAAS,cAAc,CACrC,SAAQ,gBAAgB,EACpB,IAAI,CACA,cAAc,CAAC,CAAC,CAAC,EACjB,IAAI,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,oBAAoB,CAC/F;IACL,qBAAqB,EAAE,MAAM,CAAC;IAC9B,QAAQ,EAAE,CAAC,QAAQ,GAAG,0BAA0B,CAAC,EAAE,CAAC;IACpD,QAAQ,EAAE,CAAC,gBAAgB,EAAE,CAAC,QAAQ,GAAG,0BAA0B,CAAC,EAAE,KAAK,IAAI,CAAC;IAChF,kBAAkB,EAAE,QAAQ,CAAC;IAC7B,iBAAiB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,MAAM,KAAA,EAAE,KAAK,KAAA,EAAE,GAAG,KAAA,KAAK,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC/D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,YAAY,CAAC,EAAE,6BAA6B,EAAE,CAAC;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,sBAAsB,WAAY,oBAAoB,8BAI3D,CAAC;AAcF,QAAA,MAAM,oBAAoB,SAAU,oBAAoB,KAAG,MAa1D,CAAC;AAEF,iBAAS,4BAA4B,CAAC,CAAC,SAAS,cAAc,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,qBAqN/E;AAED,OAAO,EAAE,4BAA4B,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,CAAC"}

package/lib/esm/Functional/CaseContactsSelectorExternal.js

@@ -153,7 +153,8 @@ function CaseContactsSelectorExternal(props) {
     const isDisabled = (props.loggedInUserRights.isExternal() &&
         props.loggedInUserRights.isNonOrgAdminWithSameAccount(props.selectedAccountNumber)) ||
         props.isUpdating ||
-        contactList.isFetching;
+        contactList.isFetching ||
+        props.isDisabled;
     const renderMenu = (results, menuProps, state) => {
         const contacts = results.map((item, index) => {
             if (item.customOption) {

package/lib/esm/PhoneInput/PhoneInput.js

@@ -106,7 +106,7 @@ const formatNumber = (fullPhoneNumber, localFormat) => {
             pattern += localFormat[j];
         }
     }
-    const isPatternWithPrefix = (_a = pattern.replace(/\s+/g, '')) === null || _a === void 0 ? void 0 : _a.startsWith(PREFIX);
+    const isPatternWithPrefix = (_a = pattern === null || pattern === void 0 ? void 0 : pattern.replace(/\s+/g, '')) === null || _a === void 0 ? void 0 : _a.startsWith(PREFIX);
     pattern = isPatternWithPrefix ? pattern : !isEmpty(isPatternWithPrefix) ? PREFIX + pattern : '';
     return pattern;
 };
@@ -176,10 +176,11 @@ export function PhoneInput(props) {
         setIsOpen(isOpen);
     };
     const onCountrySelect = (event, selection) => {
+        var _a, _b;
         const prevCountryCode = !shouldNotSetCountryCode // fetching previous country code to remove it from the phone
-            ? trimAndReplacePlusFromPhone(getPhoneObj(phoneValue).countryCode)
+            ? trimAndReplacePlusFromPhone((_a = getPhoneObj(phoneValue)) === null || _a === void 0 ? void 0 : _a.countryCode)
             : '';
-        const phoneWithoutCountryCode = removeAllChars(phoneValue).replace(prevCountryCode, '');
+        const phoneWithoutCountryCode = (_b = removeAllChars(phoneValue)) === null || _b === void 0 ? void 0 : _b.replace(prevCountryCode, '');
         onPhoneValueChange(`${PREFIX}${selection.countryCode} ${trimAndReplacePlusFromPhone(phoneWithoutCountryCode)}`);
         setIsOpen(!isOpen);
     };

package/lib/esm/TagsSelector/TagsSelector.d.ts

@@ -7,7 +7,8 @@ interface IProps {
     placeholder?: string;
     id?: string;
     typeahead?: boolean;
+    disabled?: boolean;
 }
-export declare function TagsSelector({ tagOptions, onChange, placeholder, id, typeahead, selectedTags }: IProps): React.JSX.Element;
+export declare function TagsSelector({ tagOptions, onChange, placeholder, id, typeahead, selectedTags, disabled, }: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=TagsSelector.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TagsSelector.d.ts","sourceRoot":"","sources":["../../../src/TagsSelector/TagsSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAmB3B,OAAO,KAAuC,MAAM,OAAO,CAAC;AAK5D,UAAU,MAAM;IACZ,UAAU,EAAE,GAAG,EAAE,CAAC;IAClB,YAAY,CAAC,EAAE,GAAG,EAAE,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,YAAY,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE,SAAS,EAAE,YAAiB,EAAE,EAAE,MAAM,qBAsJ3G"}
+{"version":3,"file":"TagsSelector.d.ts","sourceRoot":"","sources":["../../../src/TagsSelector/TagsSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAmB3B,OAAO,KAAuC,MAAM,OAAO,CAAC;AAK5D,UAAU,MAAM;IACZ,UAAU,EAAE,GAAG,EAAE,CAAC;IAClB,YAAY,CAAC,EAAE,GAAG,EAAE,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,EACzB,UAAU,EACV,QAAQ,EACR,WAAW,EACX,EAAE,EACF,SAAS,EACT,YAAiB,EACjB,QAAgB,GACnB,EAAE,MAAM,qBAsJR"}

package/lib/esm/TagsSelector/TagsSelector.js

@@ -5,7 +5,7 @@ import { isEmpty } from 'lodash';
 import React, { useEffect, useMemo, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useSelectKeyboardNavigator } from '../hooks/useSelectKeyboardNavigator';
-export function TagsSelector({ tagOptions, onChange, placeholder, id, typeahead, selectedTags = [] }) {
+export function TagsSelector({ tagOptions, onChange, placeholder, id, typeahead, selectedTags = [], disabled = false, }) {
     const [isOpen, setIsOpen] = useState(false);
     const [selected, setSelected] = useState(selectedTags);
     const [query, setQuery] = useState('');
@@ -58,7 +58,7 @@ export function TagsSelector({ tagOptions, onChange, placeholder, id, typeahead,
             e.stopPropagation();
             onSelect(label);
         } }, label.tagName)))));
-    const toggle = (toggleRef) => (React.createElement(MenuToggle, Object.assign({ ref: toggleRef, onClick: onToggleClick, className: "pf-v5-u-flex-grow-1 tags-selector-menu-toggle", isExpanded: isOpen, onKeyDown: onInputKeyDown, disabled: isEmpty(tagOptions) }, (typeahead && { variant: 'typeahead' })), typeahead ? (React.createElement(TextInputGroup, { isPlain: true },
+    const toggle = (toggleRef) => (React.createElement(MenuToggle, Object.assign({ ref: toggleRef, onClick: onToggleClick, className: "pf-v5-u-flex-grow-1 tags-selector-menu-toggle", isExpanded: isOpen, onKeyDown: onInputKeyDown, disabled: isEmpty(tagOptions) || disabled }, (typeahead && { variant: 'typeahead' })), typeahead ? (React.createElement(TextInputGroup, { isPlain: true },
         React.createElement(TextInputGroupMain, { id: "tags-selector-search-input", value: query, onClick: onToggleClick, onChange: (e, v) => setQuery(v), onKeyDown: onInputKeyDown, innerRef: textInputRef, isExpanded: isOpen, placeholder: placeholder || t('Search for a tag') }, selectedChipGroup),
         React.createElement(TextInputGroupUtilities, null, selected.length > 0 && (React.createElement(Button, { variant: "plain", onClick: handleClear, "aria-label": "clear-all-tags" },
             React.createElement(TimesIcon, { "aria-hidden": true })))))) : (React.createElement(Flex, { justifyContent: { default: 'justifyContentSpaceBetween' }, alignItems: { default: 'alignItemsCenter' } },

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

@@ -10,8 +10,9 @@ interface IProps {
     className?: string;
     searchQuery?: string;
     setSearchQuery?: Function;
+    isDisabled?: boolean;
 }
 export declare const getTopContentUrl: (contentUrl: string) => string;
-export declare function TopContentSearch({ topContentData, topContentResultsWrapperRef, onSearch, dataTrackingId, enableEventTracking, className, searchQuery, setSearchQuery, }: IProps): React.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;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,QAAQ,CAAC;CAC7B;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,GACjB,EAAE,MAAM,qBAkHR"}
+{"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,qBAmHR"}

package/lib/esm/TopContentSearch/TopContentSearch.js

@@ -26,7 +26,7 @@ export const getTopContentUrl = (contentUrl) => {
     }
     return contentUrl;
 };
-export function TopContentSearch({ topContentData = [], topContentResultsWrapperRef = { current: {} }, onSearch, dataTrackingId, enableEventTracking = false, className, searchQuery = '', setSearchQuery, }) {
+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({
@@ -104,5 +104,5 @@ export function TopContentSearch({ topContentData = [], topContentResultsWrapper
     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-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 })));
+        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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/components",
-    "version": "2.1.71",
+    "version": "2.1.73",
     "description": "Contains all reusabel components for support app",
     "author": "Vikas Rathee <vrathee@redhat.com>",
     "license": "ISC",
@@ -109,5 +109,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "9de4fff35aa1e2abec92656fa48e1b7b759a9e6c"
+    "gitHead": "a63a29d436d67d35700ea450c3eb16f09f6bab34"
 }