playbook_ui 13.28.0.pre.alpha.PLAY1349checkboxzindexsticky2947 → 13.28.0.pre.alpha.dialogturbostreameventlistener3017

data/lib/playbook/classnames.rb

@@ -41,6 +41,7 @@ module Playbook
         top_props,
         right_props,
         bottom_props,
+        vertical_align_props,
       ].compact.join(" ")
     end
 

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

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+module Playbook
+  module Forms
+    class Builder
+      def dropdown_field(name, props: {})
+        props[:name] = name
+        props[:margin_bottom] = "sm"
+        props[:label] = @template.label(@object_name, name) if props[:label] == true
+        @template.pb_rails("dropdown", props: props)
+      end
+    end
+  end
+end

data/lib/playbook/forms/builder.rb

@@ -13,6 +13,7 @@ module Playbook
       require_relative "builder/intl_telephone_field"
       require_relative "builder/multi_level_select_field"
       require_relative "builder/phone_number_field"
+      require_relative "builder/dropdown_field"
 
       prepend(FormFieldBuilder.new(:email_field, kit_name: "text_input"))
       prepend(FormFieldBuilder.new(:number_field, kit_name: "text_input"))

data/lib/playbook/kit_base.rb

@@ -29,6 +29,7 @@ require "playbook/left"
 require "playbook/top"
 require "playbook/right"
 require "playbook/bottom"
+require "playbook/vertical_align"
 
 module Playbook
   include ActionView::Helpers
@@ -65,6 +66,7 @@ module Playbook
     include Playbook::Top
     include Playbook::Right
     include Playbook::Bottom
+    include Playbook::VerticalAlign
 
     prop :id
     prop :data, type: Playbook::Props::HashProp, default: {}

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "13.28.0"
-  VERSION = "13.28.0.pre.alpha.PLAY1349checkboxzindexsticky2947"
+  VERSION = "13.28.0.pre.alpha.dialogturbostreameventlistener3017"
 end

data/lib/playbook/vertical_align.rb

@@ -0,0 +1,37 @@
+# frozen_string_literal: true
+
+module Playbook
+  module VerticalAlign
+    def self.included(base)
+      base.prop :vertical_align
+    end
+
+    # rubocop:disable Style/IfInsideElse
+    def vertical_align_props
+      selected_props = vertical_align_options.keys.select { |sk| try(sk) }
+      return nil unless selected_props.present?
+
+      selected_props.map do |k|
+        vertical_align_value = send(k)
+        if vertical_align_value.is_a?(Hash)
+          vertical_align_value.map do |media_size, flex_value|
+            "vertical_align_#{media_size}_#{flex_value.underscore}" if vertical_align_values.include? flex_value
+          end
+        else
+          "vertical_align_#{vertical_align_value.underscore}" if vertical_align_values.include? vertical_align_value
+        end
+      end.compact.join(" ")
+    end
+    # rubocop:enable Style/IfInsideElse
+
+    def vertical_align_options
+      {
+        vertical_align: "vertical_align",
+      }
+    end
+
+    def vertical_align_values
+      %w[baseline super top middle bottom sub text-top text-bottom]
+    end
+  end
+end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 13.28.0.pre.alpha.PLAY1349checkboxzindexsticky2947
+  version: 13.28.0.pre.alpha.dialogturbostreameventlistener3017
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-05-23 00:00:00.000000000 Z
+date: 2024-06-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -263,6 +263,8 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.html.erb
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_subrow_headers.html.erb
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_subrow_headers.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.jsx
@@ -297,6 +299,8 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/table_header.rb
 - app/pb_kits/playbook/pb_advanced_table/table_row.html.erb
 - app/pb_kits/playbook/pb_advanced_table/table_row.rb
+- app/pb_kits/playbook/pb_advanced_table/table_subrow_header.html.erb
+- app/pb_kits/playbook/pb_advanced_table/table_subrow_header.rb
 - app/pb_kits/playbook/pb_avatar/Utilities/GetPlacementPropsHelper.tsx
 - app/pb_kits/playbook/pb_avatar/_avatar.scss
 - app/pb_kits/playbook/pb_avatar/_avatar.tsx
@@ -395,6 +399,7 @@ files:
 - app/pb_kits/playbook/pb_badge/docs/index.js
 - app/pb_kits/playbook/pb_bar_graph/_bar_graph.scss
 - app/pb_kits/playbook/pb_bar_graph/_bar_graph.tsx
+- app/pb_kits/playbook/pb_bar_graph/barGraph.test.js
 - app/pb_kits/playbook/pb_bar_graph/barGraphSettings.js
 - app/pb_kits/playbook/pb_bar_graph/bar_graph.html.erb
 - app/pb_kits/playbook/pb_bar_graph/bar_graph.rb
@@ -627,6 +632,7 @@ files:
 - app/pb_kits/playbook/pb_circle_chart/ChartsTypes.ts
 - app/pb_kits/playbook/pb_circle_chart/_circle_chart.scss
 - app/pb_kits/playbook/pb_circle_chart/_circle_chart.tsx
