playbook_ui 8.4.0.alpha.dependencies.2 → 9.2.2.pre.alpha.margin

data/{app/pb_kits/playbook/pb_form/form_builder → lib/playbook/forms/builder}/action_area.rb

@@ -1,8 +1,8 @@
 # frozen_string_literal: true
 
 module Playbook
-  module PbForm
-    module FormBuilder
+  module Forms
+    class Builder
       class ActionArea
         def initialize(view_context, submit_default_value)
           self.view_context = view_context

data/lib/playbook/forms/builder/checkbox_field.rb

@@ -0,0 +1,32 @@
+# frozen_string_literal: true
+
+module Playbook
+  module Forms
+    class Builder
+      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

data/lib/playbook/forms/builder/collection_select_field.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module Playbook
+  module Forms
+    class Builder
+      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

data/lib/playbook/forms/builder/date_picker_field.rb

@@ -0,0 +1,37 @@
+# frozen_string_literal: true
+
+module Playbook
+  module Forms
+    class Builder
+      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

data/{app/pb_kits/playbook/pb_form/form_builder → lib/playbook/forms/builder}/form_field_builder.rb

@@ -1,8 +1,8 @@
 # frozen_string_literal: true
 
 module Playbook
-  module PbForm
-    module FormBuilder
+  module Forms
+    class Builder
       class FormFieldBuilder < Module
         def initialize(method_name, kit_name:)
           define_method method_name do |name, props: {}, **options, &block|

data/lib/playbook/forms/builder/select_field.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module Playbook
+  module Forms
+    class Builder
+      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

data/lib/playbook/forms/builder/typeahead_field.rb

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+module Playbook
+  module Forms
+    class Builder
+      def typeahead(name, _options = {}, _html_options = {}, props: {})
+        props[:name] = name
+        @template.pb_rails("typeahead", props: props)
+      end
+    end
+  end
+end

data/lib/playbook/pb_forms_helper.rb

@@ -0,0 +1,41 @@
+# frozen_string_literal: true
+
+module Playbook
+  module PbFormsHelper
+    # Renders a pb form with ::Playbook::Forms::Builder, that can render
+    # Playbook kits in the most railsie way.
+    #
+    # I.e.:
+    #
+    #   pb_form_with model: @user do |f|
+    #     f.text_field :name
+    #   end
+    #
+    # The form can also validate the fields, and trigger the validation automatically:
+    #
+    # I.e.:
+    #
+    #   pb_form_with model: @user, validate: true do |f|
+    #     f.text_field :name, required: true
+    #   end
+    #
+    # @param data [Hash] hash of data attributes
+    # @param validate [Boolean] whether validation should be triggered or not
+    # @see [#form_with] for other options
+    def pb_form_with(data: {}, validate: false, **kwargs, &block)
+      data = data.merge("pb-form-validation" => validate)
+      classname = ["pb-form", kwargs[:class]].join(" ")
+      options = kwargs.merge(
+        class: classname,
+        data: data,
+        builder: ::Playbook::Forms::Builder
+      )
+
+      content_for(:pb_js, javascript_tag(<<~JS))
+        window.addEventListener("DOMContentLoaded", function() { PbFormValidation.start() })
+      JS
+
+      form_with(**options, &block)
+    end
+  end
+end

data/lib/playbook/pb_kit_helper.rb

@@ -2,6 +2,8 @@
 
 module Playbook
   module PbKitHelper
+    include ::Playbook::PbFormsHelper
+
     def pb_rails(kit_name, props: {}, &block)
       kit = Playbook::KitResolver.resolve(kit_name.to_s)
       render_component kit.new(props, &block), &block

data/lib/playbook/props/base.rb

@@ -20,7 +20,7 @@ module Playbook
       end
 
       def validate!(input_value)
-        warn("#{kit} Kit: The prop '#{name}' is deprecated and will be removed in a future release!") if deprecated #TODO: add some color for pop
+        warn("#{kit} Kit: The prop '#{name}' is deprecated and will be removed in a future release!") if deprecated && input_value #TODO: add some color for pop
 
         raise(Playbook::Props::Error, "#{kit} prop '#{name}' of type #{inspect.class} is required and needs a value") if required && input_value.nil?
 

data/lib/playbook/version.rb

@@ -1,6 +1,5 @@
 # frozen_string_literal: true
 
 module Playbook
-  VERSION = "8.4.0.alpha.dependencies.2"
+  VERSION = "9.2.2.pre.alpha.margin"
 end
-

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 8.4.0.alpha.dependencies.2
+  version: 9.2.2.pre.alpha.margin
 platform: ruby
 authors:
 - Power UX
@@ -9,15 +9,55 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-03-18 00:00:00.000000000 Z
+date: 2021-04-08 00:00:00.000000000 Z
 dependencies:
+- !ruby/object:Gem::Dependency
+  name: actionpack
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 5.2.4.4
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '7.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 5.2.4.4
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '7.0'
+- !ruby/object:Gem::Dependency
+  name: actionview
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 5.2.4.4
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '7.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 5.2.4.4
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '7.0'
 - !ruby/object:Gem::Dependency
   name: activesupport
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 5.1.6
+        version: 5.2.4.4
     - - "<"
       - !ruby/object:Gem::Version
         version: '7.0'
@@ -27,7 +67,7 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 5.1.6
+        version: 5.2.4.4
     - - "<"
       - !ruby/object:Gem::Version
         version: '7.0'
@@ -87,6 +127,34 @@ dependencies:
     - - '='
       - !ruby/object:Gem::Version
         version: 1.3.0
+- !ruby/object:Gem::Dependency
+  name: slim-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 3.2.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 3.2.0
+- !ruby/object:Gem::Dependency
+  name: sprockets-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 2.3.3
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 2.3.3
 - !ruby/object:Gem::Dependency
   name: view_component
   requirement: !ruby/object:Gem::Requirement
@@ -234,53 +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
-- !ruby/object:Gem::Dependency
-  name: simple_form
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 5.0.1
-    - - "<"
-      - !ruby/object:Gem::Version
-        version: 6.0.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.9.1
 - !ruby/object:Gem::Dependency
-  name: slim-rails
+  name: rubocop
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 3.2.0
+        version: 0.81.0
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 3.2.0
+        version: 0.81.0
 - !ruby/object:Gem::Dependency
   name: spring
   requirement: !ruby/object:Gem::Requirement
@@ -309,20 +357,6 @@ dependencies:
     - - '='
       - !ruby/object:Gem::Version
         version: 2.0.1
-- !ruby/object:Gem::Dependency
-  name: sprockets-rails
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - '='
-      - !ruby/object:Gem::Version
-        version: 2.3.3
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - '='
-      - !ruby/object:Gem::Version
-        version: 2.3.3
 - !ruby/object:Gem::Dependency
   name: tzinfo-data
   requirement: !ruby/object:Gem::Requirement
@@ -959,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
@@ -2034,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