diff --git a/src/components/filter_group/_filter_group.scss b/src/components/filter_group/_filter_group.scss index 22d22a54c6b..54cb4fcf428 100644 --- a/src/components/filter_group/_filter_group.scss +++ b/src/components/filter_group/_filter_group.scss @@ -18,10 +18,6 @@ min-width: $euiSize * 6; } - > .euiFilterButton--hasIcon { - min-width: $euiSize * 8; - } - // Force popover anchors to expand for now .euiPopover__anchor { display: block; diff --git a/src/components/search_bar/__snapshots__/search_filters.test.tsx.snap b/src/components/search_bar/__snapshots__/search_filters.test.tsx.snap index 6f4c6ef3667..d76d41f8aff 100644 --- a/src/components/search_bar/__snapshots__/search_filters.test.tsx.snap +++ b/src/components/search_bar/__snapshots__/search_filters.test.tsx.snap @@ -1,12 +1,12 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`EuiSearchFilters render - no filters 1`] = ` +exports[`EuiSearchBarFilters render - no filters 1`] = `
`; -exports[`EuiSearchFilters render - with filters 1`] = ` +exports[`EuiSearchBarFilters render - with filters 1`] = `
diff --git a/src/components/search_bar/index.ts b/src/components/search_bar/index.ts index dc304a83a10..503dab55789 100644 --- a/src/components/search_bar/index.ts +++ b/src/components/search_bar/index.ts @@ -12,5 +12,6 @@ export type { QueryType, } from './search_bar'; export { EuiSearchBar, Query, Ast } from './search_bar'; +export { EuiSearchBarFilters } from './search_filters'; export type { SearchFilterConfig } from './search_filters'; export type { FieldValueOptionType } from './filters/field_value_selection_filter'; diff --git a/src/components/search_bar/search_bar.tsx b/src/components/search_bar/search_bar.tsx index bab5a1e8d49..a91f60c8b54 100644 --- a/src/components/search_bar/search_bar.tsx +++ b/src/components/search_bar/search_bar.tsx @@ -12,7 +12,7 @@ import { htmlIdGenerator } from '../../services/accessibility'; import { isString } from '../../services/predicate'; import { EuiFlexGroup, EuiFlexItem } from '../flex'; import { EuiSearchBox, SchemaType } from './search_box'; -import { EuiSearchFilters, SearchFilterConfig } from './search_filters'; +import { EuiSearchBarFilters, SearchFilterConfig } from './search_filters'; import { Query } from './query'; import { CommonProps } from '../common'; import { EuiFieldSearchProps } from '../form/field_search'; @@ -255,7 +255,7 @@ export class EuiSearchBar extends Component { const filtersBar = !filters ? undefined : ( - { +describe('EuiSearchBarFilters', () => { test('render - no filters', () => { const props = { ...requiredProps, @@ -22,7 +22,7 @@ describe('EuiSearchFilters', () => { filters: [], }; - const { container } = render(); + const { container } = render(); expect(container.firstChild).toMatchSnapshot(); }); @@ -49,7 +49,7 @@ describe('EuiSearchFilters', () => { filters, }; - const { container } = render(); + const { container } = render(); expect(container.firstChild).toMatchSnapshot(); }); diff --git a/src/components/search_bar/search_filters.tsx b/src/components/search_bar/search_filters.tsx index 4b02380b24b..242624379e4 100644 --- a/src/components/search_bar/search_filters.tsx +++ b/src/components/search_bar/search_filters.tsx @@ -13,15 +13,15 @@ import { EuiFilterGroup } from '../filter_group'; export type { SearchFilterConfig } from './filters'; -interface EuiSearchFiltersProps { +interface EuiSearchBarFiltersProps { query: Query; onChange: (query: Query) => void; filters: SearchFilterConfig[]; } -type DefaultProps = Pick; +type DefaultProps = Pick; -export class EuiSearchFilters extends Component { +export class EuiSearchBarFilters extends Component { static defaultProps: DefaultProps = { filters: [], }; diff --git a/upcoming_changelogs/6900.md b/upcoming_changelogs/6900.md new file mode 100644 index 00000000000..14619862faa --- /dev/null +++ b/upcoming_changelogs/6900.md @@ -0,0 +1,3 @@ +**Bug fixes** + +- Fixed `EuiFilterButton` icon display