@redhat-cloud-services/frontend-components 3.8.12 → 3.9.2

package/BulkSelect/BulkSelect.d.ts

@@ -11,7 +11,7 @@ export interface BulkSelectProps {
     count?: number;
     className?: string;
     items?: BulkSelectItem[];
-    checked?: boolean;
+    checked?: boolean | null;
     id?: string;
     onSelect?: DropdownToggleCheckboxProps['onChange'];
     toggleProps?: DropdownToggleProps;

package/ConditionalFilter/ConditionalFilter.d.ts

@@ -23,11 +23,11 @@ export interface ConditionalFilterItem {
     placeholder?: string;
 }
 export interface ConditionalFilterProps extends TextInputProps {
-    hideLabel: boolean;
+    hideLabel?: boolean;
     items: ConditionalFilterItem[];
-    id: string;
-    isDisabled: boolean;
-    useMobileLayout: boolean;
+    id?: string;
+    isDisabled?: boolean;
+    useMobileLayout?: boolean;
 }
 declare const ConditionalFilter: React.FunctionComponent<ConditionalFilterProps>;
 export default ConditionalFilter;

package/DownloadButton/DownloadButton.d.ts

@@ -1,7 +1,7 @@
 import { DropdownProps } from '@patternfly/react-core';
 import React from 'react';
-export interface DownloadButtonProps extends Omit<DropdownProps, 'onSelect'> {
-    extraItems?: any[];
+export interface DownloadButtonProps extends Omit<DropdownProps, 'onSelect' | 'toggle' | 'dropdownItems'> {
+    extraItems?: React.ReactElement[];
     tooltipText?: React.ReactNode;
     onSelect?: (event: MouseEvent | React.MouseEvent<any, MouseEvent> | React.KeyboardEvent<Element>, format: 'csv' | 'json') => void;
     isDisabled?: boolean;

package/DownloadButton/DownloadButton.js

@@ -61,7 +61,7 @@ var DownloadButton = function (_a) {
     var conditionallyTooltip = function (children) {
         return react_1.default.createElement(react_1.default.Fragment, null, tooltipText ? react_1.default.createElement(react_core_1.Tooltip, { content: tooltipText }, children) : children);
     };
-    return (react_1.default.createElement(react_1.default.Fragment, null, conditionallyTooltip(react_1.default.createElement(react_core_1.Dropdown, __assign({}, props, { isPlain: true, onSelect: internalOnSelect, toggle: react_1.default.createElement(react_core_1.DropdownToggle, { "aria-label": "Export", toggleIndicator: null, onToggle: onToggle, isDisabled: isDisabled, ouiaId: "Export" },
+    return (react_1.default.createElement(react_1.default.Fragment, null, conditionallyTooltip(react_1.default.createElement(react_core_1.Dropdown, __assign({ isPlain: true }, props, { onSelect: internalOnSelect, toggle: react_1.default.createElement(react_core_1.DropdownToggle, { "aria-label": "Export", toggleIndicator: null, onToggle: onToggle, isDisabled: isDisabled, ouiaId: "Export" },
             react_1.default.createElement(react_icons_1.ExportIcon, { size: "sm" })), isOpen: isOpen, ouiaId: "Export", dropdownItems: __spreadArray([
             react_1.default.createElement(react_core_1.DropdownItem, { key: "download-csv", ouiaId: "DownloadCSV", component: "button", onClick: function (event) { return onSelect(event, 'csv'); }, isDisabled: isDisabled }, "Export to CSV"),
             react_1.default.createElement(react_core_1.DropdownItem, { key: "download-json", ouiaId: "DownloadJSON", component: "button", onClick: function (event) { return onSelect(event, 'json'); }, isDisabled: isDisabled }, "Export to JSON")

package/ErrorBoundary/ErrorBoundary.css

@@ -0,0 +1,13 @@
+:root {
+  --ins-color--orange: #ec7a08;
+}
+
+.ins-error-boundary-stack {
+  font-family: "monospace";
+  font-size: var(--pf-global--icon--FontSize--md);
+  text-align: left;
+  background-color: white;
+  border-style: solid;
+  border-color: var(--pf-global--BackgroundColor--dark-300);
+  padding: var(--pf-global--spacer--sm);
+}

package/ErrorBoundary/ErrorBoundary.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+interface ErrorPageProps {
+    headerTitle: string;
+    errorTitle?: string;
+    errorDescription?: string;
+}
+interface ErrorPageState {
+    hasError: boolean;
+    error?: Error;
+    historyState: History['state'];
+}
+declare class ErrorBoundaryPage extends React.Component<ErrorPageProps, ErrorPageState> {
+    constructor(props: Readonly<ErrorPageProps>);
+    static getDerivedStateFromError(error: Error): ErrorPageState;
+    render(): React.ReactNode;
+}
+export default ErrorBoundaryPage;

package/ErrorBoundary/ErrorBoundary.js

@@ -0,0 +1,81 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var PageHeader_1 = __importStar(require("../PageHeader"));
+var ErrorState_1 = __importDefault(require("../ErrorState"));
+var react_core_1 = require("@patternfly/react-core");
+var ErrorStack_1 = __importDefault(require("./ErrorStack"));
+var Section_1 = __importDefault(require("../Section"));
+var ErrorBoundaryPage = (function (_super) {
+    __extends(ErrorBoundaryPage, _super);
+    function ErrorBoundaryPage(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = {
+            hasError: false,
+            historyState: history.state,
+        };
+        return _this;
+    }
+    ErrorBoundaryPage.getDerivedStateFromError = function (error) {
+        return { hasError: true, error: error, historyState: history.state };
+    };
+    ErrorBoundaryPage.prototype.render = function () {
+        if (this.state.historyState !== history.state) {
+            this.setState({
+                hasError: false,
+                historyState: history.state,
+            });
+        }
+        if (this.state.hasError) {
+            return (React.createElement("div", null,
+                React.createElement(PageHeader_1.default, null,
+                    React.createElement(PageHeader_1.PageHeaderTitle, { title: this.props.headerTitle })),
+                React.createElement(Section_1.default, null,
+                    React.createElement(ErrorState_1.default, { errorTitle: this.props.errorTitle, errorDescription: React.createElement(React.Fragment, null,
+                            React.createElement("span", null, this.props.errorDescription),
+                            this.state.error && (React.createElement(react_core_1.ExpandableSection, { toggleText: "Show details" },
+                                React.createElement(ErrorStack_1.default, { error: this.state.error })))) }))));
+        }
+        return this.props.children;
+    };
+    return ErrorBoundaryPage;
+}(React.Component));
+exports.default = ErrorBoundaryPage;
+//# sourceMappingURL=ErrorBoundary.js.map

package/ErrorBoundary/ErrorBoundary.scss

@@ -0,0 +1,11 @@
+@import '~@redhat-cloud-services/frontend-components-utilities/styles/_all.scss';
+
+.ins-error-boundary-stack {
+  font-family: 'monospace';
+  font-size: var(--pf-global--icon--FontSize--md);
+  text-align: left;
+  background-color: white;
+  border-style: solid;
+  border-color: var(--pf-global--BackgroundColor--dark-300);
+  padding: var(--pf-global--spacer--sm);
+}

package/ErrorBoundary/ErrorStack.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+interface ErrorStackProps {
+    error: Error;
+}
+declare const ErrorStack: React.FunctionComponent<ErrorStackProps>;
+export default ErrorStack;

package/ErrorBoundary/ErrorStack.js

@@ -0,0 +1,38 @@
+"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 });
+var React = __importStar(require("react"));
+var react_core_1 = require("@patternfly/react-core");
+var errorStackClass = 'ins-error-boundary-stack';
+var ErrorStack = function (_a) {
+    var error = _a.error;
+    if (error.stack) {
+        return (React.createElement(react_core_1.Text, { className: errorStackClass }, error.stack.split('\n').map(function (line) { return (React.createElement("div", { key: line }, line)); })));
+    }
+    if (error.name && error.message) {
+        return (React.createElement(React.Fragment, null,
+            React.createElement(react_core_1.Text, { component: "h6" }, error.name),
+            React.createElement(react_core_1.Text, { className: errorStackClass, component: "blockquote" }, error.message)));
+    }
+    return (React.createElement(react_core_1.Text, { className: errorStackClass, component: "blockquote" }, error.toString()));
+};
+exports.default = ErrorStack;
+//# sourceMappingURL=ErrorStack.js.map

package/ErrorBoundary/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ErrorBoundary';
+export { default as ErrorBoundary } from './ErrorBoundary';

package/ErrorBoundary/index.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorBoundary = exports.default = void 0;
+var ErrorBoundary_1 = require("./ErrorBoundary");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ErrorBoundary_1).default; } });
+var ErrorBoundary_2 = require("./ErrorBoundary");
+Object.defineProperty(exports, "ErrorBoundary", { enumerable: true, get: function () { return __importDefault(ErrorBoundary_2).default; } });
+//# sourceMappingURL=index.js.map

package/ErrorBoundary/package.json

@@ -0,0 +1 @@
+{"main":"index.js","module":"../esm/ErrorBoundary/index.js","typings":"index.d.ts"}

package/PrimaryToolbar/PrimaryToolbar.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { PaginationProps, ButtonProps } from '@patternfly/react-core';
 import { ActionsProps } from './Actions';
 import { BulkSelectProps } from '../BulkSelect';
+import { ConditionalFilterProps } from '../ConditionalFilter';
 import { DownloadButtonProps } from '../DownloadButton';
 import { FilterChipsProps } from '../FilterChips';
 import { SortByProps } from './SortBy';
@@ -15,17 +16,17 @@ export declare type PrimaryToolbarExpandAllObject = {
 export interface PrimaryToolbarProps {
     id?: string | number;
     className?: string;
-    toggleIsExpanded?: () => 'bla';
+    toggleIsExpanded?: () => void;
     bulkSelect?: BulkSelectProps;
-    filterConfig?: any;
+    filterConfig?: ConditionalFilterProps;
     dedicatedAction?: React.ReactNode;
     pagination?: Omit<PaginationProps, 'ref'>;
-    sortByConfig: SortByProps;
-    exportConfig: DownloadButtonProps;
+    sortByConfig?: SortByProps;
+    exportConfig?: DownloadButtonProps;
     activeFiltersConfig?: FilterChipsProps;
     actionsConfig?: ActionsProps;
     expandAll?: React.ReactNode | PrimaryToolbarExpandAllObject;
-    useMobileLayout: boolean;
+    useMobileLayout?: boolean;
 }
 declare const PrimaryToolbar: React.FunctionComponent<PrimaryToolbarProps>;
 export default PrimaryToolbar;

package/PrimaryToolbar/PrimaryToolbar.js

@@ -48,7 +48,7 @@ function isPrimaryToolbarExpandAllObject(node) {
     return !react_1.default.isValidElement(node);
 }
 var PrimaryToolbar = function (_a) {
-    var id = _a.id, className = _a.className, toggleIsExpanded = _a.toggleIsExpanded, bulkSelect = _a.bulkSelect, filterConfig = _a.filterConfig, dedicatedAction = _a.dedicatedAction, actionsConfig = _a.actionsConfig, sortByConfig = _a.sortByConfig, pagination = _a.pagination, activeFiltersConfig = _a.activeFiltersConfig, children = _a.children, exportConfig = _a.exportConfig, expandAll = _a.expandAll, useMobileLayout = _a.useMobileLayout, props = __rest(_a, ["id", "className", "toggleIsExpanded", "bulkSelect", "filterConfig", "dedicatedAction", "actionsConfig", "sortByConfig", "pagination", "activeFiltersConfig", "children", "exportConfig", "expandAll", "useMobileLayout"]);
+    var id = _a.id, className = _a.className, _b = _a.toggleIsExpanded, toggleIsExpanded = _b === void 0 ? function () { return undefined; } : _b, bulkSelect = _a.bulkSelect, filterConfig = _a.filterConfig, dedicatedAction = _a.dedicatedAction, actionsConfig = _a.actionsConfig, sortByConfig = _a.sortByConfig, pagination = _a.pagination, activeFiltersConfig = _a.activeFiltersConfig, children = _a.children, exportConfig = _a.exportConfig, expandAll = _a.expandAll, useMobileLayout = _a.useMobileLayout, props = __rest(_a, ["id", "className", "toggleIsExpanded", "bulkSelect", "filterConfig", "dedicatedAction", "actionsConfig", "sortByConfig", "pagination", "activeFiltersConfig", "children", "exportConfig", "expandAll", "useMobileLayout"]);
     var overflowActions = __spreadArray([], (sortByConfig
         ? [
             {

package/TagModal/TableWithFilter.d.ts

@@ -1,45 +1,30 @@
-export default TableWithFilter;
-declare function TableWithFilter({ rows, onSelect, selected, onUpdateData, pagination, loaded, calculateChecked, unique, filters, primaryToolbarProps, children, title, systemName, columns, tableProps, entityName, bulkSelect, }: {
-    rows: any;
-    onSelect: any;
-    selected: any;
-    onUpdateData: any;
-    pagination: any;
-    loaded: any;
-    calculateChecked: any;
-    unique: any;
-    filters: any;
-    primaryToolbarProps: any;
-    children: any;
-    title: any;
-    systemName: any;
-    columns: any;
-    tableProps: any;
-    entityName: any;
-    bulkSelect: any;
-}): JSX.Element;
-declare namespace TableWithFilter {
-    namespace propTypes {
-        const entityName: any;
-        const loaded: any;
-        const systemName: any;
-        const rows: any;
-        const selected: any;
-        const columns: any;
-        const filters: any;
-        const pagination: any;
-        const primaryToolbarProps: any;
-        const tableProps: any;
-        const children: any;
-        const title: any;
-        const calculateChecked: any;
-        const unique: any;
-        const onSelect: any;
-        const onUpdateData: any;
-        const bulkSelect: any;
-    }
-    namespace defaultProps {
-        const entityName_1: string;
-        export { entityName_1 as entityName };
-    }
+import React from 'react';
+import { ICell, IRow, TableProps } from '@patternfly/react-table';
+import { PrimaryToolbarProps } from '../PrimaryToolbar';
+import { BulkSelectProps } from '../BulkSelect';
+import { ConditionalFilterItem } from '../ConditionalFilter';
+export declare type TableWithFilterPagination = {
+    count: number;
+    page: number;
+    perPage: number;
+};
+export interface TableWithFilterProps {
+    rows?: IRow[];
+    onSelect?: (selected?: IRow[]) => void;
+    selected?: IRow[];
+    onUpdateData: (pagination: TableWithFilterPagination) => number | undefined;
+    pagination: TableWithFilterPagination;
+    loaded?: boolean;
+    calculateChecked?: (rows: IRow[], selected: IRow[]) => boolean | null;
+    unique?: (rows: IRow[]) => IRow[];
+    filters?: ConditionalFilterItem[];
+    primaryToolbarProps: PrimaryToolbarProps;
+    title?: string;
+    systemName?: string;
+    columns?: (string | ICell)[];
+    tableProps?: TableProps;
+    entityName?: string;
+    bulkSelect?: BulkSelectProps;
 }
+declare const TableWithFilter: React.FC<TableWithFilterProps>;
+export default TableWithFilter;

package/TagModal/TableWithFilter.js

@@ -41,7 +41,6 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var react_core_1 = require("@patternfly/react-core");
-var prop_types_1 = require("prop-types");
 var react_table_1 = require("@patternfly/react-table");
 var EmptyTable_1 = require("../EmptyTable");
 var TableToolbar_1 = require("../TableToolbar");
@@ -49,11 +48,11 @@ var PrimaryToolbar_1 = require("../PrimaryToolbar");
 var Skeleton_1 = require("../Skeleton");
 var SkeletonTable_1 = require("../SkeletonTable");
 var TableWithFilter = function (_a) {
-    var rows = _a.rows, onSelect = _a.onSelect, selected = _a.selected, onUpdateData = _a.onUpdateData, pagination = _a.pagination, loaded = _a.loaded, calculateChecked = _a.calculateChecked, unique = _a.unique, filters = _a.filters, primaryToolbarProps = _a.primaryToolbarProps, children = _a.children, title = _a.title, systemName = _a.systemName, columns = _a.columns, tableProps = _a.tableProps, entityName = _a.entityName, bulkSelect = _a.bulkSelect;
+    var _b = _a.rows, rows = _b === void 0 ? [] : _b, onSelect = _a.onSelect, _c = _a.selected, selected = _c === void 0 ? [] : _c, onUpdateData = _a.onUpdateData, pagination = _a.pagination, loaded = _a.loaded, calculateChecked = _a.calculateChecked, unique = _a.unique, filters = _a.filters, primaryToolbarProps = _a.primaryToolbarProps, children = _a.children, title = _a.title, systemName = _a.systemName, _d = _a.columns, columns = _d === void 0 ? [] : _d, tableProps = _a.tableProps, _f = _a.entityName, entityName = _f === void 0 ? 'tags' : _f, bulkSelect = _a.bulkSelect;
     var onRowSelect = function (_a) {
         var isSelected = _a.isSelected, rowId = _a.rowId;
         var currRow = rows === null || rows === void 0 ? void 0 : rows[rowId];
-        if (currRow) {
+        if (currRow && onSelect) {
             onSelect(isSelected ? __spreadArray(__spreadArray([], selected, true), [currRow], false) : selected.filter(function (_a) {
                 var id = _a.id;
                 return id !== currRow.id;
@@ -84,7 +83,7 @@ var TableWithFilter = function (_a) {
                     __assign({}, (loaded && (rows === null || rows === void 0 ? void 0 : rows.length) > 0
                         ? {
                             title: "Select page (".concat(rows.length, ")"),
-                            onClick: function () { return onSelect(unique(__spreadArray(__spreadArray([], rows, true), selected, true))); },
+                            onClick: function () { return onSelect(unique === null || unique === void 0 ? void 0 : unique(__spreadArray(__spreadArray([], rows, true), selected, true))); },
                         }
                         : {})),
                 ] }, (bulkSelect || {})),
@@ -128,31 +127,5 @@ var TableWithFilter = function (_a) {
         onUpdateData && pagination && loaded && (react_1.default.createElement(TableToolbar_1.TableToolbar, { isFooter: true, className: "ins-c-inventory__table--toolbar" },
             react_1.default.createElement(react_core_1.Pagination, { itemCount: pagination === null || pagination === void 0 ? void 0 : pagination.count, perPage: pagination === null || pagination === void 0 ? void 0 : pagination.perPage, page: (pagination === null || pagination === void 0 ? void 0 : pagination.page) || 0, variant: "bottom", onSetPage: function (_event, page) { return onUpdateData(__assign(__assign({}, pagination), { page: page })); }, onPerPageSelect: function (_event, perPage) { return onUpdateData(__assign(__assign({}, pagination), { page: 1, perPage: perPage })); } })))));
 };
-TableWithFilter.propTypes = {
-    entityName: prop_types_1.PropTypes.string,
-    loaded: prop_types_1.PropTypes.bool,
-    systemName: prop_types_1.PropTypes.string,
-    rows: prop_types_1.PropTypes.array,
-    selected: prop_types_1.PropTypes.array,
-    columns: prop_types_1.PropTypes.array,
-    filters: prop_types_1.PropTypes.array,
-    pagination: prop_types_1.PropTypes.shape({
-        count: prop_types_1.PropTypes.number,
-        page: prop_types_1.PropTypes.number,
-        perPage: prop_types_1.PropTypes.number,
-    }),
-    primaryToolbarProps: prop_types_1.PropTypes.object,
-    tableProps: prop_types_1.PropTypes.object,
-    children: prop_types_1.PropTypes.node,
-    title: prop_types_1.PropTypes.node,
-    calculateChecked: prop_types_1.PropTypes.func,
-    unique: prop_types_1.PropTypes.func,
-    onSelect: prop_types_1.PropTypes.func,
-    onUpdateData: prop_types_1.PropTypes.func,
-    bulkSelect: prop_types_1.PropTypes.any,
-};
-TableWithFilter.defaultProps = {
-    entityName: 'tags',
-};
 exports.default = TableWithFilter;
 //# sourceMappingURL=TableWithFilter.js.map

package/TagModal/TagModal.d.ts

@@ -1,54 +1,34 @@
-export default TagModal;
-declare class TagModal extends React.Component<any, any, any> {
-    constructor(props: any);
-    constructor(props: any, context: any);
-    handleTabClick: (_event: any, tabIndex: any) => void;
-    renderTable: (rows: any, columns: any, pagination: any, loaded: any, filters: any, selected: any, onSelect: any, onUpdateData: any, bulkSelect: any) => JSX.Element;
+import React, { Component } from 'react';
+import './tagModal.scss';
+import { TableWithFilterPagination, TableWithFilterProps } from './TableWithFilter';
+import { ICell, IRow } from '@patternfly/react-table';
+import { ConditionalFilterItem } from '../ConditionalFilter';
+import { BulkSelectProps } from '../BulkSelect';
+export interface TagModalProps extends Omit<TableWithFilterProps, 'columns' | 'pagination' | 'loaded' | 'filters' | 'onUpdateData' | 'bulkSelect'> {
+    title: string;
+    systemName?: string;
+    className?: string;
+    toggleModal: (e?: React.MouseEventHandler<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>, open?: boolean) => void;
+    isOpen: boolean;
+    tabNames?: string[];
+    onApply?: (...args: unknown[]) => void;
+    rows: IRow[] | IRow[][];
+    columns: (string | ICell)[] | (string | ICell)[][];
+    pagination: TableWithFilterPagination | TableWithFilterPagination[];
+    loaded: boolean | boolean[];
+    filters?: ConditionalFilterItem[][] | ConditionalFilterItem[];
+    selected?: IRow[] | IRow[][];
+    onSelect?: (selected?: IRow[]) => void | ((selected?: IRow[]) => void)[];
+    onUpdateData?: (pagination: TableWithFilterPagination) => number | undefined | ((pagination: TableWithFilterPagination) => number | undefined)[];
+    bulkSelect?: BulkSelectProps | BulkSelectProps[];
 }
-declare namespace TagModal {
-    namespace propTypes {
-        const tabNames: PropTypes.Requireable<(string | null | undefined)[]>;
-        const loaded: PropTypes.Requireable<boolean | (boolean | null | undefined)[]>;
-        const title: PropTypes.Requireable<string>;
-        const systemName: PropTypes.Requireable<string>;
-        const isOpen: PropTypes.Requireable<boolean>;
-        const toggleModal: PropTypes.Requireable<(...args: any[]) => any>;
-        const rows: PropTypes.Requireable<any[]>;
-        const columns: PropTypes.Requireable<any[]>;
-        const className: PropTypes.Requireable<string>;
-        const tableProps: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-        const onSelect: PropTypes.Requireable<((...args: any[]) => any) | (((...args: any[]) => any) | null | undefined)[]>;
-        const onUpdateData: PropTypes.Requireable<((...args: any[]) => any) | (((...args: any[]) => any) | null | undefined)[]>;
-        const bulkSelect: PropTypes.Requireable<any>;
-        const pagination: PropTypes.Requireable<any>;
-        const primaryToolbarProps: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-        const selected: PropTypes.Requireable<any[]>;
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const filters: PropTypes.Requireable<any>;
-        const onApply: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-    namespace defaultProps {
-        const loaded_1: boolean;
-        export { loaded_1 as loaded };
-        const isOpen_1: boolean;
-        export { isOpen_1 as isOpen };
-        export function toggleModal_1(): undefined;
-        export { toggleModal_1 as toggleModal };
-        const columns_1: {
-            title: string;
-        }[];
-        export { columns_1 as columns };
-        export function onUpdateData_1(): undefined;
-        export { onUpdateData_1 as onUpdateData };
-        const rows_1: never[];
-        export { rows_1 as rows };
-        const tableProps_1: {};
-        export { tableProps_1 as tableProps };
-        export namespace pagination_1 {
-            const count: number;
-        }
-        export { pagination_1 as pagination };
-    }
+declare class TagModal extends Component<TagModalProps> {
+    state: {
+        selectedTab: number;
+        activeTabKey: undefined;
+    };
+    handleTabClick: (_event: React.MouseEvent<HTMLElement, MouseEvent>, tabIndex: string | number) => void;
+    renderTable: (rows: IRow[], columns: (string | ICell)[], pagination: TableWithFilterPagination, loaded: boolean, filters: ConditionalFilterItem[], selected: IRow[], onSelect?: ((selected?: IRow[] | undefined) => void) | undefined, onUpdateData?: (pagination: TableWithFilterPagination) => number | undefined, bulkSelect?: BulkSelectProps | undefined) => JSX.Element;
+    render(): JSX.Element;
 }
-import React from "react";
-import PropTypes from "prop-types";
+export default TagModal;

package/TagModal/TagModal.js

@@ -58,10 +58,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-var _a, _b;
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
 require("./tagModal.css");
 var react_core_1 = require("@patternfly/react-core");
 var classnames_1 = __importDefault(require("classnames"));
@@ -97,18 +95,22 @@ var TagModal = (function (_super) {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.state = {
             selectedTab: 0,
+            activeTabKey: undefined,
         };
         _this.handleTabClick = function (_event, tabIndex) {
             _this.setState({ activeTabKey: tabIndex });
         };
-        _this.renderTable = function (rows, columns, pagination, loaded, filters, selected, onSelect, onUpdateData, bulkSelect) { return (react_1.default.createElement(TableWithFilter_1.default, __assign({}, _this.props, { rows: rows, pagination: pagination, loaded: loaded, calculateChecked: calculateChecked, unique: unique, filters: filters, title: _this.props.title, systemName: _this.props.systemName, columns: columns, onSelect: onSelect, onUpdateData: onUpdateData, selected: selected, bulkSelect: bulkSelect }), _this.props.children)); };
+        _this.renderTable = function (rows, columns, pagination, loaded, filters, selected, onSelect, onUpdateData, bulkSelect) {
+            if (onUpdateData === void 0) { onUpdateData = function () { return undefined; }; }
+            return (react_1.default.createElement(TableWithFilter_1.default, __assign({}, _this.props, { rows: rows, pagination: pagination, loaded: loaded, calculateChecked: calculateChecked, unique: unique, filters: filters, title: _this.props.title, systemName: _this.props.systemName, columns: columns, onSelect: onSelect, onUpdateData: onUpdateData, selected: selected, bulkSelect: bulkSelect }), _this.props.children));
+        };
         return _this;
     }
     TagModal.prototype.render = function () {
         var _this = this;
-        var _a = this.props, className = _a.className, title = _a.title, systemName = _a.systemName, toggleModal = _a.toggleModal, isOpen = _a.isOpen, rows = _a.rows, columns = _a.columns, children = _a.children, pagination = _a.pagination, loaded = _a.loaded, filters = _a.filters, onApply = _a.onApply, tabNames = _a.tabNames, onSelect = _a.onSelect, onUpdateData = _a.onUpdateData, selected = _a.selected, tableProps = _a.tableProps, bulkSelect = _a.bulkSelect, props = __rest(_a, ["className", "title", "systemName", "toggleModal", "isOpen", "rows", "columns", "children", "pagination", "loaded", "filters", "onApply", "tabNames", "onSelect", "onUpdateData", "selected", "tableProps", "bulkSelect"]);
+        var _a = this.props, className = _a.className, title = _a.title, systemName = _a.systemName, _b = _a.toggleModal, toggleModal = _b === void 0 ? function () { return undefined; } : _b, _c = _a.isOpen, isOpen = _c === void 0 ? false : _c, _d = _a.rows, rows = _d === void 0 ? [] : _d, _e = _a.columns, columns = _e === void 0 ? [{ title: 'Name' }, { title: 'Tag source' }] : _e, children = _a.children, _f = _a.pagination, pagination = _f === void 0 ? { count: 10 } : _f, _g = _a.loaded, loaded = _g === void 0 ? false : _g, filters = _a.filters, onApply = _a.onApply, tabNames = _a.tabNames, onSelect = _a.onSelect, _h = _a.onUpdateData, onUpdateData = _h === void 0 ? function () { return undefined; } : _h, selected = _a.selected, _j = _a.tableProps, tableProps = _j === void 0 ? {} : _j, bulkSelect = _a.bulkSelect, props = __rest(_a, ["className", "title", "systemName", "toggleModal", "isOpen", "rows", "columns", "children", "pagination", "loaded", "filters", "onApply", "tabNames", "onSelect", "onUpdateData", "selected", "tableProps", "bulkSelect"]);
         var isTabbed = Array.isArray(tabNames);
-        return (react_1.default.createElement(react_core_1.Modal, __assign({}, props, { className: (0, classnames_1.default)('ins-c-tag-modal', className), isOpen: isOpen, title: title || "Tags for ".concat(systemName), onClose: function (e) { return toggleModal(e, false); }, variant: "medium" }, (onApply && {
+        return (react_1.default.createElement(react_core_1.Modal, __assign({}, props, { className: (0, classnames_1.default)('ins-c-tag-modal', className), isOpen: isOpen, title: title || "Tags for ".concat(systemName), onClose: function () { return toggleModal(undefined, false); }, variant: "medium" }, (onApply && {
             actions: [
                 react_1.default.createElement(react_core_1.Button, { key: "confirm", variant: "primary", isDisabled: isTabbed ? Object.values(selected || {}).every(function (values) { return !values || (values === null || values === void 0 ? void 0 : values.length) === 0; }) : !selected || (selected === null || selected === void 0 ? void 0 : selected.length) === 0, onClick: function (e) {
                         onApply();
@@ -118,46 +120,14 @@ var TagModal = (function (_super) {
                     isTabbed ? 'selected' : 'tags'),
                 react_1.default.createElement(react_core_1.Button, { key: "cancel", variant: "link", onClick: function (e) { return toggleModal(e, false); } }, "Cancel"),
             ],
-        })), isTabbed ? (react_1.default.createElement(react_core_1.Tabs, { activeKey: this.state.activeTabKey, onSelect: this.handleTabClick }, tabNames.map(function (item, key) { return (react_1.default.createElement(react_core_1.Tab, { key: key, eventKey: key, title: react_1.default.createElement(react_core_1.TabTitleText, null,
-                "All ",
-                item) }, _this.renderTable(rows === null || rows === void 0 ? void 0 : rows[key], columns === null || columns === void 0 ? void 0 : columns[key], pagination === null || pagination === void 0 ? void 0 : pagination[key], loaded === null || loaded === void 0 ? void 0 : loaded[key], filters === null || filters === void 0 ? void 0 : filters[key], selected === null || selected === void 0 ? void 0 : selected[key], onSelect === null || onSelect === void 0 ? void 0 : onSelect[key], onUpdateData === null || onUpdateData === void 0 ? void 0 : onUpdateData[key], bulkSelect === null || bulkSelect === void 0 ? void 0 : bulkSelect[key]))); }))) : (this.renderTable(rows, columns, pagination, loaded, filters, selected, onSelect, onUpdateData, bulkSelect))));
+        })), isTabbed ? (react_1.default.createElement(react_core_1.Tabs, { activeKey: this.state.activeTabKey, onSelect: this.handleTabClick }, tabNames.map(function (item, key) {
+            var _a, _b, _c, _d, _e, _f, _g;
+            return (react_1.default.createElement(react_core_1.Tab, { key: key, eventKey: key, title: react_1.default.createElement(react_core_1.TabTitleText, null,
+                    "All ",
+                    item) }, _this.renderTable(rows === null || rows === void 0 ? void 0 : rows[key], columns === null || columns === void 0 ? void 0 : columns[key], (_a = pagination) === null || _a === void 0 ? void 0 : _a[key], (_b = loaded) === null || _b === void 0 ? void 0 : _b[key], (_c = filters) === null || _c === void 0 ? void 0 : _c[key], (_d = selected) === null || _d === void 0 ? void 0 : _d[key], (_e = onSelect) === null || _e === void 0 ? void 0 : _e[key], (_f = onUpdateData) === null || _f === void 0 ? void 0 : _f[key], (_g = bulkSelect) === null || _g === void 0 ? void 0 : _g[key])));
+        }))) : (this.renderTable(rows, columns, pagination, loaded, filters, selected, onSelect, onUpdateData, bulkSelect))));
     };
     return TagModal;
 }(react_1.Component));
-TagModal.propTypes = {
-    tabNames: prop_types_1.default.arrayOf(prop_types_1.default.string),
-    loaded: prop_types_1.default.oneOfType([prop_types_1.default.bool, prop_types_1.default.arrayOf(prop_types_1.default.bool)]),
-    title: prop_types_1.default.string,
-    systemName: prop_types_1.default.string,
-    isOpen: prop_types_1.default.bool,
-    toggleModal: prop_types_1.default.func,
-    rows: prop_types_1.default.array,
-    columns: prop_types_1.default.array,
-    className: prop_types_1.default.string,
-    tableProps: prop_types_1.default.shape((_a = {},
-        _a[prop_types_1.default.string] = prop_types_1.default.any,
-        _a)),
-    onSelect: prop_types_1.default.oneOfType([prop_types_1.default.func, prop_types_1.default.arrayOf(prop_types_1.default.func)]),
-    onUpdateData: prop_types_1.default.oneOfType([prop_types_1.default.func, prop_types_1.default.arrayOf(prop_types_1.default.func)]),
-    bulkSelect: prop_types_1.default.oneOfType([prop_types_1.default.any, prop_types_1.default.arrayOf(prop_types_1.default.any)]),
-    pagination: prop_types_1.default.oneOfType([TableWithFilter_1.default.propTypes.pagination, prop_types_1.default.arrayOf(TableWithFilter_1.default.propTypes.pagination)]),
-    primaryToolbarProps: prop_types_1.default.shape((_b = {},
-        _b[prop_types_1.default.string] = prop_types_1.default.any,
-        _b)),
-    selected: prop_types_1.default.array,
-    children: prop_types_1.default.node,
-    filters: prop_types_1.default.any,
-    onApply: prop_types_1.default.func,
-};
-TagModal.defaultProps = {
-    loaded: false,
-    isOpen: false,
-    toggleModal: function () { return undefined; },
-    columns: [{ title: 'Name' }, { title: 'Tag source' }],
-    onUpdateData: function () { return undefined; },
-    rows: [],
-    tableProps: {},
-    pagination: { count: 10 },
-};
 exports.default = TagModal;
 //# sourceMappingURL=TagModal.js.map

package/TagModal/index.d.ts

@@ -1,2 +1,3 @@
-export { default as TableWithFilter } from "./TableWithFilter";
-export { default, default as TagModal } from "./TagModal";
+export { default } from './TagModal';
+export { default as TagModal } from './TagModal';
+export { default as TableWithFilter } from './TableWithFilter';

package/esm/DownloadButton/DownloadButton.js

@@ -40,7 +40,7 @@ var DownloadButton = function (_a) {
     var conditionallyTooltip = function (children) {
         return React.createElement(React.Fragment, null, tooltipText ? React.createElement(Tooltip, { content: tooltipText }, children) : children);
     };
-    return (React.createElement(React.Fragment, null, conditionallyTooltip(React.createElement(Dropdown, __assign({}, props, { isPlain: true, onSelect: internalOnSelect, toggle: React.createElement(DropdownToggle, { "aria-label": "Export", toggleIndicator: null, onToggle: onToggle, isDisabled: isDisabled, ouiaId: "Export" },
+    return (React.createElement(React.Fragment, null, conditionallyTooltip(React.createElement(Dropdown, __assign({ isPlain: true }, props, { onSelect: internalOnSelect, toggle: React.createElement(DropdownToggle, { "aria-label": "Export", toggleIndicator: null, onToggle: onToggle, isDisabled: isDisabled, ouiaId: "Export" },
             React.createElement(ExportIcon, { size: "sm" })), isOpen: isOpen, ouiaId: "Export", dropdownItems: __spreadArray([
             React.createElement(DropdownItem, { key: "download-csv", ouiaId: "DownloadCSV", component: "button", onClick: function (event) { return onSelect(event, 'csv'); }, isDisabled: isDisabled }, "Export to CSV"),
             React.createElement(DropdownItem, { key: "download-json", ouiaId: "DownloadJSON", component: "button", onClick: function (event) { return onSelect(event, 'json'); }, isDisabled: isDisabled }, "Export to JSON")