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.
Files changed (53) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_checkbox/_checkbox.tsx +8 -17
  3. data/app/pb_kits/playbook/pb_checkbox/checkbox.test.js +0 -16
  4. data/app/pb_kits/playbook/pb_checkbox/docs/example.yml +1 -2
  5. data/app/pb_kits/playbook/pb_checkbox/docs/index.js +0 -1
  6. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.html.erb +2 -2
  7. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.md +4 -1
  8. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.jsx +90 -0
  9. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.md +5 -0
  10. data/app/pb_kits/playbook/pb_draggable/docs/example.yml +2 -0
  11. data/app/pb_kits/playbook/pb_draggable/docs/index.js +2 -1
  12. data/app/pb_kits/playbook/pb_draggable/subcomponents/DraggableContainer.tsx +7 -4
  13. data/app/pb_kits/playbook/pb_draggable/subcomponents/DraggableItem.tsx +6 -3
  14. data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.html.erb +1 -6
  15. data/app/pb_kits/playbook/pb_nav/item.html.erb +7 -19
  16. data/app/pb_kits/playbook/pb_nav/nav.html.erb +3 -8
  17. data/app/pb_kits/playbook/pb_online_status/online_status.html.erb +1 -6
  18. data/app/pb_kits/playbook/pb_popover/popover.html.erb +1 -6
  19. data/app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss +6 -1
  20. data/app/pb_kits/playbook/pb_progress_pills/_progress_pills.tsx +7 -5
  21. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.html.erb +1 -0
  22. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.jsx +7 -0
  23. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.md +1 -0
  24. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width.html.erb +1 -0
  25. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width.jsx +18 -0
  26. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width_rails.md +1 -0
  27. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width_react.md +1 -0
  28. data/app/pb_kits/playbook/pb_progress_pills/docs/example.yml +2 -0
  29. data/app/pb_kits/playbook/pb_progress_pills/docs/index.js +1 -0
  30. data/app/pb_kits/playbook/pb_progress_pills/progress_pills.html.erb +1 -1
  31. data/app/pb_kits/playbook/pb_progress_pills/progress_pills.rb +6 -0
  32. data/app/pb_kits/playbook/pb_progress_pills/progress_pills.test.js +26 -1
  33. data/app/pb_kits/playbook/pb_table/subcomponents/_table_body.tsx +29 -2
  34. data/app/pb_kits/playbook/pb_table/subcomponents/_table_row.tsx +31 -3
  35. data/app/pb_kits/playbook/pb_table/table_body.html.erb +13 -7
  36. data/app/pb_kits/playbook/pb_table/table_body.rb +2 -0
  37. data/app/pb_kits/playbook/pb_table/table_row.html.erb +13 -7
  38. data/app/pb_kits/playbook/pb_table/table_row.rb +4 -0
  39. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.html.erb +14 -0
  40. data/app/pb_kits/playbook/pb_text_input/index.js +9 -0
  41. data/app/pb_kits/playbook/pb_text_input/text_input.rb +5 -2
  42. data/dist/chunks/{_typeahead-CR2Xkt-o.js → _typeahead-C_q1qAtC.js} +4 -4
  43. data/dist/chunks/_weekday_stacked-CB-T-41Z.js +45 -0
  44. data/dist/chunks/vendor.js +1 -1
  45. data/dist/playbook-doc.js +1 -1
  46. data/dist/playbook-rails-react-bindings.js +1 -1
  47. data/dist/playbook-rails.js +1 -1
  48. data/dist/playbook.css +1 -1
  49. data/lib/playbook/version.rb +1 -1
  50. metadata +11 -6
  51. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.jsx +0 -69
  52. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.md +0 -1
  53. data/dist/chunks/_weekday_stacked-9LU-xxnS.js +0 -45
@@ -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.play1900progresspillwidth6122"
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.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 00:00:00.000000000 Z
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-CR2Xkt-o.js
3345
- - dist/chunks/_weekday_stacked-9LU-xxnS.js
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.