polaris_view_components 0.1.1 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1a11eec04f3214877a985fa4b015bbb30aaa11b5ba6bd88728eee58cb457b72c
-  data.tar.gz: 4fcc63ed09e2a5de504f9006e2564097ccd7c7cf0e2bfc4424762dd24fa1aaf9
+  metadata.gz: 4b8966c0866f8b002c720f0dd8578f825a9abf64753ead41dcdf84150dd24f8c
+  data.tar.gz: 9fb7b270e5fbe102a79342462795b472ac4849d412431d5990fc0bf17ab9aef1
 SHA512:
-  metadata.gz: dcf50eb971d01da05634bcc8c9e0c159b131100c42db1ab65e2d22077bcd53d4414772ae992c69e5185553eb32916fe876e9357ccd5fd286af7a0a84b7b60f95
-  data.tar.gz: eacaf9cf0bf374e2e8d0b625b2ddd9df1aa9e116ddaae67623510df7b8d96f60969b426e51dc2d9544bf6a79005b38c635e716852807bcc3316ac66196460c9e
+  metadata.gz: 5078ffd0ee20e1df92e5373ab423fb740ae046596b960322b263ec02a2938a082db91ce92b96639257cc7702de321c561f3c8621caa404bdc0246f0de837e021
+  data.tar.gz: 6568cc0c13ccee2a3a94a2b3308bd546d5fe32c20e1742699999698ef02db79938f717e20fc64ad71867ff1eba8720b4be2d88682ecff459f13221e6ecda107d

data/app/components/polaris/card/section_component.rb

@@ -6,6 +6,7 @@ class Polaris::Card::SectionComponent < Polaris::NewComponent
     subdued: false,
     flush: false,
     full_width: false,
+    unstyled: false,
     actions: [],
     **system_arguments
   )
@@ -13,10 +14,10 @@ class Polaris::Card::SectionComponent < Polaris::NewComponent
     @system_arguments[:tag] = :div
     @system_arguments[:classes] = class_names(
       @system_arguments[:classes],
-      "Polaris-Card__Section",
       "Polaris-Card__Section--flush": flush,
       "Polaris-Card__Section--subdued": subdued,
       "Polaris-Card__Section--fullWidth": full_width,
+      "Polaris-Card__Section": !unstyled,
     )
 
     @title = title

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

@@ -11,8 +11,14 @@
     <% sections.each do |section| %>
       <%= section %>
     <% end %>
-  <% else %>
-    <%= render Polaris::Card::SectionComponent.new do %>
+  <% end %>
+
+  <% if content.present? %>
+    <% if @sectioned %>
+      <%= render Polaris::Card::SectionComponent.new do %>
+        <%= content %>
+      <% end %>
+    <% else %>
       <%= content %>
     <% end %>
   <% end %>

data/app/components/polaris/card_component.rb

@@ -21,12 +21,14 @@ module Polaris
     def initialize(
       title: "",
       actions: [],
+      sectioned: true,
       subdued: false,
       footer_action_alignment: FOOTER_ACTION_ALIGNMENT_DEFAULT,
       **system_arguments
     )
       @title = title
       @actions = actions
+      @sectioned = sectioned
       @footer_action_alignment = footer_action_alignment
 
       @system_arguments = system_arguments

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

@@ -0,0 +1,26 @@
+<%= render(Polaris::BaseComponent.new(**@system_arguments)) do %>
+  <div class="Polaris-ResourceItem__ItemWrapper">
+    <div class="Polaris-ResourceItem" style="cursor: <%= @cursor %>;">
+      <% if @url %>
+        <a
+          class="Polaris-ResourceItem__Link"
+          tabindex="0"
+          href="<%= @url %>"
+          data-polaris-unstyled="true"></a>
+      <% end %>
+
+      <%= render(Polaris::BaseComponent.new(**@container_arguments)) do %>
+        <% if media.present? %>
+          <div class="Polaris-ResourceItem__Owned">
+            <div class="Polaris-ResourceItem__Media">
+              <%= media %>
+            </div>
+          </div>
+        <% end %>
+        <div class="Polaris-ResourceItem__Content">
+          <%= content %>
+        </div>
+      <% end %>
+    </div>
+  </div>
+<% end %>

data/app/components/polaris/resource_item_component.rb

@@ -0,0 +1,42 @@
+# frozen_string_literal: true
+
+module Polaris
+  class ResourceItemComponent < Polaris::NewComponent
+    CURSOR_DEFAULT = :default
+    CURSOR_OPTIONS = %i[default pointer]
+
+    ALIGNMENT_DEFAULT = :default
+    ALIGNMENT_MAPPINGS = {
+      ALIGNMENT_DEFAULT => "",
+      center: "Polaris-ResourceItem--alignmentCenter",
+    }
+    ALIGNMENT_OPTIONS = ALIGNMENT_MAPPINGS.keys
+
+    renders_one :media
+
+    def initialize(
+      url: nil,
+      cursor: CURSOR_DEFAULT,
+      vertical_alignment: ALIGNMENT_DEFAULT,
+      **system_arguments
+    )
+      @url = url
+      @cursor = fetch_or_fallback(CURSOR_OPTIONS, cursor, CURSOR_DEFAULT)
+
+      @system_arguments = system_arguments
+      @system_arguments[:tag] = "li"
+      @system_arguments[:classes] = class_names(
+        @system_arguments[:classes],
+        "Polaris-ResourceItem__ListItem",
+      )
+
+      @container_arguments = {
+        tag: "div",
+        classes: class_names(
+          "Polaris-ResourceItem__Container",
+          ALIGNMENT_MAPPINGS[fetch_or_fallback(ALIGNMENT_OPTIONS, vertical_alignment, ALIGNMENT_DEFAULT)],
+        )
+      }
+    end
+  end
+end

