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

package/lib/esm/ProgressBar/CircularProgressBar/CircularProgressBar.d.ts

@@ -1,6 +1,7 @@
 import './styles.css';
+import React from 'react';
 import { CircularProgressbarDefaultProps, CircularProgressbarProps } from './types';
-declare function CircularProgressbar(props: CircularProgressbarProps): JSX.Element;
+declare function CircularProgressbar(props: CircularProgressbarProps): React.JSX.Element;
 declare namespace CircularProgressbar {
     var defaultProps: CircularProgressbarDefaultProps;
 }

package/lib/esm/ProgressBar/CircularProgressBar/CircularProgressBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CircularProgressBar.d.ts","sourceRoot":"","sources":["../../../../src/ProgressBar/CircularProgressBar/CircularProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAMtB,OAAO,EAAE,+BAA+B,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AA8BpF,iBAAS,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,eA6E3D;kBA7EQ,mBAAmB;;;AAiF5B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"CircularProgressBar.d.ts","sourceRoot":"","sources":["../../../../src/ProgressBar/CircularProgressBar/CircularProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,+BAA+B,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AA8BpF,iBAAS,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,qBA6E3D;kBA7EQ,mBAAmB;;;AAiF5B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/lib/esm/ProgressBar/CircularProgressBar/Path.d.ts

@@ -7,6 +7,6 @@ declare function Path({ className, counterClockwise, dashRatio, pathRadius, stro
     strokeWidth: number;
     style?: object;
     children?: React.ReactNode;
-}): JSX.Element;
+}): React.JSX.Element;
 export default Path;
 //# sourceMappingURL=Path.d.ts.map

package/lib/esm/ProgressBar/CircularProgressBar/Path.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Path.d.ts","sourceRoot":"","sources":["../../../../src/ProgressBar/CircularProgressBar/Path.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,iBAAS,IAAI,CAAC,EACV,SAAS,EACT,gBAAgB,EAChB,SAAS,EACT,UAAU,EACV,WAAW,EACX,KAAK,EACL,QAAQ,GACX,EAAE;IACC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,eAeA;AAuCD,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Path.d.ts","sourceRoot":"","sources":["../../../../src/ProgressBar/CircularProgressBar/Path.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,iBAAS,IAAI,CAAC,EACV,SAAS,EACT,gBAAgB,EAChB,SAAS,EACT,UAAU,EACV,WAAW,EACX,KAAK,EACL,QAAQ,GACX,EAAE;IACC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,qBAeA;AAuCD,eAAe,IAAI,CAAC"}

package/lib/esm/ProgressBar/CircularProgressBar/types.d.ts

