playbook_ui 8.3.0.pre.alpha1 → 9.1.0

data/lib/playbook/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Playbook
-  VERSION = "8.3.0.pre.alpha1"
+  VERSION = "9.1.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 8.3.0.pre.alpha1
+  version: 9.1.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-03-29 00:00:00.000000000 Z
+date: 2021-04-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -302,39 +302,33 @@ dependencies:
       - !ruby/object:Gem::Version
         version: 3.8.0
 - !ruby/object:Gem::Dependency
-  name: rubocop
+  name: rspec-html-matchers
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 0.81.0
+        version: 0.9.1
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 0.81.0
+        version: 0.9.1
 - !ruby/object:Gem::Dependency
-  name: simple_form
+  name: rubocop
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 5.0.1
-    - - "<"
+    - - '='
       - !ruby/object:Gem::Version
-        version: 6.0.0
+        version: 0.81.0
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 5.0.1
-    - - "<"
+    - - '='
       - !ruby/object:Gem::Version
-        version: 6.0.0
+        version: 0.81.0
 - !ruby/object:Gem::Dependency
   name: spring
   requirement: !ruby/object:Gem::Requirement
@@ -999,24 +993,9 @@ files:
 - app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb
 - app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb
 - app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.md
-- app/pb_kits/playbook/pb_form/docs/_form_simple_form.html.erb
-- app/pb_kits/playbook/pb_form/docs/_form_simple_form_validate.html.erb
-- app/pb_kits/playbook/pb_form/docs/_form_simple_form_validate.md
 - app/pb_kits/playbook/pb_form/docs/example.yml
 - app/pb_kits/playbook/pb_form/form.rb
-- app/pb_kits/playbook/pb_form/form_builder.rb
-- app/pb_kits/playbook/pb_form/form_builder/action_area.rb
-- app/pb_kits/playbook/pb_form/form_builder/checkbox_field.rb
-- app/pb_kits/playbook/pb_form/form_builder/collection_select_field.rb
-- app/pb_kits/playbook/pb_form/form_builder/date_picker_field.rb
-- app/pb_kits/playbook/pb_form/form_builder/form_field_builder.rb
-- app/pb_kits/playbook/pb_form/form_builder/select_field.rb
-- app/pb_kits/playbook/pb_form/form_builder/typeahead_field.rb
-- app/pb_kits/playbook/pb_form/form_with.html.erb
-- app/pb_kits/playbook/pb_form/form_with.rb
 - app/pb_kits/playbook/pb_form/pb_form_validation.js
-- app/pb_kits/playbook/pb_form/simple_form.html.erb
-- app/pb_kits/playbook/pb_form/simple_form.rb
 - app/pb_kits/playbook/pb_form_group/_form_group.jsx
 - app/pb_kits/playbook/pb_form_group/_form_group.scss
 - app/pb_kits/playbook/pb_form_group/docs/_form_group_button.html.erb
@@ -2074,12 +2053,22 @@ files:
 - lib/playbook.rb
 - lib/playbook/classnames.rb
 - lib/playbook/engine.rb
+- lib/playbook/forms.rb
+- lib/playbook/forms/builder.rb
+- lib/playbook/forms/builder/action_area.rb
+- lib/playbook/forms/builder/checkbox_field.rb
+- lib/playbook/forms/builder/collection_select_field.rb
+- lib/playbook/forms/builder/date_picker_field.rb
+- lib/playbook/forms/builder/form_field_builder.rb
+- lib/playbook/forms/builder/select_field.rb
+- lib/playbook/forms/builder/typeahead_field.rb
 - lib/playbook/kit_base.rb
 - lib/playbook/kit_resolver.rb
 - lib/playbook/markdown.rb
 - lib/playbook/markdown/helper.rb
 - lib/playbook/markdown/template_handler.rb
 - lib/playbook/pb_doc_helper.rb
+- lib/playbook/pb_forms_helper.rb
 - lib/playbook/pb_kit_helper.rb
 - lib/playbook/props.rb
 - lib/playbook/props/array.rb
@@ -2114,9 +2103,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">"
+  - - ">="
     - !ruby/object:Gem::Version
-      version: 1.3.1
+      version: '0'
 requirements: []
 rubyforge_project:
 rubygems_version: 2.7.3

