playbook_ui 13.22.0 → 13.23.0.pre.alpha.PLAY1284investigation2657

data/lib/playbook/bottom.rb

@@ -1,7 +1,11 @@
 # frozen_string_literal: true
 
+require "playbook/position_props_css"
+
 module Playbook
   module Bottom
+    include Playbook::PositionPropsCss
+
     def self.included(base)
       base.prop :bottom
     end
@@ -24,9 +28,8 @@ module Playbook
 
       selected_props.map do |k|
         value = send(k)
-        return nil unless bottom_values.include? value
-
-        "bottom_#{value}"
+        css = positioning_css("bottom", value) if bottom.present?
+        css
       end.compact.join(" ")
     end
   end

data/lib/playbook/kit_base.rb

@@ -31,6 +31,8 @@ require "playbook/right"
 require "playbook/bottom"
 
 module Playbook
+  include ActionView::Helpers
+
   class KitBase < ViewComponent::Base
     include Playbook::PbKitHelper
     include Playbook::Props
@@ -78,8 +80,26 @@ module Playbook
       default_html_options.merge(html_options.deep_merge(data_attributes))
     end
 
+    # rubocop:disable Style/OptionalBooleanParameter
+    def pb_content_tag(name, content_or_options_with_block = nil, options = {}, escape = true, &block)
+      combined_options = options
+                         .merge(combined_html_options)
+                         .merge(default_options.merge(content_or_options_with_block))
+      content_tag(name, combined_options, options, escape, &block)
+    end
+    # rubocop:enable Style/OptionalBooleanParameter
+
   private
 
+    def default_options
+      {
+        id: id,
+        data: data,
+        class: classname,
+        aria: aria,
+      }
+    end
+
     def default_html_options
       {}
     end
@@ -88,7 +108,7 @@ module Playbook
       {
         data: data,
         aria: aria,
-      }.transform_keys { |key| key.to_s.gsub("_", "-") }
+      }.transform_keys { |key| key.to_s.tr("_", "-").to_sym }
     end
   end
 end

data/lib/playbook/left.rb

@@ -1,7 +1,11 @@
 # frozen_string_literal: true
 
+require "playbook/position_props_css"
+
 module Playbook
   module Left
+    include Playbook::PositionPropsCss
+
     def self.included(base)
       base.prop :left
     end
@@ -24,9 +28,8 @@ module Playbook
 
       selected_props.map do |k|
         value = send(k)
-        return nil unless left_values.include? value
-
-        "left_#{value}"
+        css = positioning_css("left", value) if left.present?
+        css
       end.compact.join(" ")
     end
   end

data/lib/playbook/pb_doc_helper.rb

@@ -73,7 +73,7 @@ module Playbook
           #{pb_kit(kit: kit, type: type, show_code: code, limit_examples: limit_examples, dark_mode: dark_mode)}</div>")
       title + ui
     end
-  # rubocop:enable Style/OptionalBooleanParameter
+    # rubocop:enable Style/OptionalBooleanParameter
 
   private
 

data/lib/playbook/position_props_css.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module Playbook
+  module PositionPropsCss
+    POSITION_VALUES = %w[0 xxs xs sm md lg xl auto initial inherit].freeze
+
+    def positioning_css(property, value)
+      if value.is_a?(String)
+        "#{property}_#{value}"
+      elsif value.is_a?(Hash) && value.key?(:inset)
+        "#{property}_#{value[:value]}_inset"
+      elsif value.is_a?(Hash)
+        "#{property}_#{value[:value]}"
+      end
+    end
+  end
+end

data/lib/playbook/props/percentage.rb

@@ -10,9 +10,9 @@ module Playbook
     private
 
       def numeric_in_range?(value)
-        (value.is_a?(::Numeric) &&
+        value.is_a?(::Numeric) &&
           value <= 100 &&
-          value >= 0)
+          value >= 0
       end
     end
   end

data/lib/playbook/right.rb

@@ -1,7 +1,11 @@
 # frozen_string_literal: true
 
+require "playbook/position_props_css"
+
 module Playbook
   module Right
+    include Playbook::PositionPropsCss
+
     def self.included(base)
       base.prop :right
     end
