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

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

@@ -1,10 +0,0 @@
-interface IProps {
-    isModalOpen: boolean;
-    onClose: () => void;
-}
-declare function SupportFeedbackModal(props: IProps): JSX.Element;
-declare namespace SupportFeedbackModal {
-    var defaultProps: Partial<IProps>;
-}
-export { SupportFeedbackModal };
-//# sourceMappingURL=SupportFeedbackModal.d.ts.map

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

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

package/lib/cjs/SupportFeedbackForm/SupportFeedbackModal.js

@@ -1,178 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SupportFeedbackModal = void 0;
-const hydrajs_1 = require("@cee-eng/hydrajs");
-const react_core_1 = require("@patternfly/react-core");
-const outlined_frown_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/outlined-frown-icon"));
-const outlined_frown_open_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/outlined-frown-open-icon"));
-const outlined_grin_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/outlined-grin-icon"));
-const outlined_meh_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/outlined-meh-icon"));
-const outlined_smile_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/outlined-smile-icon"));
-const utils_1 = require("@rh-support/utils");
-const isEmpty_1 = __importDefault(require("lodash/isEmpty"));
-const react_1 = __importStar(require("react"));
-const react_i18next_1 = require("react-i18next");
-const react_router_dom_1 = require("react-router-dom");
-const useFetch_1 = require("../hooks/useFetch");
-const TextAreaAutosize_1 = require("../TextAreaAutosize");
-const ToastNotification_1 = require("../ToastNotification");
-const required = {
-    levelOfSatisfied: true,
-    moreInfo: false,
-};
-const defaultProps = {
-    isModalOpen: false,
-};
-function SupportFeedbackModal(props) {
-    var _a, _b;
-    const { t } = react_i18next_1.useTranslation();
-    const seSessionId = (_b = (_a = utils_1.getUrlParsedParams(react_router_dom_1.useLocation().search)) === null || _a === void 0 ? void 0 : _a.seSessionId) !== null && _b !== void 0 ? _b : '';
-    const formInitState = {
-        levelOfSatisfied: null,
-        moreInfo: '',
-    };
-    const [values, setValues] = react_1.useState(formInitState);
-    const { request, isFetching } = useFetch_1.useFetch(hydrajs_1.pcm.sendFeedbackForm, { propgateErrors: true });
-    const [isSubmitDisabled, setIsSubmitDisabled] = react_1.useState(false);
-    const [isSubmitButtonValid, setSubmitButtonValid] = react_1.useState(true);
-    react_1.useEffect(() => {
-        let valid = true;
-        Object.keys(values).forEach((key) => {
-            if (required[key]) {
-                valid = valid && !isEmpty_1.default(values[key]);
-            }
-        });
-        setSubmitButtonValid(!valid);
-    }, [values]);
-    // To Handle the Feedback Satisfaction values
-    const handleSentimentChange = (event) => {
-        setIsSubmitDisabled(false);
-        setValues(Object.assign(Object.assign({}, values), { [event.target.name]: event.target.value }));
-    };
-    // To Handle the Text Area Input (Feedback Description)
-    const handleFeedbackTextChange = (event) => {
-        setValues(Object.assign(Object.assign({}, values), { [event.target.name]: event.target.value }));
-    };
-    // To handle submit
-    const handleSubmit = (event) => __awaiter(this, void 0, void 0, function* () {
-        event.preventDefault();
-        if (!isSubmitButtonValid) {
-            try {
-                yield request(values, window.sessionjs, window.location.href, seSessionId);
-                setValues(formInitState);
-                ToastNotification_1.ToastNotification.addSuccessMessage(t(`Thank you. We've received your feedback.`), t('Have a great day!'));
-                handleModalToggle();
-            }
-            catch (error) {
-                ToastNotification_1.ToastNotification.addDangerMessage(t('Failed to submit feedback.'));
-            }
-        }
-        else
-            setIsSubmitDisabled(true);
-    });
-    // Function for Toggling the Modal when Provide feedback button is clicked
-    const handleModalToggle = () => {
-        if (isFetching)
-            return;
-        props.onClose();
-        setIsSubmitDisabled(false);
-        setValues({ levelOfSatisfied: null, moreInfo: '' });
-    };
-    // Feedback Satisfaction Values
-    const sentiments = [
-        {
-            id: 'very_unsatisfied',
-            icon: react_1.default.createElement(outlined_frown_open_icon_1.default, { size: "lg" }),
-            label: 'Very Unsatisfied',
-        },
-        {
-            id: 'unsatisfied',
-            icon: react_1.default.createElement(outlined_frown_icon_1.default, { size: "lg" }),
-            label: 'Unsatisfied',
-        },
-        {
-            id: 'neutral',
-            icon: react_1.default.createElement(outlined_meh_icon_1.default, { size: "lg" }),
-            label: 'Neutral',
-        },
-        {
-            id: 'satisfied',
-            icon: react_1.default.createElement(outlined_smile_icon_1.default, { size: "lg" }),
-            label: 'Satisfied',
-        },
-        {
-            id: 'very_satisfied',
-            icon: react_1.default.createElement(outlined_grin_icon_1.default, { size: "lg" }),
-            label: 'Very Satisfied',
-        },
-    ];
-    // To handle rendering of modal body
-    function renderModalBody() {
-        return (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("form", { className: "support-feedback-form", action: "", onSubmit: handleSubmit },
-                react_1.default.createElement("fieldset", { className: "form-group radios feedback-satisfaction pf-u-mb-sm", role: "radiogroup", "aria-labelledby": "feedback-satisfaction-label" },
-                    react_1.default.createElement("legend", { id: "feedback-satisfaction-label", className: "pf-u-mb-md" },
-                        react_1.default.createElement(react_i18next_1.Trans, null, "How satisfied are you with customer support\u2019s web experience?"),
-                        react_1.default.createElement("span", { className: "form-required", "aria-hidden": "true" }, "*"),
-                        ' '),
-                    react_1.default.createElement("div", { className: "satisfaction-values-wrapper" }, sentiments.map((sentiment) => {
-                        return (react_1.default.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_1.default.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 }),
-                            ' ',
-                            sentiment.icon,
-                            react_1.default.createElement(react_i18next_1.Trans, null, sentiment.label)));
-                    })),
-                    isSubmitDisabled && (react_1.default.createElement("div", null,
-                        react_1.default.createElement("p", { className: "form-instructions form-invalid" },
-                            react_1.default.createElement(react_i18next_1.Trans, null, "Please select a value"))))),
-                react_1.default.createElement("div", { className: "form-group pf-u-mb-md" },
-                    react_1.default.createElement("label", { htmlFor: "moreFeedback" },
-                        react_1.default.createElement(react_i18next_1.Trans, null, "How can we improve?")),
-                    react_1.default.createElement(TextAreaAutosize_1.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 })),
-                react_1.default.createElement("p", null,
-                    react_1.default.createElement(react_i18next_1.Trans, null, "Feedback is sent to the web team working on this application, not the support associate working on your case.")))));
-    }
-    function returnModalAction() {
-        return [
-            react_1.default.createElement(react_core_1.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_1.default.createElement(react_i18next_1.Trans, null, isFetching ? 'Sending feedback' : 'Send feedback')),
-            react_1.default.createElement("button", { key: "cancel", onClick: handleModalToggle, className: "btn btn-app btn-link", "data-tracking-id": "app-feedback-cancel", "aria-label": "Cancel", disabled: isFetching },
-                react_1.default.createElement(react_i18next_1.Trans, null, "Cancel")),
-        ];
-    }
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(react_core_1.Modal, { id: "feedback-modal", title: t('i18nSendUsFeedback', 'Send us your feedback\n'), description: t('i18nFeedbackFormFoundBug', 'Let us know if you found a bug or if you have a suggestion to improve the web experience.'), "aria-describedby": "Feedback Form", isOpen: props.isModalOpen, variant: react_core_1.ModalVariant.large, onClose: handleModalToggle, actions: returnModalAction() }, renderModalBody())));
-}
-exports.SupportFeedbackModal = SupportFeedbackModal;
-SupportFeedbackModal.defaultProps = defaultProps;

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

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

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

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

