playbook_ui 15.7.0.pre.alpha.play2607setheightofeditor13370 → 15.7.0.pre.alpha.play258013248

data/lib/playbook/forms/builder/form_field_builder.rb

@@ -46,8 +46,6 @@ module Playbook
               options[:data] = (options[:data] || {}).merge(message: validation[:message]) if validation[:message].present?
             end
 
-            options[:data] = (options[:data] || {}).merge(pb_emoji_mask: true) if props.key?(:emoji_mask) && props[:emoji_mask]
-
             input = super(name, **options, &block)
 
             input_id = input[/\bid="([^"]+)"/, 1] || "#{@object_name}_#{name}"

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "15.7.0"
-  VERSION = "15.7.0.pre.alpha.play2607setheightofeditor13370"
+  VERSION = "15.7.0.pre.alpha.play258013248"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 15.7.0.pre.alpha.play2607setheightofeditor13370
+  version: 15.7.0.pre.alpha.play258013248
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-01-07 00:00:00.000000000 Z
+date: 2026-01-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -2863,12 +2863,8 @@ files:
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_default.md
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_focus.jsx
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_focus.md
-- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_height.jsx
-- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_height.md
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_inline.jsx
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_inline.md
-- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_min_heigh.md
-- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_min_height.jsx
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_preview.jsx
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_simple.jsx
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_sticky.jsx
@@ -3372,9 +3368,6 @@ files:
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled.html.erb
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled.jsx
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled_swift.md
-- app/pb_kits/playbook/pb_text_input/docs/_text_input_emoji_mask.html.erb
-- app/pb_kits/playbook/pb_text_input/docs/_text_input_emoji_mask.jsx
-- app/pb_kits/playbook/pb_text_input/docs/_text_input_emoji_mask.md
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_error.html.erb
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_error.md
@@ -3412,9 +3405,6 @@ files:
 - app/pb_kits/playbook/pb_textarea/docs/_textarea_default.html.erb
 - app/pb_kits/playbook/pb_textarea/docs/_textarea_default.jsx
 - app/pb_kits/playbook/pb_textarea/docs/_textarea_default_swift.md
-- app/pb_kits/playbook/pb_textarea/docs/_textarea_emoji_mask.html.erb
-- app/pb_kits/playbook/pb_textarea/docs/_textarea_emoji_mask.jsx
-- app/pb_kits/playbook/pb_textarea/docs/_textarea_emoji_mask.md
 - app/pb_kits/playbook/pb_textarea/docs/_textarea_error.html.erb
 - app/pb_kits/playbook/pb_textarea/docs/_textarea_error.jsx
 - app/pb_kits/playbook/pb_textarea/docs/_textarea_error.md
@@ -3912,7 +3902,6 @@ files:
 - app/pb_kits/playbook/utilities/_vertical_align.scss
 - app/pb_kits/playbook/utilities/_width.scss
 - app/pb_kits/playbook/utilities/deprecated.ts
-- app/pb_kits/playbook/utilities/emojiMask.ts
 - app/pb_kits/playbook/utilities/flexbox_global_props/_align_content.scss
 - app/pb_kits/playbook/utilities/flexbox_global_props/_align_items.scss
 - app/pb_kits/playbook/utilities/flexbox_global_props/_align_self.scss
@@ -3952,9 +3941,9 @@ files:
 - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
 - app/pb_kits/playbook/utilities/text.ts
 - app/pb_kits/playbook/utilities/validEmojiChecker.ts
-- dist/chunks/_typeahead-D0GNUBXn.js
+- dist/chunks/_typeahead-Ckz1ce-2.js
 - dist/chunks/lazysizes-B7xYodB-.js
-- dist/chunks/lib-DxCgrqqG.js
+- dist/chunks/lib-DxDBrGZX.js
 - dist/chunks/vendor.js
 - dist/menu.yml
 - dist/playbook-rails-react-bindings.js

