playbook_ui 7.16.0 → 8.0.0.pre.alpha1

data/app/helpers/playbook/pb_kit_helper.rb

@@ -1,27 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbKitHelper
-    def pb_rails(kit, props: {}, &block)
-      previous = prefix_partial_path_with_controller_namespace
-      self.prefix_partial_path_with_controller_namespace = false
-      kit = build_view_model(kit.to_s, props, &block)
-      render(partial: kit, as: :object)
-    ensure
-      self.prefix_partial_path_with_controller_namespace = previous
-    end
-
-  private
-
-    def is_subkit?(kit)
-      kit.match(%r{[/\\]})
-    end
-
-    def build_view_model(kit, props, &block)
-      folder = is_subkit?(kit) ? kit.split("/")[0] : kit
-      item = is_subkit?(kit) ? kit.split("/")[-1] : kit
-      class_name = "Playbook::Pb#{folder.camelize}::#{item.camelize}"
-      class_name.safe_constantize.new(props, &block)
-    end
-  end
-end

data/app/pb_kits/playbook/config/_kit_example.html.erb

@@ -1,23 +0,0 @@
-<%if !@kit_examples[:examples].nil? %>
-  <% if @limit_examples %>
-    <% @kit_examples[:examples].each_with_index do |kit_example, index| %>
-      <% kit_example.each do |key, item| %>
-        <% if index == 0 %>
-          <%= pb_rails("card", props: { classname: "pb--doc", padding:"none" }) do %>
-            <%= render partial: "config/kit_ui", locals: { key: key, type: @type, item: item, show_code: @show_code } %>
-          <% end %>
-        <% elsif index > 0 %>
-          <% break %>
-        <% end %>
-      <% end %>
-    <% end %>
-  <% else %>
-    <% @kit_examples[:examples].each do |kit_example| %>
-      <% kit_example.each do |key, item| %>
-        <%= pb_rails("card", props: { classname: "pb--doc", padding:"none" }) do %>
-          <%= render partial: "config/kit_ui", locals: { key: key, type: @type, item: item, show_code: @show_code } %>
-        <% end %>
-      <% end %>
-    <% end %>
-  <% end %>
-<% end %>

data/app/pb_kits/playbook/config/_kit_samples_list.html.erb

@@ -1,3 +0,0 @@
-<div>
-    Flexbox list of thumbnail previews. 
-</div>

data/app/pb_kits/playbook/config/_kit_ui.html.erb

@@ -1,41 +0,0 @@
-
-<% type ||= "rails" %>
-
-<% if type == "react" %>
-  <% contents = File.read("#{Playbook::Engine.root}/app/pb_kits/playbook/pb_#{@kit_examples[:kit]}/docs/_#{key}.jsx") %>
-<% else %>
-  <% contents = File.read("#{Playbook::Engine.root}/app/pb_kits/playbook/pb_#{@kit_examples[:kit]}/docs/_#{key}.html.erb") %>
-<% end %>
-
-<div class="pb--kit-example">
-  <%= pb_rails("caption", props: { text: item }) %>
-  <br>
-  <% if type == "rails" %>
-    <%= render partial: "pb_#{@kit_examples[:kit]}/docs/#{key}" %>
-  <% elsif type == "react" %>
-    <%= pb_react(key.camelize) %>
-  <% end %>
-  <br>
-</div>
-
-<% if @show_code %>
-  <div class="markdown pb--kit-example-markdown <%= cookies[:dark_mode] == "true" ? "dark" : "" %>">
-    <%= markdown(get_per_sample_descriptions(@kit_examples[:kit], key)) %>
-  </div>
-  <div class="pb--codeControls">
-    <ul>
-      <li>
-        <a href="#" data-toggle="code_example">Code Example</a>
-      </li>
-    </ul>
-  </div>
-  <div class="pb--codeCopy" data-action="toggle" data-togglable="code_example" style="display: none" >
-    <%= pb_rails("section_separator")%>
-    <a href="#" data-toggle="false" class="pb--close-toggle">Close</a>
-    <% if type == "rails" %>
-      <pre class="highlight"><%= raw rouge(contents, "erb") %></pre>
-    <% elsif type == "react" %>
-      <pre class="highlight"><%= raw rouge(contents, "react")%></pre>
-    <% end %>
-  </div>
-<% end %>

