playbook_ui 16.8.0.pre.alpha.PLAY2945selectformblankselection16424 → 16.8.0.pre.alpha.PLAY2965datepickerconsoleerrors16591

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/Components/RegularTableView.tsx +2 -0
  3. data/app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx +2 -0
  4. data/app/pb_kits/playbook/pb_advanced_table/Components/VirtualizedTableView.tsx +5 -1
  5. data/app/pb_kits/playbook/pb_advanced_table/Hooks/useTableState.ts +24 -0
  6. data/app/pb_kits/playbook/pb_advanced_table/Utilities/ColumnLayoutHelper.ts +138 -0
  7. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx +144 -0
  8. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling.jsx +1 -0
  9. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling.md +6 -0
  10. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_width.jsx +57 -0
  11. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_width.md +66 -0
  12. data/app/pb_kits/playbook/pb_advanced_table/docs/_playground.json +5 -2
  13. data/app/pb_kits/playbook/pb_advanced_table/docs/_playground.overrides.json +1 -1
  14. data/app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_column_definitions_styling.json +4 -1
  15. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +1 -0
  16. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +1 -0
  17. data/app/pb_kits/playbook/pb_card/_card.tsx +1 -1
  18. data/app/pb_kits/playbook/pb_card/card.html.erb +1 -1
  19. data/app/pb_kits/playbook/pb_currency/_currency.tsx +9 -6
  20. data/app/pb_kits/playbook/pb_currency/currency.rb +5 -10
  21. data/app/pb_kits/playbook/pb_currency/currency.test.js +44 -1
  22. data/app/pb_kits/playbook/pb_date_picker/date_picker.html.erb +36 -21
  23. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_dialog_submission.jsx +2 -2
  24. data/app/pb_kits/playbook/pb_draggable/_draggable.scss +19 -0
  25. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards_rails.md +2 -0
  26. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards_react.md +1 -0
  27. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list_rails.md +2 -0
  28. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list_react.md +3 -1
  29. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.md +3 -1
  30. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_react.md +3 -1
  31. data/app/pb_kits/playbook/pb_draggable/draggable.test.jsx +16 -0
  32. data/app/pb_kits/playbook/pb_draggable/draggable_container.html.erb +3 -1
  33. data/app/pb_kits/playbook/pb_draggable/draggable_item.html.erb +1 -0
  34. data/app/pb_kits/playbook/pb_draggable/index.js +149 -7
  35. data/app/pb_kits/playbook/pb_draggable/subcomponents/DraggableContainer.tsx +1 -0
  36. data/app/pb_kits/playbook/pb_draggable/subcomponents/DraggableItem.tsx +67 -1
  37. data/app/pb_kits/playbook/pb_draggable/touchDrag.test.js +38 -0
  38. data/app/pb_kits/playbook/pb_draggable/utilities/touchDrag.ts +173 -0
  39. data/app/pb_kits/playbook/pb_form/docs/example.yml +0 -1
  40. data/app/pb_kits/playbook/pb_icon/docs/example.yml +0 -2
  41. data/app/pb_kits/playbook/pb_icon/docs/index.js +0 -1
  42. data/app/pb_kits/playbook/pb_list/_list_item.tsx +4 -1
  43. data/app/pb_kits/playbook/pb_list/item.html.erb +1 -1
  44. data/dist/chunks/{_typeahead-D2TWdJTn.js → _typeahead-DA__Kgp5.js} +1 -1
  45. data/dist/chunks/vendor.js +2 -2
  46. data/dist/menu.yml +67 -127
  47. data/dist/playbook-rails-react-bindings.js +1 -1
  48. data/dist/playbook-rails.js +1 -1
  49. data/dist/playbook.css +1 -1
  50. data/lib/playbook/forms/builder/collection_select_field.rb +1 -1
  51. data/lib/playbook/forms/builder/select_field.rb +1 -1
  52. data/lib/playbook/forms/builder/time_zone_select_field.rb +1 -1
  53. data/lib/playbook/version.rb +1 -1
  54. metadata +9 -8
  55. data/app/pb_kits/playbook/pb_form/docs/_form_form_with_select_examples.html.erb +0 -31
  56. data/app/pb_kits/playbook/pb_icon/docs/_icon_fa_kit.html.erb +0 -1
  57. data/app/pb_kits/playbook/pb_icon/docs/_icon_fa_kit.jsx +0 -21
  58. data/app/pb_kits/playbook/pb_icon/docs/_icon_fa_kit.md +0 -7
