playbook_ui 15.4.0.pre.alpha.PLAY1541responsivefloorPOC12370 → 15.4.0.pre.alpha.PLAY2429datepickeropenonscreenstatic12263
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_date_picker/date_picker.html.erb +11 -25
- data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.tsx +13 -20
- data/app/pb_kits/playbook/pb_date_range_inline/date_range_inline.rb +4 -6
- data/app/pb_kits/playbook/pb_date_range_inline/date_range_inline.test.js +0 -17
- data/app/pb_kits/playbook/pb_date_range_inline/docs/_description.md +1 -1
- data/app/pb_kits/playbook/pb_date_range_inline/docs/example.yml +2 -3
- data/app/pb_kits/playbook/pb_date_range_inline/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_date_stacked/_date_stacked.tsx +4 -6
- data/app/pb_kits/playbook/pb_date_stacked/date_stacked.html.erb +3 -2
- data/app/pb_kits/playbook/pb_date_stacked/date_stacked.rb +5 -11
- data/app/pb_kits/playbook/pb_date_stacked/date_stacked.test.js +9 -26
- data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.html.erb +1 -1
- data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year.html.erb +5 -0
- data/app/pb_kits/playbook/pb_date_stacked/docs/{_date_stacked_current_year.jsx → _date_stacked_not_current_year.jsx} +5 -6
- data/app/pb_kits/playbook/pb_date_stacked/docs/_description.md +1 -1
- data/app/pb_kits/playbook/pb_date_stacked/docs/example.yml +2 -2
- data/app/pb_kits/playbook/pb_date_stacked/docs/index.js +1 -1
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.html.erb +2 -2
- data/app/pb_kits/playbook/pb_dropdown/index.js +1 -1
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.tsx +9 -31
- data/app/pb_kits/playbook/pb_flex/_flex_item.tsx +5 -12
- data/app/pb_kits/playbook/pb_flex/docs/_flex_item_example.jsx +0 -1
- data/app/pb_kits/playbook/pb_nav/_item.tsx +4 -18
- data/app/pb_kits/playbook/pb_nav/_nav.scss +5 -30
- data/app/pb_kits/playbook/pb_nav/_nav_item.test.js +0 -192
- data/app/pb_kits/playbook/pb_nav/_vertical_nav.scss +1 -1
- data/app/pb_kits/playbook/pb_nav/docs/example.yml +0 -4
- data/app/pb_kits/playbook/pb_nav/docs/index.js +1 -3
- data/app/pb_kits/playbook/pb_nav/item.html.erb +4 -6
- data/app/pb_kits/playbook/pb_nav/item.rb +2 -11
- data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_description.md +1 -3
- data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.html.erb +1 -1
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_description.md +1 -3
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.md +1 -2
- data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_description.md +1 -3
- data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_color.md +2 -2
- data/app/pb_kits/playbook/pb_pb_line_graph/docs/_description.md +1 -3
- data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_legend_position.html.erb +1 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/Toolbar.tsx +1 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.tsx +8 -61
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.html.erb +2 -10
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.html.erb +11 -19
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_simple.html.erb +1 -5
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky.html.erb +1 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/example.yml +2 -2
- data/app/pb_kits/playbook/pb_rich_text_editor/rich_text_editor.rb +7 -16
- data/app/pb_kits/playbook/tokens/_screen_sizes.scss +0 -24
- data/app/pb_kits/playbook/utilities/_mixins.scss +4 -19
- data/dist/chunks/{_line_graph-8BUASxIP.js → _line_graph-W9CX7Xbp.js} +1 -1
- data/dist/chunks/_typeahead-L4SF9E6a.js +6 -0
- data/dist/chunks/{_weekday_stacked-EQMaMJvC.js → _weekday_stacked-DOs7l1vE.js} +3 -3
- data/dist/chunks/{lib-CzQFzKzw.js → lib-COXg9aPA.js} +1 -1
- data/dist/chunks/{pb_form_validation-Bf9TK15t.js → pb_form_validation-DR765aoq.js} +1 -1
- data/dist/chunks/vendor.js +1 -1
- data/dist/playbook-doc.js +19 -1
- 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/version.rb +1 -1
- metadata +9 -27
- data/app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.html.erb +0 -4
- data/app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.jsx +0 -43
- data/app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.md +0 -1
- data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_current_year.html.erb +0 -12
- data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_current_year.md +0 -1
- data/app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.html.erb +0 -21
- data/app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.jsx +0 -113
- data/app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.md +0 -1
- data/app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.html.erb +0 -30
- data/app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.jsx +0 -117
- data/app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.md +0 -1
- data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.md +0 -1
- data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.md +0 -11
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.md +0 -1
- data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_default.md +0 -1
- data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.md +0 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default_rails.md +0 -7
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline_rails.md +0 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky_rails.md +0 -1
- data/dist/chunks/_typeahead-DESMSfUO.js +0 -24
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: 15.4.0.pre.alpha.
|
|
4
|
+
version: 15.4.0.pre.alpha.PLAY2429datepickeropenonscreenstatic12263
|
|
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: 2025-11-
|
|
12
|
+
date: 2025-11-11 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: actionpack
|
|
@@ -1114,9 +1114,6 @@ files:
|
|
|
1114
1114
|
- app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default.jsx
|
|
1115
1115
|
- app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default_swift.md
|
|
1116
1116
|
- app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_props_swift.md
|
|
1117
|
-
- app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.html.erb
|
|
1118
|
-
- app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.jsx
|
|
1119
|
-
- app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.md
|
|
1120
1117
|
- app/pb_kits/playbook/pb_date_range_inline/docs/_description.md
|
|
1121
1118
|
- app/pb_kits/playbook/pb_date_range_inline/docs/example.yml
|
|
1122
1119
|
- app/pb_kits/playbook/pb_date_range_inline/docs/index.js
|
|
@@ -1141,12 +1138,11 @@ files:
|
|
|
1141
1138
|
- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold.html.erb
|
|
1142
1139
|
- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold.jsx
|
|
1143
1140
|
- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold_swift.md
|
|
1144
|
-
- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_current_year.html.erb
|
|
1145
|
-
- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_current_year.jsx
|
|
1146
|
-
- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_current_year.md
|
|
1147
1141
|
- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.html.erb
|
|
1148
1142
|
- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.jsx
|
|
1149
1143
|
- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default_swift.md
|
|
1144
|
+
- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year.html.erb
|
|
1145
|
+
- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year.jsx
|
|
1150
1146
|
- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year_swift.md
|
|
1151
1147
|
- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_props_swift.md
|
|
1152
1148
|
- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_reverse.html.erb
|
|
@@ -2294,9 +2290,6 @@ files:
|
|
|
2294
2290
|
- app/pb_kits/playbook/pb_nav/docs/_description.md
|
|
2295
2291
|
- app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.html.erb
|
|
2296
2292
|
- app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.jsx
|
|
2297
|
-
- app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.html.erb
|
|
2298
|
-
- app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.jsx
|
|
2299
|
-
- app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.md
|
|
2300
2293
|
- app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.html.erb
|
|
2301
2294
|
- app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.jsx
|
|
2302
2295
|
- app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.md
|
|
@@ -2329,9 +2322,6 @@ files:
|
|
|
2329
2322
|
- app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
|
|
2330
2323
|
- app/pb_kits/playbook/pb_nav/docs/_tab_nav.html.erb
|
|
2331
2324
|
- app/pb_kits/playbook/pb_nav/docs/_tab_nav.md
|
|
2332
|
-
- app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.html.erb
|
|
2333
|
-
- app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.jsx
|
|
2334
|
-
- app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.md
|
|
2335
2325
|
- app/pb_kits/playbook/pb_nav/docs/_with_icons_nav.html.erb
|
|
2336
2326
|
- app/pb_kits/playbook/pb_nav/docs/_with_icons_nav.jsx
|
|
2337
2327
|
- app/pb_kits/playbook/pb_nav/docs/_with_img_nav.html.erb
|
|
@@ -2450,7 +2440,6 @@ files:
|
|
|
2450
2440
|
- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_colors_react.md
|
|
2451
2441
|
- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.html.erb
|
|
2452
2442
|
- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.jsx
|
|
2453
|
-
- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.md
|
|
2454
2443
|
- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.html.erb
|
|
2455
2444
|
- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.jsx
|
|
2456
2445
|
- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.md
|
|
@@ -2461,7 +2450,6 @@ files:
|
|
|
2461
2450
|
- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_non_clickable.jsx
|
|
2462
2451
|
- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.html.erb
|
|
2463
2452
|
- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.jsx
|
|
2464
|
-
- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.md
|
|
2465
2453
|
- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_negative_numbers.html.erb
|
|
2466
2454
|
- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_negative_numbers.jsx
|
|
2467
2455
|
- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_secondary_y_axis.html.erb
|
|
@@ -2497,7 +2485,6 @@ files:
|
|
|
2497
2485
|
- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_legend.jsx
|
|
2498
2486
|
- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.html.erb
|
|
2499
2487
|
- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.jsx
|
|
2500
|
-
- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.md
|
|
2501
2488
|
- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.html.erb
|
|
2502
2489
|
- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.jsx
|
|
2503
2490
|
- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_live_data.jsx
|
|
@@ -2522,7 +2509,6 @@ files:
|
|
|
2522
2509
|
- app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_complex.md
|
|
2523
2510
|
- app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_default.html.erb
|
|
2524
2511
|
- app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_default.jsx
|
|
2525
|
-
- app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_default.md
|
|
2526
2512
|
- app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_disable_animation.html.erb
|
|
2527
2513
|
- app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_disable_animation.jsx
|
|
2528
2514
|
- app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_full_circle.html.erb
|
|
@@ -2555,7 +2541,6 @@ files:
|
|
|
2555
2541
|
- app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_colors.md
|
|
2556
2542
|
- app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.html.erb
|
|
2557
2543
|
- app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.jsx
|
|
2558
|
-
- app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.md
|
|
2559
2544
|
- app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_height.html.erb
|
|
2560
2545
|
- app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_height.jsx
|
|
2561
2546
|
- app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_height.md
|
|
@@ -2817,12 +2802,10 @@ files:
|
|
|
2817
2802
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_attributes.jsx
|
|
2818
2803
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.html.erb
|
|
2819
2804
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.jsx
|
|
2820
|
-
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default_rails.md
|
|
2821
2805
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.html.erb
|
|
2822
2806
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.jsx
|
|
2823
2807
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline.html.erb
|
|
2824
2808
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline.jsx
|
|
2825
|
-
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline_rails.md
|
|
2826
2809
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_more_extensions.jsx
|
|
2827
2810
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_more_extensions.md
|
|
2828
2811
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.html.erb
|
|
@@ -2831,7 +2814,6 @@ files:
|
|
|
2831
2814
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_simple.jsx
|
|
2832
2815
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky.html.erb
|
|
2833
2816
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky.jsx
|
|
2834
|
-
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky_rails.md
|
|
2835
2817
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_templates.html.erb
|
|
2836
2818
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_templates.jsx
|
|
2837
2819
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_bottom.html.erb
|
|
@@ -3832,13 +3814,13 @@ files:
|
|
|
3832
3814
|
- app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
|
|
3833
3815
|
- app/pb_kits/playbook/utilities/text.ts
|
|
3834
3816
|
- app/pb_kits/playbook/utilities/validEmojiChecker.ts
|
|
3835
|
-
- dist/chunks/_line_graph-
|
|
3836
|
-
- dist/chunks/_typeahead-
|
|
3837
|
-
- dist/chunks/_weekday_stacked-
|
|
3817
|
+
- dist/chunks/_line_graph-W9CX7Xbp.js
|
|
3818
|
+
- dist/chunks/_typeahead-L4SF9E6a.js
|
|
3819
|
+
- dist/chunks/_weekday_stacked-DOs7l1vE.js
|
|
3838
3820
|
- dist/chunks/componentRegistry-DzmmLR2x.js
|
|
3839
3821
|
- dist/chunks/lazysizes-B7xYodB-.js
|
|
3840
|
-
- dist/chunks/lib-
|
|
3841
|
-
- dist/chunks/pb_form_validation-
|
|
3822
|
+
- dist/chunks/lib-COXg9aPA.js
|
|
3823
|
+
- dist/chunks/pb_form_validation-DR765aoq.js
|
|
3842
3824
|
- dist/chunks/vendor.js
|
|
3843
3825
|
- dist/menu.yml
|
|
3844
3826
|
- dist/playbook-doc.js
|
data/app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.html.erb
DELETED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
<%= pb_rails("date_range_inline", props: { start_date: Date.new(Date.current.year, 10, 31), end_date: Date.new(Date.current.year, 12, 7), size: "xs", show_current_year: true }) %>
|
|
2
|
-
<%= pb_rails("date_range_inline", props: { start_date: Date.new(Date.current.year, 10, 31), end_date: Date.new(Date.current.year, 12, 7), show_current_year: true }) %>
|
|
3
|
-
<%= pb_rails("date_range_inline", props: { start_date: Date.new(Date.current.year, 10, 31), end_date: Date.new(Date.current.year, 12, 7), align: "center", icon: true, size: "xs", show_current_year: true }) %>
|
|
4
|
-
<%= pb_rails("date_range_inline", props: { start_date: Date.new(Date.current.year, 10, 31), end_date: Date.new(Date.current.year, 12, 7), align: "center", icon: true, show_current_year: true }) %>
|
data/app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.jsx
DELETED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
import DateRangeInline from '../_date_range_inline'
|
|
3
|
-
|
|
4
|
-
const DateRangeInlineShowCurrentYear = (props) => {
|
|
5
|
-
return (
|
|
6
|
-
<div>
|
|
7
|
-
<DateRangeInline
|
|
8
|
-
endDate={new Date(`7 Dec ${new Date().getFullYear()}`)}
|
|
9
|
-
showCurrentYear
|
|
10
|
-
size="xs"
|
|
11
|
-
startDate={new Date(`31 Oct ${new Date().getFullYear()}`)}
|
|
12
|
-
{...props}
|
|
13
|
-
/>
|
|
14
|
-
<DateRangeInline
|
|
15
|
-
endDate={new Date(`7 Dec ${new Date().getFullYear()}`)}
|
|
16
|
-
showCurrentYear
|
|
17
|
-
size="sm"
|
|
18
|
-
startDate={new Date(`31 Oct ${new Date().getFullYear()}`)}
|
|
19
|
-
{...props}
|
|
20
|
-
/>
|
|
21
|
-
<DateRangeInline
|
|
22
|
-
align="center"
|
|
23
|
-
endDate={new Date(`7 Dec ${new Date().getFullYear()}`)}
|
|
24
|
-
icon
|
|
25
|
-
showCurrentYear
|
|
26
|
-
size="xs"
|
|
27
|
-
startDate={new Date(`31 Oct ${new Date().getFullYear()}`)}
|
|
28
|
-
{...props}
|
|
29
|
-
/>
|
|
30
|
-
<DateRangeInline
|
|
31
|
-
align="center"
|
|
32
|
-
endDate={new Date(`7 Dec ${new Date().getFullYear()}`)}
|
|
33
|
-
icon
|
|
34
|
-
showCurrentYear
|
|
35
|
-
size="sm"
|
|
36
|
-
startDate={new Date(`31 Oct ${new Date().getFullYear()}`)}
|
|
37
|
-
{...props}
|
|
38
|
-
/>
|
|
39
|
-
</div>
|
|
40
|
-
)
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
export default DateRangeInlineShowCurrentYear
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
By default, the Date Range Inline kit does NOT display the year if it is the current year. If you want to display the current year you can do so by setting `showCurrentYear`/`show_current_year` to true as shown here.
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
By default, the Date Stacked kit does NOT display the year if it is the current year. If you want to display the current year you can do so by setting `showCurrentYear`/`show_current_year` to true as shown here.
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
<%= pb_rails("caption", props: { margin_bottom: "sm", text: "Default Variant" }) %>
|
|
2
|
-
<%= pb_rails("nav", props: { orientation: "horizontal" }) do %>
|
|
3
|
-
<%= pb_rails("nav/item", props: { text: "About", link: "#" }) %>
|
|
4
|
-
<%= pb_rails("nav/item", props: { text: "Case Studies", link: "#", active: true }) %>
|
|
5
|
-
<%= pb_rails("nav/item", props: { text: "Service ", link: "#", disabled: true }) %>
|
|
6
|
-
<%= pb_rails("nav/item", props: { text: "Contacts", link: "#" }) %>
|
|
7
|
-
<% end %>
|
|
8
|
-
<%= pb_rails("caption", props: { margin_bottom: "sm", margin_top:"lg", text: "Subtle Variant" }) %>
|
|
9
|
-
<%= pb_rails("nav", props: { orientation: "horizontal", variant: "subtle" }) do %>
|
|
10
|
-
<%= pb_rails("nav/item", props: { text: "About", link: "#" }) %>
|
|
11
|
-
<%= pb_rails("nav/item", props: { text: "Case Studies", link: "#", active: true }) %>
|
|
12
|
-
<%= pb_rails("nav/item", props: { text: "Service ", link: "#", disabled: true }) %>
|
|
13
|
-
<%= pb_rails("nav/item", props: { text: "Contacts", link: "#" }) %>
|
|
14
|
-
<% end %>
|
|
15
|
-
<%= pb_rails("caption", props: { margin_bottom: "sm", margin_top:"lg", text: "Bold Variant" }) %>
|
|
16
|
-
<%= pb_rails("nav", props: { orientation: "horizontal", variant: "bold" }) do %>
|
|
17
|
-
<%= pb_rails("nav/item", props: { text: "About", link: "#" }) %>
|
|
18
|
-
<%= pb_rails("nav/item", props: { text: "Case Studies", link: "#", active: true }) %>
|
|
19
|
-
<%= pb_rails("nav/item", props: { text: "Service ", link: "#", disabled: true }) %>
|
|
20
|
-
<%= pb_rails("nav/item", props: { text: "Contacts", link: "#" }) %>
|
|
21
|
-
<% end %>
|
|
@@ -1,113 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import Nav from '../_nav'
|
|
4
|
-
import NavItem from '../_item'
|
|
5
|
-
import Caption from '../../pb_caption/_caption'
|
|
6
|
-
|
|
7
|
-
const HorizontalNavDisabled = (props) => {
|
|
8
|
-
return (
|
|
9
|
-
<>
|
|
10
|
-
<Caption marginBottom="sm">Default Variant</Caption>
|
|
11
|
-
<Nav
|
|
12
|
-
link="#"
|
|
13
|
-
orientation="horizontal"
|
|
14
|
-
{...props}
|
|
15
|
-
>
|
|
16
|
-
<NavItem
|
|
17
|
-
link="#"
|
|
18
|
-
text="About"
|
|
19
|
-
{...props}
|
|
20
|
-
/>
|
|
21
|
-
<NavItem
|
|
22
|
-
active
|
|
23
|
-
link="#"
|
|
24
|
-
text="Case Studies"
|
|
25
|
-
{...props}
|
|
26
|
-
/>
|
|
27
|
-
<NavItem
|
|
28
|
-
disabled
|
|
29
|
-
link="#"
|
|
30
|
-
text="Service"
|
|
31
|
-
{...props}
|
|
32
|
-
/>
|
|
33
|
-
<NavItem
|
|
34
|
-
link="#"
|
|
35
|
-
text="Contacts"
|
|
36
|
-
{...props}
|
|
37
|
-
/>
|
|
38
|
-
</Nav>
|
|
39
|
-
<Caption
|
|
40
|
-
marginBottom="sm"
|
|
41
|
-
marginTop="lg"
|
|
42
|
-
>
|
|
43
|
-
Subtle Variant
|
|
44
|
-
</Caption>
|
|
45
|
-
<Nav
|
|
46
|
-
link="#"
|
|
47
|
-
orientation="horizontal"
|
|
48
|
-
variant="subtle"
|
|
49
|
-
{...props}
|
|
50
|
-
>
|
|
51
|
-
<NavItem
|
|
52
|
-
link="#"
|
|
53
|
-
text="About"
|
|
54
|
-
{...props}
|
|
55
|
-
/>
|
|
56
|
-
<NavItem
|
|
57
|
-
active
|
|
58
|
-
link="#"
|
|
59
|
-
text="Case Studies"
|
|
60
|
-
{...props}
|
|
61
|
-
/>
|
|
62
|
-
<NavItem
|
|
63
|
-
disabled
|
|
64
|
-
link="#"
|
|
65
|
-
text="Service"
|
|
66
|
-
{...props}
|
|
67
|
-
/>
|
|
68
|
-
<NavItem
|
|
69
|
-
link="#"
|
|
70
|
-
text="Contacts"
|
|
71
|
-
{...props}
|
|
72
|
-
/>
|
|
73
|
-
</Nav>
|
|
74
|
-
<Caption
|
|
75
|
-
marginBottom="sm"
|
|
76
|
-
marginTop="lg"
|
|
77
|
-
>
|
|
78
|
-
Bold Variant
|
|
79
|
-
</Caption>
|
|
80
|
-
<Nav
|
|
81
|
-
link="#"
|
|
82
|
-
orientation="horizontal"
|
|
83
|
-
variant="bold"
|
|
84
|
-
{...props}
|
|
85
|
-
>
|
|
86
|
-
<NavItem
|
|
87
|
-
link="#"
|
|
88
|
-
text="About"
|
|
89
|
-
{...props}
|
|
90
|
-
/>
|
|
91
|
-
<NavItem
|
|
92
|
-
active
|
|
93
|
-
link="#"
|
|
94
|
-
text="Case Studies"
|
|
95
|
-
{...props}
|
|
96
|
-
/>
|
|
97
|
-
<NavItem
|
|
98
|
-
disabled
|
|
99
|
-
link="#"
|
|
100
|
-
text="Service"
|
|
101
|
-
{...props}
|
|
102
|
-
/>
|
|
103
|
-
<NavItem
|
|
104
|
-
link="#"
|
|
105
|
-
text="Contacts"
|
|
106
|
-
{...props}
|
|
107
|
-
/>
|
|
108
|
-
</Nav>
|
|
109
|
-
</>
|
|
110
|
-
)
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
export default HorizontalNavDisabled
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
Use the `disabled` prop on a `navItem`/`nav_item` within a horizontal nav to set it as disabled. This will render the UI as disabled, prevent clicks and not allow for tabIndex to access the item.
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
<%= pb_rails("flex", props: { justify: "between" }) do %>
|
|
2
|
-
<%= pb_rails("flex", props: { orientation:"column", wrap: true }) do %>
|
|
3
|
-
<%= pb_rails("caption", props: { margin_bottom: "sm", text: "Default Variant" }) %>
|
|
4
|
-
<%= pb_rails("nav") do %>
|
|
5
|
-
<%= pb_rails("nav/item", props: { text: "About", link: "#" }) %>
|
|
6
|
-
<%= pb_rails("nav/item", props: { text: "Case Studies", link: "#", active: true }) %>
|
|
7
|
-
<%= pb_rails("nav/item", props: { text: "Service ", link: "#", disabled: true }) %>
|
|
8
|
-
<%= pb_rails("nav/item", props: { text: "Contacts", link: "#" }) %>
|
|
9
|
-
<% end %>
|
|
10
|
-
<% end %>
|
|
11
|
-
<%= pb_rails("flex", props: { orientation:"column", wrap: true }) do %>
|
|
12
|
-
<%= pb_rails("caption", props: { margin_bottom: "sm", text: "Subtle Variant" }) %>
|
|
13
|
-
<%= pb_rails("nav", props:{variant: "subtle"}) do %>
|
|
14
|
-
<%= pb_rails("nav/item", props: { text: "About", link: "#" }) %>
|
|
15
|
-
<%= pb_rails("nav/item", props: { text: "Case Studies", link: "#", active: true }) %>
|
|
16
|
-
<%= pb_rails("nav/item", props: { text: "Service ", link: "#", disabled: true }) %>
|
|
17
|
-
<%= pb_rails("nav/item", props: { text: "Contacts", link: "#" }) %>
|
|
18
|
-
<% end %>
|
|
19
|
-
<% end %>
|
|
20
|
-
<%= pb_rails("flex", props: { orientation:"column", wrap: true }) do %>
|
|
21
|
-
<%= pb_rails("caption", props: { margin_bottom: "sm", text: "Bold Variant" }) %>
|
|
22
|
-
<%= pb_rails("nav", props:{variant: "bold"}) do %>
|
|
23
|
-
<%= pb_rails("nav/item", props: { text: "About", link: "#" }) %>
|
|
24
|
-
<%= pb_rails("nav/item", props: { text: "Case Studies", link: "#", active: true }) %>
|
|
25
|
-
<%= pb_rails("nav/item", props: { text: "Service ", link: "#", disabled: true }) %>
|
|
26
|
-
<%= pb_rails("nav/item", props: { text: "Contacts", link: "#" }) %>
|
|
27
|
-
<% end %>
|
|
28
|
-
<% end %>
|
|
29
|
-
|
|
30
|
-
<% end %>
|
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import Nav from '../_nav'
|
|
4
|
-
import NavItem from '../_item'
|
|
5
|
-
import Caption from '../../pb_caption/_caption'
|
|
6
|
-
import Flex from '../../pb_flex/_flex'
|
|
7
|
-
|
|
8
|
-
const VerticalNavDisabled = (props) => {
|
|
9
|
-
return (
|
|
10
|
-
<Flex justify="between"
|
|
11
|
-
wrap
|
|
12
|
-
>
|
|
13
|
-
<Flex orientation="column">
|
|
14
|
-
<Caption marginBottom="sm">Default Variant</Caption>
|
|
15
|
-
<Nav
|
|
16
|
-
link="#"
|
|
17
|
-
{...props}
|
|
18
|
-
>
|
|
19
|
-
<NavItem
|
|
20
|
-
link="#"
|
|
21
|
-
text="About"
|
|
22
|
-
{...props}
|
|
23
|
-
/>
|
|
24
|
-
<NavItem
|
|
25
|
-
active
|
|
26
|
-
link="#"
|
|
27
|
-
text="Case Studies"
|
|
28
|
-
{...props}
|
|
29
|
-
/>
|
|
30
|
-
<NavItem
|
|
31
|
-
disabled
|
|
32
|
-
link="#"
|
|
33
|
-
text="Service"
|
|
34
|
-
{...props}
|
|
35
|
-
/>
|
|
36
|
-
<NavItem
|
|
37
|
-
link="#"
|
|
38
|
-
text="Contacts"
|
|
39
|
-
{...props}
|
|
40
|
-
/>
|
|
41
|
-
</Nav>
|
|
42
|
-
</Flex>
|
|
43
|
-
<Flex orientation="column">
|
|
44
|
-
<Caption
|
|
45
|
-
marginBottom="sm"
|
|
46
|
-
>
|
|
47
|
-
Subtle Variant
|
|
48
|
-
</Caption>
|
|
49
|
-
<Nav
|
|
50
|
-
link="#"
|
|
51
|
-
variant="subtle"
|
|
52
|
-
{...props}
|
|
53
|
-
>
|
|
54
|
-
<NavItem
|
|
55
|
-
link="#"
|
|
56
|
-
text="About"
|
|
57
|
-
{...props}
|
|
58
|
-
/>
|
|
59
|
-
<NavItem
|
|
60
|
-
active
|
|
61
|
-
link="#"
|
|
62
|
-
text="Case Studies"
|
|
63
|
-
{...props}
|
|
64
|
-
/>
|
|
65
|
-
<NavItem
|
|
66
|
-
disabled
|
|
67
|
-
link="#"
|
|
68
|
-
text="Service"
|
|
69
|
-
{...props}
|
|
70
|
-
/>
|
|
71
|
-
<NavItem
|
|
72
|
-
link="#"
|
|
73
|
-
text="Contacts"
|
|
74
|
-
{...props}
|
|
75
|
-
/>
|
|
76
|
-
</Nav>
|
|
77
|
-
</Flex>
|
|
78
|
-
<Flex orientation="column">
|
|
79
|
-
<Caption
|
|
80
|
-
marginBottom="sm"
|
|
81
|
-
>
|
|
82
|
-
Bold Variant
|
|
83
|
-
</Caption>
|
|
84
|
-
<Nav
|
|
85
|
-
link="#"
|
|
86
|
-
variant="bold"
|
|
87
|
-
{...props}
|
|
88
|
-
>
|
|
89
|
-
<NavItem
|
|
90
|
-
link="#"
|
|
91
|
-
text="About"
|
|
92
|
-
{...props}
|
|
93
|
-
/>
|
|
94
|
-
<NavItem
|
|
95
|
-
active
|
|
96
|
-
link="#"
|
|
97
|
-
text="Case Studies"
|
|
98
|
-
{...props}
|
|
99
|
-
/>
|
|
100
|
-
<NavItem
|
|
101
|
-
disabled
|
|
102
|
-
link="#"
|
|
103
|
-
text="Service"
|
|
104
|
-
{...props}
|
|
105
|
-
/>
|
|
106
|
-
<NavItem
|
|
107
|
-
link="#"
|
|
108
|
-
text="Contacts"
|
|
109
|
-
{...props}
|
|
110
|
-
/>
|
|
111
|
-
</Nav>
|
|
112
|
-
</Flex>
|
|
113
|
-
</Flex>
|
|
114
|
-
)
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
export default VerticalNavDisabled
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
Use the `disabled` prop on a `navItem`/`nav_item` within a vertical nav to set it as disabled. This will render the UI as disabled, prevent clicks and not allow for tabIndex to access the item.
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
In order to use this kit, 'highcharts' and 'highcharts-react-official' must be installed in your repo.
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
Highcharts provides many options for customizing the legend display. This example showcases the following:
|
|
2
|
-
|
|
3
|
-
`align` can be used to align the legend left, right or center (defaults to center)
|
|
4
|
-
|
|
5
|
-
`verticalAlign` can be used to place the legend above the graph. Options are top, middle, bottom with default set to bottom
|
|
6
|
-
|
|
7
|
-
`layout` determines the position of the legend items. Options are horizontal, vertical or proximate with default set to horizontal `layout: proximate` will place the legend items as close as possible to the graphs they're representing. It will also determine whether to place the legend above/below or on the side of the plot area, if the legend is in a corner.
|
|
8
|
-
|
|
9
|
-
`x` offsets the legend relative to its horizontal alignment. Negative x moves it to the left, positive x moves it to the right (defaults to 0)
|
|
10
|
-
|
|
11
|
-
`y` offsets the legend relative to its vertical alignment. Negative y moves it up, positive y moves it down (defaults to 0)
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
In order to use this kit, 'highcharts' and 'highcharts-react-official' must be installed in your repo.
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
In order to use this kit, 'highcharts' and 'highcharts-react-official' must be installed in your repo.
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
In order to use this kit, 'highcharts' and 'highcharts-react-official' must be installed in your repo.
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
The Rails RichTextEditor is a React-Rendered-Rails component that uses [Tiptap](https://tiptap.dev/) and requires the following packages to be installed in your project:
|
|
2
|
-
|
|
3
|
-
- `@tiptap/react`
|
|
4
|
-
- `@tiptap/starter-kit`
|
|
5
|
-
- `@tiptap/extension-link`
|
|
6
|
-
|
|
7
|
-
Once installed, the editor is initialized automatically when you use the component. Unlike the [React Advanced RichTextEditor](https://playbook.powerapp.cloud/kits/rich_text_editor/react#advanced-default) variant, [custom extensions](https://playbook.powerapp.cloud/kits/rich_text_editor/react#advanced-extra-extensions) are not currently supported. The doc examples below showcase some preset prop-enabled Rails RichTextEditor customizations.
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
When the optional `inline` prop is set to true, the editor borders and the toolbar will only be visible when hovered or focused on.
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
Use the optional `sticky` prop to make the toolbar sticky on scroll.
|