playbook_ui 14.13.0.pre.alpha.play1851checkboxreacthook6083 → 14.13.0.pre.alpha.play1900progresspillwidth6122
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_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_progress_pills/_progress_pills.scss +6 -1
- data/app/pb_kits/playbook/pb_progress_pills/_progress_pills.tsx +7 -5
- data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.html.erb +1 -0
- data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.jsx +7 -0
- data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.md +1 -0
- data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width.html.erb +1 -0
- data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width.jsx +18 -0
- data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width_rails.md +1 -0
- data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width_react.md +1 -0
- data/app/pb_kits/playbook/pb_progress_pills/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_progress_pills/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_progress_pills/progress_pills.html.erb +1 -1
- data/app/pb_kits/playbook/pb_progress_pills/progress_pills.rb +6 -0
- data/app/pb_kits/playbook/pb_progress_pills/progress_pills.test.js +26 -1
- 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 +13 -7
- data/app/pb_kits/playbook/pb_table/table_row.rb +4 -0
- 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-CR2Xkt-o.js → _typeahead-C_q1qAtC.js} +4 -4
- data/dist/chunks/_weekday_stacked-CB-T-41Z.js +45 -0
- 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 +11 -6
- 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/_weekday_stacked-9LU-xxnS.js +0 -45
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.play1900progresspillwidth6122
|
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-13 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -682,8 +682,6 @@ files:
|
|
682
682
|
- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate_swift.md
|
683
683
|
- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_options.html.erb
|
684
684
|
- 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
685
|
- app/pb_kits/playbook/pb_checkbox/docs/_description.md
|
688
686
|
- app/pb_kits/playbook/pb_checkbox/docs/example.yml
|
689
687
|
- app/pb_kits/playbook/pb_checkbox/docs/index.js
|
@@ -1189,6 +1187,8 @@ files:
|
|
1189
1187
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.md
|
1190
1188
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.html.erb
|
1191
1189
|
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.md
|
1190
|
+
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.jsx
|
1191
|
+
- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.md
|
1192
1192
|
- app/pb_kits/playbook/pb_draggable/docs/example.yml
|
1193
1193
|
- app/pb_kits/playbook/pb_draggable/docs/index.js
|
1194
1194
|
- app/pb_kits/playbook/pb_draggable/draggable.html.erb
|
@@ -2278,6 +2278,11 @@ files:
|
|
2278
2278
|
- app/pb_kits/playbook/pb_progress_pills/docs/_description.md
|
2279
2279
|
- app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.html.erb
|
2280
2280
|
- app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.jsx
|
2281
|
+
- app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.md
|
2282
|
+
- app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width.html.erb
|
2283
|
+
- app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width.jsx
|
2284
|
+
- app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width_rails.md
|
2285
|
+
- app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width_react.md
|
2281
2286
|
- app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.html.erb
|
2282
2287
|
- app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.jsx
|
2283
2288
|
- app/pb_kits/playbook/pb_progress_pills/docs/example.yml
|
@@ -3341,8 +3346,8 @@ files:
|
|
3341
3346
|
- app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
|
3342
3347
|
- app/pb_kits/playbook/utilities/text.ts
|
3343
3348
|
- app/pb_kits/playbook/utilities/validEmojiChecker.ts
|
3344
|
-
- dist/chunks/_typeahead-
|
3345
|
-
- dist/chunks/_weekday_stacked-
|
3349
|
+
- dist/chunks/_typeahead-C_q1qAtC.js
|
3350
|
+
- dist/chunks/_weekday_stacked-CB-T-41Z.js
|
3346
3351
|
- dist/chunks/lazysizes-B7xYodB-.js
|
3347
3352
|
- dist/chunks/lib-WQEeEj3t.js
|
3348
3353
|
- dist/chunks/pb_form_validation-Cq64l4zn.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.
|