govuk_publishing_components 55.0.1 → 55.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 00edb5d25e23e74f551a4e86904f15149be137d0792b8e2b066d7af747fedbc5
-  data.tar.gz: f674647263528f6eba8ef3549d710093947d6650fb6fb66722a94faaf33d24b7
+  metadata.gz: 83f2b97f13438d68421e57375dc8460c00ce20c62ec826adb265d83730ed37c6
+  data.tar.gz: de8b365caa595806d8d12a02d751fd4e00102d655296a5e8ad10f4374a165541
 SHA512:
-  metadata.gz: 18b9cd1e21c514e57d5770348f4a9ce39a1e1a8282cd911666835f4818bd8cab79b8a3d8bbe5390346861870f3fcb3065cf028ed5952d2296099b24e3c51e452
-  data.tar.gz: a885507b322d134001ecc1e053af8dad5b224bf7553a222d474d728a4bb26824e550163bdc0a3ca3f757d8580328bfcb1b0778c38920334301c3a9205d97fefd
+  metadata.gz: db208c3e1c9e5db170a8707ae2ca60e601265e4c7a04e65f3975fe4561d4bbb59988765ddd462d039f3e34e7a2d741f1decb9b7073702e3ccde823a3ecde05a1
+  data.tar.gz: 835cc61d5e298f78b9dc2c9537b2ad46cbf94982808eeca8fa234d917140d53d4c2e623a084307f5f94d8059c343419f25ab82601f21759d42493b531979eb1f

data/app/assets/javascripts/govuk_publishing_components/components/file-upload.js

@@ -0,0 +1,5 @@
+// This component relies on JavaScript from GOV.UK Frontend
+// = require govuk/components/file-upload/file-upload.bundle.js
+window.GOVUK = window.GOVUK || {}
+window.GOVUK.Modules = window.GOVUK.Modules || {}
+window.GOVUK.Modules.GovukFileUpload = window.GOVUKFrontend.FileUpload

data/app/assets/stylesheets/govuk_publishing_components/components/_layout-super-navigation-header.scss

@@ -1,4 +1,5 @@
 @import "govuk_publishing_components/individual_component_support";
+@import "govuk/components/header/header";
 @import "mixins/prefixed-transform";
 @import "mixins/grid-helper";
 

data/app/assets/stylesheets/govuk_publishing_components/components/_organisation-logo.scss

@@ -33,9 +33,12 @@
   padding-right: govuk-spacing(1);
 }
 
-// Scale images on smaller viewports
 .gem-c-organisation-logo__image {
-  max-width: 100%;
+  max-width: 320px;
+  @include govuk-media-query($until: tablet) {
+    width: 100%;
+    max-width: 240px;
+  }
 }
 
 .gem-c-organisation-logo__crest {

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

@@ -1,4 +1,5 @@
 <%
+  add_gem_component_stylesheet("button")
   add_gem_component_stylesheet("file-upload")
 
   shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
@@ -17,6 +18,7 @@
   error_id = "error-#{SecureRandom.hex(4)}"
   heading_size = false unless shared_helper.valid_heading_size?(heading_size)
   heading_level ||= nil
+  javascript ||= false
 
   css_classes = %w(gem-c-file-upload govuk-file-upload)
   css_classes << "govuk-file-upload--error" if has_error
@@ -65,7 +67,8 @@
     } %>
   <% end %>
 
-  <%= tag.input name: name,
+  <% file_upload_element = capture do %>
+    <%= tag.input name: name,
     type: "file",
     value: value,
     class: css_classes,
@@ -75,4 +78,13 @@
     aria: {
       describedby: aria_described_by
     } %>
+  <% end %>
+  
+  <% if javascript %>
+    <%= content_tag :div, class: "govuk-drop-zone", data: { module: "govuk-file-upload" } do %>
+      <%= file_upload_element %>
+    <% end %>
+  <% else %>
+    <%= file_upload_element %>
+  <% end %>  
 <% end %>

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

@@ -1,5 +1,4 @@
 <%
-  add_gem_component_stylesheet("layout-header")
   add_gem_component_stylesheet("layout-super-navigation-header")
 
   logo_link ||= "https://www.gov.uk/"

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

@@ -20,6 +20,12 @@ examples:
       label:
         text: "Upload a file"
       name: "file-upload"
+  with_javascript:
+    data:
+      label:
+        text: "Upload a file"
+      name: "file-upload"
+      javascript: true
   with_hint:
     data:
       label:

data/app/views/govuk_publishing_components/components/feedback/_survey_signup_form.html.erb

@@ -6,7 +6,7 @@
       <h3 class="gem-c-feedback__form-heading"><%= t("components.feedback.help_us_improve_govuk") %></h3>
       <p id="survey_explanation" class="gem-c-feedback__form-paragraph">
         <%= t("components.feedback.more_about_visit") %>
-        <a href="https://www.smartsurvey.co.uk/s/gov-uk-banner/?c=no-js" class="govuk-link" target="_blank" rel="noopener noreferrer external">Please fill in this survey (opens in a new tab)</a>.
+        <a href="https://www.smartsurvey.co.uk/s/gov-uk-banner/?c=no-js" class="govuk-link" target="_blank" rel="noopener noreferrer external">Please fill in this survey (opens in a new tab<noscript> and requires JavaScript</noscript>)</a>.
       </p>
       <button
         class="govuk-button govuk-button--secondary js-close-form"

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = "55.0.1".freeze
+  VERSION = "55.1.0".freeze
 end