data/app/pb_kits/playbook/config/_pb_kit_api.html.erb

@@ -1,16 +0,0 @@
-<% if defined?(@kit_api) && @kit_api.present? %>
-
-  <div data-action="toggle" data-togglable="prop_example" class="pb--propsTable">
-  <%= pb_rails("title", props:{text: "Available Props", size:3, margin_bottom:"sm"}) %>
-    <%= pb_rails("card",props:{padding:"none"})do%>
-      <%= pb_rails("list",props: {xpadding:true})do%>
-        <% @kit_api.each_with_index do |(key,value),index| %>
-            <%= pb_rails("list/item") do %>
-              <%= key %>
-            <% end %>
-        <% end %>
-      <% end %>
-    <% end %>
-  </div>
-  
-<% end %>

data/app/pb_kits/playbook/pb_checkbox/_checkbox.html.erb

@@ -1,16 +0,0 @@
-<%= content_tag(:label, aria: object.aria,
-                        id: object.id,
-                        data: object.data,
-                        class: object.classname) do %>  
-  <% if object.children %>
-    <%= capture(&object.children) %>
-   <% else %>            
-    <%= object.input %>
-  <% end %>
-    <span class="pb_checkbox_checkmark">
-      <%= pb_rails("icon", props: { icon: "check", id: "check_icon", classname: "check_icon", fixed_width: true}) %>
-    </span>
-    <span class="pb_checkbox_label">
-      <%= pb_rails("body", props: { status: object.checkbox_label_status, text: object.text, dark: object.dark, margin_right: object.form_spacing ? "xs" : "" }) %>
-    </span>
-<% end %>

data/app/pb_kits/playbook/pb_date_picker/_date_picker.html.erb

@@ -1,43 +0,0 @@
-<%= content_tag(:div,
-    aria: object.aria,
-    class: object.classname + object.error_class,
-    data: object.data,
-    id: object.id) do %>
-      <% if object.children %>
-        <div class="input_wrapper">
-          <%= capture(&object.children) %>
-      <% else %>
-        <div class="input_wrapper">
-          <%= pb_rails("text_input", props: {
-            aria: object.input_aria,
-            autocomplete: false,
-            dark: object.dark,
-            data: object.input_data,
-            disabled: object.disable_input,
-            error: object.error,
-            id: object.picker_id,
-            label: object.hide_label ? nil : object.label,
-            name: object.name,
-            placeholder: object.placeholder,
-            required: object.required,
-          }) %>
-        <% end %>
-        <% if !object.hide_icon %>
-          <div
-              class="<%= object.icon_wrapper_class %>"
-              id="cal-icon-<%= object.picker_id %>"
-          >
-            <%= pb_rails("icon", props: { 
-              classname: "cal_icon",
-              icon: "calendar-alt"
-            }) %>
-          </div>
-        <% end %>
-      </div>
-
-      <%= javascript_tag do %>
-      window.addEventListener("DOMContentLoaded", () => {
-          datePickerHelper(<%= object.date_picker_config %>)
-      })
-      <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.html.erb

@@ -1,16 +0,0 @@
-<%= content_tag(:div,
-    id: object.id,
-    data: object.data,
-    class: object.classname) do %>
-    <div class="pb_date_range_inline_wrapper">
-      <% if object.icon == true %>
-        <%= pb_rails(object.text_kit, props: { tag: "span", dark: object.dark, color: object.icon_color, text: pb_rails("icon", props: { icon: "calendar-alt", fixed_width: true, size: object.size, classname: "pb_date_range_inline_icon" }) }) %>
-      <% end %>
-
-      <%= pb_rails(object.text_kit, props: { tag: "span", dark: object.dark, text: object.start_date_display }) %>
-
-      <%= pb_rails(object.text_kit, props: { tag: "span", dark: object.dark, color: object.icon_color, text: pb_rails("icon", props: { icon: "long-arrow-right", fixed_width: true, size: object.size, classname: "pb_date_range_inline_arrow"}) }) %>
-
-      <%= pb_rails(object.text_kit, props: { tag: "span", dark: object.dark, text: object.end_date_display }) %>
-    </div>
-<% end %>

