govuk_publishing_components 9.16.1 → 9.17

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5cd424c3c2aa6fc31e7f9f582556cfd084a835cb539889f92e898f409def0926
-  data.tar.gz: 1869d558b4ac733e50c56bacbc2eaa1825d9f2439eb27a18d232e2e74c7bc14b
+  metadata.gz: ec89233d9f7da4f9dcdb946c1645fa062512e48904759fa21a4f16960672ef1f
+  data.tar.gz: f0c9c9973d0b38994c7f3f03768f71edd5b62bbd6a6ce5dd4d2b6670b34a5506
 SHA512:
-  metadata.gz: 4cbb54d78eae8f05c56e8f7f5a84f14a6d9c1a240eb083ad92101599408e8581a4a8a28384313a592a08f063a3a478a6bbc05cf257d20dcb179ef2686cbd78f7
-  data.tar.gz: 77a079982ca721df47434317d32ef49715ccd76718f3bf73d7533a8b6cf0572d095ea149277896dafd9b39bee590421e17054149d744cbd15e385136d9c3733f
+  metadata.gz: 92118daef28751e5bfaf15995976ccc15aca0beafe5ad1bc4a9cd11de2e0d63c6ca250fd17a6f75d5b8a9f8605334d5a32f730ec8c9d8adb16f6b51468b95a41
+  data.tar.gz: 7cccc89992dd48e17f8f00bcc8f0631bc0b500ebd69050a0736adae3771e8596865f0fd3564c674ffb22178ff62f7a89b3c756ebc4510c65c80eac75373d6dbb

data/app/assets/javascripts/govuk_publishing_components/components/copy-to-clipboard.js

@@ -0,0 +1,19 @@
+window.GOVUK = window.GOVUK || {}
+window.GOVUK.Modules = window.GOVUK.Modules || {};
+
+(function (global, GOVUK) {
+  'use strict'
+
+  GOVUK.Modules.CopyToClipboard = function () {
+    this.start = function (element) {
+      var copyButton = element[0].querySelector('.gem-c-button')
+
+      copyButton.addEventListener('click', function (event) {
+        event.preventDefault()
+        var input = element[0].querySelector('.gem-c-input')
+        input.select()
+        document.execCommand('copy')
+      })
+    }
+  }
+})(window, window.GOVUK)

data/app/assets/stylesheets/govuk_publishing_components/_all_components.scss

@@ -13,6 +13,7 @@
 @import "components/breadcrumbs";
 @import "components/button";
 @import "components/contents-list";
+@import "components/copy-to-clipboard";
 @import "components/document-list";
 @import "components/error-summary";
 @import "components/feedback";

data/app/assets/stylesheets/govuk_publishing_components/components/_copy-to-clipboard.scss

@@ -0,0 +1 @@
+// No styles, this component just uses subcomponents

data/app/assets/stylesheets/govuk_publishing_components/components/_success-alert.scss

@@ -13,6 +13,21 @@
   @include bold-19;
 }
 
+.gem-c-success-summary__title {
+  margin-top: 0;
+  margin-bottom: $gem-spacing-scale-3;
+
+  @include media(tablet) {
+    margin-bottom: $gem-spacing-scale-4;
+  }
+
+  @include bold-24;
+}
+
+.gem-c-success-summary__body {
+  @include core-19;
+}
+
 .gem-c-success-alert:focus {
   outline: $gem-focus-width solid $gem-focus-colour;
 }

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

@@ -0,0 +1,14 @@
+<div class="gem-c-copy-to-clipboard" data-module="copy-to-clipboard">
+  <%= render "govuk_publishing_components/components/input", {
+    label: {
+      text: label,
+    },
+    name: SecureRandom.hex,
+    value: copyable_content
+  } %>
+
+  <%= render "govuk_publishing_components/components/button", {
+    text: button_text,
+    secondary_quiet: true,
+  } %>
+</div>

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

@@ -1,6 +1,11 @@
 <%
   gtm_auth ||= nil
   gtm_preview ||= nil
+
+  gtm_attributes = %w(gtm_cookies_win=x)
+    gtm_attributes << "gtm_auth=" + gtm_auth if gtm_auth
+    gtm_attributes << "gtm_preview=" + gtm_preview if gtm_preview
+  gtm_attributes = gtm_attributes.join('&')
 %>
 <script>
 var doNotTrack = ( navigator.doNotTrack === '1' || navigator.doNotTrack === 'yes' || navigator.msDoNotTrack === '1' || window.doNotTrack === '1' )
