RubyGems - polaris_view_components - Versions diffs - 0.10.1 → 0.11.0 - Mend

polaris_view_components 0.10.1 → 0.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (28) hide show

checksums.yaml CHANGED Viewed

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6559d19f7338ce9195fa1903e58f14596006d813bbc30599061bce4c00d49c9d
-  data.tar.gz: 61223fea9beddaa96b4762b8b7dc00cf42051a462e92bab25733d6f35b232ae2
+  metadata.gz: bde9c78425359cff500d5e9d709750ef0351398696e5685cbb8faada617a9a45
+  data.tar.gz: 830d75b017692040ca7cc695712e6204fd4ebab9593c09f5777a163ee41a3c57
 SHA512:
-  metadata.gz: 8ad6e0a1dc0f3f491e6beeae7dc4c6c72a8a077ec0b6f6c4cc04e95723761aa93181d663ef9f9f52945d5fad3be40a9d3a3b7e3f64504f9e347925b733841fb5
-  data.tar.gz: 4b5b661dbd74e991dde7e7386f33b65caeaac53839b0c3c0d3951acb30f5179d1d007d97a08c058024c7e1a4e72d56fba8ba0d0a12729b885ebecf458a4116b3
+  metadata.gz: 19ec9d9273dd86977b5dd24ccd592b20656715a64a1287c6a653b47c130c226cc83c0bb1fc3b9463d3304a18cb52134a741081a47339d80a48bd472885fe17c5
+  data.tar.gz: 295b5b130d8b325978769d37d948446144d36ae7ba0ca72a8264e25dc9ae2d90f58cb6290415c9e13fc48a6bb55a2b268dfb3f957ab26efc88a36ab0c86fe061

data/README.md CHANGED Viewed

@@ -20,76 +20,23 @@ Render Polaris ViewComponents:
 <% end %>
 ```
-## Installation
-In `Gemfile`, add:
-```ruby
-gem 'polaris_view_components'
-```
-Run install generator:
-```bash
-rails generate polaris_view_components:install
-```
-Setup Polaris styles in your layouts `<head>` tag:
-```erb
-<%= stylesheet_link_tag 'polaris_view_components' %>
-```
-Define Polaris style on your `<body>` tag:
-```erb
-<body style="<%= polaris_body_styles %>">
-```
-### Importmaps
-Install dependencies:
-```
-bin/importmap pin @rails/request.js --download
-```
-If you use sprockets make sure the vendor folder is loaded in `app/assets/config/manifest.js`:
-```js
-//= link_tree ../../../vendor/assets/javascripts .js
-```
+## Dependencies
-Add to `config/importmap.rb`:
+- [Stimulus](https://stimulus.hotwired.dev/)
-```rb
-pin "polaris-view-components", to: "polaris_view_components.js"
-```
+## Installation
-Add to `app/javascript/controllers/index.js`:
-```javascript
-// ...
+Add to `Gemfile`:
-import { registerPolarisControllers } from "polaris-view-components"
-registerPolarisControllers(Stimulus)
+```ruby
+gem "polaris_view_components"
 ```
-### NPM
-Install NPM package:
+Run installer:
 ```bash
-yarn add polaris-view-components @rails/request.js
+bin/rails polaris_view_components:install
 ```
-Add to `app/javascript/controllers/index.js`:
-```javascript
-// ...
-import { registerPolarisControllers } from "polaris-view-components"
-registerPolarisControllers(Stimulus)
-```
-## Dependencies
-In addition to the dependencies declared in the `gemspec`, Polaris ViewComponents assumes the presence of Polaris CSS.
 ## Development
 To get started:
@@ -99,16 +46,24 @@ To get started:
 It will open demo app with component previews on `localhost:4000`. You can change components and they will be updated on page reload. Component previews located in `demo/test/components/previews`.