data/app/pb_kits/playbook/pb_file_upload/file_upload.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbFileUpload
-    class FileUpload
-      include Playbook::Props
-
-      partial "pb_file_upload/file_upload"
-    end
-  end
-end

data/app/pb_kits/playbook/pb_filter/_filter.html.erb

@@ -1,6 +0,0 @@
-<%= content_tag(:div,
-    id: object.id,
-    data: object.data,
-    class: object.classname) do %>
-    <%= render partial: "pb_filter/templates/default", locals: {object: object, min_width: object.min_width}%>
-<% end %>

data/app/pb_kits/playbook/pb_filter/templates/_core.html.erb

@@ -1,67 +0,0 @@
-
-<%= pb_rails("flex", props: {orientation: "row", padding_right: "lg", vertical: "center"}) do %>
-
-    <% if (object.template != "sort_only") %>
-      <%= pb_rails("circle_icon_button", props: { variant: "secondary", icon: "filter", id:"filter#{object.id}"}) %>
-      <div class="maskContainer">
-        <div class="filters">
-          <div class="left_gradient"></div>
-            <% object.filters.each do |filter| %>
-              <% if filter[:name]== "" %>
-                  <div>
-                    <%= pb_rails("body", props: {
-                      color: "light",
-                      padding_left: "xs",
-                      size: 4,
-                      tag:"h4",
-                      text: "No Filter Selected"
-                    }) %>
-                  </div>
-              <% else %>
-                  <div class="filter">
-                    <%= pb_rails("caption", props: { text: filter[:name]}) %>
-                    <%= pb_rails("title", props: { size: 4, tag:"h4", text: filter[:value]}) %>
-                  </div>
-              <% end %>
-            <% end %>
-          <div class="right_gradient"></div>
-        </div>
-      </div>
-      <% if (object.template != "default") %>
-        <%= pb_rails("caption", props: {text: object.result_text, size:"xs", classname:"filter-results"})%>
-      <% end %>
-    <% end %>
-
-    <% if (object.template == "single" ) || (object.template == "sort_only") %>
-      <% unless object.sort_menu == [{}] %>
-        <%= pb_rails("button", props: {variant: "link",id: "sort-button#{object.id}",padding_right: "none"}) do %>
-          <% object.sort_menu.each do |item| %>
-            <% if item[:active] == true %>
-              <%= item[:item] %>
-              <%= pb_rails("icon", props: { icon: object.sort_icon(item[:direction]), fixed_width: true }) %>
-            <% end %>
-          <% end %>
-        <% end %>
-      <% end %>
-    <% end %>
-
-
-<% end %>
-
-<% if (object.template == "default")%>
-  <%= pb_rails("section_separator") %>
-  <%= pb_rails("flex", props: {orientation: "row", vertical: "center", spacing: "between", classname: "filter-bottom"}) do %>
-    <%= pb_rails("title_count", props: {title: "Results:",count: object.results, align:"center"}) %>
-      <%= pb_rails("flex", props: {orientation: "row", vertical: "center"}) do %>
-        <%= pb_rails("caption", props: { text: "sort by:"}) %>
-        <%= pb_rails("button", props: {variant: "link", padding_right: "none", id: "sort-button#{object.id}"}) do %>
-          <% object.sort_menu.each do |item| %>
-            <% if item[:active] == true %>
-              <%= item[:item] %>
-              <%= pb_rails("icon", props: { icon: object.sort_icon(item[:direction]), fixed_width: true }) %>
-            <% end %>
-          <% end %>
-        <% end %>
-      <% end %>
-  <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_filter/templates/_default.html.erb

