govuk_publishing_components 27.18.0 → 28.1.0

data/app/assets/javascripts/govuk_publishing_components/analytics/scroll-tracker.js

@@ -1,237 +0,0 @@
-/* global GOVUK, $ */
-
-(function () {
-  'use strict'
-
-  window.GOVUK = window.GOVUK || {}
-
-  var percentages = [
-    ['Percent', 20],
-    ['Percent', 40],
-    ['Percent', 60],
-    ['Percent', 80],
-    ['Percent', 100]
-  ]
-
-  var CONFIG = {
-    '/brexit': percentages,
-    '/government/publications/the-essential-trustee-what-you-need-to-know-cc3/the-essential-trustee-what-you-need-to-know-what-you-need-to-do': [
-      ['Heading', '1. About this guidance'],
-      ['Heading', '2. Trustees’ duties at a glance'],
-      ['Heading', '3. Who can be a trustee and how trustees are appointed'],
-      ['Heading', '4. Ensure your charity is carrying out its purposes for the public benefit'],
-      ['Heading', '5. Comply with your charity’s governing document and the law'],
-      ['Heading', '6. Act in your charity’s best interests'],
-      ['Heading', '7. Manage your charity’s resources responsibly'],
-      ['Heading', '8. Act with reasonable care and skill'],
-      ['Heading', '9. Ensure your charity is accountable'],
-      ['Heading', '10. Reduce the risk of liability'],
-      ['Heading', '11. Your charity’s legal structure and what it means'],
-      ['Heading', '12. Charity officers - the chair and treasurer'],
-      ['Heading', '13. Technical terms used in this guidance']
-    ],
-    '/guidance/universal-credit-how-it-helps-you-into-work': [
-      ['Heading', 'Support from your work coach'],
-      ['Heading', 'Help available for parents'],
-      ['Heading', 'When you can claim Universal Credit'],
-      ['Heading', 'More detailed advice']
-    ],
-    '/government/publications/spring-budget-2017-documents/spring-budget-2017': [
-      ['Heading', '1. Executive summary'],
-      ['Heading', '2. Economic context and public finances'],
-      ['Heading', '3. Policy decisions'],
-      ['Heading', '4. Tax'],
-      ['Heading', '5. Productivity'],
-      ['Heading', '6. Public services and markets'],
-      ['Heading', '7. Annex A: Financing'],
-      ['Heading', '8. Annex B: Office for Budget Responsibility\'s Economic and fiscal outlook']
-    ],
-    '/settled-status-eu-citizens-families': [
-      ['Heading', 'When you can apply']
-    ],
-    '/guidance/returning-to-the-uk': [
-      ['Heading', 'Ending your time living abroad']
-    ],
-    '/council-housing': [
-      ['Heading', 'Choice-based lettings']
-    ],
-    '/guidance/foreign-travel-insurance': [
-      ['Heading', 'What your travel insurance policy should cover']
-    ],
-    '/guidance/living-in-france': [
-      ['Heading', 'Passports and travel']
-    ],
-    '/family-permit': [
-      ['Heading', 'EEA family permit']
-    ],
-    '/guidance/healthcare-for-eu-and-efta-citizens-visiting-the-uk': [
-      ['Heading', 'Travel insurance']
-    ],
-    '/driving-abroad': [
-      ['Heading', 'Check your insurance if you’re taking your own vehicle']
-    ],
-    '/get-a-passport-urgently': [
-      ['Heading', 'Ways to apply']
-    ],
-    '/driving-abroad/international-driving-permit': [
-      ['Heading', 'Check which IDP you need']
-    ],
-    '/guidance/guidance-for-suppliers-of-cattle-sheep-and-goat-ear-tags': [
-      ['Heading', 'Tagging information for livestock keepers']
-    ],
-    '/guidance/how-to-move-goods-between-or-through-common-transit-countries-including-the-eu': [
-      ['Heading', 'Start moving your goods']
-    ],
-    '/guidance/ecmt-international-road-haulage-permits': [
-      ['Heading', 'Apply for permits']
-    ],
-    '/taking-goods-out-uk-temporarily/get-an-ata-carnet': [
-      ['Heading', 'Using an ATA Carnet']
-    ],
-    '/wood-packaging-import-export': [
-      ['Heading', 'Export solid wood packaging']
-    ],
-    '/coronavirus': percentages,
-    '/coronavirus/education-and-childcare': percentages,
-    '/coronavirus/worker-support': percentages,
-    '/coronavirus/business-support': percentages,
-    '/get-coronavirus-test': percentages,
-    '/next-steps-for-your-business/results': [
-      ['Heading', 'Things you need to do next'],
-      ['Heading', 'Rules to follow'],
-      ['Heading', 'Good to know'],
-      ['Heading', 'Change your answers']
-    ],
-    '/guidance/brexit-guidance-for-businesses': percentages,
-    '/guidance/brexit-guidance-for-businesses.cy': percentages,
-    '/guidance/brexit-guidance-for-individuals-and-families': percentages,
-    '/guidance/brexit-guidance-for-individuals-and-families.cy': percentages,
-    '/guidance/import-and-export-goods-using-preference-agreements': percentages,
-    '/guidance/travel-abroad-from-england-during-coronavirus-covid-19': [
-      ['Heading', 'Before you travel abroad'],
-      ['Heading', '1. Check the rules for the country you’re going to'],
-      ['Heading', '2. Find out what you need to do when you return'],
-      ['Heading', '3. Book any COVID-19 tests or quarantine hotel packages you need for your return'],
-      ['Heading', 'Before you return'],
-      ['Heading', 'After you return'],
-      ['Heading', 'Travelling with children'],
-      ['Heading', 'Ireland, the UK, the Channel Islands and the Isle of Man'],
-      ['Heading', 'Exemptions for work, medical or compassionate reasons']
-    ],
-    '/guidance/travel-to-england-from-another-country-during-coronavirus-covid-19': [
-      ['Heading', 'Before you travel'],
-      ['Heading', '1. Check the rules for the country you’re coming from or have travelled through'],
-      ['Heading', '2. Book any COVID-19 tests or quarantine hotel packages you need for your arrival'],
-      ['Heading', '3. Get tested and complete documents'],
-      ['Heading', 'When you arrive in England'],
-      ['Heading', 'Leaving England'],
-      ['Heading', 'Travelling with children'],
-      ['Heading', 'Ireland, the UK, the Channel Islands and the Isle of Man'],
-      ['Heading', 'Exemptions for work, medical or compassionate reasons']
-    ],
-    '/find-travel-test-provider': percentages
-  }
-
-  function ScrollTracker (sitewideConfig) {
-    this.config = this.getConfigForCurrentPath(sitewideConfig)
-    this.SCROLL_TIMEOUT_DELAY = 10
-
-    if (!this.config) {
-      this.enabled = false
-      return
-    }
-    this.enabled = true
-
-    this.trackedNodes = this.buildNodes(this.config)
-
-    $(window).scroll($.proxy(this.onScroll, this))
-    this.trackVisibleNodes()
-  };
-
-  ScrollTracker.prototype.getConfigForCurrentPath = function (sitewideConfig) {
-    for (var path in sitewideConfig) {
-      if (this.normalisePath(window.location.pathname) === this.normalisePath(path)) {
-        return sitewideConfig[path]
-      }
-    }
-  }
-
-  ScrollTracker.prototype.buildNodes = function (config) {
-    var nodes = []
-    var NodeConstructor, nodeData
-
-    for (var i = 0; i < config.length; i++) {
-      NodeConstructor = ScrollTracker[config[i][0] + 'Node']
-      nodeData = config[i][1]
-      nodes.push(new NodeConstructor(nodeData))
-    }
-
-    return nodes
-  }
-
-  ScrollTracker.prototype.normalisePath = function (path) {
-    return path.split('/').join('')
-  }
-
-  ScrollTracker.prototype.onScroll = function () {
-    clearTimeout(this.scrollTimeout)
-    this.scrollTimeout = setTimeout($.proxy(this.trackVisibleNodes, this), this.SCROLL_TIMEOUT_DELAY)
-  }
-
-  ScrollTracker.prototype.trackVisibleNodes = function () {
-    for (var i = 0; i < this.trackedNodes.length; i++) {
-      if (this.trackedNodes[i].isVisible() && !this.trackedNodes[i].alreadySeen) {
-        this.trackedNodes[i].alreadySeen = true
-
-        var action = this.trackedNodes[i].eventData.action
-        var label = this.trackedNodes[i].eventData.label
-
-        GOVUK.analytics.trackEvent('ScrollTo', action, { label: label, nonInteraction: true })
-      }
-    }
-  }
-
-  ScrollTracker.PercentNode = function (percentage) {
-    this.percentage = percentage
-    this.eventData = { action: 'Percent', label: String(percentage) }
-  }
-
-  ScrollTracker.PercentNode.prototype.isVisible = function () {
-    return this.currentScrollPercent() >= this.percentage
-  }
-
-  ScrollTracker.PercentNode.prototype.currentScrollPercent = function () {
-    var $document = $(document)
-    var $window = $(window)
-    return (($window.scrollTop() / ($document.height() - $window.height())) * 100.0)
-  }
-
-  ScrollTracker.HeadingNode = function (headingText) {
-    this.$element = getHeadingElement(headingText)
-    this.eventData = { action: 'Heading', label: headingText }
-
-    function getHeadingElement (headingText) {
-      var $headings = $('h1, h2, h3, h4, h5, h6')
-      for (var i = 0; i < $headings.length; i++) {
-        if ($.trim($headings.eq(i).text()).replace(/\s/g, ' ') === headingText) return $headings.eq(i)
-      }
-    }
-  }
-
-  ScrollTracker.HeadingNode.prototype.isVisible = function () {
-    if (!this.$element) return false
-    return this.elementIsVisible(this.$element)
-  }
-
-  ScrollTracker.HeadingNode.prototype.elementIsVisible = function ($element) {
-    var $window = $(window)
-    var positionTop = $element.offset().top
-    return (positionTop > $window.scrollTop() && positionTop < ($window.scrollTop() + $window.height()))
-  }
-
-  $().ready(function () {
-    window.GOVUK.scrollTracker = new ScrollTracker(CONFIG)
-  })
-
-  window.GOVUK.ScrollTracker = ScrollTracker
-}())

