Prettier

package.json

@@ -26,7 +26,9 @@
     "develop": "missdev --config=jsconfig.json --output=addons",
     "develop:npx": "npx -p mrs-developer missdev --config=jsconfig.json --output=addons",
     "cypress:run": "NODE_ENV=development ./node_modules/cypress/bin/cypress run",
-    "cypress:open": "NODE_ENV=development ./node_modules/cypress/bin/cypress open"
+    "cypress:open": "NODE_ENV=development ./node_modules/cypress/bin/cypress open",
+    "prettier": "./node_modules/.bin/prettier --single-quote --check 'src/**/*.{js,jsx,ts,tsx,json,css,scss,md}'",
+    "prettier:fix": "./node_modules/.bin/prettier --single-quote --write 'src/**/*.{js,jsx,ts,tsx,json,css,scss,md}'"
   },
   "workspaces": [
     "src/addons/*"

src/components/manage/Blocks/DiscodataComponentsBlock/View.jsx

@@ -9,7 +9,10 @@ import qs from 'query-string';
 import { Table, Dropdown, List, Header } from 'semantic-ui-react';
 import './style.css';
 import { DiscodataSqlBuilderView } from '@eeacms/volto-datablocks/components';
-import { setQueryParam, deleteQueryParam } from '@eeacms/volto-datablocks/actions';
+import {
+  setQueryParam,
+  deleteQueryParam,
+} from '@eeacms/volto-datablocks/actions';
 import cx from 'classnames';
 import Icon from '@plone/volto/components/theme/Icon/Icon';
 import infoSVG from '@plone/volto/icons/info.svg';

src/components/manage/Blocks/DiscodataOpenlayersMapBlock/style.css

@@ -30,87 +30,90 @@
   width: 100%;
   height: 100%;
   -webkit-animation: rotate 2s linear infinite;
-          animation: rotate 2s linear infinite;
+  animation: rotate 2s linear infinite;
   -webkit-transform-origin: center center;
-      -ms-transform-origin: center center;
-          transform-origin: center center;
+  -ms-transform-origin: center center;
+  transform-origin: center center;
 }
 
 .loader-path {
-  stroke-dasharray: 150,200;
+  stroke-dasharray: 150, 200;
   stroke-dashoffset: -10;
-  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
-          animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
+  -webkit-animation: dash 1.5s ease-in-out infinite,
+    color 6s ease-in-out infinite;
+  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
   stroke-linecap: round;
 }
 
 @-webkit-keyframes rotate {
   100% {
     -webkit-transform: rotate(360deg);
-            transform: rotate(360deg);
+    transform: rotate(360deg);
   }
 }
 
 @keyframes rotate {
   100% {
     -webkit-transform: rotate(360deg);
-            transform: rotate(360deg);
+    transform: rotate(360deg);
   }
 }
 @-webkit-keyframes dash {
   0% {
-    stroke-dasharray: 1,200;
+    stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
   }
   50% {
-    stroke-dasharray: 89,200;
+    stroke-dasharray: 89, 200;
     stroke-dashoffset: -35;
   }
   100% {
-    stroke-dasharray: 89,200;
+    stroke-dasharray: 89, 200;
     stroke-dashoffset: -124;
   }
 }
 @keyframes dash {
   0% {
-    stroke-dasharray: 1,200;
+    stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
   }
   50% {
-    stroke-dasharray: 89,200;
+    stroke-dasharray: 89, 200;
     stroke-dashoffset: -35;
   }
   100% {
-    stroke-dasharray: 89,200;
+    stroke-dasharray: 89, 200;
     stroke-dashoffset: -124;
   }
 }
 @-webkit-keyframes color {
   0% {
-    stroke: #7C9AC0;
+    stroke: #7c9ac0;
   }
   40% {
-    stroke: #7C9AC0;
+    stroke: #7c9ac0;
   }
   66% {
-    stroke: #7C9AC0;
+    stroke: #7c9ac0;
   }
-  80%, 90% {
-    stroke: #7C9AC0;
+  80%,
+  90% {
+    stroke: #7c9ac0;
   }
 }
 @keyframes color {
   0% {
-    stroke: #7C9AC0;
+    stroke: #7c9ac0;
   }
   40% {
-    stroke: #7C9AC0;
+    stroke: #7c9ac0;
   }
   66% {
-    stroke: #7C9AC0;
+    stroke: #7c9ac0;
   }
-  80%, 90% {
-    stroke: #7C9AC0;
+  80%,
+  90% {
+    stroke: #7c9ac0;
   }
 }
 
@@ -313,8 +316,8 @@
 
 .ol-overlaycontainer-stopevent #extra-control-buttons {
   position: absolute;
-  top: .5em;
-  right: .5em;
+  top: 0.5em;
+  right: 0.5em;
   padding: 2px;
 }
 

src/components/manage/Blocks/ExploreEprtr/styles.css

@@ -33,22 +33,22 @@
 
 .explore-eprtr .description .explore-tile p {
   margin-bottom: 0;
-  color: #4896B0;
+  color: #4896b0;
   font-size: 1.1em;
 }
 
 .explore-eprtr .description .explore-tile p.title {
   margin-bottom: 0;
-  color: #00435C;
+  color: #00435c;
   font-weight: bold;
   font-size: 1.2em;
-  margin-bottom: .2rem;
+  margin-bottom: 0.2rem;
 }
 
 .explore-eprtr .description > a:hover .explore-tile img {
-  opacity: .9;
+  opacity: 0.9;
 }
 
 .explore-eprtr .description > a:hover .explore-tile p {
-  color: #00435C;
-}
+  color: #00435c;
+}

