fix(components): move CSS imports out of index files

packages/components/src/ConditionalFilter/ConditionalFilter.js

@@ -4,6 +4,7 @@ import { FilterIcon } from '@patternfly/react-icons';
 import Text from './TextFilter';
 import { conditionalFilterType, typeMapper } from './conditionalFilterConstants';
 import PropTypes from 'prop-types';
+import './conditional-filter.scss';
 
 class ConditionalFilter extends Component {
     state = {

packages/components/src/ConditionalFilter/TextFilter.js

@@ -2,6 +2,7 @@ import React, { Component, Fragment } from 'react';
 import PropTypes from 'prop-types';
 import { TextInput } from '@patternfly/react-core';
 import { SearchIcon } from '@patternfly/react-icons';
+import './conditional-filter.scss';
 
 class Text extends Component {
     state = {

packages/components/src/ConditionalFilter/index.js

@@ -5,4 +5,3 @@ export { default as RadioFilter } from './RadioFilter';
 export { default as CheckboxFilter } from './CheckboxFilter';
 export { default as TextFilter } from './TextFilter';
 export * from './conditionalFilterConstants';
-import './conditional-filter.scss';

packages/components/src/FilterChips/FilterChips.js

@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { Badge, Chip, ChipGroup, Button } from '@patternfly/react-core';
 import classNames from 'classnames';
+import './filter-chips.scss';
 
 const FilterChips = ({ className, filters, onDelete }) => {
     const groupedFilters = filters.filter(group => group.category).map(group =>  (

packages/components/src/FilterChips/index.js

@@ -1,3 +1,2 @@
 export { default } from './FilterChips';
 export { default as FilterChips } from './FilterChips';
-import './filter-chips.scss';

packages/components/src/FilterHooks/index.js

@@ -1,4 +1,3 @@
 export { useTagsFilter as default } from './tagFilterHook';
 export * from './tagFilterHook';
 export * from './constants';
-import './tagFilterHook.scss';

packages/components/src/FilterHooks/tagFilterHook.js

@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { constructGroups, mapGroups } from './constants';
 import { Spinner } from '@patternfly/react-core';
+import './tagFilterHook.scss';
 
 export const tagsFilterState = { tagsFilter: {} };
 export const TAGS_FILTER = 'TAGS_FILTER';

packages/components/src/Filters/FilterDropdown.js

@@ -2,6 +2,7 @@ import React, { Component } from 'react';
 import { Dropdown, DropdownToggle, Level } from '@patternfly/react-core';
 import PropTypes from 'prop-types';
 import FilterInput from './FilterInput.js';
+import './filter-dropdown.scss';
 
 class FilterDropdown extends Component {
     state = {

packages/components/src/Filters/index.js

@@ -1,3 +1,2 @@
 export { default as FilterDropdown } from './FilterDropdown';
 export { default as FilterInput } from './FilterInput';
-import './filters.scss';

packages/components/src/InvalidObject/InvalidObject.js

@@ -4,6 +4,7 @@ import {
     Title,
     Button
 } from '@patternfly/react-core';
+import './invalidObject.scss';
 
 // Don't use chrome here because the 404 page on landing does not use chrome
 const isBeta = () => {

packages/components/src/InvalidObject/index.js

@@ -1,4 +1,3 @@
 export { default } from './InvalidObject';
 export { default as InvalidObject } from './InvalidObject';
 export { default as Icon404 } from './icon-404';
-import './invalidObject.scss';

packages/components/src/Main/Main.js

@@ -3,6 +3,7 @@ import propTypes from 'prop-types';
 import classNames from 'classnames';
 import { connect } from 'react-redux';
 import ThemeContext from '../Dark/configContext';
+import './main.scss';
 
 const toKebab = text => text.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
 

packages/components/src/Main/index.js

@@ -1,3 +1,2 @@
 export { default } from './Main';
 export { default as Main } from './Main';
-import './main.scss';

packages/components/src/Maintenance/index.js

@@ -1,3 +1,2 @@
 export { default } from './Maintenance';
 export { default as Maintenance } from './Maintenance';
-import './maintenance.scss';

packages/components/src/NotAuthorized/index.js

@@ -1,3 +1,2 @@
 export { default } from './NotAuthorized';
 export { default as NotAuthorized } from './NotAuthorized';
-import './NotAuthorized.scss';

packages/components/src/PageHeader/PageHeader.js

@@ -3,6 +3,7 @@ import propTypes from 'prop-types';
 import classNames from 'classnames';
 
 import ThemeContext from '../Dark/configContext';
+import './page-header.scss';
 
 /**
  * This is a page header that mimics the patternfly layout for a header section

packages/components/src/PageHeader/index.js

@@ -1,4 +1,3 @@
 export { default } from './PageHeader';
 export { default as PageHeader } from './PageHeader';
 export { default as PageHeaderTitle } from './PageHeaderTitle';
-import './page-header.scss';

packages/components/src/PrimaryToolbar/PrimaryToolbar.js

@@ -9,6 +9,7 @@ import { FilterChips } from '../FilterChips';
 import PropTypes from 'prop-types';
 import SortBy from './SortBy';
 import { SortByDirection } from '@patternfly/react-table';
+import './primary-toolbar.scss';
 
 class PrimaryToolbar extends Component {
     render() {

packages/components/src/PrimaryToolbar/index.js

@@ -3,4 +3,3 @@ export { default as PrimaryToolbar } from './PrimaryToolbar';
 export { default as Actions } from './Actions';
 export { default as SortBy } from './SortBy';
 export * from './SortBy';
-import './primary-toolbar.scss';

packages/components/src/SimpleTableFilter/SimpleTableFilter.js

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import { Button, ButtonVariant, Dropdown, DropdownToggle, DropdownItem } from '@patternfly/react-core';
 import { Input } from '../Input';
 import { SearchIcon } from '@patternfly/react-icons';
+import './simple-table-filter.scss';
 
 class SimpleFilter extends Component {
     state = {

packages/components/src/SimpleTableFilter/index.js

@@ -1,3 +1,2 @@
 export { default } from './SimpleTableFilter';
-import './simple-table-filter.scss';
 export { default as SimpleTableFilter } from './SimpleTableFilter';

packages/components/src/TabLayout/TabLayout.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
+import './tab-layout.scss';
 
 const TabLayout = ({ children, items, classNames, active, onTabClick, ...props }) => (
     <section { ...props } className={ classnames(classNames, 'ins-tab-layout') } widget-type='InsightsTabs'>

packages/components/src/TabLayout/index.js

@@ -1,3 +1,2 @@
 export { default } from './TabLayout';
 export { default as TabLayout } from './TabLayout';
-import './tab-layout.scss';

packages/components/src/TagCount/TagCount.js

@@ -4,6 +4,7 @@ import './tagCount.scss';
 import classNames from 'classnames';
 import { Button } from '@patternfly/react-core';
 import { TagIcon } from '@patternfly/react-icons';
+import './tagCount.scss';
 
 const TagCount = ({ count, onTagClick, className, ...props }) => {
     return (

packages/components/src/TagCount/index.js

@@ -1,3 +1,2 @@
 export { default } from './TagCount';
 export { default as TagCount } from './TagCount';
-import './tagCount.scss';

packages/components/src/TreeTable/decorator.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Button } from '@patternfly/react-core';
 import { AngleRightIcon } from '@patternfly/react-icons';
+import './styles.scss';
 
 export default (onCollapse) => (value = '', { rowData, ...props } = { rowData: {} }) => ({
     value,

packages/components/src/TreeTable/index.js

@@ -1,5 +1,4 @@
 export { default } from './decorator';
-import './styles.scss';
 export { default as treeTable } from './decorator';
 export { default as TreeRowWrapper } from './rowWrapper';
 export * from './helpers';

packages/components/src/Unavailable/Unavailable.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { EmptyState, EmptyStateIcon,  EmptyStateVariant, EmptyStateBody, Title } from '@patternfly/react-core';
 import { ExclamationCircleIcon } from '@patternfly/react-icons';
+import './Unavailable.scss';
 
 const Unavailable = () => {
     return (

packages/components/src/Unavailable/index.js

@@ -1,3 +1,2 @@
 export { default } from './Unavailable';
 export { default as Unavailable } from './Unavailable';
-import './Unavailable.scss';

packages/components/src/index.scss

@@ -6,7 +6,7 @@
 @import './EmptyTable/EmptyTable.scss';
 @import './FilterChips/filter-chips.scss';
 @import './FilterHooks/tagFilterHook.scss';
-@import './Filters/filters.scss';
+@import './Filters/filter-dropdown.scss';
 @import './InsightsLabel/critical-icon.scss';
 @import './InsightsLabel/labels.scss';
 @import './InvalidObject/icon-404.scss';