polaris_view_components 0.7.0 → 0.9.0

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: polaris_view_components
 version: !ruby/object:Gem::Version
-  version: 0.7.0
+  version: 0.9.0
 platform: ruby
 authors:
 - Dan Gamble
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-12-20 00:00:00.000000000 Z
+date: 2022-03-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -18,9 +18,6 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: 5.0.0
-    - - "<"
-      - !ruby/object:Gem::Version
-        version: 8.0.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
@@ -28,9 +25,6 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: 5.0.0
-    - - "<"
-      - !ruby/object:Gem::Version
-        version: 8.0.0
 - !ruby/object:Gem::Dependency
   name: view_component
   requirement: !ruby/object:Gem::Requirement
@@ -38,9 +32,6 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: 2.0.0
-    - - "<"
-      - !ruby/object:Gem::Version
-        version: '3.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
@@ -48,9 +39,6 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: 2.0.0
-    - - "<"
-      - !ruby/object:Gem::Version
-        version: '3.0'
 description:
 email:
 - dan@dangamble.co.uk
@@ -71,8 +59,10 @@ files:
 - app/assets/icons/polaris/AffiliateMajor.svg
 - app/assets/icons/polaris/AlertMinor.svg
 - app/assets/icons/polaris/AnalyticsMajor.svg
+- app/assets/icons/polaris/AnalyticsMinor.svg
 - app/assets/icons/polaris/AppExtensionMinor.svg
 - app/assets/icons/polaris/AppsMajor.svg
+- app/assets/icons/polaris/AppsMinor.svg
 - app/assets/icons/polaris/ArchiveMajor.svg
 - app/assets/icons/polaris/ArchiveMinor.svg
 - app/assets/icons/polaris/ArrowDownMinor.svg
@@ -91,12 +81,14 @@ files:
 - app/assets/icons/polaris/BillingStatementPoundMajor.svg
 - app/assets/icons/polaris/BillingStatementRupeeMajor.svg
 - app/assets/icons/polaris/BillingStatementYenMajor.svg
+- app/assets/icons/polaris/BlockMinor.svg
 - app/assets/icons/polaris/BlockquoteMajor.svg
 - app/assets/icons/polaris/BlogMajor.svg
 - app/assets/icons/polaris/BugMajor.svg
 - app/assets/icons/polaris/ButtonCornerPillMajor.svg
 - app/assets/icons/polaris/ButtonCornerRoundedMajor.svg
 - app/assets/icons/polaris/ButtonCornerSquareMajor.svg
+- app/assets/icons/polaris/ButtonMinor.svg
 - app/assets/icons/polaris/BuyButtonButtonLayoutMajor.svg
 - app/assets/icons/polaris/BuyButtonHorizontalLayoutMajor.svg
 - app/assets/icons/polaris/BuyButtonMajor.svg
@@ -152,6 +144,7 @@ files:
 - app/assets/icons/polaris/CirclePlusOutlineMinor.svg
 - app/assets/icons/polaris/CircleRightMajor.svg
 - app/assets/icons/polaris/CircleTickMajor.svg
+- app/assets/icons/polaris/CircleTickMinor.svg
 - app/assets/icons/polaris/CircleTickOutlineMinor.svg
 - app/assets/icons/polaris/CircleUpMajor.svg
 - app/assets/icons/polaris/ClipboardMinor.svg
@@ -165,6 +158,7 @@ files:
 - app/assets/icons/polaris/ColumnWithTextMajor.svg
 - app/assets/icons/polaris/Columns2Major.svg
 - app/assets/icons/polaris/Columns3Major.svg
+- app/assets/icons/polaris/Columns3Minor.svg
 - app/assets/icons/polaris/ComposeMajor.svg
 - app/assets/icons/polaris/ConfettiMajor.svg
 - app/assets/icons/polaris/ConnectMinor.svg
@@ -187,6 +181,7 @@ files:
 - app/assets/icons/polaris/DiscountAutomaticMajor.svg
 - app/assets/icons/polaris/DiscountCodeMajor.svg
 - app/assets/icons/polaris/DiscountsMajor.svg
