playbook_ui 14.8.0.pre.rc.8 → 14.9.0.pre.alpha.PBNTR686advancedtablepaginationpoc4747

data/lib/playbook/classnames.rb

@@ -13,6 +13,7 @@ module Playbook
         prop(:classname),
         spacing_props,
         dark_props,
+        width_props,
         min_width_props,
         max_width_props,
         z_index_props,
@@ -43,6 +44,9 @@ module Playbook
         right_props,
         bottom_props,
         vertical_align_props,
+        height_props,
+        min_height_props,
+        max_height_props,
       ].compact.join(" ")
     end
 

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

@@ -5,6 +5,19 @@ module Playbook
     class Builder
       def typeahead(name, _options = {}, _html_options = {}, props: {})
         props[:name] = name
+
+        input_id = "#{name}_input"
+        props[:input_options] ||= {}
+        props[:input_options][:id] ||= input_id
+
+        props[:label] = @template.label(@object_name, name, for: props[:input_options][:id]) if props[:label] == true
+
+        if props[:validation]
+          validation_message = props[:validation][:message]
+          props[:input_options][:data] ||= {}
+          props[:input_options][:data][:validation_message] = validation_message
+        end
+
         @template.pb_rails("typeahead", props: props)
       end
     end

data/lib/playbook/height.rb

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+module Playbook
+  module Height
+    def self.included(base)
+      base.prop :height
+    end
+
+    def height_props
+      selected_props = height_options.keys.select { |sk| try(sk) }
+      return nil unless selected_props.present?
+
+      selected_props.map do |k|
+        height_value = send(k)
+        "height_#{height_value}" if height_values.include? height_value.to_s
+      end.compact.join(" ")
+    end
+
+    def height_options
+      {
+        height: "height",
+      }
+    end
+
+    def height_values
+      %w[auto xs sm md lg xl xxl xxxl]
+    end
+  end
+end

data/lib/playbook/kit_base.rb

@@ -30,6 +30,9 @@ require "playbook/top"
 require "playbook/right"
 require "playbook/bottom"
 require "playbook/vertical_align"
+require "playbook/height"
+require "playbook/min_height"
+require "playbook/max_height"
 
 module Playbook
   include ActionView::Helpers
@@ -67,6 +70,9 @@ module Playbook
     include Playbook::Right
     include Playbook::Bottom
     include Playbook::VerticalAlign
+    include Playbook::Height
+    include Playbook::MinHeight
+    include Playbook::MaxHeight
 
     prop :id
     prop :data, type: Playbook::Props::HashProp, default: {}
@@ -166,8 +172,17 @@ module Playbook
     end
 
     def dynamic_inline_props
-      styles = global_inline_props.map { |key, value| "#{key.to_s.gsub('_', '-')}: #{value}" if value.present? }.compact
+      styles = global_inline_props.map { |key, value| "#{key.to_s.gsub('_', '-')}: #{value}" if inline_validator(key, value) }.compact
       styles.join("; ").presence
     end
+
+    def inline_validator(key, value)
+      return false if value.nil?
+      return false if height_values.include?(value) && key == :height
+      return false if min_height_values.include?(value) && key == :min_height
+      return false if max_height_values.include?(value) && key == :max_height
+
+      true
+    end
   end
 end

data/lib/playbook/max_height.rb

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+module Playbook
+  module MaxHeight
+    def self.included(base)
+      base.prop :max_height
+    end
+
+    def max_height_props
+      selected_props = max_height_options.keys.select { |sk| try(sk) }
+      return nil unless selected_props.present?
+
+      selected_props.map do |k|
+        max_height_value = send(k)
+        "max_height_#{max_height_value}" if max_height_values.include? max_height_value.to_s
+      end.compact.join(" ")
+    end
+
+    def max_height_options
+      {
+        max_height: "max_height",
+      }
+    end
+
+    def max_height_values
+      %w[auto xs sm md lg xl xxl xxxl]
+    end
+  end
+end