+- app/pb_kits/playbook/pb_circle_chart/circleChart.test.js
 - app/pb_kits/playbook/pb_circle_chart/circle_chart.html.erb
 - app/pb_kits/playbook/pb_circle_chart/circle_chart.rb
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.html.erb
@@ -669,6 +675,7 @@ files:
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_footer.md
 - app/pb_kits/playbook/pb_circle_icon_button/docs/example.yml
 - app/pb_kits/playbook/pb_circle_icon_button/docs/index.js
+- app/pb_kits/playbook/pb_collapsible/__snapshots__/collapsible.test.js.snap
 - app/pb_kits/playbook/pb_collapsible/_collapsible.scss
 - app/pb_kits/playbook/pb_collapsible/_collapsible.tsx
 - app/pb_kits/playbook/pb_collapsible/_helper_functions.ts
@@ -1065,6 +1072,17 @@ files:
 - app/pb_kits/playbook/pb_distribution_bar/docs/index.js
 - app/pb_kits/playbook/pb_docs/kit_example.html.erb
 - app/pb_kits/playbook/pb_docs/kit_example.rb
+- app/pb_kits/playbook/pb_draggable/_draggable.scss
+- app/pb_kits/playbook/pb_draggable/_draggable.tsx
+- app/pb_kits/playbook/pb_draggable/context/index.tsx
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_default.jsx
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.jsx
+- app/pb_kits/playbook/pb_draggable/docs/example.yml
+- app/pb_kits/playbook/pb_draggable/docs/index.js
+- app/pb_kits/playbook/pb_draggable/draggable.test.jsx
+- app/pb_kits/playbook/pb_draggable/subcomponents/DraggableContainer.tsx
+- app/pb_kits/playbook/pb_draggable/subcomponents/DraggableItem.tsx
 - app/pb_kits/playbook/pb_dropdown/_dropdown.scss
 - app/pb_kits/playbook/pb_dropdown/_dropdown.tsx
 - app/pb_kits/playbook/pb_dropdown/context/index.tsx
@@ -1330,6 +1348,7 @@ files:
 - app/pb_kits/playbook/pb_gauge/docs/index.js
 - app/pb_kits/playbook/pb_gauge/gauge.html.erb
 - app/pb_kits/playbook/pb_gauge/gauge.rb
+- app/pb_kits/playbook/pb_gauge/gauge.test.js
 - app/pb_kits/playbook/pb_hashtag/_hashtag.scss
 - app/pb_kits/playbook/pb_hashtag/_hashtag.tsx
 - app/pb_kits/playbook/pb_hashtag/docs/_description.md
@@ -1628,6 +1647,7 @@ files:
 - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.md
 - app/pb_kits/playbook/pb_line_graph/docs/example.yml
 - app/pb_kits/playbook/pb_line_graph/docs/index.js
+- app/pb_kits/playbook/pb_line_graph/lineGraph.test.js
 - app/pb_kits/playbook/pb_line_graph/lineGraphSettings.js
 - app/pb_kits/playbook/pb_line_graph/line_graph.html.erb
 - app/pb_kits/playbook/pb_line_graph/line_graph.rb
@@ -2326,17 +2346,22 @@ files:
 - app/pb_kits/playbook/pb_table/docs/_table_action_middle.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_action_middle.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_action_middle.md
-- app/pb_kits/playbook/pb_table/docs/_table_alignment_column.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_alignment_column.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_alignment_column.md
-- app/pb_kits/playbook/pb_table/docs/_table_alignment_row.html.erb
+- app/pb_kits/playbook/pb_table/docs/_table_alignment_column_rails.html.erb
+- app/pb_kits/playbook/pb_table/docs/_table_alignment_column_rails.md
 - app/pb_kits/playbook/pb_table/docs/_table_alignment_row.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_alignment_row.md
-- app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.html.erb
+- app/pb_kits/playbook/pb_table/docs/_table_alignment_row_rails.html.erb
+- app/pb_kits/playbook/pb_table/docs/_table_alignment_row_rails.md
 - app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.md
-- app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row.html.erb
+- app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data_rails.html.erb
+- app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data_rails.md
 - app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row.jsx
+- app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row.md
+- app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row_rails.html.erb
+- app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row_rails.md
 - app/pb_kits/playbook/pb_table/docs/_table_container.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_container.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_data_table.html.erb
@@ -2362,6 +2387,9 @@ files:
 - app/pb_kits/playbook/pb_table/docs/_table_one_action.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_one_action.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_one_action.md
+- app/pb_kits/playbook/pb_table/docs/_table_outer_padding.html.erb
+- app/pb_kits/playbook/pb_table/docs/_table_outer_padding.jsx
+- app/pb_kits/playbook/pb_table/docs/_table_outer_padding.md
 - app/pb_kits/playbook/pb_table/docs/_table_responsive_table.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_responsive_table.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_side_highlight.html.erb
@@ -2406,6 +2434,7 @@ files:
 - app/pb_kits/playbook/pb_table/styles/_hover.scss
 - app/pb_kits/playbook/pb_table/styles/_mobile.scss
 - app/pb_kits/playbook/pb_table/styles/_mobile_collapse.scss