data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_height.jsx

@@ -1,71 +0,0 @@
-import React from 'react'
-import RichTextEditor from '../_rich_text_editor'
-import { useEditor, EditorContent } from "@tiptap/react"
-import StarterKit from "@tiptap/starter-kit"
-import Link from '@tiptap/extension-link'
-import { Caption } from "playbook-ui"
-
-
-const RichTextEditorAdvancedHeight = (props) => {
-
-  const editor = useEditor({
-    extensions: [
-      StarterKit,
-      Link
-    ],
-    content: "Add your text here. You can format your text, add links, quotes, and bullets."
-  })
-
-  const editor2 = useEditor({
-    extensions: [
-      StarterKit,
-      Link
-    ],
-    content: "Add your text here. You can format your text, add links, quotes, and bullets."
-  })
-
-  const editor3 = useEditor({
-    extensions: [
-      StarterKit,
-      Link
-    ],
-    content: "Add your text here. You can format your text, add links, quotes, and bullets."
-  })
-
-  return (
-    <div>
-      <Caption>sm</Caption>
-      <RichTextEditor
-          advancedEditor={editor}
-          inputHeight="sm"
-          {...props}
-      >
-        <EditorContent editor={editor} />
-      </RichTextEditor>
-
-      <br />
-
-      <Caption>md</Caption>
-      <RichTextEditor
-          advancedEditor={editor2}
-          inputHeight="md"
-          {...props}
-      >
-        <EditorContent editor={editor2} />
-      </RichTextEditor>
-
-      <br />
-
-      <Caption>lg</Caption>
-      <RichTextEditor
-          advancedEditor={editor3}
-          inputHeight="lg"
-          {...props}
-      >
-        <EditorContent editor={editor3} />
-      </RichTextEditor>
-    </div>
-  )
-}
-
-export default RichTextEditorAdvancedHeight

data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_height.md

@@ -1 +0,0 @@
-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.

data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_min_heigh.md

@@ -1 +0,0 @@
-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

@@ -1,71 +0,0 @@
-import React from 'react'
-import RichTextEditor from '../_rich_text_editor'
-import { useEditor, EditorContent } from "@tiptap/react"
-import StarterKit from "@tiptap/starter-kit"
-import Link from '@tiptap/extension-link'
-import { Caption } from "playbook-ui"
-
-
-const RichTextEditorAdvancedMinHeight = (props) => {
-
-  const editor1 = useEditor({
-    extensions: [
-      StarterKit,
-      Link
-    ],
-    content: "Add your text here. You can format your text, add links, quotes, and bullets."
-  })
-
-  const editor2 = useEditor({
-    extensions: [
-      StarterKit,
-      Link
-    ],
-    content: "Add your text here. You can format your text, add links, quotes, and bullets."
-  })
-
-  const editor3 = useEditor({
-    extensions: [
-      StarterKit,
-      Link
-    ],
-    content: "Add your text here. You can format your text, add links, quotes, and bullets."
-  })
-
-  return (
-    <div>
-    <Caption>sm</Caption>
-      <RichTextEditor
-          advancedEditor={editor1}
-          inputMinHeight="sm"
-          {...props}
-      >
-        <EditorContent editor={editor1} />
-      </RichTextEditor>
-
-         <br />
-
-    <Caption>md</Caption>
-      <RichTextEditor
-          advancedEditor={editor2}
-          inputMinHeight="md"
-          {...props}
-      >
-        <EditorContent editor={editor2} />
-      </RichTextEditor>
-
-         <br />
-
-    <Caption>lg</Caption>
-      <RichTextEditor
-          advancedEditor={editor3}
-          inputMinHeight="lg"
-          {...props}
-      >
-        <EditorContent editor={editor3} />
-      </RichTextEditor>
-    </div>
-  )
-}
-
-export default RichTextEditorAdvancedMinHeight