+- app/assets/icons/polaris/DiscountsMinor.svg
 - app/assets/icons/polaris/DisputeMinor.svg
 - app/assets/icons/polaris/DnsSettingsMajor.svg
 - app/assets/icons/polaris/DomainNewMajor.svg
@@ -214,6 +209,8 @@ files:
 - app/assets/icons/polaris/FeaturedCollectionMajor.svg
 - app/assets/icons/polaris/FeaturedContentMajor.svg
 - app/assets/icons/polaris/FilterMajor.svg
+- app/assets/icons/polaris/FinancesMajor.svg
+- app/assets/icons/polaris/FinancesMinor.svg
 - app/assets/icons/polaris/FirstOrderMajor.svg
 - app/assets/icons/polaris/FirstVisitMajor.svg
 - app/assets/icons/polaris/FlagMajor.svg
@@ -246,6 +243,7 @@ files:
 - app/assets/icons/polaris/HideMinor.svg
 - app/assets/icons/polaris/HintMajor.svg
 - app/assets/icons/polaris/HomeMajor.svg
+- app/assets/icons/polaris/HomeMinor.svg
 - app/assets/icons/polaris/HorizontalDotsMinor.svg
 - app/assets/icons/polaris/IconsMajor.svg
 - app/assets/icons/polaris/IllustrationMajor.svg
@@ -282,6 +280,7 @@ files:
 - app/assets/icons/polaris/MarkFulfilledMinor.svg
 - app/assets/icons/polaris/MarkPaidMinor.svg
 - app/assets/icons/polaris/MarketingMajor.svg
+- app/assets/icons/polaris/MarketingMinor.svg
 - app/assets/icons/polaris/MaximizeMajor.svg
 - app/assets/icons/polaris/MaximizeMinor.svg
 - app/assets/icons/polaris/MentionMajor.svg
@@ -305,8 +304,10 @@ files:
 - app/assets/icons/polaris/NoteMinor.svg
 - app/assets/icons/polaris/NotificationMajor.svg
 - app/assets/icons/polaris/OnlineStoreMajor.svg
+- app/assets/icons/polaris/OnlineStoreMinor.svg
 - app/assets/icons/polaris/OrderStatusMinor.svg
 - app/assets/icons/polaris/OrdersMajor.svg
+- app/assets/icons/polaris/OrdersMinor.svg
 - app/assets/icons/polaris/OutgoingMajor.svg
 - app/assets/icons/polaris/PackageMajor.svg
 - app/assets/icons/polaris/PageDownMajor.svg
@@ -337,9 +338,12 @@ files:
 - app/assets/icons/polaris/PrintMinor.svg
 - app/assets/icons/polaris/ProductReturnsMinor.svg
 - app/assets/icons/polaris/ProductsMajor.svg
+- app/assets/icons/polaris/ProductsMinor.svg
 - app/assets/icons/polaris/ProfileMajor.svg
 - app/assets/icons/polaris/ProfileMinor.svg
 - app/assets/icons/polaris/PromoteMinor.svg
+- app/assets/icons/polaris/QuestionMarkInverseMajor.svg
+- app/assets/icons/polaris/QuestionMarkInverseMinor.svg
 - app/assets/icons/polaris/QuestionMarkMajor.svg
 - app/assets/icons/polaris/QuestionMarkMinor.svg
 - app/assets/icons/polaris/QuickSaleMajor.svg
@@ -418,6 +422,7 @@ files:
 - app/assets/icons/polaris/TickSmallMinor.svg
 - app/assets/icons/polaris/TimelineAttachmentMajor.svg
 - app/assets/icons/polaris/TipsMajor.svg
+- app/assets/icons/polaris/TitleMinor.svg
 - app/assets/icons/polaris/ToolsMajor.svg
 - app/assets/icons/polaris/TransactionFeeDollarMajor.svg
 - app/assets/icons/polaris/TransactionFeeEuroMajor.svg
@@ -444,12 +449,15 @@ files:
 - app/assets/icons/polaris/ViewportWideMajor.svg
 - app/assets/icons/polaris/VocabularyMajor.svg
 - app/assets/icons/polaris/WandMajor.svg
