import React from 'react' import { ContextRoot } from '../js/shared/context/root-context' import BinaryFile from '../js/features/binary-file/components/binary-file' import useFetchMock from './hooks/use-fetch-mock' const setupFetchMock = fetchMock => { fetchMock .head('express:/project/:project_id/file/:file_id', { status: 201, headers: { 'Content-Length': 10000 }, }) .get('express:/project/:project_id/file/:file_id', 'Text file content') .post('express:/project/:project_id/linked_file/:file_id/refresh', { status: 204, }) .post('express:/project/:project_id/references/indexAll', { status: 204, }) } const fileData = { id: 'file-id', name: 'file.tex', created: new Date().toISOString(), } export const FileFromUrl = args => { return } FileFromUrl.args = { file: { ...fileData, linkedFileData: { url: 'https://overleaf.com', provider: 'url', }, }, } export const FileFromProjectWithLinkableProjectId = args => { return } FileFromProjectWithLinkableProjectId.args = { file: { ...fileData, linkedFileData: { source_project_id: 'source-project-id', source_entity_path: '/source-entity-path.ext', provider: 'project_file', }, }, } export const FileFromProjectWithoutLinkableProjectId = args => { return } FileFromProjectWithoutLinkableProjectId.args = { file: { ...fileData, linkedFileData: { v1_source_doc_id: 'v1-source-id', source_entity_path: '/source-entity-path.ext', provider: 'project_file', }, }, } export const FileFromProjectOutputWithLinkableProject = args => { return } FileFromProjectOutputWithLinkableProject.args = { file: { ...fileData, linkedFileData: { source_project_id: 'source_project_id', source_output_file_path: '/source-entity-path.ext', provider: 'project_output_file', }, }, } export const FileFromProjectOutputWithoutLinkableProjectId = args => { return } FileFromProjectOutputWithoutLinkableProjectId.args = { file: { ...fileData, linkedFileData: { v1_source_doc_id: 'v1-source-id', source_output_file_path: '/source-entity-path.ext', provider: 'project_output_file', }, }, } export const ImageFile = args => { return } ImageFile.args = { file: { ...fileData, id: '60097ca20454610027c442a8', name: 'file.jpg', linkedFileData: { source_project_id: 'source_project_id', source_entity_path: '/source-entity-path', provider: 'project_file', }, }, } export const ThirdPartyReferenceFile = args => { return } ThirdPartyReferenceFile.args = { file: { ...fileData, name: 'example.tex', linkedFileData: { provider: 'zotero', }, }, } export const ThirdPartyReferenceFileWithError = args => { return } ThirdPartyReferenceFileWithError.args = { file: { ...fileData, id: '500500500500500500500500', name: 'example.tex', linkedFileData: { provider: 'zotero', }, }, } export const TextFile = args => { return } TextFile.args = { file: { ...fileData, linkedFileData: { source_project_id: 'source-project-id', source_entity_path: '/source-entity-path.ext', provider: 'project_file', }, name: 'file.txt', }, } export const UploadedFile = args => { return } UploadedFile.args = { file: { ...fileData, linkedFileData: null, name: 'file.jpg', }, } export default { title: 'BinaryFile', component: BinaryFile, args: { storeReferencesKeys: () => {}, }, decorators: [ Story => { useFetchMock(setupFetchMock) return }, Story => ( <> ), ], }