data/app/assets/stylesheets/govuk_publishing_components/components/_highlight-boxes.scss

@@ -1,84 +0,0 @@
-.gem-c-highlight-boxes {
-  @include govuk-text-colour;
-  display: flex;
-  flex-wrap: wrap;
-  margin: govuk-spacing(3) 0 0 0;
-  padding: 0;
-
-  @include govuk-media-query($from: tablet) {
-    margin-right: -25px;
-  }
-}
-
-.gem-c-highlight-boxes__item-wrapper {
-  @include govuk-font(19);
-  box-sizing: border-box;
-  list-style-type: none;
-  padding: govuk-spacing(1) govuk-spacing(2) govuk-spacing(5) 0;
-  width: 100%;
-
-  @include govuk-media-query($from: tablet) {
-    width: 50%;
-    padding: govuk-spacing(1) govuk-spacing(5) govuk-spacing(5) 0;
-  }
-
-  @include govuk-media-query($from: desktop) {
-    width: (1 / 3) * 100%;
-    padding: govuk-spacing(1) govuk-spacing(5) govuk-spacing(5) 0;
-  }
-}
-
-.gem-c-highlight-boxes__item-wrapper--half-width {
-  @include govuk-media-query($from: desktop) {
-    width: 50%;
-    padding: govuk-spacing(1) govuk-spacing(5) govuk-spacing(5) 0;
-  }
-}
-
-.gem-c-highlight-boxes__item {
-  box-sizing: border-box;
-  border: 1px solid govuk-colour("mid-grey", $legacy: "grey-2");
-  padding: govuk-spacing(3) * 1.5;
-  height: 100%;
-  box-shadow: 7px 7px 0 govuk-colour("white"), 8px 8px 0 govuk-colour("mid-grey", $legacy: "grey-2");
-}
-
-.gem-c-highlight-boxes--inverse {
-  background-color: govuk-colour("blue");
-  border: 0;
-  color: govuk-colour("white");
-}
-
-.gem-c-highlight-boxes__title {
-  @include govuk-font(19, $weight: bold);
-  display: block;
-  text-decoration: underline;
-  margin-bottom: govuk-spacing(1);
-}
-
-.gem-c-highlight-boxes--inverse .gem-c-highlight-boxes__title {
-  &:link,
-  &:visited,
-  &:hover {
-    color: govuk-colour("white");
-  }
-
-  &:active,
-  &:focus {
-    color: $govuk-focus-text-colour;
-  }
-}
-
-.gem-c-highlight-boxes__title--featured {
-  @include govuk-font(24, $weight: bold);
-}
-
-.gem-c-highlight-boxes__description {
-  margin: 0 0 govuk-spacing(2) 0;
-}
-
-.gem-c-highlight-boxes__metadata {
-  margin: 0 govuk-spacing(3) 0 0;
-  @include govuk-font(16);
-  display: inline-block;
-}