data/app/pb_kits/playbook/pb_form/docs/_form_simple_form.html.erb

@@ -1,60 +0,0 @@
-<%
-  require "simple_form" unless defined?(SimpleForm)
-  require "active_model/railtie" unless defined?(ActiveModel)
-
-  example_form_model = Class.new do
-    include ::ActiveModel::Model
-    attr_accessor :example_text_field,
-    :example_phone_field,
-    :example_email_field,
-    :example_number_field,
-    :example_search_field,
-    :example_password_field,
-    :example_url_field,
-    :example_text_area,
-    :example_select_field,
-    :example_collection_select_field,
-    :example_checkbox_field,
-    :example_date_picker_field_1
-
-
-    def self.model_name
-      ActiveModel::Name.new(self, nil, "ExampleFormModel")
-    end
-  end
-%>
-
-<%
-  example_collection = [
-    OpenStruct.new(name: "Alabama", value: 1),
-    OpenStruct.new(name: "Alaska", value: 2),
-    OpenStruct.new(name: "Arizona", value: 3),
-    OpenStruct.new(name: "Arkansas", value: 4),
-    OpenStruct.new(name: "California", value: 5),
-    OpenStruct.new(name: "Colorado", value: 6),
-    OpenStruct.new(name: "Connecticut", value: 7),
-    OpenStruct.new(name: "Delaware", value: 8),
-    OpenStruct.new(name: "Florida", value: 9),
-    OpenStruct.new(name: "Georgia", value: 10),
-  ]
-%>
-
-<%= pb_rails("form/simple_form", props: { options: { model: example_form_model.new, url: "", method: :get } }) do |form| %>
-  <%= form.input :example_text_field, as: :string %>
-  <%= form.input :example_phone_field, as: :tel %>
-  <%= form.input :example_email_field, as: :email %>
-  <%= form.input :example_number_field, as: :integer %>
-  <%= form.input :example_search_field, as: :search %>
-  <%= form.input :example_password_field, as: :password %>
-  <%= form.input :example_url_field, as: :url %>
-  <%= form.input :example_text_area, as: :text %>
-  <%= form.select :example_select_field, [["Yes", 1], ["No", 2]], props: { label: true } %>
-  <%= form.collection_select :example_collection_select_field, example_collection, :value, :name, props: { label: true } %>
-  <%= form.check_box :example_checkbox_field, props: { text: "Example Checkbox", label: true } %>
-  <%= form.date_picker :example_date_picker_field_1, props: { label: true } %>
-
-  <%= form.actions do |action| %>
-    <%= action.submit %>
-    <%= action.button props: { type: "reset", text: "Cancel", variant: "secondary" } %>
-  <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_form/docs/_form_simple_form_validate.html.erb

