@redhat-cloud-services/frontend-components 3.9.1 → 3.9.4

package/PrimaryToolbar/primary-toolbar.scss

@@ -1,64 +1,53 @@
 .ins-c-primary-toolbar {
+  .pf-c-toolbar__item.ins-c-primary-toolbar__first-action {
+    display: initial;
+  }
+  .ins-c-primary-toolbar__first-action {
+    display: none;
+  }
+  .ins-c-primary-toolbar__pagination {
+    margin-left: auto;
+  }
+  .ins-c-primary-toolbar__sort-by {
+    display: initial
+  }
+  .ins-c-primary-toolbar__overflow-actions, .ins-c-primary-toolbar__overflow-actions-separator {
+    display: none;
+  }
+  .ins-m-actions--empty {
+    display: none;
+  }
+  .ins-c-primary-toolbar__group-filter {
+    flex-grow: initial;
+    .ins-c-primary-toolbar__filter {
+      flex: initial;
+    }
+  }
+}
+
+@media only screen and (max-width: 768px) {
+  .ins-c-primary-toolbar {
     .pf-c-toolbar__item.ins-c-primary-toolbar__first-action {
-        display: initial;
+      display: none;
     }
-
     .ins-c-primary-toolbar__first-action {
-        display: none;
-    }
-
-    .ins-c-primary-toolbar__pagination {
-        margin-left: auto;
+      display: block;
     }
-
     .ins-c-primary-toolbar__sort-by {
-        display: initial
+      display: none
     }
-
     .ins-c-primary-toolbar__overflow-actions, .ins-c-primary-toolbar__overflow-actions-separator {
-        display: none;
-    }
-
-    .ins-m-actions--empty {
-        display: none;
+      display: block;
     }
-
     .ins-c-primary-toolbar__group-filter {
-        flex-grow: initial;
-        .ins-c-primary-toolbar__filter {
-            flex: initial;
-        }
+      margin-right: 0;
+      flex-grow: 1;
+      .ins-c-primary-toolbar__filter {
+        flex: 1;
+      }
     }
-}
-
-@media only screen and (max-width: 768px) {
-    .ins-c-primary-toolbar {
-        .pf-c-toolbar__item.ins-c-primary-toolbar__first-action {
-            display: none;
-        }
-
-        .ins-c-primary-toolbar__first-action {
-            display: block;
-        }
-
-        .ins-c-primary-toolbar__sort-by {
-            display: none
-        }
-
-        .ins-c-primary-toolbar__overflow-actions, .ins-c-primary-toolbar__overflow-actions-separator {
-            display: block;
-        }
-
-        .ins-c-primary-toolbar__group-filter {
-            margin-right: 0;
-            flex-grow: 1;
-            .ins-c-primary-toolbar__filter {
-                flex: 1;
-            }
-        }
-
-        .ins-m-actions--empty {
-            display: block;
-        }
+    .ins-m-actions--empty {
+      display: block;
     }
+  }
 }

package/Reboot/reboot.scss

@@ -1,12 +1,12 @@
 @import '~@redhat-cloud-services/frontend-components-utilities/styles/_all.scss';
 
 .ins-c-reboot {
-    span {
-        // 4px because the battery icon is 1px bigger than the reboot icon
-        @include rem('margin-left', 4px);
-    }
+  span {
+    // 4px because the battery icon is 1px bigger than the reboot icon
+    @include rem('margin-left', 4px);
+  }
 
-    &.ins-m-red {
-        span, svg { color: var(--pf-global--danger-color--100); }
-    }
+  &.ins-m-red {
+    span, svg { color: var(--pf-global--danger-color--100); }
+  }
 }

package/SimpleTableFilter/simple-table-filter.scss

@@ -5,14 +5,14 @@
 @import '~@redhat-cloud-services/frontend-components-utilities/styles/_all.scss';
 
 .pf-c-input-group.ins-c-filter {
-    &.ins-u-no-title input {
-        @include rem('padding-right', 35px);
-        @include rem('margin-right', -23px);
-    }
-    .ins-c-search-icon {
-        color: var(--pf-global--secondary-color--100);
-        position: relative;
-        @include rem('left', -5px);
-        @include rem('top', 8px);
-    }
+  &.ins-u-no-title input {
+    @include rem('padding-right', 35px);
+    @include rem('margin-right', -23px);
+  }
+  .ins-c-search-icon {
+    color: var(--pf-global--secondary-color--100);
+    position: relative;
+    @include rem('left', -5px);
+    @include rem('top', 8px);
+  }
 }

package/Skeleton/skeleton.scss

@@ -1,18 +1,18 @@
 .ins-c-skeleton {
-    &__xs { width: 16% !important; }
-    &__sm { width: 33% !important; }
-    &__md { width: 66% !important; }
-    &__lg { width: 100% !important; }
-    &.ins-m-dark {
-        --pf-c-skeleton--BackgroundColor: var(--pf-global--palette--black-600);
-        --pf-c-skeleton--after--LinearGradientColorStop1: var(
-          --pf-global--palette--black-600
-        );
-        --pf-c-skeleton--after--LinearGradientColorStop2: var(
-          --pf-global--palette--black-500
-        );
-        --pf-c-skeleton--after--LinearGradientColorStop3: var(
-          --pf-global--palette--black-600
-        );
-    }
+  &__xs { width: 16% !important; }
+  &__sm { width: 33% !important; }
+  &__md { width: 66% !important; }
+  &__lg { width: 100% !important; }
+  &.ins-m-dark {
+    --pf-c-skeleton--BackgroundColor: var(--pf-global--palette--black-600);
+    --pf-c-skeleton--after--LinearGradientColorStop1: var(
+      --pf-global--palette--black-600
+    );
+    --pf-c-skeleton--after--LinearGradientColorStop2: var(
+      --pf-global--palette--black-500
+    );
+    --pf-c-skeleton--after--LinearGradientColorStop3: var(
+      --pf-global--palette--black-600
+    );
+  }
 }

package/SkeletonTable/SkeletonTable.scss

@@ -1,3 +1,3 @@
 .ins-c-skeleton-table__dark {
-    background-color: #1b1d21 !important;
+  background-color: #1b1d21 !important;
 }

package/Spinner/spinner.scss

@@ -1,24 +1,22 @@
 @import '~@redhat-cloud-services/frontend-components-utilities/styles/_all.scss';
 
 @keyframes spinner {
-    to { transform: rotate(360deg); }
+  to { transform: rotate(360deg); }
 }
    
 .ins-c-spinner {
-    display: inline-flex;
-    
-    &.ins-m-center {
-        display: flex;
-        justify-content: center;
-    }
-
-    &:before {
-        content: '';
-        @include rem('width', 30px);
-        @include rem('height', 30px);
-        border-radius: 50%;
-        border: 3px solid var(--pf-global--active-color--200);
-        border-top-color: var(--pf-global--active-color--100);
-        animation: spinner 1s cubic-bezier(0.4, 0, 0.2, 1) infinite;
-    }
+  display: inline-flex;
+  &.ins-m-center {
+    display: flex;
+    justify-content: center;
+  }
+  &:before {
+    content: '';
+    @include rem('width', 30px);
+    @include rem('height', 30px);
+    border-radius: 50%;
+    border: 3px solid var(--pf-global--active-color--200);
+    border-top-color: var(--pf-global--active-color--100);
+    animation: spinner 1s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+  }
 }

package/TableToolbar/TableToolbar.scss

@@ -6,9 +6,9 @@
 }
 
 .ins-c-table__toolbar, .ins-c-table__toolbar-results {
-    background: var(--pf-global--Color--light-100);
-    border-bottom: 1px solid var(--pf-global--BorderColor--light-200);
-    padding: var(--ins-c-table-toolbar--PaddingVertical) var(--ins-c-table-toolbar--PaddingHorizontal);
+  background: var(--pf-global--Color--light-100);
+  border-bottom: 1px solid var(--pf-global--BorderColor--light-200);
+  padding: var(--ins-c-table-toolbar--PaddingVertical) var(--ins-c-table-toolbar--PaddingHorizontal);
 }
 
 .ins-c-table__toolbar.ins-m-footer { border-top: 1px solid var(--pf-global--BorderColor--light-200); }
