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

package/README.md

@@ -9,3 +9,5 @@ const components = require('components');
 
 // TODO: DEMONSTRATE API
 ```
+
+.

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,qBAmBlC;kBAnBQ,YAAY;;;AAqBrB,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/lib/esm/AlertMessage/AlertMessage.js

@@ -18,7 +18,7 @@ function AlertMessage(props) {
     }
     // If there is no title then the children node becomes the title to have a better styling
     const alertMsgTitle = props.title || props.children;
-    return (React.createElement(Alert, { label: props.title, className: props.className, variant: props.variant, title: alertMsgTitle, isInline: props.isInline, actionClose: !!props.onClose ? React.createElement(AlertActionCloseButton, { onClose: props.onClose }) : null }, props.title ? props.children : React.createElement(React.Fragment, null)));
+    return (React.createElement(Alert, { component: "p", label: props.title, className: props.className, variant: props.variant, title: alertMsgTitle, isInline: props.isInline, actionClose: !!props.onClose ? React.createElement(AlertActionCloseButton, { onClose: props.onClose }) : null }, props.title ? props.children : React.createElement(React.Fragment, null)));
 }
 AlertMessage.defaultProps = defaultProps;
 export { AlertMessage };

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,OAAO,CAAC,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"}

package/lib/esm/CoverSpinner/CoverSpinner.d.ts

@@ -1,3 +1,4 @@
 import './CoverSpinner.css';
-export declare function CoverSpinner(): JSX.Element;
+import React from 'react';
+export declare function CoverSpinner(): React.JSX.Element;
 //# sourceMappingURL=CoverSpinner.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CoverSpinner.d.ts","sourceRoot":"","sources":["../../../src/CoverSpinner/CoverSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAI5B,wBAAgB,YAAY,gBAM3B"}
+{"version":3,"file":"CoverSpinner.d.ts","sourceRoot":"","sources":["../../../src/CoverSpinner/CoverSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAE5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,YAAY,sBAM3B"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare function OverviewContentLoader(): JSX.Element;
+export declare function OverviewContentLoader(): React.JSX.Element;
 export interface IContentLoaderRectangle {
     width: string;
     height: string;
@@ -10,6 +10,6 @@ interface ICustomerContentLoaderProps {
     children?: React.ReactChildren;
     rectangles?: IContentLoaderRectangle[];
 }
-export declare function CustomContentLoader(props: ICustomerContentLoaderProps): JSX.Element;
+export declare function CustomContentLoader(props: ICustomerContentLoaderProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=CustomContentLoader.d.ts.map

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

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

package/lib/esm/CustomTextInput/CustomTextInput.d.ts

@@ -1,4 +1,5 @@
 import { TextInputProps } from '@patternfly/react-core';
+import React from 'react';
 interface IProps extends TextInputProps {
     className?: string;
     maxLength?: number;
@@ -6,7 +7,8 @@ interface IProps extends TextInputProps {
     isSpaceAllowed?: boolean;
     name?: string;
     isDisabled?: boolean;
+    onChange?: ((event: React.FormEvent<HTMLInputElement>, value: string) => void) | undefined;
 }
-export declare const CustomTextInput: (props: IProps) => JSX.Element;
+export declare const CustomTextInput: (props: IProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=CustomTextInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CustomTextInput.d.ts","sourceRoot":"","sources":["../../../src/CustomTextInput/CustomTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAoB,MAAM,wBAAwB,CAAC;AAIrF,UAAU,MAAO,SAAQ,cAAc;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,UAAW,MAAM,gBAqD5C,CAAC"}
+{"version":3,"file":"CustomTextInput.d.ts","sourceRoot":"","sources":["../../../src/CustomTextInput/CustomTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAoB,MAAM,wBAAwB,CAAC;AAErF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,MAAO,SAAQ,cAAc;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CAC9F;AAED,eAAO,MAAM,eAAe,UAAW,MAAM,sBAsD5C,CAAC"}

package/lib/esm/CustomTextInput/CustomTextInput.js

@@ -17,7 +17,7 @@ export const CustomTextInput = (props) => {
     const { onChange, isSpaceAllowed = false, isRequired, className, type, maxLength, value, isDisabled, placeholder, validated, name } = props, rest = __rest(props, ["onChange", "isSpaceAllowed", "isRequired", "className", "type", "maxLength", "value", "isDisabled", "placeholder", "validated", "name"]);
     // To handle on input change
     const onTextInputChange = (value, event) => {
-        onChange(value, event);
+        onChange && onChange(event, value);
         event.preventDefault();
         return [];
     };
@@ -36,6 +36,8 @@ export const CustomTextInput = (props) => {
             else
                 return validated;
         }
+        if (isRequired && isEmpty(value))
+            return 'error';
     };
-    return (React.createElement(TextInput, Object.assign({}, rest, { isRequired: isRequired, className: className, type: type, maxLength: maxLength, value: value, isDisabled: isDisabled, "aria-label": props['aria-label'], placeholder: placeholder, onChange: onTextInputChange, validated: validatedCheck(), name: name })));
+    return (React.createElement(TextInput, Object.assign({}, rest, { isRequired: isRequired, className: className, type: type, maxLength: maxLength, value: value, isDisabled: isDisabled, "aria-label": props['aria-label'], placeholder: placeholder, onChange: (event, value) => onTextInputChange(value, event), validated: validatedCheck(), name: name })));
 };

package/lib/esm/DropDownList/AsyncDropDownList.d.ts

@@ -1,6 +1,6 @@
 import { MultiSelectDropdownProps } from './MultiSelectDropdownList';
 import { AsyncDropdownProps, IAsyncOnlyProps, IDropdownListProps } from './types';
 declare const AsyncDropDownList: <T extends {}>(props: IAsyncOnlyProps<T> & IDropdownListProps<T>) => JSX.Element;
-declare const AsyncMultiDropDownList: <T extends {}>(props: IAsyncOnlyProps<T> & import("./types").IDropdownListBasePropsForMultiSelect<T> & import("./types").IMultiSelectOnlyProps<T>) => JSX.Element;
+declare const AsyncMultiDropDownList: <T extends {}>(props: IAsyncOnlyProps<T> & MultiSelectDropdownProps<T>) => JSX.Element;
 export { AsyncDropDownList, AsyncMultiDropDownList, AsyncDropdownProps };
 //# sourceMappingURL=AsyncDropDownList.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AsyncDropDownList.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/AsyncDropDownList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA2B,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAC9F,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElF,QAAA,MAAM,iBAAiB,uEAElB,WAAW,CAAC;AAEjB,QAAA,MAAM,sBAAsB,wJAEvB,WAAW,CAAC;AAEjB,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"AsyncDropDownList.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/AsyncDropDownList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA2B,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAC9F,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElF,QAAA,MAAM,iBAAiB,EAA0B,CAAC,CAAY,SAAF,EAAE,EAC1D,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC,KAChD,GAAG,CAAC,OAAO,CAAC;AAEjB,QAAA,MAAM,sBAAsB,EAAyC,CAAC,CAAY,SAAF,EAAE,EAC9E,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,wBAAwB,CAAC,CAAC,CAAC,KACtD,GAAG,CAAC,OAAO,CAAC;AAEjB,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,CAAC"}

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

@@ -1,6 +1,7 @@
 import './dropdownList.css';
+import React from 'react';
 import { IDropdownListProps } from './types';
-declare function Dropdown<T>(props: IDropdownListProps<T>): JSX.Element;
+declare function Dropdown<T>(props: IDropdownListProps<T>): React.JSX.Element;
 declare namespace Dropdown {
     var defaultProps: Partial<IDropdownListProps<any>>;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"DropDownList.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/DropDownList.tsx"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAa5B,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAuB7C,iBAAS,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,eAoJhD;kBApJQ,QAAQ;;;AAsJjB,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"DropDownList.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/DropDownList.tsx"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAO5B,OAAO,KAAuC,MAAM,OAAO,CAAC;AAM5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAuB7C,iBAAS,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,qBAoJhD;kBApJQ,QAAQ;;;AAsJjB,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/lib/esm/DropDownList/DropDownList.js

@@ -48,7 +48,7 @@ function Dropdown(props) {
     };
     const isSelectedItem = props.isSelectedItem || isSelectedItemLocal;
     const getListItemClassNames = (downshift, item, itemIndex) => {
-        let toReturn = 'downshift-item pf-c-select__menu-item';
+        let toReturn = 'downshift-item pf-v5-c-select__menu-item';
         toReturn += item.additionalInfo ? ' pf-m-description' : '';
         toReturn += isSelectedItem(item) ? ' pf-m-selected' : '';
         toReturn += item.disabled ? ' pf-m-disabled' : '';
@@ -70,7 +70,7 @@ function Dropdown(props) {
         optionsToRender = props.paginate ? optionsToRender.slice(0, resultsShown) : optionsToRender;
         optionsToRender.filter((item) => !item.isNotSearchable).length === 0 &&
             props.emptyListLabel &&
-            listToRender.push(React.createElement("li", { key: "empty-label", className: "pf-u-p-sm" },
+            listToRender.push(React.createElement("li", { key: "empty-label", className: "pf-v5-u-p-sm" },
                 React.createElement(Trans, null, props.emptyListLabel)));
         listToRender.push(...map(optionsToRender, (item, index) => {
             const itemProps = item.isNonActionable
@@ -81,26 +81,26 @@ function Dropdown(props) {
                     disabled: item.disabled,
                     className: getListItemClassNames(downshift, item, index),
                 });
-            return (React.createElement("li", { className: item.actionItem ? 'pf-c-select__menu-wrapper' : '', role: "presentation", key: `${index}-${props.id}-${itemToString(item)}` },
+            return (React.createElement("li", { className: item.actionItem ? 'pf-v5-c-select__menu-wrapper' : '', role: "presentation", key: `${index}-${props.id}-${itemToString(item)}` },
                 item.isNonActionable ? (isEmpty(item.children) ? itemToString(item) : item.children) : null,
                 props.multiSelect && !item.isNotSelectable && !item.isNonActionable && (React.createElement("div", Object.assign({}, itemProps),
-                    React.createElement("div", { className: item.additionalInfo ? 'pf-c-select__menu-item-main' : '' },
-                        React.createElement("input", { disabled: item.disabled === true, className: "pf-c-check__input pf-u-mr-sm", checked: isSelectedItem(item), onChange: noop, type: "checkbox" }),
+                    React.createElement("div", { className: item.additionalInfo ? 'pf-v5-c-select__menu-item-main' : '' },
+                        React.createElement("input", { disabled: item.disabled === true, className: "pf-v5-c-check__input pf-v5-u-mr-sm", checked: isSelectedItem(item), onChange: noop, type: "checkbox" }),
                         isEmpty(item.children) ? itemToString(item) : item.children),
-                    item.additionalInfo && (React.createElement("div", { className: "pf-c-select__menu-item-description" }, item.additionalInfo)))),
+                    item.additionalInfo && (React.createElement("div", { className: "pf-v5-c-select__menu-item-description" }, item.additionalInfo)))),
                 !props.multiSelect && !item.isNonActionable && (React.createElement("button", Object.assign({}, itemProps, { type: "button", title: itemToString(item) }),
-                    React.createElement("div", { className: item.additionalInfo ? 'pf-c-select__menu-item-main' : '' },
+                    React.createElement("div", { className: item.additionalInfo ? 'pf-v5-c-select__menu-item-main' : '' },
                         isEmpty(item.children) ? itemToString(item) : item.children,
-                        isSelectedItem(item) && (React.createElement("span", { className: "pf-c-select__menu-item-icon" },
+                        isSelectedItem(item) && (React.createElement("span", { className: "pf-v5-c-select__menu-item-icon" },
                             React.createElement(CheckIcon, { "aria-hidden": true })))),
-                    item.additionalInfo && (React.createElement("div", { className: "pf-c-select__menu-item-description" }, item.additionalInfo)))),
+                    item.additionalInfo && (React.createElement("div", { className: "pf-v5-c-select__menu-item-description" }, item.additionalInfo)))),
                 item.actionItem ? React.cloneElement(item.actionItem, { disabled: item.disabled }) : null));
         }));
         shouldPaginate &&
             listToRender.push(...[
                 React.createElement("li", { key: "separator", className: "dropdown-divider", role: "separator" }),
                 React.createElement("li", { key: "pagination-item", className: "downshift-pagination-item" },
-                    React.createElement("button", { type: "button", onClick: (e) => onPaginatonButtonClick(e, downshift), className: "pf-c-button pf-m-link pf-m-block", disabled: props.isLoadingList },
+                    React.createElement("button", { type: "button", onClick: (e) => onPaginatonButtonClick(e, downshift), className: "pf-v5-c-button pf-m-link pf-m-block", disabled: props.isLoadingList },
                         React.createElement(Trans, null, props.paginationBtnText))),
             ]);
         return listToRender;

package/lib/esm/DropDownList/DropdownWrapper.d.ts

@@ -11,6 +11,6 @@ interface IProps extends IDClassNameProps {
     'data-tracking-id': string;
     hasTwoColumns: boolean;
 }
-export default function DropdownWrapper(props: IProps): JSX.Element;
+export default function DropdownWrapper(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=DropdownWrapper.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownWrapper.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/DropdownWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,EACH,qBAAqB,EACrB,+BAA+B,EAC/B,8BAA8B,EAC9B,6BAA6B,EAC7B,4BAA4B,EAC/B,MAAM,WAAW,CAAC;AACnB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,MAAO,SAAQ,gBAAgB;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,CACV,OAAO,CAAC,EAAE,8BAA8B,GAAG,4BAA4B,EACvE,YAAY,CAAC,EAAE,qBAAqB,KACnC,GAAG,CAAC;IACT,aAAa,EAAE,CAAC,OAAO,CAAC,EAAE,+BAA+B,GAAG,6BAA6B,KAAK,GAAG,CAAC;IAClG,mBAAmB,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;IACxD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,aAAa,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,eA6BpD"}
+{"version":3,"file":"DropdownWrapper.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/DropdownWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,EACH,qBAAqB,EACrB,+BAA+B,EAC/B,8BAA8B,EAC9B,6BAA6B,EAC7B,4BAA4B,EAC/B,MAAM,WAAW,CAAC;AACnB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,MAAO,SAAQ,gBAAgB;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,CACV,OAAO,CAAC,EAAE,8BAA8B,GAAG,4BAA4B,EACvE,YAAY,CAAC,EAAE,qBAAqB,KACnC,GAAG,CAAC;IACT,aAAa,EAAE,CAAC,OAAO,CAAC,EAAE,+BAA+B,GAAG,6BAA6B,KAAK,GAAG,CAAC;IAClG,mBAAmB,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;IACxD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,aAAa,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBA6BpD"}

package/lib/esm/DropDownList/DropdownWrapper.js

@@ -9,11 +9,11 @@ export default function DropdownWrapper(props) {
             event.nativeEvent.preventDownshiftDefault = true;
         }
     };
-    return (React.createElement("div", { id: `${props.id}`, className: `downshift ${props.className} pf-c-select ${props.isOpen ? 'pf-m-expanded' : ''} `, "data-tracking-id": props['data-tracking-id'] ? props['data-tracking-id'] : null },
+    return (React.createElement("div", { id: `${props.id}`, className: `downshift ${props.className} pf-v5-c-select ${props.isOpen ? 'pf-m-expanded' : ''} `, "data-tracking-id": props['data-tracking-id'] ? props['data-tracking-id'] : null },
         props.label && React.createElement("label", Object.assign({}, props.getLabelProps()), props.label),
         props.toggleMenuComponent,
         React.createElement("ul", Object.assign({}, props.getMenuProps({
             onBlur: onBlur,
-            className: `downshift-menu pf-c-select__menu ${props.hasTwoColumns ? 'column-selector-menu' : ''} ${props.isOpen ? 'open' : ''}`,
+            className: `downshift-menu pf-v5-c-select__menu ${props.hasTwoColumns ? 'column-selector-menu' : ''} ${props.isOpen ? 'open' : ''}`,
         })), props.children)));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectDropdownList.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/MultiSelectDropdownList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAGnD,QAAA,MAAM,uBAAuB,wDAExB,WAAW,CAAC;AAEjB,OAAO,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,CAAC"}
+{"version":3,"file":"MultiSelectDropdownList.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/MultiSelectDropdownList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAGnD,QAAA,MAAM,uBAAuB,EAA0B,CAAC,CAAY,SAAF,EAAE,EAChE,KAAK,EAAE,wBAAwB,CAAC,CAAC,CAAC,KACjC,GAAG,CAAC,OAAO,CAAC;AAEjB,OAAO,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,CAAC"}

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

@@ -9,6 +9,6 @@ interface IProps<T> extends Omit<IDropdownListProps<T>, 'onChange' | 'onInputCha
     onInputChange?: (items: IOption<T>[], inputValue: string) => void;
     isPDFExporting?: boolean;
 }
-export default function SearchableList<T>(props: IProps<T>): JSX.Element;
+export default function SearchableList<T>(props: IProps<T>): React.JSX.Element;
 export {};
 //# sourceMappingURL=SearchableList.d.ts.map

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

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

package/lib/esm/DropDownList/SearchableList.js

@@ -68,12 +68,12 @@ export default function SearchableList(props) {
         props.onInputBlur && props.onInputBlur(e);
     };
     const renderSearchableToggleButton = () => {
-        return (React.createElement("div", Object.assign({}, downshift.getComboboxProps({ className: 'pf-c-select__toggle pf-m-typeahead' })),
-            React.createElement("div", { className: "pf-c-select__toggle-wrapper" },
+        return (React.createElement("div", Object.assign({}, downshift.getComboboxProps({ className: 'pf-v5-c-select__toggle pf-m-typeahead' })),
+            React.createElement("div", { className: "pf-v5-c-select__toggle-wrapper" },
                 props.chipGroupComponent,
                 React.createElement("input", Object.assign({}, getInputProps({
                     placeholder: props.placeholder,
-                    className: `pf-c-form-control pf-c-select__toggle-typeahead`,
+                    className: `pf-v5-c-form-control pf-v5-c-select__toggle-typeahead`,
                     id: `${props.id}-downshift-search`,
                     'aria-invalid': props.isInValid,
                     'aria-required': props.required,
@@ -85,11 +85,11 @@ export default function SearchableList(props) {
             React.createElement(LoadingIndicator, { isInline: true, show: props.isLoadingList }),
             !isEmpty(downshift.inputValue) &&
                 !props.isLoadingList &&
-                (!props.isExportingPDF ? (React.createElement("button", { className: "pf-c-button pf-m-plain pf-c-select__toggle-clear", onClick: clearSelection(), "aria-label": "clear selection", type: "button", title: "Clear selection", disabled: props.disabled, "data-tracking-id": `${props['data-tracking-id']}-clear` },
+                (!props.isExportingPDF ? (React.createElement("button", { className: "pf-v5-c-button pf-m-plain pf-v5-c-select__toggle-clear", onClick: clearSelection(), "aria-label": "clear selection", type: "button", title: "Clear selection", disabled: props.disabled, "data-tracking-id": `${props['data-tracking-id']}-clear` },
                     React.createElement(TimesCircleIcon, null))) : null),
-            !props.hideToggleButton && (React.createElement("button", Object.assign({ type: "button" }, getToggleButtonProps({
+            !props.hideToggleButton && (React.createElement("button", Object.assign({ type: "button", "aria-label": "Menu toggle" }, getToggleButtonProps({
                 disabled: props.disabled || props.isLoadingList,
-                className: 'pf-c-button pf-c-select__toggle-button pf-m-plain',
+                className: 'pf-v5-c-button pf-v5-c-select__toggle-button pf-m-plain',
                 onClick: props.onMenuToggle ? () => props.onMenuToggle() : noop,
             })),
                 React.createElement(CaretDownIcon, null)))));

package/lib/esm/DropDownList/SelectList.d.ts

@@ -6,6 +6,6 @@ interface IProps<T> extends Omit<IDropdownListProps<T>, 'onChange'> {
     renderListItems: (downshift: UseSelectReturnValue<IOption<T>>) => React.ReactNode[];
     onChange: (changes: UseSelectStateChange<IOption<T>>) => void;
 }
-export default function SelectList<T>(props: IProps<T>): JSX.Element;
+export default function SelectList<T>(props: IProps<T>): React.JSX.Element;
 export {};
 //# sourceMappingURL=SelectList.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectList.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/SelectList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAa,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAClF,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,UAAU,MAAM,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC;IAC/D,eAAe,EAAE,CAAC,SAAS,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,EAAE,CAAC;IACpF,QAAQ,EAAE,CAAC,OAAO,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CACjE;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,eAgErD"}
+{"version":3,"file":"SelectList.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/SelectList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAa,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAClF,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,UAAU,MAAM,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC;IAC/D,eAAe,EAAE,CAAC,SAAS,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,EAAE,CAAC;IACpF,QAAQ,EAAE,CAAC,OAAO,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CACjE;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,qBAkErD"}

package/lib/esm/DropDownList/SelectList.js

@@ -15,20 +15,20 @@ export default function SelectList(props) {
     const renderToggleButton = () => {
         var _a;
         return (React.createElement("button", Object.assign({ type: "button" }, getToggleButtonProps({
-            id: `${props.id}-toggle`,
-            className: `pf-c-select__toggle ${props.isInValid ? 'form-invalid' : ''}`,
+            id: `pcm-${props.id}-${props.name}-toggle`,
+            className: `pf-v5-c-select__toggle ${props.isInValid ? 'form-invalid' : ''}`,
             disabled: props.disabled || props.isLoadingList,
-            'aria-label': `${isOpen ? 'Close ' + props.title : 'Open ' + props.title}`,
+            'aria-label': `${isOpen ? 'Close ' + props.title : 'Open ' + props.title}${props.selectedItem ? '. The selected option is ' + itemToString(props.selectedItem) + '.' : ''}`,
             'aria-invalid': props.isInValid,
             name: props.name,
             title: itemToString(props.selectedItem) || props.placeholder,
             'data-tracking-id': (_a = props['data-tracking-id']) !== null && _a !== void 0 ? _a : '',
             onClick: props.onMenuToggle ? () => props.onMenuToggle() : noop,
         })),
-            React.createElement("div", { className: "pf-c-select__toggle-wrapper" },
-                React.createElement("span", { className: "pf-c-select__toggle-text" }, itemToString(props.selectedItem) || (React.createElement("span", { className: "pf-c-select__placeholder-text" }, props.placeholder)))),
+            React.createElement("div", { className: "pf-v5-c-select__toggle-wrapper" },
+                React.createElement("span", { className: "pf-v5-c-select__toggle-text" }, itemToString(props.selectedItem) || (React.createElement("span", { className: "pf-v5-c-select__placeholder-text" }, props.placeholder)))),
             React.createElement(LoadingIndicator, { isInline: true, show: props.isLoadingList }),
-            !props.isLoadingList && (React.createElement("span", { className: "pf-c-select__toggle-arrow" },
+            !props.isLoadingList && (React.createElement("span", { className: "pf-v5-c-select__toggle-arrow" },
                 React.createElement(CaretDownIcon, null)))));
     };
     return (React.createElement(DropdownWrapper, { id: props.id, className: props.className, label: props.label, isOpen: isOpen, getMenuProps: getMenuProps, getLabelProps: getLabelProps, toggleMenuComponent: renderToggleButton(), "data-tracking-id": props['data-tracking-id'], hasTwoColumns: props.hasTwoColumns }, isOpen && props.renderListItems(downshift)));

package/lib/esm/DropDownList/async.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { IAsyncOnlyProps, IDropdownListBasePropsForAsync } from './types';
 export declare function useAsync<OptionType, DropdownPropsType extends IDropdownListBasePropsForAsync<OptionType>>(props: DropdownPropsType & IAsyncOnlyProps<OptionType>): DropdownPropsType;
 export declare function withAsync<DropdownPropsType extends IDropdownListBasePropsForAsync<OptionType>, OptionType>(WrappedComponent: React.ComponentType<DropdownPropsType>): {
-    (props: DropdownPropsType & IAsyncOnlyProps<OptionType>): JSX.Element;
+    (props: DropdownPropsType & IAsyncOnlyProps<OptionType>): React.JSX.Element;
     displayName: string;
     defaultProps: {};
 };

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

@@ -1 +1 @@
-{"version":3,"file":"async.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/async.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAI9D,OAAO,EAAE,eAAe,EAAE,8BAA8B,EAAE,MAAM,SAAS,CAAC;AAiB1E,wBAAgB,QAAQ,CAAC,UAAU,EAAE,iBAAiB,SAAS,8BAA8B,CAAC,UAAU,CAAC,EACrG,KAAK,EAAE,iBAAiB,GAAG,eAAe,CAAC,UAAU,CAAC,GACvD,iBAAiB,CA6HnB;AAED,wBAAgB,SAAS,CAAC,iBAAiB,SAAS,8BAA8B,CAAC,UAAU,CAAC,EAAE,UAAU,EACtG,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC;YAE1B,iBAAiB,GAAG,gBAAgB,UAAU,CAAC;;;EAUhF"}
+{"version":3,"file":"async.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/async.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAI9D,OAAO,EAAE,eAAe,EAAE,8BAA8B,EAAE,MAAM,SAAS,CAAC;AAiB1E,wBAAgB,QAAQ,CAAC,UAAU,EAAE,iBAAiB,SAAS,8BAA8B,CAAC,UAAU,CAAC,EACrG,KAAK,EAAE,iBAAiB,GAAG,eAAe,CAAC,UAAU,CAAC,GACvD,iBAAiB,CA6HnB;AAED,wBAAgB,SAAS,CAAC,iBAAiB,SAAS,8BAA8B,CAAC,UAAU,CAAC,EAAE,UAAU,EACtG,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC;YAE1B,iBAAiB,GAAG,eAAe,CAAC,UAAU,CAAC;;;EAUhF"}

package/lib/esm/DropDownList/dropdownList.css

@@ -2,11 +2,16 @@
     position: relative;
 }
 
-.downshift > .pf-c-select__toggle.form-invalid {
+.downshift input {
+    border: none;
+    padding: 6px;
+}
+
+.downshift > .pf-v5-c-select__toggle.form-invalid {
     border-bottom: 2px solid #c9190b;
 }
 
-.downshift > .pf-c-select__toggle.form-invalid[disabled] {
+.downshift > .pf-v5-c-select__toggle.form-invalid[disabled] {
     background-color: #ededed;
     border-color: #ededed;
 }
@@ -28,15 +33,15 @@
     border-top: 1px solid #e9ecef;
 }
 
-.downshift .pf-c-select__placeholder-text {
+.downshift .pf-v5-c-select__placeholder-text {
     color: #6a6e73;
 }
 
-.downshift .pf-c-select__menu-wrapper {
+.downshift .pf-v5-c-select__menu-wrapper {
     display: flex;
 }
 
-.downshift .pf-c-select__menu-wrapper:hover {
+.downshift .pf-v5-c-select__menu-wrapper:hover {
     background-color: rgb(240, 240, 240);
 }
 

package/lib/esm/DropDownList/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IDClassNameProps, IOption } from '@rh-support/types/shared';
 export interface IDropdownListProps<T> extends IDClassNameProps {
     list: Array<IOption<T>>;
@@ -33,14 +32,14 @@ export interface IDropdownListProps<T> extends IDClassNameProps {
     hideToggleButton?: boolean;
     isExportingPDF?: boolean;
 }
-export declare type IMultiSelectOnlyProps<T> = {
+export type IMultiSelectOnlyProps<T> = {
     selectedItems?: Array<IOption<T>>;
     onChange: (selectedItems: IOption<T>[]) => any;
     onOuterClick?: (selectedItems: IOption<T>[]) => any;
 };
-export declare type IDropdownListBasePropsForMultiSelect<T> = Omit<IDropdownListProps<T>, 'onChange' | 'onOuterClick' | 'multiSelect' | 'selectedItem' | 'isSelectedItem' | 'isAsyncSearch'>;
-export declare type MultiSelectDropdownProps<T> = IDropdownListBasePropsForMultiSelect<T> & IMultiSelectOnlyProps<T>;
-export declare type IAsyncOnlyProps<T> = {
+export type IDropdownListBasePropsForMultiSelect<T> = Omit<IDropdownListProps<T>, 'onChange' | 'onOuterClick' | 'multiSelect' | 'selectedItem' | 'isSelectedItem' | 'isAsyncSearch'>;
+export type MultiSelectDropdownProps<T> = IDropdownListBasePropsForMultiSelect<T> & IMultiSelectOnlyProps<T>;
+export type IAsyncOnlyProps<T> = {
     delay?: number;
     minLength?: number;
     onSearch: (string: any) => void;
@@ -49,6 +48,6 @@ export declare type IAsyncOnlyProps<T> = {
     useCache?: boolean;
     suggestedItems?: Array<IOption<T>>;
 };
-export declare type IDropdownListBasePropsForAsync<T> = Omit<IDropdownListProps<T>, 'isAsyncSearch' | 'searchable' | 'multiSelect'> | MultiSelectDropdownProps<T>;
-export declare type AsyncDropdownProps<T> = Omit<IDropdownListProps<T>, 'isAsyncSearch' | 'searchable' | 'multiSelect'> & IAsyncOnlyProps<T>;
+export type IDropdownListBasePropsForAsync<T> = Omit<IDropdownListProps<T>, 'isAsyncSearch' | 'searchable' | 'multiSelect'> | MultiSelectDropdownProps<T>;
+export type AsyncDropdownProps<T> = Omit<IDropdownListProps<T>, 'isAsyncSearch' | 'searchable' | 'multiSelect'> & IAsyncOnlyProps<T>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAIrE,MAAM,WAAW,kBAAkB,CAAC,CAAC,CAAE,SAAQ,gBAAgB;IAC3D,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IACxB,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAClD,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC;IACzC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACjH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,oBAAY,qBAAqB,CAAC,CAAC,IAAI;IACnC,aAAa,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IAClC,QAAQ,EAAE,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC;IAC/C,YAAY,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC;CACvD,CAAC;AAEF,oBAAY,oCAAoC,CAAC,CAAC,IAAI,IAAI,CACtD,kBAAkB,CAAC,CAAC,CAAC,EACrB,UAAU,GAAG,cAAc,GAAG,aAAa,GAAG,cAAc,GAAG,gBAAgB,GAAG,eAAe,CACpG,CAAC;AAEF,oBAAY,wBAAwB,CAAC,CAAC,IAAI,oCAAoC,CAAC,CAAC,CAAC,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAE7G,oBAAY,eAAe,CAAC,CAAC,IAAI;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,KAAA,KAAK,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;CACtC,CAAC;AAEF,oBAAY,8BAA8B,CAAC,CAAC,IACtC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,eAAe,GAAG,YAAY,GAAG,aAAa,CAAC,GAC3E,wBAAwB,CAAC,CAAC,CAAC,CAAC;AAElC,oBAAY,kBAAkB,CAAC,CAAC,IAAI,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,eAAe,GAAG,YAAY,GAAG,aAAa,CAAC,GAC3G,eAAe,CAAC,CAAC,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/types.ts"],"names":[],"mappings":"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"}

package/lib/esm/DropDownList/withMulti.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { IDropdownListBasePropsForMultiSelect, IMultiSelectOnlyProps } from './types';
 export declare function useMulti<OptionType, DropdownPropsType extends IDropdownListBasePropsForMultiSelect<OptionType>>(props: DropdownPropsType & IMultiSelectOnlyProps<OptionType>): DropdownPropsType;
-export declare function withMulti<DropdownPropsType extends IDropdownListBasePropsForMultiSelect<OptionType>, OptionType>(WrappedComponent: React.ComponentType<DropdownPropsType>): React.ForwardRefExoticComponent<React.PropsWithoutRef<DropdownPropsType & IMultiSelectOnlyProps<OptionType>> & React.RefAttributes<unknown>>;
+export declare function withMulti<DropdownPropsType extends IDropdownListBasePropsForMultiSelect<OptionType>, OptionType>(WrappedComponent: React.ComponentType<DropdownPropsType>): React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
 //# sourceMappingURL=withMulti.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"withMulti.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/withMulti.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,oCAAoC,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAMtF,wBAAgB,QAAQ,CAAC,UAAU,EAAE,iBAAiB,SAAS,oCAAoC,CAAC,UAAU,CAAC,EAC3G,KAAK,EAAE,iBAAiB,GAAG,qBAAqB,CAAC,UAAU,CAAC,GAC7D,iBAAiB,CA8BnB;AAED,wBAAgB,SAAS,CAAC,iBAAiB,SAAS,oCAAoC,CAAC,UAAU,CAAC,EAAE,UAAU,EAC5G,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,gJAY3D"}
+{"version":3,"file":"withMulti.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/withMulti.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,oCAAoC,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAMtF,wBAAgB,QAAQ,CAAC,UAAU,EAAE,iBAAiB,SAAS,oCAAoC,CAAC,UAAU,CAAC,EAC3G,KAAK,EAAE,iBAAiB,GAAG,qBAAqB,CAAC,UAAU,CAAC,GAC7D,iBAAiB,CA8BnB;AAED,wBAAgB,SAAS,CAAC,iBAAiB,SAAS,oCAAoC,CAAC,UAAU,CAAC,EAAE,UAAU,EAC5G,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,iEAa3D"}

package/lib/esm/DropDownList/withMulti.js

@@ -37,6 +37,7 @@ export function useMulti(props) {
     return Object.assign(Object.assign({}, rest), { multiSelect: true, onChange: onChangeLocal, selectedItem: null, onOuterClick: onOuterClickLocal, isSelectedItem: isSelectedItemLocal });
 }
 export function withMulti(WrappedComponent) {
+    // @ts-ignore
     const MultiSelectDropdown = forwardRef((props, ref) => (React.createElement(WrappedComponent, Object.assign({}, useMulti(props), { ref: ref }))));
     const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
     MultiSelectDropdown.displayName = `withMulti${displayName}`;

package/lib/esm/ErrorBoundary/ErrorBoundary.d.ts

@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
 import { IErrorMsgInfo } from './ErrorBoundaryFallbackComponent';
 interface IProps {
+    children: React.PropsWithChildren | React.ReactNode;
     sentryAppName?: string;
     FallbackComponent?: React.ElementType;
     errorMsgInfo?: IErrorMsgInfo;
@@ -30,7 +31,7 @@ export declare class ErrorBoundary extends Component<IProps, IState> {
         hasError: boolean;
     };
     componentDidCatch(error: Error, errorInfo: any): void;
-    render(): {};
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=ErrorBoundary.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAkC,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAEjG,UAAU,MAAM;IACZ,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACtC,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5D;AAED,UAAU,MAAM;IACZ,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,GAAG,EAAE,MAAM,CAAC;QACZ,SAAS,EAAE,GAAG,CAAC;QACf,kBAAkB,EAAE;YAChB,cAAc,EAAE,MAAM,CAAC;YACvB,OAAO,EAAE,MAAM,CAAC;SACnB,CAAC;QACF,aAAa,EAAE;YACX,cAAc,EAAE,MAAM,CAAC;YACvB,OAAO,EAAE,MAAM,CAAC;SACnB,CAAC;KACL;CACJ;AAED,qBAAa,aAAc,SAAQ,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;gBAC5C,KAAK,KAAA;IAKjB,MAAM,CAAC,wBAAwB;;;IAK/B,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,KAAA;IAiBzC,MAAM;CAcT"}
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAkC,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAEjG,UAAU,MAAM;IACZ,QAAQ,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,SAAS,CAAC;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACtC,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5D;AAED,UAAU,MAAM;IACZ,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,GAAG,EAAE,MAAM,CAAC;QACZ,SAAS,EAAE,GAAG,CAAC;QACf,kBAAkB,EAAE;YAChB,cAAc,EAAE,MAAM,CAAC;YACvB,OAAO,EAAE,MAAM,CAAC;SACnB,CAAC;QACF,aAAa,EAAE;YACX,cAAc,EAAE,MAAM,CAAC;YACvB,OAAO,EAAE,MAAM,CAAC;SACnB,CAAC;KACL;CACJ;AAED,qBAAa,aAAc,SAAQ,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;gBAC5C,KAAK,KAAA;IAKjB,MAAM,CAAC,wBAAwB;;;IAK/B,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,KAAA;IAiBzC,MAAM;CAcT"}

package/lib/esm/ErrorBoundary/ErrorBoundary.js

@@ -34,6 +34,6 @@ export class ErrorBoundary extends Component {
         if (this.state.hasError) {
             return this.props.FallbackComponent ? (React.createElement(FallbackComponent, null)) : (React.createElement(ErrorBoundaryFallbackComponent, Object.assign({ isPageLevelError: this.props.isPageLevelError }, this.props.errorMsgInfo)));
         }
-        return children || null;
+        return React.createElement(React.Fragment, null, children || null);
     }
 }

package/lib/esm/ErrorBoundary/ErrorBoundaryFallbackComponent.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export interface IErrorMsgInfo {
     errorType?: 'info' | 'warning' | 'error';
     title?: string;
@@ -6,7 +7,7 @@ export interface IErrorMsgInfo {
 interface IProps extends IErrorMsgInfo {
     isPageLevelError: boolean;
 }
-declare function ErrorBoundaryFallbackComponent(props: IProps): JSX.Element;
+declare function ErrorBoundaryFallbackComponent(props: IProps): React.JSX.Element;
 declare namespace ErrorBoundaryFallbackComponent {
     var defaultProps: IProps;
 }

package/lib/esm/ErrorBoundary/ErrorBoundaryFallbackComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundaryFallbackComponent.d.ts","sourceRoot":"","sources":["../../../src/ErrorBoundary/ErrorBoundaryFallbackComponent.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,aAAa;IAC1B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,MAAO,SAAQ,aAAa;IAClC,gBAAgB,EAAE,OAAO,CAAC;CAC7B;AASD,iBAAS,8BAA8B,CAAC,KAAK,EAAE,MAAM,eA4BpD;kBA5BQ,8BAA8B;;;AA+BvC,OAAO,EAAE,8BAA8B,EAAE,CAAC"}
+{"version":3,"file":"ErrorBoundaryFallbackComponent.d.ts","sourceRoot":"","sources":["../../../src/ErrorBoundary/ErrorBoundaryFallbackComponent.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,aAAa;IAC1B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,MAAO,SAAQ,aAAa;IAClC,gBAAgB,EAAE,OAAO,CAAC;CAC7B;AASD,iBAAS,8BAA8B,CAAC,KAAK,EAAE,MAAM,qBA+BpD;kBA/BQ,8BAA8B;;;AAkCvC,OAAO,EAAE,8BAA8B,EAAE,CAAC"}

package/lib/esm/ErrorBoundary/ErrorBoundaryFallbackComponent.js

@@ -1,4 +1,4 @@
-import { Bullseye, EmptyState, EmptyStateBody, EmptyStateIcon, EmptyStateVariant, Title } from '@patternfly/react-core';
+import { Bullseye, EmptyState, EmptyStateBody, EmptyStateHeader, EmptyStateIcon, EmptyStateVariant, } from '@patternfly/react-core';
 import ExclamationCircleIcon from '@patternfly/react-icons/dist/js/icons/exclamation-circle-icon';
 import dangerColor from '@patternfly/react-tokens/dist/js/global_danger_color_200';
 import infoColor from '@patternfly/react-tokens/dist/js/global_info_color_200';
@@ -25,9 +25,8 @@ function ErrorBoundaryFallbackComponent(props) {
     };
     return (React.createElement("div", { className: props.isPageLevelError ? 'container' : '' },
         React.createElement(Bullseye, null,
-            React.createElement(EmptyState, { variant: EmptyStateVariant.small },
-                React.createElement(EmptyStateIcon, { icon: ExclamationCircleIcon, color: props.isPageLevelError ? getIconColor() : warningColor.value }),
-                React.createElement(Title, { headingLevel: "h2", size: "lg" }, t(props.title)),
+            React.createElement(EmptyState, { variant: EmptyStateVariant.sm },
+                React.createElement(EmptyStateHeader, { titleText: React.createElement(React.Fragment, null, t(props.title)), icon: React.createElement(EmptyStateIcon, { icon: ExclamationCircleIcon, color: props.isPageLevelError ? getIconColor() : warningColor.value }), headingLevel: "h2" }),
                 React.createElement(EmptyStateBody, null, t(props.message))))));
 }
 ErrorBoundaryFallbackComponent.defaultProps = defaultProps;

package/lib/esm/ErrorPages/Generic403.d.ts

@@ -1,2 +1,3 @@
-export declare function Generic403(): JSX.Element;
+import React from 'react';
+export declare function Generic403(): React.JSX.Element;
 //# sourceMappingURL=Generic403.d.ts.map

package/lib/esm/ErrorPages/Generic403.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Generic403.d.ts","sourceRoot":"","sources":["../../../src/ErrorPages/Generic403.tsx"],"names":[],"mappings":"AAGA,wBAAgB,UAAU,gBAQzB"}
+{"version":3,"file":"Generic403.d.ts","sourceRoot":"","sources":["../../../src/ErrorPages/Generic403.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,wBAAgB,UAAU,sBAQzB"}