govuk_publishing_components 17.21.0 → 18.0.0

data/app/assets/javascripts/govuk_publishing_components/components/accessible-autocomplete.js

@@ -1,79 +0,0 @@
-/* eslint-env jquery */
-/* global accessibleAutocomplete */
-// = require accessible-autocomplete/dist/accessible-autocomplete.min.js
-
-window.GOVUK = window.GOVUK || {}
-window.GOVUK.Modules = window.GOVUK.Modules || {};
-
-(function (Modules) {
-  'use strict'
-
-  Modules.AccessibleAutocomplete = function () {
-    var $selectElem
-
-    this.start = function ($element) {
-      $selectElem = $element.find('select')
-
-      var configOptions = {
-        selectElement: document.getElementById($selectElem.attr('id')),
-        showAllValues: true,
-        confirmOnBlur: true,
-        preserveNullOptions: true, // https://github.com/alphagov/accessible-autocomplete#null-options
-        defaultValue: ''
-      }
-
-      configOptions.onConfirm = this.onConfirm
-
-      new accessibleAutocomplete.enhanceSelectElement(configOptions) // eslint-disable-line no-new, new-cap
-      // attach the onConfirm function to data attr, to call it in finder-frontend when clearing facet tags
-      $selectElem.data('onconfirm', this.onConfirm)
-    }
-
-    this.onConfirm = function (label, value, removeDropDown) {
-      function escapeHTML (str) {
-        return new window.Option(str).innerHTML
-      }
-
-      if ($selectElem.data('track-category') !== undefined && $selectElem.data('track-action') !== undefined) {
-        track($selectElem.data('track-category'), $selectElem.data('track-action'), label, $selectElem.data('track-options'))
-      }
-      // This is to compensate for the fact that the accessible-autocomplete library will not
-      // update the hidden select if the onConfirm function is supplied
-      // https://github.com/alphagov/accessible-autocomplete/issues/322
-      if (typeof label !== 'undefined') {
-        if (typeof value === 'undefined') {
-          value = $selectElem.children('option').filter(function () { return $(this).html() === escapeHTML(label) }).val()
-        }
-
-        if (typeof value !== 'undefined') {
-          var $option = $selectElem.find('option[value=\'' + value + '\']')
-          // if removeDropDown we are clearing the selection from outside the component
-          var selectState = typeof removeDropDown === 'undefined'
-          $option.prop('selected', selectState)
-          $selectElem.change()
-        }
-
-        // used to clear the autocomplete when clicking on a facet tag in finder-frontend
-        // very brittle but menu visibility is determined by autocomplete after this function is called
-        // setting autocomplete val to '' causes menu to appear, we don't want that, this solves it
-        // ideally will rewrite autocomplete to have better hooks in future
-        if (removeDropDown) {
-          $selectElem.closest('.gem-c-accessible-autocomplete').addClass('gem-c-accessible-autocomplete--hide-menu')
-          setTimeout(function () {
-            $('.autocomplete__menu').remove() // this element is recreated every time the user starts typing
-            $selectElem.closest('.gem-c-accessible-autocomplete').removeClass('gem-c-accessible-autocomplete--hide-menu')
-          }, 100)
-        }
-      }
-    }
-
-    function track (category, action, label, options) {
-      if (window.GOVUK.analytics && window.GOVUK.analytics.trackEvent) {
-        options = options || {}
-        options.label = label
-
-        window.GOVUK.analytics.trackEvent(category, action, options)
-      }
-    }
-  }
-})(window.GOVUK.Modules)

data/app/assets/stylesheets/govuk_publishing_components/components/_accessible-autocomplete.scss

@@ -1,41 +0,0 @@
-@import url(asset-path("accessible-autocomplete/dist/accessible-autocomplete.min.css"));
-
-.gem-c-accessible-autocomplete {
-  .autocomplete__input {
-    z-index: 1;
-  }
-
-  .autocomplete__dropdown-arrow-down {
-    z-index: 0;
-  }
-
-  .autocomplete__option {
-    @include govuk-font(19);
-  }
-
-  // needed as frontend doesn't currently support select multiples
-  // hopefully will in future and this can be removed
-  .govuk-select[multiple] {
-    height: auto;
-  }
-
-  .js-enabled & .gem-c-autocomplete__multiselect-instructions {
-    display: none;
-  }
-
-  .autocomplete__list .autocomplete__option {
-    padding: 5px 6px;
-
-    &:before {
-      position: relative;
-      top: 3px;
-      padding-top: 2px;
-    }
-  }
-}
-
-.gem-c-accessible-autocomplete--hide-menu {
-  .autocomplete__menu {
-    display: none;
-  }
-}

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

