feat: migrate some component

src/index.js

@@ -1,5 +1,5 @@
 import { Provider } from 'react-redux';
-import Root from './js/router';
+import Root from './js/new-architecture/application/router';
 import configureStore from './js/store/configure-store';
 import Api from './js/remote-api/api';
 import { I18NContext, BackToTop, getLang } from '@inseefr/wilco';

src/js/actions/operations/metadatastructure/list.js

@@ -1,7 +1,7 @@
 import api from '../../../remote-api/operations-api';
 import * as A from '../../../actions/constants';
 import { loadCodesList } from '../../../actions/operations/utils/setup';
-import { getTree } from '../../../utils/msd';
+import { getTree } from '../../../new-architecture/modules-operations/utils/msd';
 
 const fetchMsd = () => (dispatch, getState) => {
 	dispatch({

src/js/applications/classifications/correspondences/association/home.js

@@ -1,10 +1,13 @@
 import { Note } from '@inseefr/wilco';
 import CorrespondenceControls from './controls';
 import { generalFields } from './general-fields';
-import { ExplanatoryNote } from '../../../../applications/shared/explanatory-note';
 import { D2, D1 } from '../../../../i18n';
 import { CheckSecondLang } from '../../../../utils';
-import { PageTitle, Row } from '../../../../new-architecture/components';
+import {
+	PageTitle,
+	Row,
+	ExplanatoryNote,
+} from '../../../../new-architecture/components';
 
 const Home = ({ association, secondLang, langs }) => {
 	const {

src/js/applications/classifications/correspondences/visualization/home-general.js

@@ -1,10 +1,13 @@
 import { Note } from '@inseefr/wilco';
 import CorrespondenceControls from './controls';
 import { generalFields } from './general-fields';
-import { ExplanatoryNote } from '../../../../applications/shared/explanatory-note';
 import { D1, D2 } from '../../../../i18n';
 import { CheckSecondLang, useTitle } from '../../../../utils';
-import { PageTitle, Row } from '../../../../new-architecture/components';
+import {
+	PageTitle,
+	Row,
+	ExplanatoryNote,
+} from '../../../../new-architecture/components';
 import D from '../../../../i18n/build-dictionary';
 
 const HomeGeneral = ({ correspondence, secondLang, langs: { lg1, lg2 } }) => {

src/js/applications/classifications/edition/index.js

@@ -1,7 +1,7 @@
 import { useClassification, useUpdateClassification } from '../hooks';
 import { useParams, Redirect } from 'react-router-dom';
 import { ActionToolbar, LabelRequired } from '@inseefr/wilco';
-import { EditorMarkdown, PageTitleBlock, useTitle } from '../../../utils';
+import { EditorMarkdown, useTitle } from '../../../utils';
 import { useForm, Controller } from 'react-hook-form';
 import SelectRmes from '../../../utils/components/select-rmes';
 import D, { D1, D2 } from '../../../i18n';
@@ -13,6 +13,7 @@ import {
 	Loading,
 	ClientSideError,
 	GlobalClientSideErrorBloc,
+	PageTitleBlock,
 } from '../../../new-architecture/components';
 import { useStampsOptions } from '../../../new-architecture/utils/hooks/stamps';
 import { useOrganizationsOptions } from '../../../new-architecture/utils/hooks/organizations';

src/js/applications/classifications/item/edition/index.js

@@ -2,7 +2,7 @@ import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import api from '../../../../remote-api/classifications-api';
 import { ActionToolbar, ErrorBloc, LabelRequired } from '@inseefr/wilco';
 import { Redirect, useParams } from 'react-router-dom';
-import { EditorMarkdown, PageTitleBlock } from '../../../../utils';
+import { EditorMarkdown } from '../../../../utils';
 import { Controller, useForm } from 'react-hook-form';
 import D, { D1, D2 } from '../../../../i18n/build-dictionary';
 import useClassificationItem from '../hook';
@@ -12,6 +12,7 @@ import {
 	TextInput,
 	Loading,
 	Row,
+	PageTitleBlock,
 } from '../../../../new-architecture/components';
 import { useGoBack } from '../../../../new-architecture/utils/hooks/useGoBack';
 

src/js/applications/classifications/series/visualization/notes.js

@@ -1,6 +1,5 @@
-import { ExplanatoryNote } from '../../../shared/explanatory-note';
 import { D1, D2 } from '../../../../i18n';
-import { Row } from '../../../../new-architecture/components';
+import { Row, ExplanatoryNote } from '../../../../new-architecture/components';
 
 const Notes = ({
 	notes: { scopeNoteLg1, scopeNoteLg2 },

src/js/applications/classifications/visualization/notes.js

@@ -1,6 +1,5 @@
-import { ExplanatoryNote } from '../../../applications/shared/explanatory-note';
 import { D1, D2 } from '../../../i18n';
-import { Row } from '../../../new-architecture/components';
+import { Row, ExplanatoryNote } from '../../../new-architecture/components';
 
 const Notes = ({
 	notes: {

src/js/applications/classifications/visualization/tree/home.js

@@ -1,8 +1,7 @@
 import Controls from './controls';
-import DnDTree from '../../../../applications/shared/tree/dnd';
 import D from '../../../../i18n';
 import { CheckSecondLang, useTitle } from '../../../../utils';
-import { PageTitle, Row } from '../../../../new-architecture/components';
+import { PageTitle, Row, Tree } from '../../../../new-architecture/components';
 
 const ClassificationTree = ({ data, prefLabel }) => {
 	useTitle(
@@ -20,7 +19,7 @@ const ClassificationTree = ({ data, prefLabel }) => {
 				{data.length !== 0 && (
 					<Row>
 						<div className="col-md-12">
-							<DnDTree treeData={data} linkPath={(id) => `item/${id}`} />
+							<Tree treeData={data} linkPath={(id) => `item/${id}`} />
 						</div>
 					</Row>
 				)}

src/js/applications/codelists/components/codelist-detail/title.js

@@ -1,4 +1,5 @@
-import { CheckSecondLang, PageTitleBlock } from '../../../../utils';
+import { CheckSecondLang } from '../../../../utils';
+import { PageTitleBlock } from '../../../../new-architecture/components';
 const ComponentTitle = ({ component, secondLang }) => {
 	return (
 		<>

src/js/applications/concepts/visualization/home.js

@@ -6,14 +6,12 @@ import ModalRmes from '../../../applications/shared/modal-rmes/modal-rmes';
 import D from '../../../i18n';
 import { buildNotes } from '../../../utils/concepts/notes';
 import { getModalMessage } from '../../../utils/concepts/build-validation-message';
+import { CheckSecondLang, DateUtils, useTitle } from '../../../utils';
+import NoteVisualization from '../../shared/note-visualization';
 import {
-	CheckSecondLang,
-	DateUtils,
+	ErrorBloc,
 	PageTitleBlock,
-	useTitle,
-} from '../../../utils';
-import NoteVisualization from '../../shared/note-visualization';
-import { ErrorBloc } from '../../../new-architecture/components';
+} from '../../../new-architecture/components';
 const ConceptVisualization = ({
 	id,
 	permission,

src/js/applications/datasets/datasets/edit/edit.js

@@ -8,10 +8,11 @@ import api from '../../api/datasets-api';
 import {
 	Loading,
 	GlobalClientSideErrorBloc,
+	PageTitleBlock,
 } from '../../../../new-architecture/components';
 
 import { ActionToolbar, CancelButton, SaveButton } from '@inseefr/wilco';
-import { Auth, PageTitleBlock, useTitle } from '../../../../utils';
+import { Auth, useTitle } from '../../../../utils';
 import { GlobalInformation } from './tabs/global-information';
 import { InternalManagement } from './tabs/internal-management';
 import { Notes } from './tabs/notes';

src/js/applications/datasets/datasets/edit/tabs/global-information.js

@@ -1,6 +1,6 @@
 import { D1, D2 } from '../../../../../i18n';
 import { useThemes } from '../../useThemes';
-import { withCodesLists } from '../../../../../hooks/hooks';
+import { withCodesLists } from '../../../../../new-architecture/utils/hoc/withCodesLists';
 import ReactSelect from 'react-select';
 import { LabelRequired } from '@inseefr/wilco';
 import { convertCodesListsToSelectOption } from '../../../../../utils/datasets/codelist-to-select-options';

src/js/applications/datasets/datasets/edit/tabs/internal-management.js

@@ -1,6 +1,6 @@
 import { D1 } from '../../../../../i18n';
 import { useEffect, useState } from 'react';
-import { withCodesLists } from '../../../../../hooks/hooks';
+import { withCodesLists } from '../../../../../new-architecture/utils/hoc/withCodesLists';
 import api from '../../../api/datasets-api';
 import { LabelRequired } from '@inseefr/wilco';
 import { SelectRmes } from '../../../../../utils';

src/js/applications/datasets/datasets/edit/tabs/statistical-information.js

@@ -1,6 +1,6 @@
 import { D1 } from '../../../../../i18n';
 import { useQuery } from '@tanstack/react-query';
-import { withCodesLists } from '../../../../../hooks/hooks';
+import { withCodesLists } from '../../../../../new-architecture/utils/hoc/withCodesLists';
 import ReactSelect from 'react-select';
 import StructureAPI from '../../../../structures/apis/structure-api';
 import { TemporalField } from '../../components/temporalField';

src/js/applications/datasets/datasets/view/view.js

@@ -4,7 +4,6 @@ import * as select from '../../../../reducers';
 import {
 	CheckSecondLang,
 	DateUtils,
-	PageTitleBlock,
 	Stores,
 	useTitle,
 } from '../../../../utils';
@@ -16,7 +15,7 @@ import api from '../../api/datasets-api';
 import StructureAPI from '../../../structures/apis/structure-api';
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { useThemes } from '../useThemes';
-import { withCodesLists } from '../../../../hooks/hooks';
+import { withCodesLists } from '../../../../new-architecture/utils/hoc/withCodesLists';
 import { useDataset } from '../../hooks';
 import { ViewMenu } from './menu';
 import {
@@ -29,6 +28,7 @@ import {
 	Organizations,
 	ContributorsVisualisation,
 	DisseminationStatusVisualisation,
+	PageTitleBlock,
 } from '../../../../new-architecture/components';
 import { CL_FREQ } from '../../../../actions/constants/codeList';
 import { useOrganizations } from '../../../../new-architecture/utils/hooks/organizations';

src/js/applications/datasets/distributions/edit.js

@@ -1,4 +1,4 @@
-import { EditorMarkdown, PageTitleBlock, useTitle } from '../../../utils';
+import { EditorMarkdown, useTitle } from '../../../utils';
 import {
 	ActionToolbar,
 	CancelButton,
@@ -20,6 +20,7 @@ import {
 	Row,
 	ClientSideError,
 	GlobalClientSideErrorBloc,
+	PageTitleBlock,
 } from '../../../new-architecture/components';
 import { useGoBack } from '../../../new-architecture/utils/hooks/useGoBack';
 

src/js/applications/datasets/distributions/view/view.js

@@ -4,11 +4,14 @@ import * as select from '../../../../reducers';
 import {
 	CheckSecondLang,
 	DateUtils,
-	PageTitleBlock,
 	Stores,
 	useTitle,
 } from '../../../../utils';
-import { Loading, Row } from '../../../../new-architecture/components';
+import {
+	Loading,
+	Row,
+	PageTitleBlock,
+} from '../../../../new-architecture/components';
 import { renderMarkdownElement } from '../../../../new-architecture/utils/html-utils';
 import { Note } from '@inseefr/wilco';
 import D, { D1, D2 } from '../../../../i18n/build-dictionary';

src/js/applications/operations/document/edition/edition.js

@@ -1,6 +1,6 @@
 import { useMemo, useState } from 'react';
 import D, { D1, D2 } from '../../../../i18n';
-import { EditorMarkdown, PageTitleBlock, useTitle } from '../../../../utils';
+import { EditorMarkdown, useTitle } from '../../../../utils';
 import { validate } from './validation';
 import { LINK, DOCUMENT, isDocument } from '../utils';
 import Dropzone from 'react-dropzone';
@@ -22,6 +22,7 @@ import {
 	GlobalClientSideErrorBloc,
 	ClientSideError,
 	DatePicker,
+	PageTitleBlock,
 } from '../../../../new-architecture/components';
 import Select from '../../../../utils/components/select-rmes';
 

src/js/applications/operations/document/visualization/index.js

@@ -1,13 +1,11 @@
 import { Button, ActionToolbar, ReturnButton } from '@inseefr/wilco';
-import { Loading } from '../../../../new-architecture/components';
-
-import { useGoBack } from '../../../../new-architecture/utils/hooks/useGoBack';
 import {
-	Auth,
-	CheckSecondLang,
-	Stores,
+	Loading,
 	PageTitleBlock,
-} from '../../../../utils';
+} from '../../../../new-architecture/components';
+
+import { useGoBack } from '../../../../new-architecture/utils/hooks/useGoBack';
+import { Auth, CheckSecondLang, Stores } from '../../../../utils';
 import { loadCodesList } from '../../../../actions/operations/utils/setup';
 
 import D from '../../../../i18n';

src/js/applications/operations/families/edition/edition.js

@@ -1,6 +1,6 @@
 import { Component } from 'react';
 import { D1, D2 } from '../../../../i18n';
-import { EditorMarkdown, PageTitleBlock } from '../../../../utils';
+import { EditorMarkdown } from '../../../../utils';
 
 import {
 	CancelButton,
@@ -18,6 +18,7 @@ import {
 	ErrorBloc,
 	GlobalClientSideErrorBloc,
 	ClientSideError,
+	PageTitleBlock,
 } from '../../../../new-architecture/components';
 
 const defaultFamily = {

src/js/applications/operations/families/visualization/index.js

@@ -7,19 +7,15 @@ import {
 	Loading,
 	ErrorBloc,
 	ValidationButton,
+	PageTitleBlock,
 } from '../../../../new-architecture/components';
 
 import { useGoBack } from '../../../../new-architecture/utils/hooks/useGoBack';
 import api from '../../../../remote-api/operations-api';
 
 import { useCallback, useEffect, useState } from 'react';
 import OperationsFamilyVisualization from '../../../../applications/operations/families/visualization/visualization';
-import {
-	Auth,
-	Stores,
-	CheckSecondLang,
-	PageTitleBlock,
-} from '../../../../utils';
+import { Auth, Stores, CheckSecondLang } from '../../../../utils';
 import { containUnsupportedStyles } from '../../../../new-architecture/utils/html-utils';
 const Family = () => {
 	const { id } = useParams();

src/js/applications/operations/indicators/edition/edition.js

@@ -3,7 +3,6 @@ import D, { D1, D2 } from '../../../../i18n';
 import {
 	EditorMarkdown,
 	ItemToSelectModel,
-	PageTitleBlock,
 	SelectRmes,
 } from '../../../../utils';
 import PublishersInput from '../../../../applications/operations/components/publishers-input';
@@ -17,6 +16,7 @@ import {
 	ErrorBloc,
 	GlobalClientSideErrorBloc,
 	ClientSideError,
+	PageTitleBlock,
 	RequiredIcon,
 } from '../../../../new-architecture/components';
 import api from '../../../../remote-api/operations-api';

src/js/applications/operations/indicators/edition/index.js

@@ -7,7 +7,7 @@ import OperationsIndicatorEdition from '../../../../applications/operations/indi
 import { CL_FREQ } from '../../../../actions/constants/codeList';
 import api from '../../../../remote-api/operations-api';
 import { useGoBack } from '../../../../new-architecture/utils/hooks/useGoBack';
-import { useCodesList } from '../../../../hooks/hooks';
+import { useCodesList } from '../../../../new-architecture/utils/hooks/codeslist';
 import D from '../../../../i18n';
 import { useTitle } from '../../../../utils';
 

src/js/applications/operations/indicators/visualization/index.js

@@ -9,18 +9,14 @@ import {
 	Loading,
 	ErrorBloc,
 	ValidationButton,
+	PageTitleBlock,
 } from '../../../../new-architecture/components';
 import { useGoBack } from '../../../../new-architecture/utils/hooks/useGoBack';
 import api from '../../../../remote-api/operations-api';
 
 import { CL_FREQ } from '../../../../actions/constants/codeList';
-import {
-	Auth,
-	Stores,
-	CheckSecondLang,
-	PageTitleBlock,
-} from '../../../../utils';
-import { useCodesList } from '../../../../hooks/hooks';
+import { Auth, Stores, CheckSecondLang } from '../../../../utils';
+import { useCodesList } from '../../../../new-architecture/utils/hooks/codeslist';
 import { containUnsupportedStyles } from '../../../../new-architecture/utils/html-utils';
 const IndicatorVisualizationContainer = () => {
 	const { id } = useParams();

src/js/applications/operations/msd/help-information/index.js

@@ -1,5 +1,5 @@
 import D from '../../../../i18n';
-import { rangeType } from '../../../../utils/msd/';
+import { rangeType } from '../../../../new-architecture/modules-operations/utils/msd';
 const { CODE_LIST, ORGANIZATION } = rangeType;
 
 export default function HelpInformation({ msd, codesLists, organisations }) {

src/js/applications/operations/msd/index.js

@@ -1,7 +1,7 @@
 import { Component, useEffect, useState } from 'react';
 import MSDLayout from '../../../applications/operations/msd/layout/';
 import { connect } from 'react-redux';
-import { Loading } from '../../../new-architecture/components';
+import { Loading, PageTitleBlock } from '../../../new-architecture/components';
 import { NOT_LOADED, LOADED } from '../../../constants';
 import loadMetadataStructure from '../../../actions/operations/metadatastructure/list';
 import { D1, D2 } from '../../../i18n';
@@ -19,7 +19,7 @@ import MSDHelp from '../../../applications/operations/msd/pages/help';
 import SimsVisualisation from '../../../applications/operations/msd/pages/sims-visualisation/';
 import SimsCreation from '../../../applications/operations/msd/pages/sims-creation/';
 import * as select from '../../../reducers';
-import { Stores, PageTitleBlock, ArrayUtils } from '../../../utils';
+import { Stores, ArrayUtils } from '../../../utils';
 import api from '../../../remote-api/operations-api';
 import './msd.scss';
 import { isEssentialRubricKo } from './sims-field-title';

src/js/applications/operations/msd/pages/sims-creation/index.js

@@ -1,7 +1,7 @@
 import { Component, Fragment, useEffect, useState } from 'react';
 import D from '../../../../../i18n';
 import Field from '../../../../../applications/operations/msd/pages/sims-creation/sims-field';
-import { flattenTree } from '../../../../../utils/msd';
+import { flattenTree } from '../../../../../new-architecture/modules-operations/utils/msd';
 import SimsDocumentField from '../../../../../applications/operations/msd/pages/sims-creation/sims-document-field';
 import { Loading } from '../../../../../new-architecture/components';
 import {
@@ -22,7 +22,7 @@ import {
 import { ArrayUtils } from '../../../../../utils';
 import { mdFromEditorState } from '../../../../../new-architecture/utils/html-utils';
 import './sims-creation.scss';
-import { rangeType } from '../../../../../utils/msd/';
+import { rangeType } from '../../../../../new-architecture/modules-operations/utils/msd';
 import api from '../../../../../remote-api/operations-api';
 import { RubricEssentialMsg } from '../../rubric-essantial-msg';