+- app/assets/icons/polaris/WandMinor.svg
 - app/assets/icons/polaris/WearableMajor.svg
 - app/assets/icons/polaris/WholesaleMajor.svg
 - app/assets/icons/polaris/WifiMajor.svg
 - app/assets/javascripts/polaris_view_components.js
 - app/assets/javascripts/polaris_view_components/autocomplete_controller.js
 - app/assets/javascripts/polaris_view_components/button_controller.js
+- app/assets/javascripts/polaris_view_components/collapsible_controller.js
+- app/assets/javascripts/polaris_view_components/dropzone_controller.js
 - app/assets/javascripts/polaris_view_components/frame_controller.js
 - app/assets/javascripts/polaris_view_components/index.js
 - app/assets/javascripts/polaris_view_components/modal_controller.js
@@ -461,6 +469,7 @@ files:
 - app/assets/javascripts/polaris_view_components/select_controller.js
 - app/assets/javascripts/polaris_view_components/text_field_controller.js
 - app/assets/javascripts/polaris_view_components/toast_controller.js
+- app/assets/javascripts/polaris_view_components/utils.js
 - app/assets/stylesheets/polaris_view_components.css
 - app/assets/stylesheets/polaris_view_components.postcss.css
 - app/assets/stylesheets/polaris_view_components/custom.css
@@ -473,7 +482,6 @@ files:
 - app/components/polaris/action_list/section_component.rb
 - app/components/polaris/action_list_component.html.erb
 - app/components/polaris/action_list_component.rb
-- app/components/polaris/application_component.rb
 - app/components/polaris/autocomplete/action_component.rb
 - app/components/polaris/autocomplete/option_component.rb
 - app/components/polaris/autocomplete/section_component.html.erb
@@ -510,6 +518,7 @@ files:
 - app/components/polaris/choice_component.rb
 - app/components/polaris/choice_list_component.html.erb
 - app/components/polaris/choice_list_component.rb
+- app/components/polaris/collapsible_component.rb
 - app/components/polaris/component.rb
 - app/components/polaris/data_table/cell_component.html.erb
 - app/components/polaris/data_table/cell_component.rb
@@ -519,10 +528,8 @@ files:
 - app/components/polaris/description_list_component.html.erb
 - app/components/polaris/description_list_component.rb
 - app/components/polaris/display_text_component.rb
-- app/components/polaris/dropzone/component.html.erb
-- app/components/polaris/dropzone/component.rb
-- app/components/polaris/dropzone/controller.js
-- app/components/polaris/dropzone/utils.js
+- app/components/polaris/dropzone_component.html.erb
+- app/components/polaris/dropzone_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
@@ -555,6 +562,7 @@ files:
 - 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/keyboard_key_component.rb
 - app/components/polaris/label_component.html.erb
 - app/components/polaris/label_component.rb
 - app/components/polaris/labelled_component.html.erb
@@ -577,7 +585,6 @@ files:
 - app/components/polaris/navigation/section_component.rb
 - app/components/polaris/navigation_component.html.erb
 - app/components/polaris/navigation_component.rb
-- app/components/polaris/new_component.rb
 - app/components/polaris/option_list/checkbox_component.html.erb
 - app/components/polaris/option_list/checkbox_component.rb
 - app/components/polaris/option_list/option_component.rb
@@ -615,9 +622,12 @@ 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/skeleton_display_text_component.rb
+- app/components/polaris/skeleton_thumbnail_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/item_component.rb
 - app/components/polaris/stack_component.html.erb
 - app/components/polaris/stack_component.rb
 - app/components/polaris/subheading_component.rb
@@ -639,13 +649,13 @@ files:
 - app/components/polaris/top_bar/user_menu_component.rb
 - app/components/polaris/visually_hidden_component.rb
 - app/helpers/polaris/class_name_helper.rb
-- app/helpers/polaris/conditional_helper.rb
 - 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/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

data/app/components/polaris/application_component.rb

