diff --git a/packages/core/admin/admin/src/pages/MarketplacePage/index.js b/packages/core/admin/admin/src/pages/MarketplacePage/index.js index e9da30ba55..3f4a703eab 100644 --- a/packages/core/admin/admin/src/pages/MarketplacePage/index.js +++ b/packages/core/admin/admin/src/pages/MarketplacePage/index.js @@ -175,7 +175,6 @@ const MarketPlacePage = () => { } /> - { await waitFor(() => expect(getByRole('heading', { name: /marketplace/i })).toBeInTheDocument()); expect(container.firstChild).toMatchInlineSnapshot(` - .c26 { + .c16 { padding-bottom: 16px; width: 25%; } - .c42 { + .c32 { border-radius: 4px; width: 64px; height: 64px; } - .c43 { + .c33 { padding-top: 16px; } - .c45 { + .c36 { padding-top: 8px; } - .c60 { + .c52 { margin-left: 4px; width: 24px; height: auto; } - .c61 { + .c53 { padding-left: 16px; } - .c64 { + .c56 { padding-top: 32px; } - .c57 { + .c49 { font-weight: 600; color: #32324d; font-size: 0.75rem; line-height: 1.33; } - .c54 { + .c46 { padding-right: 8px; } - .c51 { + .c43 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -116,21 +116,21 @@ describe('Marketplace page', () => { outline: none; } - .c51 svg { + .c43 svg { height: 12px; width: 12px; } - .c51 svg > g, - .c51 svg path { + .c43 svg > g, + .c43 svg path { fill: #ffffff; } - .c51[aria-disabled='true'] { + .c43[aria-disabled='true'] { pointer-events: none; } - .c51:after { + .c43:after { -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; @@ -145,11 +145,11 @@ describe('Marketplace page', () => { border: 2px solid transparent; } - .c51:focus-visible { + .c43:focus-visible { outline: none; } - .c51:focus-visible:after { + .c43:focus-visible:after { border-radius: 8px; content: ''; position: absolute; @@ -160,11 +160,11 @@ describe('Marketplace page', () => { border: 2px solid #4945ff; } - .c55 { + .c47 { height: 100%; } - .c52 { + .c44 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -176,7 +176,7 @@ describe('Marketplace page', () => { background: #f0f0ff; } - .c52 .c53 { + .c44 .c45 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -187,79 +187,66 @@ describe('Marketplace page', () => { align-items: center; } - .c52 .c56 { + .c44 .c48 { color: #ffffff; } - .c52[aria-disabled='true'] { + .c44[aria-disabled='true'] { border: 1px solid #dcdce4; background: #eaeaef; } - .c52[aria-disabled='true'] .c56 { + .c44[aria-disabled='true'] .c48 { color: #666687; } - .c52[aria-disabled='true'] svg > g, - .c52[aria-disabled='true'] svg path { + .c44[aria-disabled='true'] svg > g, + .c44[aria-disabled='true'] svg path { fill: #666687; } - .c52[aria-disabled='true']:active { + .c44[aria-disabled='true']:active { border: 1px solid #dcdce4; background: #eaeaef; } - .c52[aria-disabled='true']:active .c56 { + .c44[aria-disabled='true']:active .c48 { color: #666687; } - .c52[aria-disabled='true']:active svg > g, - .c52[aria-disabled='true']:active svg path { + .c44[aria-disabled='true']:active svg > g, + .c44[aria-disabled='true']:active svg path { fill: #666687; } - .c52:hover { + .c44:hover { background-color: #ffffff; } - .c52:active { + .c44:active { background-color: #ffffff; border: 1px solid #4945ff; } - .c52:active .c56 { + .c44:active .c48 { color: #4945ff; } - .c52:active svg > g, - .c52:active svg path { + .c44:active svg > g, + .c44:active svg path { fill: #4945ff; } - .c52 .c56 { + .c44 .c48 { color: #271fe0; } - .c52 svg > g, - .c52 svg path { + .c44 svg > g, + .c44 svg path { fill: #271fe0; } - .c16 { - background: #ffffff; - padding: 24px; - border-radius: 4px; - box-shadow: 0px 1px 4px rgba(33,33,52,0.1); - } - - .c18 { - background: #f6ecfc; - padding: 12px; - border-radius: 4px; - } - - .c40 { + .c30 { background: #ffffff; padding-top: 16px; padding-right: 24px; @@ -270,21 +257,20 @@ describe('Marketplace page', () => { height: 100%; } - .c17 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + .c57 { + background: #ffffff; + padding: 24px; + border-radius: 4px; + box-shadow: 0px 1px 4px rgba(33,33,52,0.1); } - .c41 { + .c58 { + background: #f6ecfc; + padding: 12px; + border-radius: 4px; + } + + .c31 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -302,39 +288,7 @@ describe('Marketplace page', () => { align-items: normal; } - .c23 { - color: #666687; - margin-left: 8px; - width: 12px; - height: 12px; - } - - .c58 { - color: #328048; - margin-left: 8px; - } - - .c62 { - color: #328048; - margin-right: 8px; - width: 12; - height: 12; - } - - .c24 path { - fill: #666687; - } - - .c59 path { - fill: #328048; - } - - .c34 { - padding-right: 8px; - padding-left: 12px; - } - - .c30 { + .c35 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -348,7 +302,53 @@ describe('Marketplace page', () => { align-items: center; } - .c32 { + .c50 { + color: #328048; + margin-left: 8px; + } + + .c54 { + color: #328048; + margin-right: 8px; + width: 12; + height: 12; + } + + .c63 { + color: #666687; + margin-left: 8px; + width: 12px; + height: 12px; + } + + .c51 path { + fill: #328048; + } + + .c64 path { + fill: #666687; + } + + .c24 { + padding-right: 8px; + padding-left: 12px; + } + + .c20 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } + + .c22 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -366,14 +366,14 @@ describe('Marketplace page', () => { align-items: center; } - .c29 { + .c19 { font-weight: 600; color: #32324d; font-size: 0.75rem; line-height: 1.33; } - .c37 { + .c27 { border: none; border-radius: 4px; padding-left: 0; @@ -386,36 +386,36 @@ describe('Marketplace page', () => { background: inherit; } - .c37::-webkit-input-placeholder { + .c27::-webkit-input-placeholder { color: #8e8ea9; opacity: 1; } - .c37::-moz-placeholder { + .c27::-moz-placeholder { color: #8e8ea9; opacity: 1; } - .c37:-ms-input-placeholder { + .c27:-ms-input-placeholder { color: #8e8ea9; opacity: 1; } - .c37::placeholder { + .c27::placeholder { color: #8e8ea9; opacity: 1; } - .c37[aria-disabled='true'] { + .c27[aria-disabled='true'] { color: inherit; } - .c37:focus { + .c27:focus { outline: none; box-shadow: none; } - .c33 { + .c23 { border: 1px solid #dcdce4; border-radius: 4px; background: #ffffff; @@ -428,12 +428,12 @@ describe('Marketplace page', () => { transition-duration: 0.2s; } - .c33:focus-within { + .c23:focus-within { border: 1px solid #4945ff; box-shadow: #4945ff 0px 0px 0px 2px; } - .c28 { + .c18 { border: 0; -webkit-clip: rect(0 0 0 0); clip: rect(0 0 0 0); @@ -445,15 +445,15 @@ describe('Marketplace page', () => { width: 1px; } - .c36 { + .c26 { font-size: 0.8rem; } - .c36 svg path { + .c26 svg path { fill: #32324d; } - .c27 { + .c17 { border-radius: 4px; box-shadow: 0px 1px 4px rgba(33,33,52,0.1); outline: none; @@ -464,24 +464,24 @@ describe('Marketplace page', () => { transition-duration: 0.2s; } - .c27:focus-within .c35 svg path { + .c17:focus-within .c25 svg path { fill: #4945ff; } - .c27 .c31 { + .c17 .c21 { border: 1px solid transparent; } - .c27 .c31:focus-within { + .c17 .c21:focus-within { border: 1px solid #4945ff; box-shadow: #4945ff 0px 0px 0px 2px; } - .c47 { + .c39 { padding-top: 24px; } - .c48 { + .c40 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -495,7 +495,7 @@ describe('Marketplace page', () => { align-items: center; } - .c20 { + .c60 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -505,67 +505,67 @@ describe('Marketplace page', () => { flex-direction: column; } - .c20 > * { + .c60 > * { margin-top: 0; margin-bottom: 0; } - .c49 > * { + .c41 > * { margin-left: 0; margin-right: 0; } - .c49 > * + * { + .c41 > * + * { margin-left: 8px; } - .c21 { - font-weight: 500; - color: #32324d; - font-size: 0.75rem; - line-height: 1.33; - } - - .c25 { - color: #666687; - font-size: 0.875rem; - line-height: 1.43; - } - - .c44 { + .c34 { color: #32324d; font-weight: 500; font-size: 1rem; line-height: 1.25; } - .c63 { + .c37 { + color: #666687; + font-size: 0.875rem; + line-height: 1.43; + } + + .c55 { font-weight: 600; color: #328048; font-size: 0.875rem; line-height: 1.43; } - .c19 { + .c61 { + font-weight: 500; + color: #32324d; + font-size: 0.75rem; + line-height: 1.33; + } + + .c59 { margin-right: 24px; } - .c19 svg { + .c59 svg { width: 2rem; height: 2rem; } - .c22 { + .c62 { word-break: break-all; } - .c38 { + .c28 { display: grid; grid-template-columns: repeat(12,1fr); gap: 16px; } - .c39 { + .c29 { grid-column: span 4; max-width: 100%; } @@ -656,7 +656,7 @@ describe('Marketplace page', () => { padding-right: 8px; } - .c50 { + .c42 { padding-left: 8px; } @@ -793,7 +793,7 @@ describe('Marketplace page', () => { fill: #32324d; } - .c46 { + .c38 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; @@ -801,13 +801,13 @@ describe('Marketplace page', () => { } @media (max-width:68.75rem) { - .c39 { + .c29 { grid-column: span 6; } } @media (max-width:34.375rem) { - .c39 { + .c29 { grid-column: span 12; } } @@ -886,100 +886,36 @@ describe('Marketplace page', () => {
- -
-
- - - - -
-
-
- - Documentation - - - - -
- - Tell us what plugin you are looking for and we'll let our community plugin developers know in case they are in search for inspiration! - -
-
-
{ > Comments logo

Comments

Powerful Strapi based comments moderation tool for you and your users

@@ -1078,7 +1014,7 @@ describe('Marketplace page', () => {
{ > Config Sync logo

Config Sync
{

Migrate your config data across environments using the CLI or Strapi admin panel.

@@ -1217,7 +1153,7 @@ describe('Marketplace page', () => {
{ > Content Versioning logo

Content Versioning

This plugin enables you to versioning Content Types. It allows multiple draft versions✅ Keeps history of all changes (with time travel) ✅

@@ -1333,7 +1269,7 @@ describe('Marketplace page', () => {
{ > Documentation logo

Documentation
Made by Strapi {

Create an OpenAPI Document and visualize your API with SWAGGER UI

@@ -1464,7 +1400,7 @@ describe('Marketplace page', () => {
{ /> Installed @@ -1507,14 +1443,14 @@ describe('Marketplace page', () => {
{ > Transformer logo

Transformer

A plugin for Strapi Headless CMS that provides the ability to transform the API response.

@@ -1570,7 +1506,7 @@ describe('Marketplace page', () => {