playbook_ui 14.13.0.pre.alpha.play1851checkboxreacthook6083 → 14.13.0.pre.alpha.play1852reacthookformsupportradio6153

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 (60) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_bar_graph/BarGraphStyles.scss +58 -0
  3. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.jsx +64 -0
  4. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.md +1 -0
  5. data/app/pb_kits/playbook/pb_bar_graph/docs/example.yml +1 -0
  6. data/app/pb_kits/playbook/pb_bar_graph/docs/index.js +1 -0
  7. data/app/pb_kits/playbook/pb_checkbox/_checkbox.tsx +8 -17
  8. data/app/pb_kits/playbook/pb_checkbox/checkbox.test.js +0 -16
  9. data/app/pb_kits/playbook/pb_checkbox/docs/example.yml +1 -2
  10. data/app/pb_kits/playbook/pb_checkbox/docs/index.js +0 -1
  11. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.html.erb +2 -2
  12. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.md +4 -1
  13. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.jsx +90 -0
  14. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.md +5 -0
  15. data/app/pb_kits/playbook/pb_draggable/docs/example.yml +2 -0
  16. data/app/pb_kits/playbook/pb_draggable/docs/index.js +2 -1
  17. data/app/pb_kits/playbook/pb_draggable/subcomponents/DraggableContainer.tsx +7 -4
  18. data/app/pb_kits/playbook/pb_draggable/subcomponents/DraggableItem.tsx +6 -3
  19. data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.html.erb +1 -6
  20. data/app/pb_kits/playbook/pb_nav/item.html.erb +7 -19
  21. data/app/pb_kits/playbook/pb_nav/nav.html.erb +3 -8
  22. data/app/pb_kits/playbook/pb_online_status/online_status.html.erb +1 -6
  23. data/app/pb_kits/playbook/pb_popover/popover.html.erb +1 -6
  24. data/app/pb_kits/playbook/pb_radio/_radio.tsx +85 -73
  25. data/app/pb_kits/playbook/pb_radio/docs/_radio_react_hook.jsx +60 -0
  26. data/app/pb_kits/playbook/pb_radio/docs/_radio_react_hook.md +1 -0
  27. data/app/pb_kits/playbook/pb_radio/docs/example.yml +2 -1
  28. data/app/pb_kits/playbook/pb_radio/docs/index.js +1 -0
  29. data/app/pb_kits/playbook/pb_radio/radio.test.js +16 -0
  30. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.jsx +1 -1
  31. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.html.erb +51 -0
  32. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click_rails.md +2 -0
  33. data/app/pb_kits/playbook/pb_table/docs/example.yml +1 -0
  34. data/app/pb_kits/playbook/pb_table/index.ts +41 -9
  35. data/app/pb_kits/playbook/pb_table/styles/_collapsible.scss +4 -0
  36. data/app/pb_kits/playbook/pb_table/subcomponents/_table_body.tsx +29 -2
  37. data/app/pb_kits/playbook/pb_table/subcomponents/_table_row.tsx +31 -3
  38. data/app/pb_kits/playbook/pb_table/table_body.html.erb +13 -7
  39. data/app/pb_kits/playbook/pb_table/table_body.rb +2 -0
  40. data/app/pb_kits/playbook/pb_table/table_row.html.erb +14 -7
  41. data/app/pb_kits/playbook/pb_table/table_row.rb +14 -1
  42. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.html.erb +14 -0
  43. data/app/pb_kits/playbook/pb_text_input/index.js +9 -0
  44. data/app/pb_kits/playbook/pb_text_input/text_input.rb +5 -2
  45. data/dist/chunks/_typeahead-B7kfgseZ.js +36 -0
  46. data/dist/chunks/_weekday_stacked-CQggx3_W.js +45 -0
  47. data/dist/chunks/{lib-WQEeEj3t.js → lib-D3us1bGD.js} +1 -1
  48. data/dist/chunks/{pb_form_validation-Cq64l4zn.js → pb_form_validation-BpihMSOQ.js} +1 -1
  49. data/dist/chunks/vendor.js +1 -1
  50. data/dist/playbook-doc.js +1 -1
  51. data/dist/playbook-rails-react-bindings.js +1 -1
  52. data/dist/playbook-rails.js +1 -1
  53. data/dist/playbook.css +1 -1
  54. data/lib/playbook/version.rb +1 -1
  55. metadata +16 -9
  56. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.jsx +0 -69
  57. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.md +0 -1
  58. data/dist/chunks/_typeahead-CR2Xkt-o.js +0 -36
  59. data/dist/chunks/_weekday_stacked-9LU-xxnS.js +0 -45
  60. /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
@@ -2,5 +2,5 @@
2
2
 
3
3
  module Playbook
4
4
  PREVIOUS_VERSION = "14.13.0"
5
- VERSION = "14.13.0.pre.alpha.play1851checkboxreacthook6083"
5
+ VERSION = "14.13.0.pre.alpha.play1852reacthookformsupportradio6153"
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: 14.13.0.pre.alpha.play1851checkboxreacthook6083
4
+ version: 14.13.0.pre.alpha.play1852reacthookformsupportradio6153
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-12 00:00:00.000000000 Z
12
+ date: 2025-02-18 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -450,6 +450,7 @@ files:
450
450
  - app/pb_kits/playbook/pb_badge/docs/_description.md
451
451
  - app/pb_kits/playbook/pb_badge/docs/example.yml
452
452
  - app/pb_kits/playbook/pb_badge/docs/index.js
453
+ - app/pb_kits/playbook/pb_bar_graph/BarGraphStyles.scss
453
454
  - app/pb_kits/playbook/pb_bar_graph/_bar_graph.scss
