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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_advanced_table/Components/RegularTableView.tsx +2 -0
- data/app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx +2 -0
- data/app/pb_kits/playbook/pb_advanced_table/Components/VirtualizedTableView.tsx +5 -1
- data/app/pb_kits/playbook/pb_advanced_table/Hooks/useTableState.ts +24 -0
- data/app/pb_kits/playbook/pb_advanced_table/Utilities/ColumnLayoutHelper.ts +138 -0
- data/app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx +144 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling.jsx +1 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling.md +6 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_width.jsx +57 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_width.md +66 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_playground.json +5 -2
- data/app/pb_kits/playbook/pb_advanced_table/docs/_playground.overrides.json +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_column_definitions_styling.json +4 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +1 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_card/_card.tsx +1 -1
- data/app/pb_kits/playbook/pb_card/card.html.erb +1 -1
- data/app/pb_kits/playbook/pb_currency/_currency.tsx +9 -6
- data/app/pb_kits/playbook/pb_currency/currency.rb +5 -10
- data/app/pb_kits/playbook/pb_currency/currency.test.js +44 -1
- data/app/pb_kits/playbook/pb_date_picker/date_picker.html.erb +36 -21
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_dialog_submission.jsx +2 -2
- data/app/pb_kits/playbook/pb_draggable/_draggable.scss +19 -0
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards_rails.md +2 -0
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards_react.md +1 -0
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list_rails.md +2 -0
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list_react.md +3 -1
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.md +3 -1
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_react.md +3 -1
- data/app/pb_kits/playbook/pb_draggable/draggable.test.jsx +16 -0
- data/app/pb_kits/playbook/pb_draggable/draggable_container.html.erb +3 -1
- data/app/pb_kits/playbook/pb_draggable/draggable_item.html.erb +1 -0
- data/app/pb_kits/playbook/pb_draggable/index.js +149 -7
- data/app/pb_kits/playbook/pb_draggable/subcomponents/DraggableContainer.tsx +1 -0
- data/app/pb_kits/playbook/pb_draggable/subcomponents/DraggableItem.tsx +67 -1
- data/app/pb_kits/playbook/pb_draggable/touchDrag.test.js +38 -0
- data/app/pb_kits/playbook/pb_draggable/utilities/touchDrag.ts +173 -0
- data/app/pb_kits/playbook/pb_form/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_icon/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_icon/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_list/_list_item.tsx +4 -1
- data/app/pb_kits/playbook/pb_list/item.html.erb +1 -1
- data/dist/chunks/{_typeahead-D2TWdJTn.js → _typeahead-DA__Kgp5.js} +1 -1
- data/dist/chunks/vendor.js +2 -2
- data/dist/menu.yml +67 -127
- data/dist/playbook-rails-react-bindings.js +1 -1
- data/dist/playbook-rails.js +1 -1
- data/dist/playbook.css +1 -1
- data/lib/playbook/forms/builder/collection_select_field.rb +1 -1
- data/lib/playbook/forms/builder/select_field.rb +1 -1
- data/lib/playbook/forms/builder/time_zone_select_field.rb +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +9 -8
- data/app/pb_kits/playbook/pb_form/docs/_form_form_with_select_examples.html.erb +0 -31
- data/app/pb_kits/playbook/pb_icon/docs/_icon_fa_kit.html.erb +0 -1
- data/app/pb_kits/playbook/pb_icon/docs/_icon_fa_kit.jsx +0 -21
- 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]
|
|
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]
|
|
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]
|
|
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]
|
data/lib/playbook/version.rb
CHANGED
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.
|
|
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-
|
|
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-
|
|
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.
|
|
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
|
-
|