feat: Templates (#1399)

* Migrations
* New from template
* fix: Don't allow public share of template
* chore: Template badges
* fix: Collection active
* feat: New doc button on template list item
* feat: New template menu
* fix: Sorting
* feat: Templates onboarding notice
* fix: New doc button showing on archived/deleted templates

app/menus/NewDocumentMenu.js

@@ -7,13 +7,19 @@ import { PlusIcon } from "outline-icons";
 
 import { newDocumentUrl } from "utils/routeHelpers";
 import CollectionsStore from "stores/CollectionsStore";
+import DocumentsStore from "stores/DocumentsStore";
 import PoliciesStore from "stores/PoliciesStore";
-import { DropdownMenu, DropdownMenuItem } from "components/DropdownMenu";
+import {
+  DropdownMenu,
+  DropdownMenuItem,
+  Header,
+} from "components/DropdownMenu";
 import Button from "components/Button";
 import CollectionIcon from "components/CollectionIcon";
 
 type Props = {
   label?: React.Node,
+  documents: DocumentsStore,
   collections: CollectionsStore,
   policies: PoliciesStore,
 };
@@ -26,8 +32,8 @@ class NewDocumentMenu extends React.Component<Props> {
     this.redirectTo = undefined;
   }
 
-  handleNewDocument = (collectionId: string) => {
-    this.redirectTo = newDocumentUrl(collectionId);
+  handleNewDocument = (collectionId: string, options) => {
+    this.redirectTo = newDocumentUrl(collectionId, options);
   };
 
   onOpen = () => {
@@ -41,21 +47,22 @@ class NewDocumentMenu extends React.Component<Props> {
   render() {
     if (this.redirectTo) return <Redirect to={this.redirectTo} push />;
 
-    const { collections, policies, label, ...rest } = this.props;
+    const { collections, documents, policies, label, ...rest } = this.props;
+    const singleCollection = collections.orderedData.length === 1;
 
     return (
       <DropdownMenu
         label={
           label || (
             <Button icon={<PlusIcon />} small>
-              New doc
+              New doc{singleCollection ? "" : "…"}
             </Button>
           )
         }
         onOpen={this.onOpen}
         {...rest}
       >
-        <DropdownMenuItem disabled>Choose a collection…</DropdownMenuItem>
+        <Header>Choose a collection</Header>
         {collections.orderedData.map(collection => {
           const can = policies.abilities(collection.id);
 
@@ -65,7 +72,7 @@ class NewDocumentMenu extends React.Component<Props> {
               onClick={() => this.handleNewDocument(collection.id)}
               disabled={!can.update}
             >
-              <CollectionIcon collection={collection} /> {collection.name}
+              <CollectionIcon collection={collection} />&nbsp;{collection.name}
             </DropdownMenuItem>
           );
         })}
@@ -74,4 +81,4 @@ class NewDocumentMenu extends React.Component<Props> {
   }
 }
 
-export default inject("collections", "policies")(NewDocumentMenu);
+export default inject("collections", "documents", "policies")(NewDocumentMenu);