@rh-support/components 2.0.4 → 2.0.7-beta.1

package/lib/cjs/PaginatedList/PaginatedList.js

@@ -18,54 +18,38 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PaginatedList = void 0;
-var react_core_1 = require("@patternfly/react-core");
-var times_1 = __importDefault(require("lodash/times"));
-var react_1 = __importStar(require("react"));
-var AlertMessage_1 = require("../AlertMessage");
-var CustomContentLoader_1 = require("../CustomContentLoader/CustomContentLoader");
+const react_core_1 = require("@patternfly/react-core");
+const times_1 = __importDefault(require("lodash/times"));
+const react_1 = __importStar(require("react"));
+const AlertMessage_1 = require("../AlertMessage");
+const CustomContentLoader_1 = require("../CustomContentLoader/CustomContentLoader");
 function PaginatedList(props) {
-    var _a = __read(react_1.useState(props.perPage || 10), 2), pageSize = _a[0], setPageSize = _a[1];
-    var _b = __read(react_1.useState(1), 2), currentPage = _b[0], setCurrentPage = _b[1];
-    var indexOfFirstShownElement = (currentPage - 1) * pageSize;
-    var skeltonLoader = times_1.default(pageSize, function (index) { return react_1.default.createElement(CustomContentLoader_1.CustomContentLoader, { key: index }); });
+    const [pageSize, setPageSize] = react_1.useState(props.perPage || 10);
+    const [currentPage, setCurrentPage] = react_1.useState(1);
+    const indexOfFirstShownElement = (currentPage - 1) * pageSize;
+    const skeltonLoader = times_1.default(pageSize, (index) => react_1.default.createElement(CustomContentLoader_1.CustomContentLoader, { key: index }));
     // wrap the list components in patternfly list item component
-    var listItems = props.listItems.map(function (listItem, index) { return (react_1.default.createElement(react_core_1.ListItem, { type: 'none', className: props.id + "-listItem", key: index }, listItem)); });
+    let listItems = props.listItems.map((listItem, index) => (react_1.default.createElement(react_core_1.ListItem, { type: 'none', className: `${props.id}-listItem`, key: index }, listItem)));
     // trim the list to the "current page" if data is not paginated by server.
     if (!props.serverPaginated) {
         listItems = listItems.slice(indexOfFirstShownElement, indexOfFirstShownElement + pageSize);
     }
-    var onSetPage = function (event, pageNumber) {
+    const onSetPage = (event, pageNumber) => {
         setCurrentPage(pageNumber);
         props.onSetPage && props.onSetPage(pageNumber);
     };
-    var onPerPageSelect = function (event, pageSize) {
+    const onPerPageSelect = (event, pageSize) => {
         setPageSize(pageSize);
         props.onPerPageSelect && props.onPerPageSelect(pageSize);
         onSetPage(event, 1);
     };
     // reset to first page on fetch
-    react_1.useEffect(function () {
+    react_1.useEffect(() => {
         if (props.isFetching) {
             setCurrentPage(1);
         }
@@ -73,7 +57,7 @@ function PaginatedList(props) {
     return (react_1.default.createElement(react_1.default.Fragment, null,
         !!props.isFetching && skeltonLoader,
         react_1.default.createElement(AlertMessage_1.AlertMessage, { variant: AlertMessage_1.AlertType.WARNING, show: !!props.errorMessage, title: props.errorMessage }),
-        !props.isFetching && (react_1.default.createElement(react_core_1.List, { id: props.id, className: "" + (props.className || '') }, listItems)),
-        props.listItems.length > pageSize && (react_1.default.createElement(react_core_1.Pagination, { itemCount: props.serverPaginated ? props.itemCount : props.listItems.length, widgetId: props.id + "-pagination", perPage: pageSize, page: currentPage, perPageOptions: props.perPageOptions, variant: react_core_1.PaginationVariant.bottom, onSetPage: onSetPage, isDisabled: props.isFetching, onPerPageSelect: onPerPageSelect }))));
+        !props.isFetching && (react_1.default.createElement(react_core_1.List, { id: props.id, className: `${props.className || ''}` }, listItems)),
+        props.listItems.length > pageSize && (react_1.default.createElement(react_core_1.Pagination, { itemCount: props.serverPaginated ? props.itemCount : props.listItems.length, widgetId: `${props.id}-pagination`, perPage: pageSize, page: currentPage, perPageOptions: props.perPageOptions, variant: react_core_1.PaginationVariant.bottom, onSetPage: onSetPage, isDisabled: props.isFetching, onPerPageSelect: onPerPageSelect }))));
 }
 exports.PaginatedList = PaginatedList;

package/lib/cjs/PaginationCompact/PaginationCompact.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './paginationCompact.css';
 interface IProps {
     maxPage: number;

package/lib/cjs/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;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"}

package/lib/cjs/PaginationCompact/PaginationCompact.js

@@ -18,43 +18,26 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PaginationCompact = void 0;
 require("./paginationCompact.css");
-var react_core_1 = require("@patternfly/react-core");
-var angle_left_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/angle-left-icon"));
-var angle_right_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/angle-right-icon"));
-var react_1 = __importStar(require("react"));
-function PaginationCompact(_a) {
-    var maxPage = _a.maxPage, dataTrackingId = _a.dataTrackingId, onPageChange = _a.onPageChange;
-    var _b = __read(react_1.useState(1), 2), currentPage = _b[0], setCurrentPage = _b[1];
-    var isFirstMountRef = react_1.useRef(true);
-    var onNextClick = function () {
-        setCurrentPage(function (currentPage) { return currentPage + 1; });
+const react_core_1 = require("@patternfly/react-core");
+const angle_left_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/angle-left-icon"));
+const angle_right_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/angle-right-icon"));
+const react_1 = __importStar(require("react"));
+function PaginationCompact({ maxPage, dataTrackingId, onPageChange }) {
+    const [currentPage, setCurrentPage] = react_1.useState(1);
+    const isFirstMountRef = react_1.useRef(true);
+    const onNextClick = () => {
+        setCurrentPage((currentPage) => currentPage + 1);
     };
-    var onPreviousClick = function () {
-        setCurrentPage(function (currentPage) { return currentPage - 1; });
+    const onPreviousClick = () => {
+        setCurrentPage((currentPage) => currentPage - 1);
     };
-    react_1.useEffect(function () {
+    react_1.useEffect(() => {
         if (isFirstMountRef.current) {
             isFirstMountRef.current = false;
             return;
@@ -65,7 +48,7 @@ function PaginationCompact(_a) {
     return (react_1.default.createElement("div", { className: "pagination-compact pf-c-pagination pf-m-compact pf-m-bottom pf-u-ml-auto" },
         react_1.default.createElement("nav", { className: "pf-c-pagination__nav" },
             react_1.default.createElement("div", { className: "pf-c-pagination__nav-control pf-m-prev" },
-                react_1.default.createElement(react_core_1.Button, { variant: react_core_1.ButtonVariant.plain, type: "button", "data-tracking-id": dataTrackingId + "-previous", onClick: onPreviousClick, isDisabled: currentPage === 1, "aria-label": "Go to previous page" },
+                react_1.default.createElement(react_core_1.Button, { variant: react_core_1.ButtonVariant.plain, type: "button", "data-tracking-id": `${dataTrackingId}-previous`, onClick: onPreviousClick, isDisabled: currentPage === 1, "aria-label": "Go to previous page" },
                     react_1.default.createElement(angle_left_icon_1.default, null))),
             react_1.default.createElement("div", { style: {
                     lineHeight: 2.6,
@@ -74,7 +57,7 @@ function PaginationCompact(_a) {
                 " of ",
                 maxPage),
             react_1.default.createElement("div", { className: "pf-c-pagination__nav-control pf-m-next" },
-                react_1.default.createElement(react_core_1.Button, { variant: react_core_1.ButtonVariant.plain, onClick: onNextClick, "data-tracking-id": dataTrackingId + "-next", isDisabled: currentPage === maxPage, type: "button", "aria-label": "Go to next page" },
+                react_1.default.createElement(react_core_1.Button, { variant: react_core_1.ButtonVariant.plain, onClick: onNextClick, "data-tracking-id": `${dataTrackingId}-next`, isDisabled: currentPage === maxPage, type: "button", "aria-label": "Go to next page" },
                     react_1.default.createElement(angle_right_icon_1.default, null))))));
 }
 exports.PaginationCompact = PaginationCompact;

package/lib/cjs/PhoneInput/CountryData.d.ts

@@ -0,0 +1,3 @@
+export declare const canadaAreaCodes: string[];
+export declare const COUNTRY_DATA: (string | number | string[])[][];
+//# sourceMappingURL=CountryData.d.ts.map

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

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