playbook_ui 14.13.0.pre.alpha.play1851checkboxreacthook6083 → 14.13.0.pre.alpha.play1900progresspillwidth6122

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 (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.