package/lib/cjs/SupportFeedbackForm/index.js

@@ -1,14 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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("./SupportFeedbackForm"), exports);
-__exportStar(require("./SupportFeedbackModal"), exports);

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

@@ -1,39 +0,0 @@
-import { IExtraData, IRow, IRowData, TableProps } from '@patternfly/react-table';
-import { ReactNode } from 'react';
-interface IColumn {
-    id: string;
-    title: string | ReactNode;
-    sortable?: boolean;
-    accessor?: (data: any) => any;
-    sortMethod?: (a: any, b: any, sortDirection?: any) => 1 | -1 | 0;
-    /**
-     * @param data The invdividual data objects that are passed in to the table
-     * @param index The index  of the data in the data array passed to the table.
-     */
-    cell?: (data: any, index: number) => ReactNode;
-    show?: boolean;
-    rowProps?: (data: any) => any;
-    cellWidth?: 10 | 15 | 20 | 25 | 30 | 35 | 40 | 45 | 50 | 60 | 70 | 80 | 90 | 100;
-}
-interface ISortInfo {
-    direction: 'asc' | 'desc';
-    column: string;
-}
-interface ISortBy {
-    index: number;
-    direction: 'asc' | 'desc';
-}
-interface IProps extends Omit<TableProps, 'sortBy' | 'cells' | 'onSort' | 'rows'> {
-    pagination: boolean;
-    onRowClick?: (event: any, row: any, props: any) => void;
-    onSortChange?: (column: IColumn, direction: 'asc' | 'desc') => any;
-    emptyStateRow?: IRow[];
-    loadingRow?: IRow[];
-    sortInfo?: ISortInfo;
-    isLoading?: boolean;
-    keepPageNumberOnDataChange?: boolean;
-}
-export declare const defaultTableSortMethod: (a: any, b: any) => 0 | 1 | -1;
-declare function PFTable(props: IProps): JSX.Element;
-export { IRowData, IExtraData, PFTable, IProps, ISortBy, ISortInfo, IColumn };
-//# sourceMappingURL=PFTable.d.ts.map

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

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

