<commit_before>import React from 'react'
import PropTypes from 'prop-types'
import { Helmet } from 'react-helmet'
import { Container } from '@datapunt/asc-ui'
import { useMatomo } from '@datapunt/matomo-tracker-react'
import useDocumentTitle from '../../utils/useDocumentTitle'
import linkAttributesFromAction from '../../../shared/services/link-attributes-from-action/linkAttributesFromAction'
import './EditorialPage.scss'
import '../../../map/components/loading-indicator/LoadingIndicator.scss'
import LoadingIndicator from '../../../shared/components/loading-indicator/LoadingIndicator'
import Footer from '../Footer/Footer'

const EditorialPage = ({ children, documentTitle, loading, linkAction, description }) => {
  const { setDocumentTitle } = useDocumentTitle()
  const { trackPageView } = useMatomo()

  React.useEffect(() => {
    if (documentTitle) {
      setDocumentTitle(documentTitle)
      trackPageView({ documentTitle })
    }
  }, [documentTitle])

  const href = linkAction && linkAttributesFromAction(linkAction).href

  return (
    <Container className="editorial-page" beamColor="valid" maxWidth={1800}>
      <Helmet>
        {href && <link rel="canonical" href={href} />}
        <meta
          name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
        />
        {description && <meta name="description" content={description} />}
      </Helmet>
      <div className="editorial-page__body">
        {loading && <LoadingIndicator />}
        {children}
      </div>
      <Footer />
    </Container>
  )
}

EditorialPage.defaultProps = {
  documentTitle: '',
  loading: false,
  linkAction: null,
}

EditorialPage.propTypes = {<commit_msg>DP-7094 removed the maxWidth from EditorialPage container<commit_after>import React from 'react'
import PropTypes from 'prop-types'
import { Helmet } from 'react-helmet'
import { Container } from '@datapunt/asc-ui'
import { useMatomo } from '@datapunt/matomo-tracker-react'
import useDocumentTitle from '../../utils/useDocumentTitle'
import linkAttributesFromAction from '../../../shared/services/link-attributes-from-action/linkAttributesFromAction'
import './EditorialPage.scss'
import '../../../map/components/loading-indicator/LoadingIndicator.scss'
import LoadingIndicator from '../../../shared/components/loading-indicator/LoadingIndicator'
import Footer from '../Footer/Footer'

const EditorialPage = ({ children, documentTitle, loading, linkAction, description }) => {
  const { setDocumentTitle } = useDocumentTitle()
  const { trackPageView } = useMatomo()

  React.useEffect(() => {
    if (documentTitle) {
      setDocumentTitle(documentTitle)
      trackPageView({ documentTitle })
    }
  }, [documentTitle])

  const href = linkAction && linkAttributesFromAction(linkAction).href

  return (
    <Container className="editorial-page" beamColor="valid">
      <Helmet>
        {href && <link rel="canonical" href={href} />}
        <meta
          name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
        />
        {description && <meta name="description" content={description} />}
      </Helmet>
      <div className="editorial-page__body">
        {loading && <LoadingIndicator />}
        {children}
      </div>
      <Footer />
    </Container>
  )
}

EditorialPage.defaultProps = {
  documentTitle: '',
  loading: false,
  linkAction: null,
}

EditorialPage.propTypes = {
{'fraction_non_alphanumeric': 0.14537194775695628, 'fraction_numerical': 0.0056785917092561046, 'mean_word_length': 3.6052287581699347, 'pattern_counts': {'":': 0, '<': 25, '<?xml version=': 0, '>': 29, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '249109', 'n_tokens_mistral': 1017, 'n_tokens_neox': 1021, 'n_words': 207}