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

Sign up to get free protection for your applications and to get access to all the features.
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.