@@ -16,13 +16,13 @@
 .ins-c-table__toolbar-results { color: var(--pf-global--Color--200); }
 
 .ins-c-table__toolbar-results-count + .ins-c-table__toolbar-results-selected {
-    @include rem('margin-left', 15px);
-    @include rem('padding-left', 15px);
-    border-left: 2px solid var(--pf-global--BorderColor--light);
+  @include rem('margin-left', 15px);
+  @include rem('padding-left', 15px);
+  border-left: 2px solid var(--pf-global--BorderColor--light);
 }
 
 @media only screen and (max-width: 768px) {
-    .ins-c-table__toolbar, .ins-c-table__toolbar-results {
-        padding: 0 0;
-    }
+  .ins-c-table__toolbar, .ins-c-table__toolbar-results {
+    padding: 0 0;
+  }
 }

package/TagCount/tagCount.scss

@@ -1,9 +1,9 @@
 button.ins-c-tag-count {
-    color: var(--pf-global--icon--Color--light);
-    display: flex;
-    align-content: center;
+  color: var(--pf-global--icon--Color--light);
+  display: flex;
+  align-content: center;
 }
 
 .ins-c-tag__text {
-    margin-left: 10px;
+  margin-left: 10px;
 }

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/TagModal/tagModal.scss

@@ -1,3 +1,3 @@
 .ins-c-tag-modal {
-    height: calc(var(--pf-global--spacer--4xl) + var(--pf-global--breakpoint--md));
+  height: calc(var(--pf-global--spacer--4xl) + var(--pf-global--breakpoint--md));
 }

package/Unavailable/Unavailable.scss

@@ -1,3 +1,3 @@
 .ins-c-empty-state__unavailable {
-    svg { color: var(--pf-global--danger-color--100); }
+  svg { color: var(--pf-global--danger-color--100); }
 }