polaris_view_components 0.3.1 → 0.5.0

data/app/components/polaris/spacer_component.rb

@@ -0,0 +1,50 @@
+# frozen_string_literal: true
+
+module Polaris
+  class SpacerComponent < Polaris::NewComponent
+    VERTICAL_SPACING_DEFAULT = :default
+    VERTICAL_SPACING_MAPPINGS = {
+      VERTICAL_SPACING_DEFAULT => "",
+      :extra_tight => "Polaris-Spacer--verticalSpacingExtraTight",
+      :tight => "Polaris-Spacer--verticalSpacingTight",
+      :base_tight => "Polaris-Spacer--verticalSpacingBaseTight",
+      :base => "Polaris-Spacer--verticalSpacingBase",
+      :loose => "Polaris-Spacer--verticalSpacingLoose",
+      :extra_loose => "Polaris-Spacer--verticalSpacingExtraLoose",
+    }
+    VERTICAL_SPACING_OPTIONS = VERTICAL_SPACING_MAPPINGS.keys
+
+    HORIZONTAL_SPACING_DEFAULT = :default
+    HORIZONTAL_SPACING_MAPPINGS = {
+      HORIZONTAL_SPACING_DEFAULT => "",
+      :extra_tight => "Polaris-Spacer--horizontalSpacingExtraTight",
+      :tight => "Polaris-Spacer--horizontalSpacingTight",
+      :base_tight => "Polaris-Spacer--horizontalSpacingBaseTight",
+      :base => "Polaris-Spacer--horizontalSpacingBase",
+      :loose => "Polaris-Spacer--horizontalSpacingLoose",
+      :extra_loose => "Polaris-Spacer--horizontalSpacingExtraLoose",
+    }
+    HORIZONTAL_SPACING_OPTIONS = HORIZONTAL_SPACING_MAPPINGS.keys
+
+    def initialize(
+      vertical: VERTICAL_SPACING_DEFAULT,
+      horizontal: HORIZONTAL_SPACING_DEFAULT,
+      **system_arguments
+    )
+      @system_arguments = system_arguments
+      @system_arguments[:tag] = "div"
+      @system_arguments[:classes] = class_names(
+        @system_arguments[:classes],
+        "Polaris-Spacer",
+        VERTICAL_SPACING_MAPPINGS[fetch_or_fallback(VERTICAL_SPACING_OPTIONS, vertical, VERTICAL_SPACING_DEFAULT)],
+        HORIZONTAL_SPACING_MAPPINGS[fetch_or_fallback(HORIZONTAL_SPACING_OPTIONS, horizontal, HORIZONTAL_SPACING_DEFAULT)],
+      )
+    end
+
+    def call
+      render(Polaris::BaseComponent.new(**@system_arguments)) do
+        content
+      end
+    end
+  end
+end

data/app/components/polaris/stack_component.rb

@@ -21,7 +21,7 @@ module Polaris
       :trailing => "Polaris-Stack--distributionTrailing",
       :center => "Polaris-Stack--distributionCenter",
       :fill => "Polaris-Stack--distributionFill",
-      :fill_evently => "Polaris-Stack--distributionFillEvenly",
+      :fill_evenly => "Polaris-Stack--distributionFillEvenly",
     }
     DISTRIBUTION_OPTIONS = DISTRIBUTION_MAPPINGS.keys
 

data/app/components/polaris/tag_component.rb

@@ -2,7 +2,7 @@
 
 module Polaris
   class TagComponent < Polaris::NewComponent
-    renders_one :remove_button, lambda { |**system_arguments|
+    renders_one :remove_button, -> (**system_arguments) do
       render Polaris::BaseButton.new(
         classes: "Polaris-Tag__Button",
         disabled: @disabled,
@@ -10,7 +10,7 @@ module Polaris
       ) do |button|
         polaris_icon(name: "CancelSmallMinor")
       end
-    }
+    end
 
     def initialize(clickable: false, disabled: false, **system_arguments)
       @clickable = clickable

data/app/components/polaris/text_style_component.rb

@@ -13,8 +13,16 @@ module Polaris
     }
     VARIATION_OPTIONS = VARIATION_MAPPINGS.keys
 
+    SIZE_DEFAULT = :default
+    SIZE_MAPPINGS = {
+      SIZE_DEFAULT => "",
+      small: "Polaris-TextStyle--sizeSmall",
+    }
+    SIZE_OPTIONS = SIZE_MAPPINGS.keys
+
     def initialize(
       variation: VARIATION_DEFAULT,
+      size: SIZE_DEFAULT,
       **system_arguments
     )
       @system_arguments = system_arguments
@@ -22,6 +30,7 @@ module Polaris
       @system_arguments[:classes] = class_names(
         @system_arguments[:classes],
         VARIATION_MAPPINGS[fetch_or_fallback(VARIATION_OPTIONS, variation, VARIATION_DEFAULT)],
+        SIZE_MAPPINGS[fetch_or_fallback(SIZE_OPTIONS, size, SIZE_DEFAULT)],
       )
     end
 

