playbook_ui 16.1.0.pre.alpha.play273614090 → 16.1.0.pre.alpha.play274314102

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 (38) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display_rails.html.erb +1 -1
  3. data/app/pb_kits/playbook/pb_dropdown/dropdown.html.erb +1 -1
  4. data/app/pb_kits/playbook/pb_dropdown/dropdown_trigger.html.erb +8 -8
  5. data/app/pb_kits/playbook/pb_dropdown/index.js +10 -11
  6. data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.tsx +20 -18
  7. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_attributes.jsx +4 -0
  8. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.jsx +4 -0
  9. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.jsx +5 -0
  10. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline.jsx +4 -0
  11. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_label.jsx +5 -0
  12. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.jsx +4 -0
  13. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_required_indicator.jsx +4 -0
  14. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_simple.jsx +4 -0
  15. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky.jsx +4 -0
  16. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_templates.jsx +4 -0
  17. data/app/pb_kits/playbook/pb_rich_text_editor/docs/example.yml +22 -21
  18. data/app/pb_kits/playbook/pb_rich_text_editor/docs/index.js +0 -1
  19. data/dist/chunks/_typeahead-Cx2lp7TD.js +1 -0
  20. data/dist/chunks/vendor.js +1 -1
  21. data/dist/playbook-rails-react-bindings.js +1 -1
  22. data/dist/playbook-rails.js +1 -1
  23. data/lib/playbook/version.rb +1 -1
  24. metadata +2 -15
  25. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_attributes.html.erb +0 -5
  26. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.html.erb +0 -1
  27. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.html.erb +0 -3
  28. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline.html.erb +0 -6
  29. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.html.erb +0 -35
  30. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_required_indicator.html.erb +0 -10
  31. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_simple.html.erb +0 -1
  32. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky.html.erb +0 -1
  33. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_templates.html.erb +0 -115
  34. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_bottom.html.erb +0 -4
  35. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_bottom.jsx +0 -14
  36. data/app/pb_kits/playbook/pb_rich_text_editor/rich_text_editor.html.erb +0 -5
  37. data/app/pb_kits/playbook/pb_rich_text_editor/rich_text_editor.rb +0 -63
  38. data/dist/chunks/_typeahead-BKSzddAX.js +0 -1
