playbook_ui_docs 14.13.0.pre.rc.10 → 14.14.0.pre.alpha.play1868dependencyremovallodash6286

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 (81) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_custom_cell.jsx +75 -0
  3. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.html.erb +1 -1
  4. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.jsx +1 -0
  5. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_rails.md +3 -1
  6. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_react.md +3 -1
  7. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.html.erb +33 -0
  8. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.jsx +55 -0
  9. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_rails.md +3 -0
  10. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_react.md +3 -0
  11. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +3 -0
  12. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +3 -1
  13. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.jsx +64 -0
  14. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.md +1 -0
  15. data/app/pb_kits/playbook/pb_bar_graph/docs/example.yml +1 -0
  16. data/app/pb_kits/playbook/pb_bar_graph/docs/index.js +1 -0
  17. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.jsx +69 -0
  18. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.md +1 -0
  19. data/app/pb_kits/playbook/pb_checkbox/docs/example.yml +2 -1
  20. data/app/pb_kits/playbook/pb_checkbox/docs/index.js +1 -0
  21. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.html.erb +99 -0
  22. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.md +1 -0
  23. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.html.erb +61 -0
  24. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.md +4 -0
  25. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.jsx +90 -0
  26. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.md +5 -0
  27. data/app/pb_kits/playbook/pb_draggable/docs/example.yml +4 -5
  28. data/app/pb_kits/playbook/pb_draggable/docs/index.js +2 -1
  29. data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +1 -0
  30. data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +1 -0
  31. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.html.erb +11 -0
  32. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.jsx +22 -0
  33. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_rails.md +1 -0
  34. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_react.md +1 -0
  35. data/app/pb_kits/playbook/pb_home_address_street/docs/example.yml +2 -0
  36. data/app/pb_kits/playbook/pb_home_address_street/docs/index.js +1 -0
  37. data/app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.html.erb +1 -2
  38. data/app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.jsx +17 -0
  39. data/app/pb_kits/playbook/pb_icon_button/docs/_icon_button_sizes.html.erb +27 -0
  40. data/app/pb_kits/playbook/pb_icon_button/docs/_icon_button_sizes.jsx +61 -0
  41. data/app/pb_kits/playbook/pb_icon_button/docs/example.yml +5 -3
  42. data/app/pb_kits/playbook/pb_icon_button/docs/index.js +2 -0
  43. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.jsx +37 -0
  44. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional_react.md +1 -0
  45. data/app/pb_kits/playbook/pb_overlay/docs/example.yml +1 -0
  46. data/app/pb_kits/playbook/pb_overlay/docs/index.js +1 -0
  47. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.html.erb +1 -0
  48. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.jsx +7 -0
  49. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.md +1 -0
  50. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width.html.erb +1 -0
  51. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width.jsx +18 -0
  52. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width_rails.md +1 -0
  53. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width_react.md +1 -0
  54. data/app/pb_kits/playbook/pb_progress_pills/docs/example.yml +2 -0
  55. data/app/pb_kits/playbook/pb_progress_pills/docs/index.js +1 -0
  56. data/app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.html.erb +47 -0
  57. data/app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.jsx +88 -0
  58. data/app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.md +1 -0
  59. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.jsx +1 -1
  60. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.html.erb +51 -0
  61. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click_rails.md +2 -0
  62. data/app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.html.erb +96 -0
  63. data/app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.jsx +101 -0
  64. data/app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.md +1 -0
  65. data/app/pb_kits/playbook/pb_table/docs/example.yml +5 -0
  66. data/app/pb_kits/playbook/pb_table/docs/index.js +3 -1
  67. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.html.erb +15 -1
  68. data/dist/playbook-doc.js +1 -1
  69. metadata +41 -14
  70. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.html.erb +0 -19
  71. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.jsx +0 -26
  72. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.html.erb +0 -10
  73. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.jsx +0 -17
  74. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click.jsx +0 -19
  75. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_onclick.html.erb +0 -16
  76. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.html.erb +0 -35
  77. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx +0 -42
  78. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_tooltip.html.erb +0 -13
  79. data/app/pb_kits/playbook/pb_avatar_action_button/docs/example.yml +0 -15
  80. data/app/pb_kits/playbook/pb_avatar_action_button/docs/index.js +0 -4
  81. /data/app/pb_kits/playbook/pb_table/docs/{_table_with_collapsible_with_custom_click.md → _table_with_collapsible_with_custom_click_react.md} +0 -0
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui_docs
3
3
  version: !ruby/object:Gem::Version