454
455
  - app/pb_kits/playbook/pb_bar_graph/_bar_graph.tsx
455
456
  - app/pb_kits/playbook/pb_bar_graph/barGraph.test.js
@@ -478,6 +479,8 @@ files:
478
479
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.md
479
480
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_negative_numbers.html.erb
480
481
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_negative_numbers.jsx
482
+ - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.jsx
483
+ - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.md
481
484
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.html.erb
482
485
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
483
486
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.md
@@ -682,8 +685,6 @@ files:
682
685
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate_swift.md
683
686
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_options.html.erb
684
687
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_props_swift.md
685
- - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.jsx
686
- - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.md
687
688
  - app/pb_kits/playbook/pb_checkbox/docs/_description.md
688
689
  - app/pb_kits/playbook/pb_checkbox/docs/example.yml
689
690
  - app/pb_kits/playbook/pb_checkbox/docs/index.js
@@ -1189,6 +1190,8 @@ files:
1189
1190
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.md
1190
1191
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.html.erb
1191
1192
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.md
1193
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.jsx
1194
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.md
1192
1195
  - app/pb_kits/playbook/pb_draggable/docs/example.yml
1193
1196
  - app/pb_kits/playbook/pb_draggable/docs/index.js
1194
1197
  - app/pb_kits/playbook/pb_draggable/draggable.html.erb
@@ -2356,6 +2359,8 @@ files:
2356
2359
  - app/pb_kits/playbook/pb_radio/docs/_radio_orientation_swift.md
2357
2360
  - app/pb_kits/playbook/pb_radio/docs/_radio_padding_swift.md
2358
2361
  - app/pb_kits/playbook/pb_radio/docs/_radio_props_swift.md
2362
+ - app/pb_kits/playbook/pb_radio/docs/_radio_react_hook.jsx
2363
+ - app/pb_kits/playbook/pb_radio/docs/_radio_react_hook.md
2359
2364
  - app/pb_kits/playbook/pb_radio/docs/_radio_spacing_swift.md
2360
2365
  - app/pb_kits/playbook/pb_radio/docs/_radio_subtitle_swift.md
2361
2366
  - app/pb_kits/playbook/pb_radio/docs/example.yml
@@ -2753,8 +2758,10 @@ files:
2753
2758
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.jsx
2754
2759
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_rails.md
2755
2760
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_react.md
2761
+ - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.html.erb
2756
2762
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.jsx
2757
- - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.md
2763
+ - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click_rails.md
2764
+ - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click_react.md
2758
2765
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.jsx
2759
2766
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.md
2760
2767
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content_rails.html.erb
@@ -3341,11 +3348,11 @@ files:
3341
3348
  - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
3342
3349
  - app/pb_kits/playbook/utilities/text.ts
3343
3350
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3344
- - dist/chunks/_typeahead-CR2Xkt-o.js
3345
- - dist/chunks/_weekday_stacked-9LU-xxnS.js
3351
+ - dist/chunks/_typeahead-B7kfgseZ.js
3352
+ - dist/chunks/_weekday_stacked-CQggx3_W.js
3346
3353
  - dist/chunks/lazysizes-B7xYodB-.js
3347
- - dist/chunks/lib-WQEeEj3t.js
3348
- - dist/chunks/pb_form_validation-Cq64l4zn.js
3354
+ - dist/chunks/lib-D3us1bGD.js
3355
+ - dist/chunks/pb_form_validation-BpihMSOQ.js
3349
3356
  - dist/chunks/vendor.js
3350
3357
  - dist/menu.yml
3351
3358
  - dist/playbook-doc.js
@@ -1,69 +0,0 @@
1
- import React, { useState } from "react"
2
- import { useForm } from "react-hook-form"
3
- import { Button, Checkbox, Flex, Body } from "playbook-ui"
4
-
5
- const CheckboxReactHook = () => {
6
- const { register, handleSubmit } = useForm({
7
- defaultValues: {
8
- Small: false,
9
- Medium: false,
10
- Large: false,
11
- },
12
- })
13
-
14
- const [submittedData, setSubmittedData] = useState({
15
- Small: false,
16
- Medium: false,
17
- Large: false,
18
- })
19
-
20
- const onSubmit = (data) => {
21
- setSubmittedData(data)
22
- }
23
-
24
- return (
25
- <Flex orientation="row">
26
- <Flex align="start"
27
- orientation="column"
28
- paddingRight="lg"
29
- >
30
- <form onSubmit={handleSubmit(onSubmit)}>
31
- <Checkbox padding="xs"
32
- text="Small"
33
- {...register("Small")}
34
- />
35
- <br />
36
- <Checkbox padding="xs"
37
- text="Medium"
38
- {...register("Medium")}
39
- />
40
- <br />
41
- <Checkbox padding="xs"
42
- text="Large"
43
- {...register("Large")}
44
- />
45
- <br />
46
- <Button htmlType="submit"
47
- marginTop="sm"
48
- text="submit"
49
- />
50
- </form>
51
- </Flex>
52
- <Flex align="start"
53
- orientation="column"
54
- >
55
- <Body padding="xs"
56
- text={`Small: ${submittedData.Small ? "true" : "false"}`}
57
- />
58
- <Body padding="xs"
59
- text={`Medium: ${submittedData.Medium ? "true" : "false"}`}
60
- />
61
- <Body padding="xs"
62
- text={`Large: ${submittedData.Large ? "true" : "false"}`}
63
- />
64
- </Flex>
65
- </Flex>
66
- )
67
- }
68
-
69
- export default CheckboxReactHook
@@ -1 +0,0 @@
1
- You can pass react hook props to the checkbox kit.