Rename Drafted to Draft and move under theme/ContentVisibility

Author: slorber

packages/docusaurus-theme-classic/src/theme-classic.d.ts

@@ -1602,20 +1602,20 @@ declare module '@theme/Tag' {
   export default function Tag(props: Props): JSX.Element;
 }
 
-declare module '@theme/Unlisted' {
+declare module '@theme/ContentVisibility/Unlisted' {
   export interface Props {
     className?: string;
   }
 
   export default function Unlisted(props: Props): JSX.Element;
 }
 
-declare module '@theme/Drafted' {
+declare module '@theme/ContentVisibility/Draft' {
   export interface Props {
     className?: string;
   }
 
-  export default function Unlisted(props: Props): JSX.Element;
+  export default function Draft(props: Props): JSX.Element;
 }
 
 declare module '@theme/prism-include-languages' {

packages/docusaurus-theme-classic/src/theme/BlogPostPage/index.tsx

@@ -19,8 +19,8 @@ import BlogPostPageMetadata from '@theme/BlogPostPage/Metadata';
 import BlogPostPageStructuredData from '@theme/BlogPostPage/StructuredData';
 import TOC from '@theme/TOC';
 import type {Props} from '@theme/BlogPostPage';
-import Unlisted from '@theme/Unlisted';
-import Drafted from '@theme/Drafted';
+import Unlisted from '@theme/ContentVisibility/Unlisted';
+import Draft from '@theme/ContentVisibility/Draft';
 import type {BlogSidebar} from '@docusaurus/plugin-content-blog';
 
 function BlogPostPageContent({
@@ -50,7 +50,7 @@ function BlogPostPageContent({
         ) : undefined
       }>
       {(unlisted || frontMatter.unlisted) && <Unlisted />}
-      {frontMatter.draft && <Drafted />}
+      {frontMatter.draft && <Draft />}
 
       <BlogPostItem>{children}</BlogPostItem>
 

packages/docusaurus-theme-classic/src/theme/BlogTagsPostsPage/index.tsx

@@ -20,7 +20,7 @@ import BlogListPaginator from '@theme/BlogListPaginator';
 import SearchMetadata from '@theme/SearchMetadata';
 import type {Props} from '@theme/BlogTagsPostsPage';
 import BlogPostItems from '@theme/BlogPostItems';
-import Unlisted from '@theme/Unlisted';
+import Unlisted from '@theme/ContentVisibility/Unlisted';
 import Heading from '@theme/Heading';
 
 function BlogTagsPostsPageMetadata({tag}: Props): JSX.Element {

packages/docusaurus-theme-classic/src/theme/Drafted/index.tsx renamed to packages/docusaurus-theme-classic/src/theme/ContentVisibility/Draft/index.tsx

@@ -9,19 +9,19 @@ import React from 'react';
 import clsx from 'clsx';
 import {
   ThemeClassNames,
-  DraftedBannerTitle,
-  DraftedBannerMessage,
+  DraftBannerTitle,
+  DraftBannerMessage,
 } from '@docusaurus/theme-common';
 import Admonition from '@theme/Admonition';
-import type {Props} from '@theme/Drafted';
+import type {Props} from '@theme/ContentVisibility/Draft';
 
-export default function Drafted({className}: Props): JSX.Element | null {
+export default function Draft({className}: Props): JSX.Element | null {
   return (
     <Admonition
       type="caution"
-      title={<DraftedBannerTitle />}
-      className={clsx(className, ThemeClassNames.common.draftedBanner)}>
-      <DraftedBannerMessage />
+      title={<DraftBannerTitle />}
+      className={clsx(className, ThemeClassNames.common.draftBanner)}>
+      <DraftBannerMessage />
     </Admonition>
   );
 }

packages/docusaurus-theme-classic/src/theme/Unlisted/index.tsx renamed to packages/docusaurus-theme-classic/src/theme/ContentVisibility/Unlisted/index.tsx

@@ -14,7 +14,7 @@ import {
   UnlistedMetadata,
 } from '@docusaurus/theme-common';
 import Admonition from '@theme/Admonition';
-import type {Props} from '@theme/Unlisted';
+import type {Props} from '@theme/ContentVisibility/Unlisted';
 
 function UnlistedBanner({className}: Props) {
   return (

packages/docusaurus-theme-classic/src/theme/DocItem/Layout/index.tsx

@@ -17,10 +17,10 @@ import DocItemTOCMobile from '@theme/DocItem/TOC/Mobile';
 import DocItemTOCDesktop from '@theme/DocItem/TOC/Desktop';
 import DocItemContent from '@theme/DocItem/Content';
 import DocBreadcrumbs from '@theme/DocBreadcrumbs';
-import Unlisted from '@theme/Unlisted';
+import Unlisted from '@theme/ContentVisibility/Unlisted';
+import Draft from '@theme/ContentVisibility/Draft';
 import type {Props} from '@theme/DocItem/Layout';
 
-import Drafted from '@theme/Drafted';
 import styles from './styles.module.css';
 
 /**
@@ -56,7 +56,7 @@ export default function DocItemLayout({children}: Props): JSX.Element {
     <div className="row">
       <div className={clsx('col', !docTOC.hidden && styles.docItemCol)}>
         {(unlisted || frontMatter.unlisted) && <Unlisted />}
-        {frontMatter.draft && <Drafted />}
+        {frontMatter.draft && <Draft />}
         <DocVersionBanner />
         <div className={styles.docItemContainer}>
           <article>

packages/docusaurus-theme-classic/src/theme/DocTagDocListPage/index.tsx

@@ -17,7 +17,7 @@ import {
 import Translate, {translate} from '@docusaurus/Translate';
 import SearchMetadata from '@theme/SearchMetadata';
 import type {Props} from '@theme/DocTagDocListPage';
-import Unlisted from '@theme/Unlisted';
+import Unlisted from '@theme/ContentVisibility/Unlisted';
 import Heading from '@theme/Heading';
 
 // Very simple pluralization: probably good enough for now

packages/docusaurus-theme-classic/src/theme/MDXPage/index.tsx

@@ -15,11 +15,11 @@ import {
 import Layout from '@theme/Layout';
 import MDXContent from '@theme/MDXContent';
 import TOC from '@theme/TOC';
-import Unlisted from '@theme/Unlisted';
+import Unlisted from '@theme/ContentVisibility/Unlisted';
+import Draft from '@theme/ContentVisibility/Draft';
 import type {Props} from '@theme/MDXPage';
 
 import EditMetaRow from '@theme/EditMetaRow';
-import Drafted from '@theme/Drafted';
 import styles from './styles.module.css';
 
 export default function MDXPage(props: Props): JSX.Element {
@@ -62,7 +62,7 @@ export default function MDXPage(props: Props): JSX.Element {
           <div className={clsx('row', styles.mdxPageWrapper)}>
             <div className={clsx('col', !hideTableOfContents && 'col--8')}>
               {(unlisted || frontMatter.unlisted) && <Unlisted />}
-              {frontMatter.draft && <Drafted />}
+              {frontMatter.draft && <Draft />}
               <article>
                 <MDXContent>
                   <MDXPageContent />

packages/docusaurus-theme-common/src/index.ts

@@ -125,7 +125,7 @@ export {
   UnlistedMetadata,
 } from './utils/unlistedUtils';
 
-export {DraftedBannerTitle, DraftedBannerMessage} from './utils/draftedUtils';
+export {DraftBannerTitle, DraftBannerMessage} from './utils/draftUtils';
 
 export {
   ErrorBoundaryTryAgainButton,

packages/docusaurus-theme-common/src/utils/ThemeClassNames.ts

@@ -43,7 +43,7 @@ export const ThemeClassNames = {
     codeBlock: 'theme-code-block',
     admonition: 'theme-admonition',
     unlistedBanner: 'theme-unlisted-banner',
-    draftedBanner: 'theme-drafted-banner',
+    draftBanner: 'theme-drafted-banner',
 
     admonitionType: (type: string) => `theme-admonition-${type}`,
   },