4
- version: 14.13.0.pre.rc.10
4
+ version: 14.14.0.pre.alpha.play1868dependencyremovallodash6286
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-02-06 00:00:00.000000000 Z
12
+ date: 2025-02-24 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: playbook_ui
@@ -46,6 +46,7 @@ files:
46
46
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.html.erb
47
47
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.jsx
48
48
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.md
49
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_custom_cell.jsx
49
50
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.html.erb
50
51
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.jsx
51
52
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.md
@@ -91,6 +92,10 @@ files:
91
92
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.jsx
92
93
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_rails.md
93
94
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_react.md
95
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.html.erb
96
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.jsx
97
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_rails.md
98
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_react.md
94
99
  - app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
95
100
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data.json
96
101
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_no_subrows.json
@@ -122,17 +127,6 @@ files:
122
127
  - app/pb_kits/playbook/pb_avatar/docs/_footer.md
123
128
  - app/pb_kits/playbook/pb_avatar/docs/example.yml
124
129
  - app/pb_kits/playbook/pb_avatar/docs/index.js
125
- - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.html.erb
126
- - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.jsx
127
- - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.html.erb
128
- - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.jsx
129
- - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click.jsx
130
- - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_onclick.html.erb
131
- - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.html.erb
132
- - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
133
- - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_tooltip.html.erb
134
- - app/pb_kits/playbook/pb_avatar_action_button/docs/example.yml
135
- - app/pb_kits/playbook/pb_avatar_action_button/docs/index.js
136
130
  - app/pb_kits/playbook/pb_background/docs/_background_category.html.erb
137
131
  - app/pb_kits/playbook/pb_background/docs/_background_category.jsx
138
132
  - app/pb_kits/playbook/pb_background/docs/_background_category.md
@@ -195,6 +189,8 @@ files:
195
189
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.md
196
190
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_negative_numbers.html.erb
197
191
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_negative_numbers.jsx
192
+ - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.jsx
193
+ - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.md
198
194
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.html.erb
199
195
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
200
196
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.md
@@ -352,6 +348,8 @@ files:
352
348
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate_swift.md
353
349
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_options.html.erb
354
350
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_props_swift.md
351
+ - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.jsx
352
+ - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.md
355
353
  - app/pb_kits/playbook/pb_checkbox/docs/_description.md
356
354
  - app/pb_kits/playbook/pb_checkbox/docs/example.yml
357
355
  - app/pb_kits/playbook/pb_checkbox/docs/index.js
@@ -698,6 +696,8 @@ files:
698
696
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_default_rails.md
699
697
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx
700
698
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.md
699
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.html.erb
700
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.md
701
701
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.jsx
702
702
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
703
703
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards_rails.html.erb
@@ -710,6 +710,10 @@ files:
710
710
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.md
711
711
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.html.erb
712
712
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.md
713
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.html.erb
714
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.md
715
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.jsx
716
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.md
713
717
  - app/pb_kits/playbook/pb_draggable/docs/example.yml
714
718
  - app/pb_kits/playbook/pb_draggable/docs/index.js
715
719
  - app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.jsx
@@ -976,6 +980,10 @@ files:
976
980
  - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.jsx
977
981
  - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.md
978
982
  - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis_swift.md
983
+ - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.html.erb
984
+ - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.jsx
985
+ - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_rails.md
986
+ - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_react.md
979
987
  - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.html.erb
980
988
  - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.jsx
981
989
  - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.md
@@ -1022,7 +1030,11 @@ files:
1022
1030
  - app/pb_kits/playbook/pb_icon/docs/example.yml
1023
1031
  - app/pb_kits/playbook/pb_icon/docs/index.js
1024
1032
  - app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.html.erb
1033
+ - app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.jsx
1034
+ - app/pb_kits/playbook/pb_icon_button/docs/_icon_button_sizes.html.erb
1035
+ - app/pb_kits/playbook/pb_icon_button/docs/_icon_button_sizes.jsx
1025
1036
  - app/pb_kits/playbook/pb_icon_button/docs/example.yml
1037
+ - app/pb_kits/playbook/pb_icon_button/docs/index.js
1026
1038
  - app/pb_kits/playbook/pb_icon_circle/docs/_description.md
1027
1039
  - app/pb_kits/playbook/pb_icon_circle/docs/_footer.md
1028
1040
  - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.html.erb
@@ -1365,6 +1377,8 @@ files:
1365
1377
  - app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.html.erb
1366
1378
  - app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.jsx
1367
1379
  - app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.md
1380
+ - app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.jsx
1381
+ - app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional_react.md
1368
1382
  - app/pb_kits/playbook/pb_overlay/docs/example.yml
1369
1383
  - app/pb_kits/playbook/pb_overlay/docs/index.js
1370
1384
  - app/pb_kits/playbook/pb_pagination/docs/_pagination_default.html.erb
@@ -1476,6 +1490,11 @@ files:
1476
1490
  - app/pb_kits/playbook/pb_progress_pills/docs/_description.md
1477
1491
  - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.html.erb
1478
1492
  - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.jsx