@@ -1,35 +0,0 @@
-class Polaris::ApplicationComponent < ViewComponent::Base
-  include ActiveModel::Validations
-
-  def initialize(data: {}, aria: {}, html_options: {}, **args)
-    @data = data
-    @aria = aria
-    @html_options = html_options
-  end
-
-  private
-
-  def classes
-    []
-  end
-
-  def additional_data
-    {}
-  end
-
-  def additional_aria
-    {}
-  end
-
-  def content_tag_options
-    {
-      class: classes.compact,
-      data: @data.merge(additional_data),
-      aria: @aria.merge(additional_aria)
-    }.merge(@html_options)
-  end
-
-  def before_render
-    validate!
-  end
-end

data/app/components/polaris/dropzone/component.html.erb

@@ -1,72 +0,0 @@
-<%= render Polaris::Labelled::Component.new(**labelled_attrs) do %>
-  <%= content_tag('div', content_tag_options) do %>
-    <div
-      class="Polaris-DropZone__Overlay Polaris-VisuallyHidden"
-      data-polaris--dropzone-target="overlay"
-    >
-      <%= polaris_stack(vertical: true, spacing: :tight) do |stack| %>
-        <% stack.item do %>
-          <%= polaris_icon(color: :primary) do %>
-            <svg viewBox="0 0 20 20" class="Polaris-Icon__Svg" focusable="false" aria-hidden="true">
-              <path d="M2 2h1V0H1.5A1.5 1.5 0 000 1.5V3h2V2zM5 2h3V0H5v2zM13 2h-3V0h3v2zM0 5v3h2V5H0zM0 10v3h2v-3H0zM18 5h-2v3h2V5zM5 18h3v-2H5v2zM0 17a1 1 0 001 1h2v-2H2v-1H0v2zM16 3V2h-1V0h1.5A1.5 1.5 0 0118 1.5V3h-2z" />
-
-              <path d="M10.814 14H5.5A1.5 1.5 0 014 12.5v-7A1.5 1.5 0 015.5 4h7A1.5 1.5 0 0114 5.5v5.314l5.512 2.506a.832.832 0 01.028 1.501l-2.898 1.45a.832.832 0 00-.372.371l-1.449 2.898a.832.832 0 01-1.501-.028L10.814 14zm-.909-2l-.828-1.821c-.318-.7.402-1.42 1.102-1.102L12 9.905V6H6v6h3.905z" />
-            </svg>
-          <% end %>
-        <% end %>
-
-        <% stack.item do %>
-          <%= polaris_display_text(size: :small) do %>
-            <%= @overlay_text %>
-          <% end %>
-        <% end %>
-      <% end %>
-    </div>
-
-    <div class="Polaris-DropZone__Container" data-polaris--dropzone-target="container">
-      <div class="Polaris-DropZone-FileUpload" data-polaris--dropzone-target="fileUpload">
-        <%= polaris_stack(vertical: true) do |stack| %>
-          <% stack.item do %>
-            <img width="40" src="data:image/svg+xml,%3csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 10a10 10 0 11-20 0 10 10 0 0120 0zM5.3 8.3l4-4a1 1 0 011.4 0l4 4a1 1 0 01-1.4 1.4L11 7.4V15a1 1 0 11-2 0V7.4L6.7 9.7a1 1 0 01-1.4-1.4z' fill='%235C5F62'/%3e%3c/svg%3e" alt="">
-          <% end %>
-
-          <% stack.item do %>
-            <div class="Polaris-DropZone-FileUpload__Button">Add file</div>
-          <% end %>
-
-          <% stack.item do %>
-            <%= polaris_text_style(variation: :subdued) do %>
-              or drop files to upload
-            <% end %>
-          <% end %>
-        <% end %>
-      </div>
-    </div>
-
-    <%= polaris_visually_hidden do %>
-      <%= @form.file_field(@attribute, input_attrs) %>
-    <% end %>
-
-    <template data-polaris--dropzone-target="itemsTemplate">
-      <%= polaris_stack(vertical: true, data: { rendered: '' }) do %>
-        <span class="target"></span>
-      <% end %>
-    </template>
-
-    <template data-polaris--dropzone-target="itemTemplate">
-      <div class="Polaris-Stack__Item">
-        <%= polaris_stack(alignment: :center) do |stack| %>
-          <% stack.item do %>
-            <%# polaris_thumnail(source: "TODO", size: :small) %>
-          <% end %>
-
-          <% stack.item do %>
-            <div class="content">
-              <%= polaris_caption_component { "TODO" } %>
-            </div>
-          <% end %>
-        <% end %>
-      </div>
-    </template>
-  <% end %>
-<% end %>

