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

package/BulkSelect/BulkSelect.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DropdownItemProps, DropdownToggleProps, DropdownToggleCheckboxProps } from '@patternfly/react-core';
+import { DropdownItemProps, DropdownToggleCheckboxProps, DropdownToggleProps } from '@patternfly/react-core';
 import './bulk-select.scss';
 export declare type BulkSelectItem = {
     key?: string | number;

package/ConditionalFilter/ConditionalFilter.js

@@ -81,7 +81,7 @@ var ConditionalFilter = function (_a) {
         !shouldRenderNewLayout && (react_1.default.createElement(react_1.Fragment, null, !items || (items && items.length <= 0) ? (react_1.default.createElement("div", { className: (0, classnames_1.default)('ins-c-conditional-filter', {
                 desktop: useMobileLayout,
             }) },
-            react_1.default.createElement(TextFilter_1.default, { id: id, isDisabled: isDisabled, onChange: function (e) { return onChangeCallback(e, Number(e.target.value)); }, placeholder: placeholder, value: currentValue ? String(currentValue) : undefined, "widget-type": "InsightsInput" }))) : (react_1.default.createElement(react_core_1.Split, { className: (0, classnames_1.default)('ins-c-conditional-filter', {
+            react_1.default.createElement(TextFilter_1.default, { id: id, isDisabled: isDisabled, onChange: function (e) { return onChangeCallback(e, e.target.value); }, placeholder: placeholder, value: currentValue ? String(currentValue) : undefined, "widget-type": "InsightsInput" }))) : (react_1.default.createElement(react_core_1.Split, { className: (0, classnames_1.default)('ins-c-conditional-filter', {
                 desktop: useMobileLayout,
             }) },
             items.length > 1 && (react_1.default.createElement(react_core_1.SplitItem, null,

package/DownloadButton/DownloadButton.spec.ct.js

@@ -13,12 +13,19 @@ describe('DownloadButton component', function () {
     it('renders the dropdown', function () {
         cy.get('.pf-c-dropdown');
     });
-    it('on download callback fired', function () {
+    it('on download CSV callback fired', function () {
         var onSelectSpy = cy.spy().as('onSelectSpy');
         (0, react_2.mount)(react_1.default.createElement(__1.DownloadButton, { onSelect: onSelectSpy }));
         cy.get('div[data-ouia-component-id="Export"] > button').click();
         cy.get('div[data-ouia-component-id="Export"] > ul > li > button[data-ouia-component-id="DownloadCSV"]').click();
         cy.get('@onSelectSpy').should('have.been.called.with', 'csv');
     });
+    it('on download JSON callback fired', function () {
+        var onSelectSpy = cy.spy().as('onSelectSpy');
+        (0, react_2.mount)(react_1.default.createElement(__1.DownloadButton, { onSelect: onSelectSpy }));
+        cy.get('div[data-ouia-component-id="Export"] > button').click();
+        cy.get('div[data-ouia-component-id="Export"] > ul > li > button[data-ouia-component-id="DownloadJSON"]').click();
+        cy.get('@onSelectSpy').should('have.been.called.with', 'json');
+    });
 });
 //# sourceMappingURL=DownloadButton.spec.ct.js.map

package/Main/Main.d.ts

@@ -1,5 +1,13 @@
 import React from 'react';
 import './main.scss';
+import type { ChromeAPI } from '@redhat-cloud-services/types';
+declare global {
+    interface Window {
+        insights: {
+            chrome: ChromeAPI;
+        };
+    }
+}
 export interface InternalMainProps {
     params?: {
         [key: string]: string;

package/Ouia/WithOuia.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { OuiaProps, OuiaDataAttributes } from './Ouia';
+import { OuiaDataAttributes, OuiaProps } from './Ouia';
 export declare type WithOuiaParams = string | {
     type: string;
     module?: string;

package/Ouia/useOuia.d.ts

@@ -1,4 +1,4 @@
-import { OuiaProps, OuiaDataAttributes } from './Ouia';
+import { OuiaDataAttributes, OuiaProps } from './Ouia';
 export interface UseOuiaParams extends OuiaProps {
     type: string;
     module?: string;

package/PrimaryToolbar/PrimaryToolbar.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PaginationProps, ButtonProps } from '@patternfly/react-core';
+import { ButtonProps, PaginationProps } from '@patternfly/react-core';
 import { ActionsProps } from './Actions';
 import { BulkSelectProps } from '../BulkSelect';
 import { ConditionalFilterProps } from '../ConditionalFilter';

package/esm/BulkSelect/BulkSelect.js

@@ -29,9 +29,9 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import React, { useState, useRef, Fragment } from 'react';
+import React, { Fragment, useRef, useState } from 'react';
 import classnames from 'classnames';
-import { Dropdown, DropdownItem, DropdownToggle, DropdownToggleCheckbox, Checkbox, } from '@patternfly/react-core';
+import { Checkbox, Dropdown, DropdownItem, DropdownToggle, DropdownToggleCheckbox, } from '@patternfly/react-core';
 import { getDefaultOUIAId } from '@patternfly/react-core/';
 import '../BulkSelect/bulk-select.css';
 var BulkSelect = function (_a) {

package/esm/ConditionalFilter/CheckboxFilter.js

@@ -29,7 +29,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import React, { Fragment, useEffect, useState, useRef } from 'react';
+import React, { Fragment, useEffect, useRef, useState } from 'react';
 import { Select, SelectOption, SelectVariant } from '@patternfly/react-core';
 import isEqual from 'lodash/isEqual';
 import omit from 'lodash/omit';

package/esm/ConditionalFilter/ConditionalFilter.js

@@ -9,10 +9,10 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React, { Fragment, useEffect, useState, useRef } from 'react';
+import React, { Fragment, useEffect, useRef, useState } from 'react';
 import classNames from 'classnames';
 import globalBreakpointMd from '@patternfly/react-tokens/dist/js/global_breakpoint_md';
-import { Dropdown, DropdownItem, DropdownToggle, SplitItem, Split, ToolbarItem, ToolbarGroup, ToolbarToggleGroup } from '@patternfly/react-core';
+import { Dropdown, DropdownItem, DropdownToggle, Split, SplitItem, ToolbarGroup, ToolbarItem, ToolbarToggleGroup } from '@patternfly/react-core';
 import { FilterIcon } from '@patternfly/react-icons';
 import TextFilter from './TextFilter';
 import { conditionalFilterType, typeMapper } from './conditionalFilterConstants';
@@ -57,7 +57,7 @@ var ConditionalFilter = function (_a) {
         !shouldRenderNewLayout && (React.createElement(Fragment, null, !items || (items && items.length <= 0) ? (React.createElement("div", { className: classNames('ins-c-conditional-filter', {
                 desktop: useMobileLayout,
             }) },
-            React.createElement(TextFilter, { id: id, isDisabled: isDisabled, onChange: function (e) { return onChangeCallback(e, Number(e.target.value)); }, placeholder: placeholder, value: currentValue ? String(currentValue) : undefined, "widget-type": "InsightsInput" }))) : (React.createElement(Split, { className: classNames('ins-c-conditional-filter', {
+            React.createElement(TextFilter, { id: id, isDisabled: isDisabled, onChange: function (e) { return onChangeCallback(e, e.target.value); }, placeholder: placeholder, value: currentValue ? String(currentValue) : undefined, "widget-type": "InsightsInput" }))) : (React.createElement(Split, { className: classNames('ins-c-conditional-filter', {
                 desktop: useMobileLayout,
             }) },
             items.length > 1 && (React.createElement(SplitItem, null,

package/esm/ConditionalFilter/GroupFilter.js

@@ -9,10 +9,10 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React, { useState, useRef, useEffect } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import classNames from 'classnames';
-import { TextInput, MenuList, MenuItem, MenuGroup, Checkbox, Button, MenuToggle, Menu, MenuContent, Popper, Radio, TreeView, } from '@patternfly/react-core';
-import { isChecked, calculateSelected, getGroupMenuItems, getMenuItems, convertTreeItem, mapTree, onTreeCheck } from './groupFilterConstants';
+import { Button, Checkbox, Menu, MenuContent, MenuGroup, MenuItem, MenuList, MenuToggle, Popper, Radio, TextInput, TreeView, } from '@patternfly/react-core';
+import { calculateSelected, convertTreeItem, getGroupMenuItems, getMenuItems, isChecked, mapTree, onTreeCheck } from './groupFilterConstants';
 import groupType from './groupType';
 import '../ConditionalFilter/group-filter.css';
 var GroupFilter = function (_a) {

package/esm/ConditionalFilter/RadioFilter.js

@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { Fragment, useState } from 'react';
-import { Select, SelectOption, SelectVariant, Radio } from '@patternfly/react-core';
+import { Radio, Select, SelectOption, SelectVariant } from '@patternfly/react-core';
 import TextFilter, { isFilterValue } from './TextFilter';
 var RadioFilter = function (_a) {
     var _b = _a.items, items = _b === void 0 ? [] : _b, _c = _a.onChange, onChange = _c === void 0 ? function () { return undefined; } : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, props = __rest(_a, ["items", "onChange", "isDisabled"]);

package/esm/ConditionalFilter/TextFilter.js

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { useState, Fragment } from 'react';
+import React, { Fragment, useState } from 'react';
 import { TextInput } from '@patternfly/react-core';
 import { SearchIcon } from '@patternfly/react-icons';
 import '../ConditionalFilter/conditional-filter.css';

package/esm/DownloadButton/DownloadButton.spec.ct.js

@@ -8,12 +8,19 @@ describe('DownloadButton component', function () {
     it('renders the dropdown', function () {
         cy.get('.pf-c-dropdown');
     });
-    it('on download callback fired', function () {
+    it('on download CSV callback fired', function () {
         var onSelectSpy = cy.spy().as('onSelectSpy');
         mount(React.createElement(DownloadButton, { onSelect: onSelectSpy }));
         cy.get('div[data-ouia-component-id="Export"] > button').click();
         cy.get('div[data-ouia-component-id="Export"] > ul > li > button[data-ouia-component-id="DownloadCSV"]').click();
         cy.get('@onSelectSpy').should('have.been.called.with', 'csv');
     });
+    it('on download JSON callback fired', function () {
+        var onSelectSpy = cy.spy().as('onSelectSpy');
+        mount(React.createElement(DownloadButton, { onSelect: onSelectSpy }));
+        cy.get('div[data-ouia-component-id="Export"] > button').click();
+        cy.get('div[data-ouia-component-id="Export"] > ul > li > button[data-ouia-component-id="DownloadJSON"]').click();
+        cy.get('@onSelectSpy').should('have.been.called.with', 'json');
+    });
 });
 //# sourceMappingURL=DownloadButton.spec.ct.js.map

package/esm/ErrorState/ErrorState.js

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import { ExclamationCircleIcon } from '@patternfly/react-icons/';
 import DefaultErrorMessage from './DefaultErrorMessage';
-import { Title, EmptyState, EmptyStateVariant, EmptyStateIcon, EmptyStateBody, Button, Stack, StackItem, } from '@patternfly/react-core';
+import { Button, EmptyState, EmptyStateBody, EmptyStateIcon, EmptyStateVariant, Stack, StackItem, Title, } from '@patternfly/react-core';
 import '../ErrorState/error-state.css';
 var ErrorState = function (_a) {
     var _b = _a.errorTitle, errorTitle = _b === void 0 ? 'Something went wrong' : _b, errorDescription = _a.errorDescription, props = __rest(_a, ["errorTitle", "errorDescription"]);

package/esm/FilterChips/FilterChips.js

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React from 'react';
-import { Badge, Chip, ChipGroup, Button } from '@patternfly/react-core';
+import { Badge, Button, Chip, ChipGroup } from '@patternfly/react-core';
 import classNames from 'classnames';
 import '../FilterChips/filter-chips.css';
 function isFilterChipGroup(group) {

package/esm/FilterHooks/tagFilterHook.js

@@ -18,7 +18,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import React, { useState, useEffect } from 'react';
+import React, { useEffect, useState } from 'react';
 import { constructGroups, mapGroups } from './constants';
 import { Spinner } from '@patternfly/react-core';
 import '../FilterHooks/tagFilterHook.css';

package/esm/Filters/FilterInput.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React, { useEffect, useState } from 'react';
 import { Checkbox, Radio } from '@patternfly/react-core';
 var FilterInput = function (_a) {
     var addRemoveFilters = _a.addRemoveFilters, _b = _a.param, param = _b === void 0 ? '' : _b, _c = _a.filters, filters = _c === void 0 ? {} : _c, _d = _a.type, type = _d === void 0 ? 'checkbox' : _d, value = _a.value, id = _a.id, label = _a.label;

package/esm/InvalidObject/InvalidObject.js

@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React from 'react';
 import Icon404 from './icon-404';
-import { Title, Button } from '@patternfly/react-core';
+import { Button, Title } from '@patternfly/react-core';
 import '../InvalidObject/invalidObject.css';
 var isBeta = function () {
     return window.location.pathname.split('/')[1] === 'beta' ? '/beta' : '';

package/esm/Maintenance/Maintenance.js

@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React from 'react';
 import classNames from 'classnames';
-import { EmptyState, EmptyStateBody, Title, Stack, StackItem, EmptyStateIcon } from '@patternfly/react-core';
+import { EmptyState, EmptyStateBody, EmptyStateIcon, Stack, StackItem, Title } from '@patternfly/react-core';
 import { HourglassHalfIcon } from '@patternfly/react-icons';
 import '../Maintenance/maintenance.css';
 var Maintenance = function (_a) {

package/esm/NotAuthorized/NotAuthorized.js

@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import { Title, Button, EmptyState, EmptyStateVariant, EmptyStateIcon, EmptyStateBody } from '@patternfly/react-core';
+import { Button, EmptyState, EmptyStateBody, EmptyStateIcon, EmptyStateVariant, Title } from '@patternfly/react-core';
 import { LockIcon } from '@patternfly/react-icons';
 import '../NotAuthorized/NotAuthorized.css';
 var ContactBody = function () { return (React.createElement(React.Fragment, null,

package/esm/NotConnected/NotConnected.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { EmptyState, EmptyStateIcon, EmptyStateBody, Title, Button } from '@patternfly/react-core';
+import { Button, EmptyState, EmptyStateBody, EmptyStateIcon, Title } from '@patternfly/react-core';
 import { DisconnectedIcon } from '@patternfly/react-icons';
 var NotConnected = function (_a) {
     var _b = _a.titleText, titleText = _b === void 0 ? 'This system isn’t connected to Insights yet' : _b, _c = _a.bodyText, bodyText = _c === void 0 ? 'To get started, activate the Insights client for this system.' : _c, _d = _a.buttonText, buttonText = _d === void 0 ? 'Learn how to activate the Insights client' : _d;

package/esm/Pagination/PaginationNav.js

@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React from 'react';
 import { Button, ButtonVariant, TextInput } from '@patternfly/react-core';
-import { AngleDoubleLeftIcon, AngleLeftIcon, AngleDoubleRightIcon, AngleRightIcon } from '@patternfly/react-icons';
+import { AngleDoubleLeftIcon, AngleDoubleRightIcon, AngleLeftIcon, AngleRightIcon } from '@patternfly/react-icons';
 var PaginationNav = function (_a) {
     var _b = _a.lastPage, lastPage = _b === void 0 ? 0 : _b, setPage = _a.setPage, _c = _a.pageTitle, pageTitle = _c === void 0 ? 'pages' : _c, amountOfPages = _a.amountOfPages, _d = _a.page, page = _d === void 0 ? 0 : _d, _e = _a.onFirstPage, onFirstPage = _e === void 0 ? function () { return undefined; } : _e, _f = _a.onLastPage, onLastPage = _f === void 0 ? function () { return undefined; } : _f, _g = _a.onPreviousPage, onPreviousPage = _g === void 0 ? function () { return undefined; } : _g, _h = _a.onNextPage, onNextPage = _h === void 0 ? function () { return undefined; } : _h, props = __rest(_a, ["lastPage", "setPage", "pageTitle", "amountOfPages", "page", "onFirstPage", "onLastPage", "onPreviousPage", "onNextPage"]);
     return (React.createElement("nav", __assign({ className: "pf-c-pagination__nav", "aria-label": "Pagination" }, props),

package/esm/PrimaryToolbar/Actions.js

@@ -19,7 +19,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import React, { Fragment, useState } from 'react';
-import { Dropdown, DropdownItem, KebabToggle, Button, DropdownSeparator, ToolbarItem } from '@patternfly/react-core';
+import { Button, Dropdown, DropdownItem, DropdownSeparator, KebabToggle, ToolbarItem } from '@patternfly/react-core';
 import { DownloadButton } from '../DownloadButton';
 import classNames from 'classnames';
 function isActionObject(node) {

package/esm/PrimaryToolbar/PrimaryToolbar.js

@@ -30,7 +30,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import React from 'react';
-import { Toolbar, ToolbarContent, ToolbarGroup, ToolbarItem, Pagination, Button, ToolbarExpandIconWrapper, } from '@patternfly/react-core';
+import { Button, Pagination, Toolbar, ToolbarContent, ToolbarExpandIconWrapper, ToolbarGroup, ToolbarItem, } from '@patternfly/react-core';
 import { AngleDownIcon, AngleRightIcon } from '@patternfly/react-icons';
 import { SortByDirection } from '@patternfly/react-table';
 import Actions from './Actions';

package/esm/SimpleTableFilter/SimpleTableFilter.js

@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { useState } from 'react';
-import { Button, ButtonVariant, Dropdown, DropdownToggle, DropdownItem } from '@patternfly/react-core';
+import { Button, ButtonVariant, Dropdown, DropdownItem, DropdownToggle } from '@patternfly/react-core';
 import { Input } from '../Input';
 import { SearchIcon } from '@patternfly/react-icons';
 import '../SimpleTableFilter/simple-table-filter.css';

package/esm/SkeletonTable/SkeletonTable.js

@@ -8,7 +8,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import React from 'react';
-import { RowSelectVariant, Table, TableHeader, TableBody } from '@patternfly/react-table';
+import { RowSelectVariant, Table, TableBody, TableHeader } from '@patternfly/react-table';
 import { Skeleton, SkeletonSize } from '../Skeleton';
 import classNames from 'classnames';
 import '../SkeletonTable/SkeletonTable.css';

package/esm/TagModal/TableWithFilter.js

@@ -19,8 +19,8 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import React, { Fragment } from 'react';
-import { Pagination, Bullseye, EmptyState, EmptyStateVariant, Title, EmptyStateBody } from '@patternfly/react-core';
-import { Table, TableHeader, TableBody } from '@patternfly/react-table';
+import { Bullseye, EmptyState, EmptyStateBody, EmptyStateVariant, Pagination, Title } from '@patternfly/react-core';
+import { Table, TableBody, TableHeader } from '@patternfly/react-table';
 import { EmptyTable } from '../EmptyTable';
 import { TableToolbar } from '../TableToolbar';
 import { PrimaryToolbar } from '../PrimaryToolbar';

package/esm/TagModal/TagModal.js

@@ -37,7 +37,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React, { Component } from 'react';
 import '../TagModal/tagModal.css';
-import { Modal, Button, Tabs, Tab, TabTitleText } from '@patternfly/react-core';
+import { Button, Modal, Tab, TabTitleText, Tabs } from '@patternfly/react-core';
 import classNames from 'classnames';
 import TableWithFilter from './TableWithFilter';
 var calculateChecked = function (rows, selected) {

package/esm/Unavailable/Unavailable.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { EmptyState, EmptyStateIcon, EmptyStateVariant, EmptyStateBody, Title } from '@patternfly/react-core';
+import { EmptyState, EmptyStateBody, EmptyStateIcon, EmptyStateVariant, Title } from '@patternfly/react-core';
 import { ExclamationCircleIcon } from '@patternfly/react-icons';
 import '../Unavailable/Unavailable.css';
 var Unavailable = function () {

package/index.d.ts

@@ -1,11 +1,3 @@
-import { ChromeAPI } from '@redhat-cloud-services/types';
-declare global {
-    interface Window {
-        insights: {
-            chrome: ChromeAPI;
-        };
-    }
-}
 export * from './LongTextTooltip';
 export * from './Section';
 export * from './Ansible';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@redhat-cloud-services/frontend-components",
-    "version": "3.9.4",
+    "version": "3.9.7",
     "description": "Common components for RedHat Cloud Services project.",
     "main": "index.js",
     "module": "esm/index.js",
@@ -50,7 +50,7 @@
         "sanitize-html": "^2.3.2",
         "@scalprum/core": "^0.1.1",
         "@scalprum/react-core": "^0.1.7",
-        "@redhat-cloud-services/types": "0.0.1"
+        "@redhat-cloud-services/types": "^0.0.5"
     },
     "devDependencies": {
         "@patternfly/patternfly": ">=4.102.2",