playbook_ui_docs 16.5.0.pre.alpha.PLAY2893datepickerlabelclicktoggle15576 → 16.5.0.pre.alpha.RTEPOC15682
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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_rails_default.html.erb +1 -0
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_rails_default.md +1 -0
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/example.yml +1 -0
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_createable.html.erb +29 -0
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_createable.md +1 -0
- data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +1 -0
- metadata +6 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 68501812cec704bd5595d7eacb8a8a027ea7010f14ffb12d9355264001c5f997
|
|
4
|
+
data.tar.gz: fa80ed55930de65be57099fee352ef8444671afbd88af2282bdf05bfd50e3821
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: a15f5bbc2a3ff5ba381789983e4ae58a10a2ba8152409b523ee3501527d7e7a911bea326968f28275258657ba8335dd8fbcdff8e4030c81cf7a019464235b55b
|
|
7
|
+
data.tar.gz: d5e6abded12de02753b05899097e7fe4ae230516aa97df1da24fb2b0dbcded2a2b03a77d5e379b1c201bffe91356dc4c54493f6964a8e6c915566f23ac3a9b74
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<%= pb_rails("rich_text_editor", props: { input_options: { id: 'hidden_input_id', name: "hidden_input_name" }, value: "Add your text here. You can format your text, add links, quotes, and bullets." }) %>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
TipTap (vanilla JS) — the Playbook **Rails** rich text editor. No React; same editor core as the React TipTap variant. Content is synced to a hidden input for Rails form submission. Use `pb_rails("rich_text_editor", props: { input_options: { id: "...", name: "..." }, value: "..." })`.
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
<%
|
|
2
|
+
options = [
|
|
3
|
+
{ label: 'Orange', value: '#FFA500' },
|
|
4
|
+
{ label: 'Red', value: '#FF0000' },
|
|
5
|
+
{ label: 'Green', value: '#00FF00' },
|
|
6
|
+
{ label: 'Blue', value: '#0000FF' },
|
|
7
|
+
]
|
|
8
|
+
%>
|
|
9
|
+
|
|
10
|
+
<%= pb_rails("typeahead", props: {
|
|
11
|
+
id: "typeahead-creatable",
|
|
12
|
+
placeholder: "All Colors",
|
|
13
|
+
options: options,
|
|
14
|
+
label: "Colors",
|
|
15
|
+
name: :foo,
|
|
16
|
+
createable: true,
|
|
17
|
+
pills: true,
|
|
18
|
+
})
|
|
19
|
+
%>
|
|
20
|
+
|
|
21
|
+
<%= javascript_tag defer: "defer" do %>
|
|
22
|
+
document.addEventListener("pb-typeahead-kit-typeahead-creatable-result-option-select", function(event) {
|
|
23
|
+
console.log('Single Option selected')
|
|
24
|
+
console.dir(event.detail)
|
|
25
|
+
})
|
|
26
|
+
document.addEventListener("pb-typeahead-kit-typeahead-creatable-result-clear", function() {
|
|
27
|
+
console.log('All options cleared')
|
|
28
|
+
})
|
|
29
|
+
<% end %>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
The `createable` prop allows users to create new options by typing a value that doesn't exist in the options list.
|
|
@@ -11,6 +11,7 @@ examples:
|
|
|
11
11
|
- typeahead_with_pills_async_users: With Pills (Async Data w/ Users)
|
|
12
12
|
- typeahead_inline: Inline
|
|
13
13
|
- typeahead_multi_kit: Multi Kit Options
|
|
14
|
+
- typeahead_createable: Createable
|
|
14
15
|
- typeahead_error_state: Error State
|
|
15
16
|
- typeahead_margin_bottom: Margin Bottom
|
|
16
17
|
- typeahead_with_pills_color: With Pills (Custom Color)
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: playbook_ui_docs
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 16.5.0.pre.alpha.
|
|
4
|
+
version: 16.5.0.pre.alpha.RTEPOC15682
|
|
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: 2026-04-
|
|
12
|
+
date: 2026-04-10 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: playbook_ui
|
|
@@ -1998,6 +1998,8 @@ files:
|
|
|
1998
1998
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.md
|
|
1999
1999
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_more_extensions.jsx
|
|
2000
2000
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_more_extensions.md
|
|
2001
|
+
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_rails_default.html.erb
|
|
2002
|
+
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_rails_default.md
|
|
2001
2003
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_disabled.jsx
|
|
2002
2004
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_disabled.md
|
|
2003
2005
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/example.yml
|
|
@@ -2623,7 +2625,9 @@ files:
|
|
|
2623
2625
|
- app/pb_kits/playbook/pb_typeahead/docs/_description.md
|
|
2624
2626
|
- app/pb_kits/playbook/pb_typeahead/docs/_footer.md
|
|
2625
2627
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_async_createable.jsx
|
|
2628
|
+
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_createable.html.erb
|
|
2626
2629
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_createable.jsx
|
|
2630
|
+
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_createable.md
|
|
2627
2631
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_menu_list.jsx
|
|
2628
2632
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_options.html.erb
|
|
2629
2633
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_options.jsx
|