<commit_before>import { Enlarge, Minimise } from '@datapunt/asc-assets'
import { Row, Column, Heading, Link, themeColor, themeSpacing, Alert } from '@datapunt/asc-ui'
import React from 'react'
import RouterLink from 'redux-first-router-link'
import styled, { css } from 'styled-components'
import { SCOPES } from '../../../shared/services/auth/auth'
import getState from '../../../shared/services/redux/get-state'
import { toConstructionFileViewer } from '../../../store/redux-first-router/actions'
import ActionButton from '../ActionButton/ActionButton'
import IIIFThumbnail from '../IIIFThumbnail/IIIFThumbnail'
import NotificationLevel from '../../models/notification'
import { ConstructionFileImage } from '../ConstructionFileDetail/ConstructionFileDetail'

const StyledAlert = styled(Alert)`
  margin-bottom: ${themeSpacing(5)} !important;
`

const GalleryContainer = styled.div`
  border-bottom: 1px solid ${themeColor('tint', 'level3')};
  padding: ${themeSpacing(5, 5, 10, 5)};
`

const StyledRow = styled(Row)`
  justify-content: flex-start;
  margin-bottom: ${({ hasMarginBottom }: { hasMarginBottom: boolean }) =>
    hasMarginBottom ? themeSpacing(8) : 0};
`

const StyledColumn = styled(Column)`
  margin-right: ${themeSpacing(4)};
  margin-bottom: ${themeSpacing(4)};
`

const StyledLink = styled(Link)`
  width: 100%;
  height: 100%;
  position: relative;

  ${({ disabled }: { disabled: boolean }) =>
    disabled &&
    css`
      pointer-events: none;
      cursor: default;
    `}

  // To make the link square
  &::before {
    content: '';
    display: block;
    padding-top: 100%;
  }

  & > * {
    height: 100%;<commit_msg>disable pointer-events on IE<commit_after>import { Enlarge, Minimise } from '@datapunt/asc-assets'
import { Row, Column, Heading, Link, themeColor, themeSpacing, Alert } from '@datapunt/asc-ui'
import React from 'react'
import RouterLink from 'redux-first-router-link'
import styled, { css } from 'styled-components'
import { SCOPES } from '../../../shared/services/auth/auth'
import getState from '../../../shared/services/redux/get-state'
import { toConstructionFileViewer } from '../../../store/redux-first-router/actions'
import ActionButton from '../ActionButton/ActionButton'
import IIIFThumbnail from '../IIIFThumbnail/IIIFThumbnail'
import NotificationLevel from '../../models/notification'
import { ConstructionFileImage } from '../ConstructionFileDetail/ConstructionFileDetail'

const StyledAlert = styled(Alert)`
  margin-bottom: ${themeSpacing(5)} !important;
`

const GalleryContainer = styled.div`
  border-bottom: 1px solid ${themeColor('tint', 'level3')};
  padding: ${themeSpacing(5, 5, 10, 5)};
`

const StyledRow = styled(Row)`
  justify-content: flex-start;
  margin-bottom: ${({ hasMarginBottom }: { hasMarginBottom: boolean }) =>
    hasMarginBottom ? themeSpacing(8) : 0};
`

const StyledColumn = styled(Column)`
  margin-right: ${themeSpacing(4)};
  margin-bottom: ${themeSpacing(4)};
`

const StyledLink = styled(Link)`
  width: 100%;
  height: 100%;
  position: relative;
  display: inline-block;

  ${({ disabled }: { disabled: boolean }) =>
    disabled &&
    css`
      pointer-events: none;
      cursor: default;
      display: inline-block; // to make disable pointer-events on IE
    `}

  // To make the link square
  &::before {
    content: '';
    display: block;
    padding-top: 100%;
  }

  & > * {
    height: 100%;
{'fraction_non_alphanumeric': 0.15741556534508078, 'fraction_numerical': 0.014096916299559472, 'mean_word_length': 4.001468428781204, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 9, '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': '4654483', 'n_tokens_mistral': 1121, 'n_tokens_neox': 1076, 'n_words': 262}