data/app/helpers/polaris/form_builder.rb

@@ -16,7 +16,7 @@ module Polaris
       ) do
         render(Polaris::ListComponent.new) do |list|
           object.errors.each do |error|
-            list.item { error.full_message }
+            list.item { error.full_message.html_safe }
           end
         end
       end
@@ -26,7 +26,16 @@ module Polaris
       return if object.blank?
       return unless object.errors.key?(method)
 
-      object.errors.full_messages_for(method)&.first
+      object.errors.full_messages_for(method)&.first.html_safe
+    end
+
+    def polaris_inline_error_for(method, **options, &block)
+      error_message = error_for(method)
+      return unless error_message
+
+      render(Polaris::InlineErrorComponent.new(**options, &block)) do
+        error_message
+      end
     end
 
     def polaris_text_field(method, **options, &block)
@@ -48,5 +57,21 @@ module Polaris
       end
       render Polaris::SelectComponent.new(form: self, attribute: method, **options, &block)
     end
+
+    def polaris_check_box(method, **options, &block)
+      options[:error] ||= error_for(method)
+      if options[:error_hidden] && options[:error]
+        options[:error] = !!options[:error]
+      end
+      render Polaris::CheckboxComponent.new(form: self, attribute: method, **options, &block)
+    end
+
+    def polaris_radio_button(method, **options, &block)
+      options[:error] ||= error_for(method)
+      if options[:error_hidden] && options[:error]
+        options[:error] = !!options[:error]
+      end
+      render Polaris::RadioButtonComponent.new(form: self, attribute: method, **options, &block)
+    end
   end
 end

data/app/helpers/polaris/view_helper.rb

@@ -1,7 +1,7 @@
 module Polaris
   # Module to allow shorthand calls for Polaris components
   module ViewHelper
