@opencloning/ui 1.1.0-test.2 → 1.1.0-test.5

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @opencloning/ui
 
+## 1.1.0-test.5
+
+### Patch Changes
+
+- 6df1c20: Last dummy test to check if auto pre-release works
+- Updated dependencies [6df1c20]
+  - @opencloning/store@1.1.0-test.5
+  - @opencloning/utils@1.1.0-test.5
+
+## 1.1.0-dev.4
+
+### Patch Changes
+
+- 07106ac: Dummy change to test that new action works
+  - @opencloning/store@1.1.0-dev.4
+  - @opencloning/utils@1.1.0-dev.4
+
+## 1.1.0-test.3
+
+### Patch Changes
+
+- a870a5e: Fix imports from mui and icons library, and add husky hook to validate that it does not happen again
+  - @opencloning/store@1.1.0-test.3
+  - @opencloning/utils@1.1.0-test.3
+
 ## 1.1.0-test.2
 
 ### Minor Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opencloning/ui",
-  "version": "1.1.0-test.2",
+  "version": "1.1.0-test.5",
   "type": "module",
   "main": "./src/index.js",
   "scripts": {
@@ -10,7 +10,7 @@
   "exports": {
     ".": "./src/index.js",
     "./components": "./src/components/index.js",
-    "./providers/ConfigProvider": "./src/providers/ConfigProvider.jsx",
+    "./providers/ConfigProvider": "./src/providers/index.js",
     "./hooks/useConfig": "./src/hooks/useConfig.js"
   },
   "repository": {
@@ -23,8 +23,8 @@
     "@emotion/styled": "^11.14.0",
     "@mui/icons-material": "^5.15.17",
     "@mui/material": "^5.15.17",
-    "@opencloning/store": "1.1.0-test.2",
-    "@opencloning/utils": "1.1.0-test.2",
+    "@opencloning/store": "1.1.0-test.5",
+    "@opencloning/utils": "1.1.0-test.5",
     "@teselagen/bio-parsers": "^0.4.32",
     "@teselagen/ove": "^0.8.18",
     "@teselagen/range-utils": "^0.3.13",
@@ -32,9 +32,7 @@
     "@zip.js/zip.js": "^2.7.62",
     "axios": "^1.12.2",
     "lodash-es": "^4.17.21",
-    "react": "^18.3.1",
-    "react-draggable": "^4.4.6",
-    "react-redux": "^8.1.3"
+    "react-draggable": "^4.4.6"
   },
   "peerDependencies": {
     "react": "^18.3.1",

package/src/components/DescriptionEditor.jsx

@@ -1,7 +1,6 @@
 import React, { useEffect } from 'react';
 import { useDispatch, useSelector, shallowEqual } from 'react-redux';
-import TextField from '@mui/material/TextField';
-import { Button, FormControl } from '@mui/material';
+import { TextField, Button, FormControl } from '@mui/material';
 import { cloningActions } from '@opencloning/store/cloning';
 
 function DescriptionEditor() {

package/src/components/DragAndDropCloningHistoryWrapper.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Tooltip } from '@mui/material';
 import { UploadFile } from '@mui/icons-material';
-import CancelIcon from '@mui/icons-material/Cancel';
+import { Cancel as CancelIcon } from '@mui/icons-material';
 import useDragAndDropFile from '../hooks/useDragAndDropFile';
 import LoadCloningHistoryWrapper from './LoadCloningHistoryWrapper';
 

package/src/components/MainSequenceCheckBox.jsx

@@ -1,10 +1,7 @@
 import React from 'react';
-import VisibilityIcon from '@mui/icons-material/Visibility';
-import DownloadIcon from '@mui/icons-material/Download';
-import EditIcon from '@mui/icons-material/Edit';
-import CheckIcon from '@mui/icons-material/Rule';
-import Tooltip from '@mui/material/Tooltip';
+import { Visibility as VisibilityIcon, Download as DownloadIcon, Edit as EditIcon, Rule as CheckIcon } from '@mui/icons-material';
 import { useDispatch, useSelector, useStore } from 'react-redux';
+import { Tooltip } from '@mui/material';
 import { isEqual } from 'lodash-es';
 import { cloningActions } from '@opencloning/store/cloning';
 import useStoreEditor from '../hooks/useStoreEditor';

package/src/components/NetworkNode.jsx

@@ -1,9 +1,7 @@
 import React, { useRef } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { Box, Tooltip } from '@mui/material';
-import VisibilityOffIcon from '@mui/icons-material/VisibilityOff';
-import VisibilityIcon from '@mui/icons-material/Visibility';
-import AddCircleIcon from '@mui/icons-material/AddCircle';
+import { VisibilityOff as VisibilityOffIcon, Visibility as VisibilityIcon, AddCircle as AddCircleIcon } from '@mui/icons-material';
 import { isEqual } from 'lodash-es';
 import Source from './sources/Source';
 import './NetworkTree.css';

package/src/components/OpenCloning.jsx

@@ -1,6 +1,6 @@
 import React, { useRef, useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
-import Tabs from '@mui/material/Tabs';
+import { Tabs } from '@mui/material';
 import { isEqual } from 'lodash-es';
 import DescriptionEditor from './DescriptionEditor';
 import PrimerList from './primers/PrimerList';

package/src/components/assembler/AssemblePartWidget.jsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import { TextField, FormControl, InputLabel, Select, MenuItem, Box, Grid, Paper, Typography, Table, TableContainer, TableHead, TableBody, TableRow, TableCell, Button } from '@mui/material'
-import ContentCopyIcon from '@mui/icons-material/ContentCopy'
+import { ContentCopy as ContentCopyIcon } from '@mui/icons-material'
 import AssemblerPart from './AssemblerPart'
 
 /* eslint-disable camelcase */

package/src/components/assembler/Assembler.jsx

@@ -1,10 +1,9 @@
 import React from 'react'
 import data2 from './assembler_data2.json'
 import { Alert, Autocomplete, Box, Button, CircularProgress, FormControl, IconButton, InputAdornment, InputLabel, MenuItem, Select, Stack, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, TextField } from '@mui/material'
-import ClearIcon from '@mui/icons-material/Clear';
+import { Clear as ClearIcon, Visibility as VisibilityIcon } from '@mui/icons-material';
 import { useAssembler } from './useAssembler';
 import { arrayCombinations } from '../eLabFTW/utils';
-import VisibilityIcon from '@mui/icons-material/Visibility';
 import { useDispatch } from 'react-redux';
 import { cloningActions } from '@opencloning/store/cloning';
 import RequestStatusWrapper from '../form/RequestStatusWrapper';

package/src/components/dummy/DummyInterface.js

@@ -1,5 +1,4 @@
-import SaveIcon from '@mui/icons-material/Save';
-import LinkIcon from '@mui/icons-material/Link';
+import { Save as SaveIcon, Link as LinkIcon } from '@mui/icons-material';
 import GetSequenceFileAndDatabaseIdComponent from './GetSequenceFileAndDatabaseIdComponent';
 
 export default {

package/src/components/eLabFTW/eLabFTWInterface.js

@@ -1,5 +1,4 @@
-import SaveIcon from '@mui/icons-material/Save';
-import LinkIcon from '@mui/icons-material/Link';
+import { Save as SaveIcon, Link as LinkIcon } from '@mui/icons-material';
 import GetSequenceFileAndDatabaseIdComponent from './GetSequenceFileAndDatabaseIdComponent';
 import SubmitToDatabaseComponent from './SubmitToDatabaseComponent';
 import PrimersNotInDatabaseComponent from './PrimersNotInDatabaseComponent';

package/src/components/form/GetRequestMultiSelect.jsx

@@ -1,7 +1,5 @@
 import * as React from 'react';
-import Autocomplete from '@mui/material/Autocomplete';
-import TextField from '@mui/material/TextField';
-import { Alert, Button, CircularProgress, FormControl, FormHelperText, InputLabel, MenuItem, Select } from '@mui/material';
+import { Autocomplete, TextField, Alert, Button, CircularProgress, FormControl, FormHelperText, InputLabel, MenuItem, Select } from '@mui/material';
 
 export default function GetRequestMultiSelect({ 
   getOptionsFromResponse,

package/src/components/form/LabelWithTooltip.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Tooltip } from '@mui/material';
-import InfoIcon from '@mui/icons-material/Info';
+import { Info as InfoIcon } from '@mui/icons-material';
 
 function LabelWithTooltip({ label, tooltip }) {
   return (

package/src/components/form/PostRequestSelect.jsx

@@ -1,7 +1,5 @@
 import * as React from 'react';
-import Autocomplete from '@mui/material/Autocomplete';
-import TextField from '@mui/material/TextField';
-import { Alert, Button, FormControl } from '@mui/material';
+import { Autocomplete, TextField, Alert, Button, FormControl } from '@mui/material';
 
 export default function PostRequestSelect({ setValue, getOptions, getOptionLabel, isOptionEqualToValue, textLabel, disableFiltering = true, ...rest }) {
   // The reason for disableFiltering is that we allow the server to filter the options,

package/src/components/index.js

@@ -1 +1,2 @@
 export { default as OpenCloning } from './OpenCloning';
+export { default as MainAppBar } from './navigation/MainAppBar';

package/src/components/navigation/ButtonWithMenu.jsx

@@ -1,7 +1,5 @@
 import * as React from 'react';
-import Button from '@mui/material/Button';
-import Menu from '@mui/material/Menu';
-import MenuItem from '@mui/material/MenuItem';
+import { Button, Menu, MenuItem } from '@mui/material';
 
 export default function ButtonWithMenu({ children, menuItems }) {
   const [anchorEl, setAnchorEl] = React.useState(null);

package/src/components/navigation/MainAppBar.jsx

@@ -1,15 +1,8 @@
 import React from 'react';
-import AppBar from '@mui/material/AppBar';
-import Box from '@mui/material/Box';
-import Toolbar from '@mui/material/Toolbar';
-import Container from '@mui/material/Container';
-import { Button, Tooltip } from '@mui/material';
+import { AppBar, Box, Toolbar, Container, Button, Tooltip, IconButton, Menu, MenuItem } from '@mui/material';
+import { Menu as MenuIcon } from '@mui/icons-material';
 import './MainAppBar.css';
 import { useDispatch } from 'react-redux';
-import IconButton from '@mui/material/IconButton';
-import Menu from '@mui/material/Menu';
-import MenuItem from '@mui/material/MenuItem';
-import MenuIcon from '@mui/icons-material/Menu';
 import ButtonWithMenu from './ButtonWithMenu';
 import { downloadCloningStrategyAsSvg, formatTemplate, loadHistoryFile, loadFilesToSessionStorage } from '@opencloning/utils/readNwrite';
 import SelectExampleDialog from './SelectExampleDialog';

package/src/components/navigation/SelectTemplateDialog.jsx

@@ -1,7 +1,7 @@
 import { Accordion, AccordionDetails, AccordionSummary, Alert, Button, CircularProgress, Dialog, DialogContent, DialogTitle, IconButton, List, ListItem, ListItemButton, ListItemText } from '@mui/material';
 
 import React from 'react';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import { ExpandMore as ExpandMoreIcon } from '@mui/icons-material';
 import useHttpClient from '../../hooks/useHttpClient';
 
 function SelectTemplateDialog({ onClose, open }) {

package/src/components/primers/PrimerForm.jsx

@@ -1,8 +1,6 @@
 import React from 'react';
-import CheckCircleIcon from '@mui/icons-material/CheckCircle';
-import CancelIcon from '@mui/icons-material/Cancel';
-import Tooltip from '@mui/material/Tooltip';
-import { IconButton } from '@mui/material';
+import { CheckCircle as CheckCircleIcon, Cancel as CancelIcon } from '@mui/icons-material';
+import { IconButton, Tooltip } from '@mui/material';
 import ValidatedTextField from '../form/ValidatedTextField';
 
 import './PrimerForm.css';

package/src/components/primers/PrimerList.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { shallowEqual, useDispatch, useSelector } from 'react-redux';
-import Button from '@mui/material/Button';
+import { Button } from '@mui/material';
 import PrimerForm from './PrimerForm';
 import PrimerTableRow from './PrimerTableRow';
 import './PrimerList.css';

package/src/components/primers/PrimerTableRow.cy.jsx

@@ -1,14 +1,21 @@
 import React from 'react';
 import PrimerTableRow from './PrimerTableRow';
 import { mockPrimerDetails, mockPCRDetails, mockPrimer } from '../../../../../tests/mockPrimerDetailsData';
+import { ConfigProvider } from '../../providers/ConfigProvider';
+
+const config = {
+  backendUrl: 'http://127.0.0.1:8000',
+};
 
 describe('<PrimerTableRow />', () => {
   it('displays the right information with PCR details', () => {
     cy.mount(
-      <PrimerTableRow
-        primerDetails={mockPrimerDetails}
-        pcrDetails={mockPCRDetails}
-      />,
+      <ConfigProvider config={config}>
+        <PrimerTableRow
+          primerDetails={mockPrimerDetails}
+          pcrDetails={mockPCRDetails}
+        />
+      </ConfigProvider>,
     );
 
     cy.get('.name').should('contain', 'Test Primer');
@@ -19,10 +26,12 @@ describe('<PrimerTableRow />', () => {
   });
   it('displays the right information without PCR details', () => {
     cy.mount(
-      <PrimerTableRow
-        primerDetails={mockPrimerDetails}
-        pcrDetails={[]}
-      />,
+      <ConfigProvider config={config}>
+        <PrimerTableRow
+          primerDetails={mockPrimerDetails}
+          pcrDetails={[]}
+        />
+      </ConfigProvider>,
     );
     cy.get('.melting-temperature').should('contain', '60');
     cy.get('.gc-content').should('contain', '50');
@@ -30,10 +39,12 @@ describe('<PrimerTableRow />', () => {
   });
   it('shows skeletons when info missing', () => {
     cy.mount(
-      <PrimerTableRow
-        primerDetails={mockPrimer}
-        pcrDetails={[]}
-      />,
+      <ConfigProvider config={config}>
+        <PrimerTableRow
+          primerDetails={mockPrimer}
+          pcrDetails={[]}
+        />
+      </ConfigProvider>,
     );
     cy.get('.melting-temperature .MuiSkeleton-root').should('exist');
     cy.get('.gc-content .MuiSkeleton-root').should('exist');
@@ -43,12 +54,14 @@ describe('<PrimerTableRow />', () => {
     // but if we mistakenly test for bool and the value is 0, nothing will show.
     // This test is to make sure that we are testing for undefined instead of bool.
     cy.mount(
-      <PrimerTableRow
-        primerDetails={{ ...mockPrimerDetails, melting_temperature: 0, gc_content: 0, length: 0 }}
-        pcrDetails={[
-          { ...mockPCRDetails[0], fwdPrimer: { ...mockPCRDetails[0].fwdPrimer, melting_temperature: 0, gc_content: 0, length: 0 } },
-        ]}
-      />,
+      <ConfigProvider config={config}>
+        <PrimerTableRow
+          primerDetails={{ ...mockPrimerDetails, melting_temperature: 0, gc_content: 0, length: 0 }}
+          pcrDetails={[
+            { ...mockPCRDetails[0], fwdPrimer: { ...mockPCRDetails[0].fwdPrimer, melting_temperature: 0, gc_content: 0, length: 0 } },
+          ]}
+        />
+      </ConfigProvider>,
     );
     cy.get('.melting-temperature').should('contain', '0 (0)');
     cy.get('.gc-content').should('contain', '0 (0)');

package/src/components/primers/PrimerTableRow.jsx

@@ -1,9 +1,6 @@
 import { IconButton, Tooltip } from '@mui/material';
 import React, { useState } from 'react';
-import DeleteIcon from '@mui/icons-material/Delete';
-import EditIcon from '@mui/icons-material/Edit';
-import SaveIcon from '@mui/icons-material/Save';
-import ClearIcon from '@mui/icons-material/Clear';
+import { Delete as DeleteIcon, Edit as EditIcon, Clear as ClearIcon } from '@mui/icons-material';
 import SubmitToDatabaseDialog from '../form/SubmitToDatabaseDialog';
 import useDatabase from '../../hooks/useDatabase';
 import PrimerDetailsTds from './primer_details/PrimerDetailsTds';

package/src/components/primers/SelectPrimerForm.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { FormControl, InputLabel, Select, MenuItem, Box, Chip } from '@mui/material';
-import AddCircleIcon from '@mui/icons-material/AddCircle';
+import { AddCircle as AddCircleIcon } from '@mui/icons-material';
 
 function chipRenderer(selected, primers) {
   return (

package/src/components/primers/import_primers/ImportPrimersButton.jsx

@@ -1,9 +1,6 @@
 import React, { useState } from 'react';
 import { shallowEqual, useSelector } from 'react-redux';
-import Button from '@mui/material/Button';
-import Tooltip from '@mui/material/Tooltip';
-import Modal from '@mui/material/Modal';
-import Box from '@mui/material/Box';
+import { Button, Tooltip, Modal, Box } from '@mui/material';
 import useAlerts from '../../../hooks/useAlerts';
 import './styles.css';
 

package/src/components/primers/import_primers/ImportPrimersTable.jsx

@@ -1,9 +1,6 @@
 import React from 'react';
-import { Table, TableCell, TableRow, TableHead, TableBody } from '@mui/material';
-import Tooltip from '@mui/material/Tooltip';
-import CancelIcon from '@mui/icons-material/Cancel';
-import WarningIcon from '@mui/icons-material/Warning';
-import CheckCircleIcon from '@mui/icons-material/CheckCircle';
+import { Table, TableCell, TableRow, TableHead, TableBody, Tooltip } from '@mui/material';
+import { Cancel as CancelIcon, Warning as WarningIcon, CheckCircle as CheckCircleIcon } from '@mui/icons-material';
 
 function CustomTableRow({ primer }) {
   const { name, sequence, error } = primer;

package/src/components/primers/import_primers/PrimerDatabaseImportForm.jsx

@@ -1,7 +1,6 @@
 import React, { useState } from 'react';
 import { shallowEqual, useSelector } from 'react-redux';
-import Alert from '@mui/material/Alert';
-import { Button, TextField } from '@mui/material';
+import { Alert, Button, TextField } from '@mui/material';
 
 import useDatabase from '../../../hooks/useDatabase';
 import { stringIsNotDNA } from '@opencloning/store/cloning_utils';

package/src/components/primers/primer_design/SequenceTabComponents/CollapsableLabel.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Box, FormLabel, IconButton, Collapse } from '@mui/material';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import { ExpandMore as ExpandMoreIcon } from '@mui/icons-material';
 
 function CollapsableLabel({ label, className, children, open = false }) {
   const [show, setShow] = React.useState(open);

package/src/components/primers/primer_design/SequenceTabComponents/PrimerDesignForm.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import Box from '@mui/material/Box';
+import { Box } from '@mui/material';
 import PrimerDesignStepper from './PrimerDesignStepper';
 import TabPanelSelectRoi from './TabPanelSelectRoi';
 import TabPannelSettings from './TabPannelSettings';

package/src/components/primers/primer_design/SequenceTabComponents/RestrictionSpacerForm.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { FormLabel, Box, FormControl, TextField, Tooltip, FormControlLabel, Checkbox } from '@mui/material';
-import InfoIcon from '@mui/icons-material/Info';
+import { Info as InfoIcon } from '@mui/icons-material';
 import { useStore } from 'react-redux';
 import { updateEditor } from '@teselagen/ove';
 import EnzymeMultiSelect from '../../../form/EnzymeMultiSelect';

package/src/components/primers/primer_details/PrimerInfoIcon.jsx

@@ -1,7 +1,6 @@
 import { Dialog, DialogContent, IconButton, Tooltip, Table, TableBody } from '@mui/material';
 import React from 'react';
-import InfoIcon from '@mui/icons-material/Info';
-import WarningIcon from '@mui/icons-material/Warning';
+import { Info as InfoIcon, Warning as WarningIcon } from '@mui/icons-material';
 import { formatGcContent, formatMeltingTemperature, formatDeltaG } from './primerDetailsFormatting';
 import Primer3Figure from './Primer3Figure';
 import TableSection from './TableSection';

package/src/components/settings/SettingsTab.jsx

@@ -1,9 +1,8 @@
 import React from 'react';
 import { useDispatch, useSelector } from 'react-redux';
-import { Button, Card, CardContent, CardHeader, Stack, TextField, InputAdornment, Typography, IconButton, Box } from '@mui/material';
+import { Button, Card, CardContent, CardHeader, Stack, TextField, InputAdornment, IconButton, Box, Tooltip } from '@mui/material';
 import { cloningActions } from '@opencloning/store/cloning';
-import Tooltip from '@mui/material/Tooltip';
-import InfoIcon from '@mui/icons-material/Info';
+import { Info as InfoIcon } from '@mui/icons-material';
 
 const { setGlobalPrimerSettings } = cloningActions;
 

package/src/components/sources/CollectionSource.jsx

@@ -1,6 +1,6 @@
 import { FormControl, InputLabel, MenuItem, Select } from '@mui/material';
 import React from 'react';
-import AddCircleIcon from '@mui/icons-material/AddCircle';
+import { AddCircle as AddCircleIcon } from '@mui/icons-material';
 import { useDispatch, useStore } from 'react-redux';
 import SubmitButtonBackendAPI from '../form/SubmitButtonBackendAPI';
 import { classNameToEndPointMap } from '@opencloning/utils/sourceFunctions';

package/src/components/sources/MultipleOutputsSelector.jsx

@@ -1,7 +1,6 @@
 import { SimpleCircularOrLinearView } from '@teselagen/ove';
 import React from 'react';
-import ArrowForward from '@mui/icons-material/ArrowForward';
-import ArrowBack from '@mui/icons-material/ArrowBack';
+import { ArrowForward, ArrowBack } from '@mui/icons-material';
 import { Button, IconButton } from '@mui/material';
 import { convertToTeselaJson } from '@opencloning/utils/readNwrite';
 import OverhangsDisplay from '../OverhangsDisplay';

package/src/components/sources/NewSourceBox.jsx

@@ -1,8 +1,7 @@
 import React from 'react';
-import AddCircleIcon from '@mui/icons-material/AddCircle';
-import Tooltip from '@mui/material/Tooltip';
+import { AddCircle as AddCircleIcon } from '@mui/icons-material';
+import { Tooltip, IconButton } from '@mui/material';
 import { useDispatch } from 'react-redux';
-import { IconButton } from '@mui/material';
 import { cloningActions } from '@opencloning/store/cloning';
 
 // A component that is rendered on the side of the tree to add a new source

package/src/components/sources/PCRUnitForm.jsx

@@ -1,9 +1,7 @@
 import { Accordion, AccordionDetails, AccordionSummary, FormControl, InputLabel, ListItemText, MenuItem, Select, Tooltip } from '@mui/material';
 import React from 'react';
 import { useDispatch } from 'react-redux';
-import AddCircleIcon from '@mui/icons-material/AddCircle';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import CancelIcon from '@mui/icons-material/Cancel';
+import { ExpandMore as ExpandMoreIcon, Cancel as CancelIcon } from '@mui/icons-material';
 import { cloningActions } from '@opencloning/store/cloning';
 import SingleInputSelector from './SingleInputSelector';
 import SelectPrimerForm from '../primers/SelectPrimerForm';

package/src/components/sources/SourceBox.jsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { useDispatch, useStore } from 'react-redux';
-import Tooltip from '@mui/material/Tooltip';
-import DeleteIcon from '@mui/icons-material/Delete';
+import { Tooltip } from '@mui/material';
+import { Delete as DeleteIcon } from '@mui/icons-material';
 import { cloningActions } from '@opencloning/store/cloning';
 import './SourceBox.css';
 import VerifyDeleteDialog from './VerifyDeleteDialog';

package/src/components/sources/SourceFile.jsx

@@ -1,6 +1,5 @@
 import React from 'react';
-import FormHelperText from '@mui/material/FormHelperText';
-import { Alert, Checkbox, FormControl, FormControlLabel, InputLabel, MenuItem, Select, TextField } from '@mui/material';
+import { FormHelperText, Alert, Checkbox, FormControl, FormControlLabel, InputLabel, MenuItem, Select, TextField } from '@mui/material';
 import { useDispatch, batch, useStore, useSelector } from 'react-redux';
 import SubmitButtonBackendAPI from '../form/SubmitButtonBackendAPI';
 import LabelWithTooltip from '../form/LabelWithTooltip';

package/src/components/sources/SourceGenomeRegion.cy.jsx

@@ -1,5 +1,10 @@
 import React from 'react';
 import { AssemblyIdSelector, SpeciesPicker, SequenceAccessionPicker, } from './SourceGenomeRegion';
+import { ConfigProvider } from '../../providers/ConfigProvider';
+
+const config = {
+  backendUrl: 'http://127.0.0.1:8000',
+};
 
 describe('<AssemblyIdSelector />', () => {
   it('can propose a paired accession if the assembly has no annotation', () => {
@@ -43,11 +48,13 @@ describe('<AssemblyIdSelector />', () => {
     }).as('getPairedAssemblyInfo');
 
     cy.mount(
-      <AssemblyIdSelector 
-        setAssemblyId={setAssemblyId}
-        setHasAnnotation={setHasAnnotation}
-        onAssemblyIdChange={onAssemblyIdChange}
-      />
+      <ConfigProvider config={config}>
+        <AssemblyIdSelector 
+          setAssemblyId={setAssemblyId}
+          setHasAnnotation={setHasAnnotation}
+          onAssemblyIdChange={onAssemblyIdChange}
+        />
+      </ConfigProvider>
     );
     cy.get('input').type('GCA_000002945.3');
     cy.wait('@getAssemblyInfo');
@@ -62,7 +69,9 @@ describe('<AssemblyIdSelector />', () => {
     }).as('getAssemblyInfo');
 
     cy.mount(
-      <AssemblyIdSelector setAssemblyId={cy.spy()} setHasAnnotation={cy.spy()} onAssemblyIdChange={cy.spy()} />
+      <ConfigProvider config={config}>
+        <AssemblyIdSelector setAssemblyId={cy.spy()} setHasAnnotation={cy.spy()} onAssemblyIdChange={cy.spy()} />
+      </ConfigProvider>
     );
     cy.get('input').type('GCA_000002945.3', { delay: 0});
     cy.wait('@getAssemblyInfo');
@@ -76,7 +85,9 @@ describe('<SpeciesPicker />', () => {
     const setAssemblyId = cy.spy().as('setAssemblyId');
 
     cy.mount(
-      <SpeciesPicker setSpecies={setSpecies} setAssemblyId={setAssemblyId} />
+      <ConfigProvider config={config}>
+        <SpeciesPicker setSpecies={setSpecies} setAssemblyId={setAssemblyId} />
+      </ConfigProvider>
     );
     cy.intercept('GET', 'https://api.ncbi.nlm.nih.gov/datasets/v2alpha/taxonomy/taxon_suggest/**', {
       statusCode: 500,
@@ -101,7 +112,9 @@ describe('<SequenceAccessionPicker />', () => {
     }).as('getSequenceReports');
 
     cy.mount(
-      <SequenceAccessionPicker assemblyAccession={assemblyAccession} sequenceAccession={''} setSequenceAccession={setSequenceAccession} />
+      <ConfigProvider config={config}>
+        <SequenceAccessionPicker assemblyAccession={assemblyAccession} sequenceAccession={''} setSequenceAccession={setSequenceAccession} />
+      </ConfigProvider>
     );
     cy.contains('Could not load chromosomes').should('exist');
   });
@@ -115,7 +128,9 @@ describe('<SequenceAccessionPicker />', () => {
     }).as('getSequenceReports');
 
     cy.mount(
-      <SequenceAccessionPicker assemblyAccession={assemblyAccession} setSequenceAccession={setSequenceAccession} />
+      <ConfigProvider config={config}>
+        <SequenceAccessionPicker assemblyAccession={assemblyAccession} setSequenceAccession={setSequenceAccession} />
+      </ConfigProvider>
     );
     cy.wait('@getSequenceReports');
     cy.get('label').siblings('div').first().click();

package/src/components/sources/SourceGenomeRegion.jsx

@@ -1,10 +1,5 @@
 import React from 'react';
-import InputLabel from '@mui/material/InputLabel';
-import MenuItem from '@mui/material/MenuItem';
-import TextField from '@mui/material/TextField';
-import FormControl from '@mui/material/FormControl';
-import Select from '@mui/material/Select';
-import { Alert, Box, FormHelperText, FormLabel } from '@mui/material';
+import { InputLabel, MenuItem, TextField, FormControl, Select, Alert, Box, FormHelperText, FormLabel } from '@mui/material';
 import PostRequestSelect from '../form/PostRequestSelect';
 import { getReferenceAssemblyId, taxonSuggest, geneSuggest, getInfoFromAssemblyId, getInfoFromSequenceAccession } from '@opencloning/utils/ncbiRequests';
 import TextFieldValidate from '../form/TextFieldValidate';

package/src/components/sources/SourceRepositoryId.jsx

@@ -1,13 +1,6 @@
 import React from 'react';
-import IconButton from '@mui/material/IconButton';
-import InputAdornment from '@mui/material/InputAdornment';
-import ClearIcon from '@mui/icons-material/Clear';
-import InputLabel from '@mui/material/InputLabel';
-import MenuItem from '@mui/material/MenuItem';
-import TextField from '@mui/material/TextField';
-import FormControl from '@mui/material/FormControl';
-import Select from '@mui/material/Select';
-import { Alert, Autocomplete, Table, TableBody, TableCell, TableRow } from '@mui/material';
+import { IconButton, InputAdornment, InputLabel, MenuItem, TextField, FormControl, Select, Alert, Autocomplete, Table, TableBody, TableCell, TableRow } from '@mui/material';
+import { Clear as ClearIcon } from '@mui/icons-material';
 import SubmitButtonBackendAPI from '../form/SubmitButtonBackendAPI';
 import RequestStatusWrapper from '../form/RequestStatusWrapper';
 import getHttpClient from '@opencloning/utils/getHttpClient';

package/src/components/sources/SourceTypeSelector.jsx

@@ -1,9 +1,6 @@
 import React from 'react';
 import { shallowEqual, useDispatch, useSelector } from 'react-redux';
-import InputLabel from '@mui/material/InputLabel';
-import MenuItem from '@mui/material/MenuItem';
-import FormControl from '@mui/material/FormControl';
-import Select from '@mui/material/Select';
+import { InputLabel, MenuItem, FormControl, Select } from '@mui/material';
 import { getInputSequencesFromSourceId } from '@opencloning/store/cloning_utils';
 import { cloningActions } from '@opencloning/store/cloning';
 import useDatabase from '../../hooks/useDatabase';

package/src/components/verification/SequencingFileRow.jsx

@@ -1,6 +1,5 @@
 import React from 'react';
-import DeleteIcon from '@mui/icons-material/Delete';
-import DownloadIcon from '@mui/icons-material/Download';
+import { Delete as DeleteIcon, Download as DownloadIcon } from '@mui/icons-material';
 import {
   TableCell,
   TableRow,

package/src/providers/index.js

@@ -0,0 +1,3 @@
+// Re-export from ConfigProvider.jsx to ensure single source of truth
+// This file is used by the "./providers/ConfigProvider" export path
+export { ConfigProvider, useConfig, default } from './ConfigProvider.jsx';

package/src/version.js

@@ -1,2 +1,2 @@
 // Version placeholder - replaced at publish time via prepack script
-export const version = "1.1.0-test.2";
+export const version = "1.1.0-test.5";