decap-cms-core 3.2.5 → 3.2.8

package/src/components/MediaLibrary/MediaLibraryButtons.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { css } from '@emotion/core';
+import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import copyToClipboard from 'copy-text-to-clipboard';
 import { isAbsolutePath } from 'decap-cms-lib-util';

package/src/components/MediaLibrary/__tests__/__snapshots__/MediaLibraryCard.spec.js.snap

@@ -2,7 +2,7 @@
 
 exports[`MediaLibraryCard should match snapshot for draft image 1`] = `
 <DocumentFragment>
-  .emotion-8 {
+  .emotion-0 {
   width: 100px;
   height: 240px;
   margin: 10px;
@@ -12,67 +12,83 @@ exports[`MediaLibraryCard should match snapshot for draft image 1`] = `
   overflow: hidden;
 }
 
-.emotion-8:focus {
+.emotion-0:focus {
   outline: none;
 }
 
-.emotion-4 {
+.emotion-2 {
   height: 162px;
   background-color: #f2f2f2;
+  -webkit-background-size: 16px 16px;
   background-size: 16px 16px;
+  -webkit-background-position: 0 0,8px 8px;
   background-position: 0 0,8px 8px;
-  background-image: linear-gradient( 45deg, #e6e6e6 25%, transparent 25%, transparent 75%, #e6e6e6 75%, #e6e6e6 ) , linear-gradient( 45deg, #e6e6e6 25%, transparent 25%, transparent 75%, #e6e6e6 75%, #e6e6e6 );
-  box-shadow: inset 0 0 4px rgba(68,74,87,0.3);
+  background-image: linear-gradient(
+        45deg,
+        #e6e6e6 25%,
+        transparent 25%,
+        transparent 75%,
+        #e6e6e6 75%,
+        #e6e6e6
+      ),linear-gradient(
+        45deg,
+        #e6e6e6 25%,
+        transparent 25%,
+        transparent 75%,
+        #e6e6e6 75%,
+        #e6e6e6
+      );
+  box-shadow: inset 0 0 4px rgba(68, 74, 87, 0.3);
   border-bottom: solid 2px #dfdfe3;
   position: relative;
 }
 
-.emotion-2 {
+.emotion-4 {
+  color: #70399f;
+  background-color: #f6d8ff;
+  position: absolute;
+  padding: 8px;
+  border-radius: 5px 0 5px 0;
+}
+
+.emotion-6 {
   width: 100%;
   height: 160px;
   object-fit: contain;
   border-radius: 2px 2px 0 0;
 }
 
-.emotion-6 {
+.emotion-8 {
   color: #798291;
   padding: 8px;
   margin-top: 20px;
   overflow-wrap: break-word;
-  line-height: 1.3 !important;
-}
-
-.emotion-0 {
-  color: #70399f;
-  background-color: #f6d8ff;
-  position: absolute;
-  padding: 8px;
-  border-radius: 5px 0 5px 0;
+  line-height: 1.3!important;
 }
 
 <div
-    class="emotion-8 emotion-9"
+    class="emotion-0 emotion-1"
     height="240px"
     tabindex="-1"
     width="100px"
   >
     <div
-      class="emotion-4 emotion-5"
+      class="emotion-2 emotion-3"
     >
       <p
-        class="emotion-0 emotion-1"
+        class="emotion-4 emotion-5"
         data-testid="draft-text"
       >
         Draft
       </p>
       <img
-        class="emotion-2 emotion-3"
+        class="emotion-6 emotion-7"
         loading="lazy"
         src="url"
       />
     </div>
     <p
-      class="emotion-6 emotion-7"
+      class="emotion-8 emotion-9"
     >
       image.png
     </p>
@@ -82,7 +98,7 @@ exports[`MediaLibraryCard should match snapshot for draft image 1`] = `
 
 exports[`MediaLibraryCard should match snapshot for non draft image 1`] = `
 <DocumentFragment>
-  .emotion-6 {
+  .emotion-0 {
   width: 100px;
   height: 240px;
   margin: 10px;
@@ -92,38 +108,54 @@ exports[`MediaLibraryCard should match snapshot for non draft image 1`] = `
   overflow: hidden;
 }
 
-.emotion-6:focus {
+.emotion-0:focus {
   outline: none;
 }
 
 .emotion-2 {
   height: 162px;
   background-color: #f2f2f2;
+  -webkit-background-size: 16px 16px;
   background-size: 16px 16px;
+  -webkit-background-position: 0 0,8px 8px;
   background-position: 0 0,8px 8px;
-  background-image: linear-gradient( 45deg, #e6e6e6 25%, transparent 25%, transparent 75%, #e6e6e6 75%, #e6e6e6 ) , linear-gradient( 45deg, #e6e6e6 25%, transparent 25%, transparent 75%, #e6e6e6 75%, #e6e6e6 );
-  box-shadow: inset 0 0 4px rgba(68,74,87,0.3);
+  background-image: linear-gradient(
+        45deg,
+        #e6e6e6 25%,
+        transparent 25%,
+        transparent 75%,
+        #e6e6e6 75%,
+        #e6e6e6
+      ),linear-gradient(
+        45deg,
+        #e6e6e6 25%,
+        transparent 25%,
+        transparent 75%,
+        #e6e6e6 75%,
+        #e6e6e6
+      );
+  box-shadow: inset 0 0 4px rgba(68, 74, 87, 0.3);
   border-bottom: solid 2px #dfdfe3;
   position: relative;
 }
 
-.emotion-0 {
+.emotion-4 {
   width: 100%;
   height: 160px;
   object-fit: contain;
   border-radius: 2px 2px 0 0;
 }
 
-.emotion-4 {
+.emotion-6 {
   color: #798291;
   padding: 8px;
   margin-top: 20px;
   overflow-wrap: break-word;
-  line-height: 1.3 !important;
+  line-height: 1.3!important;
 }
 
 <div
-    class="emotion-6 emotion-7"
+    class="emotion-0 emotion-1"
     height="240px"
     tabindex="-1"
     width="100px"
@@ -132,13 +164,13 @@ exports[`MediaLibraryCard should match snapshot for non draft image 1`] = `
       class="emotion-2 emotion-3"
     >
       <img
-        class="emotion-0 emotion-1"
+        class="emotion-4 emotion-5"
         loading="lazy"
         src="url"
       />
     </div>
     <p
-      class="emotion-4 emotion-5"
+      class="emotion-6 emotion-7"
     >
       image.png
     </p>
@@ -148,7 +180,7 @@ exports[`MediaLibraryCard should match snapshot for non draft image 1`] = `
 
 exports[`MediaLibraryCard should match snapshot for non viewable image 1`] = `
 <DocumentFragment>
-  .emotion-6 {
+  .emotion-0 {
   width: 100px;
   height: 240px;
   margin: 10px;
@@ -158,30 +190,38 @@ exports[`MediaLibraryCard should match snapshot for non viewable image 1`] = `
   overflow: hidden;
 }
 
-.emotion-6:focus {
+.emotion-0:focus {
   outline: none;
 }
 
 .emotion-2 {
   height: 162px;
   background-color: #f2f2f2;
+  -webkit-background-size: 16px 16px;
   background-size: 16px 16px;
+  -webkit-background-position: 0 0,8px 8px;
   background-position: 0 0,8px 8px;
-  background-image: linear-gradient( 45deg, #e6e6e6 25%, transparent 25%, transparent 75%, #e6e6e6 75%, #e6e6e6 ) , linear-gradient( 45deg, #e6e6e6 25%, transparent 25%, transparent 75%, #e6e6e6 75%, #e6e6e6 );
-  box-shadow: inset 0 0 4px rgba(68,74,87,0.3);
+  background-image: linear-gradient(
+        45deg,
+        #e6e6e6 25%,
+        transparent 25%,
+        transparent 75%,
+        #e6e6e6 75%,
+        #e6e6e6
+      ),linear-gradient(
+        45deg,
+        #e6e6e6 25%,
+        transparent 25%,
+        transparent 75%,
+        #e6e6e6 75%,
+        #e6e6e6
+      );
+  box-shadow: inset 0 0 4px rgba(68, 74, 87, 0.3);
   border-bottom: solid 2px #dfdfe3;
   position: relative;
 }
 
 .emotion-4 {
-  color: #798291;
-  padding: 8px;
-  margin-top: 20px;
-  overflow-wrap: break-word;
-  line-height: 1.3 !important;
-}
-
-.emotion-0 {
   width: 100%;
   height: 160px;
   object-fit: cover;
@@ -190,8 +230,16 @@ exports[`MediaLibraryCard should match snapshot for non viewable image 1`] = `
   font-size: 3em;
 }
 
+.emotion-6 {
+  color: #798291;
+  padding: 8px;
+  margin-top: 20px;
+  overflow-wrap: break-word;
+  line-height: 1.3!important;
+}
+
 <div
-    class="emotion-6 emotion-7"
+    class="emotion-0 emotion-1"
     height="240px"
     tabindex="-1"
     width="100px"
@@ -200,14 +248,14 @@ exports[`MediaLibraryCard should match snapshot for non viewable image 1`] = `
       class="emotion-2 emotion-3"
     >
       <div
-        class="emotion-0 emotion-1"
+        class="emotion-4 emotion-5"
         data-testid="card-file-icon"
       >
         Not Viewable
       </div>
     </div>
     <p
-      class="emotion-4 emotion-5"
+      class="emotion-6 emotion-7"
     >
       image.png
     </p>

package/src/components/UI/Modal.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { css, Global, ClassNames } from '@emotion/core';
+import { css, Global, ClassNames } from '@emotion/react';
 import ReactModal from 'react-modal';
 import { transitions, shadows, lengths, zIndex } from 'decap-cms-ui-default';
 

package/src/components/UI/SettingsDropdown.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { css } from '@emotion/core';
+import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { translate } from 'react-polyglot';
 import { Icon, Dropdown, DropdownItem, DropdownButton, colors } from 'decap-cms-ui-default';

package/src/components/Workflow/WorkflowCard.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { css } from '@emotion/core';
+import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { translate } from 'react-polyglot';
 import { Link } from 'react-router-dom';

package/src/components/Workflow/WorkflowList.js

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 import React from 'react';
 import ImmutablePropTypes from 'react-immutable-proptypes';
-import { css } from '@emotion/core';
+import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import moment from 'moment';
 import { translate } from 'react-polyglot';

package/src/types/redux.ts

@@ -17,6 +17,7 @@ export type CmsBackendType =
   | 'git-gateway'
   | 'github'
   | 'gitlab'
+  | 'gitea'
   | 'bitbucket'
   | 'test-repo'
   | 'proxy';