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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_bar_graph/BarGraphStyles.scss +58 -0
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.jsx +64 -0
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.md +1 -0
- data/app/pb_kits/playbook/pb_bar_graph/docs/example.yml +1 -0
- data/app/pb_kits/playbook/pb_bar_graph/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_checkbox/_checkbox.tsx +8 -17
- data/app/pb_kits/playbook/pb_checkbox/checkbox.test.js +0 -16
- data/app/pb_kits/playbook/pb_checkbox/docs/example.yml +1 -2
- data/app/pb_kits/playbook/pb_checkbox/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.html.erb +2 -2
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.md +4 -1
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.jsx +90 -0
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.md +5 -0
- data/app/pb_kits/playbook/pb_draggable/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_draggable/docs/index.js +2 -1
- data/app/pb_kits/playbook/pb_draggable/subcomponents/DraggableContainer.tsx +7 -4
- data/app/pb_kits/playbook/pb_draggable/subcomponents/DraggableItem.tsx +6 -3
- data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.html.erb +1 -6
- data/app/pb_kits/playbook/pb_nav/item.html.erb +7 -19
- data/app/pb_kits/playbook/pb_nav/nav.html.erb +3 -8
- data/app/pb_kits/playbook/pb_online_status/online_status.html.erb +1 -6
- data/app/pb_kits/playbook/pb_popover/popover.html.erb +1 -6
- data/app/pb_kits/playbook/pb_radio/_radio.tsx +85 -73
- data/app/pb_kits/playbook/pb_radio/docs/_radio_react_hook.jsx +60 -0
- data/app/pb_kits/playbook/pb_radio/docs/_radio_react_hook.md +1 -0
- data/app/pb_kits/playbook/pb_radio/docs/example.yml +2 -1
- data/app/pb_kits/playbook/pb_radio/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_radio/radio.test.js +16 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.jsx +1 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.html.erb +51 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click_rails.md +2 -0
- data/app/pb_kits/playbook/pb_table/docs/example.yml +1 -0
- data/app/pb_kits/playbook/pb_table/index.ts +41 -9
- data/app/pb_kits/playbook/pb_table/styles/_collapsible.scss +4 -0
- data/app/pb_kits/playbook/pb_table/subcomponents/_table_body.tsx +29 -2
- data/app/pb_kits/playbook/pb_table/subcomponents/_table_row.tsx +31 -3
- data/app/pb_kits/playbook/pb_table/table_body.html.erb +13 -7
- data/app/pb_kits/playbook/pb_table/table_body.rb +2 -0
- data/app/pb_kits/playbook/pb_table/table_row.html.erb +14 -7
- data/app/pb_kits/playbook/pb_table/table_row.rb +14 -1
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.html.erb +14 -0
- data/app/pb_kits/playbook/pb_text_input/index.js +9 -0
- data/app/pb_kits/playbook/pb_text_input/text_input.rb +5 -2
- data/dist/chunks/_typeahead-B7kfgseZ.js +36 -0
- data/dist/chunks/_weekday_stacked-CQggx3_W.js +45 -0
- data/dist/chunks/{lib-WQEeEj3t.js → lib-D3us1bGD.js} +1 -1
- data/dist/chunks/{pb_form_validation-Cq64l4zn.js → pb_form_validation-BpihMSOQ.js} +1 -1
- data/dist/chunks/vendor.js +1 -1
- data/dist/playbook-doc.js +1 -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 +16 -9
- data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.jsx +0 -69
- data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.md +0 -1
- data/dist/chunks/_typeahead-CR2Xkt-o.js +0 -36
- data/dist/chunks/_weekday_stacked-9LU-xxnS.js +0 -45
- /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
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: 14.13.0.pre.alpha.
|
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
|
+
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/
|
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-
|
3345
|
-
- dist/chunks/_weekday_stacked-
|
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-
|
3348
|
-
- dist/chunks/pb_form_validation-
|
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.
|