@@ -24,9 +28,8 @@ module Playbook
 
       selected_props.map do |k|
         value = send(k)
-        return nil unless right_values.include? value
-
-        "right_#{value}"
+        css = positioning_css("right", value) if right.present?
+        css
       end.compact.join(" ")
     end
   end

data/lib/playbook/top.rb

@@ -1,7 +1,11 @@
 # frozen_string_literal: true
 
+require "playbook/position_props_css"
+
 module Playbook
   module Top
+    include Playbook::PositionPropsCss
+
     def self.included(base)
       base.prop :top
     end
@@ -24,9 +28,8 @@ module Playbook
 
       selected_props.map do |k|
         value = send(k)
-        return nil unless top_values.include? value
-
-        "top_#{value}"
+        css = positioning_css("top", value) if top.present?
+        css
       end.compact.join(" ")
     end
   end

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "13.21.0"
-  VERSION = "13.22.0"
+  PREVIOUS_VERSION = "13.23.0"
+  VERSION = "13.23.0.pre.alpha.PLAY1284investigation2657"
 end

metadata

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 13.22.0
+  version: 13.23.0.pre.alpha.PLAY1284investigation2657
 platform: ruby
 authors:
 - Power UX
 - Power Devs
-autorequire:
+autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-03-27 00:00:00.000000000 Z
+date: 2024-04-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -99,14 +99,14 @@ dependencies:
   name: byebug
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - '='
+    - - ">="
       - !ruby/object:Gem::Version
         version: 11.0.0
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - '='
+    - - ">="
       - !ruby/object:Gem::Version
         version: 11.0.0
 - !ruby/object:Gem::Dependency
@@ -175,16 +175,16 @@ dependencies:
   name: rubocop
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - '='
+    - - ">="
       - !ruby/object:Gem::Version
-        version: 1.23.0
+        version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - '='
+    - - ">="
       - !ruby/object:Gem::Version
-        version: 1.23.0
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: rubocop-performance
   requirement: !ruby/object:Gem::Requirement
@@ -199,34 +199,6 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: 1.11.5
-- !ruby/object:Gem::Dependency
-  name: spring
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - '='
-      - !ruby/object:Gem::Version
-        version: 2.0.2
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - '='
-      - !ruby/object:Gem::Version
-        version: 2.0.2
-- !ruby/object:Gem::Dependency
-  name: spring-watcher-listen
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - '='
-      - !ruby/object:Gem::Version
-        version: 2.0.1
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - '='
-      - !ruby/object:Gem::Version
-        version: 2.0.1
 - !ruby/object:Gem::Dependency
   name: tzinfo-data
   requirement: !ruby/object:Gem::Requirement
@@ -310,8 +282,8 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_description.md
-- app/pb_kits/playbook/pb_advanced_table/docs/_mock_data.js
 - 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/example.yml
 - app/pb_kits/playbook/pb_advanced_table/docs/index.js
 - app/pb_kits/playbook/pb_advanced_table/scss_partials/_chrome_styles.scss
@@ -434,6 +406,9 @@ files:
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.html.erb
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.jsx
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.md
+- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.html.erb
+- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
+- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.md
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_spline.html.erb
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_spline.jsx
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_spline.md
@@ -1635,8 +1610,9 @@ files:
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.jsx
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.md
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.html.erb
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.jsx
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.md
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids_react.jsx
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids_react.md
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.html.erb
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.jsx
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.md
@@ -2557,6 +2533,8 @@ files:
 - app/pb_kits/playbook/pb_toggle/docs/_toggle_default.html.erb
 - app/pb_kits/playbook/pb_toggle/docs/_toggle_default.jsx
 - app/pb_kits/playbook/pb_toggle/docs/_toggle_default_swift.md
+- app/pb_kits/playbook/pb_toggle/docs/_toggle_disabled.html.erb
+- app/pb_kits/playbook/pb_toggle/docs/_toggle_disabled.jsx
 - app/pb_kits/playbook/pb_toggle/docs/_toggle_name.html.erb
 - app/pb_kits/playbook/pb_toggle/docs/_toggle_name.jsx
 - app/pb_kits/playbook/pb_toggle/docs/_toggle_name_swift.md
