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

package/lib/esm/PaginatedList/PaginatedList.d.ts

@@ -12,7 +12,8 @@ interface IProps {
     onPerPageSelect?: (pageSize: number) => void;
     perPageOptions?: PaginationProps['perPageOptions'];
     errorMessage?: string;
+    setPaginatedListLength?: React.Dispatch<React.SetStateAction<number | undefined>>;
 }
-export declare function PaginatedList(props: IProps): JSX.Element;
+export declare function PaginatedList(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=PaginatedList.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PaginatedList.d.ts","sourceRoot":"","sources":["../../../src/PaginatedList/PaginatedList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIH,eAAe,EAElB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,UAAU,MAAM;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,eAAe,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAC;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,eA4D1C"}
+{"version":3,"file":"PaginatedList.d.ts","sourceRoot":"","sources":["../../../src/PaginatedList/PaginatedList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIH,eAAe,EAElB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,UAAU,MAAM;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,eAAe,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAC;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sBAAsB,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;CACrF;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,qBAwE1C"}

package/lib/esm/PaginatedList/PaginatedList.js

@@ -14,6 +14,15 @@ export function PaginatedList(props) {
     if (!props.serverPaginated) {
         listItems = listItems.slice(indexOfFirstShownElement, indexOfFirstShownElement + pageSize);
     }
+    useEffect(() => {
+        // Only update the external state if the prop function is provided
+        if (props.setPaginatedListLength) {
+            // Calculate the length based on current page and perPage, or directly use listItems.length
+            listItems &&
+                props.setPaginatedListLength(listItems.slice(indexOfFirstShownElement, indexOfFirstShownElement + pageSize).length);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [props.listItems.length]);
     const onSetPage = (event, pageNumber) => {
         setCurrentPage(pageNumber);
         props.onSetPage && props.onSetPage(pageNumber);

package/lib/esm/PaginationCompact/PaginationCompact.d.ts

@@ -1,9 +1,10 @@
 import './paginationCompact.css';
+import React from 'react';
 interface IProps {
     maxPage: number;
     dataTrackingId: string;
     onPageChange: (currentPage: number) => void;
 }
-export declare function PaginationCompact({ maxPage, dataTrackingId, onPageChange }: IProps): JSX.Element;
+export declare function PaginationCompact({ maxPage, dataTrackingId, onPageChange }: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=PaginationCompact.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationCompact.d.ts","sourceRoot":"","sources":["../../../src/PaginationCompact/PaginationCompact.tsx"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AAOjC,UAAU,MAAM;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;AAED,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,EAAE,MAAM,eA0DlF"}
+{"version":3,"file":"PaginationCompact.d.ts","sourceRoot":"","sources":["../../../src/PaginationCompact/PaginationCompact.tsx"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AAKjC,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,UAAU,MAAM;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;AAED,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,EAAE,MAAM,qBA0DlF"}

package/lib/esm/PaginationCompact/PaginationCompact.js

@@ -20,9 +20,9 @@ export function PaginationCompact({ maxPage, dataTrackingId, onPageChange }) {
         onPageChange(currentPage);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [currentPage]);
-    return (React.createElement("div", { className: "pagination-compact pf-c-pagination pf-m-compact pf-m-bottom pf-u-ml-auto" },
-        React.createElement("nav", { className: "pf-c-pagination__nav" },
-            React.createElement("div", { className: "pf-c-pagination__nav-control pf-m-prev" },
+    return (React.createElement("div", { className: "pagination-compact pf-v5-c-pagination pf-m-compact pf-m-bottom pf-v5-u-ml-auto" },
+        React.createElement("nav", { className: "pf-v5-c-pagination__nav" },
+            React.createElement("div", { className: "pf-v5-c-pagination__nav-control pf-m-prev" },
                 React.createElement(Button, { variant: ButtonVariant.plain, type: "button", "data-tracking-id": `${dataTrackingId}-previous`, onClick: onPreviousClick, isDisabled: currentPage === 1, "aria-label": "Go to previous page" },
                     React.createElement(AngleLeftIcon, null))),
             React.createElement("div", { style: {
@@ -31,7 +31,7 @@ export function PaginationCompact({ maxPage, dataTrackingId, onPageChange }) {
                 currentPage,
                 " of ",
                 maxPage),
-            React.createElement("div", { className: "pf-c-pagination__nav-control pf-m-next" },
+            React.createElement("div", { className: "pf-v5-c-pagination__nav-control pf-m-next" },
                 React.createElement(Button, { variant: ButtonVariant.plain, onClick: onNextClick, "data-tracking-id": `${dataTrackingId}-next`, isDisabled: currentPage === maxPage, type: "button", "aria-label": "Go to next page" },
                     React.createElement(AngleRightIcon, null))))));
 }

package/lib/esm/PaginationCompact/paginationCompact.css

@@ -1,4 +1,4 @@
-.pagination-compact.pf-c-pagination.pf-m-bottom {
+.pagination-compact.pf-v5-c-pagination.pf-m-bottom {
     padding: 0px;
     background: none;
     box-shadow: none;

package/lib/esm/PhoneInput/CountryData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CountryData.d.ts","sourceRoot":"","sources":["../../../src/PhoneInput/CountryData.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,eAAe,UA2C3B,CAAC;AAEF,eAAO,MAAM,YAAY,kCAsgBxB,CAAC"}
+{"version":3,"file":"CountryData.d.ts","sourceRoot":"","sources":["../../../src/PhoneInput/CountryData.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,eAAe,UA2C3B,CAAC;AAEF,eAAO,MAAM,YAAY,kCAugBxB,CAAC"}

package/lib/esm/PhoneInput/CountryData.js

@@ -169,9 +169,10 @@ export const COUNTRY_DATA = [
     ['Gabon', ['africa'], 'ga', '241'],
     ['Gambia', ['africa'], 'gm', '220'],
     ['Georgia', ['asia', 'ex-ussr'], 'ge', '995'],
-    ['Germany', ['europe', 'eu-union', 'baltic'], 'de', '49', '.... ........'],
+    ['Germany', ['europe', 'eu-union', 'baltic'], 'de', '49'],
     ['Ghana', ['africa'], 'gh', '233'],
     ['Greece', ['europe', 'eu-union'], 'gr', '30'],
+    ['Greenland', ['america', 'north-america'], 'gl', '299'],
     ['Grenada', ['america', 'carribean'], 'gd', '1473'],
     ['Guadeloupe', ['america', 'carribean'], 'gp', '590', '', 0],
     ['Guam', ['oceania'], 'gu', '1671'],
@@ -201,7 +202,7 @@ export const COUNTRY_DATA = [
         '7',
         '... ...-..-..',
         1,
-        ['310', '311', '312', '313', '315', '318', '321', '324', '325', '326', '327', '336', '7172', '73622'],
+        ['310', '311', '312', '313', '315', '318', '321', '324', '325', '326', '327', '336', '727', '7172', '73622'],
     ],
     ['Kenya', ['africa'], 'ke', '254'],
     ['Kiribati', ['oceania'], 'ki', '686'],

package/lib/esm/PhoneInput/FlagSvgs.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const FlagSvgs: () => React.JSX.Element;
+//# sourceMappingURL=FlagSvgs.d.ts.map

package/lib/esm/PhoneInput/FlagSvgs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlagSvgs.d.ts","sourceRoot":"","sources":["../../../src/PhoneInput/FlagSvgs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,QAAQ,yBAyiIpB,CAAC"}