@@ -16,7 +16,7 @@ module Playbook
16
16
  end
17
17
 
18
18
  options[:skip_default_ids] = false unless options.key?(:skip_default_ids)
19
- options[:prompt] = props[:blank_selection] if props.key?(:blank_selection)
19
+ options[:prompt] = props[:blank_selection] || ""
20
20
  html_options[:required] = "required" if props[:required]
21
21
  html_options[:id] = props[:input_options][:id]
22
22
  html_options[:class] = props[:input_options][:class] if props[:input_options][:class]
@@ -16,7 +16,7 @@ module Playbook
16
16
  end
17
17
 
18
18
  options[:skip_default_ids] = false unless options.key?(:skip_default_ids)
19
- options[:prompt] = props[:blank_selection] if props.key?(:blank_selection)
19
+ options[:prompt] = props[:blank_selection] || ""
20
20
  html_options[:required] = "required" if props[:required]
21
21
  html_options[:id] = props[:input_options][:id]
22
22
  html_options[:class] = props[:input_options][:class] if props[:input_options][:class]
@@ -16,7 +16,7 @@ module Playbook
16
16
  end
17
17
 
18
18
  options[:skip_default_ids] = false unless options.key?(:skip_default_ids)
19
- options[:prompt] = props[:blank_selection] if props.key?(:blank_selection)
19
+ options[:prompt] = props[:blank_selection] || ""
20
20
  html_options[:required] = "required" if props[:required]
21
21
  html_options[:id] = props[:input_options][:id]
22
22
  html_options[:class] = props[:input_options][:class] if props[:input_options][:class]
@@ -2,5 +2,5 @@
2
2
 
3
3
  module Playbook
4
4
  PREVIOUS_VERSION = "16.8.0"
5
- VERSION = "16.8.0.pre.alpha.PLAY2945selectformblankselection16424"
5
+ VERSION = "16.8.0.pre.alpha.PLAY2965datepickerconsoleerrors16591"
6
6
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 16.8.0.pre.alpha.PLAY2945selectformblankselection16424
4
+ version: 16.8.0.pre.alpha.PLAY2965datepickerconsoleerrors16591
5
5
  platform: ruby
6
6
  authors:
7
7
  - Power UX
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2026-05-18 00:00:00.000000000 Z
12
+ date: 2026-05-26 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -260,6 +260,7 @@ files:
260
260
  - app/pb_kits/playbook/pb_advanced_table/Utilities/ActionBarAnimationHelper.ts
261
261
  - app/pb_kits/playbook/pb_advanced_table/Utilities/BrowserCheck.tsx
262
262
  - app/pb_kits/playbook/pb_advanced_table/Utilities/CellRendererUtils.tsx
263
+ - app/pb_kits/playbook/pb_advanced_table/Utilities/ColumnLayoutHelper.ts
263
264
  - app/pb_kits/playbook/pb_advanced_table/Utilities/ColumnStylingHelper.ts
264
265
  - app/pb_kits/playbook/pb_advanced_table/Utilities/ExpansionControlHelpers.tsx
265
266
  - app/pb_kits/playbook/pb_advanced_table/Utilities/IconHelpers.tsx