data/lib/playbook/min_height.rb

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+module Playbook
+  module MinHeight
+    def self.included(base)
+      base.prop :min_height
+    end
+
+    def min_height_props
+      selected_props = min_height_options.keys.select { |sk| try(sk) }
+      return nil unless selected_props.present?
+
+      selected_props.map do |k|
+        min_height_value = send(k)
+        "min_height_#{min_height_value}" if min_height_values.include? min_height_value.to_s
+      end.compact.join(" ")
+    end
+
+    def min_height_options
+      {
+        min_height: "min_height",
+      }
+    end
+
+    def min_height_values
+      %w[auto xs sm md lg xl xxl xxxl]
+    end
+  end
+end

data/lib/playbook/spacing.rb

@@ -12,6 +12,7 @@ module Playbook
       base.prop :margin_y
       base.prop :max_width
       base.prop :min_width
+      base.prop :width
       base.prop :padding
       base.prop :padding_bottom
       base.prop :padding_left
@@ -33,6 +34,12 @@ module Playbook
       }
     end
 
+    def width_options
+      {
+        width: "w",
+      }
+    end
+
     def max_width_values
       %w[0% xs sm md lg xl xxl 0 none 100%]
     end
@@ -41,6 +48,10 @@ module Playbook
       %w[0% xs sm md lg xl xxl 0 none 100%]
     end
 
