From ce7ea1fbcb36a3196467051f76dd60447b9ee572 Mon Sep 17 00:00:00 2001
From: nixocio <nixocio@gmail.com>
Date: Wed, 13 May 2020 15:23:46 -0400
Subject: [PATCH] Update usage of new custom `ChipGroup`

Update usage of new custom `ChipGroup`.

See: https://github.com/ansible/awx/pull/6935/fies

Also: https://www.patternfly.org/v4/documentation/react/components/chipgroup
---
 .../InventorySourceDetail.jsx                 | 21 ++++++++++---------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/awx/ui_next/src/screens/Inventory/InventorySourceDetail/InventorySourceDetail.jsx b/awx/ui_next/src/screens/Inventory/InventorySourceDetail/InventorySourceDetail.jsx
index cd74091c60..8c790a8b71 100644
--- a/awx/ui_next/src/screens/Inventory/InventorySourceDetail/InventorySourceDetail.jsx
+++ b/awx/ui_next/src/screens/Inventory/InventorySourceDetail/InventorySourceDetail.jsx
@@ -3,15 +3,10 @@ import { Link, useHistory } from 'react-router-dom';
 import { withI18n } from '@lingui/react';
 import { t } from '@lingui/macro';
 
-import {
-  Button,
-  Chip,
-  ChipGroup,
-  List,
-  ListItem,
-} from '@patternfly/react-core';
+import { Button, Chip, List, ListItem } from '@patternfly/react-core';
 import AlertModal from '../../../components/AlertModal';
 import { CardBody, CardActionsRow } from '../../../components/Card';
+import ChipGroup from '../../../components/ChipGroup';
 import { VariablesDetail } from '../../../components/CodeMirrorInput';
 import CredentialChip from '../../../components/CredentialChip';
 import DeleteButton from '../../../components/DeleteButton';
@@ -161,7 +156,10 @@ function InventorySourceDetail({ inventorySource, i18n }) {
             fullWidth
             label={i18n._(t`Regions`)}
             value={
-              <ChipGroup numChips={5}>
+              <ChipGroup
+                numChips={5}
+                totalChips={source_regions.split(',').length}
+              >
                 {source_regions.split(',').map(region => (
                   <Chip key={region} isReadOnly>
                     {region}
@@ -176,7 +174,10 @@ function InventorySourceDetail({ inventorySource, i18n }) {
             fullWidth
             label={i18n._(t`Instance filters`)}
             value={
-              <ChipGroup numChips={5}>
+              <ChipGroup
+                numChips={5}
+                totalChips={instance_filters.split(',').length}
+              >
                 {instance_filters.split(',').map(filter => (
                   <Chip key={filter} isReadOnly>
                     {filter}
@@ -191,7 +192,7 @@ function InventorySourceDetail({ inventorySource, i18n }) {
             fullWidth
             label={i18n._(t`Only group by`)}
             value={
-              <ChipGroup numChips={5}>
+              <ChipGroup numChips={5} totalChips={group_by.split(',').length}>
                 {group_by.split(',').map(group => (
                   <Chip key={group} isReadOnly>
                     {group}