-    HELPERS = {
+    POLARIS_HELPERS = {
       avatar:                   "Polaris::AvatarComponent",
       badge:                    "Polaris::BadgeComponent",
       banner:                   "Polaris::BannerComponent",
@@ -10,8 +10,11 @@ module Polaris
       callout_card:             "Polaris::CalloutCardComponent",
       caption:                  "Polaris::CaptionComponent",
       card:                     "Polaris::CardComponent",
+      card_section:             "Polaris::Card::SectionComponent",
       checkbox:                 "Polaris::CheckboxComponent",
+      check_box:                "Polaris::CheckboxComponent",
       choice_list:              "Polaris::ChoiceListComponent",
+      data_table:               "Polaris::DataTableComponent",
       description_list:         "Polaris::DescriptionListComponent",
       display_text:             "Polaris::DisplayTextComponent",
       dropzone:                 "Polaris::Dropzone::Component",
@@ -19,8 +22,10 @@ module Polaris
       exception_list:           "Polaris::ExceptionListComponent",
       footer_help:              "Polaris::FooterHelpComponent",
       form_layout:              "Polaris::FormLayoutComponent",
+      filters:                  "Polaris::FiltersComponent",
       heading:                  "Polaris::HeadingComponent",
       icon:                     "Polaris::IconComponent",
+      index_table:              "Polaris::IndexTableComponent",
       inline_error:             "Polaris::InlineErrorComponent",
       layout:                   "Polaris::LayoutComponent",
       link:                     "Polaris::LinkComponent",
@@ -38,6 +43,7 @@ module Polaris
       subheading:               "Polaris::SubheadingComponent",
       spinner:                  "Polaris::SpinnerComponent",
       skeleton_body_text:       "Polaris::SkeletonBodyTextComponent",
+      spacer:                   "Polaris::SpacerComponent",
       tag:                      "Polaris::TagComponent",
       text_container:           "Polaris::TextContainerComponent",
       text_field:               "Polaris::TextFieldComponent",
@@ -45,13 +51,19 @@ module Polaris
       thumbnail:                "Polaris::ThumbnailComponent",
       visually_hidden:          "Polaris::VisuallyHiddenComponent",
     }.freeze
-
-    HELPERS.each do |name, component|
+    POLARIS_HELPERS.each do |name, component|
       define_method "polaris_#{name}" do |*args, **kwargs, &block|
         render component.constantize.new(*args, **kwargs), &block
       end
     end
 
+    POLARIS_TEXT_STYLES = %i[subdued strong positive negative code].freeze
+    POLARIS_TEXT_STYLES.each do |name|
+      define_method "polaris_text_#{name}" do |**kwargs, &block|
+        polaris_text_style(variation: name, **kwargs, &block)
+      end
+    end
+
     def polaris_icon_source(name)
       path = ViewComponents::Engine.root.join("app", "assets", "icons", "polaris", "#{name}.svg")
       file = File.read(path)

data/lib/polaris/view_components/engine.rb

@@ -23,7 +23,6 @@ module Polaris
         ActiveSupport.on_load(:action_controller_base) do
           helper Polaris::ViewHelper
           helper Polaris::UrlHelper
-          helper Polaris::ActionHelper
           helper Polaris::ConditionalHelper
         end
       end

data/lib/polaris/view_components/version.rb

@@ -1,5 +1,5 @@
 module Polaris
   module ViewComponents
-    VERSION = "0.3.1"
+    VERSION = "0.5.0"
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: polaris_view_components
 version: !ruby/object:Gem::Version
-  version: 0.3.1
+  version: 0.5.0
 platform: ruby
 authors:
 - Dan Gamble
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-10-06 00:00:00.000000000 Z
+date: 2021-10-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -448,9 +448,15 @@ files:
 - app/assets/icons/polaris/WholesaleMajor.svg
 - app/assets/icons/polaris/WifiMajor.svg
 - app/assets/javascripts/polaris_view_components.js
-- app/assets/stylesheets/polaris@6.6.0.css
+- app/assets/javascripts/polaris_view_components/index.js
+- app/assets/javascripts/polaris_view_components/resource_item_controller.js
+- app/assets/javascripts/polaris_view_components/select_controller.js
+- app/assets/javascripts/polaris_view_components/text_field_controller.js
 - app/assets/stylesheets/polaris_view_components.css
-- app/assets/stylesheets/shopify_navigation.css
+- app/assets/stylesheets/polaris_view_components.postcss.css
+- app/assets/stylesheets/polaris_view_components/custom.css
+- app/assets/stylesheets/polaris_view_components/shopify_navigation.css
+- app/assets/stylesheets/polaris_view_components/spacer_component.css
 - app/components/polaris/action.rb
 - app/components/polaris/application_component.rb
 - app/components/polaris/avatar_component.html.erb
@@ -479,11 +485,14 @@ files:
 - app/components/polaris/checkbox_component.rb
 - app/components/polaris/choice_component.html.erb
 - app/components/polaris/choice_component.rb
-- app/components/polaris/choice_list/component.html.erb
-- app/components/polaris/choice_list/component.rb
 - app/components/polaris/choice_list_component.html.erb
 - app/components/polaris/choice_list_component.rb
 - app/components/polaris/component.rb
+- app/components/polaris/data_table/cell_component.html.erb
+- app/components/polaris/data_table/cell_component.rb
+- app/components/polaris/data_table/column_component.rb
+- app/components/polaris/data_table_component.html.erb
+- app/components/polaris/data_table_component.rb
 - app/components/polaris/description_list_component.html.erb
 - app/components/polaris/description_list_component.rb
 - app/components/polaris/display_text_component.rb
@@ -497,6 +506,8 @@ files:
 - app/components/polaris/exception_list/item_component.rb
 - app/components/polaris/exception_list_component.html.erb
 - app/components/polaris/exception_list_component.rb
+- app/components/polaris/filters_component.html.erb
+- app/components/polaris/filters_component.rb
 - app/components/polaris/footer_help_component.html.erb
 - app/components/polaris/footer_help_component.rb
 - app/components/polaris/form_layout/group_component.html.erb
@@ -509,6 +520,10 @@ files:
 - app/components/polaris/headless_button.rb
 - app/components/polaris/icon_component.html.erb
 - app/components/polaris/icon_component.rb
+- app/components/polaris/index_table/cell_component.rb
+- app/components/polaris/index_table/column_component.rb
+- app/components/polaris/index_table_component.html.erb
+- app/components/polaris/index_table_component.rb
 - app/components/polaris/inline_error_component.html.erb
 - app/components/polaris/inline_error_component.rb
 - app/components/polaris/label_component.html.erb
@@ -536,6 +551,7 @@ files:
 - 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.html.erb
 - app/components/polaris/resource_list_component.rb
 - app/components/polaris/select_component.html.erb
 - app/components/polaris/select_component.rb
@@ -543,6 +559,7 @@ files:
 - app/components/polaris/shopify_navigation_component.rb
 - app/components/polaris/skeleton_body_text_component.html.erb
 - app/components/polaris/skeleton_body_text_component.rb
+- app/components/polaris/spacer_component.rb
 - app/components/polaris/spinner_component.html.erb
 - app/components/polaris/spinner_component.rb
 - app/components/polaris/stack_component.html.erb
@@ -557,7 +574,6 @@ files:
 - app/components/polaris/thumbnail_component.html.erb
 - app/components/polaris/thumbnail_component.rb
 - app/components/polaris/visually_hidden_component.rb
-- app/helpers/polaris/action_helper.rb
 - app/helpers/polaris/class_name_helper.rb
 - app/helpers/polaris/conditional_helper.rb
 - app/helpers/polaris/fetch_or_fallback_helper.rb
@@ -565,10 +581,6 @@ files:
 - app/helpers/polaris/option_helper.rb
 - app/helpers/polaris/url_helper.rb
 - app/helpers/polaris/view_helper.rb
-- app/javascript/polaris_view_components/index.js
-- app/javascript/polaris_view_components/resource_item_controller.js
-- app/javascript/polaris_view_components/select_controller.js
-- app/javascript/polaris_view_components/text_field_controller.js
 - app/validators/type_validator.rb
 - lib/generators/polaris_view_components/USAGE
 - lib/generators/polaris_view_components/install_generator.rb