polaris_view_components 0.1.3 → 0.3.2

data/app/assets/stylesheets/polaris_view_components.postcss.css

@@ -0,0 +1,2 @@
+@import "@shopify/polaris/dist/styles.css";
+@import "./polaris_view_components/shopify_navigation.css";

data/app/components/polaris/dropzone/controller.js

@@ -1,4 +1,4 @@
-import { Controller } from 'stimulus'
+import { Controller } from "@hotwired/stimulus"
 
 import { fileAccepted, getDataTransferFiles } from './utils'
 

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

@@ -1,9 +1,18 @@
 <%= render Polaris::LabelledComponent.new(**@wrapper_arguments) do %>
   <%= render Polaris::BaseComponent.new(**@system_arguments) do %>
     <% if @form.present? && @attribute.present? %>
-      <%= @form.select(@attribute, options_for_select(@options, @selected), @select_options, @input_options) %>
+      <%= @form.select(
+        @attribute,
+        options_for_select(@options, selected: @selected, disabled: @disabled_options),
+        @select_options,
+        @input_options,
+      ) %>
     <% else %>
-      <%= select_tag(@name, options_for_select(@options, @selected), @input_options) %>
+      <%= select_tag(
+        @name,
+        options_for_select(@options, selected: @selected, disabled: @disabled_options),
+        @input_options,
+      ) %>
     <% end %>
 
     <div

data/app/components/polaris/select_component.rb

@@ -8,6 +8,7 @@ module Polaris
       name: nil,
       options:,
       selected: nil,
+      disabled_options: nil,
       label: nil,
       label_hidden: false,
       label_inline: false,
@@ -26,6 +27,7 @@ module Polaris
       @name = name
       @options = options
       @selected = selected
+      @disabled_options = disabled_options
       @label = label
       @label_hidden = label_hidden
       @label_inline = label_inline

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

@@ -0,0 +1,5 @@
+<%= render Polaris::BaseComponent.new(**@system_arguments) do %>
+  <% @lines.times do %>
+    <div class="Polaris-SkeletonBodyText"></div>
+  <% end %>
+<% end %>

data/app/components/polaris/skeleton_body_text_component.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+module Polaris
+  class SkeletonBodyTextComponent < Polaris::NewComponent
+    def initialize(lines: 3, **system_arguments)
+      @lines = lines
+      @system_arguments = system_arguments
+      @system_arguments[:tag] = "div"
+      @system_arguments[:classes] = class_names(
+        @system_arguments[:classes],
+        "Polaris-SkeletonBodyText__SkeletonBodyTextContainer",
+      )
+    end
+  end
+end

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

@@ -0,0 +1,6 @@
+<%= render Polaris::BaseComponent.new(**system_arguments) do %>
+  <span class="Polaris-TagText">
+    <%= content %>
+  </span>
+  <%= remove_button %>
+<% end %>

data/app/components/polaris/tag_component.rb

@@ -0,0 +1,35 @@
+# frozen_string_literal: true
+
+module Polaris
+  class TagComponent < Polaris::NewComponent
+    renders_one :remove_button, lambda { |**system_arguments|
+      render Polaris::BaseButton.new(
+        classes: "Polaris-Tag__Button",
+        disabled: @disabled,
+        **system_arguments
+      ) do |button|
+        polaris_icon(name: "CancelSmallMinor")
+      end
+    }
+
+    def initialize(clickable: false, disabled: false, **system_arguments)
+      @clickable = clickable
+      @disabled = disabled
+
+      @system_arguments = system_arguments
+    end
+
+    def system_arguments
+      @system_arguments.tap do |opts|
+        opts[:tag] = @clickable ? "button" : "span"
+        opts[:classes] = class_names(
+          @system_arguments[:classes],
+          "Polaris-Tag",
+          "Polaris-Tag--clickable" => @clickable,
+          "Polaris-Tag--disabled" => @disabled,
+          "Polaris-Tag--removable" => remove_button.present?
+        )
+      end
+    end
+  end
+end

data/app/helpers/polaris/form_builder.rb

@@ -42,6 +42,10 @@ module Polaris
       if options[:error_hidden] && options[:error]
         options[:error] = !!options[:error]
       end
+      value = object&.public_send(method)
+      if value.present?
+        options[:selected] = value
+      end
       render Polaris::SelectComponent.new(form: self, attribute: method, **options, &block)
     end
   end

data/app/helpers/polaris/view_helper.rb

@@ -37,6 +37,8 @@ module Polaris
       stack:                    "Polaris::StackComponent",
       subheading:               "Polaris::SubheadingComponent",
       spinner:                  "Polaris::SpinnerComponent",
+      skeleton_body_text:       "Polaris::SkeletonBodyTextComponent",
+      tag:                      "Polaris::TagComponent",
       text_container:           "Polaris::TextContainerComponent",
       text_field:               "Polaris::TextFieldComponent",
       text_style:               "Polaris::TextStyleComponent",

data/lib/generators/polaris_view_components/USAGE

@@ -0,0 +1,5 @@
+Description:
+    Creates or adds import of NPM package to your application + additional installation steps.
+
+Example:
+    rails generate polaris_view_components:install

data/lib/generators/polaris_view_components/install_generator.rb