@@ -2627,10 +2605,12 @@ files:
 - app/pb_kits/playbook/pb_typeahead/components/Option.tsx
 - app/pb_kits/playbook/pb_typeahead/components/Placeholder.tsx
 - app/pb_kits/playbook/pb_typeahead/components/ValueContainer.tsx
+- app/pb_kits/playbook/pb_typeahead/components/index.tsx
 - app/pb_kits/playbook/pb_typeahead/docs/_description.md
 - app/pb_kits/playbook/pb_typeahead/docs/_footer.md
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_async_createable.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_createable.jsx
+- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_menu_list.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.html.erb
@@ -2857,6 +2837,7 @@ files:
 - lib/playbook/pb_forms_helper.rb
 - lib/playbook/pb_kit_helper.rb
 - lib/playbook/position.rb
+- lib/playbook/position_props_css.rb
 - lib/playbook/props.rb
 - lib/playbook/props/array.rb
 - lib/playbook/props/base.rb
@@ -2885,7 +2866,7 @@ homepage: https://playbook.powerapp.cloud/
 licenses:
 - ISC
 metadata: {}
-post_install_message:
+post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
@@ -2901,7 +2882,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubygems_version: 3.5.3
-signing_key:
+signing_key: 
 specification_version: 4
 summary: Playbook Design System
 test_files: []

data/app/pb_kits/playbook/pb_advanced_table/docs/_mock_data.js

