polaris_view_components 0.1.2 → 0.3.1

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/url_helper.rb

@@ -0,0 +1,19 @@
+module Polaris
+  module UrlHelper
+    def polaris_button_to(name = nil, options = nil, html_options = nil, &block)
+      html_options, options = options, name if block_given?
+      options      ||= {}
+      html_options ||= {}
+      html_options[:classes] = html_options[:class]
+      html_options.delete(:class)
+
+      button = Polaris::HeadlessButton.new(submit: true, **html_options)
+      button = button.with_content(name) unless block_given?
+      content = render(button, &block)
+
+      button_to(options, button.html_options) do
+        content
+      end
+    end
+  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/app/javascript/{polaris → polaris_view_components}/index.js

@@ -1,9 +1,11 @@
+import ResourceItem from './resource_item_controller'
 import Select from './select_controller'
 import TextField from './text_field_controller'
 
-export { Select, TextField }
+export { ResourceItem, Select, TextField }
 
 export function registerPolarisControllers(application) {
+  application.register('polaris-resource-item', ResourceItem)
   application.register('polaris-select', Select)
   application.register('polaris-text-field', TextField)
 }

data/app/javascript/polaris_view_components/resource_item_controller.js

@@ -0,0 +1,15 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ['link']
+
+  open(event) {
+    if (this.hasLinkTarget && this.targetNotClickable(event.target)) {
+      this.linkTarget.click()
+    }
+  }
+
+  targetNotClickable(element) {
+    return !element.closest('a') && !element.closest('button') && element.nodeName !== "INPUT"
+  }
+}

data/app/javascript/{polaris → polaris_view_components}/select_controller.js

@@ -1,4 +1,4 @@
-import { Controller } from 'stimulus'
+import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
   static targets = ['selectedOption']

data/app/javascript/{polaris → polaris_view_components}/text_field_controller.js

@@ -1,4 +1,4 @@
-import { Controller } from 'stimulus'
+import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
   static targets = ['input', 'clearButton', 'characterCount']
@@ -99,7 +99,6 @@ export default class extends Controller {
 
     // Making sure the new value has the same length of decimal places as the
     // step / value has.
-    console.log(numericValue, this.stepValue)
     const decimalPlaces = Math.max(dpl(numericValue), dpl(this.stepValue))
 
     const newValue = Math.min(

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,13 +13,16 @@ 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
 
       initializer "polaris_view_components.helpers" do
         ActiveSupport.on_load(:action_controller_base) do
           helper Polaris::ViewHelper
+          helper Polaris::UrlHelper
           helper Polaris::ActionHelper
           helper Polaris::ConditionalHelper
         end

data/lib/polaris/view_components/version.rb

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

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: polaris_view_components
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.3.1
 platform: ruby
 authors:
 - Dan Gamble
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-08-12 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,10 @@ 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/stylesheets/polaris@6.6.0.css
 - app/assets/stylesheets/polaris_view_components.css
+- app/assets/stylesheets/shopify_navigation.css
 - app/components/polaris/action.rb
 - app/components/polaris/application_component.rb
 - app/components/polaris/avatar_component.html.erb
@@ -503,6 +505,8 @@ files:
 - app/components/polaris/form_layout_component.html.erb
 - app/components/polaris/form_layout_component.rb
 - app/components/polaris/heading_component.rb
+- app/components/polaris/headless_button.html.erb
+- app/components/polaris/headless_button.rb
 - app/components/polaris/icon_component.html.erb
 - app/components/polaris/icon_component.rb
 - app/components/polaris/inline_error_component.html.erb
@@ -537,11 +541,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
@@ -555,11 +563,17 @@ files:
 - app/helpers/polaris/fetch_or_fallback_helper.rb
 - app/helpers/polaris/form_builder.rb
 - 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/select_controller.js
-- app/javascript/polaris/text_field_controller.js
+- 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
+- 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