@@ -1,35 +0,0 @@
-<%
-  id ||= "autocomplete-#{SecureRandom.hex(4)}"
-  label ||= nil
-  data_attributes ||= nil
-  options ||= []
-  selected_option ||= nil
-  multiple ||= false
-
-  classes = %w(gem-c-accessible-autocomplete govuk-form-group)
-%>
-<% if label && options.any? %>
-  <%= tag.div class: classes, data: { module: "accessible-autocomplete" } do %>
-    <%=
-      render "govuk_publishing_components/components/label", {
-        html_for: id
-      }.merge(label.symbolize_keys)
-    %>
-
-    <% if multiple %>
-      <span class="govuk-hint gem-c-autocomplete__multiselect-instructions">
-        <%= t('components.autocomplete.multiselect') %>
-      </span>
-    <% end %>
-
-    <%=
-      select_tag(
-        id,
-        options_for_select(options, selected_option),
-        multiple: multiple,
-        class: "govuk-select",
-        data: data_attributes
-      )
-    %>
-  <% end %>
-<% end %>

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

@@ -1,49 +0,0 @@
-name: Accessible autocomplete
-description: An autocomplete component, built to be accessible.
-body: |
-  This component uses the [Accessible Autocomplete](https://github.com/alphagov/accessible-autocomplete) code to create an accessible autocomplete element. The autocomplete is created with the `showAllValues`
-  option set to `true` and the `confirmOnBlur` option set to `false` (see [Autocomplete examples](https://alphagov.github.io/accessible-autocomplete/examples) here). It also depends upon the
-  [label component](https://github.com/component-guide/label).
-
-  If Javascript is disabled, the component appears as a select box, so the user can still select an option.
-accessibility_criteria: |
-  [Accessibility acceptance criteria](https://github.com/alphagov/accessible-autocomplete/blob/master/accessibility-criteria.md)
-examples:
-  default:
-    data:
-      label:
-        text: 'Countries'
-      options: [['', ''], ['France', 'fr'], ['Germany', 'de'], ['Sweden', 'se'], ['Switzerland', 'ch'], ['United Kingdom', 'gb'], ['United States', 'us'], ['The Separate Customs Territory of Taiwan, Penghu, Kinmen, and Matsu (Chinese Taipei)', 'tw']]
-  with_unique_identifier:
-    data:
-      id: 'unique-autocomplete'
-      label:
-        text: 'Countries'
-      options: [['', ''], ['France', 'fr'], ['Germany', 'de'], ['Sweden', 'se'], ['Switzerland', 'ch'], ['United Kingdom', 'gb'], ['United States', 'us']]
-  with_selected_option_chosen:
-    data:
-      id: 'selected-option-chosen-autocomplete'
-      label:
-        text: 'Countries'
-      options: [['', ''], ['France', 'fr'], ['Germany', 'de'], ['Sweden', 'se'], ['Switzerland', 'ch'], ['United Kingdom', 'gb'], ['United States', 'us']]
-      selected_option: ['United Kingdom', 'gb']
-  with_tracking_enabled:
-    description: |
-     This example shows tracking enabled on an autocomplete. Tracking will be enabled automatically when `track_category` and `track_action` are specified in `data_attributes`.
-    data:
-      id: 'tracking-enabled-autocomplete'
-      label:
-        text: 'Countries'
-      options: [['', ''], ['France', 'fr'], ['Germany', 'de'], ['Sweden', 'se'], ['Switzerland', 'ch'], ['United Kingdom', 'gb'], ['United States', 'us']]
-      data_attributes:
-        track_category: 'chosen_category'
-        track_action: 'chosen_action'
-        track_option:
-          custom_dimension: 'your_custom_dimension'
-  with_multiple_selections:
-    description: This parameter allows the user to choose more than one option from the autocomplete. The component generates a select multiple in place of a regular select, and the autocomplete Javascript detects this and provides the multiple selection functionality.
-    data:
-      multiple: true
-      label:
-        text: 'Countries'
-      options: [['France', 'fr'], ['Germany', 'de'], ['Sweden', 'se'], ['Switzerland', 'ch'], ['United Kingdom', 'gb'], ['United States', 'us'], ['The Separate Customs Territory of Taiwan, Penghu, Kinmen, and Matsu (Chinese Taipei)', 'tw']]

data/node_modules/accessible-autocomplete/CHANGELOG.md

@@ -1,269 +0,0 @@
-# CHANGELOG
-
-## [Unreleased]
-
-## 1.6.2 - 2018-11-13
-
-- Update all packages and add `@babel/preset-env` for browser polyfills. Updates Preact and avoids React 16 `onFocusOut` warnings - thanks [@colinrotherham](https://github.com/colinrotherham)
-  ([#316](https://github.com/alphagov/accessible-autocomplete/pull/316))
-
-- Fix mouse event issues in IE9-11 including looping `mouseout` and click event being prevented on child elements (e.g. bold text) - thanks [@colinrotherham](https://github.com/colinrotherham)
-  ([#310](https://github.com/alphagov/accessible-autocomplete/pull/310))
-
-- Fix position being incorrectly reported as '1 of n' regardless of actual
-  position in list – thanks [@PRGfx](https://github.com/PRGfx)
-  ([#291](https://github.com/alphagov/accessible-autocomplete/pull/291))
-
-- Fix spacebar input not being registered when seeing 'No results found'
-  message – thanks [@AdenFraser](https://github.com/AdenFraser)
-  ([#287](https://github.com/alphagov/accessible-autocomplete/pull/287))
-
-- Update following dependencies (from "Current" to "Wanted"). This fixes failing WebdriverIO tests and updates JS Standard to use eslint 4.
-
-| Package                                  | Current | Wanted | Latest |
-|------------------------------------------|---------|--------|--------|
-| babel-eslint                             | 8.0.0   | 8.2.6  | 8.2.6  |
-| babel-loader                             | 7.1.0   | 7.1.5  | 7.1.5  |
-| babel-plugin-transform-decorators-legacy | 1.3.4   | 1.3.5  | 1.3.5  |
-| babel-register                           | 6.24.1  | 6.26.0 | 6.26.0 |
-| babel-runtime                            | 6.23.0  | 6.26.0 | 6.26.0 |
-| chai                                     | 4.0.2   | 4.1.2  | 4.1.2  |
-| chalk                                    | 2.0.1   | 2.4.1  | 2.4.1  |
-| copy-webpack-plugin                      | 4.0.1   | 4.5.2  | 4.5.2  |
-| coveralls                                | 2.13.1  | 2.13.3 | 3.0.2  |
-| cross-env                                | 5.0.1   | 5.2.0  | 5.2.0  |
-| csso-cli                                 | 1.0.0   | 1.1.0  | 1.1.0  |
-| husky                                    | 0.14.1  | 0.14.3 | 0.14.3 |
-| karma                                    | 1.7.0   | 1.7.1  | 2.0.4  |
-| karma-coverage                           | 1.1.1   | 1.1.2  | 1.1.2  |
-| karma-mocha-reporter                     | 2.2.3   | 2.2.5  | 2.2.5  |
-| karma-webpack                            | 2.0.3   | 2.0.13 | 3.0.0  |
-| mocha                                    | 3.4.2   | 3.5.3  | 5.2.0  |
-| npm-run-all                              | 4.0.2   | 4.1.3  | 4.1.3  |
-| phantomjs-prebuilt                       | 2.1.14  | 2.1.16 | 2.1.16 |
-| preact                                   | 8.1.0   | 8.2.9  | 8.2.9  |
-| sinon-chai                               | 2.11.0  | 2.14.0 | 3.2.0  |
-| source-map-loader                        | 0.2.1   | 0.2.3  | 0.2.3  |
-| standard                                 | 10.0.2  | 11.0.1 | 11.0.1 |
-| wdio-mocha-framework                     | 0.5.10  | 0.5.13 | 0.6.2  |
-| wdio-sauce-service                       | 0.4.0   | 0.4.10 | 0.4.10 |
-| wdio-selenium-standalone-service         | 0.0.8   | 0.0.10 | 0.0.10 |
-| wdio-spec-reporter                       | 0.1.0   | 0.1.5  | 0.1.5  |
-| webdriverio                              | 4.8.0   | 4.13.1 | 4.13.1 |
-| webpack                                  | 3.0.0   | 3.12.0 | 4.16.1 |
-| webpack-dev-server                       | 2.5.0   | 2.11.2 | 3.1.4  |
-| webpack-sources                          | 1.0.1   | 1.1.0  | 1.1.0  |
-
-## 1.6.1 - 2017-09-25
-
-- Fix role attr by moving `role='combobox'` to wrapper and adding `role='textbox'` to the input. By [@tobias-g](https://github.com/tobias-g)
-- Fix examples page by removing unrequired npm package `v8-lazy-parse-webpack-plugin`
-- Fix scrolling on iOS by reverting #85, new issue raised to find better fix for clicking custom suggestions #177
-- Fix selection and timeout race condition. By [@tobias-g](https://github.com/tobias-g)
-- Fix dropdown on IE to ensure it isn't focusable. By [@tobias-g](https://github.com/tobias-g)
-
-## 1.6.0 - 2017-07-20
-
-- [Feature] Allow customization of the dropdown arrow. By [@sventschui](https://github.com/sventschui).
-
-## 1.5.0 - 2017-07-18
-
-- [Feature] Add ability to translate texts. Relates to #96. By [@sventschui](https://github.com/sventschui).
-
-## 1.4.2 - 2017-07-18
-
-- Allow space to confirm an option, fixes #98.
-- Add support for navigating lists on IE9, 10 and 11, fixes #193.
-
-## 1.4.1 - 2017-07-06
-
-- Fix use of HTML entities in enhanced select options. #151. By [@dracos](https://github.com/dracos).
-
-## 1.4.0 - 2017-07-04
-
-- [Feature] Add option to show all values on dropdown.  By [@joelanman](https://github.com/joelanman).
-
-## 1.3.2 - 2017-07-03
-
-- Redirect keypresses on an option to input, fixes #179.
-
-## 1.3.1 - 2017-06-08
-
-- Fix `autoselect: false` not working when using `enhanceSelectElement`.
-
-## 1.3.0 - 2017-06-02
-
-- [Feature] Add support for passing an array of strings to `source`. By [@joelanman](https://github.com/joelanman).
-
-## 1.2.1 - 2017-05-24
-
-- Fix progressive enhancement in FireFox < 48. By [@revilossor](https://github.com/revilossor).
-
-## 1.2.0 - 2017-05-23
-
-- [Feature] Export Preact and React bundles.
-
-## 1.1.0 - 2017-05-18
-
-- [Feature] Add `required` option. By [@samtsai](https://github.com/samtsai).
-
-## 1.0.6 - 2017-05-17
-
-- Update preact dependency to v8.1.0.
-
-## 1.0.5 - 2017-05-16
-
-- Add support for handling null/placeholder options when using `enhanceSelectElement`. Use `preserveNullOptions: true` to include options with `value=''` in the autocomplete results when enhancing a select element. By @lennym.
-
-## 1.0.4 - 2017-05-15 (deprecated)
-
-- This release does not contain any changes compared to the previous one and is due to a mistake in our build scripts.
-
-## 1.0.3 - 2017-05-15
-
-- Do not copy `name` attribute when using `enhanceSelectElement`. By [@lennym](https://github.com/lennym).
-
-## 1.0.2 - 2017-05-12
-
-- Add support for an empty `defaultValue` when enhancing a select element. By [@lennym](https://github.com/lennym).
-
-## 1.0.1 - 2017-05-12
-
-- Update `style` property in package.json to reflect updated filename. By [@lennym](https://github.com/lennym).
-
-## 1.0.0 - 2017-05-10
-
-- [Breaking] Default `autoselect` to `true` when using `enhanceSelectElement`.
-- [Breaking] Make `id` a required attribute.
-- [Breaking] Rename `onSelect` to `onConfirm`.
-- [Breaking] Rename `selectOnBlur` to `confirmOnBlur`.
-- Fix an issue where users couldn't click on custom suggestions on Chrome.
-
-## 0.6.0 - 2017-05-10
-
-- [Breaking] Rename component from `accessible-typeahead` to `accessible-autocomplete`.
-- Default `defaultValue` when progressively enhancing.
-- Throw an error when `enhanceSelectElement` is called without a `selectElement`.
-- Throw errors when `accessibleAutocomplete` is called without `element` or `source`.
-
-## 0.5.0 - 2017-05-09
-
-- Test the typeahead with end to end tests.
-- Don't display hints on browsers that don't support pointer-events.
-- [Breaking] Rename `dist/styled.min.css` to `dist/accessible-typeahead.min.css`.
-- [Breaking] Rename library main export from `AccessibleTypeahead` to `accessibleTypeahead`.
-- Fix aria status region to more reliably trigger when the number of results stay the same.
-- Fix hint rendering and being picked up by assistive technologies.
-- More aria status region above input so it's more easily picked while navigating.
-
-## 0.4.2 - 2017-05-03
-
-- Add touchEnd handler for iOS and touch devices, fixes custom suggestions.
-- Add `style` declaration in package.json
-- Add support for UMD/commonjs module definition.
-
-## 0.4.1 - 2017-04-26
-
-- Minify `styled.css` for production.
-
-## 0.4.0 - 2017-04-11
-
-- [Breaking] Don't focus suggestions when hovering them, add `:hover` CSS class.
-- Add `showNoOptionsFound` property to allow users to disable this behaviour.
-- Pass through unrecognised key events to input, allowing users to continue typing when they are focusing an option.
-
-## 0.3.5 - 2017-04-06
-
-- Don't prepopulate `defaultValue` in `enhanceSelectElement`.
-
-## 0.3.4 - 2017-04-06
-
-- Pass actual selected object into `onSelect`.
-- Add `selectOnBlur` property to allow users to disable this behaviour.
-- Add `placeholder` property.
-
-## 0.3.3 - 2017-04-04
-
-- Add `templates.inputValue` and `templates.suggestion` properties. These allow users to override how the suggestions are displayed.
-
-## 0.3.2 - 2017-04-03
-
-- Add `AccessibleTypeahead.enhanceSelectElement` function.
-- Add `onSelect` property.
-
-## 0.3.1 - 2017-03-09
-
-- Add ability to specify a `defaultValue` to prefill the input.
-- When user has selected an option with the keyboard, blurring will select.
-- When user has no selected but autoselect is on, blurring will select.
-- Hovering no longer selects, just focuses.
-- When hovering out of component, focus returns to selected.
-- Allow enter to submit forms when menu isn't opened.
-- Hide results when going under minLength.
-
-## 0.3.0 - 2017-03-09
-
-- [Breaking] Add `displayMenu` property. The default is `inline` which was not the previous default.
-- CSS colour changes, and more properties moved away from inline styles.
-- Turn off native browser autocomplete so it doesn't interfere with typeahead overlay.
-- Change the content and styling of the 'No results found' feature.
-
-## 0.2.4 - 2017-03-02
-
-- Display "No options found" when there are no results.
-- Add `autoselect` property. This refactors the `:focused` CSS class to `--focused`, but because previous styling should still work as before, is not a breaking change.
-- Poll the input element periodically to pick up value changes. This makes it more resilient to direct modifications from applications like Dragon, or from interventions from other JavaScript snippets.
-
-## 0.2.3 - 2017-02-21
-
-- Add `minLength` property, which:
-  - Tells the aria region to display text that the user should type in more characters;
-  - Doesn't call the `source` until that lower limit is reached.
-- Select text only when component is unfocused.
-
-## 0.2.2 - 2017-02-16
-
-- Fix focus/blur events on IE11.
-- Fix value of `aria-expanded` attribute to be based on `menuOpen`.
-- Remove `aria-activedescendant` attribute when no option selected.
-- Set `aria-selected` on options when they are focused.
-- Fix clicking on options on Safari.
-- Use a darker blue in the styled example for better contrast ratios.
-- Don't close menu when blurring options or input on iOS, to allow VoiceOver users the ability to select from the available options.
-- Autoselect entire text region when focusing into the input.
-
-## 0.2.1 - 2017-02-03
-
-- Don't close menu when closing the keyboard on iOS, to allow VoiceOver users the ability to select from the available options.
-- Add ability to set `name` attribute on input.
-
-## 0.2.0 - 2017-01-31
-
-- [Breaking] Change the CSS classes to our own instead of the jQuery typeahead ones.
-- Allow importing styling from file in `examples/styled.css`.
-- Tweak the styled example to fix two Safari bugs:
-  - fix scroll bar appearing in menu where none is necessary;
-  - fix weird margin separating the input from the menu.
-
-## 0.1.3 - 2017-01-31
-
-- Don't apply focused CSS on hover, change handler to MouseOver instead of MouseMove.
-- (WIP) Make enter select first option if `autoselect` is enabled. This feature is not finished yet.
-- Close results when focusing out of component after hovering an element.
-- Update styled example:
-  - unbold results;
-  - make height of options consistent with input;
-  - remove top border from results menu;
-  - remove default focus outline on options.
-- Don't display the menu when there are no options.
-- Prevent accidental form submission by `preventDefault`ing on enter key.
-- Add form around basic example.
-
-## 0.1.2 - 2017-01-20
-
-- Don't specify typeahead menu width inline. Allows custom CSS to override it.
-
-## 0.1.0 - 2017-01-19
-
-- Initial release.
-- Basic functionality, minimal styling, only two examples, incomplete tests.