@@ -1,61 +0,0 @@
-<%
-  require "simple_form" unless defined?(SimpleForm)
-  require "active_model/railtie" unless defined?(ActiveModel)
-
-  example_form_model = Class.new do
-    include ::ActiveModel::Model
-    attr_accessor :example_text_field,
-    :example_phone_field,
-    :example_email_field,
-    :example_number_field,
-    :example_search_field,
-    :example_password_field,
-    :example_url_field,
-    :example_text_area,
-    :example_select_field,
-    :example_collection_select_field,
-    :example_checkbox_field,
-    :example_date_picker_field_2
-
-
-    def self.model_name
-      ActiveModel::Name.new(self, nil, "ExampleFormModel")
-    end
-  end
-%>
-
-<%
-  example_collection = [
-    OpenStruct.new(name: "Alabama", value: 1),
-    OpenStruct.new(name: "Alaska", value: 2),
-    OpenStruct.new(name: "Arizona", value: 3),
-    OpenStruct.new(name: "Arkansas", value: 4),
-    OpenStruct.new(name: "California", value: 5),
-    OpenStruct.new(name: "Colorado", value: 6),
-    OpenStruct.new(name: "Connecticut", value: 7),
-    OpenStruct.new(name: "Delaware", value: 8),
-    OpenStruct.new(name: "Florida", value: 9),
-    OpenStruct.new(name: "Georgia", value: 10),
-  ]
-%>
-
-
-<%= pb_rails("form", props: { validate: true, form_system: "simple_form", form_system_options: [example_form_model.new, url: "", method: :get] }) do |form| %>
-  <%= form.input :example_text_field, {as: :string, input_html: {props: {required: true}}} %>
-  <%= form.input :example_phone_field, {as: :tel, input_html: {props: {required: true, validation: { pattern: "[0-9]{3}-[0-9]{3}-[0-9]{4}", message: "Please enter a valid phone number (example: 888-888-8888)." }}}} %>
-  <%= form.input :example_email_field, {as: :email, input_html: {props: {required: true}}} %>
-  <%= form.input :example_number_field, {as: :integer, input_html: {props: {required: true}}} %>
-  <%= form.input :example_search_field, {as: :search, input_html: {props: {required: true, validation: { pattern: "[0-9]{2}-[0-9]{5}", message: "Please enter a valid project number (example: 33-12345)." }}}} %>
-  <%= form.input :example_password_field, {as: :password, input_html: {props: {required: true}}} %>
-  <%= form.input :example_url_field, {as: :url, input_html: {props: {required: true}}} %>
-  <%= form.input :example_text_area, {as: :text, input_html: {props: {required: true}}} %>
-  <%= form.select :example_select_field, [["Yes", 1], ["No", 2]], props: { required: true, blank_selection: "Select One...", label: true } %>
-  <%= form.collection_select :example_collection_select_field, example_collection, :value, :name, props: { required: true, blank_selection: "Select One...", label: true } %>
-  <%= form.check_box :example_checkbox_field, props: { text: "Example Checkbox", label: true, required: true } %>
-  <%= form.date_picker :example_date_picker_field_2, props: { label: true, required: true } %>
-
-  <%= form.actions do |action| %>
-    <%= action.submit %>
-    <%= action.button props: { type: "reset", text: "Cancel", variant: "secondary" } %>
-  <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_form/docs/_form_simple_form_validate.md

@@ -1 +0,0 @@
-Validation displays an error with red border and red text below indicating that the user must fill out the field.

data/app/pb_kits/playbook/pb_form/form_builder.rb

@@ -1,31 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbForm
-    module FormBuilder
-      extend ActiveSupport::Concern
-
-      included do
-        prepend(FormFieldBuilder.new(:email_field, kit_name: "text_input"))
-        prepend(FormFieldBuilder.new(:number_field, kit_name: "text_input"))
-        prepend(FormFieldBuilder.new(:search_field, kit_name: "text_input"))
-        prepend(FormFieldBuilder.new(:telephone_field, kit_name: "text_input"))
-        prepend(FormFieldBuilder.new(:text_field, kit_name: "text_input"))
-        prepend(FormFieldBuilder.new(:password_field, kit_name: "text_input"))
-        prepend(FormFieldBuilder.new(:url_field, kit_name: "text_input"))
-        prepend(FormFieldBuilder.new(:text_area, kit_name: "textarea"))
-        prepend(TypeaheadField)
-        prepend(SelectField)
-        prepend(CollectionSelectField)
-        prepend(CheckboxField)
-        prepend(DatePickerField)
-      end
-
-      def actions
-        @template.send(:view_context).content_tag :ol, class: "pb-form-actions" do
-          yield ActionArea.new(@template, submit_default_value)
-        end
-      end
-    end
-  end
-end

data/app/pb_kits/playbook/pb_form/form_builder/checkbox_field.rb

@@ -1,34 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbForm
-    module FormBuilder
-      module CheckboxField
-        def check_box(name, props: {}, **options)
-          label_text = @template.label(@object_name, name) if props[:label] == true
-          options[:required] = true if props[:required]
-          props[:margin_bottom] = "sm"
-          props[:form_spacing] = true
-
-          checked_value = options[:checked_value]
-          unchecked_value = options[:unchecked_value]
-          options.delete(:checked_value)
-          options.delete(:unchecked_value)
-
-          input = super(name, options, checked_value, unchecked_value)
-
-          if props[:label]
-            @template.pb_rails("caption", props: { text: label_text, margin_bottom: "xs" }) +
-              @template.pb_rails("checkbox", props: props) do
-                input
-              end
-          else
-            @template.pb_rails("checkbox", props: props) do
-              input
-            end
-          end
-        end
-      end
-    end
-  end
-end