src/components/manage/Blocks/FiltersBlock/View.jsx

@@ -9,7 +9,10 @@ import axios from 'axios';
 import Highlighter from 'react-highlight-words';
 import { Icon } from '@plone/volto/components';
 import { DiscodataSqlBuilderView } from '@eeacms/volto-datablocks/components';
-import { setQueryParam, deleteQueryParam } from '@eeacms/volto-datablocks/actions';
+import {
+  setQueryParam,
+  deleteQueryParam,
+} from '@eeacms/volto-datablocks/actions';
 import config from '@plone/volto/registry';
 import { getEncodedQueryString } from '~/utils';
 

src/components/manage/Blocks/FiltersBlock/style.css

@@ -26,7 +26,7 @@
   background-color: transparent;
   border: none;
   padding: 0;
-  right: .5em;
+  right: 0.5em;
   height: 100%;
 }
 

src/components/manage/Blocks/GlossarySearchBlock/View.jsx

@@ -13,7 +13,10 @@ import config from '@plone/volto/registry';
 import { quickResetSearchContent, quickSearchContent } from '~/actions';
 import Highlighter from 'react-highlight-words';
 import cx from 'classnames';
-import { setQueryParam, deleteQueryParam } from '@eeacms/volto-datablocks/actions';
+import {
+  setQueryParam,
+  deleteQueryParam,
+} from '@eeacms/volto-datablocks/actions';
 import './style.css';
 
 const messages = defineMessages({

src/components/manage/Blocks/NavigationBlock/View.jsx

@@ -8,7 +8,10 @@ import { Menu } from 'semantic-ui-react';
 /* HELPERS */
 import cx from 'classnames';
 import { isActive, getNavigationByParent, getBasePath } from '~/helpers';
-import { deleteQueryParam, setQueryParam } from '@eeacms/volto-datablocks/actions';
+import {
+  deleteQueryParam,
+  setQueryParam,
+} from '@eeacms/volto-datablocks/actions';
 import qs from 'querystring';
 
 const View = ({ content, ...props }) => {

src/components/manage/Blocks/SidebarBlock/View.jsx

@@ -8,7 +8,10 @@ import { Menu } from 'semantic-ui-react';
 /* HELPERS */
 import { getNavigationByParent, getBasePath } from '~/helpers';
 
-import { setQueryParam, deleteQueryParam } from '@eeacms/volto-datablocks/actions';
+import {
+  setQueryParam,
+  deleteQueryParam,
+} from '@eeacms/volto-datablocks/actions';
 
 import { getFacilities, getInstallations, getLcps } from '~/helpers/api';
 

src/components/manage/Blocks/SiteBlocks/Header/style.css

@@ -14,4 +14,4 @@
 
 .site-header .info {
   margin-bottom: 0;
-}
+}

src/components/manage/Blocks/SiteBlocks/style.css

@@ -28,7 +28,7 @@ h3.orange {
 
 .site-block .title > h3 {
   margin-bottom: 0;
-  margin-right: .5rem;
+  margin-right: 0.5rem;
 }
 
 .site-block .title.marginless,
@@ -37,7 +37,6 @@ h3.orange {
   margin-top: 0;
 }
 
-
 .site-block > .activity {
   font-weight: bold;
   margin-bottom: 0;
@@ -67,7 +66,7 @@ h3.orange {
 }
 
 .site-block div.eprtrBanner.blue {
-  background-color: #4296B3;
+  background-color: #4296b3;
   margin-top: 1rem;
 }
 
@@ -157,7 +156,6 @@ h3.orange {
   margin-bottom: 1rem;
 }
 
-
 /* .permiting-authority {
   margin-bottom: 1rem;
 }
@@ -167,7 +165,7 @@ h3.orange {
 } */
 
 .bat-conclusions .ui.grid,
-.bat-conclusions .aels .ui.grid  {
+.bat-conclusions .aels .ui.grid {
   margin-top: 0;
   margin-bottom: 0;
 }
@@ -178,7 +176,7 @@ h3.orange {
 }
 
 .bat-conclusions .ui.grid .row .column,
-.bat-conclusions .aels .ui.grid .row .column  {
+.bat-conclusions .aels .ui.grid .row .column {
   margin-bottom: 1rem;
 }
 
@@ -223,26 +221,41 @@ h3.orange {
   margin: 1rem 0;
 }
 
-.bat-conclusions .installation-conclusions-wrapper .conclusion-wrapper .conclusion-title {
+.bat-conclusions
+  .installation-conclusions-wrapper
+  .conclusion-wrapper
+  .conclusion-title {
   display: flex;
   align-items: center;
 }
 
-.bat-conclusions .installation-conclusions-wrapper .conclusion-wrapper .conclusion-title button {
+.bat-conclusions
+  .installation-conclusions-wrapper
+  .conclusion-wrapper
+  .conclusion-title
+  button {
   border: 1px solid #000;
   width: 16px;
   height: 16px;
   padding: 0;
   border-radius: 100%;
 }
 
-.bat-conclusions .installation-conclusions-wrapper .conclusion-wrapper .conclusion-title button.active {
-  background-color: #EC776A;
+.bat-conclusions
+  .installation-conclusions-wrapper
+  .conclusion-wrapper
+  .conclusion-title
+  button.active {
+  background-color: #ec776a;
 }
 
-.bat-conclusions .installation-conclusions-wrapper .conclusion-wrapper .conclusion-title > h3 {
+.bat-conclusions
+  .installation-conclusions-wrapper
+  .conclusion-wrapper
+  .conclusion-title
+  > h3 {
   margin-bottom: 0;
-  margin-right: .5rem;
+  margin-right: 0.5rem;
   word-break: break-all;
 }
 
@@ -256,7 +269,7 @@ h3.orange {
 }
 
 .bat-conclusions .aels-wrapper h4 {
-  color: #EC776A;
+  color: #ec776a;
   text-decoration: underline;
 }
 

src/components/manage/Blocks/SiteLocationMap/style.css

@@ -16,4 +16,4 @@ div#view .ui.container > .site-location-map {
 .site-location-map .ol-map {
   height: 300px;
   min-height: 300px;
-}
+}