playbook_ui 7.16.0.pre.alpha4 → 8.0.0.pre.alpha5

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,43 +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 id="code-wrapper">
-    <div class="pb--codeControls">
-      <ul>
-        <li>
-          <a href="#" id="toggle-open" 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="#" id="toggle-close" 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>
-  </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_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

data/app/pb_kits/playbook/pb_kit/base.rb

@@ -1,99 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbKit
-    class Base
-      #============= Default props =============
-      def aria(ui_aria = {})
-        merge_value(configured_aria, ui_aria)
-      end
-
-      def classname(ui_classes = "")
-        concat_value(configured_classname, ui_classes)
-      end
-
-      def data(ui_data = {})
-        merge_value(configured_data, ui_data)
-      end
-
-      def id(ui_id = nil)
-        default_value(configured_id, ui_id)
-      end
-
-      #============= Type checking =============
-      def is_true?(value)
-        is_boolean?(value) && value == true
-      end
-
-      def is_string?(value)
-        value.is_a? String
-      end
-
-      def is_integer?(value)
-        value.is_a? Integer
-      end
-
-      def is_boolean?(value)
-        [true, false].include? value
-      end
-
-      def one_of?(value, options = [])
-        options.include? value
-      end
-
-      def is_set?(value)
-        value != default_configuration
-      end
-
-      #============= Default value =============
-      def default_value(value, default_value)
-        is_set?(value) ? value : default_value
-      end
-
-      def adjusted_value(value, adjusted_value, default_value)
-        is_set?(value) ? adjusted_value : default_value
-      end
-
-      def concat_value(value, value2)
-        is_set?(value) ? value2 + " " + value : value2
-      end
-
-      def merge_value(value, value2)
-        value2 ||= {}
-        is_set?(value) ? value.merge(value2) : value2
-      end
-
-      def one_of_value(value, options = [], default = "")
-        if is_set?(value)
-          options.include?(value) ? value : default
-        else
-          default
-        end
-      end
-
-      def true_value(value, true_value = "", false_value = "")
-        if is_set?(value)
-          is_true?(value) ? true_value : false_value
-        else
-          false_value
-        end
-      end
-
-      def false_value(value, false_value = "", true_value = "")
-        if is_set?(value)
-          is_true?(value) ? true_value : false_value
-        else
-          false_value
-        end
-      end
-
-    private
-
-      DEFAULT = Object.new
-      private_constant :DEFAULT
-      def default_configuration
-        DEFAULT
-      end
-    end
-  end
-end