data/app/assets/stylesheets/govuk_publishing_components/components/_taxonomy-list.scss

@@ -1,21 +0,0 @@
-.gem-c-taxonomy-list {
-  display: flex;
-  flex-wrap: wrap;
-  margin: govuk-spacing(3) 0 0 0;
-  padding: 0;
-
-  @include govuk-media-query($from: tablet) {
-    margin-right: -25px;
-  }
-}
-
-.gem-c-taxonomy-list__item {
-  list-style: none;
-
-  @include govuk-media-query($from: tablet) {
-    box-sizing: border-box;
-    width: 33%;
-    padding-right: govuk-spacing(2);
-    vertical-align: top;
-  }
-}

data/app/views/govuk_publishing_components/components/_admin_analytics.html.erb

@@ -1,20 +0,0 @@
-<%
-  warn('DEPRECATION WARNING: admin_analytics component is deprecated and will be removed in a future major release of govuk_publishing_components')
-  user_organisation ||= nil
-%>
-
-<script class="analytics">
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-26179049-6', '<%= ENV['GOVUK_APP_DOMAIN'] %>');
-  ga('set', 'anonymizeIp', true);
-
-  <% if user_organisation %>
-    ga('set', 'dimension8', "<%= user_organisation.presence || '(not set)' %>");
-  <% end %>
-
-  ga('send', 'pageview');
-</script>

