Fix/ff offline service worker (#122)

* v4 datamodel enum implementation * identification component, tabs navigation contactAttempt medium * identification component contactOutcomeConfiguration handling contactAttemptConfiguration handling navigation refactor * prevent full package import with destructuration * remove dead code * ES2020 syntax * syntax update * transmission controls handle identification * extends data managed by identification hook minor graphical/typo fixes * identification questionnaire internal state OK * missing answer * selected tab text color * fix identification component when no data * IASCO transmission control implementation log removal * fix undefined identification evaluation * fix enum entry for API compliance * identification generate valid starting state * typo * label changes * prevent tab switching when saving * fix transmission control * fix panel navigation * save each identification * filter contactOutcome by COconfiguration * UI refactor * fix contact outcome enums by medium * fix enum typo for API compliance * fix selected question highlight prevent valid answers erasure * update identification tab label * sticky tabs bar & prevent overlap on scrolls * extend comment length * new GUI components * fix background color in UE page * GUI improvements : nex compos & CSS * remove previous component * remove unused dictionnary entries * split info in column * update contact data display * update contact component display * fuse individual, phone, mail forms * new components graphical enhancement * GUI AppBar update * contact[attempt/ouctome] GUI update * minor code fix * remove unused imports * update infoTile test : minr GUI change * GUI forms refactor - WIP * user form birthdate change fix * fixes * working phoneNumber * prevent updating fiscal/directory phone numbers * fix missing phone number crash * theme integration for buttons * delete phoneNumbers lateral menu css fix email edition fix birthdate display fix * remove unused import * itw phone number duplicate removal * fix transmission control * GUI fixes * CSS clean-up, dead code removal * rename folder * CSS, fix default contactoutcome * remove unused components * address form refactor * CSS i18n new address data function * infoTile text overflow * fix minor bug * fix tests * Migration vite & DramaQueen integration (#109) * change extension js -> jsx * remove jsx extension in custom hook * vite migration :warning: The build path is now dist * Update package.json * let output dir as build * remove react script * migration jest to vitest * revert changes in ci and script related to dist path * make service worker works * drama queen integration * make build esnext * endpoint service worker * disable queen healthcheck when synchronize * remove code smell in vite.config.js * remove k8s files * bump version 1.0.0 * Service worker update, retro compatibility with prod (#111) * update sw * retro compatibility with service worker we must be retrocompatible with service worker already loaded in user navigator so the update works * bump version to 1.0.1 * fix: upgrade workbox version for FF compliance --------- Co-authored-by: Nicolas Turban <[email protected]> Co-authored-by: Dylan Decrulle <[email protected]>
InseeFr · Sep 14, 2023 · 217044d · 217044d
1 parent 8ef6f31
commit 217044d
Show file tree

Hide file tree

Showing 104 changed files with 2,772 additions and 9,932 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,23 +1,25 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# production
-/build
-
-# misc
-.DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
+# Logs
+logs
+*.log
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+build
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/deployment.yml b/deployment.yml
diff --git a/index.html b/index.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="description" content="Web site created using create-react-app" />
+  <link rel="apple-touch-icon" href="/static/images/logo-insee-header.png" />
+  <!--
+      manifest.json provides metadata used when your web app is installed on a
+      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
+    -->
+  <link rel="manifest" href="/manifest.json" />
+
+  <script type="text/javascript"
+    src="https://unpkg.com/@webcomponents/[email protected]/webcomponents-bundle.js"></script>
+  <title>Collecte Enquêteurs</title>
+</head>
+
+<body>
+  <noscript>You need to enable JavaScript to run this app.</noscript>
+  <div id="root"></div>
+  <script type="module" src="./src/index.jsx"></script>
+</body>
+
+</html>
diff --git a/ingress.yml b/ingress.yml
diff --git a/jsconfig.json b/jsconfig.json
@@ -1,5 +1,5 @@
 {
   "compilerOptions": {
-    "baseUrl": "./src"
+    "baseUrl": "src"
   }
 }
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "pearl",
-  "version": "0.6.0",
+  "version": "1.0.2",
   "private": true,
   "dependencies": {
     "@date-io/date-fns": "1.x",
@@ -24,19 +24,19 @@
     "react-dom": "^17.0.2",
     "react-modal": "^3.11.1",
     "react-router-dom": "^5.2.0",
-    "react-scripts": "4.0.3",
     "react-swipeable-views": "^0.14.0",
-    "workbox-cacheable-response": "^5.1.3",
-    "workbox-core": "^5.1.3",
-    "workbox-precaching": "^5.1.3",
-    "workbox-routing": "^5.1.3",
-    "workbox-strategies": "^5.1.3"
+    "workbox-cacheable-response": "^7.0.0",
+    "workbox-core": "^7.0.0",
+    "workbox-precaching": "^7.0.0",
+    "workbox-routing": "^7.0.0",
+    "workbox-strategies": "^7.0.0"
   },
   "scripts": {
-    "start": "react-scripts start ",
-    "build": "react-scripts build && copy-and-watch configuration/configuration.json build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "dev": "vite",
+    "build": "vite build && copy-and-watch configuration/configuration.json build",
+    "preview": "vite preview",
+    "format": "prettier --write .",
+    "test": "vitest"
   },
   "eslintConfig": {
     "extends": [
@@ -98,8 +98,10 @@
     ]
   },
   "devDependencies": {
+    "@originjs/vite-plugin-federation": "^1.2.1",
     "@types/react": "^16.9.23",
     "@types/react-router-dom": "^5.1.3",
+    "@vitejs/plugin-react": "^3.1.0",
     "copy-and-watch": "^0.1.4",
     "enzyme": "^3.10.0",
     "enzyme-adapter-react-16": "^1.15.1",
@@ -111,7 +113,12 @@
     "eslint-plugin-react": "^7.16.0",
     "eslint-plugin-react-hooks": "^4.2.0",
     "jest-sonar-reporter": "^2.0.0",
+    "jsdom": "^21.1.1",
     "prettier": "^1.19.1",
-    "react-test-renderer": "^17.0.2"
+    "react-test-renderer": "^17.0.2",
+    "vite": "^4.2.1",
+    "vite-plugin-pwa": "^0.14.7",
+    "vite-tsconfig-paths": "^3.6.0",
+    "vitest": "^0.29.7"
   }
 }
diff --git a/public/index.html b/public/index.html
diff --git a/service.yml b/service.yml
diff --git a/src/App.js → src/App.jsx b/src/App.js → src/App.jsx
diff --git a/src/AppRooter.js → src/AppRooter.jsx b/src/AppRooter.js → src/AppRooter.jsx
diff --git a/src/Root.js → src/Root.jsx b/src/Root.js → src/Root.jsx
@@ -9,7 +9,6 @@ export const AppContext = React.createContext();
 
 function Root() {
   const { configuration } = useConfiguration();
-  useQueenFromConfig(configuration);
 
   const [online, setOnline] = useState(navigator.onLine);
 

diff --git a/src/components/common/Notification/index.js → src/components/common/Notification/index.jsx b/src/components/common/Notification/index.js → src/components/common/Notification/index.jsx
diff --git a/...s/common/Notification/notificationItem.js → .../common/Notification/notificationItem.jsx b/...s/common/Notification/notificationItem.js → .../common/Notification/notificationItem.jsx
diff --git a/.../common/Notification/notificationsRoot.js → ...common/Notification/notificationsRoot.jsx b/.../common/Notification/notificationsRoot.js → ...common/Notification/notificationsRoot.jsx
diff --git a/src/components/common/loader/index.js → src/components/common/loader/index.jsx b/src/components/common/loader/index.js → src/components/common/loader/index.jsx
diff --git a/...components/common/navigation/component.js → ...omponents/common/navigation/component.jsx b/...components/common/navigation/component.js → ...omponents/common/navigation/component.jsx
@@ -173,9 +173,6 @@ const Navigation = ({ textSearch, setTextSearch, setOpenDrawer }) => {
 };
 export default Navigation;
 Navigation.propTypes = {
-  location: PropTypes.shape({
-    pathname: PropTypes.string.isRequired,
-  }).isRequired,
   textSearch: PropTypes.string.isRequired,
   setTextSearch: PropTypes.func.isRequired,
   setOpenDrawer: PropTypes.func.isRequired,

diff --git a/src/components/common/navigation/index.js → src/components/common/navigation/index.jsx b/src/components/common/navigation/index.js → src/components/common/navigation/index.jsx
diff --git a/src/components/common/online-status/index.js → ...components/common/online-status/index.jsx b/src/components/common/online-status/index.js → ...components/common/online-status/index.jsx
diff --git a/src/components/common/palette.js → src/components/common/palette.jsx b/src/components/common/palette.js → src/components/common/palette.jsx
diff --git a/src/components/common/search/component.js → src/components/common/search/component.jsx b/src/components/common/search/component.js → src/components/common/search/component.jsx
diff --git a/src/components/common/search/index.js → src/components/common/search/index.jsx b/src/components/common/search/index.js → src/components/common/search/index.jsx
diff --git a/.../sharedComponents/EditableBooleanField.js → ...sharedComponents/EditableBooleanField.jsx b/.../sharedComponents/EditableBooleanField.js → ...sharedComponents/EditableBooleanField.jsx
diff --git a/...mon/sharedComponents/EditableTextField.js → ...on/sharedComponents/EditableTextField.jsx b/...mon/sharedComponents/EditableTextField.js → ...on/sharedComponents/EditableTextField.jsx
diff --git a/...nts/EditableTextFieldWithClickableIcon.js → ...ts/EditableTextFieldWithClickableIcon.jsx b/...nts/EditableTextFieldWithClickableIcon.js → ...ts/EditableTextFieldWithClickableIcon.jsx
diff --git a/...ts/common/sharedComponents/GenericTile.js → ...s/common/sharedComponents/GenericTile.jsx b/...ts/common/sharedComponents/GenericTile.js → ...s/common/sharedComponents/GenericTile.jsx
diff --git a/...nts/common/sharedComponents/IconButton.js → ...ts/common/sharedComponents/IconButton.jsx b/...nts/common/sharedComponents/IconButton.js → ...ts/common/sharedComponents/IconButton.jsx
diff --git a/...ommon/sharedComponents/LabelledBoolean.js → ...mmon/sharedComponents/LabelledBoolean.jsx b/...ommon/sharedComponents/LabelledBoolean.js → ...mmon/sharedComponents/LabelledBoolean.jsx
diff --git a/...common/sharedComponents/LabelledSwitch.js → ...ommon/sharedComponents/LabelledSwitch.jsx b/...common/sharedComponents/LabelledSwitch.js → ...ommon/sharedComponents/LabelledSwitch.jsx
diff --git a/...s/common/sharedComponents/LabelledText.js → .../common/sharedComponents/LabelledText.jsx b/...s/common/sharedComponents/LabelledText.js → .../common/sharedComponents/LabelledText.jsx
diff --git a/...mponents/LabelledTextWithClickableIcon.js → ...ponents/LabelledTextWithClickableIcon.jsx b/...mponents/LabelledTextWithClickableIcon.js → ...ponents/LabelledTextWithClickableIcon.jsx
diff --git a/...omponents/common/synchronize/component.js → ...mponents/common/synchronize/component.jsx b/...omponents/common/synchronize/component.js → ...mponents/common/synchronize/component.jsx
diff --git a/src/components/common/synchronize/index.js → src/components/common/synchronize/index.jsx b/src/components/common/synchronize/index.js → src/components/common/synchronize/index.jsx
diff --git a/src/components/notificationWrapper/index.js → src/components/notificationWrapper/index.jsx b/src/components/notificationWrapper/index.js → src/components/notificationWrapper/index.jsx
diff --git a/...omponents/panel-body/UESpage/component.js → ...mponents/panel-body/UESpage/component.jsx b/...omponents/panel-body/UESpage/component.js → ...mponents/panel-body/UESpage/component.jsx
diff --git a/...nel-body/UESpage/filterPanel/component.js → ...el-body/UESpage/filterPanel/component.jsx b/...nel-body/UESpage/filterPanel/component.js → ...el-body/UESpage/filterPanel/component.jsx
diff --git a/...s/panel-body/UESpage/filterPanel/index.js → .../panel-body/UESpage/filterPanel/index.jsx b/...s/panel-body/UESpage/filterPanel/index.js → .../panel-body/UESpage/filterPanel/index.jsx
diff --git a/src/components/panel-body/UESpage/index.js → src/components/panel-body/UESpage/index.jsx b/src/components/panel-body/UESpage/index.js → src/components/panel-body/UESpage/index.jsx
diff --git a/...l-body/UESpage/material/surveyUnitCard.js → ...-body/UESpage/material/surveyUnitCard.jsx b/...l-body/UESpage/material/surveyUnitCard.js → ...-body/UESpage/material/surveyUnitCard.jsx
diff --git a/src/components/panel-body/UESpage/search.js → src/components/panel-body/UESpage/search.jsx b/src/components/panel-body/UESpage/search.js → src/components/panel-body/UESpage/search.jsx
diff --git a/...components/panel-body/UEpage/UEContext.js → ...omponents/panel-body/UEpage/UEContext.jsx b/...components/panel-body/UEpage/UEContext.js → ...omponents/panel-body/UEpage/UEContext.jsx
diff --git a/...body/UEpage/comments/comment/component.js → ...ody/UEpage/comments/comment/component.jsx b/...body/UEpage/comments/comment/component.js → ...ody/UEpage/comments/comment/component.jsx
diff --git a/...nel-body/UEpage/comments/comment/index.js → ...el-body/UEpage/comments/comment/index.jsx b/...nel-body/UEpage/comments/comment/index.js → ...el-body/UEpage/comments/comment/index.jsx
diff --git a/...s/panel-body/UEpage/comments/component.js → .../panel-body/UEpage/comments/component.jsx b/...s/panel-body/UEpage/comments/component.js → .../panel-body/UEpage/comments/component.jsx
diff --git a/...nents/panel-body/UEpage/comments/index.js → ...ents/panel-body/UEpage/comments/index.jsx b/...nents/panel-body/UEpage/comments/index.js → ...ents/panel-body/UEpage/comments/index.jsx
diff --git a/...components/panel-body/UEpage/component.js → ...omponents/panel-body/UEpage/component.jsx b/...components/panel-body/UEpage/component.js → ...omponents/panel-body/UEpage/component.jsx
diff --git a/...s/panel-body/UEpage/contacts/component.js → .../panel-body/UEpage/contacts/component.jsx b/...s/panel-body/UEpage/contacts/component.js → .../panel-body/UEpage/contacts/component.jsx
diff --git a/...age/contacts/contactAttempts/component.js → ...ge/contacts/contactAttempts/component.jsx b/...age/contacts/contactAttempts/component.js → ...ge/contacts/contactAttempts/component.jsx
diff --git a/...cts/contactAttempts/contactAttemptLine.js → ...ts/contactAttempts/contactAttemptLine.jsx b/...cts/contactAttempts/contactAttemptLine.js → ...ts/contactAttempts/contactAttemptLine.jsx
diff --git a/...age/contacts/contactAttempts/formPanel.js → ...ge/contacts/contactAttempts/formPanel.jsx b/...age/contacts/contactAttempts/formPanel.js → ...ge/contacts/contactAttempts/formPanel.jsx
diff --git a/.../UEpage/contacts/contactAttempts/index.js → ...UEpage/contacts/contactAttempts/index.jsx b/.../UEpage/contacts/contactAttempts/index.js → ...UEpage/contacts/contactAttempts/index.jsx
diff --git a/...page/contacts/contactOutcome/component.js → ...age/contacts/contactOutcome/component.jsx b/...page/contacts/contactOutcome/component.js → ...age/contacts/contactOutcome/component.jsx
diff --git a/...acts/contactOutcome/contactOutcomeLine.js → ...cts/contactOutcome/contactOutcomeLine.jsx b/...acts/contactOutcome/contactOutcomeLine.js → ...cts/contactOutcome/contactOutcomeLine.jsx
diff --git a/...y/UEpage/contacts/contactOutcome/index.js → .../UEpage/contacts/contactOutcome/index.jsx b/...y/UEpage/contacts/contactOutcome/index.js → .../UEpage/contacts/contactOutcome/index.jsx
diff --git a/...nents/panel-body/UEpage/contacts/index.js → ...ents/panel-body/UEpage/contacts/index.jsx b/...nents/panel-body/UEpage/contacts/index.js → ...ents/panel-body/UEpage/contacts/index.jsx
diff --git a/...s/panel-body/UEpage/details/Individual.js → .../panel-body/UEpage/details/Individual.jsx b/...s/panel-body/UEpage/details/Individual.js → .../panel-body/UEpage/details/Individual.jsx
diff --git a/...ts/panel-body/UEpage/details/component.js → ...s/panel-body/UEpage/details/component.jsx b/...ts/panel-body/UEpage/details/component.js → ...s/panel-body/UEpage/details/component.jsx
diff --git a/...ents/panel-body/UEpage/details/contact.js → ...nts/panel-body/UEpage/details/contact.jsx b/...ents/panel-body/UEpage/details/contact.js → ...nts/panel-body/UEpage/details/contact.jsx
diff --git a/...onents/panel-body/UEpage/details/index.js → ...nents/panel-body/UEpage/details/index.jsx b/...onents/panel-body/UEpage/details/index.js → ...nents/panel-body/UEpage/details/index.jsx
diff --git a/...ts/panel-body/UEpage/forms/addressForm.js → ...s/panel-body/UEpage/forms/addressForm.jsx b/...ts/panel-body/UEpage/forms/addressForm.js → ...s/panel-body/UEpage/forms/addressForm.jsx
diff --git a/...-body/UEpage/forms/contactAttemptsForm.js → ...body/UEpage/forms/contactAttemptsForm.jsx b/...-body/UEpage/forms/contactAttemptsForm.js → ...body/UEpage/forms/contactAttemptsForm.jsx
diff --git a/...l-body/UEpage/forms/contactOutcomeForm.js → ...-body/UEpage/forms/contactOutcomeForm.jsx b/...l-body/UEpage/forms/contactOutcomeForm.js → ...-body/UEpage/forms/contactOutcomeForm.jsx
diff --git a/...mponents/panel-body/UEpage/forms/index.js → ...ponents/panel-body/UEpage/forms/index.jsx b/...mponents/panel-body/UEpage/forms/index.js → ...ponents/panel-body/UEpage/forms/index.jsx
diff --git a/...nents/panel-body/UEpage/forms/userForm.js → ...ents/panel-body/UEpage/forms/userForm.jsx b/...nents/panel-body/UEpage/forms/userForm.js → ...ents/panel-body/UEpage/forms/userForm.jsx
diff --git a/...ts/panel-body/UEpage/housing/component.js → ...s/panel-body/UEpage/housing/component.jsx b/...ts/panel-body/UEpage/housing/component.js → ...s/panel-body/UEpage/housing/component.jsx
diff --git a/...onents/panel-body/UEpage/housing/index.js → ...nents/panel-body/UEpage/housing/index.jsx b/...onents/panel-body/UEpage/housing/index.js → ...nents/panel-body/UEpage/housing/index.jsx
diff --git a/...dy/UEpage/identification/clickableLine.js → ...y/UEpage/identification/clickableLine.jsx b/...dy/UEpage/identification/clickableLine.js → ...y/UEpage/identification/clickableLine.jsx
diff --git a/...l-body/UEpage/identification/component.js → ...-body/UEpage/identification/component.jsx b/...l-body/UEpage/identification/component.js → ...-body/UEpage/identification/component.jsx
diff --git a/...panel-body/UEpage/identification/index.js → ...anel-body/UEpage/identification/index.jsx b/...panel-body/UEpage/identification/index.js → ...anel-body/UEpage/identification/index.jsx
diff --git a/...UEpage/identification/labelledCheckbox.js → ...Epage/identification/labelledCheckbox.jsx b/...UEpage/identification/labelledCheckbox.js → ...Epage/identification/labelledCheckbox.jsx
diff --git a/src/components/panel-body/UEpage/index.js → src/components/panel-body/UEpage/index.jsx b/src/components/panel-body/UEpage/index.js → src/components/panel-body/UEpage/index.jsx
diff --git a/src/components/panel-body/UEpage/infoTile/__snapshots__/infoTile.test.jsx.snap b/src/components/panel-body/UEpage/infoTile/__snapshots__/infoTile.test.jsx.snap
@@ -0,0 +1,54 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`renders correctly 1`] = `
+<body>
+  <div>
+    <div
+      class="MuiPaper-root MuiCard-root makeStyles-root-1 MuiPaper-elevation0 MuiPaper-rounded"
+    >
+      <div
+        class="MuiCardContent-root makeStyles-column-3"
+      >
+        <div
+          class="makeStyles-row-2"
+        >
+          <svg
+            aria-hidden="true"
+            class="MuiSvgIcon-root"
+            focusable="false"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
+            />
+          </svg>
+          <p
+            class="MuiTypography-root makeStyles-bold-7 makeStyles-overflow-8 MuiTypography-body1"
+          >
+            FirstName LastName
+          </p>
+        </div>
+        <div
+          class="makeStyles-row-2"
+        >
+          <p
+            class="MuiTypography-root makeStyles-rounded-6 makeStyles-title-4 MuiTypography-body1 MuiTypography-colorTextSecondary MuiTypography-alignCenter"
+          >
+            1
+          </p>
+          <p
+            class="MuiTypography-root makeStyles-title-4 makeStyles-overflow-8 MuiTypography-body1 MuiTypography-colorTextSecondary"
+          >
+            Mocked campaign
+          </p>
+        </div>
+        <h6
+          class="MuiTypography-root makeStyles-title-4 makeStyles-bold-7 MuiTypography-h6 MuiTypography-colorError"
+        >
+          # 1
+        </h6>
+      </div>
+    </div>
+  </div>
+</body>
+`;
diff --git a/...ts/panel-body/UEpage/infoTile/infoTile.js → ...s/panel-body/UEpage/infoTile/infoTile.jsx b/...ts/panel-body/UEpage/infoTile/infoTile.js → ...s/panel-body/UEpage/infoTile/infoTile.jsx
diff --git a/...nel-body/UEpage/infoTile/infoTile.test.js → ...el-body/UEpage/infoTile/infoTile.test.jsx b/...nel-body/UEpage/infoTile/infoTile.test.js → ...el-body/UEpage/infoTile/infoTile.test.jsx
@@ -3,17 +3,22 @@ import React from 'react';
 import { SurveyUnitProvider } from '../UEContext';
 import { act } from 'react-dom/test-utils';
 import { render } from '@testing-library/react';
+import { vi } from 'vitest';
 
-jest.mock('utils/hooks/database', () => ({
-  useSurveyUnit: () => ({
-    id: '1',
-    persons: [{ firstName: 'FirstName', lastName: 'LastName', privileged: true }],
-    campaign: 'Mocked campaign',
-    sampleIdentifiers: { ssech: '1' },
-  }),
-}));
+vi.mock('utils/hooks/database', () => {
+  return {
+    default: {
+      useSurveyUnit: () => ({
+        id: '1',
+        persons: [{ firstName: 'FirstName', lastName: 'LastName', privileged: true }],
+        campaign: 'Mocked campaign',
+        sampleIdentifiers: { ssech: '1' },
+      }),
+    },
+  };
+});
 
-const dataBaseHooks = require('utils/hooks/database');
+import dataBaseHooks from 'utils/hooks/database';
 
 const mockSurveyUnit = {
   id: '1',

diff --git a/...panel-body/UEpage/navigation/component.js → ...anel-body/UEpage/navigation/component.jsx b/...panel-body/UEpage/navigation/component.js → ...anel-body/UEpage/navigation/component.jsx
diff --git a/...nts/panel-body/UEpage/navigation/index.js → ...ts/panel-body/UEpage/navigation/index.jsx b/...nts/panel-body/UEpage/navigation/index.js → ...ts/panel-body/UEpage/navigation/index.jsx
diff --git a/.../panel-body/UEpage/navigation/tabPanel.js → ...panel-body/UEpage/navigation/tabPanel.jsx b/.../panel-body/UEpage/navigation/tabPanel.js → ...panel-body/UEpage/navigation/tabPanel.jsx
diff --git a/...anel-body/UEpage/navigation/tabSwipper.js → ...nel-body/UEpage/navigation/tabSwipper.jsx b/...anel-body/UEpage/navigation/tabSwipper.js → ...nel-body/UEpage/navigation/tabSwipper.jsx
diff --git a/...l-body/UEpage/questionnaires/component.js → ...-body/UEpage/questionnaires/component.jsx b/...l-body/UEpage/questionnaires/component.js → ...-body/UEpage/questionnaires/component.jsx
diff --git a/...panel-body/UEpage/questionnaires/index.js → ...anel-body/UEpage/questionnaires/index.jsx b/...panel-body/UEpage/questionnaires/index.js → ...anel-body/UEpage/questionnaires/index.jsx
diff --git a/src/components/panel-body/UEpage/router.js → src/components/panel-body/UEpage/router.jsx b/src/components/panel-body/UEpage/router.js → src/components/panel-body/UEpage/router.jsx
diff --git a/...components/panel-body/UEpage/stateLine.js → ...omponents/panel-body/UEpage/stateLine.jsx b/...components/panel-body/UEpage/stateLine.js → ...omponents/panel-body/UEpage/stateLine.jsx
diff --git a/...nents/panel-body/databaseConsole/index.js → ...ents/panel-body/databaseConsole/index.jsx b/...nents/panel-body/databaseConsole/index.js → ...ents/panel-body/databaseConsole/index.jsx
diff --git a/src/components/panel-body/home/component.js → src/components/panel-body/home/component.jsx b/src/components/panel-body/home/component.js → src/components/panel-body/home/component.jsx
diff --git a/src/components/panel-body/home/index.js → src/components/panel-body/home/index.jsx b/src/components/panel-body/home/index.js → src/components/panel-body/home/index.jsx
diff --git a/...nents/panel-body/lateralMenu/component.js → ...ents/panel-body/lateralMenu/component.jsx b/...nents/panel-body/lateralMenu/component.js → ...ents/panel-body/lateralMenu/component.jsx
diff --git a/...omponents/panel-body/lateralMenu/index.js → ...mponents/panel-body/lateralMenu/index.jsx b/...omponents/panel-body/lateralMenu/index.js → ...mponents/panel-body/lateralMenu/index.jsx
diff --git a/src/components/panel-body/queen-container/component.js b/src/components/panel-body/queen-container/component.js