@rh-support/components 2.1.49 → 2.1.50

package/lib/cjs/MoreOrLess/MoreOrLess.js

@@ -1,75 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MoreOrLess = void 0;
-const utils_1 = require("@rh-support/utils");
-const react_1 = __importStar(require("react"));
-const react_i18next_1 = require("react-i18next");
-const resize_observer_polyfill_1 = __importDefault(require("resize-observer-polyfill"));
-const defaultProps = {
-    maxHeight: 500,
-    className: '',
-};
-function MoreOrLess(props) {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const [isVisible, setVisibility] = (0, react_1.useState)(false);
-    const [y, setY] = (0, react_1.useState)(undefined);
-    const [elem, setElem] = (0, react_1.useState)(null);
-    const sectionRef = (0, react_1.useRef)(null);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    const resizeObserver = new resize_observer_polyfill_1.default(() => elem.scrollHeight > props.maxHeight ? setVisibility(true) : setVisibility(false));
-    (0, react_1.useEffect)(() => {
-        return () => resizeObserver.disconnect();
-    }, [resizeObserver]);
-    const ref = (0, react_1.useCallback)((node) => {
-        if (node !== null) {
-            setElem(node);
-            resizeObserver.observe(node);
-        }
-    }, [resizeObserver]);
-    const [showLess, setShowLess] = (0, react_1.useState)(false);
-    const getClassAndText = () => showLess ? { text: t('Show less'), class: 'Show less' } : { text: t('Show more'), class: 'Show more' };
-    const handleMoreOrLess = (e) => {
-        e.preventDefault();
-        // save scroll y position after click on more and then
-        // scroll to the saved y position after clicking on less
-        if (!y) {
-            setY(true);
-        }
-        else {
-            (0, utils_1.scrollIntoView)(sectionRef, { navBarRef: props.appStickyHeaderRef, timeout: 0, offset: 30 });
-            setY(undefined);
-        }
-        setShowLess((prevState) => !prevState);
-    };
-    return (react_1.default.createElement("div", { className: `${props.className}`, ref: sectionRef },
-        react_1.default.createElement("div", { ref: ref, style: { maxHeight: props.maxHeight + 'px' }, className: 'more-less-wrapper ' + (showLess ? 'open' : '') }, props.children),
-        isVisible && (react_1.default.createElement("button", { onClick: handleMoreOrLess, className: `btn btn-app btn-link ${getClassAndText().class}`, type: "button" }, getClassAndText().text))));
-}
-exports.MoreOrLess = MoreOrLess;
-MoreOrLess.defaultProps = defaultProps;

package/lib/cjs/MoreOrLess/index.d.ts

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

package/lib/cjs/MoreOrLess/index.d.ts.map

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

package/lib/cjs/MoreOrLess/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./MoreOrLess"), exports);

package/lib/cjs/PaginatedList/PaginatedList.d.ts

@@ -1,18 +0,0 @@
-import { PaginationProps } from '@patternfly/react-core';
-import React from 'react';
-interface IProps {
-    id: string;
-    className?: string;
-    listItems: React.ReactNode[];
-    perPage?: number;
-    serverPaginated?: boolean;
-    itemCount?: number;
-    isFetching?: boolean;
-    onSetPage?: (pageNumber: number) => void;
-    onPerPageSelect?: (pageSize: number) => void;
-    perPageOptions?: PaginationProps['perPageOptions'];
-    errorMessage?: string;
-}
-export declare function PaginatedList(props: IProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=PaginatedList.d.ts.map

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

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

package/lib/cjs/PaginatedList/PaginatedList.js

@@ -1,67 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PaginatedList = void 0;
-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) {
-    const [pageSize, setPageSize] = (0, react_1.useState)(props.perPage || 10);
-    const [currentPage, setCurrentPage] = (0, react_1.useState)(1);
-    const indexOfFirstShownElement = (currentPage - 1) * pageSize;
-    const skeltonLoader = (0, times_1.default)(pageSize, (index) => react_1.default.createElement(CustomContentLoader_1.CustomContentLoader, { key: index }));
-    // wrap the list components in patternfly list item component
-    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);
-    }
-    const onSetPage = (event, pageNumber) => {
-        setCurrentPage(pageNumber);
-        props.onSetPage && props.onSetPage(pageNumber);
-    };
-    const onPerPageSelect = (event, pageSize) => {
-        setPageSize(pageSize);
-        props.onPerPageSelect && props.onPerPageSelect(pageSize);
-        onSetPage(event, 1);
-    };
-    // reset to first page on fetch
-    (0, react_1.useEffect)(() => {
-        if (props.isFetching) {
-            setCurrentPage(1);
-        }
-    }, [props.isFetching]);
-    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 }))));
-}
-exports.PaginatedList = PaginatedList;

package/lib/cjs/PaginatedList/index.d.ts

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

package/lib/cjs/PaginatedList/index.d.ts.map

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

package/lib/cjs/PaginatedList/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./PaginatedList"), exports);

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

@@ -1,10 +0,0 @@
-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): React.JSX.Element;
-export {};
-//# sourceMappingURL=PaginationCompact.d.ts.map

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

@@ -1 +0,0 @@
-{"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/cjs/PaginationCompact/PaginationCompact.js

@@ -1,67 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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");
-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] = (0, react_1.useState)(1);
-    const isFirstMountRef = (0, react_1.useRef)(true);
-    const onNextClick = () => {
-        setCurrentPage((currentPage) => currentPage + 1);
-    };
-    const onPreviousClick = () => {
-        setCurrentPage((currentPage) => currentPage - 1);
-    };
-    (0, react_1.useEffect)(() => {
-        if (isFirstMountRef.current) {
-            isFirstMountRef.current = false;
-            return;
-        }
-        onPageChange(currentPage);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [currentPage]);
-    return (react_1.default.createElement("div", { className: "pagination-compact pf-v5-c-pagination pf-m-compact pf-m-bottom pf-v5-u-ml-auto" },
-        react_1.default.createElement("nav", { className: "pf-v5-c-pagination__nav" },
-            react_1.default.createElement("div", { className: "pf-v5-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(angle_left_icon_1.default, null))),
-            react_1.default.createElement("div", { style: {
-                    lineHeight: 2.6,
-                }, className: "text-muted" },
-                currentPage,
-                " of ",
-                maxPage),
-            react_1.default.createElement("div", { className: "pf-v5-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(angle_right_icon_1.default, null))))));
-}
-exports.PaginationCompact = PaginationCompact;

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

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

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

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

package/lib/cjs/PaginationCompact/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./PaginationCompact"), exports);

package/lib/cjs/PaginationCompact/paginationCompact.css

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

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

@@ -1,3 +0,0 @@
-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

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