playbook_ui 6.0.1.pre.alpha6 → 6.1.0.pre.alpha4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (96) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +2 -0
  3. data/app/pb_kits/playbook/data/menu.yml +2 -0
  4. data/app/pb_kits/playbook/index.js +3 -0
  5. data/app/pb_kits/playbook/packs/examples.js +5 -0
  6. data/app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.html.erb +7 -0
  7. data/app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.jsx +52 -0
  8. data/app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.scss +101 -0
  9. data/app/pb_kits/playbook/pb_button_toolbar/button_toolbar.rb +29 -0
  10. data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_default.html.erb +7 -0
  11. data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_default.jsx +29 -0
  12. data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_secondary.html.erb +7 -0
  13. data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_secondary.jsx +34 -0
  14. data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_vertical.html.erb +11 -0
  15. data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_vertical.jsx +29 -0
  16. data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_vertical_secondary.html.erb +11 -0
  17. data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_vertical_secondary.jsx +34 -0
  18. data/app/pb_kits/playbook/pb_button_toolbar/docs/_description.md +1 -0
  19. data/app/pb_kits/playbook/pb_button_toolbar/docs/example.yml +15 -0
  20. data/app/pb_kits/playbook/pb_button_toolbar/docs/index.js +4 -0
  21. data/app/pb_kits/playbook/pb_caption/_caption.jsx +1 -5
  22. data/app/pb_kits/playbook/pb_caption/_caption.scss +0 -4
  23. data/app/pb_kits/playbook/pb_caption/caption.rb +1 -8
  24. data/app/pb_kits/playbook/pb_checkbox/checkbox.rb +0 -3
  25. data/app/pb_kits/playbook/pb_date_picker/_date_picker.html.erb +40 -0
  26. data/app/pb_kits/playbook/pb_date_picker/_date_picker.jsx +105 -0
  27. data/app/pb_kits/playbook/pb_date_picker/_date_picker.scss +59 -0
  28. data/app/pb_kits/playbook/pb_date_picker/date_picker.rb +43 -0
  29. data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.js +91 -0
  30. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.html.erb +1 -0
  31. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.jsx +12 -0
  32. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.html.erb +24 -0
  33. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.jsx +30 -0
  34. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_disabled.html.erb +43 -0
  35. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_disabled.jsx +48 -0
  36. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.html.erb +4 -0
  37. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.jsx +13 -0
  38. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.html.erb +19 -0
  39. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.jsx +25 -0
  40. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_label.html.erb +9 -0
  41. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_label.jsx +17 -0
  42. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_min_max.html.erb +14 -0
  43. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_min_max.jsx +22 -0
  44. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.html.erb +4 -0
  45. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.jsx +13 -0
  46. data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +23 -0
  47. data/app/pb_kits/playbook/pb_date_picker/docs/index.js +8 -0
  48. data/app/pb_kits/playbook/pb_filter/docs/_filter_default.html.erb +4 -7
  49. data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +2 -2
  50. data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +2 -2
  51. data/app/pb_kits/playbook/pb_form/docs/_form_simple_form.html.erb +2 -2
  52. data/app/pb_kits/playbook/pb_form/docs/_form_simple_form_validate.html.erb +2 -2
  53. data/app/pb_kits/playbook/pb_form/form_builder.rb +1 -2
  54. data/app/pb_kits/playbook/pb_form/form_builder/date_picker_field.rb +41 -0
  55. data/app/pb_kits/playbook/pb_form/form_builder/form_field_builder.rb +0 -1
  56. data/app/pb_kits/playbook/pb_kit/dateTime.js +5 -1
  57. data/app/pb_kits/playbook/pb_popover/docs/_popover_list.jsx +5 -5
  58. data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.jsx +10 -14
  59. data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss +1 -1
  60. data/app/pb_kits/playbook/pb_selectable_card/selectable_card.rb +1 -7
  61. data/app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.jsx +26 -26
  62. data/app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.scss +1 -1
  63. data/app/pb_kits/playbook/pb_selectable_card_icon/selectable_card_icon.rb +1 -8
  64. data/app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.jsx +8 -10
  65. data/app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss +1 -1
  66. data/app/pb_kits/playbook/pb_selectable_icon/selectable_icon.rb +1 -7
  67. data/app/pb_kits/playbook/pb_textarea/_textarea.html.erb +1 -1
  68. data/app/pb_kits/playbook/pb_textarea/_textarea.scss +2 -1
  69. data/app/pb_kits/playbook/pb_time/_time.jsx +57 -14
  70. data/app/pb_kits/playbook/pb_time/_time.scss +17 -0
  71. data/app/pb_kits/playbook/pb_time/docs/_time_align.jsx +27 -0
  72. data/app/pb_kits/playbook/pb_time/docs/_time_dark.jsx +28 -0
  73. data/app/pb_kits/playbook/pb_time/docs/_time_default.jsx +28 -0
  74. data/app/pb_kits/playbook/pb_time/docs/_time_timestamp.jsx +32 -0
  75. data/app/pb_kits/playbook/pb_time/docs/example.yml +4 -0
  76. data/app/pb_kits/playbook/pb_time/docs/index.js +4 -0
  77. data/app/pb_kits/playbook/pb_title/_title.jsx +2 -5
  78. data/app/pb_kits/playbook/pb_title/_title.scss +1 -1
  79. data/app/pb_kits/playbook/pb_title/title.rb +1 -9
  80. data/app/pb_kits/playbook/pb_toggle/_toggle.jsx +37 -29
  81. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_custom.jsx +31 -0
  82. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_custom_radio.html.erb +6 -6
  83. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_custom_radio.jsx +72 -0
  84. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_default.html.erb +1 -3
  85. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_default.jsx +6 -19
  86. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_name.jsx +57 -0
  87. data/app/pb_kits/playbook/pb_toggle/docs/{_toggle_checked.html.erb → _toggle_size.html.erb} +2 -2
  88. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_size.jsx +44 -0
  89. data/app/pb_kits/playbook/pb_toggle/docs/example.yml +8 -5
  90. data/app/pb_kits/playbook/pb_toggle/docs/index.js +4 -2
  91. data/app/pb_kits/playbook/vendor.js +6 -0
  92. data/lib/playbook/version.rb +1 -1
  93. metadata +50 -6
  94. data/app/pb_kits/playbook/pb_form/form_builder/checkbox_field.rb +0 -26
  95. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_accessibility.jsx +0 -12
  96. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_data.jsx +0 -15
