polaris_view_components 2.0.0 → 2.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9104fc7211aff5782480099369c68f1d501b1fa0b928de5e76dde02236e17c91
-  data.tar.gz: 65f7d2ee26f6b1b248beafbfd1049b15a354f0f20c8c2f26d65f41dcac7d2c34
+  metadata.gz: e9f0dda0dd8c18919a32d2db1f85d8f141e6c034d4b01a14a1f3962ccd1b44d5
+  data.tar.gz: b852067c8aaf0a6b8227979b8b8e11d8ceaf16835ee750d426a33c9a07753641
 SHA512:
-  metadata.gz: c095f4ae076c31a5df33bcbd031371bc815b8735d8fee48027811c3af5d261e1858e2669de44b1459971d073e75c210f51ca066baa097897e0d7bbbee7a76d76
-  data.tar.gz: 3eefdb4baf96619379e8818fda00ef4bde02f4db030e60218406f6dc84fc68c2097af6f82cb6c765d55c92503182e651ac82300ce9d5f57e36720e0d3324eab1
+  metadata.gz: 34ad4b65aaeab109d00e2220c6df2276c53d6b549858aaf177bf80d042522334f5633e53c678df3d7f8b891656e906318180259dd705c5664d91584383c2f470
+  data.tar.gz: 2e5eddc9bf78ad83546587ff76e59f1c3419ab19b9c7a2679e1a8234e6f4e9355d25e172a07d6ddbd5adea8374898897837590a73cbc4a54eecc958a93009630

data/app/assets/javascripts/polaris_view_components/dropzone_controller.js