data/app/pb_kits/playbook/pb_text_input/docs/_text_input_emoji_mask.html.erb

@@ -1,7 +0,0 @@
-<%= pb_rails("text_input", props: {
-  emoji_mask: true,
-  label: "Emoji Mask",
-  placeholder: "Try typing or pasting emojis...",
-}) %>
-
-

data/app/pb_kits/playbook/pb_text_input/docs/_text_input_emoji_mask.jsx

@@ -1,24 +0,0 @@
-import React, { useState } from 'react'
-
-import TextInput from '../../pb_text_input/_text_input'
-
-const TextInputEmojiMask = (props) => {
-  const [basicValue, setBasicValue] = useState('')
-
-  return (
-    <div>
-      <TextInput
-          emojiMask
-          label="Emoji Mask"
-          onChange={({ target }) => setBasicValue(target.value)}
-          placeholder="Try typing or pasting emojis..."
-          value={basicValue}
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default TextInputEmojiMask
-
-

data/app/pb_kits/playbook/pb_text_input/docs/_text_input_emoji_mask.md

@@ -1,2 +0,0 @@
-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 (é, ü, 文).
-

data/app/pb_kits/playbook/pb_textarea/docs/_textarea_emoji_mask.html.erb

@@ -1,5 +0,0 @@
-<%= pb_rails("textarea", props: {
-  emoji_mask: true,
-  label: "Emoji Mask",
-  placeholder: "Try typing or pasting emojis...",
-}) %>

data/app/pb_kits/playbook/pb_textarea/docs/_textarea_emoji_mask.jsx

@@ -1,24 +0,0 @@
-import React, { useState } from 'react'
-
-import Textarea from '../../pb_textarea/_textarea'
-
-const TextareaEmojiMask = (props) => {
-  const [basicValue, setBasicValue] = useState('')
-
-  return (
-    <div>
-      <Textarea
-          emojiMask
-          label="Emoji Mask"
-          onChange={({ target }) => setBasicValue(target.value)}
-          placeholder="Try typing or pasting emojis..."
-          value={basicValue}
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default TextareaEmojiMask
-
-

data/app/pb_kits/playbook/pb_textarea/docs/_textarea_emoji_mask.md

@@ -1 +0,0 @@
-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 (é, ü, 文).

data/app/pb_kits/playbook/utilities/emojiMask.ts

@@ -1,42 +0,0 @@
-// Regex to match emoji/pictographic characters
-// With modifiers: Zero Width Joiner, Variation Selectors, Skin Tone Modifiers
-export const EMOJI_REGEX = /\p{Extended_Pictographic}|\u200D|\uFE0F|[\u{1F3FB}-\u{1F3FF}]/gu
-
-// Utility function to strip emojis from text when typing emojis
-export const stripEmojisForTyping = (text: string): string => {
-  return text.replace(EMOJI_REGEX, '')
-}
-
-// Utility function to strip emojis and clean up whitespace when pasting emojis
-export const stripEmojisForPaste = (text: string): string => {
-  return stripEmojisForTyping(text)
-    .replace(/\s+/g, ' ')
-    .trim()
-}
-
-type EmojiMaskResult = {
-  value: string
-  cursor: number | null
-}
-
-// Union type for elements that support emoji masking
-type TextInputElement = HTMLInputElement | HTMLTextAreaElement
-
-export const applyEmojiMask = (
-  element: TextInputElement
-): EmojiMaskResult => {
-  const cursor = element.selectionStart
-  const original = element.value
-  const filtered = stripEmojisForTyping(original)
-  
-  if (original !== filtered) {
-    const beforeCursor = original.slice(0, cursor || 0)
-    const newCursor = stripEmojisForTyping(beforeCursor).length
-    element.value = filtered
-    element.selectionStart = element.selectionEnd = newCursor
-    return { value: filtered, cursor: newCursor }
-  }
-  return { value: original, cursor }
-}
-
-