yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-08-08 00:37:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'master' into colors-fix

Browse Source
This commit is contained in:
EzraEn 2022-01-10 17:03:41 +08:00 committed by GitHub
commit 7e9c449efa
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 264 additions and 132 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
packages/core/admin/admin/src/content-manager/components/DynamicZone/components/DzLabel/index.js
View File

@ -17,7 +17,7 @@ const StyledBox = styled(Box)`
border-radius: ${pxToRem(26)}; border-radius: ${pxToRem(26)};
`; `;
const DzLabel = ({ label, labelAction, name, numberOfComponents, required }) => { const DzLabel = ({ label, labelAction, name, numberOfComponents, required, intlDescription }) => {
const { formatMessage } = useIntl(); const { formatMessage } = useIntl();
const intlLabel = formatMessage({ id: label || name, defaultMessage: label || name }); const intlLabel = formatMessage({ id: label || name, defaultMessage: label || name });
@ -33,12 +33,24 @@ const DzLabel = ({ label, labelAction, name, numberOfComponents, required }) =>
shadow="filterShadow" shadow="filterShadow"
color="neutral500" color="neutral500"
> >
<Flex> <Flex direction="column" justifyContent="center">
<Typography fontSize={0} lineHeight={0} textColor="neutral600" fontWeight="bold"> <Flex maxWidth={pxToRem(356)}>
{intlLabel}&nbsp;({numberOfComponents}) <Typography variant="pi" textColor="neutral600" fontWeight="bold" ellipsis>
</Typography> {intlLabel}&nbsp;
{required && <Typography textColor="danger600">*</Typography>} </Typography>
{labelAction && <Box paddingLeft={1}>{labelAction}</Box>} <Typography variant="pi" textColor="neutral600" fontWeight="bold">
({numberOfComponents})
</Typography>
{required && <Typography textColor="danger600">*</Typography>}
{labelAction && <Box paddingLeft={1}>{labelAction}</Box>}
</Flex>
{intlDescription && (
<Box paddingTop={1} maxWidth={pxToRem(356)}>
<Typography variant="pi" textColor="neutral600" ellipsis>
{formatMessage(intlDescription)}
</Typography>
</Box>
)}
</Flex> </Flex>
</StyledBox> </StyledBox>
</Box> </Box>
@ -47,12 +59,17 @@ const DzLabel = ({ label, labelAction, name, numberOfComponents, required }) =>
}; };
DzLabel.defaultProps = { DzLabel.defaultProps = {
intlDescription: undefined,
label: '', label: '',
labelAction: undefined, labelAction: undefined,
required: false, required: false,
}; };
DzLabel.propTypes = { DzLabel.propTypes = {
intlDescription: PropTypes.shape({
id: PropTypes.string.isRequired,
defaultMessage: PropTypes.string.isRequired,
}),
label: PropTypes.string, label: PropTypes.string,
labelAction: PropTypes.element, labelAction: PropTypes.element,
name: PropTypes.string.isRequired, name: PropTypes.string.isRequired,

276
packages/core/admin/admin/src/content-manager/components/DynamicZone/components/DzLabel/tests/__snapshots__/index.test.js.snap
View File

@ -1,7 +1,7 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`<DzLabel /> displays the labelAction correctly 1`] = ` exports[`<DzLabel /> displays the labelAction correctly 1`] = `
.c7 { .c10 {
border: 0; border: 0;
-webkit-clip: rect(0 0 0 0); -webkit-clip: rect(0 0 0 0);
clip: rect(0 0 0 0); clip: rect(0 0 0 0);
@ -23,10 +23,14 @@ exports[`<DzLabel /> displays the labelAction correctly 1`] = `
box-shadow: 0px 1px 4px rgba(33,33,52,0.1); box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
} }
.c5 { .c8 {
padding-left: 4px; padding-left: 4px;
} }
.c4 {
max-width: 22.25rem;
}
.c0 { .c0 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
@ -46,6 +50,24 @@ exports[`<DzLabel /> displays the labelAction correctly 1`] = `
} }
.c3 { .c3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.c5 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
@ -59,32 +81,41 @@ exports[`<DzLabel /> displays the labelAction correctly 1`] = `
align-items: center; align-items: center;
} }
.c4 { .c6 {
font-weight: 600; font-weight: 600;
font-size: 0.6875rem;
line-height: 1.14;
color: #666687; color: #666687;
font-size: 0.875rem; display: block;
line-height: 1.43; white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 0.75rem;
line-height: 1.33;
}
.c7 {
font-weight: 600;
color: #666687;
font-size: 0.75rem;
line-height: 1.33;
} }
.c2 { .c2 {
border-radius: 1.625rem; border-radius: 1.625rem;
} }
.c6 { .c9 {
border: none; border: none;
padding: 0; padding: 0;
background: transparent; background: transparent;
} }
.c6 svg { .c9 svg {
width: 12px; width: 12px;
height: 12px; height: 12px;
fill: #8e8ea9; fill: #8e8ea9;
} }
.c6 svg path { .c9 svg path {
fill: #8e8ea9; fill: #8e8ea9;
} }
@ -101,55 +132,64 @@ exports[`<DzLabel /> displays the labelAction correctly 1`] = `
<div <div
class="c3" class="c3"
> >
<span
class="c4"
>
dz
 (
1
)
</span>
<div <div
class="c5" class="c4 c5"
> >
<span> <span
<button class="c6"
aria-describedby="tooltip-1" >
aria-label="i18n" dz
class="c6"  
tabindex="0"
type="button"
>
<svg
aria-hidden="true"
fill="none"
height="1em"
viewBox="0 0 24 24"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12.59 23.679l-.044-.007a.045.045 0 00.043.007zM22.334 8.345a.295.295 0 00-.572-.033.296.296 0 01-.28.206h-.828a.294.294 0 01-.153-.042l-1.199-.72a.293.293 0 00-.152-.042h-1.918a.294.294 0 00-.163.05l-2.366 1.577a.295.295 0 00-.131.248v2.236a.295.295 0 00.156.261l3.101 1.656a.298.298 0 01.157.257L18 15.257a.296.296 0 00.153.255l1.246.69a.297.297 0 01.152.258v2.604a.297.297 0 00.34.292.296.296 0 00.152-.07c.502-.443 1.223-1.09 1.319-1.237a11.186 11.186 0 001.175-2.415c.679-1.966.142-5.501-.203-7.289zM13.629 14.507l-3.286-2.464a.214.214 0 00-.129-.043H8.655a.203.203 0 01-.143-.06l-.735-.734a.216.216 0 00-.152-.063h-2.85a.202.202 0 01-.198-.243.203.203 0 01.055-.104l.451-.45a.202.202 0 01.144-.06H6.96a.428.428 0 00.413-.313l.369-1.312a.214.214 0 01.107-.132L9.32 7.77a.203.203 0 00.11-.18v-.67c0-.042.013-.082.037-.116l.782-1.126a.2.2 0 01.095-.074l1.095-.411a.203.203 0 00.131-.19v-.611a.203.203 0 00-.09-.17l-1.097-.729a.205.205 0 00-.206-.012l-1.493.747a.202.202 0 01-.214-.022l-.709-.56a.204.204 0 01.006-.321l.575-.424a.202.202 0 00-.005-.33l-.896-.625a.203.203 0 00-.214-.012c-.324.177-1.275.702-1.613.939a11.222 11.222 0 00-3.651 4.285c-.098.202-.218.407-.23.628-.012.221-.185.715-.258.915a.202.202 0 00.013.166l1.912 3.514a.2.2 0 00.074.077l2.012 1.207a.201.201 0 01.097.146l.403 2.922a.205.205 0 00.086.14l1.57 1.079a.214.214 0 01.088.133l.832 3.953a.193.193 0 00.027.066c.078.126.39.589.766.658-.035.01-.066.031-.101.041.09.016.18.037.268.063.107.028.214.053.321.076.168.033.184.06.265-.09.107-.2.23-.268.321-.292a.207.207 0 00.155-.156l.54-2.5a.215.215 0 01.085-.13l2.411-1.709a.214.214 0 00.09-.175v-3.212a.215.215 0 00-.082-.172z"
fill="#32324D"
/>
<path
d="M12.321.857s-.195.011-.235.012a11.113 11.113 0 00-3.932.845c.13.09-.094.173-.094.173l.35.684h1.876l1.285.643 1.125-.643-.375-1.714zM17.262 4.718l.863-.75a.214.214 0 00-.05-.357l-1.008-.467a.214.214 0 00-.284.101l-.415.869a.214.214 0 00.08.274l.56.35a.214.214 0 00.254-.02zM21.302 5.822l-.312-.483a.337.337 0 01-.014-.023c-.056-.115-.521-1.055-.91-1.42-.292-.276-.375-.196-.398-.135a.202.202 0 01-.064.085l-1.545 1.25a.214.214 0 01-.135.047h-.8a.214.214 0 00-.151.062l-.643.643a.215.215 0 000 .304l.643.642a.214.214 0 00.152.063h4.027a.215.215 0 00.214-.223l-.03-.705a.214.214 0 00-.034-.107z"
fill="#32324D"
/>
<path
d="M12 2.143A9.857 9.857 0 115.03 5.03 9.791 9.791 0 0112 2.143zM12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0z"
fill="#32324D"
/>
</svg>
</button>
</span> </span>
<span
class="c7"
>
(
1
)
</span>
<div
class="c8"
>
<span>
<button
aria-describedby="tooltip-1"
aria-label="i18n"
class="c9"
tabindex="0"
type="button"
>
<svg
aria-hidden="true"
fill="none"
height="1em"
viewBox="0 0 24 24"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12.59 23.679l-.044-.007a.045.045 0 00.043.007zM22.334 8.345a.295.295 0 00-.572-.033.296.296 0 01-.28.206h-.828a.294.294 0 01-.153-.042l-1.199-.72a.293.293 0 00-.152-.042h-1.918a.294.294 0 00-.163.05l-2.366 1.577a.295.295 0 00-.131.248v2.236a.295.295 0 00.156.261l3.101 1.656a.298.298 0 01.157.257L18 15.257a.296.296 0 00.153.255l1.246.69a.297.297 0 01.152.258v2.604a.297.297 0 00.34.292.296.296 0 00.152-.07c.502-.443 1.223-1.09 1.319-1.237a11.186 11.186 0 001.175-2.415c.679-1.966.142-5.501-.203-7.289zM13.629 14.507l-3.286-2.464a.214.214 0 00-.129-.043H8.655a.203.203 0 01-.143-.06l-.735-.734a.216.216 0 00-.152-.063h-2.85a.202.202 0 01-.198-.243.203.203 0 01.055-.104l.451-.45a.202.202 0 01.144-.06H6.96a.428.428 0 00.413-.313l.369-1.312a.214.214 0 01.107-.132L9.32 7.77a.203.203 0 00.11-.18v-.67c0-.042.013-.082.037-.116l.782-1.126a.2.2 0 01.095-.074l1.095-.411a.203.203 0 00.131-.19v-.611a.203.203 0 00-.09-.17l-1.097-.729a.205.205 0 00-.206-.012l-1.493.747a.202.202 0 01-.214-.022l-.709-.56a.204.204 0 01.006-.321l.575-.424a.202.202 0 00-.005-.33l-.896-.625a.203.203 0 00-.214-.012c-.324.177-1.275.702-1.613.939a11.222 11.222 0 00-3.651 4.285c-.098.202-.218.407-.23.628-.012.221-.185.715-.258.915a.202.202 0 00.013.166l1.912 3.514a.2.2 0 00.074.077l2.012 1.207a.201.201 0 01.097.146l.403 2.922a.205.205 0 00.086.14l1.57 1.079a.214.214 0 01.088.133l.832 3.953a.193.193 0 00.027.066c.078.126.39.589.766.658-.035.01-.066.031-.101.041.09.016.18.037.268.063.107.028.214.053.321.076.168.033.184.06.265-.09.107-.2.23-.268.321-.292a.207.207 0 00.155-.156l.54-2.5a.215.215 0 01.085-.13l2.411-1.709a.214.214 0 00.09-.175v-3.212a.215.215 0 00-.082-.172z"
fill="#32324D"
/>
<path
d="M12.321.857s-.195.011-.235.012a11.113 11.113 0 00-3.932.845c.13.09-.094.173-.094.173l.35.684h1.876l1.285.643 1.125-.643-.375-1.714zM17.262 4.718l.863-.75a.214.214 0 00-.05-.357l-1.008-.467a.214.214 0 00-.284.101l-.415.869a.214.214 0 00.08.274l.56.35a.214.214 0 00.254-.02zM21.302 5.822l-.312-.483a.337.337 0 01-.014-.023c-.056-.115-.521-1.055-.91-1.42-.292-.276-.375-.196-.398-.135a.202.202 0 01-.064.085l-1.545 1.25a.214.214 0 01-.135.047h-.8a.214.214 0 00-.151.062l-.643.643a.215.215 0 000 .304l.643.642a.214.214 0 00.152.063h4.027a.215.215 0 00.214-.223l-.03-.705a.214.214 0 00-.034-.107z"
fill="#32324D"
/>
<path
d="M12 2.143A9.857 9.857 0 115.03 5.03 9.791 9.791 0 0112 2.143zM12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0z"
fill="#32324D"
/>
</svg>
</button>
</span>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div <div
class="c7" class="c10"
> >
<p <p
aria-live="polite" aria-live="polite"
@ -174,7 +214,7 @@ exports[`<DzLabel /> displays the labelAction correctly 1`] = `
`; `;
exports[`<DzLabel /> displays the name of the dz when the label is empty 1`] = ` exports[`<DzLabel /> displays the name of the dz when the label is empty 1`] = `
.c5 { .c8 {
border: 0; border: 0;
-webkit-clip: rect(0 0 0 0); -webkit-clip: rect(0 0 0 0);
clip: rect(0 0 0 0); clip: rect(0 0 0 0);
@ -196,6 +236,10 @@ exports[`<DzLabel /> displays the name of the dz when the label is empty 1`] = `
box-shadow: 0px 1px 4px rgba(33,33,52,0.1); box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
} }
.c4 {
max-width: 22.25rem;
}
.c0 { .c0 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
@ -215,6 +259,24 @@ exports[`<DzLabel /> displays the name of the dz when the label is empty 1`] = `
} }
.c3 { .c3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.c5 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
@ -228,13 +290,22 @@ exports[`<DzLabel /> displays the name of the dz when the label is empty 1`] = `
align-items: center; align-items: center;
} }
.c4 { .c6 {
font-weight: 600; font-weight: 600;
font-size: 0.6875rem;
line-height: 1.14;
color: #666687; color: #666687;
font-size: 0.875rem; display: block;
line-height: 1.43; white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 0.75rem;
line-height: 1.33;
}
.c7 {
font-weight: 600;
color: #666687;
font-size: 0.75rem;
line-height: 1.33;
} }
.c2 { .c2 {
@ -254,20 +325,29 @@ exports[`<DzLabel /> displays the name of the dz when the label is empty 1`] = `
<div <div
class="c3" class="c3"
> >
<span <div
class="c4" class="c4 c5"
> >
test <span
 ( class="c6"
1 >
) test
</span>  
</span>
<span
class="c7"
>
(
1
)
</span>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div <div
class="c5" class="c8"
> >
<p <p
aria-live="polite" aria-live="polite"
@ -292,7 +372,7 @@ exports[`<DzLabel /> displays the name of the dz when the label is empty 1`] = `
`; `;
exports[`<DzLabel /> renders and matches the snapshot 1`] = ` exports[`<DzLabel /> renders and matches the snapshot 1`] = `
.c5 { .c8 {
border: 0; border: 0;
-webkit-clip: rect(0 0 0 0); -webkit-clip: rect(0 0 0 0);
clip: rect(0 0 0 0); clip: rect(0 0 0 0);
@ -314,6 +394,10 @@ exports[`<DzLabel /> renders and matches the snapshot 1`] = `
box-shadow: 0px 1px 4px rgba(33,33,52,0.1); box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
} }
.c4 {
max-width: 22.25rem;
}
.c0 { .c0 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
@ -333,6 +417,24 @@ exports[`<DzLabel /> renders and matches the snapshot 1`] = `
} }
.c3 { .c3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.c5 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
@ -346,13 +448,22 @@ exports[`<DzLabel /> renders and matches the snapshot 1`] = `
align-items: center; align-items: center;
} }
.c4 { .c6 {
font-weight: 600; font-weight: 600;
font-size: 0.6875rem;
line-height: 1.14;
color: #666687; color: #666687;
font-size: 0.875rem; display: block;
line-height: 1.43; white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 0.75rem;
line-height: 1.33;
}
.c7 {
font-weight: 600;
color: #666687;
font-size: 0.75rem;
line-height: 1.33;
} }
.c2 { .c2 {
@ -372,20 +483,29 @@ exports[`<DzLabel /> renders and matches the snapshot 1`] = `
<div <div
class="c3" class="c3"
> >
<span <div
class="c4" class="c4 c5"
> >
dz <span
 ( class="c6"
1 >
) dz
</span>  
</span>
<span
class="c7"
>
(
1
)
</span>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div <div
class="c5" class="c8"
> >
<p <p
aria-live="polite" aria-live="polite"

16
packages/core/admin/admin/src/content-manager/components/DynamicZone/index.js
View File

@ -39,6 +39,9 @@ const DynamicZone = ({
const [isOpen, setIsOpen] = useState(false); const [isOpen, setIsOpen] = useState(false);
const [shouldOpenAddedComponent, setShouldOpenAddedComponent] = useState(false); const [shouldOpenAddedComponent, setShouldOpenAddedComponent] = useState(false);
const dynamicDisplayedComponentsLength = dynamicDisplayedComponents.length; const dynamicDisplayedComponentsLength = dynamicDisplayedComponents.length;
const intlDescription = metadatas.description
? { id: metadatas.description, defaultMessage: metadatas.description }
: null;
const [componentCollapses, setComponentsCollapses] = useState( const [componentCollapses, setComponentsCollapses] = useState(
createCollapses(dynamicDisplayedComponentsLength) createCollapses(dynamicDisplayedComponentsLength)
@ -159,11 +162,7 @@ const DynamicZone = ({
if (!isFieldAllowed && isCreatingEntry) { if (!isFieldAllowed && isCreatingEntry) {
return ( return (
<NotAllowedInput <NotAllowedInput
description={ description={intlDescription}
metadatas.description
? { id: metadatas.description, defaultMessage: metadatas.description }
: null
}
intlLabel={{ id: metadatas.label, defaultMessage: metadatas.label }} intlLabel={{ id: metadatas.label, defaultMessage: metadatas.label }}
labelAction={labelAction} labelAction={labelAction}
name={name} name={name}
@ -174,11 +173,7 @@ const DynamicZone = ({
if (!isFieldAllowed && !isFieldReadable && !isCreatingEntry) { if (!isFieldAllowed && !isFieldReadable && !isCreatingEntry) {
return ( return (
<NotAllowedInput <NotAllowedInput
description={ description={intlDescription}
metadatas.description
? { id: metadatas.description, defaultMessage: metadatas.description }
: null
}
intlLabel={{ id: metadatas.label, defaultMessage: metadatas.label }} intlLabel={{ id: metadatas.label, defaultMessage: metadatas.label }}
labelAction={labelAction} labelAction={labelAction}
name={name} name={name}
@ -191,6 +186,7 @@ const DynamicZone = ({
{dynamicDisplayedComponentsLength > 0 && ( {dynamicDisplayedComponentsLength > 0 && (
<Box> <Box>
<DzLabel <DzLabel
intlDescription={intlDescription}
label={metadatas.label} label={metadatas.label}
labelAction={labelAction} labelAction={labelAction}
name={name} name={name}

3
packages/core/content-type-builder/admin/src/components/ListRow/index.js
View File

@ -1,7 +1,6 @@
import React, { memo } from 'react'; import React, { memo } from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import get from 'lodash/get'; import get from 'lodash/get';
import upperFirst from 'lodash/upperFirst';
import { useIntl } from 'react-intl'; import { useIntl } from 'react-intl';
import { IconButton } from '@strapi/design-system/IconButton'; import { IconButton } from '@strapi/design-system/IconButton';
import { Flex } from '@strapi/design-system/Flex'; import { Flex } from '@strapi/design-system/Flex';
@ -94,7 +93,7 @@ function ListRow({
{loopNumber !== 0 && <Curve color={isFromDynamicZone ? 'primary200' : 'neutral150'} />} {loopNumber !== 0 && <Curve color={isFromDynamicZone ? 'primary200' : 'neutral150'} />}
<Stack paddingLeft={2} size={4} horizontal> <Stack paddingLeft={2} size={4} horizontal>
<AttributeIcon key={src} type={src} /> <AttributeIcon key={src} type={src} />
<Typography fontWeight="bold">{upperFirst(name)}</Typography> <Typography fontWeight="bold">{name}</Typography>
</Stack> </Stack>
</td> </td>
<td> <td>

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

@ -1445,7 +1445,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
Postal_code postal_code
</span> </span>
</div> </div>
</td> </td>
@ -1549,7 +1549,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
Categories categories
</span> </span>
</div> </div>
</td> </td>
@ -1663,7 +1663,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
Cover cover
</span> </span>
</div> </div>
</td> </td>
@ -1771,7 +1771,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
Images images
</span> </span>
</div> </div>
</td> </td>
@ -1877,7 +1877,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
City city
</span> </span>
</div> </div>
</td> </td>
@ -1985,7 +1985,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
Json json
</span> </span>
</div> </div>
</td> </td>
@ -2087,7 +2087,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
Slug slug
</span> </span>
</div> </div>
</td> </td>
@ -2199,7 +2199,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
Notrepeat_req notrepeat_req
</span> </span>
</div> </div>
</td> </td>
@ -2338,7 +2338,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
Name name
</span> </span>
</div> </div>
</td> </td>
@ -2463,7 +2463,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
Popo popo
</span> </span>
</div> </div>
</td> </td>
@ -2588,7 +2588,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
Poq poq
</span> </span>
</div> </div>
</td> </td>
@ -2880,7 +2880,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
Dede dede
</span> </span>
</div> </div>
</td> </td>
@ -3005,7 +3005,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
Dada dada
</span> </span>
</div> </div>
</td> </td>
@ -3130,7 +3130,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
Papi papi
</span> </span>
</div> </div>
</td> </td>
@ -3673,7 +3673,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
Name name
</span> </span>
</div> </div>
</td> </td>
@ -3798,7 +3798,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
Mail mail
</span> </span>
</div> </div>
</td> </td>
@ -3923,7 +3923,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
Phone phone
</span> </span>
</div> </div>
</td> </td>
@ -4112,7 +4112,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
Name name
</span> </span>
</div> </div>
</td> </td>
@ -4237,7 +4237,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
Description description
</span> </span>
</div> </div>
</td> </td>
@ -4362,7 +4362,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
Price price
</span> </span>
</div> </div>
</td> </td>
@ -4489,7 +4489,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
Picture picture
</span> </span>
</div> </div>
</td> </td>
@ -4616,7 +4616,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
Very_long_description very_long_description
</span> </span>
</div> </div>
</td> </td>
@ -4739,7 +4739,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
Categories categories
</span> </span>
</div> </div>
</td> </td>
@ -4934,7 +4934,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
Label label
</span> </span>
</div> </div>
</td> </td>
@ -5059,7 +5059,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
Time time
</span> </span>
</div> </div>
</td> </td>
@ -5190,7 +5190,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
Dishrep dishrep
</span> </span>
</div> </div>
</td> </td>
@ -5330,7 +5330,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
Name name
</span> </span>
</div> </div>
</td> </td>
@ -5455,7 +5455,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
Description description
</span> </span>
</div> </div>
</td> </td>
@ -5580,7 +5580,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
Price price
</span> </span>
</div> </div>
</td> </td>
@ -5707,7 +5707,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
Picture picture
</span> </span>
</div> </div>
</td> </td>
@ -5834,7 +5834,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
Very_long_description very_long_description
</span> </span>
</div> </div>
</td> </td>
@ -5957,7 +5957,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
Categories categories
</span> </span>
</div> </div>
</td> </td>
@ -6193,7 +6193,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
Name name
</span> </span>
</div> </div>
</td> </td>
@ -6320,7 +6320,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
Media media
</span> </span>
</div> </div>
</td> </td>
@ -6445,7 +6445,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
<span <span
class="c28 c34" class="c28 c34"
> >
Is_available is_available
</span> </span>
</div> </div>
</td> </td>