data/app/pb_kits/playbook/pb_toggle/docs/_toggle_default.html.erb CHANGED
@@ -1,11 +1,9 @@
1
1
  <%= pb_rails("toggle", props: {
2
- size: "sm",
3
- checked: false
2
+ checked: true
4
3
  }) %>
5
4
 
6
5
  <br>
7
6
 
8
7
  <%= pb_rails("toggle", props: {
9
- size: "md",
10
8
  checked: false
11
9
  }) %>
data/app/pb_kits/playbook/pb_toggle/docs/_toggle_default.jsx CHANGED
@@ -1,33 +1,20 @@
1
1
  // @flow
2
2
 
3
- import React, { useState } from 'react'
4
- import { Toggle } from '../../'
5
-
6
- const Example = () => {
7
- const [toggle1, setToggle1] = useState(false)
8
- const [toggle2, setToggle2] = useState(false)
3
+ import React from 'react'
4
+ import { Toggle } from '../..'
9
5
 
6
+ const ToggleDefault = () => {
10
7
  return (
11
8
  <>
12
9
  <Toggle
13
- checked={toggle1}
14
- name="toggle1"
15
- onChange={(event) => setToggle1(event.target.value)}
16
- onCheck={(event) => alert(`${event.target.name} checked!`)}
17
- onUncheck={(event) => alert(`${event.target.name} unchecked!`)}
10
+ checked
18
11
  />
19
12
 
20
13
  <br />
21
14
 
22
- <Toggle
23
- checked={toggle2}
24
- name="toggle2"
25
- onChange={(event) => setToggle2(event.target.value)}
26
- onCheck={(event) => alert(`${event.target.name} checked!`)}
27
- onUncheck={(event) => alert(`${event.target.name} unchecked!`)}
28
- />
15
+ <Toggle />
29
16
  </>
30
17
  )
31
18
  }
32
19
 
33
- export default Example
20
+ export default ToggleDefault
data/app/pb_kits/playbook/pb_toggle/docs/_toggle_name.jsx ADDED
@@ -0,0 +1,57 @@
1
+ // @flow
2
+
3
+ import React, { useState } from 'react'
4
+ import { Caption, Title, Toggle } from '../..'
5
+
6
+ const ToggleName = () => {
7
+ const [choice, setChoice] = useState(false)
8
+
9
+ const handleOnChange = ({ target }) => {
10
+ setChoice(target.value = !choice)
11
+ }
12
+
13
+ return (
14
+ <>
15
+ <Title
16
+ size={4}
17
+ text="Which of the following vehicles do you own?"
18
+ />
19
+
20
+ <br />
21
+
22
+ <Caption
23
+ text="Car"
24
+ />
25
+ <Toggle
26
+ checked={choice}
27
+ size="sm"
28
+ >
29
+ <input
30
+ name="vehicle"
31
+ onChange={handleOnChange}
32
+ type="checkbox"
33
+ value="car"
34
+ />
35
+ </Toggle>
36
+
37
+ <br />
38
+ <Caption
39
+ text="Bike"
40
+ />
41
+ <Toggle
42
+ checked={choice}
43
+ size="sm"
44
+ >
45
+ <input
46
+ name="vehicle"
47
+ onChange={handleOnChange}
48
+ type="checkbox"
49
+ value="bike"
50
+ />
51
+ </Toggle>
52
+
53
+ </>
54
+ )
55
+ }
56
+
57
+ export default ToggleName
data/app/pb_kits/playbook/pb_toggle/docs/{_toggle_checked.html.erb → _toggle_size.html.erb} RENAMED
@@ -1,6 +1,6 @@
1
1
  <%= pb_rails("toggle", props: {
2
- size: "md",
3
- checked: true
2
+ size: "sm",
3
+ checked: false
4
4
  }) %>
5
5
 
6
6
  <br>
data/app/pb_kits/playbook/pb_toggle/docs/_toggle_size.jsx ADDED
@@ -0,0 +1,44 @@
1
+ // @flow
2
+
3
+ import React, { useState } from 'react'
4
+ import { Toggle } from '../..'
5
+
6
+ const ToggleSize = () => {
7
+ const [choice, setChoice] = useState(false)
8
+
9
+ const handleOnChange = ({ target }) => {
10
+ setChoice(target.value = !choice)
11
+ }
12
+
13
+ return (
14
+ <>
15
+ <Toggle
16
+ checked={choice}
17
+ size="sm"
18
+ >
19
+ <input
20
+ name="toggleSmall"
21
+ onChange={handleOnChange}
22
+ type="checkbox"
23
+ value="toggleSmall"
24
+ />
25
+ </Toggle>
26
+
27
+ <br />
28
+
29
+ <Toggle
30
+ checked={choice}
31
+ size="md"
32
+ >
33
+ <input
34
+ name="toggleMedium"
35
+ onChange={handleOnChange}
36
+ type="checkbox"
37
+ value="toggleMedium"
38
+ />
39
+ </Toggle>
40
+ </>
41
+ )
42
+ }
43
+
44
+ export default ToggleSize
data/app/pb_kits/playbook/pb_toggle/docs/example.yml CHANGED
@@ -1,13 +1,16 @@
1
1
  examples:
2
2
 
3
3
  rails:
4
- - toggle_default: Sizes
5
- - toggle_checked: Default State
4
+ - toggle_default: Default State
5
+ - toggle_size: Sizes
6
6
  - toggle_name: Name and Value
7
7
  - toggle_custom: Custom checkbox input
8
8
  - toggle_custom_radio: Custom radio inputs
9
9
 
10
10
  react:
11
- - toggle_default: Default
12
- - toggle_accessibility: Toggle Accessibility
13
- - toggle_data: Toggle Data Props
11
+ - toggle_default: Default State
12
+ - toggle_size: Sizes
13
+ - toggle_name: Name and Value
14
+ - toggle_custom: Custom checkbox input
15
+ - toggle_custom_radio: Custom radio inputs
16
+
data/app/pb_kits/playbook/pb_toggle/docs/index.js CHANGED
@@ -1,3 +1,5 @@
1
1
  export { default as ToggleDefault } from './_toggle_default'
2
- export { default as ToggleAccessibility } from './_toggle_accessibility'
3
- export { default as ToggleData } from './_toggle_data'
2
+ export { default as ToggleSize } from './_toggle_size'
3
+ export { default as ToggleCustom } from './_toggle_custom'
4
+ export { default as ToggleName } from './_toggle_name'
5
+ export { default as ToggleCustomRadio } from './_toggle_custom_radio'
data/app/pb_kits/playbook/vendor.js CHANGED
@@ -5,6 +5,10 @@ window.pbChart = pbChart
5
5
  // Forms
6
6
  import './pb_form/pb_form_validation'
7
7
 
8
+ // Date Picker
9
+ import datePickerHelper from './pb_date_picker/date_picker_helper.js'
10
+ window.datePickerHelper = datePickerHelper
11
+
8
12
  // Lazy image loading
9
13
  import 'lazysizes'
10
14
 
@@ -19,3 +23,5 @@ PbTypeahead.start()
19
23
 
20
24
  import PbTable from './pb_table'
21
25
  PbTable.start()
26
+
27
+ import 'flatpickr'
data/lib/playbook/version.rb CHANGED
@@ -1,5 +1,5 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- VERSION = "6.0.1.pre.alpha6"
4
+ VERSION = "6.1.0.pre.alpha4"
5
5
  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: 6.0.1.pre.alpha6
4
+ version: 6.1.0.pre.alpha4
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: 2020-08-06 00:00:00.000000000 Z
12
+ date: 2020-08-10 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -522,6 +522,21 @@ files:
522
522
  - app/pb_kits/playbook/pb_button/docs/_footer.md
523
523
  - app/pb_kits/playbook/pb_button/docs/example.yml
524
524
  - app/pb_kits/playbook/pb_button/docs/index.js
525
+ - app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.html.erb
526
+ - app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.jsx
527
+ - app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.scss
528
+ - app/pb_kits/playbook/pb_button_toolbar/button_toolbar.rb
529
+ - app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_default.html.erb
530
+ - app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_default.jsx
531
+ - app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_secondary.html.erb
532
+ - app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_secondary.jsx
533
+ - app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_vertical.html.erb
534
+ - app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_vertical.jsx
535
+ - app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_vertical_secondary.html.erb
536
+ - app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_vertical_secondary.jsx
537
+ - app/pb_kits/playbook/pb_button_toolbar/docs/_description.md
538
+ - app/pb_kits/playbook/pb_button_toolbar/docs/example.yml
539
+ - app/pb_kits/playbook/pb_button_toolbar/docs/index.js
525
540
  - app/pb_kits/playbook/pb_caption/_caption.html.erb
526
541
  - app/pb_kits/playbook/pb_caption/_caption.jsx
527
542
  - app/pb_kits/playbook/pb_caption/_caption.scss
@@ -665,6 +680,29 @@ files:
665
680
  - app/pb_kits/playbook/pb_date/docs/_description.md
666
681
  - app/pb_kits/playbook/pb_date/docs/example.yml
667
682
  - app/pb_kits/playbook/pb_date/docs/index.js
683
+ - app/pb_kits/playbook/pb_date_picker/_date_picker.html.erb
684
+ - app/pb_kits/playbook/pb_date_picker/_date_picker.jsx
685
+ - app/pb_kits/playbook/pb_date_picker/_date_picker.scss
686
+ - app/pb_kits/playbook/pb_date_picker/date_picker.rb
687
+ - app/pb_kits/playbook/pb_date_picker/date_picker_helper.js
688
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.html.erb
689
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.jsx
690
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.html.erb
691
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.jsx
692
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_disabled.html.erb
693
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_disabled.jsx
694
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.html.erb
695
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.jsx
696
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.html.erb
697
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.jsx
698
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_label.html.erb
699
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_label.jsx
700
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_min_max.html.erb
701
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_min_max.jsx
702
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.html.erb
703
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.jsx
704
+ - app/pb_kits/playbook/pb_date_picker/docs/example.yml
705
+ - app/pb_kits/playbook/pb_date_picker/docs/index.js
668
706
  - app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.html.erb
669
707
  - app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.jsx
670
708
  - app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.scss
@@ -829,8 +867,8 @@ files:
829
867
  - app/pb_kits/playbook/pb_form/form/simple_form_form.rb
830
868
  - app/pb_kits/playbook/pb_form/form_builder.rb
831
869
  - app/pb_kits/playbook/pb_form/form_builder/action_area.rb
832
- - app/pb_kits/playbook/pb_form/form_builder/checkbox_field.rb
833
870
  - app/pb_kits/playbook/pb_form/form_builder/collection_select_field.rb
871
+ - app/pb_kits/playbook/pb_form/form_builder/date_picker_field.rb
834
872
  - app/pb_kits/playbook/pb_form/form_builder/form_field_builder.rb
835
873
  - app/pb_kits/playbook/pb_form/form_builder/form_with_form_builder.rb
836
874
  - app/pb_kits/playbook/pb_form/form_builder/select_field.rb
@@ -1556,9 +1594,13 @@ files:
1556
1594
  - app/pb_kits/playbook/pb_time/_time.scss
1557
1595
  - app/pb_kits/playbook/pb_time/docs/_description.md
1558
1596
  - app/pb_kits/playbook/pb_time/docs/_footer.md
1597
+ - app/pb_kits/playbook/pb_time/docs/_time_align.jsx
1598
+ - app/pb_kits/playbook/pb_time/docs/_time_dark.jsx
1559
1599
  - app/pb_kits/playbook/pb_time/docs/_time_default.html.erb
1600
+ - app/pb_kits/playbook/pb_time/docs/_time_default.jsx
1560
1601
  - app/pb_kits/playbook/pb_time/docs/_time_default.md
1561
1602
  - app/pb_kits/playbook/pb_time/docs/_time_timestamp.html.erb
1603
+ - app/pb_kits/playbook/pb_time/docs/_time_timestamp.jsx
1562
1604
  - app/pb_kits/playbook/pb_time/docs/example.yml
1563
1605
  - app/pb_kits/playbook/pb_time/docs/index.js
1564
1606
  - app/pb_kits/playbook/pb_time/time.rb
@@ -1653,14 +1695,16 @@ files:
1653
1695
  - app/pb_kits/playbook/pb_toggle/_toggle.scss
1654
1696
  - app/pb_kits/playbook/pb_toggle/docs/_description.md
1655
1697
  - app/pb_kits/playbook/pb_toggle/docs/_footer.md
1656
- - app/pb_kits/playbook/pb_toggle/docs/_toggle_accessibility.jsx
1657
- - app/pb_kits/playbook/pb_toggle/docs/_toggle_checked.html.erb
1658
1698
  - app/pb_kits/playbook/pb_toggle/docs/_toggle_custom.html.erb
1699
+ - app/pb_kits/playbook/pb_toggle/docs/_toggle_custom.jsx
1659
1700
  - app/pb_kits/playbook/pb_toggle/docs/_toggle_custom_radio.html.erb
1660
- - app/pb_kits/playbook/pb_toggle/docs/_toggle_data.jsx
1701
+ - app/pb_kits/playbook/pb_toggle/docs/_toggle_custom_radio.jsx
1661
1702
  - app/pb_kits/playbook/pb_toggle/docs/_toggle_default.html.erb
1662
1703
  - app/pb_kits/playbook/pb_toggle/docs/_toggle_default.jsx
1663
1704
  - app/pb_kits/playbook/pb_toggle/docs/_toggle_name.html.erb
1705
+ - app/pb_kits/playbook/pb_toggle/docs/_toggle_name.jsx
1706
+ - app/pb_kits/playbook/pb_toggle/docs/_toggle_size.html.erb
1707
+ - app/pb_kits/playbook/pb_toggle/docs/_toggle_size.jsx
1664
1708
  - app/pb_kits/playbook/pb_toggle/docs/example.yml
1665
1709
  - app/pb_kits/playbook/pb_toggle/docs/index.js
1666
1710
  - app/pb_kits/playbook/pb_toggle/toggle.rb
data/app/pb_kits/playbook/pb_form/form_builder/checkbox_field.rb DELETED
@@ -1,26 +0,0 @@
1
- # frozen_string_literal: true
2
-
3
- module Playbook
4
- module PbForm
5
- module FormBuilder
6
- module CheckboxField
7
- def check_box(name, data: {}, props: {})
8
- value = props[:value] ||= 1
9
- input = super(name, { required: props[:required], data: data }, value)
10
- label_text = name.to_s.gsub("_", " ")
11
-
12
- if props[:label]
13
- @template.pb_rails("caption", props: { text: label_text, margin_bottom: "xs" }) +
14
- @template.pb_rails("checkbox", props: props) do
15
- input
16
- end
17
- else
18
- @template.pb_rails("checkbox", props: props) do
19
- input
20
- end
21
- end
22
- end
23
- end
24
- end
25
- end
26
- end
data/app/pb_kits/playbook/pb_toggle/docs/_toggle_accessibility.jsx DELETED
@@ -1,12 +0,0 @@
1
- // @flow
2
-
3
- import React from 'react'
4
- import { Toggle } from '../..'
5
-
6
- const Example = () => {
7
- return (
8
- <Toggle aria={{ label: 'toggle', expanded: false }} />
9
- )
10
- }
11
-
12
- export default Example
data/app/pb_kits/playbook/pb_toggle/docs/_toggle_data.jsx DELETED
@@ -1,15 +0,0 @@
1
- // @flow
2
-
3
- import React from 'react'
4
- import { Toggle } from '../..'
5
-
6
- const Example = () => {
7
- return (
8
- <Toggle
9
- checked
10
- data={{ id: 'the-toggle', expanded: true }}
11
- />
12
- )
13
- }
14
-
15
- export default Example