@@ -1,115 +0,0 @@
1
- <% changelog = "<div>
2
- <strong>Changelog:<br></strong>
3
- [INSERT LINK]<br><br>
4
- You can test the normal spots of Playbook rails and react on
5
- dev docs plus the following:
6
- </div>
7
- <div>
8
- <br>
9
- </div>" %>
10
-
11
- <% release = "<div>
12
- <div>
13
- <strong>Story Background</strong>
14
- </div>
15
- <div>
16
- Follow the{' '}
17
- <a href='https://github.com/powerhome/playbook/wiki/Release-Team-Guide'>
18
- release process
19
- </a>{' '}
20
- to create a new version, create a gem, and package. Create a Ninja testing
21
- plan, then update Nitro with the new version.
22
- </div>
23
- <div>
24
- <br />
25
- </div>
26
- <div>
27
- <strong>Timeline / Due Date</strong>
28
- </div>
29
- <div>
30
- <em>Release End of business Thursday</em>
31
- </div>
32
- <div>
33
- <em>Testing on Nitro End of business Friday</em>
34
- </div>
35
- <div>
36
- <br />
37
- </div>
38
- <div>
39
- <strong>Definition of done</strong>
40
- </div>
41
- <ol>
42
- <li>Merge all PR’s</li>
43
- <li>Update the final CHANGELOG</li>
44
- <li>Version up and generate NPM, and RubyGem</li>
45
- <li>Create next version branch and milestone</li>
46
- <li>Update default branch and branch protection rules&nbsp;</li>
47
- <li>Notify Everyone of new version</li>
48
- <li>
49
- Generate testing plan and pages to test for Ninjas (update runway
50
- ticket)
51
- </li>
52
- <li>Update version on Nitro and get on Demo</li>
53
- <li>Send Ninjas demo and runway ticket for testing</li>
54
- <li>Ninja Approved + PR Approved</li>
55
- </ol>
56
- <div>
57
- <br />
58
- </div>
59
- <div>
60
- <strong>Stakeholders / Sign-off</strong>
61
- </div>
62
- <ul>
63
- <li>Code Owners</li>
64
- </ul>
65
- <div>
66
- <br />
67
- <strong>Cadence</strong>
68
- <br />
69
- Jason, Jon, Stephen, Jasper, Brendan, Cole
70
- </div>
71
- </div>" %>
72
-
73
- <%= pb_rails("select", props: {
74
- id: "rails-select-dropdown",
75
- label: "",
76
- name: "",
77
- blank_selection: "Select a template",
78
- options: [
79
- {
80
- value: release,
81
- value_text: "Playbook Release",
82
- },
83
- {
84
- value: changelog,
85
- value_text: "Changelog",
86
- },
87
- ]
88
- }) %>
89
-
90
-
91
-
92
-
93
-
94
- <%= pb_rails("rich_text_editor", props: {classname: 'template-test', id: "template", template: '' }) %>
95
-
96
-
97
- <script>
98
- const updateContent = (template) => {
99
- const trix = document.querySelector('.template-test trix-editor');
100
- const editor = trix.editor;
101
- console.log(editor)
102
- editor.loadHTML("")
103
- editor.setSelectedRange([0, 0])
104
- editor.insertHTML(template)
105
- }
106
-
107
- window.addEventListener('DOMContentLoaded', () => {
108
- const editor = document.querySelector("#rails-select-dropdown")
109
- editor.addEventListener('change', function() {
110
- console.log('You selected: ', this.value);
111
- const template = this.value
112
- updateContent(template);
113
- });
114
- });
115
- </script>
@@ -1,4 +0,0 @@
1
- <%= pb_rails("rich_text_editor", props: {
2
- id: "toolbar-bottom",
3
- toolbar_bottom: true
4
- }) %>
@@ -1,14 +0,0 @@
1
- import React from 'react'
2
- import RichTextEditor from '../../pb_rich_text_editor/_rich_text_editor'
3
-
4
- const RichTextEditorToolbarBottom = (props) => (
5
- <div>
6
- <RichTextEditor
7
- id="bottom-toolbar"
8
- toolbarBottom
9
- {...props}
10
- />
11
- </div>
12
- )
13
-
14
- export default RichTextEditorToolbarBottom
@@ -1,5 +0,0 @@
1
- <%= react_component('RichTextEditor',
2
- object.rich_text_options,
3
- aria: object.aria,
4
- data: object.data
5
- ) %>
@@ -1,63 +0,0 @@
1
- # frozen_string_literal: true
2
-
3
- module Playbook
4
- module PbRichTextEditor
5
- class RichTextEditor < Playbook::KitBase
6
- prop :focus, type: Playbook::Props::Boolean,
7
- default: false
8
-
9
- prop :inline, type: Playbook::Props::Boolean,
10
- default: false
11
-
12
- prop :simple, type: Playbook::Props::Boolean,
13
- default: false
14
-
15
- prop :sticky, type: Playbook::Props::Boolean,
16
- default: false
17
- prop :toolbar_bottom, type: Playbook::Props::Boolean,
18
- default: false
19
-
20
- prop :value
21
- prop :template
22
- prop :placeholder
23
- prop :input_options
24
- prop :label
25
- prop :required_indicator, type: Playbook::Props::Boolean,
26
- default: false
27
-
28
- def classname
29
- generate_classname("pb_rich_text_editor_kit", simple_class, focus_class, sticky_class, separator: " ")
30
- end
31
-
32
- def focus_class
33
- focus ? "focus-editor-targets" : nil
34
- end
35
-
36
- def simple_class
37
- simple ? "simple" : nil
38
- end
39
-
40
- def sticky_class
41
- sticky ? "sticky" : nil
42
- end
43
-
44
- def rich_text_options
45
- {
46
- id: id,
47
- inline: inline,
48
- className: classname,
49
- focus: focus,
50
- simple: simple,
51
- sticky: sticky,
52
- toolbarBottom: toolbar_bottom,
53
- value: value,
54
- template: template,
55
- placeholder: placeholder,
56
- inputOptions: input_options,
57
- label: label,
58
- requiredIndicator: required_indicator,
59
- }
60
- end
61
- end
62
- end
63
- end