@@ -317,6 +318,8 @@ files:
317
318
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_column_headers_rails.md
318
319
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_rails.html.erb
319
320
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_rails.md
321
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_width.jsx
322
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_width.md
320
323
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility.jsx
321
324
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility.md
322
325
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_custom.jsx
@@ -1423,6 +1426,8 @@ files:
1423
1426
  - app/pb_kits/playbook/pb_draggable/kit.schema.json
1424
1427
  - app/pb_kits/playbook/pb_draggable/subcomponents/DraggableContainer.tsx
1425
1428
  - app/pb_kits/playbook/pb_draggable/subcomponents/DraggableItem.tsx
1429
+ - app/pb_kits/playbook/pb_draggable/touchDrag.test.js
1430
+ - app/pb_kits/playbook/pb_draggable/utilities/touchDrag.ts
1426
1431
  - app/pb_kits/playbook/pb_dropdown/_dropdown.scss
1427
1432
  - app/pb_kits/playbook/pb_dropdown/_dropdown.tsx
1428
1433
  - app/pb_kits/playbook/pb_dropdown/_dropdown_mixin.scss
@@ -1763,7 +1768,6 @@ files:
1763
1768
  - app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb
1764
1769
  - app/pb_kits/playbook/pb_form/docs/_form_form_with_loading.html.erb
1765
1770
  - app/pb_kits/playbook/pb_form/docs/_form_form_with_loading.md
1766
- - app/pb_kits/playbook/pb_form/docs/_form_form_with_select_examples.html.erb
1767
1771
  - app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb
1768
1772
  - app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.md
1769
1773
  - app/pb_kits/playbook/pb_form/docs/_form_form_with_validation_msg.html.erb
@@ -1917,9 +1921,6 @@ files:
1917
1921
  - app/pb_kits/playbook/pb_icon/docs/_icon_default.html.erb
1918
1922
  - app/pb_kits/playbook/pb_icon/docs/_icon_default.jsx
1919
1923
  - app/pb_kits/playbook/pb_icon/docs/_icon_default_swift.md
1920
- - app/pb_kits/playbook/pb_icon/docs/_icon_fa_kit.html.erb
1921
- - app/pb_kits/playbook/pb_icon/docs/_icon_fa_kit.jsx
1922
- - app/pb_kits/playbook/pb_icon/docs/_icon_fa_kit.md
1923
1924
  - app/pb_kits/playbook/pb_icon/docs/_icon_flip.html.erb
1924
1925
  - app/pb_kits/playbook/pb_icon/docs/_icon_flip.jsx
1925
1926
  - app/pb_kits/playbook/pb_icon/docs/_icon_flip_swift.md
@@ -4247,7 +4248,7 @@ files:
4247
4248
  - app/pb_kits/playbook/utilities/text.ts
4248
4249
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
4249
4250
  - dist/chunks/_pb_line_graph-BgsTI0CL.js
4250
- - dist/chunks/_typeahead-D2TWdJTn.js
4251
+ - dist/chunks/_typeahead-DA__Kgp5.js
4251
4252
  - dist/chunks/componentRegistry-DRSp5D_e.js
4252
4253
  - dist/chunks/globalProps-DOB47YGB.js
4253
4254
  - dist/chunks/lazysizes-B7xYodB-.js
@@ -4355,7 +4356,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
4355
4356
  - !ruby/object:Gem::Version
4356
4357
  version: '0'
4357
4358
  requirements: []
4358
- rubygems_version: 3.5.3
4359
+ rubygems_version: 3.5.22
4359
4360
  signing_key:
4360
4361
  specification_version: 4
4361
4362
  summary: Playbook Design System
