playbook_ui_docs 15.7.0.pre.alpha.play2607setheightofeditor13370 β 15.7.0.pre.alpha.play258013248
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/example.yml +0 -2
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/index.js +1 -3
- data/app/pb_kits/playbook/pb_text_input/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_text_input/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_textarea/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_textarea/docs/index.js +0 -1
- metadata +2 -12
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_height.jsx +0 -71
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_height.md +0 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_min_heigh.md +0 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_min_height.jsx +0 -71
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_emoji_mask.html.erb +0 -7
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_emoji_mask.jsx +0 -24
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_emoji_mask.md +0 -2
- data/app/pb_kits/playbook/pb_textarea/docs/_textarea_emoji_mask.html.erb +0 -5
- data/app/pb_kits/playbook/pb_textarea/docs/_textarea_emoji_mask.jsx +0 -24
- data/app/pb_kits/playbook/pb_textarea/docs/_textarea_emoji_mask.md +0 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: f2f09fe78e114f6a5ebe29fac1a8156511bab998e70d9543b9d6396d3863a3bd
|
|
4
|
+
data.tar.gz: 61e1cd4a12aac92f8f2be0d2796b98e3d1e254a2be384312c2d84367c37626ec
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: f7d2d1377eb2259126551896046b5c50aafb09e8be72215619191e6be0935288cb13077f94a0d7c4e78207dc5272611435eed60d3d69d485ef117f25ca090c05
|
|
7
|
+
data.tar.gz: 80ea7fcc063e5b959cc19f78b8cd1659c02725d9742d8208bf55f28bed7b500a62285657ac211085defde2e4a238ff4c51264dd04ff3b48e3b9c8111d8bab09e
|
|
@@ -29,7 +29,5 @@ examples:
|
|
|
29
29
|
# - rich_text_editor_toolbar_bottom: Toolbar Bottom
|
|
30
30
|
- rich_text_editor_inline: Inline
|
|
31
31
|
- rich_text_editor_advanced_inline: Advanced (Inline)
|
|
32
|
-
- rich_text_editor_advanced_height: Advanced Height
|
|
33
|
-
- rich_text_editor_advanced_min_height: Advanced Min Height
|
|
34
32
|
- rich_text_editor_preview: Preview
|
|
35
33
|
- rich_text_editor_advanced_preview: Advanced Preview
|
|
@@ -16,6 +16,4 @@ export { default as RichTextEditorAdvancedFocus } from './_rich_text_editor_adva
|
|
|
16
16
|
export { default as RichTextEditorAdvancedTemplates } from './_rich_text_editor_advanced_templates.jsx'
|
|
17
17
|
export { default as RichTextEditorAdvancedAttributes } from './_rich_text_editor_advanced_attributes.jsx'
|
|
18
18
|
export { default as RichTextEditorAdvancedSticky } from './_rich_text_editor_advanced_sticky.jsx'
|
|
19
|
-
export { default as RichTextEditorAdvancedInline } from './_rich_text_editor_advanced_inline.jsx'
|
|
20
|
-
export { default as RichTextEditorAdvancedHeight } from './_rich_text_editor_advanced_height.jsx'
|
|
21
|
-
export { default as RichTextEditorAdvancedMinHeight } from './_rich_text_editor_advanced_min_height.jsx'
|
|
19
|
+
export { default as RichTextEditorAdvancedInline } from './_rich_text_editor_advanced_inline.jsx'
|
|
@@ -11,7 +11,6 @@ examples:
|
|
|
11
11
|
- text_input_mask: Mask
|
|
12
12
|
- text_input_autocomplete: Autocomplete
|
|
13
13
|
- text_input_required_indicator: Required Indicator
|
|
14
|
-
- text_input_emoji_mask: Emoji Mask
|
|
15
14
|
|
|
16
15
|
|
|
17
16
|
react:
|
|
@@ -26,7 +25,6 @@ examples:
|
|
|
26
25
|
- text_input_sanitize: Sanitized Masked Input
|
|
27
26
|
- text_input_autocomplete: Autocomplete
|
|
28
27
|
- text_input_required_indicator: Required Indicator
|
|
29
|
-
- text_input_emoji_mask: Emoji Mask
|
|
30
28
|
|
|
31
29
|
|
|
32
30
|
swift:
|
|
@@ -9,4 +9,3 @@ export { default as TextInputMask } from './_text_input_mask.jsx'
|
|
|
9
9
|
export { default as TextInputSanitize } from './_text_input_sanitize.jsx'
|
|
10
10
|
export { default as TextInputAutocomplete } from './_text_input_autocomplete.jsx'
|
|
11
11
|
export { default as TextInputRequiredIndicator } from './_text_input_required_indicator.jsx'
|
|
12
|
-
export { default as TextInputEmojiMask } from './_text_input_emoji_mask.jsx'
|
|
@@ -7,7 +7,6 @@ examples:
|
|
|
7
7
|
- textarea_error: Textarea w/ Error
|
|
8
8
|
- textarea_character_counter: Character Counter
|
|
9
9
|
- textarea_inline: Inline
|
|
10
|
-
- textarea_emoji_mask: Emoji Mask
|
|
11
10
|
|
|
12
11
|
react:
|
|
13
12
|
- textarea_default: Default
|
|
@@ -16,7 +15,6 @@ examples:
|
|
|
16
15
|
- textarea_error: Textarea w/ Error
|
|
17
16
|
- textarea_character_counter: Character Counter
|
|
18
17
|
- textarea_inline: Inline
|
|
19
|
-
- textarea_emoji_mask: Emoji Mask
|
|
20
18
|
|
|
21
19
|
swift:
|
|
22
20
|
- textarea_default_swift: Default
|
|
@@ -4,4 +4,3 @@ export { default as TextareaCustom } from './_textarea_custom.jsx'
|
|
|
4
4
|
export { default as TextareaError } from './_textarea_error.jsx'
|
|
5
5
|
export { default as TextareaCharacterCounter } from './_textarea_character_counter.jsx'
|
|
6
6
|
export { default as TextareaInline } from './_textarea_inline.jsx'
|
|
7
|
-
export { default as TextareaEmojiMask } from './_textarea_emoji_mask.jsx'
|
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: 15.7.0.pre.alpha.
|
|
4
|
+
version: 15.7.0.pre.alpha.play258013248
|
|
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-01-
|
|
12
|
+
date: 2026-01-02 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: playbook_ui
|
|
@@ -2003,12 +2003,8 @@ files:
|
|
|
2003
2003
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_default.md
|
|
2004
2004
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_focus.jsx
|
|
2005
2005
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_focus.md
|
|
2006
|
-
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_height.jsx
|
|
2007
|
-
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_height.md
|
|
2008
2006
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_inline.jsx
|
|
2009
2007
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_inline.md
|
|
2010
|
-
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_min_heigh.md
|
|
2011
|
-
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_min_height.jsx
|
|
2012
2008
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_preview.jsx
|
|
2013
2009
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_simple.jsx
|
|
2014
2010
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_sticky.jsx
|
|
@@ -2384,9 +2380,6 @@ files:
|
|
|
2384
2380
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled.html.erb
|
|
2385
2381
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled.jsx
|
|
2386
2382
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled_swift.md
|
|
2387
|
-
- app/pb_kits/playbook/pb_text_input/docs/_text_input_emoji_mask.html.erb
|
|
2388
|
-
- app/pb_kits/playbook/pb_text_input/docs/_text_input_emoji_mask.jsx
|
|
2389
|
-
- app/pb_kits/playbook/pb_text_input/docs/_text_input_emoji_mask.md
|
|
2390
2383
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_error.html.erb
|
|
2391
2384
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
|
|
2392
2385
|
- app/pb_kits/playbook/pb_text_input/docs/_text_input_error.md
|
|
@@ -2416,9 +2409,6 @@ files:
|
|
|
2416
2409
|
- app/pb_kits/playbook/pb_textarea/docs/_textarea_default.html.erb
|
|
2417
2410
|
- app/pb_kits/playbook/pb_textarea/docs/_textarea_default.jsx
|
|
2418
2411
|
- app/pb_kits/playbook/pb_textarea/docs/_textarea_default_swift.md
|
|
2419
|
-
- app/pb_kits/playbook/pb_textarea/docs/_textarea_emoji_mask.html.erb
|
|
2420
|
-
- app/pb_kits/playbook/pb_textarea/docs/_textarea_emoji_mask.jsx
|
|
2421
|
-
- app/pb_kits/playbook/pb_textarea/docs/_textarea_emoji_mask.md
|
|
2422
2412
|
- app/pb_kits/playbook/pb_textarea/docs/_textarea_error.html.erb
|
|
2423
2413
|
- app/pb_kits/playbook/pb_textarea/docs/_textarea_error.jsx
|
|
2424
2414
|
- app/pb_kits/playbook/pb_textarea/docs/_textarea_error.md
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
import RichTextEditor from '../_rich_text_editor'
|
|
3
|
-
import { useEditor, EditorContent } from "@tiptap/react"
|
|
4
|
-
import StarterKit from "@tiptap/starter-kit"
|
|
5
|
-
import Link from '@tiptap/extension-link'
|
|
6
|
-
import { Caption } from "playbook-ui"
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
const RichTextEditorAdvancedHeight = (props) => {
|
|
10
|
-
|
|
11
|
-
const editor = useEditor({
|
|
12
|
-
extensions: [
|
|
13
|
-
StarterKit,
|
|
14
|
-
Link
|
|
15
|
-
],
|
|
16
|
-
content: "Add your text here. You can format your text, add links, quotes, and bullets."
|
|
17
|
-
})
|
|
18
|
-
|
|
19
|
-
const editor2 = useEditor({
|
|
20
|
-
extensions: [
|
|
21
|
-
StarterKit,
|
|
22
|
-
Link
|
|
23
|
-
],
|
|
24
|
-
content: "Add your text here. You can format your text, add links, quotes, and bullets."
|
|
25
|
-
})
|
|
26
|
-
|
|
27
|
-
const editor3 = useEditor({
|
|
28
|
-
extensions: [
|
|
29
|
-
StarterKit,
|
|
30
|
-
Link
|
|
31
|
-
],
|
|
32
|
-
content: "Add your text here. You can format your text, add links, quotes, and bullets."
|
|
33
|
-
})
|
|
34
|
-
|
|
35
|
-
return (
|
|
36
|
-
<div>
|
|
37
|
-
<Caption>sm</Caption>
|
|
38
|
-
<RichTextEditor
|
|
39
|
-
advancedEditor={editor}
|
|
40
|
-
inputHeight="sm"
|
|
41
|
-
{...props}
|
|
42
|
-
>
|
|
43
|
-
<EditorContent editor={editor} />
|
|
44
|
-
</RichTextEditor>
|
|
45
|
-
|
|
46
|
-
<br />
|
|
47
|
-
|
|
48
|
-
<Caption>md</Caption>
|
|
49
|
-
<RichTextEditor
|
|
50
|
-
advancedEditor={editor2}
|
|
51
|
-
inputHeight="md"
|
|
52
|
-
{...props}
|
|
53
|
-
>
|
|
54
|
-
<EditorContent editor={editor2} />
|
|
55
|
-
</RichTextEditor>
|
|
56
|
-
|
|
57
|
-
<br />
|
|
58
|
-
|
|
59
|
-
<Caption>lg</Caption>
|
|
60
|
-
<RichTextEditor
|
|
61
|
-
advancedEditor={editor3}
|
|
62
|
-
inputHeight="lg"
|
|
63
|
-
{...props}
|
|
64
|
-
>
|
|
65
|
-
<EditorContent editor={editor3} />
|
|
66
|
-
</RichTextEditor>
|
|
67
|
-
</div>
|
|
68
|
-
)
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
export default RichTextEditorAdvancedHeight
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
Use the `inputHeight` prop to keep the text area a specific height. If the text exceeds the text area, it will automatically add a scrollbar to maintain the fixed height.
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
Use the inputMinHeight prop to render the text area with a minimum height. If the text exceeds the text area, the text area will grow to accommodate it.
|
data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_min_height.jsx
DELETED
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
import RichTextEditor from '../_rich_text_editor'
|
|
3
|
-
import { useEditor, EditorContent } from "@tiptap/react"
|
|
4
|
-
import StarterKit from "@tiptap/starter-kit"
|
|
5
|
-
import Link from '@tiptap/extension-link'
|
|
6
|
-
import { Caption } from "playbook-ui"
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
const RichTextEditorAdvancedMinHeight = (props) => {
|
|
10
|
-
|
|
11
|
-
const editor1 = useEditor({
|
|
12
|
-
extensions: [
|
|
13
|
-
StarterKit,
|
|
14
|
-
Link
|
|
15
|
-
],
|
|
16
|
-
content: "Add your text here. You can format your text, add links, quotes, and bullets."
|
|
17
|
-
})
|
|
18
|
-
|
|
19
|
-
const editor2 = useEditor({
|
|
20
|
-
extensions: [
|
|
21
|
-
StarterKit,
|
|
22
|
-
Link
|
|
23
|
-
],
|
|
24
|
-
content: "Add your text here. You can format your text, add links, quotes, and bullets."
|
|
25
|
-
})
|
|
26
|
-
|
|
27
|
-
const editor3 = useEditor({
|
|
28
|
-
extensions: [
|
|
29
|
-
StarterKit,
|
|
30
|
-
Link
|
|
31
|
-
],
|
|
32
|
-
content: "Add your text here. You can format your text, add links, quotes, and bullets."
|
|
33
|
-
})
|
|
34
|
-
|
|
35
|
-
return (
|
|
36
|
-
<div>
|
|
37
|
-
<Caption>sm</Caption>
|
|
38
|
-
<RichTextEditor
|
|
39
|
-
advancedEditor={editor1}
|
|
40
|
-
inputMinHeight="sm"
|
|
41
|
-
{...props}
|
|
42
|
-
>
|
|
43
|
-
<EditorContent editor={editor1} />
|
|
44
|
-
</RichTextEditor>
|
|
45
|
-
|
|
46
|
-
<br />
|
|
47
|
-
|
|
48
|
-
<Caption>md</Caption>
|
|
49
|
-
<RichTextEditor
|
|
50
|
-
advancedEditor={editor2}
|
|
51
|
-
inputMinHeight="md"
|
|
52
|
-
{...props}
|
|
53
|
-
>
|
|
54
|
-
<EditorContent editor={editor2} />
|
|
55
|
-
</RichTextEditor>
|
|
56
|
-
|
|
57
|
-
<br />
|
|
58
|
-
|
|
59
|
-
<Caption>lg</Caption>
|
|
60
|
-
<RichTextEditor
|
|
61
|
-
advancedEditor={editor3}
|
|
62
|
-
inputMinHeight="lg"
|
|
63
|
-
{...props}
|
|
64
|
-
>
|
|
65
|
-
<EditorContent editor={editor3} />
|
|
66
|
-
</RichTextEditor>
|
|
67
|
-
</div>
|
|
68
|
-
)
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
export default RichTextEditorAdvancedMinHeight
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import React, { useState } from 'react'
|
|
2
|
-
|
|
3
|
-
import TextInput from '../../pb_text_input/_text_input'
|
|
4
|
-
|
|
5
|
-
const TextInputEmojiMask = (props) => {
|
|
6
|
-
const [basicValue, setBasicValue] = useState('')
|
|
7
|
-
|
|
8
|
-
return (
|
|
9
|
-
<div>
|
|
10
|
-
<TextInput
|
|
11
|
-
emojiMask
|
|
12
|
-
label="Emoji Mask"
|
|
13
|
-
onChange={({ target }) => setBasicValue(target.value)}
|
|
14
|
-
placeholder="Try typing or pasting emojis..."
|
|
15
|
-
value={basicValue}
|
|
16
|
-
{...props}
|
|
17
|
-
/>
|
|
18
|
-
</div>
|
|
19
|
-
)
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
export default TextInputEmojiMask
|
|
23
|
-
|
|
24
|
-
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import React, { useState } from 'react'
|
|
2
|
-
|
|
3
|
-
import Textarea from '../../pb_textarea/_textarea'
|
|
4
|
-
|
|
5
|
-
const TextareaEmojiMask = (props) => {
|
|
6
|
-
const [basicValue, setBasicValue] = useState('')
|
|
7
|
-
|
|
8
|
-
return (
|
|
9
|
-
<div>
|
|
10
|
-
<Textarea
|
|
11
|
-
emojiMask
|
|
12
|
-
label="Emoji Mask"
|
|
13
|
-
onChange={({ target }) => setBasicValue(target.value)}
|
|
14
|
-
placeholder="Try typing or pasting emojis..."
|
|
15
|
-
value={basicValue}
|
|
16
|
-
{...props}
|
|
17
|
-
/>
|
|
18
|
-
</div>
|
|
19
|
-
)
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
export default TextareaEmojiMask
|
|
23
|
-
|
|
24
|
-
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
Use the `emojiMask` / `emoji_mask` prop to prevent users from entering emoji characters (πΈ π πββοΈ) in typed or pasted content. It allows accented characters and other non-ASCII letters (Γ©, ΓΌ, ζ).
|