data/app/views/govuk_publishing_components/components/_government_navigation.html.erb

@@ -1,86 +0,0 @@
-<%
-  warn('DEPRECATION WARNING: government_navigation component is deprecated and will be removed in a future major release of govuk_publishing_components')
-  active ||= nil
-%>
-
-<nav id="proposition-menu" class="no-proposition-name gem-c-government-navigation" aria-label="Departments and policy navigation">
-  <ul id="proposition-links" data-module="gem-track-click">
-    <li>
-      <a class="<%= 'active' if active == 'departments' %> govuk-link govuk-link--no-underline govuk-link--inverse"
-         data-track-category="headerClicked"
-         data-track-action="departmentsLink"
-         data-track-label="/government/organisations"
-         data-track-dimension="<%= t("components.government_navigation.departments") %>"
-         data-track-dimension-index="29"
-         href="/government/organisations">
-        <%= t("components.government_navigation.departments") %>
-      </a>
-    </li>
-    <li>
-      <a class="<%= 'active' if active == 'worldwide' %> govuk-link govuk-link--no-underline govuk-link--inverse"
-         data-track-category="headerClicked"
-         data-track-action="worldwideLink"
-         data-track-label="/world"
-         data-track-dimension="<%= t("components.government_navigation.worldwide") %>"
-         data-track-dimension-index="29"
-         href="/world">
-        <%= t("components.government_navigation.worldwide") %>
-      </a>
-    </li>
-    <li>
-      <a class="<%= 'active' if active == 'how-government-works' %> govuk-link govuk-link--no-underline govuk-link--inverse"
-         data-track-category="headerClicked"
-         data-track-action="governmentactivityLink"
-         data-track-label="/government/how-government-works"
-         data-track-dimension="<%= t("components.government_navigation.how-government-works") %>"
-         data-track-dimension-index="29"
-         href="/government/how-government-works">
-        <%= t("components.government_navigation.how-government-works") %>
-      </a>
-    </li>
-    <li>
-      <a class="<%= 'active' if active == 'get-involved' %> govuk-link govuk-link--no-underline govuk-link--inverse"
-         data-track-category="headerClicked"
-         data-track-action="governmentactivityLink"
-         data-track-label="/government/get-involved"
-         data-track-dimension="<%= t("components.government_navigation.get-involved") %>"
-         data-track-dimension-index="29"
-         href="/government/get-involved">
-        <%= t("components.government_navigation.get-involved") %>
-      </a>
-    </li>
-    <li class="clear-child">
-      <a class="<%= 'active' if active == 'consultations' %> govuk-link govuk-link--no-underline govuk-link--inverse"
-         data-track-category="headerClicked"
-         data-track-action="governmentactivityLink"
-         data-track-label="<%= CGI::escapeHTML('/search/policy-papers-and-consultations?content_store_document_type[]=open_consultations&content_store_document_type[]=closed_consultations') %>"
-         data-track-dimension="<%= t("components.government_navigation.consultations") %>"
-         data-track-dimension-index="29"
-         href="<%= CGI::escapeHTML('/search/policy-papers-and-consultations?content_store_document_type[]=open_consultations&content_store_document_type[]=closed_consultations') %>">
-        <%= t("components.government_navigation.consultations") %>
-      </a>
-    </li>
-    <li>
-      <a class="<%= 'active' if active == 'statistics' %> govuk-link govuk-link--no-underline govuk-link--inverse"
-         data-track-category="headerClicked"
-         data-track-action="governmentactivityLink"
-         data-track-label="/search/research-and-statistics"
-         data-track-dimension="<%= t("components.government_navigation.statistics") %>"
-         data-track-dimension-index="29"
-      href="/search/research-and-statistics">
-        <%= t("components.government_navigation.statistics") %>
-      </a>
-    </li>
-    <li>
-      <a class="<%= 'active' if active == 'announcements' %> govuk-link govuk-link--no-underline govuk-link--inverse"
-         data-track-category="headerClicked"
-         data-track-action="governmentactivityLink"
-         data-track-label="/search/news-and-communications"
-         data-track-dimension="<%= t("components.government_navigation.news_and_communications") %>"
-         data-track-dimension-index="29"
-         href="/search/news-and-communications">
-        <%= t("components.government_navigation.news_and_communications") %>
-      </a>
-    </li>
-  </ul>
-</nav>