@@ -1,23 +0,0 @@
-<% if object.background %>
-  <%= pb_rails("card",props: {padding:"none"}) do%>
-    <%= render partial: 'pb_filter/templates/core', locals: {object: object} %>
-  <% end %> 
-<% else %>
- <%= render partial: 'pb_filter/templates/core', locals: { object: object} %>
-<% end %>
-
-<% if object.template != "sort_only"%>
-  <%= pb_rails("popover", props: {min_width: object.min_width, close_on_click: "outside", trigger_element_id: "filter#{object.id}", tooltip_id: "filter-form#{object.id}", position: 'bottom'}) do %>
-    <%= capture(&object.children) %>
-  <% end %>
-<%end%>
-
-<% if object.template != "filter_only"%>
-  <%= pb_rails("popover", props: {classname: "pb_filter_sort_menu", close_on_click: "outside", trigger_element_id: "sort-button#{object.id}", tooltip_id: "sort-filter-btn-tooltip#{object.id}", position: 'bottom', padding: 'none'}) do %>
-      <%= pb_rails("list") do %>
-        <% object.sort_menu.each do |item| %>
-          <%= pb_rails("list/item") do%> <%= pb_rails("button", props: {variant: "link" ,classname: "p-0", text: item[:item], link: item[:link]}) %><% end %>
-        <% end %> 
-      <% end %>
-  <% end %>
-<% end %>

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

@@ -1,13 +0,0 @@
-<%= form_with object.merged_form_system_options do |form| %>
-  <% instance_exec form, &object.children %>
-
-  <% if object.validate %>
-    <% content_for :pb_js do %>
-      <%= javascript_tag do %>
-        window.addEventListener('DOMContentLoaded', function() {
-          PbFormValidation.start()
-        })
-      <% end %>
-    <% end %>
-  <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_form/form/form_with_form.rb

@@ -1,39 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbForm
-    class Form
-      class FormWithForm
-        def initialize(form)
-          self.form = form
-        end
-
-        def to_partial_path
-          "pb_form/form_form_with"
-        end
-
-        def merged_form_system_options
-          Hash(form_system_options).merge(
-            class: merged_class,
-            data: { "pb-form-validation": validate }.merge(Hash(form_system_options).fetch(:data, {})),
-            builder: form_builder
-          )
-        end
-
-      private
-
-        attr_accessor :form
-
-        delegate_missing_to :form
-
-        def merged_class
-          "pb-form #{Hash(form_system_options)[:class]}".strip
-        end
-
-        def form_builder
-          FormBuilder::FormWithFormBuilder
-        end
-      end
-    end
-  end
-end

data/app/pb_kits/playbook/pb_form/form/simple_form_form.rb

@@ -1,46 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbForm
-    class Form
-      class SimpleFormForm
-        def initialize(form)
-          self.form = form
-        end
-
-        def to_partial_path
-          "pb_form/form_simple_form"
-        end
-
-        def merged_form_system_options
-          [
-            Array(form_system_options)[0],
-            Hash(Array(form_system_options)[1]).merge(
-              data: { "pb-form-validation": validate }.merge((form_system_options&.last || {}).fetch(:data, {})),
-              html: merged_html,
-              builder: form_builder
-            ),
-          ]
-        end
-
-      private
-
-        attr_accessor :form
-
-        delegate_missing_to :form
-
-        def merged_html
-          html_options = Hash(Array(form_system_options)[1])[:html] || {}
-          html_class = html_options[:class]
-          html_options[:class] = "pb-form #{html_class}".strip
-
-          html_options
-        end
-
-        def form_builder
-          FormBuilder::SimpleFormBuilder
-        end
-      end
-    end
-  end
-end

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

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbForm
-    module FormBuilder
-      class FormWithFormBuilder < ActionView::Helpers::FormBuilder
-        include FormBuilder
-      end
-    end
-  end
-end

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

@@ -1,25 +0,0 @@
-# frozen_string_literal: true
-
-if defined?(SimpleForm)
-  module Playbook
-    module PbForm
-      module FormBuilder
-        class SimpleFormBuilder < SimpleForm::FormBuilder
-          include FormBuilder
-
-          def input(attribute_name, options = {}, &block)
-            super(
-              attribute_name,
-              options.deep_merge(label: false, input_html: {
-                              props: {
-                                label: true,
-                              },
-                            }),
-              &block
-            )
-          end
-        end
-      end
-    end
-  end
-end