@@ -1,31 +0,0 @@
1
- <%
2
- example_collection = [
3
- OpenStruct.new(name: "Alabama", value: 1),
4
- OpenStruct.new(name: "Alaska", value: 2),
5
- OpenStruct.new(name: "Arizona", value: 3),
6
- OpenStruct.new(name: "Arkansas", value: 4),
7
- OpenStruct.new(name: "California", value: 5),
8
- OpenStruct.new(name: "Colorado", value: 6),
9
- OpenStruct.new(name: "Connecticut", value: 7),
10
- OpenStruct.new(name: "Delaware", value: 8),
11
- OpenStruct.new(name: "Florida", value: 9),
12
- OpenStruct.new(name: "Georgia", value: 10),
13
- ]
14
- %>
15
-
16
- <%= pb_form_with(scope: :example, url: "", method: :get) do |form| %>
17
- <%= form.select :example_select, [ ["Yes", 1], ["No", 2], ["Maybe", 3] ], props: { label: "Select Default" } %>
18
- <%= form.select :example_select_2, [ ["Yes", 1], ["No", 2], ["Maybe", 3] ], props: { label: "Select with Blank Selection", blank_selection: "Blank selection..." } %>
19
- <%= form.select :example_select_3, [ ["Yes", 1], ["No", 2], ["Maybe", 3] ], { include_blank: "Include blank..." }, {}, props: { label: "Select with Include Blank" } %>
20
- <%= form.collection_select :example_collection_select, example_collection, :value, :name, props: { label: "Collection Select Default" } %>
21
- <%= form.collection_select :example_collection_select_2, example_collection, :value, :name, props: { label: "Collection Select with Blank Selection", blank_selection: "Blank selection..." } %>
22
- <%= form.collection_select :example_collection_select_3, example_collection, :value, :name, { include_blank: "Include blank..." }, {}, props: { label: "Collection Select with Include Blank" } %>
23
- <%= form.time_zone_select_field :example_time_zone_select, ActiveSupport::TimeZone.us_zones, props: { label: "Time Zone Select Default" } %>
24
- <%= form.time_zone_select_field :example_time_zone_select_2, ActiveSupport::TimeZone.us_zones, { default: "Eastern Time (US & Canada)" }, props: { label: "Time Zone Select with a Default Selection" } %>
25
- <%= form.time_zone_select_field :example_time_zone_select_3, ActiveSupport::TimeZone.us_zones, props: { label: "Time Zone Select with Blank Selection", blank_selection: "Blank selection..." } %>
26
- <%= form.time_zone_select_field :example_time_zone_select_4, ActiveSupport::TimeZone.us_zones, { include_blank: "Include blank..." }, {}, props: { label: "Time Zone Select with Include Blank" } %>
27
- <%= form.actions do |action| %>
28
- <%= action.submit %>
29
- <%= action.button props: { type: "reset", text: "Cancel", variant: "secondary" } %>
30
- <% end %>
31
- <% end %>
@@ -1 +0,0 @@
1
- <%= pb_rails("icon", props: { icon: "powergon", font_style: "fak", fixed_width: true, size: "5x" }) %>
@@ -1,21 +0,0 @@
1
- import React from 'react'
2
-
3
- import Icon from '../_icon'
4
-
5
- import '../../../../../../playbook-website/app/javascript/scripts/custom-icons'
6
-
7
- const IconFaKit = (props) => {
8
- return (
9
- <div>
10
- <Icon
11
- {...props}
12
- fixedWidth
13
- fontStyle="fak"
14
- icon="powergon"
15
- size="5x"
16
- />
17
- </div>
18
- )
19
- }
20
-
21
- export default IconFaKit
@@ -1,7 +0,0 @@
1
- Our Icon kit allows integration with [FontAwesome's custom kit](https://fontawesome.com/v6/docs/web/setup/use-kit#contentHeader) functionality out-of-the-box.
2
-
3
- All you need to do is 3 things:
4
- 1) Import your custom-icon.js file as outlined in the FontAwesome docs.
5
- 2) Use our fontStyle prop called "fak" so that our Icon component knows you are using a "fa-kit" icon.
6
- 3) Pass in your FaKit name as a string to our icon prop (This is the name that you designated when you uploaded the icon on their site).
7
-