playbook_ui 8.3.0 → 9.2.0

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

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

@@ -1,11 +0,0 @@
-<%= simple_form_for model, 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/simple_form.rb

@@ -1,67 +0,0 @@
-# frozen_string_literal: true
-
-if defined?(SimpleForm)
-module Playbook
-  module PbForm
-    class SimpleForm < Playbook::KitBase
-      class FormBuilder < ::SimpleForm::FormBuilder
-        include ::Playbook::PbForm::FormBuilder
-
-        def input(attribute_name, options = {}, &block)
-          super(
-            attribute_name,
-            options.deep_merge(label: false, input_html: {
-                            props: {
-                              label: true,
-                            },
-                          }),
-            &block
-          )
-        end
-      end
-
-      prop :options, type: Playbook::Props::Hash, default: {}
-      prop :validate, type: Playbook::Props::Boolean, default: false
-
-      def options
-        {
-          builder: Playbook::PbForm::SimpleForm::FormBuilder,
-          html: html_options,
-          data: data,
-          url: "",
-        }.merge(prop(:options))
-      end
-
-      def model
-        prop(:options).fetch(:model, nil)
-      end
-
-      def data
-        prop(:data).merge("pb-form-validation" => validate)
-      end
-
-      def classname
-        [generate_classname("pb-form"), html[:class]].join(" ")
-      end
-
-      def html
-        prop(:options).fetch(:html, {})
-      end
-
-      def render_form(builder)
-        view_context.capture(builder, &children)
-      end
-
-      def render_in(view_context, &_block)
-        super(view_context, &nil)
-      end
-
-    private
-
-      def html_options
-        html.merge(class: classname)
-      end
-    end
-  end
-end
-end