-To release gem run:
+## Releases
+The library follows [semantic versioning](https://semver.org/). To draft a new release you need to run `script/release` with a new version number:
 ```bash
-script/release
+script/release VERSION
 ```
-To release npm package run:
+Where the VERSION is the version number you want to release. This script will update the version in the gem and push it to GitHub and Rubygems automatically.
+To release a new version of npm package update the package.json file with the new version number and run:
 ```bash
 npm run release
 ```
+After that make sure to commit changes in package.json.
 ## License
 The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

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

@@ -168,7 +168,8 @@ export default class extends Controller {
     if (this.acceptedFiles.length === 0) return
-    this.loaderTarget.classList.remove("Polaris--hidden")
+    if (this.hasLoaderTarget)
+      this.loaderTarget.classList.remove("Polaris--hidden")
   }
   onDirectUploadInitialize = (event) => {
@@ -180,11 +181,14 @@ export default class extends Controller {
     if (this.sizeValue == 'small') {
       this.clearFiles()
-      this.loaderTarget.classList.remove("Polaris--hidden")
+      if (this.hasLoaderTarget)
+        this.loaderTarget.classList.remove("Polaris--hidden")
     } else {
       const content = dropzone.querySelector(`[data-file-name="${file.name}"]`)
-      const progressBar = content.parentElement.querySelector('[data-target="progress-bar"]')
-      progressBar.id = `direct-upload-${id}`
+      if (content) {
+        const progressBar = content.parentElement.querySelector('[data-target="progress-bar"]')
+        progressBar.id = `direct-upload-${id}`
+      }
     }
   }

data/app/assets/javascripts/polaris_view_components.js CHANGED Viewed

@@ -460,7 +460,7 @@ class Dropzone extends Controller {
     this.enable();
     this.clearFiles();
     if (this.acceptedFiles.length === 0) return;
-    this.loaderTarget.classList.remove("Polaris--hidden");
+    if (this.hasLoaderTarget) this.loaderTarget.classList.remove("Polaris--hidden");
   };
   onDirectUploadInitialize=event => {
     const {target: target, detail: detail} = event;
@@ -470,11 +470,13 @@ class Dropzone extends Controller {
     if (this.acceptedFiles.length === 0) return;
     if (this.sizeValue == "small") {
       this.clearFiles();
-      this.loaderTarget.classList.remove("Polaris--hidden");
+      if (this.hasLoaderTarget) this.loaderTarget.classList.remove("Polaris--hidden");
     } else {
       const content = dropzone.querySelector(`[data-file-name="${file.name}"]`);
-      const progressBar = content.parentElement.querySelector('[data-target="progress-bar"]');
-      progressBar.id = `direct-upload-${id}`;
+      if (content) {
+        const progressBar = content.parentElement.querySelector('[data-target="progress-bar"]');
+        progressBar.id = `direct-upload-${id}`;
+      }
     }
   };
   onDirectUploadStart=event => {
@@ -1113,6 +1115,9 @@ function getContainingBlock(element) {
     }
   }
   var currentNode = getParentNode(element);
+  if (isShadowRoot(currentNode)) {
+    currentNode = currentNode.host;
+  }
   while (isHTMLElement(currentNode) && [ "html", "body" ].indexOf(getNodeName(currentNode)) < 0) {
     var css = getComputedStyle$1(currentNode);
     if (css.transform !== "none" || css.perspective !== "none" || css.contain === "paint" || [ "transform", "perspective" ].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === "filter" || isFirefox && css.filter && css.filter !== "none") {
@@ -1287,13 +1292,13 @@ function mapToStyles(_ref2) {
     offsetParent = offsetParent;
     if (placement === top || (placement === left || placement === right) && variation === end) {
       sideY = bottom;
-      var offsetY = isFixed && win.visualViewport ? win.visualViewport.height : offsetParent[heightProp];
+      var offsetY = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.height : offsetParent[heightProp];
       y -= offsetY - popperRect.height;
       y *= gpuAcceleration ? 1 : -1;
     }
     if (placement === left || (placement === top || placement === bottom) && variation === end) {
       sideX = right;
-      var offsetX = isFixed && win.visualViewport ? win.visualViewport.width : offsetParent[widthProp];
+      var offsetX = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.width : offsetParent[widthProp];
       x -= offsetX - popperRect.width;
       x *= gpuAcceleration ? 1 : -1;
     }

data/app/assets/stylesheets/polaris_view_components/custom.css CHANGED Viewed

@@ -36,15 +36,16 @@ a.Polaris-Tag__Button {
   font-size: 1.25rem;
 }
-/* Remove box-shadow from buttons and links */
-.Polaris-Button::after,
-.Polaris-Button:focus::after,
-.Polaris-Breadcrumbs__Breadcrumb::after {
-  box-shadow: none !important;
+/* Remove focus styles for non-keyboard focus from buttons and links */
+.Polaris-Button, .Polaris-Breadcrumbs__Breadcrumb {
+  &:focus:not(:focus-visible)::after {
+    box-shadow: none !important;
+  }
 }
-.Polaris-Tabs__Tab:focus > .Polaris-Tabs__Title::after {
-  box-shadow: none !important;
+.Polaris-Tabs__Tab {
+  &:focus:not(:focus-visible) > .Polaris-Tabs__Title::after {
+    box-shadow: none !important;
+  }
 }
 /* ResourceItem */
@@ -176,3 +177,21 @@ a.Polaris-Tag__Button {
     display: none;
   }
 }
+/* EmptySearchResults */
+.Polaris-EmptySearchResults {
+  padding: 84px 0;
+  &__Content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+  }
+}
+/* ActionList */
+.Polaris-ActionList__Item {
+  border: none !important;
+}

data/app/assets/stylesheets/polaris_view_components.css CHANGED Viewed

@@ -2268,15 +2268,13 @@ a.Polaris-Tag__Button {
 .Polaris-TextStyle--sizeSmall {
   font-size: 1.25rem;
 }
-/* Remove box-shadow from buttons and links */
-.Polaris-Button::after,
-.Polaris-Button:focus::after,
-.Polaris-Breadcrumbs__Breadcrumb::after {
-  box-shadow: none !important;
-}
-.Polaris-Tabs__Tab:focus > .Polaris-Tabs__Title::after {
-  box-shadow: none !important;
-}
+/* Remove focus styles for non-keyboard focus from buttons and links */
+.Polaris-Button:focus:not(:focus-visible)::after, .Polaris-Breadcrumbs__Breadcrumb:focus:not(:focus-visible)::after {
+    box-shadow: none !important;
+  }
+.Polaris-Tabs__Tab:focus:not(:focus-visible) > .Polaris-Tabs__Title::after {
+    box-shadow: none !important;
+  }
 /* ResourceItem */
 .Polaris-ResourceItem__Owned--offset {
   padding-left: 2rem;
@@ -2373,3 +2371,17 @@ a.Polaris-Tag__Button {
     display: none;
   }
 }
+/* EmptySearchResults */
+.Polaris-EmptySearchResults {
+  padding: 84px 0;
+}
+.Polaris-EmptySearchResults__Content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+  }
+/* ActionList */
+.Polaris-ActionList__Item {
+  border: none !important;
+}

data/app/components/polaris/data_table/column_component.rb CHANGED Viewed

@@ -2,7 +2,7 @@ class Polaris::DataTable::ColumnComponent < Polaris::Component
   SORT_DEFAULT = false
   SORT_OPTIONS = [false, :asc, :desc]
-  attr_reader :title, :numeric, :total, :sorted, :sort_url
+  attr_reader :title, :numeric, :total, :sorted, :sort_url, :system_arguments
   def initialize(title, numeric: false, total: nil, sorted: SORT_DEFAULT, sort_url: nil, **system_arguments, &block)
     @title = title
@@ -11,6 +11,7 @@ class Polaris::DataTable::ColumnComponent < Polaris::Component
     @sorted = fetch_or_fallback(SORT_OPTIONS, sorted, SORT_DEFAULT)
     @sort_url = sort_url
     @block = block
+    @system_arguments = system_arguments
   end
   def call(row)

data/app/components/polaris/data_table_component.html.erb CHANGED Viewed

@@ -26,6 +26,7 @@
                 tag: (index.zero? ? "th" : "td"),
                 scope: ("row" if index.zero?),
                 total: true,
+                **column.system_arguments
               ) do %>
                 <%= column.total %>
               <% end %>

data/app/components/polaris/dropzone_component.html.erb CHANGED Viewed

@@ -69,9 +69,11 @@
         <% end %>
       <% end %>
-      <div class="Polaris-DropZone__Loader Polaris--hidden" data-polaris-dropzone-target="loader">
-        <%= polaris_spinner(size: (@size == :small) ? :small : :large) %>
-      </div>
+      <% if @preview %>
+        <div class="Polaris-DropZone__Loader Polaris--hidden" data-polaris-dropzone-target="loader">
+          <%= polaris_spinner(size: (@size == :small) ? :small : :large) %>
+        </div>
+      <% end %>
     </div>
     <%= render Polaris::VisuallyHiddenComponent.new do %>

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

@@ -0,0 +1,12 @@
+<%= render Polaris::BaseComponent.new(**system_arguments) do %>
+  <div class="Polaris-EmptySearchResults__Content">
+    <%= polaris_text_container do %>
+      <%= polaris_display_text(size: :small) do %>
+        <%= @title %>
+      <% end %>
+      <div>
+        <%= polaris_text_subdued { @description } %>
+      </div>
+    <% end %>
+  </div>
+<% end %>

data/app/components/polaris/empty_search_results_component.rb ADDED Viewed

@@ -0,0 +1,19 @@
+module Polaris
+  class EmptySearchResultsComponent < Polaris::Component
+    def initialize(title:, description:, **system_arguments)
+      @title = title
+      @description = description
+      @system_arguments = system_arguments
+    end
+    def system_arguments
+      @system_arguments.tap do |args|
+        args[:tag] = "div"
+        args[:classes] = class_names(
+          args[:classes],
+          "Polaris-EmptySearchResults"
+        )
+      end
+    end
+  end
+end

data/app/components/polaris/index_table/column_component.rb CHANGED Viewed

@@ -1,10 +1,11 @@
 class Polaris::IndexTable::ColumnComponent < Polaris::Component
-  attr_reader :title, :flush
+  attr_reader :title, :flush, :system_arguments
   def initialize(title, flush: false, **system_arguments, &block)
     @title = title
     @flush = flush
     @block = block
+    @system_arguments = system_arguments
   end
   def call(row)

data/app/components/polaris/index_table_component.html.erb CHANGED Viewed

@@ -12,15 +12,13 @@
       </thead>
       <tbody>
         <% @data.each do |row| %>
-          <tr class="Polaris-IndexTable__TableRow Polaris-IndexTable__TableRow--unclickable">
+          <%= render Polaris::BaseComponent.new(**row_arguments(row)) do %>
             <% columns.each_with_index do |column, index| %>
-              <%= render_cell(
-                flush: column.flush,
-              ) do %>
+              <%= render_cell(flush: column.flush, **column.system_arguments) do %>
                 <%= column.call(row) %>
               <% end %>
             <% end %>
-          </tr>
+          <% end %>
         <% end %>
       </tbody>
     </table>

data/app/components/polaris/index_table_component.rb CHANGED Viewed

@@ -18,6 +18,16 @@ module Polaris
       end
     end
+    def row_arguments(row)
+      {tag: "tr"}.tap do |args|
+        args[:classes] = class_names(
+          "Polaris-IndexTable__TableRow",
+          "Polaris-IndexTable__TableRow--unclickable"
+        )
+        args[:id] = dom_id(row) if row.respond_to?(:to_key)
+      end
+    end
     def render_cell(**arguments, &block)
       render(IndexTable::CellComponent.new(**arguments), &block)
     end

data/app/components/polaris/page_component.html.erb CHANGED Viewed

@@ -46,13 +46,13 @@
           <% end %>
         </div>
-        <% if @secondary_actions.any? || action_group.present? || primary_action.present? || has_pagination? %>
+        <% if @secondary_actions.any? || action_group.present? || render_primary_action? || has_pagination? %>
           <div class="Polaris-Page-Header__RightAlign">
             <div class="Polaris-Page-Header__Actions">
               <% if @secondary_actions.any? || action_group.present? %>
                 <div class="Polaris-ActionMenu Polaris-ActionMenu--mobile">
                   <div class="Polaris-ActionMenu-RollupActions__RollupActivator">
-                    <%= polaris_popover do |popover| %>
+                    <%= polaris_popover(position: :below, alignment: :right) do |popover| %>
                       <% popover.button do |button| %>
                         <% button.icon(name: "HorizontalDotsMinor") %>
                       <% end %>
@@ -98,9 +98,9 @@
                   </div>
                 </div>
               <% end %>
-              <% if primary_action.present? %>
+              <% if render_primary_action? %>
                 <div class="Polaris-Page-Header__PrimaryActionWrapper">
-                  <%= primary_action %>
+                  <%= primary_action || custom_primary_action %>
                 </div>
               <% end %>
               <% if has_pagination? %>

data/app/components/polaris/page_component.rb CHANGED Viewed

@@ -7,6 +7,7 @@ module Polaris
     renders_one :primary_action, ->(primary: true, **system_arguments) do
       Polaris::ButtonComponent.new(primary: primary, **system_arguments)
     end
+    renders_one :custom_primary_action
     renders_one :action_group, "ActionGroupComponent"
     def initialize(
@@ -81,7 +82,11 @@ module Polaris
     end
     def render_header?
-      @title.present? || @subtitle.present? || @back_url.present? || primary_action.present?
+      @title.present? || @subtitle.present? || @back_url.present? || render_primary_action?
+    end
+    def render_primary_action?
+      primary_action.present? || custom_primary_action.present?
     end
     def has_pagination?
@@ -98,7 +103,7 @@ module Polaris
       end
       def call
-        render(Polaris::PopoverComponent.new) do |popover|
+        render(Polaris::PopoverComponent.new(position: :below)) do |popover|
           popover.button(disclosure: true) { @title }
           polaris_action_list do |list|

data/app/components/polaris/resource_list_component.html.erb CHANGED Viewed

@@ -4,6 +4,17 @@
       <%= filters %>
     </div>
   <% end %>
+  <% if header_title.present? %>
+    <div class="Polaris-ResourceList__HeaderOuterWrapper">
+      <div class="Polaris-ResourceList__HeaderWrapper">
+        <div class="Polaris-ResourceList__HeaderContentWrapper">
+          <div class="Polaris-ResourceList__HeaderTitleWrapper"><%= header_title %></div>
+        </div>
+      </div>
+    </div>
+  <% end %>
   <%= render(Polaris::BaseComponent.new(**@system_arguments)) do %>
     <%= content %>
   <% end %>

data/app/components/polaris/resource_list_component.rb CHANGED Viewed

@@ -5,9 +5,16 @@ module Polaris
     renders_one :filters, Polaris::FiltersComponent
     def initialize(
+      items: [],
+      resource_name: nil,
+      total_items_count: nil,
       wrapper_arguments: {},
       **system_arguments
     )
+      @items = items
+      @resource_name = resource_name
+      @total_items_count = total_items_count
       @wrapper_arguments = wrapper_arguments
       @wrapper_arguments[:tag] = "div"
       @wrapper_arguments[:classes] = class_names(
@@ -22,5 +29,19 @@ module Polaris
         "Polaris-ResourceList"
       )
     end
+    def header_title
+      count unless @total_items_count.nil?
+    end
+    def resource_string
+      return @resource_name[:singular] if @items.size === 1 && !@total_items_count
+      @resource_name[:plural]
+    end
+    def count
+      "Showing #{@items.size} of #{@total_items_count} #{resource_string}"
+    end
   end
 end

data/app/helpers/polaris/url_helper.rb CHANGED Viewed

@@ -15,5 +15,42 @@ module Polaris
         content
       end
     end
+    def polaris_link_to(name = nil, options = nil, html_options = nil, &block)
+      html_options, options, name = options, name, block if block
+      options ||= {}
+      html_options = convert_options_to_data_attributes(options, html_options)
+      html_options[:classes] = html_options[:class]
+      html_options.delete(:class)
+      url = url_target(name, options)
+      link = Polaris::LinkComponent.new(url: url, **html_options)
+      link = link.with_content(name) unless block
+      render(link, &block)
+    end
+    def polaris_mail_to(email_address, name = nil, html_options = {}, &block)
+      html_options, name = name, nil if name.is_a?(Hash)
+      html_options = (html_options || {}).stringify_keys
+      html_options[:classes] = html_options[:class]
+      html_options.delete(:class)
+      extras = %w[cc bcc body subject reply_to].map! { |item|
+        option = html_options.delete(item).presence || next
+        "#{item.dasherize}=#{ERB::Util.url_encode(option)}"
+      }.compact
+      extras = extras.empty? ? "" : "?" + extras.join("&")
+      encoded_email_address = ERB::Util.url_encode(email_address).gsub("%40", "@")
+      url = "mailto:#{encoded_email_address}#{extras}"
+      link = Polaris::LinkComponent.new(url: url, **html_options)
+      link = link.with_content(name || email_address) unless block
+      render(link, &block)
+    end
   end
 end

data/app/helpers/polaris/view_helper.rb CHANGED Viewed

@@ -24,6 +24,7 @@ module Polaris
       description_list:         "Polaris::DescriptionListComponent",
       display_text:             "Polaris::DisplayTextComponent",
       dropzone:                 "Polaris::DropzoneComponent",
+      empty_search_results:     "Polaris::EmptySearchResultsComponent",
       empty_state:              "Polaris::EmptyStateComponent",
       exception_list:           "Polaris::ExceptionListComponent",
       footer_help:              "Polaris::FooterHelpComponent",

data/lib/install/install.rb ADDED Viewed

@@ -0,0 +1,57 @@
+APPLICATION_LAYOUT_PATH = Rails.root.join("app/views/layouts/application.html.erb")
+IMPORTMAP_BINSTUB = Rails.root.join("bin/importmap")
+IMPORTMAP_CONFIG_PATH = Rails.root.join("config/importmap.rb")
+STIMULUS_PATH = Rails.root.join("app/javascript/controllers/index.js")
+if APPLICATION_LAYOUT_PATH.exist?
+  say "Add Polaris styles in application layout"
+  insert_into_file APPLICATION_LAYOUT_PATH.to_s, "\n    <%= stylesheet_link_tag \"polaris_view_components\" %>", before: /\s*<\/head>/
+  if File.read(APPLICATION_LAYOUT_PATH).include?("<body>")
+    say "Add Polaris inline styles for <body> in application layout"
+    gsub_file APPLICATION_LAYOUT_PATH.to_s, "<body>", "<body style=\"<%= polaris_body_styles %>\">"
+  else
+    say "<body> tag is not found in application layout.", :red
+    say "        Replace <body> with <body style=\"<%= polaris_body_styles %>\"> in your custom layour."
+  end
+else
+  say "Default application.html.erb is missing!", :red
+  say "        1. Add <%= stylesheet_link_tag \"polaris_view_components\" %> within the <head> tag in your custom layout."
+  say "        2. Replace <body> with <body style=\"<%= polaris_body_styles %>\"> in your custom layour."
+end
+if IMPORTMAP_BINSTUB.exist?
+  importmaps = File.read(IMPORTMAP_CONFIG_PATH)
+  unless importmaps.include?("@rails/request.js")
+    say "Pin @rails/request.js dependency"
+    run "bin/importmap pin @rails/request.js --download"
+  end
+  say "Pin polaris_view_components"
+  append_to_file IMPORTMAP_CONFIG_PATH do
+    'pin "polaris-view-components", to: "polaris_view_components.js"\n'
+  end
+else
+  package_json = File.read(Rails.root.join("package.json"))
+  unless package_json.include?("@rails/request.js")
+    say "Add @rails/request.js dependency"
+    run "yarn add @rails/request.js"
+  end
+  say "Add polaris-view-components package"
+  run "yarn add polaris-view-components"
+end
+if STIMULUS_PATH.exist?
+  say "Add Polaris Stimulus controllers"
+  append_to_file STIMULUS_PATH do
+    "\nimport { registerPolarisControllers } from \"polaris-view-components\"\nregisterPolarisControllers(Stimulus)\n"
+  end
+else
+  say "Default Stimulus location is missing: app/javascript/controllers/index.js", :red
+  say "        Add to your Stimulus index.js:"
+  say "            import { registerPolarisControllers } from \"polaris-view-components\""
+  say "            registerPolarisControllers(Stimulus)"
+end

data/lib/polaris/view_components/version.rb CHANGED Viewed

@@ -1,5 +1,5 @@
 module Polaris
   module ViewComponents
-    VERSION = "0.10.1"
+    VERSION = "0.11.0"
   end
 end

data/lib/tasks/polaris_view_components_tasks.rake ADDED Viewed

@@ -0,0 +1,6 @@
+namespace :polaris_view_components do
+  desc "Setup Polaris::ViewComponents for the app"
+  task :install do
+    system "#{RbConfig.ruby} ./bin/rails app:template LOCATION=#{File.expand_path("../install/install.rb", __dir__)}"
+  end
+end

metadata CHANGED Viewed

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: polaris_view_components
 version: !ruby/object:Gem::Version
-  version: 0.10.1
+  version: 0.11.0
 platform: ruby
 authors:
 - Dan Gamble
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-06-04 00:00:00.000000000 Z
+date: 2022-06-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -615,6 +615,8 @@ files:
 - app/components/polaris/display_text_component.rb
 - app/components/polaris/dropzone_component.html.erb
 - app/components/polaris/dropzone_component.rb
+- app/components/polaris/empty_search_results_component.html.erb
+- app/components/polaris/empty_search_results_component.rb
 - app/components/polaris/empty_state_component.html.erb
 - app/components/polaris/empty_state_component.rb
 - app/components/polaris/exception_list/item_component.html.erb
@@ -741,14 +743,12 @@ files:
 - app/helpers/polaris/view_helper.rb
 - app/validators/type_validator.rb
 - config/locales/en.yml
-- 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/install/install.rb
 - lib/polaris/view_components.rb
 - lib/polaris/view_components/engine.rb
 - lib/polaris/view_components/version.rb
 - lib/polaris_view_components.rb
+- lib/tasks/polaris_view_components_tasks.rake
 homepage: https://github.com/baoagency/polaris-view-components
 licenses:
 - MIT
@@ -769,7 +769,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.3.7
+rubygems_version: 3.3.15
 signing_key:
 specification_version: 4
 summary: ViewComponents for Polaris Design System

data/lib/generators/polaris_view_components/USAGE DELETED Viewed

@@ -1,5 +0,0 @@
-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 DELETED Viewed

@@ -1,35 +0,0 @@
-# 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 DELETED Viewed

@@ -1,14 +0,0 @@
-===============================================================================
-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 DELETED Viewed

@@ -1,6 +0,0 @@
-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))