1493
+ - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.md
1494
+ - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width.html.erb
1495
+ - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width.jsx
1496
+ - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width_rails.md
1497
+ - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width_react.md
1479
1498
  - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.html.erb
1480
1499
  - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.jsx
1481
1500
  - app/pb_kits/playbook/pb_progress_pills/docs/example.yml
@@ -1832,12 +1851,17 @@ files:
1832
1851
  - app/pb_kits/playbook/pb_table/docs/_table_vertical_border.jsx
1833
1852
  - app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.html.erb
1834
1853
  - app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.jsx
1854
+ - app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.html.erb
1855
+ - app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.jsx
1856
+ - app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.md
1835
1857
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.html.erb
1836
1858
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.jsx
1837
1859
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_rails.md
1838
1860
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_react.md
1861
+ - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.html.erb
1839
1862
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.jsx
1840
- - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.md
1863
+ - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click_rails.md
1864
+ - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click_react.md
1841
1865
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.jsx
1842
1866
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.md
1843
1867
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content_rails.html.erb
@@ -1850,6 +1874,9 @@ files:
1850
1874
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.md
1851
1875
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.html.erb
1852
1876
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.md
1877
+ - app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.html.erb
1878
+ - app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.jsx
1879
+ - app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.md
1853
1880
  - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.jsx
1854
1881
  - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.md
1855
1882
  - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.html.erb
