Merge pull request #7223 from overleaf/ta-storybook-organise

Reorganise Storybook Stories

GitOrigin-RevId: 91014f49f84c645f87091724f03a007b731a8ad5

services/web/frontend/stories/chat.stories.js

@@ -69,7 +69,7 @@ export const Loading = args => {
 }
 
 export default {
-  title: 'Chat',
+  title: 'Editor / Chat',
   component: ChatPane,
   argTypes: {
     resetUnreadMessages: { action: 'resetUnreadMessages' },

services/web/frontend/stories/clone-project-modal.stories.js

@@ -41,7 +41,7 @@ export const SpecificErrorResponse = args => {
 }
 
 export default {
-  title: 'Modals / Clone Project',
+  title: 'Editor / Modals / Clone Project',
   component: CloneProjectModal,
   args: {
     show: true,

services/web/frontend/stories/contact-us-modal.stories.js

@@ -23,7 +23,7 @@ export const RequestError = args => {
 }
 
 export default {
-  title: 'Modals / Contact Us',
+  title: 'Shared / Modals / Contact Us',
   component: ContactUsModal,
   args: {
     show: true,

services/web/frontend/stories/dropdown.stories.js

@@ -32,7 +32,7 @@ Customized.args = {
 }
 
 export default {
-  title: 'Dropdown',
+  title: 'Shared / Components / Dropdown',
   component: ControlledDropdown,
   args: {
     bsStyle: 'default',

services/web/frontend/stories/editor-navigation-toolbar.stories.js

@@ -25,7 +25,7 @@ ManyConnectedUsers.args = {
 }
 
 export default {
-  title: 'EditorNavigationToolbar',
+  title: 'Editor / Toolbar',
   component: ToolbarHeader,
   argTypes: {
     goToUser: { action: 'goToUser' },

services/web/frontend/stories/editor-switch.stories.js

@@ -3,7 +3,7 @@ import { setupContext } from './fixtures/context'
 import { withContextRoot } from './utils/with-context-root'
 
 export default {
-  title: 'Editor Switch',
+  title: 'Editor / Switch',
   component: EditorSwitch,
 }
 

services/web/frontend/stories/file-tree.stories.js

@@ -146,7 +146,7 @@ export const FilesLimit = args => {
 }
 
 export default {
-  title: 'File Tree',
+  title: 'Editor / File Tree',
   component: FileTreeRoot,
   args: {
     setStartedFreeTrial: () => {

services/web/frontend/stories/file-view.stories.js

@@ -247,7 +247,7 @@ UploadedFile.args = {
 }
 
 export default {
-  title: 'FileView',
+  title: 'Editor / FileView',
   component: FileView,
   argTypes: {
     storeReferencesKeys: { action: 'store references keys' },

services/web/frontend/stories/git-bridge-modal.stories.js

@@ -31,7 +31,7 @@ TeaserModal.args = {
 }
 
 export default {
-  title: 'Modals / Git Bridge',
+  title: 'Editor / Modals / Git Bridge',
   component: GitBridgeModal,
   args: {
     show: true,

services/web/frontend/stories/hotkeys-modal.stories.js

@@ -13,7 +13,7 @@ export const MacModifier = args => {
 }
 
 export default {
-  title: 'Modals / Hotkeys',
+  title: 'Editor / Modals / Hotkeys',
   component: HotkeysModal,
   args: {
     animation: false,

services/web/frontend/stories/icon.stories.js

@@ -45,6 +45,6 @@ AccessibilityLabel.args = {
 }
 
 export default {
-  title: 'Icon',
+  title: 'Shared / Components / Icon',
   component: Icon,
 }

services/web/frontend/stories/linked-file.stories.js

@@ -13,7 +13,7 @@ MendeleyLinkedFile.args = {
 }
 
 export default {
-  title: 'LinkedFileInfo',
+  title: 'Editor / LinkedFileInfo',
   component: LinkedFileInfo,
   args: {
     file: {

services/web/frontend/stories/modals/create-file/create-file-modal-footer.stories.js

@@ -43,7 +43,7 @@ FileLimitError.args = {
 }
 
 export default {
-  title: 'Modals / Create File / Footer',
+  title: 'Editor / Modals / Create File / Footer',
   component: FileTreeModalCreateFileFooterContent,
   args: {
     fileCount: {

services/web/frontend/stories/modals/create-file/create-file-modal.stories.js

@@ -97,6 +97,6 @@ FileLimitReached.decorators = [
 ]
 
 export default {
-  title: 'Modals / Create File',
+  title: 'Editor / Modals / Create File',
   component: FileTreeModalCreateFile,
 }

services/web/frontend/stories/modals/create-file/create-file-name-input.stories.js

@@ -58,7 +58,7 @@ BlockedError.args = {
 }
 
 export default {
-  title: 'Modals / Create File / File Name Input',
+  title: 'Editor / Modals / Create File / File Name Input',
   component: FileTreeCreateNameInput,
   decorators: [ModalBodyDecorator, ModalContentDecorator],
 }

services/web/frontend/stories/modals/create-file/error-message.stories.js

@@ -103,6 +103,6 @@ export const SpecificClassErrors = () => {
 }
 
 export default {
-  title: 'Modals / Create File / Error Message',
+  title: 'Editor / Modals / Create File / Error Message',
   component: ErrorMessage,
 }

services/web/frontend/stories/outline.stories.js

@@ -43,7 +43,7 @@ NonTexFile.args = {
 }
 
 export default {
-  title: 'Outline',
+  title: 'Editor / Outline',
   component: OutlinePane,
   argTypes: {
     jumpToLine: { action: 'jumpToLine' },

services/web/frontend/stories/pagination.stories.js

@@ -5,7 +5,7 @@ export const Interactive = args => {
 }
 
 export default {
-  title: 'Pagination',
+  title: 'Shared / Components / Pagination',
   component: Pagination,
   args: {
     currentPage: 1,

services/web/frontend/stories/pdf-preview-error-boundary.stories.js

@@ -3,7 +3,7 @@ import { setupContext } from './fixtures/context'
 import { withContextRoot } from './utils/with-context-root'
 
 export default {
-  title: 'PDF Preview / Error Boundary',
+  title: 'Editor / PDF Preview / Error Boundary',
   component: ErrorBoundaryFallback,
 }
 

services/web/frontend/stories/pdf-preview.stories.js

@@ -26,7 +26,7 @@ import { cloneDeep } from 'lodash'
 setupContext()
 
 export default {
-  title: 'PDF Preview',
+  title: 'Editor / PDF Preview',
   component: PdfPreview,
   subcomponents: {
     PdfPreviewHybridToolbar,

services/web/frontend/stories/pdf-viewer.stories.js

@@ -14,7 +14,7 @@ import { useEffect } from 'react'
 setupContext()
 
 export default {
-  title: 'PDF Viewer',
+  title: 'Editor / PDF Viewer',
   component: PdfViewer,
 }
 

services/web/frontend/stories/share-project-modal.stories.js

@@ -163,7 +163,7 @@ const project = {
 }
 
 export default {
-  title: 'Modals / Share Project',
+  title: 'Editor / Modals / Share Project',
   component: ShareProjectModal,
   args: {
     show: true,

services/web/frontend/stories/use-expand-collapse.stories.js

@@ -131,5 +131,5 @@ const horizontalContents = (
 )
 
 export default {
-  title: 'useExpandCollapse',
+  title: 'Shared / Hooks / useExpandCollapse',
 }

services/web/frontend/stories/word-count-modal.stories.js

@@ -56,7 +56,7 @@ export const ErrorResponse = args => {
 }
 
 export default {
-  title: 'Modals / Word Count',
+  title: 'Editor / Modals / Word Count',
   component: WordCountModal,
   args: {
     show: true,