data/app/views/govuk_publishing_components/components/_highlight_boxes.html.erb

@@ -1,47 +0,0 @@
-<%
-  warn('DEPRECATION WARNING: highlight_boxes component is deprecated and will be removed in a future major release of govuk_publishing_components')
-  items ||= []
-  inverse ||= false
-  half_width ||= false
-  within_multitype_list ||= false
-  half_width_class = "gem-c-highlight-boxes__item-wrapper--half-width" if half_width
-  inverse_class = "gem-c-highlight-boxes--inverse" if inverse
-  highlight_boxes_helper = GovukPublishingComponents::Presenters::HighlightBoxesHelper.new(local_assigns)
-%>
-<% if items.any? %>
-  <% unless within_multitype_list %>
-    <ol class="gem-c-highlight-boxes" <%= "data-module=gem-track-click" if highlight_boxes_helper.data_tracking? %>>
-  <% end %>
-    <% items.each do |content_item| %>
-      <li class="gem-c-highlight-boxes__item-wrapper <%= half_width_class %>">
-        <div class="gem-c-highlight-boxes__item <%= inverse_class %>">
-          <%= link_to(
-            content_item[:link].fetch(:text),
-            content_item[:link].fetch(:path),
-            class: "govuk-link gem-c-highlight-boxes__title #{"gem-c-highlight-boxes__title--featured" if content_item[:link][:featured]}",
-            data: content_item[:link][:data_attributes]
-            )
-          %>
-
-          <% if content_item[:link][:description] %>
-            <p class="gem-c-highlight-boxes__description"><%= content_item[:link][:description] %></p>
-          <% end %>
-
-          <% if content_item[:metadata] %>
-            <% content_item[:metadata].each do |metadata_key, metadata_value| %>
-              <% if metadata_key.to_s.eql?("public_updated_at") %>
-                <time class="gem-c-highlight-boxes__metadata" datetime="<%= metadata_value.iso8601 %>">
-                  <%= l(metadata_value, format: '%e %B %Y') %>
-                </time>
-              <% else %>
-                <p class="gem-c-highlight-boxes__metadata"><%= metadata_value %></p>
-              <% end %>
-            <% end %>
-          <% end %>
-        </div>
-      </li>
-    <% end %>
-  <% unless within_multitype_list %>
-    </ol>
-  <% end %>
-<% end %>