package/lib/cjs/Table/PFTable.js

@@ -1,204 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PFTable = exports.defaultTableSortMethod = void 0;
-const react_core_1 = require("@patternfly/react-core");
-const search_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/search-icon"));
-const react_table_1 = require("@patternfly/react-table");
-const react_1 = __importStar(require("react"));
-const TableProvider_1 = require("./TableProvider");
-const noop = () => { };
-const emptyStateRowDefault = [
-    {
-        heightAuto: true,
-        cells: [
-            {
-                props: { colSpan: 8 },
-                title: (react_1.default.createElement(react_core_1.Bullseye, null,
-                    react_1.default.createElement(react_core_1.EmptyState, { variant: react_core_1.EmptyStateVariant.small },
-                        react_1.default.createElement(react_core_1.EmptyStateIcon, { icon: search_icon_1.default }),
-                        react_1.default.createElement(react_core_1.Title, { headingLevel: "h2", size: "lg" }, "No results found")))),
-            },
-        ],
-    },
-];
-const loadingRowDefault = [
-    {
-        heightAuto: true,
-        cells: [
-            {
-                props: { colSpan: 9 },
-                title: (react_1.default.createElement(react_core_1.Bullseye, { style: { minHeight: '350px' } },
-                    react_1.default.createElement(react_core_1.EmptyState, { variant: react_core_1.EmptyStateVariant.small },
-                        react_1.default.createElement(react_core_1.Spinner, { size: "xl" })))),
-            },
-        ],
-    },
-];
-const defaultSortMethod = (a, b) => (a < b ? -1 : a > b ? 1 : 0);
-exports.defaultTableSortMethod = defaultSortMethod;
-function PFTable(props) {
-    const { className, pagination, onRowClick, onSortChange, onSelect, emptyStateRow = emptyStateRowDefault, loadingRow = loadingRowDefault, isLoading, keepPageNumberOnDataChange, sortInfo } = props, restProps = __rest(props, ["className", "pagination", "onRowClick", "onSortChange", "onSelect", "emptyStateRow", "loadingRow", "isLoading", "keepPageNumberOnDataChange", "sortInfo"]);
-    const { columns, data, currentPage, perPage, setSelectedPage } = TableProvider_1.useTableContext();
-    const [sortBy, setSortBy] = react_1.useState();
-    const [pfColumns, setPFColumns] = react_1.useState([]);
-    const [pfRows, setPFRows] = react_1.useState([]);
-    const isSelectColumnVisible = onSelect && (data || []).length > 0;
-    const onSort = (event, index, direction) => {
-        // if onselect option is passed we need to decrease index by 1 to account for the checkbox column
-        const actualIndex = isSelectColumnVisible ? index - 1 : index;
-        if (sortBy && sortBy.index === index && sortBy.direction === direction)
-            return;
-        setSortBy({
-            index,
-            direction,
-        });
-        onSortChange ? onSortChange(columns[actualIndex], direction) : setSortedRows(actualIndex, direction);
-    };
-    react_1.useEffect(() => {
-        if (!sortInfo)
-            return;
-        const { column, direction } = sortInfo;
-        const columnIndex = columns.findIndex((item) => item.id === column);
-        const actualIndex = onSelect ? columnIndex + 1 : columnIndex;
-        if (sortBy && sortBy.index === actualIndex && sortBy.direction === direction)
-            return;
-        setSortBy({
-            index: actualIndex,
-            direction,
-        });
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [sortInfo]);
-    const setSortedRows = react_1.useCallback((index, direction, rows = null) => {
-        if (onSortChange)
-            return;
-        const sortMethod = columns[index].sortMethod || defaultSortMethod;
-        const sortedRows = (rows || pfRows).sort((a, b) => sortMethod(a.cells[index], b.cells[index], direction));
-        const sortedData = direction === react_table_1.SortByDirection.asc ? sortedRows : sortedRows.reverse();
-        setPFRows(sortedData);
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [pfRows, columns]);
-    react_1.useEffect(() => {
-        const mappedPFColumns = columns.map((item) => {
-            const { title, sortable: isSortable, show, cellWidth: width } = item;
-            // tslint:disable-next-line:no-object-literal-type-assertion
-            const mappedColumn = {};
-            mappedColumn['title'] = title || '';
-            if (isSortable) {
-                mappedColumn['transforms'] = [];
-                mappedColumn['transforms'].push(react_table_1.sortable);
-            }
-            if (width) {
-                mappedColumn['transforms'] = mappedColumn['transforms'] || [];
-                mappedColumn['transforms'].push(react_table_1.cellWidth(width));
-            }
-            if (show !== undefined && !show) {
-                mappedColumn['columnTransforms'] = [react_table_1.classNames(react_table_1.Visibility.hidden)];
-            }
-            return mappedColumn;
-        });
-        setPFColumns(mappedPFColumns);
-    }, [columns]);
-    react_1.useEffect(() => {
-        const rows = data.map((row, index) => {
-            const a = [];
-            columns.forEach((item) => {
-                const { accessor, cell, rowProps = noop } = item;
-                if (cell) {
-                    a.push({ title: cell(row, index), props: Object.assign({}, rowProps(row)) });
-                }
-                else if (accessor) {
-                    const rowData = accessor(row);
-                    a.push(rowData);
-                }
-            });
-            return { cells: a };
-        });
-        setPFRows(rows);
-        pagination && !keepPageNumberOnDataChange && setSelectedPage(1);
-        if (sortBy && sortBy.direction && sortBy.index !== undefined && (data || []).length > 0) {
-            const actualIndex = isSelectColumnVisible ? sortBy.index - 1 : sortBy.index;
-            setSortedRows(actualIndex, sortBy.direction, rows);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [data]);
-    const getVisibleRows = () => pagination ? pfRows.slice((currentPage - 1) * perPage, currentPage * perPage) : pfRows;
-    const onRowSelect = (ev, isSelected, rowindex, rowdata, extradata) => {
-        // currently there seems to be a bug in PFTable if the data is not changed
-        // then this function is called with the previous state
-        // so we call all the setState functions with the function syntax.
-        if (rowindex === -1) {
-            setPFRows((currentRows) => currentRows.map((row) => {
-                row.selected = isSelected;
-                return row;
-            }));
-        }
-        else {
-            setPFRows((currentRows) => {
-                const updatedRows = [...currentRows];
-                updatedRows[rowindex].selected = isSelected;
-                return updatedRows;
-            });
-        }
-        onSelect && onSelect(ev, isSelected, rowindex, rowdata, extradata);
-    };
-    const getTableRows = () => {
-        if (!isLoading && emptyStateRow && (data || []).length < 1) {
-            return emptyStateRow;
-        }
-        else if (isLoading && loadingRow) {
-            return loadingRow;
-        }
-        else {
-            return getVisibleRows();
-        }
-    };
-    const conditionalProps = Object.assign({}, (isSelectColumnVisible ? { onSelect: onRowSelect } : undefined));
-    const getSortBy = () => {
-        var _a;
-        if (sortBy) {
-            return {
-                direction: sortBy === null || sortBy === void 0 ? void 0 : sortBy.direction,
-                index: onSelect && data.length < 1 ? ((_a = sortBy.index) !== null && _a !== void 0 ? _a : 1) - 1 : sortBy.index,
-            };
-        }
-    };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(react_table_1.Table, Object.assign({}, restProps, conditionalProps, { variant: react_table_1.TableVariant.compact, cells: pfColumns, sortBy: getSortBy(), onSort: onSort, rows: getTableRows(), className: props.className ? props.className : '', actionResolver: props.actionResolver, actions: props.actions || null, areActionsDisabled: props.areActionsDisabled || null }),
-            react_1.default.createElement(react_table_1.TableHeader, null),
-            react_1.default.createElement(react_table_1.TableBody, { onRowClick: onRowClick ? onRowClick : noop }))));
-}
-exports.PFTable = PFTable;

package/lib/cjs/Table/README.md

@@ -1,65 +0,0 @@
-## Table
-
-This table component comes with 3 compound components giving user the freedom to whether use Pagination and column selector with table and have them placed anywhere around the table. The props accepted by Table component are
-
-| Prop     | Type                                 | Description                                                                                                              |
-| -------- | ------------------------------------ | ------------------------------------------------------------------------------------------------------------------------ |
-| children | <code>React.ReactNode</code>         | All the compound components or any component can be passsed as the children to the Table Component. Order doesn't matter |
-| columns  | [<code>IColumn`[]`</code>](#IColumn) | Columns object array                                                                                                     |
-| data     | T                                    | Array of data that needs to be rendered                                                                                  |
-
-<a name="IColumn"></a>
-
-## IColumn : <code>Object</code>
-
-List of options that can be passed to IColumn object.
-
-**Properties**
-
-| Name       | Type                             | Default  | Description                                                                     |
-| ---------- | -------------------------------- | -------- | ------------------------------------------------------------------------------- |
-| id         | <code>string</code>              | required | A unique id for the column                                                      |
-| title      | <code>string</code>              | required | Title of the column visible in the Table Header                                 |
-| sortable   | <code>boolean</code>             | false    | To enable sorting on the column                                                 |
-| accessor   | <code>(data) => any</code>       | required | Key for the data passed to the column                                           |
-| sortMethod | <code>(a, b) => 1                | -1       | 0</code>                                                                        | (a < b ? -1 : a > b ? 1 : 0) | Custom sort method for the column. Otherwise default method is used. Next and prev row are passed to the sortMethod |
-| cell       | <code>(data) => ReactNode</code> | NA       | To render a react component in the table cell                                   |
-| show       | <code>boolean</code>             | true     | To hide/show the column dynamically. More details in the ColumnSelector section |
-
-## List of Compound Components
-
-1. PFTable.tsx
-2. TableColumnSelector.tsx
-3. TablePagination.tsx
-4. TableProvider.tsx
-
-### PFTable.tsx
-
-A wrapper around the Patternfly table which accepts props in a fashion similar to react-table. All the props accepted by Patternfly table are accepted.
-
-#### Empty State in PFTable
-
-To show an empty state for the table, there are 2 options. Either you can use the default emptyStateRow, or you can pass a rows array to show your custom component. You can use the default emptyStateRow defined inside component (emptyStateRowDefault) as a reference to set your own.
-
-#### Loading State in PFTable
-
-To show an loading state for the table, there are 2 options. Either you can use the default loadingRow, or you can pass a rows array to show your custom component. You can use the default loadingRow defined inside component (loadingRowDefault) as a reference to set your own.
-
-### TableColumnSelector.tsx
-
-Component to show/hide table columns dynamically. Uses TableContex to get the list of columns. Reads the show property of [<code>IColumn`[]`</code>](#IColumn) object. If show property is not defined for a column, it will always be visible and by default selected and disabled in the ColumnSelector menu. This component uses MultiSelect.tsx internally to give the multi select functionality.
-
-Props accepted by the component
-
-| Prop                   | Type                                     | Description                                                         |
-| ---------------------- | ---------------------------------------- | ------------------------------------------------------------------- |
-| onColumnSelectorChange | <code>(columns: string[]) => void</code> | Function passed from parent to be called on selected columns change |
-| initialSelected        | <code>string[]</code>                    | List of columns to be intital selected                              |
-
-### TablePagination.tsx
-
-Component to handle pagination for the table. Uses TableContext to get data rendered by the table and sets current page and current pageSize value in the contex so that Table Component can render it and show data accordingly.
-
-### TableProvider.tsx
-
-Creates the context to share the table state between the different compound components. Any component rendered inside the <code>Table</code> component can access the TableContext.

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

@@ -1 +0,0 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/Table/Table.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,KAAK,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,eAkB/E"}

package/lib/cjs/Table/Table.js

@@ -1,38 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Table = void 0;
-const react_1 = __importStar(require("react"));
-const TableProvider_1 = require("./TableProvider");
-function Table({ children, columns, data, selectedColumns }) {
-    const [currentPage, setSelectedPage] = react_1.useState(1);
-    const [perPage, setPerPage] = react_1.useState(10);
-    return (react_1.default.createElement(TableProvider_1.TableContext.Provider, { value: {
-            columns,
-            data,
-            perPage,
-            currentPage,
-            setSelectedPage,
-            setPerPage,
-            selectedColumns,
-        } }, children));
-}
-exports.Table = Table;

package/lib/cjs/Table/TableColumnSelector.d.ts

@@ -1,7 +0,0 @@
-import './columnSelector.css';
-interface IProps {
-    onColumnSelectorChange: (columns: string[]) => void;
-}
-export declare function TableColumnSelector({ onColumnSelectorChange }: IProps): JSX.Element;
-export {};
-//# sourceMappingURL=TableColumnSelector.d.ts.map

package/lib/cjs/Table/TableColumnSelector.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableColumnSelector.d.ts","sourceRoot":"","sources":["../../../src/Table/TableColumnSelector.tsx"],"names":[],"mappings":"AACA,OAAO,sBAAsB,CAAC;AAU9B,UAAU,MAAM;IACZ,sBAAsB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACvD;AAED,wBAAgB,mBAAmB,CAAC,EAAE,sBAAsB,EAAE,EAAE,MAAM,eAoCrE"}

package/lib/cjs/Table/TableColumnSelector.js

@@ -1,34 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableColumnSelector = void 0;
-// import { Button } from '@patternfly/react-core';
-require("./columnSelector.css");
-const utils_1 = require("@rh-support/utils");
-const react_1 = __importDefault(require("react"));
-const react_i18next_1 = require("react-i18next");
-const DropDownList_1 = require("../DropDownList");
-const TableProvider_1 = require("./TableProvider");
-function TableColumnSelector({ onColumnSelectorChange }) {
-    const { selectedColumns: selectedItems, columns } = TableProvider_1.useTableContext();
-    const { t } = react_i18next_1.useTranslation();
-    const handleChange = (selectedCols) => {
-        selectedCols = selectedCols.map((i) => i.value.value);
-        onColumnSelectorChange(selectedCols);
-    };
-    return (react_1.default.createElement(DropDownList_1.MultiSelectDropDownList, { id: "case-list-table-column-dropdown", "data-tracking-id": "case-list-table-column-dropdown", selectedItems: utils_1.toOptions((selectedItems || []).map((item) => {
-            var _a;
-            return ({
-                value: item,
-                label: (((_a = columns.find((col) => item === col.id)) === null || _a === void 0 ? void 0 : _a.title) || ''),
-                isDisabled: false,
-            });
-        }), { labelKey: 'label', disabledKey: 'isDisabled' }), list: utils_1.toOptions(columns.map((column) => ({
-            value: column.id,
-            label: column.title,
-            isDisabled: column.show === undefined,
-        })), { labelKey: 'label', disabledKey: 'isDisabled' }), title: 'column selector menu', placeholder: t('Columns'), onChange: handleChange, className: "column-selector", hasTwoColumns: true }));
-}
-exports.TableColumnSelector = TableColumnSelector;

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

@@ -1,18 +0,0 @@
-import { PaginationVariant } from '@patternfly/react-core';
-interface IProps {
-    itemCount?: number;
-    onSetPage?: ({ pageSize, currentPage }: {
-        pageSize: any;
-        currentPage: any;
-    }) => void;
-    onPerPageSelect?: ({ pageSize, currentPage }: {
-        pageSize: any;
-        currentPage: any;
-    }) => void;
-    perPage?: number;
-    currentPage?: number;
-    variant: PaginationVariant;
-}
-export declare function TablePagination(props: IProps): JSX.Element;
-export {};
-//# sourceMappingURL=TablePagination.d.ts.map

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

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