mirror of
https://github.com/strapi/strapi.git
synced 2025-11-02 02:44:55 +00:00
Merge branch 'main' into enhancement/axios-refactoring
This commit is contained in:
Simone
GitHub
commit
a4233b4864
2
.github/actions/check-pr-status/package.json
vendored
2
.github/actions/check-pr-status/package.json
vendored
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "check-pr-status",
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"main": "dist/index.js",
|
||||
"license": "MIT",
|
||||
"private": true,
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"name": "getstarted",
|
||||
"private": true,
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"description": "A Strapi application.",
|
||||
"scripts": {
|
||||
"develop": "strapi develop",
|
||||
@ -12,16 +12,16 @@
|
||||
"strapi": "strapi"
|
||||
},
|
||||
"dependencies": {
|
||||
"@strapi/plugin-color-picker": "4.5.1",
|
||||
"@strapi/plugin-documentation": "4.5.1",
|
||||
"@strapi/plugin-graphql": "4.5.1",
|
||||
"@strapi/plugin-i18n": "4.5.1",
|
||||
"@strapi/plugin-sentry": "4.5.1",
|
||||
"@strapi/plugin-users-permissions": "4.5.1",
|
||||
"@strapi/provider-email-mailgun": "4.5.1",
|
||||
"@strapi/provider-upload-aws-s3": "4.5.1",
|
||||
"@strapi/provider-upload-cloudinary": "4.5.1",
|
||||
"@strapi/strapi": "4.5.1",
|
||||
"@strapi/plugin-color-picker": "4.5.2",
|
||||
"@strapi/plugin-documentation": "4.5.2",
|
||||
"@strapi/plugin-graphql": "4.5.2",
|
||||
"@strapi/plugin-i18n": "4.5.2",
|
||||
"@strapi/plugin-sentry": "4.5.2",
|
||||
"@strapi/plugin-users-permissions": "4.5.2",
|
||||
"@strapi/provider-email-mailgun": "4.5.2",
|
||||
"@strapi/provider-upload-aws-s3": "4.5.2",
|
||||
"@strapi/provider-upload-cloudinary": "4.5.2",
|
||||
"@strapi/strapi": "4.5.2",
|
||||
"@vscode/sqlite3": "5.0.8",
|
||||
"better-sqlite3": "7.4.6",
|
||||
"lodash": "4.17.21",
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"name": "kitchensink-ts",
|
||||
"private": true,
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"description": "A Strapi application",
|
||||
"scripts": {
|
||||
"develop": "strapi develop",
|
||||
@ -10,9 +10,9 @@
|
||||
"strapi": "strapi"
|
||||
},
|
||||
"dependencies": {
|
||||
"@strapi/plugin-i18n": "4.5.1",
|
||||
"@strapi/plugin-users-permissions": "4.5.1",
|
||||
"@strapi/strapi": "4.5.1",
|
||||
"@strapi/plugin-i18n": "4.5.2",
|
||||
"@strapi/plugin-users-permissions": "4.5.2",
|
||||
"@strapi/strapi": "4.5.2",
|
||||
"better-sqlite3": "7.4.6"
|
||||
},
|
||||
"author": {
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"name": "kitchensink",
|
||||
"private": true,
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"description": "A Strapi application.",
|
||||
"scripts": {
|
||||
"develop": "strapi develop",
|
||||
@ -12,10 +12,10 @@
|
||||
"strapi": "strapi"
|
||||
},
|
||||
"dependencies": {
|
||||
"@strapi/provider-email-mailgun": "4.5.1",
|
||||
"@strapi/provider-upload-aws-s3": "4.5.1",
|
||||
"@strapi/provider-upload-cloudinary": "4.5.1",
|
||||
"@strapi/strapi": "4.5.1",
|
||||
"@strapi/provider-email-mailgun": "4.5.2",
|
||||
"@strapi/provider-upload-aws-s3": "4.5.2",
|
||||
"@strapi/provider-upload-cloudinary": "4.5.2",
|
||||
"@strapi/strapi": "4.5.2",
|
||||
"lodash": "4.17.21",
|
||||
"mysql": "2.18.1",
|
||||
"passport-google-oauth2": "0.2.0",
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
{
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"packages": [
|
||||
"packages/*",
|
||||
"examples/*"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@strapi/admin-test-utils",
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"private": true,
|
||||
"description": "Test utilities for the Strapi administration panel",
|
||||
"license": "MIT",
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
{
|
||||
"name": "create-strapi-app",
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"description": "Generate a new Strapi application.",
|
||||
"dependencies": {
|
||||
"@strapi/generate-new": "4.5.1",
|
||||
"@strapi/generate-new": "4.5.2",
|
||||
"commander": "6.1.0",
|
||||
"inquirer": "8.2.4"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "create-strapi-starter",
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"description": "Generate a new Strapi application.",
|
||||
"keywords": [
|
||||
"create-strapi-starter",
|
||||
@ -38,7 +38,7 @@
|
||||
"test": "echo \"no tests yet\""
|
||||
},
|
||||
"dependencies": {
|
||||
"@strapi/generate-new": "4.5.1",
|
||||
"@strapi/generate-new": "4.5.2",
|
||||
"chalk": "4.1.1",
|
||||
"ci-info": "3.5.0",
|
||||
"commander": "7.1.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@strapi/admin",
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"description": "Strapi Admin",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
@ -51,13 +51,13 @@
|
||||
"@fortawesome/free-solid-svg-icons": "^5.15.3",
|
||||
"@fortawesome/react-fontawesome": "^0.2.0",
|
||||
"@pmmmwh/react-refresh-webpack-plugin": "0.5.7",
|
||||
"@strapi/babel-plugin-switch-ee-ce": "4.5.1",
|
||||
"@strapi/babel-plugin-switch-ee-ce": "4.5.2",
|
||||
"@strapi/design-system": "1.3.1",
|
||||
"@strapi/helper-plugin": "4.5.1",
|
||||
"@strapi/helper-plugin": "4.5.2",
|
||||
"@strapi/icons": "1.3.1",
|
||||
"@strapi/permissions": "4.5.1",
|
||||
"@strapi/typescript-utils": "4.5.1",
|
||||
"@strapi/utils": "4.5.1",
|
||||
"@strapi/permissions": "4.5.2",
|
||||
"@strapi/typescript-utils": "4.5.2",
|
||||
"@strapi/utils": "4.5.2",
|
||||
"axios": "0.27.2",
|
||||
"babel-loader": "8.2.5",
|
||||
"babel-plugin-styled-components": "2.0.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@strapi/plugin-content-manager",
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"description": "A powerful UI to easily manage your data.",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
@ -24,7 +24,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@sindresorhus/slugify": "1.1.0",
|
||||
"@strapi/utils": "4.5.1",
|
||||
"@strapi/utils": "4.5.2",
|
||||
"lodash": "4.17.21"
|
||||
},
|
||||
"engines": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@strapi/plugin-content-type-builder",
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"description": "Strapi plugin to create content type",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
@ -28,9 +28,9 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@sindresorhus/slugify": "1.1.0",
|
||||
"@strapi/generators": "4.5.1",
|
||||
"@strapi/helper-plugin": "4.5.1",
|
||||
"@strapi/utils": "4.5.1",
|
||||
"@strapi/generators": "4.5.2",
|
||||
"@strapi/helper-plugin": "4.5.2",
|
||||
"@strapi/utils": "4.5.2",
|
||||
"fs-extra": "10.0.0",
|
||||
"lodash": "4.17.21",
|
||||
"pluralize": "^8.0.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@strapi/database",
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"description": "Strapi's database layer",
|
||||
"homepage": "https://strapi.io",
|
||||
"bugs": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@strapi/plugin-email",
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"description": "Easily configure your Strapi application to send emails.",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
@ -26,12 +26,12 @@
|
||||
"test:front:watch:ce": "cross-env IS_EE=false jest --config ./jest.config.front.js --watchAll"
|
||||
},
|
||||
"dependencies": {
|
||||
"@strapi/provider-email-sendmail": "4.5.1",
|
||||
"@strapi/utils": "4.5.1",
|
||||
"@strapi/provider-email-sendmail": "4.5.2",
|
||||
"@strapi/utils": "4.5.2",
|
||||
"lodash": "4.17.21"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@strapi/helper-plugin": "4.5.1",
|
||||
"@strapi/helper-plugin": "4.5.2",
|
||||
"@testing-library/react": "12.1.4"
|
||||
},
|
||||
"engines": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@strapi/helper-plugin",
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"description": "Helper for Strapi plugins development",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@strapi/permissions",
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"description": "Strapi's permission layer.",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
@ -25,7 +25,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@casl/ability": "5.4.4",
|
||||
"@strapi/utils": "4.5.1",
|
||||
"@strapi/utils": "4.5.2",
|
||||
"lodash": "4.17.21",
|
||||
"sift": "16.0.0"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@strapi/strapi",
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"description": "An open source headless CMS solution to create and manage your own API. It provides a powerful dashboard and features to make your life easier. Databases supported: MySQL, MariaDB, PostgreSQL, SQLite",
|
||||
"keywords": [
|
||||
"strapi",
|
||||
@ -80,18 +80,18 @@
|
||||
"dependencies": {
|
||||
"@koa/cors": "3.4.3",
|
||||
"@koa/router": "10.1.1",
|
||||
"@strapi/admin": "4.5.1",
|
||||
"@strapi/database": "4.5.1",
|
||||
"@strapi/generate-new": "4.5.1",
|
||||
"@strapi/generators": "4.5.1",
|
||||
"@strapi/logger": "4.5.1",
|
||||
"@strapi/permissions": "4.5.1",
|
||||
"@strapi/plugin-content-manager": "4.5.1",
|
||||
"@strapi/plugin-content-type-builder": "4.5.1",
|
||||
"@strapi/plugin-email": "4.5.1",
|
||||
"@strapi/plugin-upload": "4.5.1",
|
||||
"@strapi/typescript-utils": "4.5.1",
|
||||
"@strapi/utils": "4.5.1",
|
||||
"@strapi/admin": "4.5.2",
|
||||
"@strapi/database": "4.5.2",
|
||||
"@strapi/generate-new": "4.5.2",
|
||||
"@strapi/generators": "4.5.2",
|
||||
"@strapi/logger": "4.5.2",
|
||||
"@strapi/permissions": "4.5.2",
|
||||
"@strapi/plugin-content-manager": "4.5.2",
|
||||
"@strapi/plugin-content-type-builder": "4.5.2",
|
||||
"@strapi/plugin-email": "4.5.2",
|
||||
"@strapi/plugin-upload": "4.5.2",
|
||||
"@strapi/typescript-utils": "4.5.2",
|
||||
"@strapi/utils": "4.5.2",
|
||||
"bcryptjs": "2.4.3",
|
||||
"boxen": "5.1.2",
|
||||
"chalk": "4.1.2",
|
||||
|
||||
@ -13,6 +13,7 @@ import {
|
||||
CardTitle,
|
||||
CardSubtitle,
|
||||
} from '@strapi/design-system/Card';
|
||||
import { Flex } from '@strapi/design-system/Flex';
|
||||
import { IconButton } from '@strapi/design-system/IconButton';
|
||||
import Pencil from '@strapi/icons/Pencil';
|
||||
import Trash from '@strapi/icons/Trash';
|
||||
@ -116,12 +117,14 @@ export const AssetCardBase = ({
|
||||
{subtitle}
|
||||
</CardSubtitle>
|
||||
</CardContent>
|
||||
<CardBadge>
|
||||
{formatMessage({
|
||||
id: getTrad(`settings.section.${variant.toLowerCase()}.label`),
|
||||
defaultMessage: variant,
|
||||
})}
|
||||
</CardBadge>
|
||||
<Flex paddingTop={1} grow={1}>
|
||||
<CardBadge>
|
||||
{formatMessage({
|
||||
id: getTrad(`settings.section.${variant.toLowerCase()}.label`),
|
||||
defaultMessage: variant,
|
||||
})}
|
||||
</CardBadge>
|
||||
</Flex>
|
||||
</CardBody>
|
||||
</CardContainer>
|
||||
);
|
||||
|
||||
@ -15,6 +15,7 @@ import {
|
||||
import { Typography } from '@strapi/design-system/Typography';
|
||||
import { Stack } from '@strapi/design-system/Stack';
|
||||
import { Box } from '@strapi/design-system/Box';
|
||||
import { Flex } from '@strapi/design-system/Flex';
|
||||
|
||||
import { getTrad } from '../../utils';
|
||||
import { AssetType } from '../../constants';
|
||||
@ -40,7 +41,10 @@ export const UploadingAssetCard = ({
|
||||
const { upload, cancel, error, progress, status } = useUpload();
|
||||
const { formatMessage } = useIntl();
|
||||
|
||||
let badgeContent;
|
||||
let badgeContent = formatMessage({
|
||||
id: getTrad('settings.section.doc.label'),
|
||||
defaultMessage: 'Doc',
|
||||
});
|
||||
|
||||
if (asset.type === AssetType.Image) {
|
||||
badgeContent = formatMessage({
|
||||
@ -57,11 +61,6 @@ export const UploadingAssetCard = ({
|
||||
id: getTrad('settings.section.audio.label'),
|
||||
defaultMessage: 'Audio',
|
||||
});
|
||||
} else {
|
||||
badgeContent = formatMessage({
|
||||
id: getTrad('settings.section.doc.label'),
|
||||
defaultMessage: 'Doc',
|
||||
});
|
||||
}
|
||||
|
||||
useEffect(() => {
|
||||
@ -88,7 +87,7 @@ export const UploadingAssetCard = ({
|
||||
|
||||
return (
|
||||
<Stack spacing={1}>
|
||||
<Card borderColor={error ? 'danger600' : undefined}>
|
||||
<Card borderColor={error ? 'danger600' : 'neutral150'}>
|
||||
<CardHeader>
|
||||
<UploadProgressWrapper>
|
||||
<UploadProgress error={error} onCancel={handleCancel} progress={progress} />
|
||||
@ -103,7 +102,9 @@ export const UploadingAssetCard = ({
|
||||
<Extension>{asset.ext}</Extension>
|
||||
</CardSubtitle>
|
||||
</CardContent>
|
||||
<CardBadge>{badgeContent}</CardBadge>
|
||||
<Flex paddingTop={1} grow={1}>
|
||||
<CardBadge>{badgeContent}</CardBadge>
|
||||
</Flex>
|
||||
</CardBody>
|
||||
</Card>
|
||||
{error ? (
|
||||
|
||||
@ -29,7 +29,7 @@ describe('DocAssetCard', () => {
|
||||
);
|
||||
|
||||
expect(container).toMatchInlineSnapshot(`
|
||||
.c31 {
|
||||
.c32 {
|
||||
border: 0;
|
||||
-webkit-clip: rect(0 0 0 0);
|
||||
clip: rect(0 0 0 0);
|
||||
@ -75,7 +75,15 @@ describe('DocAssetCard', () => {
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
.c27 {
|
||||
.c26 {
|
||||
padding-top: 4px;
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex-grow: 1;
|
||||
-ms-flex-positive: 1;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.c28 {
|
||||
background: #f6f6f9;
|
||||
padding: 4px;
|
||||
border-radius: 4px;
|
||||
@ -128,7 +136,7 @@ describe('DocAssetCard', () => {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.c28 {
|
||||
.c29 {
|
||||
-webkit-align-items: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
@ -171,7 +179,7 @@ describe('DocAssetCard', () => {
|
||||
color: #666687;
|
||||
}
|
||||
|
||||
.c30 {
|
||||
.c31 {
|
||||
font-weight: 600;
|
||||
font-size: 0.6875rem;
|
||||
line-height: 1.45;
|
||||
@ -366,14 +374,14 @@ describe('DocAssetCard', () => {
|
||||
right: 12px;
|
||||
}
|
||||
|
||||
.c26 {
|
||||
.c27 {
|
||||
margin-left: auto;
|
||||
-webkit-flex-shrink: 0;
|
||||
-ms-flex-negative: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.c29 {
|
||||
.c30 {
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
@ -535,23 +543,27 @@ describe('DocAssetCard', () => {
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="c26"
|
||||
class="c26 c5"
|
||||
>
|
||||
<div
|
||||
class="c27 c28 c29"
|
||||
class="c27"
|
||||
>
|
||||
<span
|
||||
class="c30"
|
||||
<div
|
||||
class="c28 c29 c30"
|
||||
>
|
||||
Doc
|
||||
</span>
|
||||
<span
|
||||
class="c31"
|
||||
>
|
||||
Doc
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
<div
|
||||
class="c31"
|
||||
class="c32"
|
||||
>
|
||||
<p
|
||||
aria-live="polite"
|
||||
|
||||
@ -32,7 +32,7 @@ describe('ImageAssetCard', () => {
|
||||
);
|
||||
|
||||
expect(container).toMatchInlineSnapshot(`
|
||||
.c30 {
|
||||
.c31 {
|
||||
border: 0;
|
||||
-webkit-clip: rect(0 0 0 0);
|
||||
clip: rect(0 0 0 0);
|
||||
@ -73,7 +73,15 @@ describe('ImageAssetCard', () => {
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
.c26 {
|
||||
.c25 {
|
||||
padding-top: 4px;
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex-grow: 1;
|
||||
-ms-flex-positive: 1;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.c27 {
|
||||
background: #f6f6f9;
|
||||
padding: 4px;
|
||||
border-radius: 4px;
|
||||
@ -126,7 +134,7 @@ describe('ImageAssetCard', () => {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.c27 {
|
||||
.c28 {
|
||||
-webkit-align-items: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
@ -202,7 +210,7 @@ describe('ImageAssetCard', () => {
|
||||
color: #666687;
|
||||
}
|
||||
|
||||
.c29 {
|
||||
.c30 {
|
||||
font-weight: 600;
|
||||
font-size: 0.6875rem;
|
||||
line-height: 1.45;
|
||||
@ -210,14 +218,14 @@ describe('ImageAssetCard', () => {
|
||||
color: #666687;
|
||||
}
|
||||
|
||||
.c25 {
|
||||
.c26 {
|
||||
margin-left: auto;
|
||||
-webkit-flex-shrink: 0;
|
||||
-ms-flex-negative: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.c28 {
|
||||
.c29 {
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
@ -533,23 +541,27 @@ describe('ImageAssetCard', () => {
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="c25"
|
||||
class="c25 c5"
|
||||
>
|
||||
<div
|
||||
class="c26 c27 c28"
|
||||
class="c26"
|
||||
>
|
||||
<span
|
||||
class="c29"
|
||||
<div
|
||||
class="c27 c28 c29"
|
||||
>
|
||||
Image
|
||||
</span>
|
||||
<span
|
||||
class="c30"
|
||||
>
|
||||
Image
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
<div
|
||||
class="c30"
|
||||
class="c31"
|
||||
>
|
||||
<p
|
||||
aria-live="polite"
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
|
||||
.c34 {
|
||||
.c35 {
|
||||
border: 0;
|
||||
-webkit-clip: rect(0 0 0 0);
|
||||
clip: rect(0 0 0 0);
|
||||
@ -42,21 +42,29 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
.c22 {
|
||||
.c21 {
|
||||
padding-top: 4px;
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex-grow: 1;
|
||||
-ms-flex-positive: 1;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.c23 {
|
||||
background: #f6f6f9;
|
||||
padding: 4px;
|
||||
border-radius: 4px;
|
||||
min-width: 20px;
|
||||
}
|
||||
|
||||
.c28 {
|
||||
.c29 {
|
||||
background: #32324d;
|
||||
color: #ffffff;
|
||||
padding: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.c31 {
|
||||
.c32 {
|
||||
width: 100%;
|
||||
height: 10.25rem;
|
||||
}
|
||||
@ -85,7 +93,7 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
|
||||
color: #666687;
|
||||
}
|
||||
|
||||
.c25 {
|
||||
.c26 {
|
||||
font-weight: 600;
|
||||
font-size: 0.6875rem;
|
||||
line-height: 1.45;
|
||||
@ -93,13 +101,13 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
|
||||
color: #666687;
|
||||
}
|
||||
|
||||
.c30 {
|
||||
.c31 {
|
||||
font-size: 0.75rem;
|
||||
line-height: 1.33;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.c27 {
|
||||
.c28 {
|
||||
border: 0;
|
||||
-webkit-clip: rect(0 0 0 0);
|
||||
clip: rect(0 0 0 0);
|
||||
@ -157,7 +165,7 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.c23 {
|
||||
.c24 {
|
||||
-webkit-align-items: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
@ -282,14 +290,14 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
|
||||
border-top-right-radius: 4px;
|
||||
}
|
||||
|
||||
.c21 {
|
||||
.c22 {
|
||||
margin-left: auto;
|
||||
-webkit-flex-shrink: 0;
|
||||
-ms-flex-negative: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.c24 {
|
||||
.c25 {
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
@ -302,7 +310,7 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
|
||||
border-bottom: 1px solid #eaeaef;
|
||||
}
|
||||
|
||||
.c29 {
|
||||
.c30 {
|
||||
position: absolute;
|
||||
bottom: 4px;
|
||||
right: 4px;
|
||||
@ -320,18 +328,18 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.c26 canvas,
|
||||
.c26 video {
|
||||
.c27 canvas,
|
||||
.c27 video {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
max-height: 10.25rem;
|
||||
}
|
||||
|
||||
.c33 svg {
|
||||
.c34 svg {
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
.c32 {
|
||||
.c33 {
|
||||
border-radius: 4px 4px 0 0;
|
||||
background: linear-gradient(180deg,#ffffff 0%,#f6f6f9 121.48%);
|
||||
}
|
||||
@ -430,16 +438,20 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="c21"
|
||||
class="c21 c8"
|
||||
>
|
||||
<div
|
||||
class="c22 c23 c24"
|
||||
class="c22"
|
||||
>
|
||||
<span
|
||||
class="c25"
|
||||
<div
|
||||
class="c23 c24 c25"
|
||||
>
|
||||
Image
|
||||
</span>
|
||||
<span
|
||||
class="c26"
|
||||
>
|
||||
Image
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -487,7 +499,7 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
|
||||
class="c8"
|
||||
>
|
||||
<div
|
||||
class="c26"
|
||||
class="c27"
|
||||
>
|
||||
<figure
|
||||
class=""
|
||||
@ -501,7 +513,7 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
|
||||
/>
|
||||
</video>
|
||||
<figcaption
|
||||
class="c27"
|
||||
class="c28"
|
||||
>
|
||||
mov_bbb.mp4
|
||||
</figcaption>
|
||||
@ -510,10 +522,10 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
<time
|
||||
class="c28 c29"
|
||||
class="c29 c30"
|
||||
>
|
||||
<span
|
||||
class="c30"
|
||||
class="c31"
|
||||
>
|
||||
...
|
||||
</span>
|
||||
@ -550,16 +562,20 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="c21"
|
||||
class="c21 c8"
|
||||
>
|
||||
<div
|
||||
class="c22 c23 c24"
|
||||
class="c22"
|
||||
>
|
||||
<span
|
||||
class="c25"
|
||||
<div
|
||||
class="c23 c24 c25"
|
||||
>
|
||||
Video
|
||||
</span>
|
||||
<span
|
||||
class="c26"
|
||||
>
|
||||
Video
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -601,12 +617,12 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="c31 c5 c32"
|
||||
class="c32 c5 c33"
|
||||
height="10.25rem"
|
||||
width="100%"
|
||||
>
|
||||
<span
|
||||
class="c33"
|
||||
class="c34"
|
||||
>
|
||||
<svg
|
||||
aria-label="CARTE MARIAGE AVS - Printemps.pdf"
|
||||
@ -661,16 +677,20 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="c21"
|
||||
class="c21 c8"
|
||||
>
|
||||
<div
|
||||
class="c22 c23 c24"
|
||||
class="c22"
|
||||
>
|
||||
<span
|
||||
class="c25"
|
||||
<div
|
||||
class="c23 c24 c25"
|
||||
>
|
||||
Doc
|
||||
</span>
|
||||
<span
|
||||
class="c26"
|
||||
>
|
||||
Doc
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -681,7 +701,7 @@ exports[`MediaLibrary / AssetList snapshots the asset list 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="c34"
|
||||
class="c35"
|
||||
>
|
||||
<p
|
||||
aria-live="polite"
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`PendingAssetStep snapshots the component with valid cards 1`] = `
|
||||
.c52 {
|
||||
.c53 {
|
||||
border: 0;
|
||||
-webkit-clip: rect(0 0 0 0);
|
||||
clip: rect(0 0 0 0);
|
||||
@ -62,19 +62,27 @@ exports[`PendingAssetStep snapshots the component with valid cards 1`] = `
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
.c38 {
|
||||
.c37 {
|
||||
padding-top: 4px;
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex-grow: 1;
|
||||
-ms-flex-positive: 1;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.c39 {
|
||||
background: #f6f6f9;
|
||||
padding: 4px;
|
||||
border-radius: 4px;
|
||||
min-width: 20px;
|
||||
}
|
||||
|
||||
.c42 {
|
||||
.c43 {
|
||||
width: 100%;
|
||||
height: 5.5rem;
|
||||
}
|
||||
|
||||
.c46 {
|
||||
.c47 {
|
||||
background: #32324d;
|
||||
color: #ffffff;
|
||||
padding: 4px;
|
||||
@ -159,7 +167,7 @@ exports[`PendingAssetStep snapshots the component with valid cards 1`] = `
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.c39 {
|
||||
.c40 {
|
||||
-webkit-align-items: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
@ -205,7 +213,7 @@ exports[`PendingAssetStep snapshots the component with valid cards 1`] = `
|
||||
color: #32324d;
|
||||
}
|
||||
|
||||
.c41 {
|
||||
.c42 {
|
||||
font-weight: 600;
|
||||
font-size: 0.6875rem;
|
||||
line-height: 1.45;
|
||||
@ -213,7 +221,7 @@ exports[`PendingAssetStep snapshots the component with valid cards 1`] = `
|
||||
color: #666687;
|
||||
}
|
||||
|
||||
.c48 {
|
||||
.c49 {
|
||||
font-size: 0.75rem;
|
||||
line-height: 1.33;
|
||||
color: #ffffff;
|
||||
@ -370,7 +378,7 @@ exports[`PendingAssetStep snapshots the component with valid cards 1`] = `
|
||||
fill: #ffffff;
|
||||
}
|
||||
|
||||
.c51 {
|
||||
.c52 {
|
||||
-webkit-align-items: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
@ -384,7 +392,7 @@ exports[`PendingAssetStep snapshots the component with valid cards 1`] = `
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.c51 .c0 {
|
||||
.c52 .c0 {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
@ -395,52 +403,52 @@ exports[`PendingAssetStep snapshots the component with valid cards 1`] = `
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.c51 .c4 {
|
||||
.c52 .c4 {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.c51[aria-disabled='true'] {
|
||||
.c52[aria-disabled='true'] {
|
||||
border: 1px solid #dcdce4;
|
||||
background: #eaeaef;
|
||||
}
|
||||
|
||||
.c51[aria-disabled='true'] .c4 {
|
||||
.c52[aria-disabled='true'] .c4 {
|
||||
color: #666687;
|
||||
}
|
||||
|
||||
.c51[aria-disabled='true'] svg > g,
|
||||
.c51[aria-disabled='true'] svg path {
|
||||
.c52[aria-disabled='true'] svg > g,
|
||||
.c52[aria-disabled='true'] svg path {
|
||||
fill: #666687;
|
||||
}
|
||||
|
||||
.c51[aria-disabled='true']:active {
|
||||
.c52[aria-disabled='true']:active {
|
||||
border: 1px solid #dcdce4;
|
||||
background: #eaeaef;
|
||||
}
|
||||
|
||||
.c51[aria-disabled='true']:active .c4 {
|
||||
.c52[aria-disabled='true']:active .c4 {
|
||||
color: #666687;
|
||||
}
|
||||
|
||||
.c51[aria-disabled='true']:active svg > g,
|
||||
.c51[aria-disabled='true']:active svg path {
|
||||
.c52[aria-disabled='true']:active svg > g,
|
||||
.c52[aria-disabled='true']:active svg path {
|
||||
fill: #666687;
|
||||
}
|
||||
|
||||
.c51:hover {
|
||||
.c52:hover {
|
||||
background-color: #f6f6f9;
|
||||
}
|
||||
|
||||
.c51:active {
|
||||
.c52:active {
|
||||
background-color: #eaeaef;
|
||||
}
|
||||
|
||||
.c51 .c4 {
|
||||
.c52 .c4 {
|
||||
color: #32324d;
|
||||
}
|
||||
|
||||
.c51 svg > g,
|
||||
.c51 svg path {
|
||||
.c52 svg > g,
|
||||
.c52 svg path {
|
||||
fill: #32324d;
|
||||
}
|
||||
|
||||
@ -489,12 +497,12 @@ exports[`PendingAssetStep snapshots the component with valid cards 1`] = `
|
||||
border-bottom: 1px solid #eaeaef;
|
||||
}
|
||||
|
||||
.c49 {
|
||||
.c50 {
|
||||
border-radius: 0 0 4px 4px;
|
||||
border-top: 1px solid #eaeaef;
|
||||
}
|
||||
|
||||
.c50 > * + * {
|
||||
.c51 > * + * {
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
@ -544,14 +552,14 @@ exports[`PendingAssetStep snapshots the component with valid cards 1`] = `
|
||||
border-top-right-radius: 4px;
|
||||
}
|
||||
|
||||
.c37 {
|
||||
.c38 {
|
||||
margin-left: auto;
|
||||
-webkit-flex-shrink: 0;
|
||||
-ms-flex-negative: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.c40 {
|
||||
.c41 {
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
@ -564,7 +572,7 @@ exports[`PendingAssetStep snapshots the component with valid cards 1`] = `
|
||||
border-bottom: 1px solid #eaeaef;
|
||||
}
|
||||
|
||||
.c47 {
|
||||
.c48 {
|
||||
position: absolute;
|
||||
bottom: 4px;
|
||||
right: 4px;
|
||||
@ -590,18 +598,18 @@ exports[`PendingAssetStep snapshots the component with valid cards 1`] = `
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.c45 canvas,
|
||||
.c45 video {
|
||||
.c46 canvas,
|
||||
.c46 video {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
max-height: 5.5rem;
|
||||
}
|
||||
|
||||
.c44 svg {
|
||||
.c45 svg {
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
.c43 {
|
||||
.c44 {
|
||||
border-radius: 4px 4px 0 0;
|
||||
background: linear-gradient(180deg,#ffffff 0%,#f6f6f9 121.48%);
|
||||
}
|
||||
@ -824,16 +832,20 @@ exports[`PendingAssetStep snapshots the component with valid cards 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="c37"
|
||||
class="c0 c37 c25"
|
||||
>
|
||||
<div
|
||||
class="c0 c38 c39 c40"
|
||||
class="c38"
|
||||
>
|
||||
<span
|
||||
class="c4 c41"
|
||||
<div
|
||||
class="c0 c39 c40 c41"
|
||||
>
|
||||
Image
|
||||
</span>
|
||||
<span
|
||||
class="c4 c42"
|
||||
>
|
||||
Image
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -923,12 +935,12 @@ exports[`PendingAssetStep snapshots the component with valid cards 1`] = `
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="c0 c42 c22 c43"
|
||||
class="c0 c43 c22 c44"
|
||||
height="5.5rem"
|
||||
width="100%"
|
||||
>
|
||||
<span
|
||||
class="c44"
|
||||
class="c45"
|
||||
>
|
||||
<svg
|
||||
aria-label="something.pdf"
|
||||
@ -983,16 +995,20 @@ exports[`PendingAssetStep snapshots the component with valid cards 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="c37"
|
||||
class="c0 c37 c25"
|
||||
>
|
||||
<div
|
||||
class="c0 c38 c39 c40"
|
||||
class="c38"
|
||||
>
|
||||
<span
|
||||
class="c4 c41"
|
||||
<div
|
||||
class="c0 c39 c40 c41"
|
||||
>
|
||||
Doc
|
||||
</span>
|
||||
<span
|
||||
class="c4 c42"
|
||||
>
|
||||
Doc
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1088,7 +1104,7 @@ exports[`PendingAssetStep snapshots the component with valid cards 1`] = `
|
||||
class="c0 c25"
|
||||
>
|
||||
<div
|
||||
class="c0 c45"
|
||||
class="c0 c46"
|
||||
>
|
||||
<figure
|
||||
class="c0 "
|
||||
@ -1111,10 +1127,10 @@ exports[`PendingAssetStep snapshots the component with valid cards 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
<time
|
||||
class="c0 c46 c47"
|
||||
class="c0 c47 c48"
|
||||
>
|
||||
<span
|
||||
class="c4 c48"
|
||||
class="c4 c49"
|
||||
>
|
||||
...
|
||||
</span>
|
||||
@ -1151,16 +1167,20 @@ exports[`PendingAssetStep snapshots the component with valid cards 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="c37"
|
||||
class="c0 c37 c25"
|
||||
>
|
||||
<div
|
||||
class="c0 c38 c39 c40"
|
||||
class="c38"
|
||||
>
|
||||
<span
|
||||
class="c4 c41"
|
||||
<div
|
||||
class="c0 c39 c40 c41"
|
||||
>
|
||||
Video
|
||||
</span>
|
||||
<span
|
||||
class="c4 c42"
|
||||
>
|
||||
Video
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1173,17 +1193,17 @@ exports[`PendingAssetStep snapshots the component with valid cards 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="c0 c1 c49"
|
||||
class="c0 c1 c50"
|
||||
>
|
||||
<div
|
||||
class="c0 c3"
|
||||
>
|
||||
<div
|
||||
class="c0 c25 c50"
|
||||
class="c0 c25 c51"
|
||||
>
|
||||
<button
|
||||
aria-disabled="false"
|
||||
class="c6 c51"
|
||||
class="c6 c52"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
@ -1194,7 +1214,7 @@ exports[`PendingAssetStep snapshots the component with valid cards 1`] = `
|
||||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="c0 c25 c50"
|
||||
class="c0 c25 c51"
|
||||
>
|
||||
<button
|
||||
aria-disabled="false"
|
||||
@ -1212,7 +1232,7 @@ exports[`PendingAssetStep snapshots the component with valid cards 1`] = `
|
||||
</div>
|
||||
</form>
|
||||
<div
|
||||
class="c52"
|
||||
class="c53"
|
||||
>
|
||||
<p
|
||||
aria-live="polite"
|
||||
|
||||
@ -3,15 +3,15 @@ import PropTypes from 'prop-types';
|
||||
import styled from 'styled-components';
|
||||
import Cross from '@strapi/icons/Cross';
|
||||
import { Typography } from '@strapi/design-system/Typography';
|
||||
import { Box } from '@strapi/design-system/Box';
|
||||
import { Flex } from '@strapi/design-system/Flex';
|
||||
import { Stack } from '@strapi/design-system/Stack';
|
||||
import { ProgressBar } from '@strapi/design-system/ProgressBar';
|
||||
import { useIntl } from 'react-intl';
|
||||
|
||||
const BoxWrapper = styled(Flex)`
|
||||
border-radius: ${({ theme }) => `${theme.borderRadius} ${theme.borderRadius} 0 0`};
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
flex-direction: column;
|
||||
|
||||
svg {
|
||||
path {
|
||||
@ -23,16 +23,21 @@ const BoxWrapper = styled(Flex)`
|
||||
const CancelButton = styled.button`
|
||||
border: none;
|
||||
background: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: min-content;
|
||||
color: ${({ theme }) => theme.colors.neutral600};
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: ${({ theme }) => theme.colors.neutral700};
|
||||
}
|
||||
|
||||
svg {
|
||||
path {
|
||||
fill: ${({ theme }) => theme.colors.neutral200};
|
||||
}
|
||||
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
|
||||
path {
|
||||
fill: currentColor;
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
||||
@ -40,34 +45,26 @@ export const UploadProgress = ({ onCancel, progress, error }) => {
|
||||
const { formatMessage } = useIntl();
|
||||
|
||||
return (
|
||||
<BoxWrapper
|
||||
background={error ? 'danger100' : 'neutral700'}
|
||||
justifyContent="center"
|
||||
error={error}
|
||||
hasRadius
|
||||
>
|
||||
<BoxWrapper alignItems="center" background={error ? 'danger100' : 'neutral150'} error={error}>
|
||||
{error ? (
|
||||
<Cross aria-label={error?.message} />
|
||||
) : (
|
||||
<>
|
||||
<Box paddingBottom={2}>
|
||||
<ProgressBar value={progress} size="S">
|
||||
{`${progress}/100%`}
|
||||
</ProgressBar>
|
||||
</Box>
|
||||
<Stack alignItems="center" spacing={2} width="100%">
|
||||
<ProgressBar value={progress}>{`${progress}/100%`}</ProgressBar>
|
||||
|
||||
<CancelButton type="button" onClick={onCancel}>
|
||||
<Typography variant="pi" as="span" textColor="neutral200">
|
||||
{formatMessage({
|
||||
id: 'app.components.Button.cancel',
|
||||
defaultMessage: 'Cancel',
|
||||
})}
|
||||
</Typography>
|
||||
<Box as="span" paddingLeft={2} aria-hidden>
|
||||
<Cross />
|
||||
</Box>
|
||||
<Stack horizontal spacing={2}>
|
||||
<Typography variant="pi" as="span" textColor="inherit">
|
||||
{formatMessage({
|
||||
id: 'app.components.Button.cancel',
|
||||
defaultMessage: 'Cancel',
|
||||
})}
|
||||
</Typography>
|
||||
|
||||
<Cross aria-hidden />
|
||||
</Stack>
|
||||
</CancelButton>
|
||||
</>
|
||||
</Stack>
|
||||
)}
|
||||
</BoxWrapper>
|
||||
);
|
||||
|
||||
@ -49,31 +49,25 @@ describe('<UploadProgress />', () => {
|
||||
} = renderCompo();
|
||||
|
||||
expect(firstChild).toMatchInlineSnapshot(`
|
||||
.c7 {
|
||||
.c10 {
|
||||
font-size: 0.75rem;
|
||||
line-height: 1.33;
|
||||
color: #dcdce4;
|
||||
}
|
||||
|
||||
.c0 {
|
||||
background: #4a4a6a;
|
||||
border-radius: 4px;
|
||||
background: #eaeaef;
|
||||
}
|
||||
|
||||
.c3 {
|
||||
padding-bottom: 8px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.c4 {
|
||||
.c6 {
|
||||
background: #666687;
|
||||
border-radius: 4px;
|
||||
position: relative;
|
||||
width: 78px;
|
||||
height: 4px;
|
||||
}
|
||||
|
||||
.c8 {
|
||||
padding-left: 8px;
|
||||
width: 102px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
.c1 {
|
||||
@ -88,13 +82,41 @@ describe('<UploadProgress />', () => {
|
||||
-webkit-flex-direction: row;
|
||||
-ms-flex-direction: row;
|
||||
flex-direction: row;
|
||||
-webkit-box-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.c5:before {
|
||||
.c4 {
|
||||
-webkit-align-items: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.c5 > * {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.c5 > * + * {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.c9 > * {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.c9 > * + * {
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.c7:before {
|
||||
background-color: #ffffff;
|
||||
border-radius: 4px;
|
||||
bottom: 0;
|
||||
@ -105,80 +127,82 @@ describe('<UploadProgress />', () => {
|
||||
}
|
||||
|
||||
.c2 {
|
||||
border-radius: 4px 4px 0 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.c6 {
|
||||
.c8 {
|
||||
border: none;
|
||||
background: none;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-align-items: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
width: -webkit-min-content;
|
||||
width: -moz-min-content;
|
||||
width: min-content;
|
||||
color: #666687;
|
||||
}
|
||||
|
||||
.c6 svg {
|
||||
.c8:hover,
|
||||
.c8:focus {
|
||||
color: #4a4a6a;
|
||||
}
|
||||
|
||||
.c8 svg {
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
}
|
||||
|
||||
.c6 svg path {
|
||||
fill: #dcdce4;
|
||||
.c8 svg path {
|
||||
fill: currentColor;
|
||||
}
|
||||
|
||||
<div
|
||||
class="c0 c1 c2"
|
||||
>
|
||||
<div
|
||||
class="c3"
|
||||
class="c3 c4 c5"
|
||||
spacing="2"
|
||||
width="100%"
|
||||
>
|
||||
<div
|
||||
aria-label="0/100%"
|
||||
aria-valuemax="100"
|
||||
aria-valuemin="0"
|
||||
aria-valuenow="0"
|
||||
class="c4 c5"
|
||||
height="1"
|
||||
class="c6 c7"
|
||||
height="2"
|
||||
role="progressbar"
|
||||
value="0"
|
||||
width="78px"
|
||||
width="102px"
|
||||
/>
|
||||
</div>
|
||||
<button
|
||||
class="c6"
|
||||
type="button"
|
||||
>
|
||||
<span
|
||||
class="c7"
|
||||
>
|
||||
Cancel
|
||||
</span>
|
||||
<span
|
||||
aria-hidden="true"
|
||||
<button
|
||||
class="c8"
|
||||
type="button"
|
||||
>
|
||||
<svg
|
||||
fill="none"
|
||||
height="1em"
|
||||
viewBox="0 0 24 24"
|
||||
width="1em"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
<div
|
||||
class="c1 c9"
|
||||
spacing="2"
|
||||
>
|
||||
<path
|
||||
d="M24 2.417L21.583 0 12 9.583 2.417 0 0 2.417 9.583 12 0 21.583 2.417 24 12 14.417 21.583 24 24 21.583 14.417 12 24 2.417z"
|
||||
fill="#212134"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
</button>
|
||||
<span
|
||||
class="c10"
|
||||
>
|
||||
Cancel
|
||||
</span>
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
fill="none"
|
||||
height="1em"
|
||||
viewBox="0 0 24 24"
|
||||
width="1em"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M24 2.417L21.583 0 12 9.583 2.417 0 0 2.417 9.583 12 0 21.583 2.417 24 12 14.417 21.583 24 24 21.583 14.417 12 24 2.417z"
|
||||
fill="#212134"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
`);
|
||||
});
|
||||
@ -191,7 +215,6 @@ describe('<UploadProgress />', () => {
|
||||
expect(firstChild).toMatchInlineSnapshot(`
|
||||
.c0 {
|
||||
background: #fcecea;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.c1 {
|
||||
@ -206,18 +229,12 @@ describe('<UploadProgress />', () => {
|
||||
-webkit-flex-direction: row;
|
||||
-ms-flex-direction: row;
|
||||
flex-direction: row;
|
||||
-webkit-box-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.c2 {
|
||||
border-radius: 4px 4px 0 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.c2 svg path {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@strapi/plugin-upload",
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"description": "Makes it easy to upload images and files to your Strapi Application.",
|
||||
"license": "SEE LICENSE IN LICENSE",
|
||||
"author": {
|
||||
@ -23,9 +23,9 @@
|
||||
"test:front:watch:ce": "cross-env IS_EE=false jest --config ./jest.config.front.js --watchAll"
|
||||
},
|
||||
"dependencies": {
|
||||
"@strapi/helper-plugin": "4.5.1",
|
||||
"@strapi/provider-upload-local": "4.5.1",
|
||||
"@strapi/utils": "4.5.1",
|
||||
"@strapi/helper-plugin": "4.5.2",
|
||||
"@strapi/provider-upload-local": "4.5.2",
|
||||
"@strapi/utils": "4.5.2",
|
||||
"byte-size": "7.0.1",
|
||||
"cropperjs": "1.5.12",
|
||||
"date-fns": "2.29.2",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@strapi/utils",
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"description": "Shared utilities for the Strapi packages",
|
||||
"keywords": [
|
||||
"strapi",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@strapi/generate-new",
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"description": "Generate a new Strapi application.",
|
||||
"keywords": [
|
||||
"generate",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@strapi/generators",
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"description": "Interactive API generator.",
|
||||
"keywords": [
|
||||
"strapi",
|
||||
@ -30,8 +30,8 @@
|
||||
"main": "lib/index.js",
|
||||
"dependencies": {
|
||||
"@sindresorhus/slugify": "1.1.0",
|
||||
"@strapi/typescript-utils": "4.5.1",
|
||||
"@strapi/utils": "4.5.1",
|
||||
"@strapi/typescript-utils": "4.5.2",
|
||||
"@strapi/utils": "4.5.2",
|
||||
"chalk": "4.1.2",
|
||||
"fs-extra": "10.0.0",
|
||||
"node-plop": "0.26.3",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@strapi/plugin-color-picker",
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"description": "Strapi maintained Custom Fields",
|
||||
"strapi": {
|
||||
"name": "color-picker",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@strapi/plugin-documentation",
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"description": "Create an OpenAPI Document and visualize your API with SWAGGER UI.",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
@ -24,8 +24,8 @@
|
||||
"test": "echo \"no tests yet\""
|
||||
},
|
||||
"dependencies": {
|
||||
"@strapi/helper-plugin": "4.5.1",
|
||||
"@strapi/utils": "4.5.1",
|
||||
"@strapi/helper-plugin": "4.5.2",
|
||||
"@strapi/utils": "4.5.2",
|
||||
"bcryptjs": "2.4.3",
|
||||
"cheerio": "^1.0.0-rc.12",
|
||||
"fs-extra": "10.0.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@strapi/plugin-graphql",
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"description": "Adds GraphQL endpoint with default API methods.",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
@ -29,7 +29,7 @@
|
||||
"dependencies": {
|
||||
"@graphql-tools/schema": "8.1.2",
|
||||
"@graphql-tools/utils": "^8.12.0",
|
||||
"@strapi/utils": "4.5.1",
|
||||
"@strapi/utils": "4.5.2",
|
||||
"apollo-server-core": "3.1.2",
|
||||
"apollo-server-koa": "3.10.0",
|
||||
"glob": "^7.1.7",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@strapi/plugin-i18n",
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"description": "This plugin enables to create, to read and to update content in different languages, both from the Admin Panel and from the API",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
@ -24,7 +24,7 @@
|
||||
"test:unit": "jest --verbose"
|
||||
},
|
||||
"dependencies": {
|
||||
"@strapi/utils": "4.5.1",
|
||||
"@strapi/utils": "4.5.2",
|
||||
"lodash": "4.17.21"
|
||||
},
|
||||
"devDependencies": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@strapi/plugin-sentry",
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"description": "Send Strapi error events to Sentry",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@strapi/plugin-users-permissions",
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"description": "Protect your API with a full-authentication process based on JWT",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
@ -27,8 +27,8 @@
|
||||
"test:front:watch:ce": "cross-env IS_EE=false jest --config ./jest.config.front.js --watchAll"
|
||||
},
|
||||
"dependencies": {
|
||||
"@strapi/helper-plugin": "4.5.1",
|
||||
"@strapi/utils": "4.5.1",
|
||||
"@strapi/helper-plugin": "4.5.2",
|
||||
"@strapi/utils": "4.5.2",
|
||||
"bcryptjs": "2.4.3",
|
||||
"grant-koa": "5.4.8",
|
||||
"jsonwebtoken": "^8.1.0",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@strapi/provider-email-amazon-ses",
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"description": "Amazon SES provider for strapi email",
|
||||
"keywords": [
|
||||
"email",
|
||||
@ -36,7 +36,7 @@
|
||||
"test": "echo \"no tests yet\""
|
||||
},
|
||||
"dependencies": {
|
||||
"@strapi/utils": "4.5.1",
|
||||
"@strapi/utils": "4.5.2",
|
||||
"node-ses": "^3.0.3"
|
||||
},
|
||||
"engines": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@strapi/provider-email-mailgun",
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"description": "Mailgun provider for strapi email plugin",
|
||||
"keywords": [
|
||||
"email",
|
||||
@ -36,7 +36,7 @@
|
||||
"test": "echo \"no tests yet\""
|
||||
},
|
||||
"dependencies": {
|
||||
"@strapi/utils": "4.5.1",
|
||||
"@strapi/utils": "4.5.2",
|
||||
"form-data": "^4.0.0",
|
||||
"mailgun.js": "5.2.2"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@strapi/provider-email-nodemailer",
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"description": "Nodemailer provider for Strapi 3",
|
||||
"keywords": [
|
||||
"strapi",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@strapi/provider-email-sendgrid",
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"description": "Sendgrid provider for strapi email",
|
||||
"keywords": [
|
||||
"email",
|
||||
@ -37,7 +37,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@sendgrid/mail": "7.7.0",
|
||||
"@strapi/utils": "4.5.1"
|
||||
"@strapi/utils": "4.5.2"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=14.19.1 <=18.x.x",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@strapi/provider-email-sendmail",
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"description": "Sendmail provider for strapi email",
|
||||
"keywords": [
|
||||
"email",
|
||||
@ -35,7 +35,7 @@
|
||||
"test": "echo \"no tests yet\""
|
||||
},
|
||||
"dependencies": {
|
||||
"@strapi/utils": "4.5.1",
|
||||
"@strapi/utils": "4.5.2",
|
||||
"sendmail": "^1.6.1"
|
||||
},
|
||||
"engines": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@strapi/provider-upload-aws-s3",
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"description": "AWS S3 provider for strapi upload",
|
||||
"keywords": [
|
||||
"upload",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@strapi/provider-upload-cloudinary",
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"description": "Cloudinary provider for strapi upload",
|
||||
"keywords": [
|
||||
"upload",
|
||||
@ -36,7 +36,7 @@
|
||||
"test": "echo \"no tests yet\""
|
||||
},
|
||||
"dependencies": {
|
||||
"@strapi/utils": "4.5.1",
|
||||
"@strapi/utils": "4.5.2",
|
||||
"cloudinary": "^1.30.1",
|
||||
"into-stream": "^5.1.0"
|
||||
},
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@strapi/provider-upload-local",
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"description": "Local provider for strapi upload",
|
||||
"keywords": [
|
||||
"upload",
|
||||
@ -35,7 +35,7 @@
|
||||
"test": "echo \"no tests yet\""
|
||||
},
|
||||
"dependencies": {
|
||||
"@strapi/utils": "4.5.1",
|
||||
"@strapi/utils": "4.5.2",
|
||||
"fs-extra": "10.0.0"
|
||||
},
|
||||
"engines": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@strapi/babel-plugin-switch-ee-ce",
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"private": false,
|
||||
"description": "Babel plugin to switch from CE to EE at runtime",
|
||||
"repository": "git://github.com/strapi/strapi.git",
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@strapi/logger",
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"description": "Strapi's logger",
|
||||
"homepage": "https://strapi.io",
|
||||
"bugs": {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@strapi/typescript-utils",
|
||||
"version": "4.5.1",
|
||||
"version": "4.5.2",
|
||||
"description": "Typescript support for Strapi",
|
||||
"keywords": [
|
||||
"strapi",
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user