playbook_ui 13.21.0.pre.alpha.pbntr220improveexpansionspeed2451 → 13.22.0.pre.alpha.playbookgemspecrailsversion2608

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

@@ -67,10 +67,28 @@ module Playbook
     prop :id
     prop :data, type: Playbook::Props::HashProp, default: {}
     prop :aria, type: Playbook::Props::HashProp, default: {}
+    prop :html_options, type: Playbook::Props::HashProp, default: {}
     prop :children, type: Playbook::Props::Proc
 
     def object
       self
     end
+
+    def combined_html_options
+      default_html_options.merge(html_options.deep_merge(data_attributes))
+    end
+
+  private
+
+    def default_html_options
+      {}
+    end
+
+    def data_attributes
+      {
+        data: data,
+        aria: aria,
+      }.transform_keys { |key| key.to_s.tr("_", "-") }
+    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.21.0.pre.alpha.pbntr220improveexpansionspeed2451"
+  PREVIOUS_VERSION = "13.22.0"
+  VERSION = "13.22.0.pre.alpha.playbookgemspecrailsversion2608"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 13.21.0.pre.alpha.pbntr220improveexpansionspeed2451
+  version: 13.22.0.pre.alpha.playbookgemspecrailsversion2608
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-03-22 00:00:00.000000000 Z
+date: 2024-04-03 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
@@ -286,6 +258,8 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/Utilities/types.ts
 - app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss
 - app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx
+- app/pb_kits/playbook/pb_advanced_table/advanced_table.html.erb
+- app/pb_kits/playbook/pb_advanced_table/advanced_table.rb
 - app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx
 - 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
@@ -308,12 +282,19 @@ 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
 - app/pb_kits/playbook/pb_advanced_table/scss_partials/_loading.scss
 - app/pb_kits/playbook/pb_advanced_table/scss_partials/_pseudo_states.scss
+- app/pb_kits/playbook/pb_advanced_table/table_body.html.erb
+- app/pb_kits/playbook/pb_advanced_table/table_body.rb
+- app/pb_kits/playbook/pb_advanced_table/table_header.html.erb
+- 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_avatar/_avatar.scss
 - app/pb_kits/playbook/pb_avatar/_avatar.tsx
 - app/pb_kits/playbook/pb_avatar/avatar.html.erb
@@ -823,6 +804,8 @@ files:
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_label.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_label.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_label.md
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_margin_bottom.html.erb
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_margin_bottom.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_min_max.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_min_max.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.html.erb
@@ -1624,8 +1607,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
@@ -2546,6 +2530,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
@@ -2846,6 +2832,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,11 +2872,11 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">"
+  - - ">="
     - !ruby/object:Gem::Version
-      version: 1.3.1
+      version: '0'
 requirements: []
-rubygems_version: 3.3.7
+rubygems_version: 3.5.3
 signing_key: 
 specification_version: 4
 summary: Playbook Design System

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",
-              },
-            ],
-          },
-        ],
-      },
-    ],
-  },
-];