@@ -1,19 +0,0 @@
1
- <div class="pb--doc-demo-row">
2
-
3
- <%= pb_rails("avatar_action_button", props: {
4
- link_aria_label: "Add Sophia Carden",
5
- name: "Sophia Carden",
6
- image_alt: "Add Sophia Carden",
7
- image_url: "https://randomuser.me/api/portraits/women/8.jpg",
8
- action: "add",
9
- }) %>
10
-
11
- <%= pb_rails("avatar_action_button", props: {
12
- link_aria_label: "Remove Sophia Carden",
13
- name: "Sophia Carden",
14
- image_alt: "Remove Sophia Carden",
15
- image_url: "https://randomuser.me/api/portraits/women/8.jpg",
16
- action: "remove",
17
- }) %>
18
-
19
- </div>
@@ -1,26 +0,0 @@
1
- import React from 'react'
2
-
3
- import AvatarActionButton from '../_avatar_action_button'
4
-
5
- const AvatarActionButtonActions = (props) => (
6
- <div className="pb--doc-demo-row">
7
- <AvatarActionButton
8
- action="add"
9
- imageAlt="Add Sophia Carden"
10
- imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
11
- linkAriaLabel="Add Sophia Carden"
12
- name="Sophia Carden"
13
- {...props}
14
- />
15
- <AvatarActionButton
16
- action="remove"
17
- imageAlt="Remove Sophia Carden"
18
- imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
19
- linkAriaLabel="Remove Sophia Carden"
20
- name="Sophia Carden"
21
- {...props}
22
- />
23
- </div>
24
- )
25
-
26
- export default AvatarActionButtonActions
@@ -1,10 +0,0 @@
1
- <div class="pb--doc-demo-row">
2
-
3
- <%= pb_rails("avatar_action_button", props: {
4
- link_aria_label: "Sophia Carden",
5
- name: "Sophia Carden",
6
- image_alt: "Sophia Carden",
7
- image_url: "https://randomuser.me/api/portraits/women/8.jpg"
8
- }) %>
9
-
10
- </div>
@@ -1,17 +0,0 @@
1
- import React from 'react'
2
-
3
- import AvatarActionButton from '../_avatar_action_button'
4
-
5
- const AvatarActionButtonDefault = (props) => (
6
- <div className="pb--doc-demo-row">
7
- <AvatarActionButton
8
- imageAlt="Sophia Carden"
9
- imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
10
- linkAriaLabel="Sophia Carden"
11
- name="Sophia Carden"
12
- {...props}
13
- />
14
- </div>
15
- )
16
-
17
- export default AvatarActionButtonDefault
@@ -1,19 +0,0 @@
1
- import React from 'react'
2
-
3
- import AvatarActionButton from '../_avatar_action_button'
4
-
5
- const AvatarActionButtonOnClick = (props) => (
6
- <div className="pb--doc-demo-row">
7
- <AvatarActionButton
8
- imageAlt="Sophia Carden"
9
- imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
10
- linkAriaLabel="Alert Sophia Carden"
11
- linkUrl="https://www.google.com"
12
- name="Sophia Carden"
13
- onClick={() => alert('clicked!')}
14
- {...props}
15
- />
16
- </div>
17
- )
18
-
19
- export default AvatarActionButtonOnClick
@@ -1,16 +0,0 @@
1
- <div class="pb--doc-demo-row">
2
-
3
- <%= pb_rails("avatar_action_button", props: {
4
- link_aria_label: "Alert Sophia Carden",
5
- name: "Sophia Carden",
6
- id: "clickable",
7
- link_url: "http://www.google.com",
8
- image_alt: "Sophia Carden",
9
- image_url: "https://randomuser.me/api/portraits/women/8.jpg",
10
- }) %>
11
-
12
- <%= javascript_tag do %>
13
- document.querySelector('#clickable').addEventListener('click', () => alert('clickable clicked!'))
14
- <% end %>
15
-
16
- </div>
@@ -1,35 +0,0 @@
1
- <div class="pb--doc-demo-row">
2
-
3
- <%= pb_rails("avatar_action_button", props: {
4
- link_aria_label: "Sophia Carden",
5
- name: "Sophia Carden",
6
- image_alt: "Sophia Carden",
7
- image_url: "https://randomuser.me/api/portraits/women/8.jpg",
8
- placement: "bottom_left"
9
- }) %>
10
-
11
- <%= pb_rails("avatar_action_button", props: {
12
- link_aria_label: "Sophia Carden",
13
- name: "Sophia Carden",
14
- image_alt: "Sophia Carden",
15
- image_url: "https://randomuser.me/api/portraits/women/8.jpg",
16
- placement: "bottom_right"
17
- }) %>
18
-
19
- <%= pb_rails("avatar_action_button", props: {
20
- link_aria_label: "Sophia Carden",
21
- name: "Sophia Carden",
22
- image_alt: "Sophia Carden",
23
- image_url: "https://randomuser.me/api/portraits/women/8.jpg",
24
- placement: "top_left"
25
- }) %>
26
-
27
- <%= pb_rails("avatar_action_button", props: {
28
- link_aria_label: "Sophia Carden",
29
- name: "Sophia Carden",
30
- image_alt: "Sophia Carden",
31
- image_url: "https://randomuser.me/api/portraits/women/8.jpg",
32
- placement: "top_right"
33
- }) %>
34
-
35
- </div>
@@ -1,42 +0,0 @@
1
- import React from 'react'
2
-
3
- import AvatarActionButton from '../_avatar_action_button'
4
-
5
- const AvatarActionButtonPlacement = (props) => (
6
- <div className="pb--doc-demo-row">
7
- <AvatarActionButton
8
- imageAlt="Sophia Carden"
9
- imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
10
- linkAriaLabel="Sophia Carden"
11
- name="Sophia Carden"
12
- placement="bottom_left"
13
- {...props}
14
- />
15
- <AvatarActionButton
16
- imageAlt="Sophia Carden"
17
- imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
18
- linkAriaLabel="Sophia Carden"
19
- name="Sophia Carden"
20
- placement="bottom_right"
21
- {...props}
22
- />
23
- <AvatarActionButton
24
- imageAlt="Sophia Carden"
25
- imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
26
- linkAriaLabel="Sophia Carden"
27
- name="Sophia Carden"
28
- placement="top_left"
29
- {...props}
30
- />
31
- <AvatarActionButton
32
- imageAlt="Sophia Carden"
33
- imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
34
- linkAriaLabel="Sophia Carden"
35
- name="Sophia Carden"
36
- placement="top_right"
37
- {...props}
38
- />
39
- </div>
40
- )
41
-
42
- export default AvatarActionButtonPlacement
@@ -1,13 +0,0 @@
1
- <div class="pb--doc-demo-row">
2
-
3
- <%= pb_rails("avatar_action_button", props: {
4
- link_aria_label: "Sophia Carden",
5
- name: "Sophia Carden",
6
- link_url: "http://www.google.com",
7
- image_alt: "Sophia Carden",
8
- image_url: "https://randomuser.me/api/portraits/women/8.jpg",
9
- tooltip_text: "Tooltip Text",
10
- tooltip_id: "avatar_1",
11
- }) %>
12
-
13
- </div>
@@ -1,15 +0,0 @@
1
- examples:
2
-
3
- rails:
4
- - avatar_action_button_default: Default
5
- - avatar_action_button_placement: Placement
6
- - avatar_action_button_actions: Actions
7
- - avatar_action_button_onclick: On Click
8
- - avatar_action_button_tooltip: Tooltip
9
-
10
-
11
- react:
12
- - avatar_action_button_default: Default
13
- - avatar_action_button_placement: Placement
14
- - avatar_action_button_actions: Actions
15
- - avatar_action_button_on_click: On Click
@@ -1,4 +0,0 @@
1
- export { default as AvatarActionButtonDefault } from './_avatar_action_button_default.jsx'
2
- export { default as AvatarActionButtonPlacement } from './_avatar_action_button_placement.jsx'
3
- export { default as AvatarActionButtonActions } from './_avatar_action_button_actions.jsx'
4
- export { default as AvatarActionButtonOnClick } from './_avatar_action_button_on_click.jsx'