data/app/components/polaris/dropzone/component.rb

@@ -1,128 +0,0 @@
-# frozen_string_literal: true
-
-module Polaris
-  module Dropzone
-    class Component < Polaris::Component
-      ALLOWED_TYPES = %w[file image]
-
-      validates :type, inclusion: {in: ALLOWED_TYPES, message: "%{value} is not a valid type"}
-      validates :label_action, type: Action, allow_nil: true
-
-      # TODO
-      # Options missing:
-      # - open_file_dialog
-      # - overlay
-      # - overlay_text
-      # - Size CSS Class
-      # - Doesn't take into account an initial load with files
-
-      attr_reader :label_action, :type
-
-      def initialize(
-        form:,
-        attribute:,
-        accept: "",
-        active: false,
-        allow_multiple: true,
-        disabled: false,
-        drop_on_page: false,
-        error: false,
-        error_overlay_text: "",
-        id: "",
-        label: "",
-        label_action: nil,
-        label_hidden: false,
-        overlay_text: "Drop file to upload",
-        outline: true,
-        type: "file",
-        **args
-      )
-        super
-
-        @form = form
-        @attribute = attribute
-        @accept = accept
-        @active = active
-        @allow_multiple = allow_multiple
-        @disabled = disabled
-        @drop_on_page = drop_on_page
-        @error = error
-        @error_overlay_text = error_overlay_text
-        @id = id
-        @label = label
-        @label_action = label_action
-        @label_hidden = label_hidden
-        @overlay_text = overlay_text
-        @outline = outline
-        @type = type
-      end
-
-      def labelled_attrs
-        {
-          form: @form,
-          attribute: @attribute,
-          error: @error,
-          label: @label,
-          label_hidden: @label_hidden,
-          index: @index,
-          action: @label_action
-        }
-      end
-
-      def input_attrs
-        {
-          accept: @accept,
-          disabled: @disabled,
-          type: "file",
-          multiple: @allow_multiple,
-          data: {
-            action: "focus->polaris--dropzone#onFocus blur->polaris--dropzone#onBlur change->polaris--dropzone#onChange",
-            'polaris--dropzone-target': "input"
-          }
-        }
-      end
-
-      private
-
-      def additional_aria
-        {
-          disabled: @disabled.to_s
-        }
-      end
-
-      def additional_data
-        {
-          controller: "polaris--dropzone",
-          action: "click->polaris--dropzone#onClick #{drop_actions}",
-          'polaris--dropzone-accept-value': @accept,
-          'polaris--dropzone-allowMultiple-value': @allow_multiple.to_s,
-          'polaris--dropzone-disabled-value': @disabled.to_s,
-          'polaris--dropzone-focused-value': "false",
-          'polaris--dropzone-drop-on-page-value': "false"
-        }
-      end
-
-      def drop_actions
-        event_scope = @drop_on_page ? "@document" : ""
-
-        [
-          "drop#{event_scope}->polaris--dropzone#onDrop",
-          "dragover#{event_scope}->polaris--dropzone#onDragOver",
-          "dragenter#{event_scope}->polaris--dropzone#onDragEnter",
-          "dragleave#{event_scope}->polaris--dropzone#onDragLeave"
-        ].join(" ")
-      end
-
-      def classes
-        classes = %w[Polaris-DropZone Polaris-DropZone--sizeExtraLarge]
-
-        classes << "Polaris-DropZone--isDisabled" if @disabled
-        classes << "Polaris-DropZone--isDisabled" if @disabled
-        classes << "Polaris-DropZone--hasError" if @error.present?
-        classes << "Polaris-DropZone--hasOutline" if @outline
-
-        classes
-      end
-    end
-  end
-end