data/app/pb_kits/playbook/pb_form/form_builder/collection_select_field.rb

@@ -1,21 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbForm
-    module FormBuilder
-      module CollectionSelectField
-        def collection_select(name, collection, value_method, text_method, options = {}, html_options = {}, props: {} )
-          props[:label] = @template.label(@object_name, name) if props[:label] == true
-          options[:skip_default_ids] = false unless options.has_key?(:skip_default_ids)
-          options[:prompt] = props[:blank_selection] || ""
-          html_options[:required] = "required" if props[:required]
-          input = super(name, collection, value_method, text_method, options, html_options)
-
-          @template.pb_rails("select", props: props) do
-            input
-          end
-        end
-      end
-    end
-  end
-end

data/app/pb_kits/playbook/pb_form/form_builder/date_picker_field.rb

@@ -1,39 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbForm
-    module FormBuilder
-      module DatePickerField
-        def date_picker(name, props: {})
-          prefix = @object_name
-          html_attribute_name = "#{prefix}[#{name}]"
-          html_id = "#{prefix}_#{name}"
-
-          props[:label] = @template.label(@object_name, name) if props[:label] == true
-          props[:label] = "Date Picker" if props[:label].nil?
-
-          props[:name] = html_attribute_name
-          props[:picker_id] = html_id
-
-          input = text_field(
-            name,
-            autocomplete: "off",
-            disabled: props[:disable_input],
-            data: props[:input_data],
-            aria: props[:input_aria],
-            props: {
-              error: props[:error],
-              label: props[:hide_label] ? nil : props[:label],
-              placeholder: props[:placeholder],
-              required: props[:required],
-            }
-          )
-
-          @template.pb_rails("date_picker", props: props) do
-            input
-          end
-        end
-      end
-    end
-  end
-end

data/app/pb_kits/playbook/pb_form/form_builder/select_field.rb

@@ -1,21 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbForm
-    module FormBuilder
-      module SelectField
-        def select(name, choices = nil, options = {}, html_options = {}, props: {}, &block)
-          props[:label] = @template.label(@object_name, name) if props[:label] == true
-          options[:skip_default_ids] = false unless options.has_key?(:skip_default_ids)
-          options[:prompt] = props[:blank_selection] || ""
-          html_options[:required] = "required" if props[:required]
-          input = super(name, choices, options, html_options, &block)
-
-          @template.pb_rails("select", props: props) do
-            input
-          end
-        end
-      end
-    end
-  end
-end

data/app/pb_kits/playbook/pb_form/form_builder/typeahead_field.rb

@@ -1,14 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbForm
-    module FormBuilder
-      module TypeaheadField
-        def typeahead(name, _options = {}, _html_options = {}, props: {})
-          props[:name] = name
-          @template.pb_rails("typeahead", props: props)
-        end
-      end
-    end
-  end
-end

data/app/pb_kits/playbook/pb_form/form_with.html.erb

@@ -1,11 +0,0 @@
-<%= form_with(form_options, &method(:render_form)) %>
-
-<% if validate %>
-  <% content_for :pb_js do %>
-    <%= javascript_tag do %>
-      window.addEventListener('DOMContentLoaded', function() {
-        PbFormValidation.start()
-      })
-    <% end %>
-  <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_form/form_with.rb

@@ -1,41 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbForm
-    class FormWith < Playbook::KitBase
-      class FormBuilder < ::ActionView::Helpers::FormBuilder
-        include ::Playbook::PbForm::FormBuilder
-      end
-
-      prop :options, type: Playbook::Props::Hash, default: {}
-      prop :validate, type: Playbook::Props::Boolean, default: false
-
-      def data
-        prop(:data).merge("pb-form-validation" => validate)
-      end
-
-      def form_options
-        {
-          url: "",
-          id: id,
-          aria: aria,
-          class: classname,
-          data: data,
-          builder: ::Playbook::PbForm::FormWith::FormBuilder,
-        }.merge(options)
-      end
-
-      def render_form(builder)
-        view_context.capture(builder, &children)
-      end
-
-      def classname
-        [generate_classname("pb-form"), options[:class]].join(" ")
-      end
-
-      def render_in(view_context, &_block)
-        super(view_context, &nil)
-      end
-    end
-  end
-end