+    def width_values
+      %w[0% xs sm md lg xl xxl 0 none 100%]
+    end
+
     def spacing_options
       {
         margin: "m",
@@ -125,5 +136,15 @@ module Playbook
         "max_width_#{filter_classname(width_value)}" if max_width_values.include? width_value
       end.compact.join(" ")
     end
+
+    def width_props
+      selected_w_props = width_options.keys.select { |sk| try(sk) }
+      return nil unless selected_w_props.present?
+
+      selected_w_props.map do |k|
+        width_value = send(k)
+        "width_#{filter_classname(width_value)}" if width_values.include? width_value
+      end.compact.join(" ")
+    end
   end
 end

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "14.7.0"
-  VERSION = "14.8.0.pre.rc.8"
+  PREVIOUS_VERSION = "14.9.0"
+  VERSION = "14.9.0.pre.alpha.PBNTR686advancedtablepaginationpoc4747"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.8.0.pre.rc.8
+  version: 14.9.0.pre.alpha.PBNTR686advancedtablepaginationpoc4747
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-11-18 00:00:00.000000000 Z
+date: 2024-12-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -270,6 +270,8 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell_rails.html.erb
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell_rails.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.jsx
@@ -278,6 +280,10 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.jsx
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.jsx
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
@@ -292,6 +298,7 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data.json
+- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_pagination_mock_data.json
 - app/pb_kits/playbook/pb_advanced_table/docs/example.yml
 - app/pb_kits/playbook/pb_advanced_table/docs/index.js
 - app/pb_kits/playbook/pb_advanced_table/index.js
@@ -767,6 +774,8 @@ files:
 - app/pb_kits/playbook/pb_currency/docs/_currency_comma_separator.md
 - app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals.html.erb
 - app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals.jsx
+- app/pb_kits/playbook/pb_currency/docs/_currency_negative.html.erb
+- app/pb_kits/playbook/pb_currency/docs/_currency_negative.jsx
 - app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.html.erb
 - app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.jsx
 - app/pb_kits/playbook/pb_currency/docs/_currency_props_swift.md
@@ -1134,6 +1143,8 @@ files:
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.jsx
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_default.html.erb
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_default.jsx
+- app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.jsx
+- app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.md
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.jsx
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.jsx
 - app/pb_kits/playbook/pb_drawer/docs/example.yml
@@ -2606,6 +2617,8 @@ files:
 - app/pb_kits/playbook/pb_table/docs/_table_sticky.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_sticky.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_sticky.md
+- app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.jsx
+- app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_react.md
 - app/pb_kits/playbook/pb_table/docs/_table_striped.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_striped.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_striped.md
@@ -2639,8 +2652,10 @@ files:
 - 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/_scroll.scss
 - app/pb_kits/playbook/pb_table/styles/_side_highlight.scss
 - app/pb_kits/playbook/pb_table/styles/_single-line.scss
+- app/pb_kits/playbook/pb_table/styles/_sticky_columns.scss
 - app/pb_kits/playbook/pb_table/styles/_sticky_header.scss
 - app/pb_kits/playbook/pb_table/styles/_striped.scss
 - app/pb_kits/playbook/pb_table/styles/_structure.scss
@@ -3087,6 +3102,7 @@ files:
 - app/pb_kits/playbook/tokens/_colors.scss
 - app/pb_kits/playbook/tokens/_container.scss
 - app/pb_kits/playbook/tokens/_display.scss
+- app/pb_kits/playbook/tokens/_height.scss
 - app/pb_kits/playbook/tokens/_line_height.scss
 - app/pb_kits/playbook/tokens/_opacity.scss
 - app/pb_kits/playbook/tokens/_overflow.scss
@@ -3102,6 +3118,7 @@ files:
 - app/pb_kits/playbook/tokens/_vertical_align.scss
 - app/pb_kits/playbook/tokens/exports/_border_radius.module.scss
 - app/pb_kits/playbook/tokens/exports/_colors.module.scss
+- app/pb_kits/playbook/tokens/exports/_height.module.scss
 - app/pb_kits/playbook/tokens/exports/_line_height.module.scss
 - app/pb_kits/playbook/tokens/exports/_opacity.module.scss
 - app/pb_kits/playbook/tokens/exports/_positioning.module.scss
@@ -3119,6 +3136,7 @@ files:
 - app/pb_kits/playbook/utilities/_display.scss
 - app/pb_kits/playbook/utilities/_flexbox.scss
 - app/pb_kits/playbook/utilities/_focus.scss
+- app/pb_kits/playbook/utilities/_height.scss
 - app/pb_kits/playbook/utilities/_hover.scss
 - app/pb_kits/playbook/utilities/_line_height.scss
 - app/pb_kits/playbook/utilities/_max_width.scss
@@ -3132,6 +3150,7 @@ files:
 - 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/_width.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
@@ -3170,11 +3189,11 @@ files:
 - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
 - app/pb_kits/playbook/utilities/text.ts
 - app/pb_kits/playbook/utilities/validEmojiChecker.ts
-- dist/chunks/_typeahead-D0PihN_3.js
-- dist/chunks/_weekday_stacked-uMIX8f-A.js
+- dist/chunks/_typeahead-B8fkIeXA.js
+- dist/chunks/_weekday_stacked-DSEuqOLN.js
 - dist/chunks/lazysizes-B7xYodB-.js
-- dist/chunks/lib-BC6ESsxG.js
-- dist/chunks/pb_form_validation-B_Z9rEbg.js
+- dist/chunks/lib-SyD3buPZ.js
+- dist/chunks/pb_form_validation-Dt8UJgrJ.js
 - dist/chunks/vendor.js
 - dist/menu.yml
 - dist/playbook-doc.js
@@ -3211,6 +3230,7 @@ files:
 - lib/playbook/forms/builder/select_field.rb
 - lib/playbook/forms/builder/star_rating_field.rb
 - lib/playbook/forms/builder/typeahead_field.rb
+- lib/playbook/height.rb
 - lib/playbook/hover.rb
 - lib/playbook/justify_content.rb
 - lib/playbook/justify_self.rb
@@ -3218,6 +3238,8 @@ files:
 - lib/playbook/kit_resolver.rb
 - lib/playbook/left.rb
 - lib/playbook/line_height.rb
+- lib/playbook/max_height.rb
+- lib/playbook/min_height.rb
 - lib/playbook/number_spacing.rb
 - lib/playbook/order.rb
 - lib/playbook/overflow.rb