decap-cms-core 3.13.0 → 3.15.0

package/src/components/Collection/__tests__/__snapshots__/NestedCollection.spec.js.snap

@@ -138,20 +138,6 @@ exports[`NestedCollection should render connected component 1`] = `
   margin-right: 4px;
 }
 
-.emotion-6 {
-  position: relative;
-  top: 2px;
-  color: #fff;
-  width: 0;
-  height: 0;
-  border: 5px solid transparent;
-  border-radius: 2px;
-  border-left: 6px solid currentColor;
-  border-right: 0;
-  color: currentColor;
-  left: 2px;
-}
-
 <a
     class="emotion-0 emotion-1"
     data-testid="/a"
@@ -169,9 +155,6 @@ exports[`NestedCollection should render connected component 1`] = `
       >
         File 1
       </div>
-      <div
-        class="emotion-6 emotion-7"
-      />
     </div>
   </a>
   .emotion-0 {
@@ -224,20 +207,6 @@ exports[`NestedCollection should render connected component 1`] = `
   margin-right: 4px;
 }
 
-.emotion-6 {
-  position: relative;
-  top: 2px;
-  color: #fff;
-  width: 0;
-  height: 0;
-  border: 5px solid transparent;
-  border-radius: 2px;
-  border-left: 6px solid currentColor;
-  border-right: 0;
-  color: currentColor;
-  left: 2px;
-}
-
 <a
     class="emotion-0 emotion-1"
     data-testid="/b"
@@ -255,9 +224,6 @@ exports[`NestedCollection should render connected component 1`] = `
       >
         File 2
       </div>
-      <div
-        class="emotion-6 emotion-7"
-      />
     </div>
   </a>
 </DocumentFragment>
@@ -401,20 +367,6 @@ exports[`NestedCollection should render correctly with nested entries 1`] = `
   margin-right: 4px;
 }
 
-.emotion-6 {
-  position: relative;
-  top: 2px;
-  color: #fff;
-  width: 0;
-  height: 0;
-  border: 5px solid transparent;
-  border-radius: 2px;
-  border-left: 6px solid currentColor;
-  border-right: 0;
-  color: currentColor;
-  left: 2px;
-}
-
 <a
     class="emotion-0 emotion-1"
     data-testid="/a"
@@ -432,9 +384,6 @@ exports[`NestedCollection should render correctly with nested entries 1`] = `
       >
         File 1
       </div>
-      <div
-        class="emotion-6 emotion-7"
-      />
     </div>
   </a>
   .emotion-0 {
@@ -487,20 +436,6 @@ exports[`NestedCollection should render correctly with nested entries 1`] = `
   margin-right: 4px;
 }
 
-.emotion-6 {
-  position: relative;
-  top: 2px;
-  color: #fff;
-  width: 0;
-  height: 0;
-  border: 5px solid transparent;
-  border-radius: 2px;
-  border-left: 6px solid currentColor;
-  border-right: 0;
-  color: currentColor;
-  left: 2px;
-}
-
 <a
     class="emotion-0 emotion-1"
     data-testid="/b"
@@ -518,9 +453,6 @@ exports[`NestedCollection should render correctly with nested entries 1`] = `
       >
         File 2
       </div>
-      <div
-        class="emotion-6 emotion-7"
-      />
     </div>
   </a>
 </DocumentFragment>

package/src/components/Collection/__tests__/__snapshots__/Sidebar.spec.js.snap

@@ -6,9 +6,9 @@ exports[`Sidebar should render nested collection with filterTerm 1`] = `
   box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05),0 1px 3px 0 rgba(68, 74, 87, 0.1);
   border-radius: 5px;
   background-color: #fff;
-  width: 250px;
+  width: 682px;
+  max-width: 100%;
   padding: 8px 0 12px;
-  position: fixed;
   max-height: calc(100vh - 112px);
   display: -webkit-box;
   display: -webkit-flex;
@@ -19,15 +19,30 @@ exports[`Sidebar should render nested collection with filterTerm 1`] = `
   flex-direction: column;
 }
 
+@media (min-width: 800px) {
+  .emotion-0 {
+    position: fixed;
+    width: 250px;
+  }
+}
+
 .emotion-2 {
-  font-size: 22px;
+  font-size: 20px;
+  line-height: 24px;
   font-weight: 600;
-  line-height: 37px;
+  margin: 0;
   padding: 0;
   margin: 10px 20px;
   color: #313d3e;
 }
 
+@media (min-width: 500px) {
+  .emotion-2 {
+    font-size: 22px;
+    line-height: 26px;
+  }
+}
+
 .emotion-4 {
   margin: 12px 0 0;
   list-style: none;
@@ -67,9 +82,9 @@ exports[`Sidebar should render sidebar with a nested collection 1`] = `
   box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05),0 1px 3px 0 rgba(68, 74, 87, 0.1);
   border-radius: 5px;
   background-color: #fff;
-  width: 250px;
+  width: 682px;
+  max-width: 100%;
   padding: 8px 0 12px;
-  position: fixed;
   max-height: calc(100vh - 112px);
   display: -webkit-box;
   display: -webkit-flex;
@@ -80,15 +95,30 @@ exports[`Sidebar should render sidebar with a nested collection 1`] = `
   flex-direction: column;
 }
 
+@media (min-width: 800px) {
+  .emotion-0 {
+    position: fixed;
+    width: 250px;
+  }
+}
+
 .emotion-2 {
-  font-size: 22px;
+  font-size: 20px;
+  line-height: 24px;
   font-weight: 600;
-  line-height: 37px;
+  margin: 0;
   padding: 0;
   margin: 10px 20px;
   color: #313d3e;
 }
 
+@media (min-width: 500px) {
+  .emotion-2 {
+    font-size: 22px;
+    line-height: 26px;
+  }
+}
+
 .emotion-4 {
   margin: 12px 0 0;
   list-style: none;
@@ -127,9 +157,9 @@ exports[`Sidebar should render sidebar with a simple collection 1`] = `
   box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05),0 1px 3px 0 rgba(68, 74, 87, 0.1);
   border-radius: 5px;
   background-color: #fff;
-  width: 250px;
+  width: 682px;
+  max-width: 100%;
   padding: 8px 0 12px;
-  position: fixed;
   max-height: calc(100vh - 112px);
   display: -webkit-box;
   display: -webkit-flex;
@@ -140,15 +170,30 @@ exports[`Sidebar should render sidebar with a simple collection 1`] = `
   flex-direction: column;
 }
 
+@media (min-width: 800px) {
+  .emotion-0 {
+    position: fixed;
+    width: 250px;
+  }
+}
+
 .emotion-2 {
-  font-size: 22px;
+  font-size: 20px;
+  line-height: 24px;
   font-weight: 600;
-  line-height: 37px;
+  margin: 0;
   padding: 0;
   margin: 10px 20px;
   color: #313d3e;
 }
 
+@media (min-width: 500px) {
+  .emotion-2 {
+    font-size: 22px;
+    line-height: 26px;
+  }
+}
+
 .emotion-4 {
   margin: 12px 0 0;
   list-style: none;
@@ -224,9 +269,9 @@ exports[`Sidebar should render sidebar without search 1`] = `
   box-shadow: 0 2px 6px 0 rgba(68, 74, 87, 0.05),0 1px 3px 0 rgba(68, 74, 87, 0.1);
   border-radius: 5px;
   background-color: #fff;
-  width: 250px;
+  width: 682px;
+  max-width: 100%;
   padding: 8px 0 12px;
-  position: fixed;
   max-height: calc(100vh - 112px);
   display: -webkit-box;
   display: -webkit-flex;
@@ -237,15 +282,30 @@ exports[`Sidebar should render sidebar without search 1`] = `
   flex-direction: column;
 }
 
+@media (min-width: 800px) {
+  .emotion-0 {
+    position: fixed;
+    width: 250px;
+  }
+}
+
 .emotion-2 {
-  font-size: 22px;
+  font-size: 20px;
+  line-height: 24px;
   font-weight: 600;
-  line-height: 37px;
+  margin: 0;
   padding: 0;
   margin: 10px 20px;
   color: #313d3e;
 }
 
+@media (min-width: 500px) {
+  .emotion-2 {
+    font-size: 22px;
+    line-height: 26px;
+  }
+}
+
 .emotion-4 {
   margin: 12px 0 0;
   list-style: none;

package/src/components/Editor/EditorPreviewPane/EditorPreviewPane.js

@@ -224,17 +224,18 @@ export class PreviewPane extends React.Component {
    * This function exists entirely to expose collections from outside of this entry
    *
    */
-  getCollection = async (collectionName, slug) => {
+  getCollection = async (collectionName, slugToLoad) => {
     const { state } = this.props;
     const selectedCollection = state.collections.get(collectionName);
 
-    if (typeof slug === 'undefined') {
+    if (typeof slugToLoad === 'undefined') {
       const entries = await getAllEntries(state, selectedCollection);
-      return entries.map(entry => Map().set('data', entry.data));
+
+      return entries.map(({ data, slug, path }) => Map({ data, slug, path }));
     }
 
-    const entry = await tryLoadEntry(state, selectedCollection, slug);
-    return Map().set('data', entry.data);
+    const { data, slug, path } = await tryLoadEntry(state, selectedCollection, slugToLoad);
+    return Map({ data, slug, path });
   };
 
   render() {

package/src/components/Editor/__tests__/__snapshots__/EditorToolbar.spec.js.snap

@@ -106,6 +106,7 @@ exports[`EditorToolbar should render normal save button 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  touch-action: manipulation;
   margin: 0 10px;
 }
 
@@ -127,6 +128,7 @@ exports[`EditorToolbar should render normal save button 1`] = `
   padding-left: 20px;
   padding-right: 40px;
   position: relative;
+  white-space: nowrap;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -245,15 +247,17 @@ exports[`EditorToolbar should render normal save button 1`] = `
           <div
             class="emotion-14 emotion-15 emotion-16"
           >
-            <span
-              aria-expanded="false"
-              aria-haspopup="true"
-              class="emotion-17 emotion-18"
-              role="button"
-              tabindex="0"
-            >
-              editor.editorToolbar.publish
-            </span>
+            <div>
+              <span
+                aria-expanded="false"
+                aria-haspopup="true"
+                class="emotion-17 emotion-18"
+                role="button"
+                tabindex="0"
+              >
+                editor.editorToolbar.publish
+              </span>
+            </div>
           </div>
         </div>
         <div>
@@ -383,6 +387,7 @@ exports[`EditorToolbar should render normal save button 2`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  touch-action: manipulation;
   margin: 0 10px;
 }
 
@@ -404,6 +409,7 @@ exports[`EditorToolbar should render normal save button 2`] = `
   padding-left: 20px;
   padding-right: 40px;
   position: relative;
+  white-space: nowrap;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -522,15 +528,17 @@ exports[`EditorToolbar should render normal save button 2`] = `
           <div
             class="emotion-14 emotion-15 emotion-16"
           >
-            <span
-              aria-expanded="false"
-              aria-haspopup="true"
-              class="emotion-17 emotion-18"
-              role="button"
-              tabindex="0"
-            >
-              editor.editorToolbar.publish
-            </span>
+            <div>
+              <span
+                aria-expanded="false"
+                aria-haspopup="true"
+                class="emotion-17 emotion-18"
+                role="button"
+                tabindex="0"
+              >
+                editor.editorToolbar.publish
+              </span>
+            </div>
           </div>
         </div>
         <div>
@@ -927,6 +935,7 @@ exports[`EditorToolbar should render with status=draft,useOpenAuthoring=false 1`
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  touch-action: manipulation;
   margin: 0 10px;
 }
 
@@ -948,6 +957,7 @@ exports[`EditorToolbar should render with status=draft,useOpenAuthoring=false 1`
   padding-left: 20px;
   padding-right: 40px;
   position: relative;
+  white-space: nowrap;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -1072,15 +1082,17 @@ exports[`EditorToolbar should render with status=draft,useOpenAuthoring=false 1`
         <div
           class="emotion-16 emotion-17 emotion-18"
         >
-          <span
-            aria-expanded="false"
-            aria-haspopup="true"
-            class="emotion-19 emotion-20"
-            role="button"
-            tabindex="0"
-          >
-            editor.editorToolbar.status
-          </span>
+          <div>
+            <span
+              aria-expanded="false"
+              aria-haspopup="true"
+              class="emotion-19 emotion-20"
+              role="button"
+              tabindex="0"
+            >
+              editor.editorToolbar.status
+            </span>
+          </div>
         </div>
         <button
           class="emotion-21 emotion-22"
@@ -1238,6 +1250,7 @@ exports[`EditorToolbar should render with status=draft,useOpenAuthoring=true 1`]
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  touch-action: manipulation;
   margin: 0 10px;
 }
 
@@ -1259,6 +1272,7 @@ exports[`EditorToolbar should render with status=draft,useOpenAuthoring=true 1`]
   padding-left: 20px;
   padding-right: 40px;
   position: relative;
+  white-space: nowrap;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -1417,15 +1431,17 @@ exports[`EditorToolbar should render with status=draft,useOpenAuthoring=true 1`]
         <div
           class="emotion-16 emotion-17 emotion-18"
         >
-          <span
-            aria-expanded="false"
-            aria-haspopup="true"
-            class="emotion-19 emotion-20"
-            role="button"
-            tabindex="0"
-          >
-            editor.editorToolbar.status
-          </span>
+          <div>
+            <span
+              aria-expanded="false"
+              aria-haspopup="true"
+              class="emotion-19 emotion-20"
+              role="button"
+              tabindex="0"
+            >
+              editor.editorToolbar.status
+            </span>
+          </div>
         </div>
         <div
           class="emotion-21 emotion-22"
@@ -1610,6 +1626,7 @@ exports[`EditorToolbar should render with status=pending_publish,useOpenAuthorin
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  touch-action: manipulation;
   margin: 0 10px;
 }
 
@@ -1631,6 +1648,7 @@ exports[`EditorToolbar should render with status=pending_publish,useOpenAuthorin
   padding-left: 20px;
   padding-right: 40px;
   position: relative;
+  white-space: nowrap;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -1755,15 +1773,17 @@ exports[`EditorToolbar should render with status=pending_publish,useOpenAuthorin
         <div
           class="emotion-16 emotion-17 emotion-18"
         >
-          <span
-            aria-expanded="false"
-            aria-haspopup="true"
-            class="emotion-19 emotion-20"
-            role="button"
-            tabindex="0"
-          >
-            editor.editorToolbar.status
-          </span>
+          <div>
+            <span
+              aria-expanded="false"
+              aria-haspopup="true"
+              class="emotion-19 emotion-20"
+              role="button"
+              tabindex="0"
+            >
+              editor.editorToolbar.status
+            </span>
+          </div>
         </div>
         <button
           class="emotion-21 emotion-22"
@@ -1921,6 +1941,7 @@ exports[`EditorToolbar should render with status=pending_publish,useOpenAuthorin
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  touch-action: manipulation;
   margin: 0 10px;
 }
 
@@ -1942,6 +1963,7 @@ exports[`EditorToolbar should render with status=pending_publish,useOpenAuthorin
   padding-left: 20px;
   padding-right: 40px;
   position: relative;
+  white-space: nowrap;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -2082,15 +2104,17 @@ exports[`EditorToolbar should render with status=pending_publish,useOpenAuthorin
         <div
           class="emotion-16 emotion-17 emotion-18"
         >
-          <span
-            aria-expanded="false"
-            aria-haspopup="true"
-            class="emotion-19 emotion-20"
-            role="button"
-            tabindex="0"
-          >
-            editor.editorToolbar.status
-          </span>
+          <div>
+            <span
+              aria-expanded="false"
+              aria-haspopup="true"
+              class="emotion-19 emotion-20"
+              role="button"
+              tabindex="0"
+            >
+              editor.editorToolbar.status
+            </span>
+          </div>
         </div>
         <div
           class="emotion-21 emotion-22"
@@ -2270,6 +2294,7 @@ exports[`EditorToolbar should render with status=pending_review,useOpenAuthoring
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  touch-action: manipulation;
   margin: 0 10px;
 }
 
@@ -2291,6 +2316,7 @@ exports[`EditorToolbar should render with status=pending_review,useOpenAuthoring
   padding-left: 20px;
   padding-right: 40px;
   position: relative;
+  white-space: nowrap;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -2415,15 +2441,17 @@ exports[`EditorToolbar should render with status=pending_review,useOpenAuthoring
         <div
           class="emotion-16 emotion-17 emotion-18"
         >
-          <span
-            aria-expanded="false"
-            aria-haspopup="true"
-            class="emotion-19 emotion-20"
-            role="button"
-            tabindex="0"
-          >
-            editor.editorToolbar.status
-          </span>
+          <div>
+            <span
+              aria-expanded="false"
+              aria-haspopup="true"
+              class="emotion-19 emotion-20"
+              role="button"
+              tabindex="0"
+            >
+              editor.editorToolbar.status
+            </span>
+          </div>
         </div>
         <button
           class="emotion-21 emotion-22"
@@ -2581,6 +2609,7 @@ exports[`EditorToolbar should render with status=pending_review,useOpenAuthoring
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  touch-action: manipulation;
   margin: 0 10px;
 }
 
@@ -2602,6 +2631,7 @@ exports[`EditorToolbar should render with status=pending_review,useOpenAuthoring
   padding-left: 20px;
   padding-right: 40px;
   position: relative;
+  white-space: nowrap;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -2760,15 +2790,17 @@ exports[`EditorToolbar should render with status=pending_review,useOpenAuthoring
         <div
           class="emotion-16 emotion-17 emotion-18"
         >
-          <span
-            aria-expanded="false"
-            aria-haspopup="true"
-            class="emotion-19 emotion-20"
-            role="button"
-            tabindex="0"
-          >
-            editor.editorToolbar.status
-          </span>
+          <div>
+            <span
+              aria-expanded="false"
+              aria-haspopup="true"
+              class="emotion-19 emotion-20"
+              role="button"
+              tabindex="0"
+            >
+              editor.editorToolbar.status
+            </span>
+          </div>
         </div>
         <div
           class="emotion-21 emotion-22"