+- app/pb_kits/playbook/pb_table/styles/_outer_padding.scss
 - app/pb_kits/playbook/pb_table/styles/_reset.scss
 - app/pb_kits/playbook/pb_table/styles/_side_highlight.scss
 - app/pb_kits/playbook/pb_table/styles/_single-line.scss
@@ -2705,6 +2734,7 @@ files:
 - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_tooltip.md
 - app/pb_kits/playbook/pb_treemap_chart/docs/example.yml
 - app/pb_kits/playbook/pb_treemap_chart/docs/index.js
+- app/pb_kits/playbook/pb_treemap_chart/treemapChart.test.js
 - app/pb_kits/playbook/pb_treemap_chart/treemap_chart.html.erb
 - app/pb_kits/playbook/pb_treemap_chart/treemap_chart.rb
 - app/pb_kits/playbook/pb_typeahead/_typeahead.scss
@@ -2846,6 +2876,7 @@ files:
 - app/pb_kits/playbook/tokens/_titles.scss
 - app/pb_kits/playbook/tokens/_transition.scss
 - app/pb_kits/playbook/tokens/_typography.scss
+- app/pb_kits/playbook/tokens/_vertical_align.scss
 - app/pb_kits/playbook/tokens/exports/_border_radius.scss
 - app/pb_kits/playbook/tokens/exports/_colors.scss
 - app/pb_kits/playbook/tokens/exports/_line_height.scss
@@ -2876,6 +2907,7 @@ files:
 - app/pb_kits/playbook/utilities/_spacing.scss
 - app/pb_kits/playbook/utilities/_text_align.scss
 - app/pb_kits/playbook/utilities/_truncate.scss
+- app/pb_kits/playbook/utilities/_vertical_align.scss
 - app/pb_kits/playbook/utilities/flexbox_global_props/_align_content.scss
 - app/pb_kits/playbook/utilities/flexbox_global_props/_align_items.scss
 - app/pb_kits/playbook/utilities/flexbox_global_props/_align_self.scss
@@ -2930,6 +2962,7 @@ files:
 - 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/dropdown_field.rb
 - lib/playbook/forms/builder/form_field_builder.rb
 - lib/playbook/forms/builder/intl_telephone_field.rb
 - lib/playbook/forms/builder/multi_level_select_field.rb
@@ -2974,6 +3007,7 @@ files:
 - lib/playbook/top.rb
 - lib/playbook/truncate.rb
 - lib/playbook/version.rb
+- lib/playbook/vertical_align.rb
 - lib/playbook/z_index.rb
 - lib/playbook_ui.rb
 homepage: https://playbook.powerapp.cloud/

data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.html.erb

@@ -1,63 +0,0 @@
-<%= pb_rails("table") do %>
-  <thead>
-    <tr>
-      <th>&nbsp;</th>
-      <th>Price</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <td shift="down">Total</td>
-      <td>
-        $12
-        <br/>
-        $46
-        <br/>
-        $25
-        <br/>
-        -------
-        <br/>
-        $83
-      </td>
-    </tr>
-  </tbody>
-<% end %>
-<br/>
-<%= pb_rails("table") do %>
-  <thead>
-    <tr>
-      <th>Espresso Drinks</th>
-      <th>Ingredients</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <td shift="up">Cappuccino</td>
-      <td>
-        Espresso
-        <br/>
-        Steamed Milk
-        <br/>
-        Milk Foam
-      </td>
-    </tr>
-    <tr>
-      <td shift="up">Macchiato</td>
-      <td>
-        Espresso
-        <br/>
-        Steamed Milk
-      </td>
-    </tr>
-    <tr>
-      <td shift="up">Mocha</td>
-      <td>
-        Espresso
-        <br/>
-        Hot Chocolate
-        <br/>
-        Steamed Milk
-      </td>
-    </tr>
-  </tbody>
-<% end %>

data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row.html.erb

@@ -1,52 +0,0 @@
-<%= pb_rails("table") do %>
-  <thead>
-    <tr>
-      <th>Column 1</th>
-      <th>Column 2</th>
-      <th>Column 3</th>
-      <th>Column 4</th>
-      <th>Column 5</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <td>
-        Value 1a
-        <br/>
-        Value 1a
-        <br/>
-        Value 1a
-      </td>
-      <td>Value 2a</td>
-      <td>Value 3a</td>
-      <td>Value 4a</td>
-      <td>Value 5a</td>
-    </tr>
-    <tr shift="middle">
-      <td>
-        Value 1b
-        <br/>
-        Value 1b
-        <br/>
-        Value 1b
-      </td>
-      <td>Value 2b</td>
-      <td>Value 3b</td>
-      <td>Value 4b</td>
-      <td>Value 5b</td>
-    </tr>
-    <tr shift="down">
-      <td>
-        Value 1c
-        <br/>
-        Value 1c
-        <br/>
-        Value 1c
-      </td>
-      <td>Value 2c</td>
-      <td>Value 3c</td>
-      <td>Value 4c</td>
-      <td>Value 5c</td>
-    </tr>
-  </tbody>
-<% end %>