data/app/views/govuk_publishing_components/components/_taxonomy_list.html.erb

@@ -1,30 +0,0 @@
-<%
-  warn('DEPRECATION WARNING: taxonomy_list component is deprecated and will be removed in a future major release of govuk_publishing_components')
-  highlight_box ||= false
-  document_list ||= false
-  image_cards ||= false
-
-  highlight_box.merge!({within_multitype_list: true}) if highlight_box
-  document_list.merge!({within_multitype_list: true}) if document_list
-
-  taxonomy_list_helper = GovukPublishingComponents::Presenters::TaxonomyListHelper.new(image_cards)
-%>
-<% if highlight_box || document_list || image_cards %>
-  <ul class="gem-c-taxonomy-list" data-module="gem-track-click">
-    <% if image_cards %>
-      <% taxonomy_list_helper.image_card_data.each do |image_card| %>
-        <li class="gem-c-taxonomy-list__item">
-          <%= render "govuk_publishing_components/components/image_card", image_card %>
-        </li>
-      <% end %>
-    <% end %>
-
-    <% if highlight_box %>
-      <%= render "govuk_publishing_components/components/highlight_boxes", highlight_box %>
-    <% end %>
-
-    <% if document_list %>
-      <%= render "govuk_publishing_components/components/document_list", document_list %>
-    <% end %>
-  </ul>
-<% end %>

data/app/views/govuk_publishing_components/components/docs/admin_analytics.yml

@@ -1,10 +0,0 @@
-name: Admin Analytics
-description: |
-  Google Analytics script for tracking user interaction in admin (backend) apps.
-accessibility_criteria: |
-  The component should not be visible to any users.
-display_html: true
-examples:
-  default:
-    data:
-      user_organisation: "HMRC"

data/app/views/govuk_publishing_components/components/docs/government_navigation.yml

@@ -1,20 +0,0 @@
-name: Government navigation
-description: Navigation placed in the header by Slimmer and used by pages which sit
-  under the /government path. This is a markup only component and is not available
-  for preview here. It can be passed a string to mark a link as being active.
-body: | 
-  Please note: because the markup on this component is currently tied to styles that aren't present in the components gem, they will appear "broken". This is because they are intended to be used in the [header component](/component-guide/layout_header/with_left_search_and_navigation) as white links against a black background. You can see a styled example of this component in use on the ['Counter-Fraud Standards and Profession' page](https://www.gov.uk/government/groups/counter-fraud-standards-and-profession).
-accessibility_criteria: |
-  The government navigation component must:
-
-  - Be identified as a [navigation landmark](https://www.w3.org/TR/wai-aria-practices-1.1/#aria_lh_navigation)
-shared_accessibility_criteria:
-  - link
-accessibility_excluded_rules:
-  - 'duplicate-id' # ids used in this component are for slimmer to use when moving this component into the header
-examples:
-  default:
-    data: {}
-  with_active_item:
-    data:
-      active: departments