data/app/components/polaris/resource_list_component.rb

@@ -0,0 +1,32 @@
+# frozen_string_literal: true
+
+module Polaris
+  class ResourceListComponent < Polaris::NewComponent
+    def initialize(
+      wrapper_arguments: {},
+      **system_arguments
+    )
+      @wrapper_arguments = wrapper_arguments
+      @wrapper_arguments[:tag] = "div"
+      @wrapper_arguments[:classes] = class_names(
+        @wrapper_arguments[:classes],
+        "Polaris-ResourceList__ResourceListWrapper",
+      )
+
+      @system_arguments = system_arguments
+      @system_arguments[:tag] = "ul"
+      @system_arguments[:classes] = class_names(
+        @system_arguments[:classes],
+        "Polaris-ResourceList",
+      )
+    end
+
+    def call
+      render(Polaris::BaseComponent.new(**@wrapper_arguments)) do
+        render(Polaris::BaseComponent.new(**@system_arguments)) do
+          content
+        end
+      end
+    end
+  end
+end

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

@@ -8,9 +8,9 @@
 
     <div class="Polaris-Connected__Item Polaris-Connected__Item--primary">
       <%= render Polaris::BaseComponent.new(**system_arguments) do %>
-        <% if @prefix.present? %>
+        <% if prefix.present? || @prefix.present? %>
           <div class="Polaris-TextField__Prefix">
-            <%= @prefix %>
+            <%= prefix || @prefix %>
           </div>
         <% end %>
 
@@ -20,9 +20,9 @@
           <%= public_send(input_tag, @name, @value, input_options) %>
         <% end %>
 
-        <% if @suffix.present? %>
+        <% if suffix.present? || @suffix.present? %>
           <div class="Polaris-TextField__Suffix">
-            <%= @suffix %>
+            <%= suffix || @suffix %>
           </div>
         <% end %>
 

data/app/components/polaris/text_field_component.rb

@@ -19,6 +19,8 @@ module Polaris
 
     attr_reader :value
 
+    renders_one :prefix
+    renders_one :suffix
     renders_one :connected_left
     renders_one :connected_right
 
@@ -143,7 +145,7 @@ module Polaris
         default_options[:rows] = @rows
       end
 
-      default_options.deep_merge(@input_options).tap do |opts|
+      default_options.deep_merge(@input_options).compact.tap do |opts|
         opts[:class] = class_names(
           opts[:class],
           "Polaris-TextField__Input",

data/app/helpers/polaris/form_builder.rb

@@ -1,16 +1,48 @@
 module Polaris
   class FormBuilder < ActionView::Helpers::FormBuilder
-    def polaris_text_field(method, **options, &block)
-      options[:error] ||= errors_for(method)
-      @template.render(
-        Polaris::TextFieldComponent.new(form: self, attribute: method, **options, &block)
-      )
+    attr_reader :template
+
+    delegate :render, :pluralize, to: :template
+
+    def errors_summary
+      return if object.blank?
+      return unless object.errors.any?
+
+      model_name = object.class.model_name.human.downcase
+
+      render Polaris::BannerComponent.new(
+        title: "There's #{pluralize(object.errors.count, "error")} with this #{model_name}:",
+        status: :critical,
+      ) do
+        render(Polaris::ListComponent.new) do |list|
+          object.errors.each do |error|
+            list.item { error.full_message }
+          end
+        end
+      end
     end
 
-    def errors_for(method)
+    def error_for(method)
       return if object.blank?
       return unless object.errors.key?(method)
-      object.errors[method].join(', ').html_safe
+
+      object.errors.full_messages_for(method)&.first
+    end
+
+    def polaris_text_field(method, **options, &block)
+      options[:error] ||= error_for(method)
+      if options[:error_hidden] && options[:error]
+        options[:error] = !!options[:error]
+      end
+      render Polaris::TextFieldComponent.new(form: self, attribute: method, **options, &block)
+    end
+
+    def polaris_select(method, **options, &block)
+      options[:error] ||= error_for(method)
+      if options[:error_hidden] && options[:error]
+        options[:error] = !!options[:error]
+      end
+      render Polaris::SelectComponent.new(form: self, attribute: method, **options, &block)
     end
   end
 end

data/app/helpers/polaris/view_helper.rb

@@ -30,6 +30,8 @@ module Polaris
       pagination:               "Polaris::PaginationComponent",
       progress_bar:             "Polaris::ProgressBarComponent",
       radio_button:             "Polaris::RadioButtonComponent",
+      resource_list:            "Polaris::ResourceListComponent",
+      resource_item:            "Polaris::ResourceItemComponent",
       select:                   "Polaris::SelectComponent",
       shopify_navigation:       "Polaris::ShopifyNavigationComponent",
       stack:                    "Polaris::StackComponent",

data/lib/polaris/view_components/version.rb

@@ -1,5 +1,5 @@
 module Polaris
   module ViewComponents
-    VERSION = "0.1.1"
+    VERSION = "0.1.2"
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: polaris_view_components
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.1.2
 platform: ruby
 authors:
 - Dan Gamble
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-08-09 00:00:00.000000000 Z
+date: 2021-08-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -530,6 +530,9 @@ files:
 - app/components/polaris/progress_bar_component.rb
 - app/components/polaris/radio_button_component.html.erb
 - app/components/polaris/radio_button_component.rb
+- app/components/polaris/resource_item_component.html.erb
+- app/components/polaris/resource_item_component.rb
+- app/components/polaris/resource_list_component.rb
 - app/components/polaris/select_component.html.erb
 - app/components/polaris/select_component.rb
 - app/components/polaris/shopify_navigation_component.html.erb