yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-12-28 07:33:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

move components' icons to a constants file and other improves

Browse Source
This commit is contained in:
Fernando Chavez 2023-05-19 13:33:38 +02:00
parent 86e071b8b4
commit b3f1896aba
13 changed files with 1206 additions and 1439 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
api-tests/core/content-type-builder/components.test.api.js
View File

@ -68,7 +68,7 @@ describe('Content Type Builder - Components', () => {
component: {
category: 'default',
displayName: 'Some Component',
icon: 'Calendar',
icon: 'calendar',
pluginOptions: {
pluginName: {
option: true,
@ -108,7 +108,7 @@ describe('Content Type Builder - Components', () => {
body: {
component: {
category: 'default',
icon: 'Calendar',
icon: 'calendar',
displayName: 'someComponent',
attributes: {},
},
@ -174,7 +174,7 @@ describe('Content Type Builder - Components', () => {
category: 'default',
schema: {
displayName: 'Some Component',
icon: 'Calendar',
icon: 'calendar',
description: '',
collectionName: 'components_default_some_components',
pluginOptions: {
@ -257,7 +257,7 @@ describe('Content Type Builder - Components', () => {
body: {
component: {
category: 'default',
icon: 'Calendar',
icon: 'calendar',
displayName: 'New Component',
attributes: {
name: {

32
packages/core/admin/admin/src/content-manager/components/ComponentIcon/ComponentIcon.js
View File

@ -1,37 +1,29 @@
import PropTypes from 'prop-types';
import React from 'react';
import styled from 'styled-components';
import { Flex, Icon } from '@strapi/design-system';
import { Cube } from '@strapi/icons';
import COMPONENT_ICONS from '../../utils/componentIcons';
const WIDTH_S = 5;
const WIDTH_M = 8;
const Wrapper = styled(Flex)`
border-radius: ${({ showBackground }) => (showBackground ? `50%` : 0)};
color: ${({ theme }) => theme.colors.neutral600};
height: ${({ theme, size }) => theme.spaces[size === 'S' ? WIDTH_S : WIDTH_M]};
width: ${({ theme, size }) => theme.spaces[size === 'S' ? WIDTH_S : WIDTH_M]};
svg {
height: ${({ theme, size }) => theme.spaces[size === 'S' ? WIDTH_S - 2 : WIDTH_M - 3]};
width: ${({ theme, size }) => theme.spaces[size === 'S' ? WIDTH_S - 2 : WIDTH_M - 3]};
}
`;
import { COMPONENT_ICONS } from './constants';
export function ComponentIcon({ showBackground = true, size = 'M', icon }) {
return (
<Wrapper
<Flex
alignItems="center"
background={showBackground ? 'neutral200' : null}
justifyContent="center"
size={size}
showBackground={showBackground}
height={size === 'S' ? 5 : 8}
width={size === 'S' ? 5 : 8}
color="neutral600"
borderRadius={showBackground ? '50%' : 0}
>
<Icon as={COMPONENT_ICONS[icon] || Cube} />
</Wrapper>
<Icon
as={COMPONENT_ICONS[icon] || Cube}
height={size === 'S' ? 3 : 5}
width={size === 'S' ? 3 : 5}
/>
</Flex>
);
}

143
packages/core/admin/admin/src/content-manager/components/ComponentIcon/constants.js Normal file
View File

@ -0,0 +1,143 @@
import * as Icons from '@strapi/icons';
const COMPONENT_ICONS = {
alien: Icons.Alien,
apps: Icons.Apps,
archive: Icons.Archive,
arrowDown: Icons.ArrowDown,
arrowLeft: Icons.ArrowLeft,
arrowRight: Icons.ArrowRight,
arrowUp: Icons.ArrowUp,
attachment: Icons.Attachment,
bell: Icons.Bell,
bold: Icons.Bold,
book: Icons.Book,
briefcase: Icons.Briefcase,
brush: Icons.Brush,
bulletList: Icons.BulletList,
calendar: Icons.Calendar,
car: Icons.Car,
cast: Icons.Cast,
chartBubble: Icons.ChartBubble,
chartCircle: Icons.ChartCircle,
chartPie: Icons.ChartPie,
check: Icons.Check,
clock: Icons.Clock,
cloud: Icons.Cloud,
code: Icons.Code,
cog: Icons.Cog,
collapse: Icons.Collapse,
command: Icons.Command,
connector: Icons.Connector,
crop: Icons.Crop,
cross: Icons.Cross,
crown: Icons.Crown,
cup: Icons.Cup,
cursor: Icons.Cursor,
dashboard: Icons.Dashboard,
database: Icons.Database,
discord: Icons.Discord,
discuss: Icons.Discuss,
doctor: Icons.Doctor,
download: Icons.Download,
drag: Icons.Drag,
duplicate: Icons.Duplicate,
earth: Icons.Earth,
emotionHappy: Icons.EmotionHappy,
emotionUnhappy: Icons.EmotionUnhappy,
envelop: Icons.Envelop,
exit: Icons.Exit,
expand: Icons.Expand,
eye: Icons.Eye,
facebook: Icons.Facebook,
feather: Icons.Feather,
file: Icons.File,
fileError: Icons.FileError,
filePdf: Icons.FilePdf,
filter: Icons.Filter,
folder: Icons.Folder,
gate: Icons.Gate,
gift: Icons.Gift,
github: Icons.Github,
globe: Icons.Globe,
graphQl: Icons.GraphQl,
grid: Icons.Grid,
handHeart: Icons.HandHeart,
hashtag: Icons.Hashtag,
headphone: Icons.Headphone,
heart: Icons.Heart,
house: Icons.House,
information: Icons.Information,
italic: Icons.Italic,
key: Icons.Key,
landscape: Icons.Landscape,
layer: Icons.Layer,
layout: Icons.Layout,
lightbulb: Icons.Lightbulb,
link: Icons.Link,
lock: Icons.Lock,
magic: Icons.Magic,
manyToMany: Icons.ManyToMany,
manyToOne: Icons.ManyToOne,
manyWays: Icons.ManyWays,
medium: Icons.Medium,
message: Icons.Message,
microphone: Icons.Microphone,
monitor: Icons.Monitor,
moon: Icons.Moon,
music: Icons.Music,
oneToMany: Icons.OneToMany,
oneToOne: Icons.OneToOne,
oneWay: Icons.OneWay,
paint: Icons.Paint,
paintBrush: Icons.PaintBrush,
paperPlane: Icons.PaperPlane,
pencil: Icons.Pencil,
phone: Icons.Phone,
picture: Icons.Picture,
pin: Icons.Pin,
pinMap: Icons.PinMap,
plane: Icons.Plane,
play: Icons.Play,
plus: Icons.Plus,
priceTag: Icons.PriceTag,
puzzle: Icons.Puzzle,
question: Icons.Question,
quote: Icons.Quote,
reddit: Icons.Reddit,
refresh: Icons.Refresh,
repeat: Icons.Repeat,
restaurant: Icons.Restaurant,
rocket: Icons.Rocket,
rotate: Icons.Rotate,
scissors: Icons.Scissors,
search: Icons.Search,
seed: Icons.Seed,
server: Icons.Server,
shield: Icons.Shield,
shirt: Icons.Shirt,
shoppingCart: Icons.ShoppingCart,
slideshow: Icons.Slideshow,
stack: Icons.Stack,
star: Icons.Star,
store: Icons.Store,
strikeThrough: Icons.StrikeThrough,
sun: Icons.Sun,
television: Icons.Television,
thumbDown: Icons.ThumbDown,
thumbUp: Icons.ThumbUp,
train: Icons.Train,
trash: Icons.Trash,
twitter: Icons.Twitter,
typhoon: Icons.Typhoon,
underline: Icons.Underline,
upload: Icons.Upload,
user: Icons.User,
volumeMute: Icons.VolumeMute,
volumeUp: Icons.VolumeUp,
walk: Icons.Walk,
wheelchair: Icons.Wheelchair,
write: Icons.Write,
};
export { COMPONENT_ICONS };

6
packages/core/admin/admin/src/content-manager/pages/App/tests/index.test.js
View File

@ -552,7 +552,7 @@ describe('Content manager | App | main', () => {
<span>
<button
aria-disabled="false"
aria-labelledby=":r1:"
aria-labelledby="0"
class="c6 c7 c8 c9"
tabindex="0"
type="button"
@ -631,7 +631,7 @@ describe('Content manager | App | main', () => {
</div>
</div>
<ol
id=":r3:"
id="2"
>
<li>
<a
@ -708,7 +708,7 @@ describe('Content manager | App | main', () => {
</div>
</div>
<ol
id=":r4:"
id="3"
>
<li>
<a

1130
packages/core/admin/admin/src/content-manager/pages/EditSettingsView/tests/__snapshots__/index.test.js.snap
View File

File diff suppressed because it is too large Load Diff

143
packages/core/admin/admin/src/content-manager/utils/componentIcons.js
View File

@ -1,143 +0,0 @@
import * as Icons from '@strapi/icons';
const COMPONENT_ICONS = {
alien: Icons.Alien,
apps: Icons.Apps,
archive: Icons.Archive,
arrowDown: Icons.ArrowDown,
arrowLeft: Icons.ArrowLeft,
arrowRight: Icons.ArrowRight,
arrowUp: Icons.ArrowUp,
attachment: Icons.Attachment,
bell: Icons.Bell,
bold: Icons.Bold,
book: Icons.Book,
briefcase: Icons.Briefcase,
brush: Icons.Brush,
bulletList: Icons.BulletList,
calendar: Icons.Calendar,
car: Icons.Car,
cast: Icons.Cast,
chartBubble: Icons.ChartBubble,
chartCircle: Icons.ChartCircle,
chartPie: Icons.ChartPie,
check: Icons.Check,
clock: Icons.Clock,
cloud: Icons.Cloud,
code: Icons.Code,
cog: Icons.Cog,
collapse: Icons.Collapse,
command: Icons.Command,
connector: Icons.Connector,
crop: Icons.Crop,
cross: Icons.Cross,
crown: Icons.Crown,
cup: Icons.Cup,
cursor: Icons.Cursor,
dashboard: Icons.Dashboard,
database: Icons.Database,
discord: Icons.Discord,
discuss: Icons.Discuss,
doctor: Icons.Doctor,
download: Icons.Download,
drag: Icons.Drag,
duplicate: Icons.Duplicate,
earth: Icons.Earth,
emotionHappy: Icons.EmotionHappy,
emotionUnhappy: Icons.EmotionUnhappy,
envelop: Icons.Envelop,
exit: Icons.Exit,
expand: Icons.Expand,
eye: Icons.Eye,
facebook: Icons.Facebook,
feather: Icons.Feather,
file: Icons.File,
fileError: Icons.FileError,
filePdf: Icons.FilePdf,
filter: Icons.Filter,
folder: Icons.Folder,
gate: Icons.Gate,
gift: Icons.Gift,
github: Icons.Github,
globe: Icons.Globe,
graphQl: Icons.GraphQl,
grid: Icons.Grid,
handHeart: Icons.HandHeart,
hashtag: Icons.Hashtag,
headphone: Icons.Headphone,
heart: Icons.Heart,
house: Icons.House,
information: Icons.Information,
italic: Icons.Italic,
key: Icons.Key,
landscape: Icons.Landscape,
layer: Icons.Layer,
layout: Icons.Layout,
lightbulb: Icons.Lightbulb,
link: Icons.Link,
lock: Icons.Lock,
magic: Icons.Magic,
manyToMany: Icons.ManyToMany,
manyToOne: Icons.ManyToOne,
manyWays: Icons.ManyWays,
medium: Icons.Medium,
message: Icons.Message,
microphone: Icons.Microphone,
monitor: Icons.Monitor,
moon: Icons.Moon,
music: Icons.Music,
oneToMany: Icons.OneToMany,
oneToOne: Icons.OneToOne,
oneWay: Icons.OneWay,
paint: Icons.Paint,
paintBrush: Icons.PaintBrush,
paperPlane: Icons.PaperPlane,
pencil: Icons.Pencil,
phone: Icons.Phone,
picture: Icons.Picture,
pin: Icons.Pin,
pinMap: Icons.PinMap,
plane: Icons.Plane,
play: Icons.Play,
plus: Icons.Plus,
priceTag: Icons.PriceTag,
puzzle: Icons.Puzzle,
question: Icons.Question,
quote: Icons.Quote,
reddit: Icons.Reddit,
refresh: Icons.Refresh,
repeat: Icons.Repeat,
restaurant: Icons.Restaurant,
rocket: Icons.Rocket,
rotate: Icons.Rotate,
scissors: Icons.Scissors,
search: Icons.Search,
seed: Icons.Seed,
server: Icons.Server,
shield: Icons.Shield,
shirt: Icons.Shirt,
shoppingCart: Icons.ShoppingCart,
slideshow: Icons.Slideshow,
stack: Icons.Stack,
star: Icons.Star,
store: Icons.Store,
strikeThrough: Icons.StrikeThrough,
sun: Icons.Sun,
television: Icons.Television,
thumbDown: Icons.ThumbDown,
thumbUp: Icons.ThumbUp,
train: Icons.Train,
trash: Icons.Trash,
twitter: Icons.Twitter,
typhoon: Icons.Typhoon,
underline: Icons.Underline,
upload: Icons.Upload,
user: Icons.User,
volumeMute: Icons.VolumeMute,
volumeUp: Icons.VolumeUp,
walk: Icons.Walk,
wheelchair: Icons.Wheelchair,
write: Icons.Write,
};
export default COMPONENT_ICONS;

23
packages/core/content-type-builder/admin/src/components/ComponentCard/ComponentIcon/ComponentIcon.js
View File

@ -1,31 +1,22 @@
import PropTypes from 'prop-types';
import React from 'react';
import styled from 'styled-components';
import { Flex, Icon } from '@strapi/design-system';
import { Cube } from '@strapi/icons';
import COMPONENT_ICONS from '../../../utils/componentIcons';
const Wrapper = styled(Flex)`
border-radius: 50%;
height: ${({ theme }) => theme.spaces[8]};
width: ${({ theme }) => theme.spaces[8]};
svg {
height: ${({ theme }) => theme.spaces[5]};
width: ${({ theme }) => theme.spaces[5]};
}
`;
import { COMPONENT_ICONS } from '../../IconPicker/constants';
export function ComponentIcon({ isActive, icon }) {
return (
<Wrapper
<Flex
alignItems="center"
background={isActive ? 'primary200' : 'neutral200'}
justifyContent="center"
height={8}
width={8}
borderRadius="50%"
>
<Icon as={COMPONENT_ICONS[icon] || Cube} />
</Wrapper>
<Icon as={COMPONENT_ICONS[icon] || Cube} height={5} width={5} />
</Flex>
);
}

143
packages/core/content-type-builder/admin/src/components/IconPicker/constants.js Normal file
View File

@ -0,0 +1,143 @@
import * as Icons from '@strapi/icons';
const COMPONENT_ICONS = {
alien: Icons.Alien,
apps: Icons.Apps,
archive: Icons.Archive,
arrowDown: Icons.ArrowDown,
arrowLeft: Icons.ArrowLeft,
arrowRight: Icons.ArrowRight,
arrowUp: Icons.ArrowUp,
attachment: Icons.Attachment,
bell: Icons.Bell,
bold: Icons.Bold,
book: Icons.Book,
briefcase: Icons.Briefcase,
brush: Icons.Brush,
bulletList: Icons.BulletList,
calendar: Icons.Calendar,
car: Icons.Car,
cast: Icons.Cast,
chartBubble: Icons.ChartBubble,
chartCircle: Icons.ChartCircle,
chartPie: Icons.ChartPie,
check: Icons.Check,
clock: Icons.Clock,
cloud: Icons.Cloud,
code: Icons.Code,
cog: Icons.Cog,
collapse: Icons.Collapse,
command: Icons.Command,
connector: Icons.Connector,
crop: Icons.Crop,
cross: Icons.Cross,
crown: Icons.Crown,
cup: Icons.Cup,
cursor: Icons.Cursor,
dashboard: Icons.Dashboard,
database: Icons.Database,
discord: Icons.Discord,
discuss: Icons.Discuss,
doctor: Icons.Doctor,
download: Icons.Download,
drag: Icons.Drag,
duplicate: Icons.Duplicate,
earth: Icons.Earth,
emotionHappy: Icons.EmotionHappy,
emotionUnhappy: Icons.EmotionUnhappy,
envelop: Icons.Envelop,
exit: Icons.Exit,
expand: Icons.Expand,
eye: Icons.Eye,
facebook: Icons.Facebook,
feather: Icons.Feather,
file: Icons.File,
fileError: Icons.FileError,
filePdf: Icons.FilePdf,
filter: Icons.Filter,
folder: Icons.Folder,
gate: Icons.Gate,
gift: Icons.Gift,
github: Icons.Github,
globe: Icons.Globe,
graphQl: Icons.GraphQl,
grid: Icons.Grid,
handHeart: Icons.HandHeart,
hashtag: Icons.Hashtag,
headphone: Icons.Headphone,
heart: Icons.Heart,
house: Icons.House,
information: Icons.Information,
italic: Icons.Italic,
key: Icons.Key,
landscape: Icons.Landscape,
layer: Icons.Layer,
layout: Icons.Layout,
lightbulb: Icons.Lightbulb,
link: Icons.Link,
lock: Icons.Lock,
magic: Icons.Magic,
manyToMany: Icons.ManyToMany,
manyToOne: Icons.ManyToOne,
manyWays: Icons.ManyWays,
medium: Icons.Medium,
message: Icons.Message,
microphone: Icons.Microphone,
monitor: Icons.Monitor,
moon: Icons.Moon,
music: Icons.Music,
oneToMany: Icons.OneToMany,
oneToOne: Icons.OneToOne,
oneWay: Icons.OneWay,
paint: Icons.Paint,
paintBrush: Icons.PaintBrush,
paperPlane: Icons.PaperPlane,
pencil: Icons.Pencil,
phone: Icons.Phone,
picture: Icons.Picture,
pin: Icons.Pin,
pinMap: Icons.PinMap,
plane: Icons.Plane,
play: Icons.Play,
plus: Icons.Plus,
priceTag: Icons.PriceTag,
puzzle: Icons.Puzzle,
question: Icons.Question,
quote: Icons.Quote,
reddit: Icons.Reddit,
refresh: Icons.Refresh,
repeat: Icons.Repeat,
restaurant: Icons.Restaurant,
rocket: Icons.Rocket,
rotate: Icons.Rotate,
scissors: Icons.Scissors,
search: Icons.Search,
seed: Icons.Seed,
server: Icons.Server,
shield: Icons.Shield,
shirt: Icons.Shirt,
shoppingCart: Icons.ShoppingCart,
slideshow: Icons.Slideshow,
stack: Icons.Stack,
star: Icons.Star,
store: Icons.Store,
strikeThrough: Icons.StrikeThrough,
sun: Icons.Sun,
television: Icons.Television,
thumbDown: Icons.ThumbDown,
thumbUp: Icons.ThumbUp,
train: Icons.Train,
trash: Icons.Trash,
twitter: Icons.Twitter,
typhoon: Icons.Typhoon,
underline: Icons.Underline,
upload: Icons.Upload,
user: Icons.User,
volumeMute: Icons.VolumeMute,
volumeUp: Icons.VolumeUp,
walk: Icons.Walk,
wheelchair: Icons.Wheelchair,
write: Icons.Write,
};
export { COMPONENT_ICONS };

5
packages/core/content-type-builder/admin/src/components/IconPicker/index.js
View File

@ -16,8 +16,9 @@ import { Trash, Search } from '@strapi/icons';
import { useIntl } from 'react-intl';
import styled from 'styled-components';
import PropTypes from 'prop-types';
import { getTrad } from '../../utils';
import COMPONENT_ICONS from '../../utils/componentIcons';
import { COMPONENT_ICONS } from './constants';
const IconPickerWrapper = styled(Flex)`
label {
@ -41,7 +42,7 @@ const IconPick = ({ iconKey, name, onChange, isSelected, ariaLabel }) => {
aria-checked={isSelected}
aria-labelledby={`${iconKey}-label`}
/>
<span>{ariaLabel}</span>
{ariaLabel}
</VisuallyHidden>
<Box padding={2} cursor="pointer" hasRadius background={isSelected && 'primary200'}>
<Icon as={COMPONENT_ICONS[iconKey]} color={isSelected ? 'primary600' : 'neutral300'} />

548
packages/core/content-type-builder/admin/src/components/IconPicker/tests/__snapshots__/index.test.js.snap
View File

File diff suppressed because it is too large Load Diff

311
packages/core/content-type-builder/admin/src/pages/ListView/tests/__snapshots__/index.test.js.snap
View File

@ -103,22 +103,38 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
.c58 {
background: #d9d8ff;
border-radius: 50%;
width: 40px;
height: 40px;
}
.c60 {
.c59 {
color: #666687;
width: 20px;
height: 20px;
}
.c62 {
.c61 {
margin-top: 4px;
max-width: 100%;
}
.c69 {
.c65 {
background: #dcdce4;
border-radius: 50%;
width: 40px;
height: 40px;
}
.c68 {
background: #d9d8ff;
}
.c70 {
background: #eaeaef;
}
.c71 {
.c72 {
background: #f0f0ff;
padding: 20px;
}
@ -179,7 +195,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
color: #4945ff;
}
.c63 {
.c62 {
font-size: 0.75rem;
line-height: 1.33;
display: block;
@ -354,7 +370,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
justify-content: center;
}
.c61 path {
.c60 path {
fill: #666687;
}
@ -587,7 +603,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
fill: #ffffff;
}
.c70 {
.c71 {
height: 1px;
border: none;
-webkit-flex-shrink: 0;
@ -615,7 +631,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
fill: #666687;
}
.c73 {
.c74 {
height: 1.5rem;
width: 1.5rem;
border-radius: 50%;
@ -633,16 +649,16 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
align-items: center;
}
.c73 svg {
.c74 svg {
height: 0.625rem;
width: 0.625rem;
}
.c73 svg path {
.c74 svg path {
fill: #4945ff;
}
.c72 {
.c73 {
border-radius: 0 0 4px 4px;
display: block;
width: 100%;
@ -717,30 +733,19 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
border: 2px solid #4945ff;
}
.c59 {
border-radius: 50%;
height: 40px;
width: 40px;
}
.c59 svg {
height: 20px;
width: 20px;
}
.c65 {
.c64 {
position: absolute;
display: none;
top: 5px;
right: 0.5rem;
}
.c65 svg {
.c64 svg {
width: 0.625rem;
height: 0.625rem;
}
.c65 svg path {
.c64 svg path {
fill: #4945ff;
}
@ -761,9 +766,9 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
background: #f0f0ff;
}
.c57.active .c64,
.c57:focus .c64,
.c57:hover .c64 {
.c57.active .c63,
.c57:focus .c63,
.c57:hover .c63 {
display: block;
}
@ -959,7 +964,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
fill: #666687;
}
.c68 {
.c69 {
height: 1.5rem;
width: 1.5rem;
border-radius: 50%;
@ -977,12 +982,12 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
align-items: center;
}
.c68 svg {
.c69 svg {
height: 0.625rem;
width: 0.625rem;
}
.c68 svg path {
.c69 svg path {
fill: #4945ff;
}
@ -1333,7 +1338,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r0:"
aria-labelledby="0"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -1364,7 +1369,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r2:"
aria-labelledby="1"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -1445,6 +1450,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span
style="font-style: italic;"
>
 
</span>
</span>
@ -1461,7 +1467,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r4:"
aria-labelledby="2"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -1492,7 +1498,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r6:"
aria-labelledby="3"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -1588,7 +1594,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r8:"
aria-labelledby="4"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -1619,7 +1625,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":ra:"
aria-labelledby="5"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -1715,7 +1721,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":rc:"
aria-labelledby="6"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -1746,7 +1752,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":re:"
aria-labelledby="7"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -1840,7 +1846,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":rg:"
aria-labelledby="8"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -1871,7 +1877,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":ri:"
aria-labelledby="9"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -1967,7 +1973,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":rk:"
aria-labelledby="10"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -1998,7 +2004,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":rm:"
aria-labelledby="11"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -2088,7 +2094,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":ro:"
aria-labelledby="12"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -2119,7 +2125,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":rq:"
aria-labelledby="13"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -2219,7 +2225,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":rs:"
aria-labelledby="14"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -2250,7 +2256,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":ru:"
aria-labelledby="15"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -2377,7 +2383,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r10:"
aria-labelledby="16"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -2408,7 +2414,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r12:"
aria-labelledby="17"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -2521,7 +2527,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r14:"
aria-labelledby="18"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -2552,7 +2558,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r16:"
aria-labelledby="19"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -2665,7 +2671,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r18:"
aria-labelledby="20"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -2696,7 +2702,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r1a:"
aria-labelledby="21"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -2837,7 +2843,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r1c:"
aria-labelledby="22"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -2868,7 +2874,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r1e:"
aria-labelledby="23"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -2995,7 +3001,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r1g:"
aria-labelledby="24"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -3026,7 +3032,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r1i:"
aria-labelledby="25"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -3139,7 +3145,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r1k:"
aria-labelledby="26"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -3170,7 +3176,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r1m:"
aria-labelledby="27"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -3283,7 +3289,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r1o:"
aria-labelledby="28"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -3314,7 +3320,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r1q:"
aria-labelledby="29"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -3449,7 +3455,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r1s:"
aria-labelledby="30"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -3480,7 +3486,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r1u:"
aria-labelledby="31"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -3553,21 +3559,30 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
type="button"
>
<div
class="c58 c34 c59"
class="c58 c34"
>
<div
class="c60 c61"
/>
<svg
class="c59 c60"
height="1rem"
viewBox="0 0 448 512"
width="1rem"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M216.3 2c4.8-2.6 10.5-2.6 15.3 0l190.7 104c5.1 2.8 8.3 8.2 8.3 14s-3.2 11.2-8.3 14L231.7 238c-4.8 2.6-10.5 2.6-15.3 0L25.7 134c-5.1-2.8-8.3-8.2-8.3-14s3.2-11.2 8.3-14L216.3 2zM23.7 170l176 96c5.1 2.8 8.3 8.2 8.3 14v216c0 5.6-3 10.9-7.8 13.8s-10.9 3-15.8.3L8.3 414c-5.1-2.8-8.3-8.1-8.3-14V184c0-5.6 3-10.9 7.8-13.8s10.9-3 15.8-.3zm400.7 0c5-2.7 11-2.6 15.8.3s7.8 8.1 7.8 13.8V400c0 5.9-3.2 11.2-8.3 14l-176 96c-5 2.7-11 2.6-15.8-.3s-7.8-8.1-7.8-13.8V280c0-5.9 3.2-11.2 8.3-14l176-96z"
fill="#212134"
/>
</svg>
</div>
<div
class="c62"
class="c61"
>
<span
class="c7 c63"
class="c7 c62"
/>
</div>
<span
class="c64 c65"
class="c63 c64"
type="button"
>
<svg
@ -3589,21 +3604,30 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
type="button"
>
<div
class="c43 c34 c59"
class="c65 c34"
>
<div
class="c60 c61"
/>
<svg
class="c59 c60"
height="1rem"
viewBox="0 0 448 512"
width="1rem"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M216.3 2c4.8-2.6 10.5-2.6 15.3 0l190.7 104c5.1 2.8 8.3 8.2 8.3 14s-3.2 11.2-8.3 14L231.7 238c-4.8 2.6-10.5 2.6-15.3 0L25.7 134c-5.1-2.8-8.3-8.2-8.3-14s3.2-11.2 8.3-14L216.3 2zM23.7 170l176 96c5.1 2.8 8.3 8.2 8.3 14v216c0 5.6-3 10.9-7.8 13.8s-10.9 3-15.8.3L8.3 414c-5.1-2.8-8.3-8.1-8.3-14V184c0-5.6 3-10.9 7.8-13.8s10.9-3 15.8-.3zm400.7 0c5-2.7 11-2.6 15.8.3s7.8 8.1 7.8 13.8V400c0 5.9-3.2 11.2-8.3 14l-176 96c-5 2.7-11 2.6-15.8-.3s-7.8-8.1-7.8-13.8V280c0-5.9 3.2-11.2 8.3-14l176-96z"
fill="#212134"
/>
</svg>
</div>
<div
class="c62"
class="c61"
>
<span
class="c7 c63"
class="c7 c62"
/>
</div>
<span
class="c64 c65"
class="c63 c64"
type="button"
>
<svg
@ -3625,10 +3649,10 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
type="button"
>
<div
class="c43 c34 c59"
class="c65 c34"
>
<svg
class="c60 c61"
class="c59 c60"
fill="none"
height="1rem"
viewBox="0 0 24 24"
@ -3644,14 +3668,14 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
</svg>
</div>
<div
class="c62"
class="c61"
>
<span
class="c7 c63"
class="c7 c62"
/>
</div>
<span
class="c64 c65"
class="c63 c64"
type="button"
>
<svg
@ -3673,21 +3697,30 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
type="button"
>
<div
class="c43 c34 c59"
class="c65 c34"
>
<div
class="c60 c61"
/>
<svg
class="c59 c60"
height="1rem"
viewBox="0 0 448 512"
width="1rem"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M216.3 2c4.8-2.6 10.5-2.6 15.3 0l190.7 104c5.1 2.8 8.3 8.2 8.3 14s-3.2 11.2-8.3 14L231.7 238c-4.8 2.6-10.5 2.6-15.3 0L25.7 134c-5.1-2.8-8.3-8.2-8.3-14s3.2-11.2 8.3-14L216.3 2zM23.7 170l176 96c5.1 2.8 8.3 8.2 8.3 14v216c0 5.6-3 10.9-7.8 13.8s-10.9 3-15.8.3L8.3 414c-5.1-2.8-8.3-8.1-8.3-14V184c0-5.6 3-10.9 7.8-13.8s10.9-3 15.8-.3zm400.7 0c5-2.7 11-2.6 15.8.3s7.8 8.1 7.8 13.8V400c0 5.9-3.2 11.2-8.3 14l-176 96c-5 2.7-11 2.6-15.8-.3s-7.8-8.1-7.8-13.8V280c0-5.9 3.2-11.2 8.3-14l176-96z"
fill="#212134"
/>
</svg>
</div>
<div
class="c62"
class="c61"
>
<span
class="c7 c63"
class="c7 c62"
/>
</div>
<span
class="c64 c65"
class="c63 c64"
type="button"
>
<svg
@ -3812,7 +3845,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r20:"
aria-labelledby="32"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -3843,7 +3876,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r22:"
aria-labelledby="33"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -3956,7 +3989,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r24:"
aria-labelledby="34"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -3987,7 +4020,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r26:"
aria-labelledby="35"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -4100,7 +4133,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r28:"
aria-labelledby="36"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -4131,7 +4164,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r2a:"
aria-labelledby="37"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -4173,7 +4206,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
>
<div
aria-hidden="true"
class="c58 c68"
class="c68 c69"
>
<svg
fill="none"
@ -4308,7 +4341,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r2c:"
aria-labelledby="38"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -4339,7 +4372,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r2e:"
aria-labelledby="39"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -4452,7 +4485,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r2g:"
aria-labelledby="40"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -4483,7 +4516,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r2i:"
aria-labelledby="41"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -4596,7 +4629,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r2k:"
aria-labelledby="42"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -4627,7 +4660,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r2m:"
aria-labelledby="43"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -4742,7 +4775,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r2o:"
aria-labelledby="44"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -4773,7 +4806,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r2q:"
aria-labelledby="45"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -4888,7 +4921,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r2s:"
aria-labelledby="46"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -4919,7 +4952,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r2u:"
aria-labelledby="47"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -5019,6 +5052,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span
style="font-style: italic;"
>
 
</span>
</span>
@ -5035,7 +5069,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r30:"
aria-labelledby="48"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -5066,7 +5100,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r32:"
aria-labelledby="49"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -5108,7 +5142,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
>
<div
aria-hidden="true"
class="c58 c68"
class="c68 c69"
>
<svg
fill="none"
@ -5243,7 +5277,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r34:"
aria-labelledby="50"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -5274,7 +5308,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r36:"
aria-labelledby="51"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -5387,7 +5421,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r38:"
aria-labelledby="52"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -5418,7 +5452,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r3a:"
aria-labelledby="53"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -5538,7 +5572,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r3c:"
aria-labelledby="54"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -5569,7 +5603,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r3e:"
aria-labelledby="55"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -5696,7 +5730,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r3g:"
aria-labelledby="56"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -5727,7 +5761,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r3i:"
aria-labelledby="57"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -5840,7 +5874,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r3k:"
aria-labelledby="58"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -5871,7 +5905,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r3m:"
aria-labelledby="59"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -5984,7 +6018,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r3o:"
aria-labelledby="60"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -6015,7 +6049,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r3q:"
aria-labelledby="61"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -6130,7 +6164,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r3s:"
aria-labelledby="62"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -6161,7 +6195,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r3u:"
aria-labelledby="63"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -6276,7 +6310,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r40:"
aria-labelledby="64"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -6307,7 +6341,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r42:"
aria-labelledby="65"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -6407,6 +6441,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span
style="font-style: italic;"
>
 
</span>
</span>
@ -6423,7 +6458,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r44:"
aria-labelledby="66"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -6454,7 +6489,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r46:"
aria-labelledby="67"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -6537,7 +6572,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
>
<div
aria-hidden="true"
class="c58 c68"
class="c68 c69"
>
<svg
fill="none"
@ -6672,7 +6707,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r48:"
aria-labelledby="68"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -6703,7 +6738,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r4a:"
aria-labelledby="69"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -6818,7 +6853,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r4c:"
aria-labelledby="70"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -6849,7 +6884,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r4e:"
aria-labelledby="71"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -6962,7 +6997,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r4g:"
aria-labelledby="72"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -6993,7 +7028,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span>
<button
aria-disabled="false"
aria-labelledby=":r4i:"
aria-labelledby="73"
class="c33 c34 c12 c35"
tabindex="0"
type="button"
@ -7035,7 +7070,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
>
<div
aria-hidden="true"
class="c58 c68"
class="c68 c69"
>
<svg
fill="none"
@ -7075,17 +7110,17 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
</div>
<div>
<hr
class="c69 c70"
class="c70 c71"
/>
<button
class="c71 c72"
class="c72 c73"
>
<div
class="c6"
>
<div
aria-hidden="true"
class="c58 c73"
class="c68 c74"
>
<svg
fill="none"

143
packages/core/content-type-builder/admin/src/utils/componentIcons.js
View File

@ -1,143 +0,0 @@
import * as Icons from '@strapi/icons';
const COMPONENT_ICONS = {
alien: Icons.Alien,
apps: Icons.Apps,
archive: Icons.Archive,
arrowDown: Icons.ArrowDown,
arrowLeft: Icons.ArrowLeft,
arrowRight: Icons.ArrowRight,
arrowUp: Icons.ArrowUp,
attachment: Icons.Attachment,
bell: Icons.Bell,
bold: Icons.Bold,
book: Icons.Book,
briefcase: Icons.Briefcase,
brush: Icons.Brush,
bulletList: Icons.BulletList,
calendar: Icons.Calendar,
car: Icons.Car,
cast: Icons.Cast,
chartBubble: Icons.ChartBubble,
chartCircle: Icons.ChartCircle,
chartPie: Icons.ChartPie,
check: Icons.Check,
clock: Icons.Clock,
cloud: Icons.Cloud,
code: Icons.Code,
cog: Icons.Cog,
collapse: Icons.Collapse,
command: Icons.Command,
connector: Icons.Connector,
crop: Icons.Crop,
cross: Icons.Cross,
crown: Icons.Crown,
cup: Icons.Cup,
cursor: Icons.Cursor,
dashboard: Icons.Dashboard,
database: Icons.Database,
discord: Icons.Discord,
discuss: Icons.Discuss,
doctor: Icons.Doctor,
download: Icons.Download,
drag: Icons.Drag,
duplicate: Icons.Duplicate,
earth: Icons.Earth,
emotionHappy: Icons.EmotionHappy,
emotionUnhappy: Icons.EmotionUnhappy,
envelop: Icons.Envelop,
exit: Icons.Exit,
expand: Icons.Expand,
eye: Icons.Eye,
facebook: Icons.Facebook,
feather: Icons.Feather,
file: Icons.File,
fileError: Icons.FileError,
filePdf: Icons.FilePdf,
filter: Icons.Filter,
folder: Icons.Folder,
gate: Icons.Gate,
gift: Icons.Gift,
github: Icons.Github,
globe: Icons.Globe,
graphQl: Icons.GraphQl,
grid: Icons.Grid,
handHeart: Icons.HandHeart,
hashtag: Icons.Hashtag,
headphone: Icons.Headphone,
heart: Icons.Heart,
house: Icons.House,
information: Icons.Information,
italic: Icons.Italic,
key: Icons.Key,
landscape: Icons.Landscape,
layer: Icons.Layer,
layout: Icons.Layout,
lightbulb: Icons.Lightbulb,
link: Icons.Link,
lock: Icons.Lock,
magic: Icons.Magic,
manyToMany: Icons.ManyToMany,
manyToOne: Icons.ManyToOne,
manyWays: Icons.ManyWays,
medium: Icons.Medium,
message: Icons.Message,
microphone: Icons.Microphone,
monitor: Icons.Monitor,
moon: Icons.Moon,
music: Icons.Music,
oneToMany: Icons.OneToMany,
oneToOne: Icons.OneToOne,
oneWay: Icons.OneWay,
paint: Icons.Paint,
paintBrush: Icons.PaintBrush,
paperPlane: Icons.PaperPlane,
pencil: Icons.Pencil,
phone: Icons.Phone,
picture: Icons.Picture,
pin: Icons.Pin,
pinMap: Icons.PinMap,
plane: Icons.Plane,
play: Icons.Play,
plus: Icons.Plus,
priceTag: Icons.PriceTag,
puzzle: Icons.Puzzle,
question: Icons.Question,
quote: Icons.Quote,
reddit: Icons.Reddit,
refresh: Icons.Refresh,
repeat: Icons.Repeat,
restaurant: Icons.Restaurant,
rocket: Icons.Rocket,
rotate: Icons.Rotate,
scissors: Icons.Scissors,
search: Icons.Search,
seed: Icons.Seed,
server: Icons.Server,
shield: Icons.Shield,
shirt: Icons.Shirt,
shoppingCart: Icons.ShoppingCart,
slideshow: Icons.Slideshow,
stack: Icons.Stack,
star: Icons.Star,
store: Icons.Store,
strikeThrough: Icons.StrikeThrough,
sun: Icons.Sun,
television: Icons.Television,
thumbDown: Icons.ThumbDown,
thumbUp: Icons.ThumbUp,
train: Icons.Train,
trash: Icons.Trash,
twitter: Icons.Twitter,
typhoon: Icons.Typhoon,
underline: Icons.Underline,
upload: Icons.Upload,
user: Icons.User,
volumeMute: Icons.VolumeMute,
volumeUp: Icons.VolumeUp,
walk: Icons.Walk,
wheelchair: Icons.Wheelchair,
write: Icons.Write,
};
export default COMPONENT_ICONS;

10
packages/plugins/i18n/admin/src/components/LocaleSelect/tests/__snapshots__/LocaleSelect.test.js.snap
View File

@ -146,7 +146,7 @@ exports[`LocaleSelect shows an aria-busy element when loading the data 1`] = `
>
<label
class="c1 c2 c3"
for=":r0:"
for="1"
>
Locales
</label>
@ -159,16 +159,16 @@ exports[`LocaleSelect shows an aria-busy element when loading the data 1`] = `
>
<input
aria-autocomplete="both"
aria-controls="radix-:r3:"
aria-controls="radix-0"
aria-disabled="false"
aria-expanded="false"
aria-invalid="false"
aria-labelledby=":r0:-hint :r0:-error"
aria-labelledby="1-hint 1-error"
aria-required="false"
class="c7"
data-placeholder=""
data-state="closed"
id=":r0:"
id="1"
placeholder="Select"
role="combobox"
type="text"
@ -179,7 +179,7 @@ exports[`LocaleSelect shows an aria-busy element when loading the data 1`] = `
class="c6"
>
<button
aria-controls="radix-:r3:"
aria-controls="radix-0"
aria-disabled="false"
aria-expanded="false"
aria-hidden="true"