@@ -1,12 +1,11 @@
-/// <reference types="react" />
-export declare type CircularProgressbarStyles = {
+export type CircularProgressbarStyles = {
     root?: React.CSSProperties;
     trail?: React.CSSProperties;
     path?: React.CSSProperties;
     text?: React.CSSProperties;
     background?: React.CSSProperties;
 };
-export declare type CircularProgressbarDefaultProps = {
+export type CircularProgressbarDefaultProps = {
     background: boolean;
     backgroundPadding: number;
     circleRatio: number;
@@ -25,7 +24,7 @@ export declare type CircularProgressbarDefaultProps = {
     styles: CircularProgressbarStyles;
     text: string;
 };
-export declare type CircularProgressbarProps = CircularProgressbarDefaultProps & {
+export type CircularProgressbarProps = CircularProgressbarDefaultProps & {
     value: number;
     title: string;
 };

package/lib/esm/ProgressBar/CircularProgressBar/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ProgressBar/CircularProgressBar/types.ts"],"names":[],"mappings":";AAAA,oBAAY,yBAAyB,GAAG;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACpC,CAAC;AAEF,oBAAY,+BAA+B,GAAG;IAC1C,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,yBAAyB,CAAC;IAClC,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,oBAAY,wBAAwB,GAAG,+BAA+B,GAAG;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ProgressBar/CircularProgressBar/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,yBAAyB,GAAG;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG;IAC1C,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,yBAAyB,CAAC;IAClC,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,+BAA+B,GAAG;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC"}

package/lib/esm/ProgressBar/ProgressBar.d.ts

@@ -7,7 +7,7 @@ interface IProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivEle
     progressBarClassName?: string;
     show?: boolean;
 }
-declare function ProgressBar(props: IProps): JSX.Element;
+declare function ProgressBar(props: IProps): React.JSX.Element;
 declare namespace ProgressBar {
     var defaultProps: Partial<IProps>;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,MAAO,SAAQ,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC;IAClG,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAQD,iBAAS,WAAW,CAAC,KAAK,EAAE,MAAM,eAyBjC;kBAzBQ,WAAW;;;AA2BpB,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,MAAO,SAAQ,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC;IAClG,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAQD,iBAAS,WAAW,CAAC,KAAK,EAAE,MAAM,qBAyBjC;kBAzBQ,WAAW;;;AA2BpB,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/lib/esm/PromisifyModal/PromisifyModal.d.ts

@@ -1,18 +1,15 @@
 import { ReactElement } from 'react';
+type RenderFunction<T> = (props: RenderFunctionProps<T>) => ReactElement<any>;
 interface Options {
     destructionDelay?: number;
 }
-declare type OnDismissCallback = () => void;
-declare type OnSubmitCallback<R> = {
-    (): void;
-    (value: R): void;
-};
+type Callback<R> = void extends R ? () => void : (value: R) => void;
 interface RenderFunctionProps<R> {
     show: boolean;
-    onSubmit: OnSubmitCallback<R>;
-    onDismiss: OnDismissCallback;
+    onSubmit: Callback<R>;
+    onDismiss: Callback<void>;
 }
-declare type RenderFunction<R> = (props: RenderFunctionProps<R>) => ReactElement;
-export declare function PromisifyModal<R = any>(renderModal: RenderFunction<R>, options?: Options): Promise<R | unknown>;
+export declare function PromisifyModal(renderModal: RenderFunction<void>, options?: Options): Promise<true | undefined>;
+export declare function PromisifyModal<R>(renderModal: RenderFunction<R>, options?: Options): Promise<R | undefined>;
 export {};
 //# sourceMappingURL=PromisifyModal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PromisifyModal.d.ts","sourceRoot":"","sources":["../../../src/PromisifyModal/PromisifyModal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAUrC,UAAU,OAAO;IACb,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,aAAK,iBAAiB,GAAG,MAAM,IAAI,CAAC;AAEpC,aAAK,gBAAgB,CAAC,CAAC,IAAI;IACvB,IAAI,IAAI,CAAC;IACT,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;CACpB,CAAC;AAEF,UAAU,mBAAmB,CAAC,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAC9B,SAAS,EAAE,iBAAiB,CAAC;CAChC;AAED,aAAK,cAAc,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC;AAEzE,wBAAgB,cAAc,CAAC,CAAC,GAAG,GAAG,EAAE,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,OAAO,GAAE,OAAY,GAAG,OAAO,CAAC,CAAC,GAAG,OAAO,CAAC,CAgCnH"}
+{"version":3,"file":"PromisifyModal.d.ts","sourceRoot":"","sources":["../../../src/PromisifyModal/PromisifyModal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AASrC,KAAK,cAAc,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC,GAAG,CAAC,CAAC;AAE9E,UAAU,OAAO;IACb,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,KAAK,QAAQ,CAAC,CAAC,IAAI,IAAI,SAAS,CAAC,GAAG,MAAM,IAAI,GAAG,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;AAEpE,UAAU,mBAAmB,CAAC,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtB,SAAS,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;CAC7B;AAED,wBAAgB,cAAc,CAAC,WAAW,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,GAAG,SAAS,CAAC,CAAC;AAEhH,wBAAgB,cAAc,CAAC,CAAC,EAAE,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC"}

package/lib/esm/PromisifyModal/PromisifyModal.js

@@ -1,36 +1,39 @@
 // Original source
 // https://github.com/prezly/react-promise-modal/
-import { render, unmountComponentAtNode } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 const DEFAULT_DESTRUCTION_DELAY = 300;
-const DEFAULT_OPTIONS = {
-    destructionDelay: DEFAULT_DESTRUCTION_DELAY,
-};
 const noop = () => { };
 export function PromisifyModal(renderModal, options = {}) {
-    const { destructionDelay } = Object.assign(Object.assign({}, DEFAULT_OPTIONS), options);
+    const { destructionDelay = DEFAULT_DESTRUCTION_DELAY } = options;
     const container = document.createElement('div');
     document.body.appendChild(container);
+    const root = createRoot(container);
     function displayModal({ onSubmit, onDismiss }) {
-        render(renderModal({ onSubmit, onDismiss, show: true }), container);
+        root.render(renderModal({ onSubmit, onDismiss, show: true }));
     }
-    function hideModal({ onSubmit, onDismiss }, callback) {
-        render(renderModal({ onSubmit, onDismiss, show: false }), container, callback);
+    function hideModal({ onSubmit, onDismiss }) {
+        root.render(renderModal({ onSubmit, onDismiss, show: false }));
     }
     function destroyModal() {
-        unmountComponentAtNode(container);
+        root.unmount();
         document.body.removeChild(container);
     }
     const confirmation = new Promise((resolve) => {
-        const onSubmit = (value = true) => resolve(value);
-        const onDismiss = () => resolve(undefined);
+        function onSubmit(value) {
+            if (arguments.length === 0) {
+                resolve(true);
+            }
+            else {
+                resolve(value);
+            }
+        }
+        function onDismiss() {
+            resolve(undefined);
+        }
         displayModal({ onSubmit, onDismiss });
     });
-    return confirmation.then((result) => {
-        const onSubmit = noop;
-        const onDismiss = noop;
-        hideModal({ onSubmit, onDismiss }, () => {
-            setTimeout(destroyModal, destructionDelay);
-        });
-        return result;
+    return confirmation.finally(() => {
+        hideModal({ onSubmit: noop, onDismiss: noop });
+        setTimeout(destroyModal, destructionDelay);
     });
 }

package/lib/esm/SubscriptionAbuse/SubscriptionAbuseModal.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 interface IProps {
     isOpen: boolean;
     onConfirm: () => void;
 }
-export declare function SubscriptionAbuseModal(props: IProps): JSX.Element;
+export declare function SubscriptionAbuseModal(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=SubscriptionAbuseModal.d.ts.map

package/lib/esm/SubscriptionAbuse/SubscriptionAbuseModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubscriptionAbuseModal.d.ts","sourceRoot":"","sources":["../../../src/SubscriptionAbuse/SubscriptionAbuseModal.tsx"],"names":[],"mappings":"AAMA,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,eA0BnD"}
+{"version":3,"file":"SubscriptionAbuseModal.d.ts","sourceRoot":"","sources":["../../../src/SubscriptionAbuse/SubscriptionAbuseModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,qBA0BnD"}

package/lib/esm/SubscriptionAbuse/const.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 declare const SubscriptionAbuseModalTitle = "Please address your account issues";
-declare const SubscriptionAbuseModalText: JSX.Element;
+declare const SubscriptionAbuseModalText: React.JSX.Element;
 export { SubscriptionAbuseModalTitle, SubscriptionAbuseModalText };
 //# sourceMappingURL=const.d.ts.map

package/lib/esm/SubscriptionAbuse/const.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../../../src/SubscriptionAbuse/const.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,2BAA2B,uCAAuC,CAAC;AACzE,QAAA,MAAM,0BAA0B,aAS/B,CAAC;AAEF,OAAO,EAAE,2BAA2B,EAAE,0BAA0B,EAAE,CAAC"}
+{"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../../../src/SubscriptionAbuse/const.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,2BAA2B,uCAAuC,CAAC;AACzE,QAAA,MAAM,0BAA0B,mBAS/B,CAAC;AAEF,OAAO,EAAE,2BAA2B,EAAE,0BAA0B,EAAE,CAAC"}

package/lib/esm/SupportFeedbackForm/SupportFeedbackForm.d.ts

@@ -1,9 +1,10 @@
+import React from 'react';
 interface IProps {
     buttonLabel: string;
     additionalBtnClass: string;
     isInline: boolean;
 }
-declare function SupportFeedbackForm(props: IProps): JSX.Element;
+declare function SupportFeedbackForm(props: IProps): React.JSX.Element;
 declare namespace SupportFeedbackForm {
     var defaultProps: Partial<IProps>;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"SupportFeedbackForm.d.ts","sourceRoot":"","sources":["../../../src/SupportFeedbackForm/SupportFeedbackForm.tsx"],"names":[],"mappings":"AAMA,UAAU,MAAM;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;CACrB;AAQD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,eAuBzC;kBAvBQ,mBAAmB;;;AA0B5B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"SupportFeedbackForm.d.ts","sourceRoot":"","sources":["../../../src/SupportFeedbackForm/SupportFeedbackForm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,UAAU,MAAM;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;CACrB;AAQD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAuBzC;kBAvBQ,mBAAmB;;;AA0B5B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/lib/esm/SupportFeedbackForm/SupportFeedbackModal.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 interface IProps {
     isModalOpen: boolean;
     onClose: () => void;
 }
-declare function SupportFeedbackModal(props: IProps): JSX.Element;
+declare function SupportFeedbackModal(props: IProps): React.JSX.Element;
 declare namespace SupportFeedbackModal {
     var defaultProps: Partial<IProps>;
 }

package/lib/esm/SupportFeedbackForm/SupportFeedbackModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SupportFeedbackModal.d.ts","sourceRoot":"","sources":["../../../src/SupportFeedbackForm/SupportFeedbackModal.tsx"],"names":[],"mappings":"AAuBA,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAMD,iBAAS,oBAAoB,CAAC,KAAK,EAAE,MAAM,eAyN1C;kBAzNQ,oBAAoB;;;AA4N7B,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"SupportFeedbackModal.d.ts","sourceRoot":"","sources":["../../../src/SupportFeedbackForm/SupportFeedbackModal.tsx"],"names":[],"mappings":"AAUA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAanD,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAMD,iBAAS,oBAAoB,CAAC,KAAK,EAAE,MAAM,qBA0N1C;kBA1NQ,oBAAoB;;;AA6N7B,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/lib/esm/SupportFeedbackForm/SupportFeedbackModal.js

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { pcm } from '@cee-eng/hydrajs';
-import { Button, Modal, ModalVariant } from '@patternfly/react-core';
+import { Button, Icon, Modal, ModalVariant } from '@patternfly/react-core';
 import OutlinedFrownIcon from '@patternfly/react-icons/dist/js/icons/outlined-frown-icon';
 import OutlinedFrownOpenIcon from '@patternfly/react-icons/dist/js/icons/outlined-frown-open-icon';
 import OutlinedGrinIcon from '@patternfly/react-icons/dist/js/icons/outlined-grin-icon';
@@ -88,27 +88,27 @@ function SupportFeedbackModal(props) {
     const sentiments = [
         {
             id: 'very_unsatisfied',
-            icon: React.createElement(OutlinedFrownOpenIcon, { size: "lg" }),
+            icon: React.createElement(OutlinedFrownOpenIcon, null),
             label: 'Very Unsatisfied',
         },
         {
             id: 'unsatisfied',
-            icon: React.createElement(OutlinedFrownIcon, { size: "lg" }),
+            icon: React.createElement(OutlinedFrownIcon, null),
             label: 'Unsatisfied',
         },
         {
             id: 'neutral',
-            icon: React.createElement(OutlinedMehIcon, { size: "lg" }),
+            icon: React.createElement(OutlinedMehIcon, null),
             label: 'Neutral',
         },
         {
             id: 'satisfied',
-            icon: React.createElement(OutlinedSmileIcon, { size: "lg" }),
+            icon: React.createElement(OutlinedSmileIcon, null),
             label: 'Satisfied',
         },
         {
             id: 'very_satisfied',
-            icon: React.createElement(OutlinedGrinIcon, { size: "lg" }),
+            icon: React.createElement(OutlinedGrinIcon, null),
             label: 'Very Satisfied',
         },
     ];
@@ -116,22 +116,22 @@ function SupportFeedbackModal(props) {
     function renderModalBody() {
         return (React.createElement(React.Fragment, null,
             React.createElement("form", { className: "support-feedback-form", action: "", onSubmit: handleSubmit },
-                React.createElement("fieldset", { className: "form-group radios feedback-satisfaction pf-u-mb-sm", role: "radiogroup", "aria-labelledby": "feedback-satisfaction-label" },
-                    React.createElement("legend", { id: "feedback-satisfaction-label", className: "pf-u-mb-md" },
+                React.createElement("fieldset", { className: "form-group radios feedback-satisfaction pf-v5-u-mb-sm", role: "radiogroup", "aria-labelledby": "feedback-satisfaction-label" },
+                    React.createElement("legend", { id: "feedback-satisfaction-label", className: "pf-v5-u-mb-md" },
                         React.createElement(Trans, null, "How satisfied are you with customer support\u2019s web experience?"),
                         React.createElement("span", { className: "form-required", "aria-hidden": "true" }, "*"),
                         ' '),
                     React.createElement("div", { className: "satisfaction-values-wrapper" }, sentiments.map((sentiment) => {
-                        return (React.createElement("label", { className: `${sentiment.id} sentiment-label pf-u-ml-md pf-u-mr-md ${values.levelOfSatisfied === sentiment.label ? 'sentiment-selected' : ''}`, htmlFor: sentiment.id, key: sentiment.id },
-                            React.createElement("input", { type: "radio", id: sentiment.id, "aria-label": t(sentiment.label), disabled: isFetching, name: "levelOfSatisfied", value: sentiment.label, checked: values.levelOfSatisfied === sentiment.label, "aria-checked": values.levelOfSatisfied === sentiment.label, required: true, className: "feedback_button_values pf-u-mb-sm pf-screen-reader", onChange: handleSentimentChange }),
+                        return (React.createElement("label", { className: `${sentiment.id} sentiment-label pf-v5-u-ml-md pf-v5-u-mr-md ${values.levelOfSatisfied === sentiment.label ? 'sentiment-selected' : ''}`, htmlFor: sentiment.id, key: sentiment.id },
+                            React.createElement("input", { type: "radio", id: sentiment.id, "aria-label": t(sentiment.label), disabled: isFetching, name: "levelOfSatisfied", value: sentiment.label, checked: values.levelOfSatisfied === sentiment.label, "aria-checked": values.levelOfSatisfied === sentiment.label, required: true, className: "feedback_button_values pf-v5-u-mb-sm pf-screen-reader", onChange: handleSentimentChange }),
                             ' ',
-                            sentiment.icon,
+                            React.createElement(Icon, { size: "lg" }, sentiment.icon),
                             React.createElement(Trans, null, sentiment.label)));
                     })),
                     isSubmitDisabled && (React.createElement("div", null,
                         React.createElement("p", { className: "form-instructions form-invalid" },
                             React.createElement(Trans, null, "Please select a value"))))),
-                React.createElement("div", { className: "form-group pf-u-mb-md" },
+                React.createElement("div", { className: "form-group pf-v5-u-mb-md" },
                     React.createElement("label", { htmlFor: "moreFeedback" },
                         React.createElement(Trans, null, "How can we improve?")),
                     React.createElement(TextAreaAutosize, { name: "moreInfo", id: "moreFeedback", placeholder: t('i18nDescribeSuggestionDetail', 'Describe your suggestion in detail'), disabled: isFetching, value: values.moreInfo, className: "form-control", onChange: handleFeedbackTextChange, rowsMin: 3 })),
@@ -140,9 +140,9 @@ function SupportFeedbackModal(props) {
     }
     function returnModalAction() {
         return [
-            React.createElement(Button, { key: "confirm", onClick: handleSubmit, variant: "primary", isDisabled: isSubmitDisabled || isFetching, className: "pf-u-ml-xs", spinnerAriaValueText: isFetching ? 'Loading' : undefined, isLoading: isFetching, "data-tracking-id": "app-feedback-submit", "aria-label": t('Send feedback') },
+            React.createElement(Button, { key: "confirm", onClick: handleSubmit, variant: "primary", isDisabled: isSubmitDisabled || isFetching, className: "pf-v5-u-ml-xs", spinnerAriaValueText: isFetching ? 'Loading' : undefined, isLoading: isFetching, "data-tracking-id": "app-feedback-submit", "aria-label": t('Send feedback') },
                 React.createElement(Trans, null, isFetching ? 'Sending feedback' : 'Send feedback')),
-            React.createElement("button", { key: "cancel", onClick: handleModalToggle, className: "btn btn-app btn-link", "data-tracking-id": "app-feedback-cancel", "aria-label": "Cancel", disabled: isFetching },
+            React.createElement("button", { key: "cancel", onClick: handleModalToggle, className: "btn btn-app btn-link", "data-tracking-id": "app-feedback-cancel", "aria-label": "Cancel", disabled: isFetching, type: "button" },
                 React.createElement(Trans, null, "Cancel")),
         ];
     }

package/lib/esm/Table/PFTable.d.ts

@@ -1,5 +1,6 @@
-import { IExtraData, IRow, IRowData, TableProps } from '@patternfly/react-table';
-import { ReactNode } from 'react';
+import { IExtraData, IRow, IRowData } from '@patternfly/react-table';
+import { TableProps } from '@patternfly/react-table/deprecated';
+import React, { ReactNode } from 'react';
 interface IColumn {
     id: string;
     title: string | ReactNode;
@@ -34,6 +35,6 @@ interface IProps extends Omit<TableProps, 'sortBy' | 'cells' | 'onSort' | 'rows'
     keepPageNumberOnDataChange?: boolean;
 }
 export declare const defaultTableSortMethod: (a: any, b: any) => 0 | 1 | -1;
-declare function PFTable(props: IProps): JSX.Element;
+declare function PFTable(props: IProps): React.JSX.Element;
 export { IRowData, IExtraData, PFTable, IProps, ISortBy, ISortInfo, IColumn };
 //# sourceMappingURL=PFTable.d.ts.map

package/lib/esm/Table/PFTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PFTable.d.ts","sourceRoot":"","sources":["../../../src/Table/PFTable.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGH,UAAU,EACV,IAAI,EACJ,QAAQ,EAMR,UAAU,EAGb,MAAM,yBAAyB,CAAC;AACjC,OAAc,EAAE,SAAS,EAAoC,MAAM,OAAO,CAAC;AA6C3E,UAAU,OAAO;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,GAAG,CAAC;IACzB,UAAU,CAAC,EAAE,CAAC,CAAC,KAAA,EAAE,CAAC,KAAA,EAAE,aAAa,CAAC,KAAA,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;IAElD;;;OAGG;IACH,IAAI,CAAC,EAAE,CAAC,IAAI,KAAA,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,GAAG,CAAC;IACzB,SAAS,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,CAAC;CACpF;AAED,UAAU,SAAS;IACf,SAAS,EAAE,KAAK,GAAG,MAAM,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,OAAO;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,KAAK,GAAG,MAAM,CAAC;CAC7B;AAED,UAAU,MAAO,SAAQ,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC7E,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,KAAK,KAAA,EAAE,GAAG,KAAA,EAAE,KAAK,KAAA,KAAK,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,KAAK,GAAG,CAAC;IACnE,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,IAAI,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACxC;AAGD,eAAO,MAAM,sBAAsB,gCAAoB,CAAC;AAExD,iBAAS,OAAO,CAAC,KAAK,EAAE,MAAM,eAyK7B;AAED,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"PFTable.d.ts","sourceRoot":"","sources":["../../../src/Table/PFTable.tsx"],"names":[],"mappings":"AASA,OAAO,EAGH,UAAU,EACV,IAAI,EACJ,QAAQ,EAKX,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAiC,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAC/F,OAAO,KAAK,EAAE,EAAE,SAAS,EAAoC,MAAM,OAAO,CAAC;AA8C3E,UAAU,OAAO;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,GAAG,CAAC;IACzB,UAAU,CAAC,EAAE,CAAC,CAAC,KAAA,EAAE,CAAC,KAAA,EAAE,aAAa,CAAC,KAAA,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;IAElD;;;OAGG;IACH,IAAI,CAAC,EAAE,CAAC,IAAI,KAAA,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,GAAG,CAAC;IACzB,SAAS,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,CAAC;CACpF;AAED,UAAU,SAAS;IACf,SAAS,EAAE,KAAK,GAAG,MAAM,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,OAAO;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,KAAK,GAAG,MAAM,CAAC;CAC7B;AAED,UAAU,MAAO,SAAQ,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC7E,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,KAAK,KAAA,EAAE,GAAG,KAAA,EAAE,KAAK,KAAA,KAAK,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,KAAK,GAAG,CAAC;IACnE,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,IAAI,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACxC;AAGD,eAAO,MAAM,sBAAsB,gCAAoB,CAAC;AAExD,iBAAS,OAAO,CAAC,KAAK,EAAE,MAAM,qBAyK7B;AAED,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC"}

package/lib/esm/Table/PFTable.js

@@ -9,9 +9,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { Bullseye, EmptyState, EmptyStateIcon, EmptyStateVariant, Spinner, Title } from '@patternfly/react-core';
+import { Bullseye, EmptyState, EmptyStateHeader, EmptyStateIcon, EmptyStateVariant, Spinner, } from '@patternfly/react-core';
 import SearchIcon from '@patternfly/react-icons/dist/js/icons/search-icon';
-import { cellWidth, classNames, sortable, SortByDirection, Table, TableBody, TableHeader, TableVariant, Visibility, } from '@patternfly/react-table';
+import { cellWidth, classNames, sortable, SortByDirection, TableVariant, Visibility, } from '@patternfly/react-table';
+import { Table, TableBody, TableHeader } from '@patternfly/react-table/deprecated';
 import React, { useCallback, useEffect, useState } from 'react';
 import { useTableContext } from './TableProvider';
 const noop = () => { };
@@ -22,9 +23,8 @@ const emptyStateRowDefault = [
             {
                 props: { colSpan: 8 },
                 title: (React.createElement(Bullseye, null,
-                    React.createElement(EmptyState, { variant: EmptyStateVariant.small },
-                        React.createElement(EmptyStateIcon, { icon: SearchIcon }),
-                        React.createElement(Title, { headingLevel: "h2", size: "lg" }, "No results found")))),
+                    React.createElement(EmptyState, { variant: EmptyStateVariant.sm },
+                        React.createElement(EmptyStateHeader, { titleText: "No results found", icon: React.createElement(EmptyStateIcon, { icon: SearchIcon }), headingLevel: "h2" })))),
             },
         ],
     },
@@ -36,7 +36,7 @@ const loadingRowDefault = [
             {
                 props: { colSpan: 9 },
                 title: (React.createElement(Bullseye, { style: { minHeight: '350px' } },
-                    React.createElement(EmptyState, { variant: EmptyStateVariant.small },
+                    React.createElement(EmptyState, { variant: EmptyStateVariant.sm },
                         React.createElement(Spinner, { size: "xl" })))),
             },
         ],

package/lib/{cjs/Table/Table.d.ts → esm/Table/TableComponent.d.ts}

@@ -6,6 +6,6 @@ interface IProps<T> {
     data: T;
     selectedColumns?: string[];
 }
-export declare function Table<T>({ children, columns, data, selectedColumns }: IProps<T>): JSX.Element;
+export declare function TableComponent<T>({ children, columns, data, selectedColumns }: IProps<T>): React.JSX.Element;
 export {};
-//# sourceMappingURL=Table.d.ts.map
+//# sourceMappingURL=TableComponent.d.ts.map

package/lib/esm/Table/TableComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableComponent.d.ts","sourceRoot":"","sources":["../../../src/Table/TableComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,UAAU,MAAM,CAAC,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,IAAI,EAAE,CAAC,CAAC;IACR,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;CAC9B;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,qBAkBxF"}

package/lib/esm/Table/{Table.js → TableComponent.js}

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { TableContext } from './TableProvider';
-export function Table({ children, columns, data, selectedColumns }) {
+export function TableComponent({ children, columns, data, selectedColumns }) {
     const [currentPage, setSelectedPage] = useState(1);
     const [perPage, setPerPage] = useState(10);
     return (React.createElement(TableContext.Provider, { value: {

package/lib/esm/Table/TablePagination.d.ts

@@ -1,4 +1,5 @@
 import { PaginationVariant } from '@patternfly/react-core';
+import React from 'react';
 interface IProps {
     itemCount?: number;
     onSetPage?: ({ pageSize, currentPage }: {
@@ -13,6 +14,6 @@ interface IProps {
     currentPage?: number;
     variant: PaginationVariant;
 }
-export declare function TablePagination(props: IProps): JSX.Element;
+export declare function TablePagination(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=TablePagination.d.ts.map

package/lib/esm/Table/TablePagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../src/Table/TablePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAKvE,UAAU,MAAM;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE;;;KAAA,KAAK,IAAI,CAAC;IAChD,eAAe,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE;;;KAAA,KAAK,IAAI,CAAC;IACtD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,iBAAiB,CAAC;CAC9B;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,eA6B5C"}
+{"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../src/Table/TablePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,UAAU,MAAM;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE;;;KAAA,KAAK,IAAI,CAAC;IAChD,eAAe,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE;;;KAAA,KAAK,IAAI,CAAC;IACtD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,iBAAiB,CAAC;CAC9B;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,qBAgC5C"}

package/lib/esm/Table/TablePagination.js

@@ -1,4 +1,4 @@
-import { Pagination } from '@patternfly/react-core';
+import { Pagination, PaginationVariant } from '@patternfly/react-core';
 import React, { useEffect } from 'react';
 import { useTableContext } from './TableProvider';
 export function TablePagination(props) {
@@ -17,5 +17,7 @@ export function TablePagination(props) {
         props.currentPage && props.currentPage !== currentPage && setSelectedPage(props.currentPage);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.perPage, props.currentPage]);
-    return (React.createElement(Pagination, { itemCount: props.itemCount || (data || []).length, widgetId: "pagination-options-menu-top", perPage: perPage, page: currentPage, variant: props.variant, onSetPage: onSetPage, onPerPageSelect: onPerPageSelect }));
+    return (React.createElement(Pagination, { itemCount: props.itemCount || (data || []).length, widgetId: "pagination-options-menu-top", perPage: perPage, page: currentPage, variant: props.variant, titles: {
+            paginationAriaLabel: props.variant === PaginationVariant.top ? 'Upper pagination' : 'Lower pagination',
+        }, onSetPage: onSetPage, onPerPageSelect: onPerPageSelect }));
 }

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

@@ -1,5 +1,4 @@
-export * from './Table';
+export * from './TableComponent';
 export * from './PFTable';
-export * from './TableColumnSelector';
 export * from './TablePagination';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Table/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Table/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC"}

package/lib/esm/Table/index.js

@@ -1,4 +1,3 @@
-export * from './Table';
+export * from './TableComponent';
 export * from './PFTable';
-export * from './TableColumnSelector';
 export * from './TablePagination';

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

@@ -0,0 +1,14 @@
+import './tagSelector.css';
+import React from 'react';
+interface IProps {
+    tagOptions: any[];
+    selectedTags?: any[];
+    onChange: (tags: any[]) => void;
+    placeholder?: string;
+    id?: string;
+    typeahead?: boolean;
+    disabled?: boolean;
+}
+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

@@ -0,0 +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;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,qBAuJR"}

package/lib/esm/TagsSelector/TagsSelector.js

@@ -0,0 +1,73 @@
+import './tagSelector.css';
+import { Button, Chip, ChipGroup, Flex, FlexItem, MenuToggle, Select, SelectList, SelectOption, TextInputGroup, TextInputGroupMain, TextInputGroupUtilities, } from '@patternfly/react-core';
+import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
+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 = [], disabled = false, }) {
+    const [isOpen, setIsOpen] = useState(false);
+    const [selected, setSelected] = useState(selectedTags);
+    const [query, setQuery] = useState('');
+    const textInputRef = React.useRef();
+    const selectOptions = useMemo(() => {
+        let newSelectOptions = tagOptions;
+        if (!isEmpty(query)) {
+            newSelectOptions = tagOptions.filter((t) => t.tagName.toLowerCase().includes(query.toLowerCase()));
+            if (!isOpen) {
+                setIsOpen(true);
+            }
+        }
+        return newSelectOptions;
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [query, tagOptions]);
+    const { t } = useTranslation();
+    const onToggleClick = () => {
+        setIsOpen(!isOpen);
+    };
+    const onSelect = (selection) => {
+        var _a;
+        let newSelected = [];
+        if (selected.some((tag) => tag.id === selection.id)) {
+            newSelected = selected.filter((s) => s.id !== selection.id);
+        }
+        else {
+            newSelected = [...selected, selection];
+        }
+        setSelected(newSelected);
+        (_a = textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    const { onInputKeyDown, focusedItemIndex } = useSelectKeyboardNavigator({
+        list: tagOptions,
+        isOpen,
+        setIsOpen,
+        onSelect,
+    });
+    const handleClear = () => {
+        var _a;
+        setSelected([]);
+        setQuery('');
+        typeahead && ((_a = textInputRef === null || textInputRef === void 0 ? void 0 : textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus());
+        setIsOpen(false);
+    };
+    useEffect(() => {
+        onChange && onChange(selected);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [selected]);
+    const selectedChipGroup = (React.createElement(ChipGroup, { numChips: 2 }, selected.map((label) => (React.createElement(Chip, { key: label.id, onClick: (e) => {
+            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) || disabled }, (typeahead && { variant: 'typeahead' }), { id: id }), 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' } },
+        React.createElement(FlexItem, null,
+            selectedChipGroup,
+            React.createElement("span", { className: `${!isEmpty(selected) && 'pf-v5-u-ml-md'}` }, placeholder || React.createElement(Trans, null, "Select a tag"))),
+        !isEmpty(selected) && (React.createElement(FlexItem, null,
+            React.createElement(Button, { variant: "plain", onClick: handleClear, "aria-label": "clear-all-tags" },
+                React.createElement(TimesIcon, { "aria-hidden": true }))))))));
+    return (React.createElement(Select, { isOpen: isOpen, selected: selected, toggle: toggle, onSelect: (_, selection) => onSelect(selection), isScrollable: true, onOpenChange: () => setIsOpen(false), popperProps: { direction: 'down', enableFlip: false }, id: "tag-selector" },
+        React.createElement(SelectList, { isAriaMultiselectable: true }, selectOptions.map((tag, index) => (React.createElement(SelectOption, { key: tag.id, value: tag, isFocused: index === focusedItemIndex, isSelected: selected.some((t) => t.id === tag.id) }, tag.tagName))))));
+}

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

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

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

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

package/lib/esm/TagsSelector/index.js

@@ -0,0 +1 @@
+export * from './TagsSelector';

package/lib/esm/TagsSelector/tagSelector.css

@@ -0,0 +1,11 @@
+#tag-selector {
+    z-index: 89;
+}
+
+.tags-selector-menu-toggle .pf-v5-c-menu-toggle__text {
+    width: 100%;
+}
+
+.tags-selector-menu-toggle .pf-v5-c-menu-toggle__controls {
+    padding-left: 0;
+}

package/lib/esm/TermsAndConditions/AcceptTermsModal.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 interface IProps {
     isModalOpen: boolean;
     onModalClose: () => void;
@@ -9,6 +10,6 @@ interface IProps {
     dataTrackingId?: string;
     isDisabled?: boolean;
 }
-export declare function AcceptTermsModal(props: IProps): JSX.Element;
+export declare function AcceptTermsModal(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=AcceptTermsModal.d.ts.map

package/lib/esm/TermsAndConditions/AcceptTermsModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AcceptTermsModal.d.ts","sourceRoot":"","sources":["../../../src/TermsAndConditions/AcceptTermsModal.tsx"],"names":[],"mappings":"AAmBA,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAiBD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,eAyI7C"}
+{"version":3,"file":"AcceptTermsModal.d.ts","sourceRoot":"","sources":["../../../src/TermsAndConditions/AcceptTermsModal.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAiBD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAyI7C"}