@@ -94,9 +94,9 @@ export default class extends Controller {
     this.stopEvent(e)
     if (this.disabled) return
 
+    const fileList = getDataTransferFiles(e)
     this.clearFiles()
 
-    const fileList = getDataTransferFiles(e)
     const { files, acceptedFiles, rejectedFiles } = this.getValidatedFiles(fileList)
     this.dragTargets = []
 
@@ -332,7 +332,7 @@ export default class extends Controller {
   }
 
   renderFile (file) {
-    const validImageTypes = ['image/gif', 'image/jpeg', 'image/png']
+    const validImageTypes = ['image/gif', 'image/jpeg', 'image/png', 'image/svg+xml']
     const clone = this.itemTemplateTarget.content.cloneNode(true)
     const [icon, thumbnail, content, fileSize] = [
       clone.querySelector('[data-target="icon"]'),

data/app/assets/javascripts/polaris_view_components.js

@@ -451,8 +451,8 @@ class Dropzone extends Controller {
   onChange(e) {
     this.stopEvent(e);
     if (this.disabled) return;
-    this.clearFiles();
     const fileList = getDataTransferFiles(e);
+    this.clearFiles();
     const {files: files, acceptedFiles: acceptedFiles, rejectedFiles: rejectedFiles} = this.getValidatedFiles(fileList);
     this.dragTargets = [];
     this.files = files;
@@ -639,7 +639,7 @@ class Dropzone extends Controller {
     this.element.classList.toggle("Polaris-DropZone--hasError", show);
   }
   renderFile(file) {
-    const validImageTypes = [ "image/gif", "image/jpeg", "image/png" ];
+    const validImageTypes = [ "image/gif", "image/jpeg", "image/png", "image/svg+xml" ];
     const clone = this.itemTemplateTarget.content.cloneNode(true);
     const [icon, thumbnail, content, fileSize] = [ clone.querySelector('[data-target="icon"]'), clone.querySelector('[data-target="thumbnail"]'), clone.querySelector('[data-target="content"]'), clone.querySelector('[data-target="file-size"]') ];
     if (validImageTypes.includes(file.type)) {

data/app/assets/stylesheets/polaris_view_components/card.pcss

@@ -38,4 +38,13 @@ html[class~="Polaris-Summer-Editions-2023"] .Polaris-LegacyCard {
       padding-top: var(--p-space-400);
     }
   }
+
+  &.Polaris-LegacyCard--borderless {
+    border: none;
+    box-shadow: none;
+
+    &::before {
+      content: none;
+    }
+  }
 }

data/app/assets/stylesheets/polaris_view_components/custom.pcss

@@ -29,7 +29,7 @@ a.Polaris-Tag__Button {
 
 html[class~="Polaris-Summer-Editions-2023"] {
   .Polaris-LegacyCard__Section--borderTop {
-    border-top: 0.1rem solid var(--p-color-border-subdued) !important;
+    border-top: 1px solid var(--p-color-border-subdued) !important;
     padding-top: var(--p-space-300) !important;
   }
 
@@ -38,7 +38,7 @@ html[class~="Polaris-Summer-Editions-2023"] {
   }
 
   .Polaris-LegacyCard__Section--borderBottom {
-    border-bottom: 0.1rem solid var(--p-color-border-subdued) !important;
+    border-bottom: 1px solid var(--p-color-border-subdued) !important;
     padding-bottom: var(--p-space-300) !important;
 
     & + .Polaris-LegacyCard__Section {

data/app/assets/stylesheets/polaris_view_components.css

@@ -361,6 +361,11 @@
     padding-top: var(--p-space-100);
   }html[class~="Polaris-Summer-Editions-2023"] .Polaris-LegacyCard.Polaris-LegacyCard--withoutTitle .Polaris-LegacyCard__Section:first-child {
       padding-top: var(--p-space-400);
+    }html[class~="Polaris-Summer-Editions-2023"] .Polaris-LegacyCard.Polaris-LegacyCard--borderless {
+    border: none;
+    box-shadow: none;
+  }html[class~="Polaris-Summer-Editions-2023"] .Polaris-LegacyCard.Polaris-LegacyCard--borderless::before {
+      content: none;
     }.Polaris--hidden {
   display: none !important;
 }/* Add missing 1/4 section for layout */@media (min-width: 30.625em) {
@@ -375,12 +380,12 @@
 }/* Card */.Polaris-LegacyCard {
   overflow: initial;
 }html[class~="Polaris-Summer-Editions-2023"] .Polaris-LegacyCard__Section--borderTop {
-    border-top: 0.1rem solid var(--p-color-border-subdued) !important;
+    border-top: 1px solid var(--p-color-border-subdued) !important;
     padding-top: var(--p-space-300) !important;
   }html[class~="Polaris-Summer-Editions-2023"] .Polaris-LegacyCard__Section:has(+.Polaris-LegacyCard__Section--borderTop) {
     padding-bottom: var(--p-space-300) !important;
   }html[class~="Polaris-Summer-Editions-2023"] .Polaris-LegacyCard__Section--borderBottom {
-    border-bottom: 0.1rem solid var(--p-color-border-subdued) !important;
+    border-bottom: 1px solid var(--p-color-border-subdued) !important;
     padding-bottom: var(--p-space-300) !important;
   }html[class~="Polaris-Summer-Editions-2023"] .Polaris-LegacyCard__Section--borderBottom + .Polaris-LegacyCard__Section {
       padding-top: var(--p-space-300) !important;

data/app/components/polaris/autocomplete_component.html.erb

@@ -2,7 +2,9 @@
   <%= render(Polaris::PopoverComponent.new(**popover_arguments)) do |popover| %>
     <% popover.with_activator do %>
       <%= text_field %>
-      <% if @name.present? %>
+      <% if @form.present? && @attribute.present? %>
+        <%= @form.hidden_field @attribute, data: {polaris_autocomplete_target: "hiddenInput"} %>
+      <% else %>
         <%= hidden_field_tag @name, nil, data: {polaris_autocomplete_target: "hiddenInput"} %>
       <% end %>
     <% end %>

data/app/components/polaris/autocomplete_component.rb

@@ -11,7 +11,7 @@ module Polaris
       system_arguments[:input_options][:data] ||= {}
       system_arguments[:input_options][:data][:polaris_autocomplete_target] = "input"
 
-      TextFieldComponent.new(**system_arguments)
+      TextFieldComponent.new(form: @form, attribute: @attribute, name: @name, **system_arguments)
     end
     renders_many :sections, ->(**system_arguments) do
       Autocomplete::SectionComponent.new(multiple: @multiple, **system_arguments)
@@ -22,16 +22,20 @@ module Polaris
     renders_one :empty_state
 
     def initialize(
+      form: nil,
+      attribute: nil,
+      name: nil,
       multiple: false,
       url: nil,
-      name: nil,
       selected: [],
       popover_arguments: {},
       **system_arguments
     )
+      @form = form
+      @attribute = attribute
+      @name = name
       @multiple = multiple
       @url = url
-      @name = name
       @selected = selected
       @popover_arguments = popover_arguments
       @system_arguments = system_arguments

data/app/components/polaris/card_component.rb

@@ -22,6 +22,7 @@ module Polaris
       actions: [],
       sectioned: true,
       subdued: false,
+      borders: true,
       footer_action_alignment: FOOTER_ACTION_ALIGNMENT_DEFAULT,
       **system_arguments
     )
@@ -29,6 +30,7 @@ module Polaris
       @actions = actions
       @sectioned = sectioned
       @subdued = subdued
+      @borders = borders
       @footer_action_alignment = footer_action_alignment
       @system_arguments = system_arguments
     end
@@ -40,7 +42,8 @@ module Polaris
           opts[:classes],
           "Polaris-LegacyCard",
           "Polaris-LegacyCard--subdued": @subdued,
-          "Polaris-LegacyCard--withoutTitle": @title.blank?
+          "Polaris-LegacyCard--withoutTitle": @title.blank?,
+          "Polaris-LegacyCard--borderless": !@borders
         )
       end
     end

data/app/components/polaris/choice_list_component.rb

@@ -38,6 +38,7 @@ module Polaris
       **system_arguments
     )
       @title = title
+      @title_hidden = title_hidden
       @error = error
       @form = form
       @attribute = attribute

data/app/components/polaris/empty_search_results_component.html.erb

@@ -4,7 +4,7 @@
       <% if image.present? %>
         <div><%= image %></div>
       <% end %>
-      <%= polaris_display_text(size: :small) do %>
+      <%= polaris_display_text do %>
         <%= @title %>
       <% end %>
       <% if @description.present? %>

data/app/helpers/polaris/form_builder.rb

@@ -117,5 +117,13 @@ module Polaris
         end
       end
     end
+
+    def polaris_autocomplete(method, **options, &block)
+      options[:error] ||= error_for(method)
+      if options[:error_hidden] && options[:error]
+        options[:error] = !!options[:error]
+      end
+      render Polaris::AutocompleteComponent.new(form: self, attribute: method, name: method, **options), &block
+    end
   end
 end

data/lib/polaris/view_components/version.rb

@@ -1,5 +1,5 @@
 module Polaris
   module ViewComponents
-    VERSION = "2.0.0"
+    VERSION = "2.1.0"
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: polaris_view_components
 version: !ruby/object:Gem::Version
-  version: 2.0.0
+  version: 2.1.0
 platform: ruby
 authors:
 - Dan Gamble
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-03-18 00:00:00.000000000 Z
+date: 2024-05-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -934,7 +934,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.5.6
+rubygems_version: 3.5.8
 signing_key:
 specification_version: 4
 summary: ViewComponents for Polaris Design System