@@ -0,0 +1,35 @@
+# frozen_string_literal: true
+
+require 'rails/generators/active_record'
+
+module PolarisViewComponents
+  class InstallGenerator < Rails::Generators::Base
+    source_root File.expand_path('templates', __dir__)
+
+    def add_npm_package
+      say "Adding NPM package", :green
+      run "yarn add polaris-view-components"
+    end
+
+    def add_to_stimulus_controller
+      say "Adding import to to Stimulus controller", :green
+      dir_path = "app/javascript/controllers"
+      empty_directory('app/javascript')
+      empty_directory(dir_path)
+
+      file_path = "#{dir_path}/index.js"
+
+      unless File.exist?(file_path)
+        copy_file 'stimulus_index.js', file_path
+      end
+
+      append_to_file file_path do
+        "import { registerPolarisControllers } from \"polaris-view-components\"\nregisterPolarisControllers(Stimulus)"
+      end
+    end
+
+    def show_readme
+      readme 'README'
+    end
+  end
+end

data/lib/generators/polaris_view_components/templates/README

@@ -0,0 +1,14 @@
+===============================================================================
+
+Some manual setup is still required:
+
+  1. Setup Polaris styles in your layouts <head> tag:
+
+       <link rel="stylesheet" href="https://unpkg.com/@shopify/polaris@6.6.0/dist/styles.css" />
+       <%= stylesheet_link_tag 'polaris_view_components' %>
+
+  2. Define Polaris style on your <body> tag:
+
+       <body style="<%= polaris_body_styles %>">
+
+===============================================================================

data/lib/generators/polaris_view_components/templates/stimulus_index.js

@@ -0,0 +1,6 @@
+import { Application } from "@hotwired/stimulus"
+import { definitionsFromContext } from "@hotwired/stimulus-webpack-helpers"
+
+window.Stimulus = Application.start()
+const context = require.context("./", true, /\.js$/)
+Stimulus.load(definitionsFromContext(context))

data/lib/polaris/view_components/engine.rb

@@ -13,7 +13,9 @@ module Polaris
 
       initializer "polaris_view_components.assets" do |app|
         if app.config.respond_to?(:assets)
-          app.config.assets.precompile += %w[polaris_view_components.css]
+          app.config.assets.precompile += %w[
+            polaris_view_components.js polaris_view_components.css
+          ]
         end
       end
 

data/lib/polaris/view_components/version.rb

@@ -1,5 +1,5 @@
 module Polaris
   module ViewComponents
-    VERSION = "0.1.3"
+    VERSION = "0.3.2"
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: polaris_view_components
 version: !ruby/object:Gem::Version
-  version: 0.1.3
+  version: 0.3.2
 platform: ruby
 authors:
 - Dan Gamble
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-08-16 00:00:00.000000000 Z
+date: 2021-10-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -20,7 +20,7 @@ dependencies:
         version: 5.0.0
     - - "<"
       - !ruby/object:Gem::Version
-        version: 7.0.0
+        version: 8.0.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
@@ -30,7 +30,7 @@ dependencies:
         version: 5.0.0
     - - "<"
       - !ruby/object:Gem::Version
-        version: 7.0.0
+        version: 8.0.0
 - !ruby/object:Gem::Dependency
   name: view_component
   requirement: !ruby/object:Gem::Requirement
@@ -447,8 +447,14 @@ files:
 - app/assets/icons/polaris/WearableMajor.svg
 - app/assets/icons/polaris/WholesaleMajor.svg
 - app/assets/icons/polaris/WifiMajor.svg
-- app/assets/javascripts/polaris.js
+- app/assets/javascripts/polaris_view_components.js
+- 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/polaris_view_components.postcss.css
+- app/assets/stylesheets/polaris_view_components/shopify_navigation.css
 - app/components/polaris/action.rb
 - app/components/polaris/application_component.rb
 - app/components/polaris/avatar_component.html.erb
@@ -539,11 +545,15 @@ files:
 - app/components/polaris/select_component.rb
 - app/components/polaris/shopify_navigation_component.html.erb
 - 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/spinner_component.html.erb
 - app/components/polaris/spinner_component.rb
 - app/components/polaris/stack_component.html.erb
 - app/components/polaris/stack_component.rb
 - app/components/polaris/subheading_component.rb
+- app/components/polaris/tag_component.html.erb
+- app/components/polaris/tag_component.rb
 - app/components/polaris/text_container_component.rb
 - app/components/polaris/text_field_component.html.erb
 - app/components/polaris/text_field_component.rb
@@ -559,11 +569,11 @@ files:
 - app/helpers/polaris/option_helper.rb
 - app/helpers/polaris/url_helper.rb
 - app/helpers/polaris/view_helper.rb
-- app/javascript/polaris/index.js
-- app/javascript/polaris/resource_item_controller.js
-- app/javascript/polaris/select_controller.js
-- app/javascript/polaris/text_field_controller.js
 - app/validators/type_validator.rb
+- lib/generators/polaris_view_components/USAGE
+- lib/generators/polaris_view_components/install_generator.rb
+- lib/generators/polaris_view_components/templates/README
+- lib/generators/polaris_view_components/templates/stimulus_index.js
 - lib/polaris/view_components.rb
 - lib/polaris/view_components/engine.rb
 - lib/polaris/view_components/version.rb