@@ -1,278 +0,0 @@
-export const MOCK_DATA = [
-  {
-    year: "2021",
-    quarter: null,
-    month: null,
-    day: null,
-    newEnrollments: "20",
-    scheduledMeetings: "10",
-    attendanceRate: "51%",
-    completedClasses: "3",
-    classCompletionRate: "33%",
-    graduatedStudents: "19",
-    children: [
-      {
-        year: "2021",
-        quarter: "Q1",
-        month: null,
-        day: null,
-        newEnrollments: "2",
-        scheduledMeetings: "35",
-        attendanceRate: "32%",
-        completedClasses: "15",
-        classCompletionRate: "52%",
-        graduatedStudents: "36",
-        children: [
-          {
-            year: "2021",
-            quarter: "Q1",
-            month: "January",
-            day: null,
-            newEnrollments: "16",
-            scheduledMeetings: "20",
-            attendanceRate: "11%",
-            completedClasses: "13",
-            classCompletionRate: "47%",
-            graduatedStudents: "28",
-            children: [
-              {
-                year: "2021",
-                quarter: "Q1",
-                month: "January",
-                day: "10",
-                newEnrollments: "34",
-                scheduledMeetings: "28",
-                attendanceRate: "97%",
-                completedClasses: "20",
-                classCompletionRate: "15%",
-                graduatedStudents: "17",
-              },
-              {
-                year: "2021",
-                quarter: "Q1",
-                month: "January",
-                day: "20",
-                newEnrollments: "43",
-                scheduledMeetings: "23",
-                attendanceRate: "66%",
-                completedClasses: "26",
-                classCompletionRate: "47%",
-                graduatedStudents: "9",
-              },
-            ],
-          },
-          {
-            year: "2021",
-            quarter: "Q1",
-            month: "February",
-            day: null,
-            newEnrollments: "20",
-            scheduledMeetings: "41",
-            attendanceRate: "95%",
-            completedClasses: "26",
-            classCompletionRate: "83%",
-            graduatedStudents: "43",
-            children: [
-              {
-                year: "2011",
-                quarter: "Q1",
-                month: "February",
-                day: "15",
-                newEnrollments: "19",
-                scheduledMeetings: "35",
-                attendanceRate: "69%",
-                completedClasses: "8",
-                classCompletionRate: "75%",
-                graduatedStudents: "23",
-              },
-            ],
-          },
-        ],
-      },
-    ],
-  },
-  {
-    year: "2022",
-    quarter: null,
-    month: null,
-    day: null,
-    newEnrollments: "25",
-    scheduledMeetings: "17",
-    attendanceRate: "75%",
-    completedClasses: "5",
-    classCompletionRate: "45%",
-    graduatedStudents: "32",
-    children: [
-      {
-        year: "2022",
-        quarter: "Q1",
-        month: null,
-        day: null,
-        newEnrollments: "2",
-        scheduledMeetings: "35",
-        attendanceRate: "32%",
-        completedClasses: "15",
-        classCompletionRate: "52%",
-        graduatedStudents: "36",
-        children: [
-          {
-            year: "2022",
-            quarter: "Q1",
-            month: "January",
-            day: null,
-            newEnrollments: "16",
-            scheduledMeetings: "20",
-            attendanceRate: "11%",
-            completedClasses: "13",
-            classCompletionRate: "47%",
-            graduatedStudents: "28",
-            children: [
-              {
-                year: "2022",
-                quarter: "Q1",
-                month: "January",
-                day: "15",
-                newEnrollments: "34",
-                scheduledMeetings: "28",
-                attendanceRate: "97%",
-                completedClasses: "20",
-                classCompletionRate: "15%",
-                graduatedStudents: "17",
-              },
-              {
-                year: "2022",
-                quarter: "Q1",
-                month: "January",
-                day: "25",
-                newEnrollments: "43",
-                scheduledMeetings: "23",
-                attendanceRate: "66%",
-                completedClasses: "26",
-                classCompletionRate: "47%",
-                graduatedStudents: "9",
-              },
-            ],
-          },
-          {
-            year: "2022",
-            quarter: "Q1",
-            month: "May",
-            day: null,
-            newEnrollments: "20",
-            scheduledMeetings: "41",
-            attendanceRate: "95%",
-            completedClasses: "26",
-            classCompletionRate: "83%",
-            graduatedStudents: "43",
-            children: [
-              {
-                year: "2011",
-                quarter: "Q1",
-                month: "May",
-                day: "2",
-                newEnrollments: "19",
-                scheduledMeetings: "35",
-                attendanceRate: "69%",
-                completedClasses: "8",
-                classCompletionRate: "75%",
-                graduatedStudents: "23",
-              },
-            ],
-          },
-        ],
-      },
-    ],
-  },
-  {
-    year: "2023",
-    quarter: null,
-    month: null,
-    day: null,
-    newEnrollments: "10",
-    scheduledMeetings: "15",
-    attendanceRate: "65%",
-    completedClasses: "4",
-    classCompletionRate: "49%",
-    graduatedStudents: "29",
-    children: [
-      {
-        year: "2023",
-        quarter: "Q1",
-        month: null,
-        day: null,
-        newEnrollments: "2",
-        scheduledMeetings: "35",
-        attendanceRate: "32%",
-        completedClasses: "15",
-        classCompletionRate: "52%",
-        graduatedStudents: "36",
-        children: [
-          {
-            year: "2023",
-            quarter: "Q1",
-            month: "March",
-            day: null,
-            newEnrollments: "16",
-            scheduledMeetings: "20",
-            attendanceRate: "11%",
-            completedClasses: "13",
-            classCompletionRate: "47%",
-            graduatedStudents: "28",
-            children: [
-              {
-                year: "2023",
-                quarter: "Q1",
-                month: "March",
-                day: "10",
-                newEnrollments: "34",
-                scheduledMeetings: "28",
-                attendanceRate: "97%",
-                completedClasses: "20",
-                classCompletionRate: "15%",
-                graduatedStudents: "17",
-              },
-              {
-                year: "2023",
-                quarter: "Q1",
-                month: "March",
-                day: "11",
-                newEnrollments: "43",
-                scheduledMeetings: "23",
-                attendanceRate: "66%",
-                completedClasses: "26",
-                classCompletionRate: "47%",
-                graduatedStudents: "9",
-              },
-            ],
-          },
-          {
-            year: "2023",
-            quarter: "Q1",
-            month: "April",
-            day: null,
-            newEnrollments: "20",
-            scheduledMeetings: "41",
-            attendanceRate: "95%",
-            completedClasses: "26",
-            classCompletionRate: "83%",
-            graduatedStudents: "43",
-            children: [
-              {
-                year: "2023",
-                quarter: "Q1",
-                month: "April",
-                day: "15",
-                newEnrollments: "19",
-                scheduledMeetings: "35",
-                attendanceRate: "69%",
-                completedClasses: "8",
-                classCompletionRate: "75%",
-                graduatedStudents: "23",
-              },
-            ],
-          },
-        ],
-      },
-    ],
-  },
-]