design-comuni-plone-theme 10.4.0 → 10.4.2

package/src/components/ItaliaTheme/manage/Widgets/TextEditorWidget.jsx

@@ -198,10 +198,10 @@ class TextEditorWidgetComponent extends Component {
               ) {
                 const selectionState = this.state.editorState.getSelection();
                 const anchorKey = selectionState.getAnchorKey();
-                const currentContent = this.state.editorState.getCurrentContent();
-                const currentContentBlock = currentContent.getBlockForKey(
-                  anchorKey,
-                );
+                const currentContent =
+                  this.state.editorState.getCurrentContent();
+                const currentContentBlock =
+                  currentContent.getBlockForKey(anchorKey);
                 const blockType = currentContentBlock.getType();
                 if (!includes(this.draftConfig.listBlockTypes, blockType)) {
                   this.props.onSelectBlock(
@@ -223,8 +223,10 @@ class TextEditorWidgetComponent extends Component {
                   e.stopPropagation();
                 } else {
                   if (this.props.onFocusPreviousBlock) {
-                    const selectionState = this.state.editorState.getSelection();
-                    const currentCursorPosition = selectionState.getStartOffset();
+                    const selectionState =
+                      this.state.editorState.getSelection();
+                    const currentCursorPosition =
+                      selectionState.getStartOffset();
 
                     if (currentCursorPosition === 0) {
                       this.props.onFocusPreviousBlock(
@@ -245,9 +247,11 @@ class TextEditorWidgetComponent extends Component {
                   e.stopPropagation();
                 } else {
                   if (this.props.onFocusNextBlock) {
-                    const selectionState = this.state.editorState.getSelection();
+                    const selectionState =
+                      this.state.editorState.getSelection();
                     const { editorState } = this.state;
-                    const currentCursorPosition = selectionState.getStartOffset();
+                    const currentCursorPosition =
+                      selectionState.getStartOffset();
                     const blockLength = editorState
                       .getCurrentContent()
                       .getFirstBlock()

package/src/components/SelectInput/SelectInput.jsx

@@ -47,8 +47,7 @@ const messages = defineMessages({
       'premi la freccia a sinistra per evidenziare i valori selezionati',
   },
   ay11_toggle_values: {
-    id:
-      'ay11_select_Use left and right to toggle between focused values, press Backspace to remove the currently focused value',
+    id: 'ay11_select_Use left and right to toggle between focused values, press Backspace to remove the currently focused value',
     defaultMessage:
       'Usa le frecce destra e sinistra per attivare o disattivare i valori evidenziati, premi Backspace per rimuovere il valore corrente evidenziato',
   },
@@ -91,18 +90,19 @@ const messages = defineMessages({
   },
 });
 
-const SelectContainer = injectLazyLibs('reactSelect')(
-  ({ children, ...props }) => {
-    const components = props.reactSelect.components;
-    return (
-      <div>
-        <components.SelectContainer {...props}>
-          {children}
-        </components.SelectContainer>
-      </div>
-    );
-  },
-);
+const SelectContainer = injectLazyLibs('reactSelect')(({
+  children,
+  ...props
+}) => {
+  const components = props.reactSelect.components;
+  return (
+    <div>
+      <components.SelectContainer {...props}>
+        {children}
+      </components.SelectContainer>
+    </div>
+  );
+});
 
 SelectContainer.propTypes = {
   children: PropTypes.node,
@@ -179,13 +179,8 @@ ClearIndicator.propTypes = {
 const getSelectAriaLiveMessages = (intl) => {
   return {
     guidance: (props) => {
-      const {
-        isSearchable,
-        isMulti,
-        isDisabled,
-        tabSelectsValue,
-        context,
-      } = props;
+      const { isSearchable, isMulti, isDisabled, tabSelectsValue, context } =
+        props;
       switch (context) {
         case 'menu':
           return `${intl.formatMessage(messages.ay11_up_down)}${

package/src/components/SelectInput/select-styles.css

@@ -1,9 +1,9 @@
 .react-select__control {
+  border-radius: 0px !important;
   border-top: none !important;
   border-right: none !important;
   border-bottom: solid #435a70 1px !important;
   border-left: none !important;
-  border-radius: 0px !important;
 }
 
 .react-select__control:focus {

package/src/config/Blocks/blocks.js

@@ -364,9 +364,10 @@ const italiaBlocks = {
 
 const getItaliaBlocks = (config) => {
   delete config.blocks.blocksConfig.teaser;
-  config.blocks.blocksConfig.gridBlock.allowedBlocks = config.blocks.blocksConfig.gridBlock.allowedBlocks
-    .filter((item) => !['slate', 'teaser'].includes(item))
-    .concat(['text']);
+  config.blocks.blocksConfig.gridBlock.allowedBlocks =
+    config.blocks.blocksConfig.gridBlock.allowedBlocks
+      .filter((item) => !['slate', 'teaser'].includes(item))
+      .concat(['text']);
   return italiaBlocks;
 };
 export default getItaliaBlocks;

package/src/config/Blocks/listingVariations.js

@@ -300,9 +300,10 @@ export const getItaliaListingVariations = (config) => {
 };
 export const removeListingVariation = (config, id) => {
   let indexOfVariation = -1;
-  indexOfVariation = config.blocks?.blocksConfig?.listing?.variations?.findIndex(
-    (x) => x.id === id,
-  );
+  indexOfVariation =
+    config.blocks?.blocksConfig?.listing?.variations?.findIndex(
+      (x) => x.id === id,
+    );
   if (indexOfVariation >= 0) {
     config.blocks.blocksConfig.listing.variations.splice(indexOfVariation, 1);
   }

package/src/config/Subsites/index.js

@@ -1,28 +1,28 @@
 import loadable from '@loadable/component';
 
 export const loadables = {
-  'subsite-light-blue': loadable.lib(() =>
-    import('design-comuni-plone-theme/config/Subsites/light-blue'),
+  'subsite-light-blue': loadable.lib(
+    () => import('design-comuni-plone-theme/config/Subsites/light-blue'),
   ),
-  'subsite-light-pink': loadable.lib(() =>
-    import('design-comuni-plone-theme/config/Subsites/light-pink'),
+  'subsite-light-pink': loadable.lib(
+    () => import('design-comuni-plone-theme/config/Subsites/light-pink'),
   ),
-  'subsite-light-teal': loadable.lib(() =>
-    import('design-comuni-plone-theme/config/Subsites/light-teal'),
+  'subsite-light-teal': loadable.lib(
+    () => import('design-comuni-plone-theme/config/Subsites/light-teal'),
   ),
-  'subsite-light-yellow': loadable.lib(() =>
-    import('design-comuni-plone-theme/config/Subsites/light-yellow'),
+  'subsite-light-yellow': loadable.lib(
+    () => import('design-comuni-plone-theme/config/Subsites/light-yellow'),
   ),
-  'subsite-magenta': loadable.lib(() =>
-    import('design-comuni-plone-theme/config/Subsites/magenta'),
+  'subsite-magenta': loadable.lib(
+    () => import('design-comuni-plone-theme/config/Subsites/magenta'),
   ),
-  'subsite-teal': loadable.lib(() =>
-    import('design-comuni-plone-theme/config/Subsites/teal'),
+  'subsite-teal': loadable.lib(
+    () => import('design-comuni-plone-theme/config/Subsites/teal'),
   ),
-  'subsite-white': loadable.lib(() =>
-    import('design-comuni-plone-theme/config/Subsites/white'),
+  'subsite-white': loadable.lib(
+    () => import('design-comuni-plone-theme/config/Subsites/white'),
   ),
-  'subsite-yellow': loadable.lib(() =>
-    import('design-comuni-plone-theme/config/Subsites/yellow'),
+  'subsite-yellow': loadable.lib(
+    () => import('design-comuni-plone-theme/config/Subsites/yellow'),
   ),
 };

package/src/config/italiaConfig.js

@@ -65,8 +65,8 @@ import { schemaListing } from 'design-comuni-plone-theme/components/ItaliaTheme/
 
 import reducers from 'design-comuni-plone-theme/reducers';
 
-const ReleaseLog = loadable(() =>
-  import('design-comuni-plone-theme/components/ReleaseLog/ReleaseLog'),
+const ReleaseLog = loadable(
+  () => import('design-comuni-plone-theme/components/ReleaseLog/ReleaseLog'),
 );
 
 export default function applyConfig(voltoConfig) {
@@ -479,9 +479,10 @@ export default function applyConfig(voltoConfig) {
     },
   };
   // Remove Horizontal Menu variation of TOC Block
-  config.blocks.blocksConfig.toc.variations = config.blocks.blocksConfig.toc.variations.filter(
-    (v) => v.id !== 'horizontalMenu',
-  );
+  config.blocks.blocksConfig.toc.variations =
+    config.blocks.blocksConfig.toc.variations.filter(
+      (v) => v.id !== 'horizontalMenu',
+    );
 
   // REDUCERS
   config.addonReducers = {

package/src/customizations/volto/components/manage/Blocks/HeroImageLeft/Edit.jsx

@@ -25,7 +25,7 @@ import {
   validateFileUploadSize,
 } from '@plone/volto/helpers';
 import { createContent } from '@plone/volto/actions';
-import { Icon, SidebarPortal, LinkMore } from '@plone/volto/components';
+import { Icon, SidebarPortal } from '@plone/volto/components';
 
 import clearSVG from '@plone/volto/icons/clear.svg';
 
@@ -132,9 +132,8 @@ class EditComponent extends Component {
         },
       });
 
-      this.extendedBlockRenderMap = DefaultDraftBlockRenderMap.merge(
-        blockTitleRenderMap,
-      );
+      this.extendedBlockRenderMap =
+        DefaultDraftBlockRenderMap.merge(blockTitleRenderMap);
 
       this.extendedDescripBlockRenderMap = DefaultDraftBlockRenderMap.merge(
         blockDescriptionRenderMap,
@@ -328,24 +327,26 @@ class EditComponent extends Component {
             selected: this.props.selected,
           })}
         >
-          {this.props.selected && this.props.editable && !!this.props.data.url && (
-            <div className="toolbar">
-              <Button.Group>
-                <Button
-                  icon
-                  basic
-                  onClick={() =>
-                    this.props.onChangeBlock(this.props.block, {
-                      ...this.props.data,
-                      url: '',
-                    })
-                  }
-                >
-                  <Icon name={clearSVG} size="24px" color="#e40166" />
-                </Button>
-              </Button.Group>
-            </div>
-          )}
+          {this.props.selected &&
+            this.props.editable &&
+            !!this.props.data.url && (
+              <div className="toolbar">
+                <Button.Group>
+                  <Button
+                    icon
+                    basic
+                    onClick={() =>
+                      this.props.onChangeBlock(this.props.block, {
+                        ...this.props.data,
+                        url: '',
+                      })
+                    }
+                  >
+                    <Icon name={clearSVG} size="24px" color="#e40166" />
+                  </Button>
+                </Button.Group>
+              </div>
+            )}
           <div className="block-inner-wrapper">
             {this.props.data.url ? (
               <div className="hero-image">
@@ -403,7 +404,8 @@ class EditComponent extends Component {
                   placeholder={this.props.intl.formatMessage(messages.title)}
                   blockStyleFn={() => 'title-editor'}
                   onUpArrow={() => {
-                    const selectionState = this.state.titleEditorState.getSelection();
+                    const selectionState =
+                      this.state.titleEditorState.getSelection();
                     const { titleEditorState } = this.state;
                     if (
                       titleEditorState
@@ -419,7 +421,8 @@ class EditComponent extends Component {
                     }
                   }}
                   onDownArrow={() => {
-                    const selectionState = this.state.titleEditorState.getSelection();
+                    const selectionState =
+                      this.state.titleEditorState.getSelection();
                     const { titleEditorState } = this.state;
                     if (
                       titleEditorState
@@ -448,7 +451,8 @@ class EditComponent extends Component {
                 )}
                 blockStyleFn={() => 'description-editor'}
                 onUpArrow={() => {
-                  const selectionState = this.state.descriptionEditorState.getSelection();
+                  const selectionState =
+                    this.state.descriptionEditorState.getSelection();
                   const currentCursorPosition = selectionState.getStartOffset();
 
                   if (currentCursorPosition === 0) {
@@ -457,7 +461,8 @@ class EditComponent extends Component {
                   }
                 }}
                 onDownArrow={() => {
-                  const selectionState = this.state.descriptionEditorState.getSelection();
+                  const selectionState =
+                    this.state.descriptionEditorState.getSelection();
                   const { descriptionEditorState } = this.state;
                   const currentCursorPosition = selectionState.getStartOffset();
                   const blockLength = descriptionEditorState

package/src/customizations/volto/components/manage/Blocks/Listing/ListingBody.jsx

@@ -97,8 +97,8 @@ const ListingBody = React.memo(
       // Need to know if data-element is "service-link"
       // to add data-element="pager-link" to pagination links
       const isServiceLink =
-        data.id_lighthouse === 'service-link' ||
-        variation.id_lighthouse === 'service-link';
+        data?.id_lighthouse === 'service-link' ||
+        variation?.id_lighthouse === 'service-link';
 
       return (
         <div className="public-ui">

package/src/customizations/volto/components/manage/Blocks/Listing/withQuerystringResults.jsx

@@ -117,19 +117,19 @@ export default function withQuerystringResults(WrappedComponent) {
     const totalPages = showAsFolderListing
       ? Math.ceil(content.items_total / b_size)
       : showAsQueryListing
-      ? Math.ceil(querystringResults[subrequestID].total / b_size)
-      : 0;
+        ? Math.ceil(querystringResults[subrequestID].total / b_size)
+        : 0;
 
     const prevBatch = showAsFolderListing
       ? content.batching?.prev
       : showAsQueryListing
-      ? querystringResults[subrequestID].batching?.prev
-      : null;
+        ? querystringResults[subrequestID].batching?.prev
+        : null;
     const nextBatch = showAsFolderListing
       ? content.batching?.next
       : showAsQueryListing
-      ? querystringResults[subrequestID].batching?.next
-      : null;
+        ? querystringResults[subrequestID].batching?.next
+        : null;
 
     function handleContentPaginationChange(e, { activePage }) {
       !isEditMode && listingRef.current.scrollIntoView({ behavior: 'smooth' });

package/src/customizations/volto/components/manage/Blocks/Search/components/CheckboxFacet.jsx

@@ -45,8 +45,8 @@ const CheckboxFacet = (props) => {
                         ...(target.checked ? [value] : []),
                       ]
                     : target.checked
-                    ? value
-                    : null,
+                      ? value
+                      : null,
                 );
               }}
             />

package/src/customizations/volto/components/manage/Blocks/Search/components/FilterList.jsx

@@ -30,23 +30,20 @@ const messages = defineMessages({
  */
 const FilterList = (props) => {
   const { data = {}, facets = {}, setFacets, isEditMode, intl } = props;
-  const definedFacets = data.facets || [];
   const [isOpened, setIsOpened] = React.useState(false);
-  const totalFilters = useMemo(
-    () =>
-      definedFacets.filter(
-        ({ field, type }) =>
-          field &&
-          Object.keys(facets).includes(field.value) &&
-          (type !== 'toggleFacet'
-            ? !isEmpty(facets[field.value])
-            : facets[field.value]),
-      ).length,
-    [definedFacets, facets],
-  );
-  const {
-    types: facetWidgetTypes,
-  } = config.blocks.blocksConfig.search.extensions.facetWidgets;
+  const totalFilters = useMemo(() => {
+    const definedFacets = data.facets || [];
+    return definedFacets.filter(
+      ({ field, type }) =>
+        field &&
+        Object.keys(facets).includes(field.value) &&
+        (type !== 'toggleFacet'
+          ? !isEmpty(facets[field.value])
+          : facets[field.value]),
+    ).length;
+  }, [data.facets, facets]);
+  const { types: facetWidgetTypes } =
+    config.blocks.blocksConfig.search.extensions.facetWidgets;
   const closeFilters = () => setIsOpened(false);
   const ref = useRef();
   useClickOutside(ref, closeFilters);
@@ -85,16 +82,14 @@ const FilterList = (props) => {
           'bg-white': isOpened,
           'bg-transparent': !isOpened,
         })}
-        role="region"
         aria-labelledby="headingAccordion"
         aria-expanded={isOpened}
         aria-hidden={!isOpened}
       >
         <div className="filter-list accordion-inner bg-white py-4">
           {data.facets?.map((facetSettings, i) => {
-            const {
-              filterListComponent: FilterListComponent,
-            } = resolveExtension('type', facetWidgetTypes, facetSettings);
+            const { filterListComponent: FilterListComponent } =
+              resolveExtension('type', facetWidgetTypes, facetSettings);
             const facet = facetSettings?.field?.value;
 
             if (!facet) return null;

package/src/customizations/volto/components/manage/Blocks/Search/components/ToggleFacetFilterListEntry.jsx

@@ -18,15 +18,8 @@ const messages = defineMessages({
 });
 
 function ToggleFacetFilterListEntry(props) {
-  const {
-    facet,
-    isEditMode,
-    setFacets,
-    facets,
-    intl,
-    data,
-    facetSettings,
-  } = props;
+  const { facet, isEditMode, setFacets, facets, intl, data, facetSettings } =
+    props;
   const entrySettings = useMemo(() => {
     return data.facets?.find((f) => f?.field?.value === facet)?.field;
   }, [data, facet]);

package/src/customizations/volto/components/manage/Diff/DiffField.jsx

@@ -19,13 +19,6 @@ import {
   blockIsNotEmptyPlaceholder,
   SSRRenderHtml,
 } from 'design-comuni-plone-theme/helpers';
-import {
-  getBaseUrl,
-  getBlocksFieldname,
-  getBlocksLayoutFieldname,
-  hasBlocksData,
-} from '@plone/volto/helpers';
-import content from '../../../../../../omelette/src/reducers/content/content';
 
 /**
  * Enhanced diff words utility
@@ -157,8 +150,8 @@ const DiffField = ({
                     schema?.type === 'boolean'
                       ? booleanMapping[!!one]
                       : schema?.widget === 'json'
-                      ? contentOne
-                      : one,
+                        ? contentOne
+                        : one,
                     schema?.widget ??
                       (schema?.type === 'object' && field.includes('image')
                         ? field

package/src/customizations/volto/components/manage/Sidebar/ObjectBrowserBody.jsx

@@ -114,27 +114,27 @@ class ObjectBrowserBody extends Component {
         this.props.mode === 'multiple'
           ? '/'
           : this.props.mode === 'image' && this.props.data?.url
-          ? getParentURL(this.props.data.url)
-          : '/',
+            ? getParentURL(this.props.data.url)
+            : '/',
       currentLinkFolder:
         this.props.mode === 'multiple'
           ? '/'
           : this.props.mode === 'link' && this.props.data?.href
-          ? getParentURL(this.props.data.href)
-          : '/',
+            ? getParentURL(this.props.data.href)
+            : '/',
       parentFolder: '',
       selectedImage:
         this.props.mode === 'multiple'
           ? ''
           : this.props.mode === 'image' && this.props.data?.url
-          ? flattenToAppURL(this.props.data.url)
-          : '',
+            ? flattenToAppURL(this.props.data.url)
+            : '',
       selectedHref:
         this.props.mode === 'multiple'
           ? ''
           : this.props.mode === 'link' && this.props.data?.href
-          ? flattenToAppURL(this.props.data.href)
-          : '',
+            ? flattenToAppURL(this.props.data.href)
+            : '',
       showSearchInput: false,
       // In image mode, the searchable types default to the image types which
       // can be overridden with the property if specified.
@@ -161,8 +161,8 @@ class ObjectBrowserBody extends Component {
       mode === 'multiple'
         ? ''
         : mode === 'image'
-        ? this.state.selectedImage
-        : this.state.selectedHref;
+          ? this.state.selectedImage
+          : this.state.selectedHref;
     if (currentSelected && isInternalURL(currentSelected)) {
       this.props.searchContent(
         getParentURL(currentSelected),

package/src/customizations/volto/components/manage/Widgets/DatetimeWidget.jsx

@@ -4,7 +4,7 @@
  *
  * https://github.com/plone/volto/blob/16.x.x/src/components/manage/Widgets/DatetimeWidget.jsx
  * https://github.com/plone/volto/blob/7ec45f7b4d46233236c651f39a951bad8e389184/src/components/manage/Widgets/DatetimeWidget.jsx
- * 
+ *
  * CUSTOMIZATIONS:
  * - accept calendar `openDirection` prop and use it in SingleDatePicker,
  *   default to down if no openDirection is given
@@ -190,14 +190,8 @@ export class DatetimeWidgetComponent extends Component {
   onFocusChange = ({ focused }) => this.setState({ focused });
 
   render() {
-    const {
-      id,
-      resettable,
-      intl,
-      reactDates,
-      widgetOptions,
-      lang,
-    } = this.props;
+    const { id, resettable, intl, reactDates, widgetOptions, lang } =
+      this.props;
     const noPastDates =
       this.props.noPastDates || widgetOptions?.pattern_options?.noPastDates;
     const moment = this.props.moment.default;
@@ -313,4 +307,4 @@ export default compose(
     lang: state.intl.locale,
   })),
   injectIntl,
-)(DatetimeWidgetComponent);
+)(DatetimeWidgetComponent);

package/src/customizations/volto/components/manage/Widgets/ObjectBrowserWidget.jsx

@@ -321,15 +321,8 @@ export class ObjectBrowserWidgetComponent extends Component {
    * @returns {string} Markup for the component.
    */
   render() {
-    const {
-      id,
-      description,
-      fieldSet,
-      value,
-      mode,
-      onChange,
-      isDisabled,
-    } = this.props;
+    const { id, description, fieldSet, value, mode, onChange, isDisabled } =
+      this.props;
 
     let items = compact(!isArray(value) && value ? [value] : value || []);
 

package/src/customizations/volto/components/manage/Widgets/RecurrenceWidget/RecurrenceWidget.jsx

@@ -443,8 +443,8 @@ class RecurrenceWidget extends Component {
       field === 'dtstart'
         ? value
         : rruleSet.dtstart()
-        ? rruleSet.dtstart()
-        : moment().utc().toDate();
+          ? rruleSet.dtstart()
+          : moment().utc().toDate();
     var exdates =
       field === 'exdates' ? value : Object.assign([], rruleSet.exdates());
 

package/src/customizations/volto/helpers/FormValidation/FormValidation.js

@@ -77,7 +77,8 @@ const widgetValidation = {
     isValidEmail: (emailValue, emailObj, intlFunc) => {
       // Email Regex taken from from WHATWG living standard:
       // https://html.spec.whatwg.org/multipage/input.html#e-mail-state-(type=email)
-      const emailRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;
+      const emailRegex =
+        /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;
       const isValid = emailRegex.test(emailValue);
       return !isValid ? intlFunc(messages.isValidEmail) : null;
     },
@@ -100,11 +101,11 @@ const widgetValidation = {
     isValidURL: (urlValue, urlObj, intlFunc) => {
       var urlRegex = new RegExp(
         '^(https?:\\/\\/)?' + // validate protocol
-        '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|' + // validate domain name
-        '((\\d{1,3}\\.){3}\\d{1,3}))|' + // validate OR ip (v4) address
-        '(localhost)' + // validate OR localhost address
-        '(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*' + // validate port and path
-        '(\\?[;&a-z\\d%_.~+=-]*)?' + // validate query string
+          '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|' + // validate domain name
+          '((\\d{1,3}\\.){3}\\d{1,3}))|' + // validate OR ip (v4) address
+          '(localhost)' + // validate OR localhost address
+          '(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*' + // validate port and path
+          '(\\?[;&a-z\\d%_.~+=-]*)?' + // validate query string
           '(\\#[-a-z\\d_]*)?$', // validate fragment locator
         'i',
       );

package/src/customizations/volto/helpers/Html/Html.jsx

@@ -143,8 +143,8 @@ class Html extends Component {
               rel: !criticalCss
                 ? elem.props.rel
                 : elem.props.as === 'style'
-                ? 'prefetch'
-                : elem.props.rel,
+                  ? 'prefetch'
+                  : elem.props.rel,
             }),
           )}
           {/* Styles in development are loaded with Webpack's style-loader, in production,