@@ -8,7 +13,7 @@ if (!doNotTrack) {
   (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
   new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
   j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
-  'https://www.googletagmanager.com/gtm.js?id='+i+dl+'<%= "&gtm_auth="+gtm_auth if gtm_auth %><%= "&gtm_preview="+gtm_preview if gtm_preview %>&gtm_cookies_win=x';f.parentNode.insertBefore(j,f);
+  'https://www.googletagmanager.com/gtm.js?id='+i+dl+'&<%= raw gtm_attributes %>';f.parentNode.insertBefore(j,f);
 })(window,document,'script','dataLayer','<%= gtm_id %>');
 }
 </script>

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

@@ -12,7 +12,7 @@
   form_group_css_classes << "govuk-form-group--error" if error_message
 
   # check if any item is set as being conditional
-  has_conditional = items.any? { |item| item["conditional"] }
+  has_conditional = items.any? { |item| item.is_a?(Hash) && item[:conditional] }
 %>
 <%= content_tag :div, class: form_group_css_classes do %>
 

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

@@ -1,8 +1,15 @@
+<% description = yield %>
+
 <div
   class="gem-c-success-alert"
   data-module="success-alert"
   role="alert"
   tabindex="-1"
 >
-  <p class="gem-c-success-alert__message"><%= message %></p>
+  <% if description.present? %>
+    <h2 class="gem-c-success-summary__title"><%= message %></h2>
+    <p class="gem-c-success-summary__body"><%= description %></p>
+  <% else %>
+    <p class="gem-c-success-alert__message"><%= message %></p>
+  <% end %>
 </div>

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

@@ -0,0 +1,10 @@
+name: Copy to clipboard
+description: Content that a user is intended to copy, like a URL
+examples:
+  default:
+    data:
+      label: Copy and send this link to someone and they’ll be able to preview your draft on GOV.UK.
+      copyable_content: http://www.example.org
+      button_text: Copy link
+accessibility_criteria: |
+  - should be usable with keyboard

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

@@ -9,6 +9,10 @@ examples:
   default:
     data:
       message: Message to alert the user to a successful action goes here
+  with_message_and_block:
+    data:
+      message: Message to alert the user to a successful action goes here
+      block: A further description
   long_example:
     data:
       message: |

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = '9.16.1'.freeze
+  VERSION = '9.17'.freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: govuk_publishing_components
 version: !ruby/object:Gem::Version
-  version: 9.16.1
+  version: '9.17'
 platform: ruby
 authors:
 - GOV.UK Dev
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-09-03 00:00:00.000000000 Z
+date: 2018-09-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: govuk_app_config
@@ -323,6 +323,7 @@ files:
 - app/assets/javascripts/component_guide/visual-regression.js
 - app/assets/javascripts/govuk_publishing_components/admin_scripts.js
 - app/assets/javascripts/govuk_publishing_components/all_components.js
+- app/assets/javascripts/govuk_publishing_components/components/copy-to-clipboard.js
 - app/assets/javascripts/govuk_publishing_components/components/error-summary.js
 - app/assets/javascripts/govuk_publishing_components/components/feedback.js
 - app/assets/javascripts/govuk_publishing_components/components/radio.js
@@ -341,6 +342,7 @@ files:
 - app/assets/stylesheets/govuk_publishing_components/components/_breadcrumbs.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_button.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_contents-list.scss
+- app/assets/stylesheets/govuk_publishing_components/components/_copy-to-clipboard.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_details.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_document-list.scss
 - app/assets/stylesheets/govuk_publishing_components/components/_error-message.scss
@@ -443,6 +445,7 @@ files:
 - app/views/govuk_publishing_components/components/_contents_list.html.erb
 - app/views/govuk_publishing_components/components/_contextual_breadcrumbs.html.erb
 - app/views/govuk_publishing_components/components/_contextual_sidebar.html.erb
+- app/views/govuk_publishing_components/components/_copy_to_clipboard.html.erb
 - app/views/govuk_publishing_components/components/_details.html.erb
 - app/views/govuk_publishing_components/components/_document_list.html.erb
 - app/views/govuk_publishing_components/components/_error_message.html.erb
@@ -495,6 +498,7 @@ files:
 - app/views/govuk_publishing_components/components/docs/contents_list.yml
 - app/views/govuk_publishing_components/components/docs/contextual_breadcrumbs.yml
 - app/views/govuk_publishing_components/components/docs/contextual_sidebar.yml
+- app/views/govuk_publishing_components/components/docs/copy_to_clipboard.yml
 - app/views/govuk_publishing_components/components/docs/details.yml
 - app/views/govuk_publishing_components/components/docs/document_list.yml
 - app/views/govuk_publishing_components/components/docs/error_message.yml