@pega/cosmos-react-rte 9.0.0-build.28.3 → 9.0.0-build.28.5

package/lib/components/Editor/Editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Editor.d.ts","sourceRoot":"","sources":["../../../src/components/Editor/Editor.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,yBAAyB,CAAC;AAM/E,OAAO,KAAK,EAAE,WAAW,EAAgC,MAAM,gBAAgB,CAAC;;;;AA6fhF,wBAAqD"}
+{"version":3,"file":"Editor.d.ts","sourceRoot":"","sources":["../../../src/components/Editor/Editor.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,yBAAyB,CAAC;AAM/E,OAAO,KAAK,EAAE,WAAW,EAAgC,MAAM,gBAAgB,CAAC;;;;AA8fhF,wBAAqD"}

package/lib/components/Editor/Editor.js

@@ -105,6 +105,7 @@ const Editor = forwardRef(function ForwardedEditor(props, ref) {
         imageInsertionMode,
         pastedImages,
         editorId,
+        required,
         setTiptapEditor,
         setFocused,
         autoResize,

package/lib/components/Editor/Editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"Editor.js","sourceRoot":"","sources":["../../../src/components/Editor/Editor.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Editor as TiptapEditor } from '@tiptap/core';\nimport {\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n  useImperativeHandle,\n  useMemo,\n  useCallback\n} from 'react';\nimport type { PropsWithoutRef, ReactNode, RefObject } from 'react';\nimport { css } from 'styled-components';\n\nimport {\n  FormControl,\n  Progress,\n  useAfterInitialEffect,\n  useTheme,\n  useUID,\n  useConsolidatedRef,\n  useTestIds,\n  withTestIds,\n  useConfiguration,\n  useI18n\n} from '@pega/cosmos-react-core';\nimport type { ForwardRefForwardPropsComponent } from '@pega/cosmos-react-core';\n\nimport StyledRichTextEditor from '../RichTextEditor/RichTextEditor.styles';\nimport type { Features } from '../RichTextEditor/Toolbar/Toolbar.types';\n\nimport EditorContext from './Editor.context';\nimport type { EditorProps, EditorState, CustomComponent } from './Editor.types';\nimport { StyledEditorContainer, StyledEditorIframe, StyledEditorRoot } from './Editor.styles';\nimport { getEditorTestIds } from './Editor.test-ids';\nimport Toolbar from './Toolbar/Toolbar';\nimport { ImageEditDialog } from './ImageEditDialog';\nimport type { ImageAttributes } from './ImageEditDialog';\nimport ImageActionButtons from './ImageActionButtons';\nimport createFileItemElement from './FileItemElement';\nimport useIframeSetup from './hooks/useIframeSetup';\nimport useImageActions from './hooks/useImageActions';\n\n// Suggestion editor has no toolbar — formatting controls are intentionally omitted\nconst SUGGESTION_TOOLBAR: Features[] = [];\n\ninterface SuggestionEditorRenderProps {\n  ref: RefObject<EditorState>;\n  onInit: (tiptapEditor: TiptapEditor) => void;\n  onChange: (editor?: TiptapEditor) => void;\n}\n\ninterface SuggestionEditorProps {\n  defaultValue?: string;\n  disabled: boolean;\n  readOnly: boolean;\n  onGetContent: (getContent: () => string) => void;\n  onContentChange: (hasContent: boolean) => void;\n  /** Render prop — receives ref and callbacks; must render an Editor-like element */\n  renderEditor: (renderProps: SuggestionEditorRenderProps) => ReactNode;\n}\n\nconst SuggestionEditor = ({\n  defaultValue,\n  onGetContent,\n  onContentChange,\n  renderEditor\n}: SuggestionEditorProps) => {\n  const editorRef = useRef<EditorState>(null);\n\n  useEffect(() => {\n    onGetContent(() => editorRef.current?.getEditor()?.getHTML() ?? '');\n  }, [onGetContent]);\n\n  useAfterInitialEffect(() => {\n    editorRef.current?.getEditor()?.commands.setContent(defaultValue ?? '');\n  }, [defaultValue]);\n\n  return renderEditor({\n    ref: editorRef,\n    onInit: tiptapEditor => {\n      // Signal initial content state so submit button enables correctly\n      onContentChange(tiptapEditor.getText().trim() !== '');\n    },\n    onChange: editor => {\n      onContentChange((editor?.getText() ?? '').trim() !== '');\n    }\n  });\n};\n\nconst Editor: ForwardRefForwardPropsComponent<EditorProps> = forwardRef(function ForwardedEditor(\n  props: PropsWithoutRef<EditorProps>,\n  ref: EditorProps['ref']\n) {\n  const {\n    testId,\n    id,\n    label,\n    labelHidden,\n    info,\n    status,\n    required,\n    disabled,\n    readOnly,\n    onChange,\n    onKeyDown,\n    onFocus,\n    onBlur,\n    onImageAdded,\n    onResolveSuggestion,\n    onInit,\n    onUnload,\n    defaultValue,\n    placeholder,\n    children,\n    additionalInfo,\n    toolbar,\n    customActions,\n    customComponents = [],\n    spellcheck = true,\n    imageInsertionMode = 'all',\n    initOptions,\n    onRewriteClick,\n    progress,\n    autoFocus,\n    height,\n    autoResize = true,\n    ...restProps\n  } = props;\n\n  const theme = useTheme();\n  const { styleSheetTarget } = useConfiguration();\n  const t = useI18n();\n  const [focused, setFocused] = useState(false);\n  const [tiptapEditor, setTiptapEditor] = useState<TiptapEditor | null>(null);\n  const [imageEditDialog, setImageEditDialog] = useState<{\n    isOpen: boolean;\n    attributes: ImageAttributes | null;\n  }>({ isOpen: false, attributes: null });\n  const editButtonRef = useRef<HTMLButtonElement>(null);\n  const editorContainerRef = useRef<HTMLDivElement>(null);\n  const generatedId = useUID();\n  const editorId = id ?? generatedId;\n  const labelId = useUID();\n  const editorRef = useConsolidatedRef(ref);\n  const formFieldRef = useRef<HTMLElement>(null);\n  const pastedImages = useRef<File[]>([]);\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n\n  const testIds = useTestIds(testId, getEditorTestIds);\n\n  // Check if images feature is enabled\n  const imagesEnabled = toolbar?.includes('images') ?? false;\n\n  // Define built-in custom components and merge with user-provided ones\n  const customElements: CustomComponent[] = useMemo(() => {\n    const FileItemStyle = css`\n      /* stylelint-disable-next-line selector-type-no-unknown */\n      pega-file {\n        display: inline-block;\n        width: ${theme.base['content-width'].md};\n      }\n    `;\n\n    return [\n      {\n        createCustomElement: createFileItemElement,\n        name: 'pega-file',\n        style: FileItemStyle.toString(),\n        extensionAttributes: ['contenteditable']\n      },\n      ...customComponents\n    ];\n  }, [customComponents, theme]);\n\n  // Register custom elements in the main window (needed for Tiptap to recognize them)\n  useEffect(() => {\n    customElements.forEach((component: CustomComponent) => {\n      if (\n        component.name &&\n        component.createCustomElement &&\n        !window.customElements.get(component.name)\n      ) {\n        const CustomElement = component.createCustomElement(window);\n        window.customElements.define(component.name, CustomElement);\n      }\n    });\n  }, [customElements]);\n\n  // Mount Tiptap inside iframe using custom hook\n  const { iframeEditorRef } = useIframeSetup({\n    iframeRef,\n    theme,\n    styleSheetTarget,\n    customElements,\n    placeholder,\n    defaultValue,\n    disabled,\n    readOnly,\n    onChange,\n    onKeyDown,\n    onFocus,\n    onBlur,\n    onInit,\n    spellcheck,\n    initOptions,\n    onImageAdded,\n    imagesEnabled,\n    imageInsertionMode,\n    pastedImages,\n    editorId,\n    setTiptapEditor,\n    setFocused,\n    autoResize,\n    onTabOut: () => {\n      // Focus first toolbar button when Tab is pressed in editor\n      const toolbarEl = editorContainerRef.current?.querySelector('[data-testid$=\"toolbar\"]');\n      const firstButton = toolbarEl?.querySelector<HTMLElement>('button:not([disabled])');\n      if (firstButton) {\n        firstButton.focus();\n      }\n    }\n  });\n\n  // Set up unload event listener to save content before iframe is destroyed\n  useEffect(() => {\n    if (!iframeRef.current?.contentWindow || !onUnload) return;\n\n    const iframeWindow = iframeRef.current.contentWindow;\n    const abortController = new AbortController();\n\n    iframeWindow.addEventListener(\n      'unload',\n      () => {\n        const html = iframeEditorRef.current?.getHtml() ?? '';\n        onUnload(html);\n      },\n      { signal: abortController.signal }\n    );\n\n    return () => {\n      abortController.abort();\n    };\n  }, [onUnload]);\n\n  // Set up image action buttons (edit and delete) using custom hook\n  const {\n    hoveredImagePosition,\n    currentImageAttrs,\n    currentImageElement,\n    handleDelete: handleImageDelete,\n    setIsOverButtons\n  } = useImageActions({\n    tiptapEditor,\n    iframeRef,\n    isDialogOpen: imageEditDialog.isOpen\n  });\n\n  // Store the image element when opening the dialog to target the correct node on save\n  const editingImageElementRef = useRef<HTMLImageElement | null>(null);\n\n  // Handle edit button click from ImageActionButtons\n  const onEditButtonClick = () => {\n    if (currentImageAttrs && currentImageElement) {\n      // Store the element reference to target the correct node on save\n      editingImageElementRef.current = currentImageElement;\n      setImageEditDialog({\n        isOpen: true,\n        attributes: currentImageAttrs\n      });\n      // Don't call handleImageEdit() here - keep buttons visible while dialog is open\n    }\n  };\n\n  // Handle image edit save\n  const handleImageEditSave = (attrs: ImageAttributes) => {\n    if (!tiptapEditor || !editingImageElementRef.current) return;\n\n    // Get exact position from DOM element to handle duplicate images correctly\n    const pos = tiptapEditor.view.posAtDOM(editingImageElementRef.current, 0);\n\n    if (pos >= 0) {\n      const { state } = tiptapEditor;\n      const node = state.doc.nodeAt(pos);\n      if (!node || node.type.name !== 'image') return;\n\n      const nodeEnd = pos + node.nodeSize;\n      const tr = state.tr;\n\n      // Update image attributes\n      tr.setNodeMarkup(pos, undefined, {\n        src: attrs.src,\n        alt: attrs.alt,\n        ...(attrs.width && { width: attrs.width }),\n        ...(attrs.height && { height: attrs.height })\n      });\n\n      // Handle action URL (links are marks in ProseMirror, not nodes)\n      // Always remove existing link mark first, then add new one if needed\n      tr.removeMark(pos, nodeEnd, state.schema.marks.link);\n      if (attrs.actionUrl) {\n        const linkMark = state.schema.marks.link.create({\n          href: attrs.actionUrl,\n          target: '_blank'\n        });\n        tr.addMark(pos, nodeEnd, linkMark);\n      }\n\n      tiptapEditor.view.dispatch(tr);\n    }\n\n    // Clear the ref after save\n    editingImageElementRef.current = null;\n  };\n\n  // Update editor when props change\n  useAfterInitialEffect(() => {\n    iframeEditorRef.current?.setEditable(!readOnly && !disabled);\n  }, [readOnly, disabled]);\n\n  // Handle autoFocus\n  useEffect(() => {\n    if (autoFocus && tiptapEditor) {\n      tiptapEditor.commands.focus();\n    }\n  }, [autoFocus, tiptapEditor]);\n\n  // Expose methods via ref\n  useImperativeHandle(\n    editorRef,\n    () => ({\n      focus: () => iframeEditorRef.current?.focus(),\n      getPlainText: () => iframeEditorRef.current?.getPlainText() ?? '',\n      getRichText: () => iframeEditorRef.current?.getRichText() ?? '',\n      getHtml: () => iframeEditorRef.current?.getHtml() ?? '',\n      clear: () => iframeEditorRef.current?.clear(),\n      updateAttachmentAttributes: (imageId: string, uploadProgress?: number, error?: string) => {\n        if (!iframeRef.current?.contentDocument) return;\n\n        const iframeDoc = iframeRef.current.contentDocument;\n        const imageCustomEl = iframeDoc.querySelector(`pega-file[data-id=\"${imageId}\"]`);\n\n        if (imageCustomEl) {\n          if (error) {\n            imageCustomEl.setAttribute('data-error', error);\n          } else if (uploadProgress !== undefined) {\n            imageCustomEl.setAttribute('data-progress', `${uploadProgress}`);\n          }\n        }\n      },\n      appendImage: (\n        imageData: { src: string; alt: string; attachmentId?: string },\n        imageId: string\n      ) => {\n        if (!iframeRef.current?.contentDocument || !tiptapEditor) return;\n\n        const iframeDoc = iframeRef.current.contentDocument;\n        const imageUploadEl = iframeDoc.querySelector(`pega-file[data-id=\"${imageId}\"]`);\n\n        if (imageUploadEl) {\n          // Create img element\n          const imgEl = iframeDoc.createElement('img');\n          imgEl.setAttribute('src', imageData.src);\n          imgEl.setAttribute('alt', imageData.alt);\n          if (imageData.attachmentId) {\n            imgEl.setAttribute('data-attachment-id', imageData.attachmentId);\n          }\n\n          // Replace pega-file with img in the DOM\n          imageUploadEl.replaceWith(imgEl);\n\n          // Also update the Tiptap document\n          const html = tiptapEditor.getHTML();\n          const updatedHtml = html.replace(\n            new RegExp(`<pega-file[^>]*data-id=[\"']${imageId}[\"'][^>]*>.*?</pega-file>`, 'g'),\n            imgEl.outerHTML\n          );\n\n          if (updatedHtml !== html) {\n            tiptapEditor.commands.setContent(updatedHtml, { emitUpdate: false });\n          }\n        }\n      },\n      insertText: (text: string) => iframeEditorRef.current?.insertText(text),\n      setCursorLocationToStart: () => iframeEditorRef.current?.setCursorLocationToStart(),\n      insertHtml: (html: string, overwrite?: boolean) =>\n        iframeEditorRef.current?.insertHtml(html, overwrite),\n      getEditor: () => iframeEditorRef.current?.getEditor() ?? null,\n      element: formFieldRef.current || undefined\n    }),\n    [tiptapEditor]\n  );\n\n  const ctx = useMemo(\n    () => ({\n      editor: tiptapEditor,\n      addImage: (image: File, imageId?: string, alt?: string) => {\n        if (!tiptapEditor || !image) return;\n\n        const imgId = imageId || `img-${Date.now()}-${Math.random().toString(36).substring(2, 11)}`;\n\n        // Create pega-file element to show upload progress\n        const pegaFileHtml = `<br/><pega-file data-id='${imgId}' data-progress='0' data-name='${image.name}' data-alt='${alt || image.name}' contenteditable='false'></pega-file><br/>`;\n\n        // Insert the pega-file element\n        tiptapEditor.chain().focus().insertContent(pegaFileHtml).run();\n\n        // Trigger the onImageAdded callback so consumer can upload and call appendImage\n        onImageAdded?.(image, imgId, alt);\n      }\n    }),\n    [tiptapEditor, onImageAdded]\n  );\n\n  const renderSuggestionEditor = useCallback(\n    (suggestionProps: {\n      defaultValue?: string;\n      disabled: boolean;\n      readOnly: boolean;\n      onGetContent: (getContent: () => string) => void;\n      onContentChange: (hasContent: boolean) => void;\n    }) => (\n      <SuggestionEditor\n        defaultValue={suggestionProps.defaultValue}\n        disabled={suggestionProps.disabled}\n        readOnly={suggestionProps.readOnly}\n        onGetContent={suggestionProps.onGetContent}\n        onContentChange={suggestionProps.onContentChange}\n        renderEditor={({\n          ref: suggestionEditorRef,\n          onInit: suggestionOnInit,\n          onChange: suggestionOnChange\n        }) => (\n          <Editor\n            ref={suggestionEditorRef}\n            label={t('ai_rewrite_result_label')}\n            labelHidden\n            toolbar={SUGGESTION_TOOLBAR}\n            defaultValue={suggestionProps.defaultValue}\n            disabled={suggestionProps.disabled}\n            readOnly={suggestionProps.readOnly}\n            height={height}\n            onInit={suggestionOnInit}\n            onChange={suggestionOnChange}\n          />\n        )}\n      />\n    ),\n    [height, t]\n  );\n\n  return (\n    <EditorContext.Provider value={ctx}>\n      <StyledEditorRoot\n        testId={testIds}\n        label={label}\n        labelFor=''\n        labelId={labelId}\n        labelHidden={labelHidden}\n        id={editorId}\n        info={info}\n        status={status}\n        required={required}\n        disabled={disabled}\n        readOnly={readOnly}\n        onResolveSuggestion={onResolveSuggestion}\n        ref={formFieldRef}\n        additionalInfo={additionalInfo}\n      >\n        <FormControl\n          {...restProps}\n          ref={editorRef}\n          required={required}\n          disabled={disabled}\n          readOnly={readOnly}\n          status={status}\n          as={StyledRichTextEditor}\n          focused={focused}\n          hasSuggestion={status === 'pending'}\n        >\n          <StyledEditorContainer ref={editorContainerRef}>\n            {progress && (\n              <Progress\n                placement='local'\n                message={typeof progress === 'string' ? progress : undefined}\n              />\n            )}\n            {/* Title attribute is required for iframe accessibility (WCAG) */}\n            <StyledEditorIframe\n              data-testid={testIds.iframe}\n              title={typeof label === 'string' ? label : t('rte_text_formatting_toolbar')}\n              role='application'\n              aria-label={typeof label === 'string' ? label : t('rte_text_formatting_toolbar')}\n              ref={iframeRef}\n              tabIndex={0}\n              $minHeight={height?.min}\n              $maxHeight={height?.max}\n            />\n            {(toolbar?.length || customActions?.length) && tiptapEditor && (\n              <Toolbar\n                testId={testIds}\n                features={toolbar || []}\n                editor={tiptapEditor}\n                customActions={customActions}\n                imageInsertionMode={imageInsertionMode}\n                onRewriteClick={onRewriteClick}\n                renderSuggestionEditor={renderSuggestionEditor}\n              />\n            )}\n            {imagesEnabled && !readOnly && !disabled && (\n              <ImageActionButtons\n                ref={editButtonRef}\n                position={hoveredImagePosition}\n                containerRef={editorContainerRef}\n                onEdit={onEditButtonClick}\n                onDelete={handleImageDelete}\n                onMouseEnter={() => setIsOverButtons(true)}\n                onMouseLeave={() => setIsOverButtons(false)}\n                editLabel={t('rte_edit_image', [currentImageAttrs?.alt || ''])}\n                deleteLabel={t('rte_delete_image', [currentImageAttrs?.alt || ''])}\n              />\n            )}\n          </StyledEditorContainer>\n        </FormControl>\n      </StyledEditorRoot>\n      {children}\n      {imageEditDialog.attributes && (\n        <ImageEditDialog\n          isOpen={imageEditDialog.isOpen}\n          onClose={() => {\n            setImageEditDialog({ isOpen: false, attributes: null });\n          }}\n          onSave={handleImageEditSave}\n          initialAttributes={imageEditDialog.attributes}\n          target={editButtonRef.current}\n        />\n      )}\n    </EditorContext.Provider>\n  );\n});\n\nexport default withTestIds(Editor, getEditorTestIds);\n"]}
+{"version":3,"file":"Editor.js","sourceRoot":"","sources":["../../../src/components/Editor/Editor.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Editor as TiptapEditor } from '@tiptap/core';\nimport {\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n  useImperativeHandle,\n  useMemo,\n  useCallback\n} from 'react';\nimport type { PropsWithoutRef, ReactNode, RefObject } from 'react';\nimport { css } from 'styled-components';\n\nimport {\n  FormControl,\n  Progress,\n  useAfterInitialEffect,\n  useTheme,\n  useUID,\n  useConsolidatedRef,\n  useTestIds,\n  withTestIds,\n  useConfiguration,\n  useI18n\n} from '@pega/cosmos-react-core';\nimport type { ForwardRefForwardPropsComponent } from '@pega/cosmos-react-core';\n\nimport StyledRichTextEditor from '../RichTextEditor/RichTextEditor.styles';\nimport type { Features } from '../RichTextEditor/Toolbar/Toolbar.types';\n\nimport EditorContext from './Editor.context';\nimport type { EditorProps, EditorState, CustomComponent } from './Editor.types';\nimport { StyledEditorContainer, StyledEditorIframe, StyledEditorRoot } from './Editor.styles';\nimport { getEditorTestIds } from './Editor.test-ids';\nimport Toolbar from './Toolbar/Toolbar';\nimport { ImageEditDialog } from './ImageEditDialog';\nimport type { ImageAttributes } from './ImageEditDialog';\nimport ImageActionButtons from './ImageActionButtons';\nimport createFileItemElement from './FileItemElement';\nimport useIframeSetup from './hooks/useIframeSetup';\nimport useImageActions from './hooks/useImageActions';\n\n// Suggestion editor has no toolbar — formatting controls are intentionally omitted\nconst SUGGESTION_TOOLBAR: Features[] = [];\n\ninterface SuggestionEditorRenderProps {\n  ref: RefObject<EditorState>;\n  onInit: (tiptapEditor: TiptapEditor) => void;\n  onChange: (editor?: TiptapEditor) => void;\n}\n\ninterface SuggestionEditorProps {\n  defaultValue?: string;\n  disabled: boolean;\n  readOnly: boolean;\n  onGetContent: (getContent: () => string) => void;\n  onContentChange: (hasContent: boolean) => void;\n  /** Render prop — receives ref and callbacks; must render an Editor-like element */\n  renderEditor: (renderProps: SuggestionEditorRenderProps) => ReactNode;\n}\n\nconst SuggestionEditor = ({\n  defaultValue,\n  onGetContent,\n  onContentChange,\n  renderEditor\n}: SuggestionEditorProps) => {\n  const editorRef = useRef<EditorState>(null);\n\n  useEffect(() => {\n    onGetContent(() => editorRef.current?.getEditor()?.getHTML() ?? '');\n  }, [onGetContent]);\n\n  useAfterInitialEffect(() => {\n    editorRef.current?.getEditor()?.commands.setContent(defaultValue ?? '');\n  }, [defaultValue]);\n\n  return renderEditor({\n    ref: editorRef,\n    onInit: tiptapEditor => {\n      // Signal initial content state so submit button enables correctly\n      onContentChange(tiptapEditor.getText().trim() !== '');\n    },\n    onChange: editor => {\n      onContentChange((editor?.getText() ?? '').trim() !== '');\n    }\n  });\n};\n\nconst Editor: ForwardRefForwardPropsComponent<EditorProps> = forwardRef(function ForwardedEditor(\n  props: PropsWithoutRef<EditorProps>,\n  ref: EditorProps['ref']\n) {\n  const {\n    testId,\n    id,\n    label,\n    labelHidden,\n    info,\n    status,\n    required,\n    disabled,\n    readOnly,\n    onChange,\n    onKeyDown,\n    onFocus,\n    onBlur,\n    onImageAdded,\n    onResolveSuggestion,\n    onInit,\n    onUnload,\n    defaultValue,\n    placeholder,\n    children,\n    additionalInfo,\n    toolbar,\n    customActions,\n    customComponents = [],\n    spellcheck = true,\n    imageInsertionMode = 'all',\n    initOptions,\n    onRewriteClick,\n    progress,\n    autoFocus,\n    height,\n    autoResize = true,\n    ...restProps\n  } = props;\n\n  const theme = useTheme();\n  const { styleSheetTarget } = useConfiguration();\n  const t = useI18n();\n  const [focused, setFocused] = useState(false);\n  const [tiptapEditor, setTiptapEditor] = useState<TiptapEditor | null>(null);\n  const [imageEditDialog, setImageEditDialog] = useState<{\n    isOpen: boolean;\n    attributes: ImageAttributes | null;\n  }>({ isOpen: false, attributes: null });\n  const editButtonRef = useRef<HTMLButtonElement>(null);\n  const editorContainerRef = useRef<HTMLDivElement>(null);\n  const generatedId = useUID();\n  const editorId = id ?? generatedId;\n  const labelId = useUID();\n  const editorRef = useConsolidatedRef(ref);\n  const formFieldRef = useRef<HTMLElement>(null);\n  const pastedImages = useRef<File[]>([]);\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n\n  const testIds = useTestIds(testId, getEditorTestIds);\n\n  // Check if images feature is enabled\n  const imagesEnabled = toolbar?.includes('images') ?? false;\n\n  // Define built-in custom components and merge with user-provided ones\n  const customElements: CustomComponent[] = useMemo(() => {\n    const FileItemStyle = css`\n      /* stylelint-disable-next-line selector-type-no-unknown */\n      pega-file {\n        display: inline-block;\n        width: ${theme.base['content-width'].md};\n      }\n    `;\n\n    return [\n      {\n        createCustomElement: createFileItemElement,\n        name: 'pega-file',\n        style: FileItemStyle.toString(),\n        extensionAttributes: ['contenteditable']\n      },\n      ...customComponents\n    ];\n  }, [customComponents, theme]);\n\n  // Register custom elements in the main window (needed for Tiptap to recognize them)\n  useEffect(() => {\n    customElements.forEach((component: CustomComponent) => {\n      if (\n        component.name &&\n        component.createCustomElement &&\n        !window.customElements.get(component.name)\n      ) {\n        const CustomElement = component.createCustomElement(window);\n        window.customElements.define(component.name, CustomElement);\n      }\n    });\n  }, [customElements]);\n\n  // Mount Tiptap inside iframe using custom hook\n  const { iframeEditorRef } = useIframeSetup({\n    iframeRef,\n    theme,\n    styleSheetTarget,\n    customElements,\n    placeholder,\n    defaultValue,\n    disabled,\n    readOnly,\n    onChange,\n    onKeyDown,\n    onFocus,\n    onBlur,\n    onInit,\n    spellcheck,\n    initOptions,\n    onImageAdded,\n    imagesEnabled,\n    imageInsertionMode,\n    pastedImages,\n    editorId,\n    required,\n    setTiptapEditor,\n    setFocused,\n    autoResize,\n    onTabOut: () => {\n      // Focus first toolbar button when Tab is pressed in editor\n      const toolbarEl = editorContainerRef.current?.querySelector('[data-testid$=\"toolbar\"]');\n      const firstButton = toolbarEl?.querySelector<HTMLElement>('button:not([disabled])');\n      if (firstButton) {\n        firstButton.focus();\n      }\n    }\n  });\n\n  // Set up unload event listener to save content before iframe is destroyed\n  useEffect(() => {\n    if (!iframeRef.current?.contentWindow || !onUnload) return;\n\n    const iframeWindow = iframeRef.current.contentWindow;\n    const abortController = new AbortController();\n\n    iframeWindow.addEventListener(\n      'unload',\n      () => {\n        const html = iframeEditorRef.current?.getHtml() ?? '';\n        onUnload(html);\n      },\n      { signal: abortController.signal }\n    );\n\n    return () => {\n      abortController.abort();\n    };\n  }, [onUnload]);\n\n  // Set up image action buttons (edit and delete) using custom hook\n  const {\n    hoveredImagePosition,\n    currentImageAttrs,\n    currentImageElement,\n    handleDelete: handleImageDelete,\n    setIsOverButtons\n  } = useImageActions({\n    tiptapEditor,\n    iframeRef,\n    isDialogOpen: imageEditDialog.isOpen\n  });\n\n  // Store the image element when opening the dialog to target the correct node on save\n  const editingImageElementRef = useRef<HTMLImageElement | null>(null);\n\n  // Handle edit button click from ImageActionButtons\n  const onEditButtonClick = () => {\n    if (currentImageAttrs && currentImageElement) {\n      // Store the element reference to target the correct node on save\n      editingImageElementRef.current = currentImageElement;\n      setImageEditDialog({\n        isOpen: true,\n        attributes: currentImageAttrs\n      });\n      // Don't call handleImageEdit() here - keep buttons visible while dialog is open\n    }\n  };\n\n  // Handle image edit save\n  const handleImageEditSave = (attrs: ImageAttributes) => {\n    if (!tiptapEditor || !editingImageElementRef.current) return;\n\n    // Get exact position from DOM element to handle duplicate images correctly\n    const pos = tiptapEditor.view.posAtDOM(editingImageElementRef.current, 0);\n\n    if (pos >= 0) {\n      const { state } = tiptapEditor;\n      const node = state.doc.nodeAt(pos);\n      if (!node || node.type.name !== 'image') return;\n\n      const nodeEnd = pos + node.nodeSize;\n      const tr = state.tr;\n\n      // Update image attributes\n      tr.setNodeMarkup(pos, undefined, {\n        src: attrs.src,\n        alt: attrs.alt,\n        ...(attrs.width && { width: attrs.width }),\n        ...(attrs.height && { height: attrs.height })\n      });\n\n      // Handle action URL (links are marks in ProseMirror, not nodes)\n      // Always remove existing link mark first, then add new one if needed\n      tr.removeMark(pos, nodeEnd, state.schema.marks.link);\n      if (attrs.actionUrl) {\n        const linkMark = state.schema.marks.link.create({\n          href: attrs.actionUrl,\n          target: '_blank'\n        });\n        tr.addMark(pos, nodeEnd, linkMark);\n      }\n\n      tiptapEditor.view.dispatch(tr);\n    }\n\n    // Clear the ref after save\n    editingImageElementRef.current = null;\n  };\n\n  // Update editor when props change\n  useAfterInitialEffect(() => {\n    iframeEditorRef.current?.setEditable(!readOnly && !disabled);\n  }, [readOnly, disabled]);\n\n  // Handle autoFocus\n  useEffect(() => {\n    if (autoFocus && tiptapEditor) {\n      tiptapEditor.commands.focus();\n    }\n  }, [autoFocus, tiptapEditor]);\n\n  // Expose methods via ref\n  useImperativeHandle(\n    editorRef,\n    () => ({\n      focus: () => iframeEditorRef.current?.focus(),\n      getPlainText: () => iframeEditorRef.current?.getPlainText() ?? '',\n      getRichText: () => iframeEditorRef.current?.getRichText() ?? '',\n      getHtml: () => iframeEditorRef.current?.getHtml() ?? '',\n      clear: () => iframeEditorRef.current?.clear(),\n      updateAttachmentAttributes: (imageId: string, uploadProgress?: number, error?: string) => {\n        if (!iframeRef.current?.contentDocument) return;\n\n        const iframeDoc = iframeRef.current.contentDocument;\n        const imageCustomEl = iframeDoc.querySelector(`pega-file[data-id=\"${imageId}\"]`);\n\n        if (imageCustomEl) {\n          if (error) {\n            imageCustomEl.setAttribute('data-error', error);\n          } else if (uploadProgress !== undefined) {\n            imageCustomEl.setAttribute('data-progress', `${uploadProgress}`);\n          }\n        }\n      },\n      appendImage: (\n        imageData: { src: string; alt: string; attachmentId?: string },\n        imageId: string\n      ) => {\n        if (!iframeRef.current?.contentDocument || !tiptapEditor) return;\n\n        const iframeDoc = iframeRef.current.contentDocument;\n        const imageUploadEl = iframeDoc.querySelector(`pega-file[data-id=\"${imageId}\"]`);\n\n        if (imageUploadEl) {\n          // Create img element\n          const imgEl = iframeDoc.createElement('img');\n          imgEl.setAttribute('src', imageData.src);\n          imgEl.setAttribute('alt', imageData.alt);\n          if (imageData.attachmentId) {\n            imgEl.setAttribute('data-attachment-id', imageData.attachmentId);\n          }\n\n          // Replace pega-file with img in the DOM\n          imageUploadEl.replaceWith(imgEl);\n\n          // Also update the Tiptap document\n          const html = tiptapEditor.getHTML();\n          const updatedHtml = html.replace(\n            new RegExp(`<pega-file[^>]*data-id=[\"']${imageId}[\"'][^>]*>.*?</pega-file>`, 'g'),\n            imgEl.outerHTML\n          );\n\n          if (updatedHtml !== html) {\n            tiptapEditor.commands.setContent(updatedHtml, { emitUpdate: false });\n          }\n        }\n      },\n      insertText: (text: string) => iframeEditorRef.current?.insertText(text),\n      setCursorLocationToStart: () => iframeEditorRef.current?.setCursorLocationToStart(),\n      insertHtml: (html: string, overwrite?: boolean) =>\n        iframeEditorRef.current?.insertHtml(html, overwrite),\n      getEditor: () => iframeEditorRef.current?.getEditor() ?? null,\n      element: formFieldRef.current || undefined\n    }),\n    [tiptapEditor]\n  );\n\n  const ctx = useMemo(\n    () => ({\n      editor: tiptapEditor,\n      addImage: (image: File, imageId?: string, alt?: string) => {\n        if (!tiptapEditor || !image) return;\n\n        const imgId = imageId || `img-${Date.now()}-${Math.random().toString(36).substring(2, 11)}`;\n\n        // Create pega-file element to show upload progress\n        const pegaFileHtml = `<br/><pega-file data-id='${imgId}' data-progress='0' data-name='${image.name}' data-alt='${alt || image.name}' contenteditable='false'></pega-file><br/>`;\n\n        // Insert the pega-file element\n        tiptapEditor.chain().focus().insertContent(pegaFileHtml).run();\n\n        // Trigger the onImageAdded callback so consumer can upload and call appendImage\n        onImageAdded?.(image, imgId, alt);\n      }\n    }),\n    [tiptapEditor, onImageAdded]\n  );\n\n  const renderSuggestionEditor = useCallback(\n    (suggestionProps: {\n      defaultValue?: string;\n      disabled: boolean;\n      readOnly: boolean;\n      onGetContent: (getContent: () => string) => void;\n      onContentChange: (hasContent: boolean) => void;\n    }) => (\n      <SuggestionEditor\n        defaultValue={suggestionProps.defaultValue}\n        disabled={suggestionProps.disabled}\n        readOnly={suggestionProps.readOnly}\n        onGetContent={suggestionProps.onGetContent}\n        onContentChange={suggestionProps.onContentChange}\n        renderEditor={({\n          ref: suggestionEditorRef,\n          onInit: suggestionOnInit,\n          onChange: suggestionOnChange\n        }) => (\n          <Editor\n            ref={suggestionEditorRef}\n            label={t('ai_rewrite_result_label')}\n            labelHidden\n            toolbar={SUGGESTION_TOOLBAR}\n            defaultValue={suggestionProps.defaultValue}\n            disabled={suggestionProps.disabled}\n            readOnly={suggestionProps.readOnly}\n            height={height}\n            onInit={suggestionOnInit}\n            onChange={suggestionOnChange}\n          />\n        )}\n      />\n    ),\n    [height, t]\n  );\n\n  return (\n    <EditorContext.Provider value={ctx}>\n      <StyledEditorRoot\n        testId={testIds}\n        label={label}\n        labelFor=''\n        labelId={labelId}\n        labelHidden={labelHidden}\n        id={editorId}\n        info={info}\n        status={status}\n        required={required}\n        disabled={disabled}\n        readOnly={readOnly}\n        onResolveSuggestion={onResolveSuggestion}\n        ref={formFieldRef}\n        additionalInfo={additionalInfo}\n      >\n        <FormControl\n          {...restProps}\n          ref={editorRef}\n          required={required}\n          disabled={disabled}\n          readOnly={readOnly}\n          status={status}\n          as={StyledRichTextEditor}\n          focused={focused}\n          hasSuggestion={status === 'pending'}\n        >\n          <StyledEditorContainer ref={editorContainerRef}>\n            {progress && (\n              <Progress\n                placement='local'\n                message={typeof progress === 'string' ? progress : undefined}\n              />\n            )}\n            {/* Title attribute is required for iframe accessibility (WCAG) */}\n            <StyledEditorIframe\n              data-testid={testIds.iframe}\n              title={typeof label === 'string' ? label : t('rte_text_formatting_toolbar')}\n              role='application'\n              aria-label={typeof label === 'string' ? label : t('rte_text_formatting_toolbar')}\n              ref={iframeRef}\n              tabIndex={0}\n              $minHeight={height?.min}\n              $maxHeight={height?.max}\n            />\n            {(toolbar?.length || customActions?.length) && tiptapEditor && (\n              <Toolbar\n                testId={testIds}\n                features={toolbar || []}\n                editor={tiptapEditor}\n                customActions={customActions}\n                imageInsertionMode={imageInsertionMode}\n                onRewriteClick={onRewriteClick}\n                renderSuggestionEditor={renderSuggestionEditor}\n              />\n            )}\n            {imagesEnabled && !readOnly && !disabled && (\n              <ImageActionButtons\n                ref={editButtonRef}\n                position={hoveredImagePosition}\n                containerRef={editorContainerRef}\n                onEdit={onEditButtonClick}\n                onDelete={handleImageDelete}\n                onMouseEnter={() => setIsOverButtons(true)}\n                onMouseLeave={() => setIsOverButtons(false)}\n                editLabel={t('rte_edit_image', [currentImageAttrs?.alt || ''])}\n                deleteLabel={t('rte_delete_image', [currentImageAttrs?.alt || ''])}\n              />\n            )}\n          </StyledEditorContainer>\n        </FormControl>\n      </StyledEditorRoot>\n      {children}\n      {imageEditDialog.attributes && (\n        <ImageEditDialog\n          isOpen={imageEditDialog.isOpen}\n          onClose={() => {\n            setImageEditDialog({ isOpen: false, attributes: null });\n          }}\n          onSave={handleImageEditSave}\n          initialAttributes={imageEditDialog.attributes}\n          target={editButtonRef.current}\n        />\n      )}\n    </EditorContext.Provider>\n  );\n});\n\nexport default withTestIds(Editor, getEditorTestIds);\n"]}

package/lib/components/Editor/hooks/useIframeSetup.d.ts

@@ -23,6 +23,7 @@ interface UseIframeSetupParams {
     imageInsertionMode: 'file' | 'url' | 'all';
     pastedImages: MutableRefObject<File[]>;
     editorId: string;
+    required?: boolean;
     setTiptapEditor: (editor: TiptapEditor) => void;
     setFocused: (focused: boolean) => void;
     autoResize?: boolean;
@@ -44,6 +45,6 @@ export type IframeEditorRef = MutableRefObject<IframeEditorHandle | null>;
 interface UseIframeSetupReturn {
     iframeEditorRef: IframeEditorRef;
 }
-export default function useIframeSetup({ iframeRef, theme, styleSheetTarget, customElements, placeholder, defaultValue, disabled, readOnly, onChange, onKeyDown, onFocus, onBlur, onInit, spellcheck, initOptions, onImageAdded, imagesEnabled, imageInsertionMode, pastedImages, editorId, setTiptapEditor, setFocused, autoResize, onTabOut }: UseIframeSetupParams): UseIframeSetupReturn;
+export default function useIframeSetup({ iframeRef, theme, styleSheetTarget, customElements, placeholder, defaultValue, disabled, readOnly, onChange, onKeyDown, onFocus, onBlur, onInit, spellcheck, initOptions, onImageAdded, imagesEnabled, imageInsertionMode, pastedImages, editorId, required, setTiptapEditor, setFocused, autoResize, onTabOut }: UseIframeSetupParams): UseIframeSetupReturn;
 export {};
 //# sourceMappingURL=useIframeSetup.d.ts.map

package/lib/components/Editor/hooks/useIframeSetup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIframeSetup.d.ts","sourceRoot":"","sources":["../../../../src/components/Editor/hooks/useIframeSetup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAKzD,OAAO,KAAK,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,cAAc,CAAC;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAQnD,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGpE,UAAU,oBAAoB;IAC5B,SAAS,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IACxC,KAAK,EAAE,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;IACnC,gBAAgB,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;IAC5C,cAAc,EAAE,eAAe,EAAE,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,aAAa,EAAE,OAAO,CAAC;IACvB,kBAAkB,EAAE,MAAM,GAAG,KAAK,GAAG,KAAK,CAAC;IAC3C,YAAY,EAAE,gBAAgB,CAAC,IAAI,EAAE,CAAC,CAAC;IACvC,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,YAAY,EAAE,MAAM,MAAM,CAAC;IAC3B,WAAW,EAAE,MAAM,MAAM,CAAC;IAC1B,OAAO,EAAE,MAAM,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,wBAAwB,EAAE,MAAM,IAAI,CAAC;IACrC,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD,SAAS,EAAE,MAAM,YAAY,GAAG,IAAI,CAAC;IACrC,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAED,MAAM,MAAM,eAAe,GAAG,gBAAgB,CAAC,kBAAkB,GAAG,IAAI,CAAC,CAAC;AAE1E,UAAU,oBAAoB;IAC5B,eAAe,EAAE,eAAe,CAAC;CAClC;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,SAAS,EACT,KAAK,EACL,gBAAgB,EAChB,cAAc,EACd,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,OAAO,EACP,MAAM,EACN,MAAM,EACN,UAAU,EACV,WAAW,EACX,YAAY,EACZ,aAAa,EACb,kBAAkB,EAClB,YAAY,EACZ,QAAQ,EACR,eAAe,EACf,UAAU,EACV,UAAiB,EACjB,QAAQ,EACT,EAAE,oBAAoB,GAAG,oBAAoB,CAoW7C"}
+{"version":3,"file":"useIframeSetup.d.ts","sourceRoot":"","sources":["../../../../src/components/Editor/hooks/useIframeSetup.tsx"],"names":[],"mappings":"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"}

package/lib/components/Editor/hooks/useIframeSetup.js

@@ -7,7 +7,7 @@ import { useTheme } from '@pega/cosmos-react-core';
 import { getHtmlStyles } from '@pega/cosmos-react-core/lib/components/HTML/HTML';
 import { createGlobalBodyStyles, createGlobalRootStyles, globalSpacingStyles } from '@pega/cosmos-react-core/lib/styles/GlobalStyle';
 import { IframeTiptapEditor } from '../IframeTiptapEditor';
-export default function useIframeSetup({ iframeRef, theme, styleSheetTarget, customElements, placeholder, defaultValue, disabled, readOnly, onChange, onKeyDown, onFocus, onBlur, onInit, spellcheck, initOptions, onImageAdded, imagesEnabled, imageInsertionMode, pastedImages, editorId, setTiptapEditor, setFocused, autoResize = true, onTabOut }) {
+export default function useIframeSetup({ iframeRef, theme, styleSheetTarget, customElements, placeholder, defaultValue, disabled, readOnly, onChange, onKeyDown, onFocus, onBlur, onInit, spellcheck, initOptions, onImageAdded, imagesEnabled, imageInsertionMode, pastedImages, editorId, required, setTiptapEditor, setFocused, autoResize = true, onTabOut }) {
     const { components: { 'text-area': { 'min-height': textAreaMinHeight } } } = theme;
     const iframeRootRef = useRef(null);
     const iframeEditorRef = useRef(null);
@@ -22,6 +22,8 @@ export default function useIframeSetup({ iframeRef, theme, styleSheetTarget, cus
     onImageAddedRef.current = onImageAdded;
     const onTabOutRef = useRef(onTabOut);
     onTabOutRef.current = onTabOut;
+    const requiredRef = useRef(required);
+    requiredRef.current = required;
     // Listen for iframe load events (fires when iframe reloads due to DOM move)
     useEffect(() => {
         if (!iframeRef.current)
@@ -193,6 +195,10 @@ export default function useIframeSetup({ iframeRef, theme, styleSheetTarget, cus
                 }, onInit: (editor) => {
                     // Save initial content so it can be restored if iframe reloads before any changes
                     savedContentRef.current = editor.getHTML();
+                    // Set aria-required on the contenteditable element
+                    if (requiredRef.current) {
+                        editor.view.dom.setAttribute('aria-required', 'true');
+                    }
                     setTiptapEditor(editor);
                     onInit?.(editor);
                 }, editorRef: iframeEditorRef, spellcheck: spellcheck, customElements: customElements, initOptions: initOptions, onImageAdded: (image, id, altText) => onImageAddedRef.current?.(image, id, altText), imagesEnabled: imagesEnabled, imageInsertionMode: imageInsertionMode, pastedImagesRef: pastedImages, editorId: editorId }));
@@ -300,6 +306,18 @@ export default function useIframeSetup({ iframeRef, theme, styleSheetTarget, cus
             }
         };
     }, [reinitializeCounter]);
+    // Keep aria-required in sync when `required` prop changes
+    useEffect(() => {
+        const editorEl = iframeEditorRef.current?.getEditor()?.view.dom;
+        if (!editorEl)
+            return;
+        if (required) {
+            editorEl.setAttribute('aria-required', 'true');
+        }
+        else {
+            editorEl.removeAttribute('aria-required');
+        }
+    }, [required]);
     return { iframeEditorRef };
 }
 //# sourceMappingURL=useIframeSetup.js.map

package/lib/components/Editor/hooks/useIframeSetup.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIframeSetup.js","sourceRoot":"","sources":["../../../../src/components/Editor/hooks/useIframeSetup.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useLayoutEffect, useRef, useState, useEffect } from 'react';\nimport type { RefObject, MutableRefObject } from 'react';\nimport { createRoot } from 'react-dom/client';\nimport type { Root } from 'react-dom/client';\nimport { compile, serialize, stringify } from 'stylis';\nimport { mix } from 'polished';\nimport type { Editor as TiptapEditor } from '@tiptap/core';\n\nimport { useTheme } from '@pega/cosmos-react-core';\nimport { getHtmlStyles } from '@pega/cosmos-react-core/lib/components/HTML/HTML';\nimport {\n  createGlobalBodyStyles,\n  createGlobalRootStyles,\n  globalSpacingStyles\n} from '@pega/cosmos-react-core/lib/styles/GlobalStyle';\n\nimport type { CustomComponent, EditorProps } from '../Editor.types';\nimport { IframeTiptapEditor } from '../IframeTiptapEditor';\n\ninterface UseIframeSetupParams {\n  iframeRef: RefObject<HTMLIFrameElement>;\n  theme: ReturnType<typeof useTheme>;\n  styleSheetTarget?: HTMLElement | ShadowRoot;\n  customElements: CustomComponent[];\n  placeholder?: string;\n  defaultValue?: string;\n  disabled?: boolean;\n  readOnly?: boolean;\n  onChange?: (editor: TiptapEditor) => void;\n  onKeyDown?: (event?: KeyboardEvent) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  onInit?: (editor: TiptapEditor) => void;\n  spellcheck?: boolean;\n  initOptions?: EditorProps['initOptions'];\n  onImageAdded?: (image: File, id: string, altText?: string) => void;\n  imagesEnabled: boolean;\n  imageInsertionMode: 'file' | 'url' | 'all';\n  pastedImages: MutableRefObject<File[]>;\n  editorId: string;\n  setTiptapEditor: (editor: TiptapEditor) => void;\n  setFocused: (focused: boolean) => void;\n  autoResize?: boolean;\n  onTabOut?: () => void;\n}\n\nexport interface IframeEditorHandle {\n  focus: () => void;\n  getPlainText: () => string;\n  getRichText: () => string;\n  getHtml: () => string;\n  clear: () => void;\n  insertText: (text: string) => void;\n  setCursorLocationToStart: () => void;\n  insertHtml: (html: string, overwrite?: boolean) => void;\n  getEditor: () => TiptapEditor | null;\n  setEditable: (editable: boolean) => void;\n}\n\nexport type IframeEditorRef = MutableRefObject<IframeEditorHandle | null>;\n\ninterface UseIframeSetupReturn {\n  iframeEditorRef: IframeEditorRef;\n}\n\nexport default function useIframeSetup({\n  iframeRef,\n  theme,\n  styleSheetTarget,\n  customElements,\n  placeholder,\n  defaultValue,\n  disabled,\n  readOnly,\n  onChange,\n  onKeyDown,\n  onFocus,\n  onBlur,\n  onInit,\n  spellcheck,\n  initOptions,\n  onImageAdded,\n  imagesEnabled,\n  imageInsertionMode,\n  pastedImages,\n  editorId,\n  setTiptapEditor,\n  setFocused,\n  autoResize = true,\n  onTabOut\n}: UseIframeSetupParams): UseIframeSetupReturn {\n  const {\n    components: {\n      'text-area': { 'min-height': textAreaMinHeight }\n    }\n  } = theme;\n  const iframeRootRef = useRef<Root | null>(null);\n  const iframeEditorRef = useRef<IframeEditorHandle | null>(null);\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n  const isInitializedRef = useRef(false);\n  const savedContentRef = useRef<string | null>(null);\n  const [reinitializeCounter, setReinitializeCounter] = useState(0);\n\n  // Refs to keep callbacks fresh without re-initializing the iframe\n  const onChangeRef = useRef(onChange);\n  onChangeRef.current = onChange;\n\n  const onImageAddedRef = useRef(onImageAdded);\n  onImageAddedRef.current = onImageAdded;\n\n  const onTabOutRef = useRef(onTabOut);\n  onTabOutRef.current = onTabOut;\n\n  // Listen for iframe load events (fires when iframe reloads due to DOM move)\n  useEffect(() => {\n    if (!iframeRef.current) return;\n\n    const iframe = iframeRef.current;\n\n    const handleLoad = () => {\n      // Check if content was lost\n      const proseMirror = iframe.contentDocument?.querySelector('.ProseMirror');\n      if (!proseMirror && isInitializedRef.current) {\n        // savedContentRef is updated on every change, so it has the latest content\n        isInitializedRef.current = false;\n        setReinitializeCounter(c => c + 1);\n      }\n    };\n\n    iframe.addEventListener('load', handleLoad);\n\n    return () => {\n      iframe.removeEventListener('load', handleLoad);\n    };\n  }, [iframeRef]);\n\n  // Mount Tiptap inside iframe\n  useLayoutEffect(() => {\n    if (!iframeRef.current) return;\n\n    // Check if already initialized and content is still valid\n    if (isInitializedRef.current) {\n      const proseMirror = iframeRef.current.contentDocument?.querySelector('.ProseMirror');\n      if (proseMirror) {\n        // Already initialized and content is valid, skip\n        return;\n      }\n      // Content was lost (iframe reloaded), need to reinitialize\n      if (iframeRootRef.current) {\n        try {\n          iframeRootRef.current.unmount();\n        } catch (e) {\n          // Ignore unmount errors\n        }\n        iframeRootRef.current = null;\n      }\n      if (resizeObserverRef.current) {\n        resizeObserverRef.current.disconnect();\n        resizeObserverRef.current = null;\n      }\n    }\n\n    const iframe = iframeRef.current;\n    const iframeDoc = iframe.contentDocument || iframe.contentWindow?.document;\n\n    if (!iframeDoc) return;\n\n    // Generate styles similar to TinyMCE\n    const styles = serialize(compile(getHtmlStyles(theme)), stringify);\n    const placeholderStyles = `\n      .ProseMirror p.is-editor-empty:first-child::before {\n        color: ${mix(\n          theme.base.transparency['transparent-3'],\n          theme.base.palette['foreground-color'],\n          theme.components['form-control']['background-color']\n        )};\n        content: attr(data-placeholder);\n        float: left;\n        height: 0;\n        pointer-events: none;\n      }\n    `;\n\n    const contentStyle = `\n      ${createGlobalRootStyles(theme)}\n      ${globalSpacingStyles}\n      ${createGlobalBodyStyles(theme)}\n\n      html {\n        overflow: hidden;\n      }\n\n      body {\n        min-height: 3rem;\n        padding: ${theme.base.spacing};\n        background: unset;\n        cursor: text;\n      }\n\n      #tiptap-root {\n        min-height: 100%;\n      }\n\n      .ProseMirror {\n        outline: none;\n        overflow-wrap: break-word;\n        word-wrap: break-word;\n        word-break: break-word;\n        min-height: 100%;\n        cursor: text;\n      }\n\n      /* Image styling */\n      .ProseMirror img {\n        max-width: 100%;\n        height: auto;\n        cursor: pointer;\n      }\n\n      .ProseMirror img.ProseMirror-selectednode {\n        outline: 2px solid ${theme.base.palette.interactive};\n      }\n\n      ${placeholderStyles}\n      ${styles}\n      ${initOptions?.contentStyle ?? ''}\n    `;\n\n    // Create basic HTML structure in iframe\n    iframeDoc.open();\n    iframeDoc.write(`\n      <!DOCTYPE html>\n      <html>\n        <head>\n          <style${window.__webpack_nonce__ ? ` nonce=\"${window.__webpack_nonce__}\"` : ''}>\n            ${contentStyle}\n          </style>\n        </head>\n        <body>\n          <div id=\"tiptap-root\"></div>\n        </body>\n      </html>\n    `);\n    iframeDoc.close();\n\n    // Copy global styles into the iframe\n    const globalStyles =\n      styleSheetTarget?.querySelectorAll('[data-cosmos-global-style]') ?? ([] as HTMLElement[]);\n    const extraStyles =\n      document.querySelectorAll('[data-cosmos-global-style]') ?? ([] as HTMLElement[]);\n    const iframeHead = iframeDoc.querySelector('head');\n    [...globalStyles, ...extraStyles].forEach(sheet => {\n      iframeHead?.appendChild(sheet.cloneNode(true));\n    });\n\n    // Register custom components in iframe\n    if (customElements && customElements.length > 0 && iframe.contentWindow) {\n      const iframeWindow = iframe.contentWindow as unknown as typeof globalThis;\n      customElements.forEach((component: CustomComponent) => {\n        if (\n          component.name &&\n          component.createCustomElement &&\n          !iframeWindow.customElements.get(component.name)\n        ) {\n          const CustomElement = component.createCustomElement(iframeWindow);\n          iframeWindow.customElements.define(component.name, CustomElement);\n        }\n\n        // Inject custom component styles into iframe if provided\n        if (component.style && iframeHead && component.name) {\n          const styleId = `custom-component-${component.name}`;\n          if (!iframeDoc.getElementById(styleId)) {\n            const styleElement = iframeDoc.createElement('style');\n            styleElement.id = styleId;\n            styleElement.textContent = component.style;\n            if (window.__webpack_nonce__) {\n              styleElement.nonce = window.__webpack_nonce__;\n            }\n            iframeHead.appendChild(styleElement);\n          }\n        }\n      });\n    }\n\n    // Mount React component inside iframe\n    const rootElement = iframeDoc.getElementById('tiptap-root');\n    if (rootElement && !iframeRootRef.current) {\n      // Use saved content if available (from DOM move), otherwise use defaultValue\n      const initialContent = savedContentRef.current ?? defaultValue;\n\n      iframeRootRef.current = createRoot(rootElement);\n      iframeRootRef.current.render(\n        <IframeTiptapEditor\n          placeholder={placeholder}\n          defaultValue={initialContent}\n          disabled={disabled}\n          readOnly={readOnly}\n          onChange={editor => {\n            // Save content on every change so it can be restored if iframe reloads\n            savedContentRef.current = editor.getHTML();\n            onChangeRef.current?.(editor);\n          }}\n          onKeyDown={onKeyDown}\n          onFocus={() => {\n            setFocused(true);\n            onFocus?.();\n          }}\n          onBlur={() => {\n            setFocused(false);\n            onBlur?.();\n          }}\n          onInit={(editor: TiptapEditor) => {\n            // Save initial content so it can be restored if iframe reloads before any changes\n            savedContentRef.current = editor.getHTML();\n            setTiptapEditor(editor);\n            onInit?.(editor);\n          }}\n          editorRef={iframeEditorRef}\n          spellcheck={spellcheck}\n          customElements={customElements}\n          initOptions={initOptions}\n          onImageAdded={(image, id, altText) => onImageAddedRef.current?.(image, id, altText)}\n          imagesEnabled={imagesEnabled}\n          imageInsertionMode={imageInsertionMode}\n          pastedImagesRef={pastedImages}\n          editorId={editorId}\n        />\n      );\n    }\n\n    // Handle mousedown on empty space to enable drag-to-select from anywhere\n    const handleIframeMouseDown = (e: MouseEvent) => {\n      const target = e.target as HTMLElement;\n      // Only handle mousedown on empty space (not on actual content like paragraphs, text nodes)\n      if (\n        target === iframeDoc.documentElement ||\n        target === iframeDoc.body ||\n        target.id === 'tiptap-root'\n      ) {\n        const editor = iframeEditorRef.current?.getEditor();\n        if (editor) {\n          // Find nearest document position and place cursor there\n          // This allows ProseMirror to handle the subsequent drag selection\n          const pos = editor.view.posAtCoords({ left: e.clientX, top: e.clientY });\n          if (pos) {\n            editor.commands.setTextSelection(pos.pos);\n            editor.commands.focus();\n          } else {\n            editor.commands.focus('end');\n          }\n        }\n      }\n    };\n\n    // Handle mouseup on empty space to place cursor/deselect on simple clicks\n    const handleIframeMouseUp = (e: MouseEvent) => {\n      const target = e.target as HTMLElement;\n      // Only handle clicks on empty space (html, body, tiptap-root, or ProseMirror container)\n      if (\n        target === iframeDoc.documentElement ||\n        target === iframeDoc.body ||\n        target.id === 'tiptap-root' ||\n        target.classList.contains('ProseMirror')\n      ) {\n        const editor = iframeEditorRef.current?.getEditor();\n        if (editor) {\n          // Check if user has a text selection (from drag) - if so, don't interfere\n          const { from, to } = editor.state.selection;\n          if (from === to) {\n            // Selection is collapsed (no text selected), treat as click\n            const pos = editor.view.posAtCoords({ left: e.clientX, top: e.clientY });\n            if (pos) {\n              // Place cursor at the nearest position\n              editor.commands.setTextSelection(pos.pos);\n              editor.commands.focus();\n            } else {\n              // Fallback to end of document if no position found\n              editor.commands.focus('end');\n            }\n          }\n        }\n      }\n    };\n\n    // Handle Tab key to exit editor and focus toolbar\n    const handleIframeKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Tab' && !e.shiftKey) {\n        e.preventDefault();\n        onTabOutRef.current?.();\n      }\n    };\n\n    iframeDoc.addEventListener('mousedown', handleIframeMouseDown);\n    iframeDoc.addEventListener('mouseup', handleIframeMouseUp);\n    iframeDoc.addEventListener('keydown', handleIframeKeyDown);\n\n    // Auto-resize iframe based on content height (only if autoResize is enabled)\n    if (autoResize) {\n      const updateIframeHeight = () => {\n        if (iframe.contentDocument?.body) {\n          const contentHeight = iframe.contentDocument.body.scrollHeight;\n          // Set min height from theme, grow with content\n          // Convert rem to pixels using root font size\n          const remValue = parseFloat(textAreaMinHeight) || 3;\n          const rootFontSize =\n            parseFloat(getComputedStyle(document.documentElement).fontSize) || 16;\n          const minHeight = remValue * rootFontSize;\n          iframe.style.height = `${Math.max(contentHeight + 16, minHeight)}px`;\n        }\n      };\n\n      // Observe changes to iframe content\n      if (iframeDoc.body && !resizeObserverRef.current) {\n        resizeObserverRef.current = new ResizeObserver(updateIframeHeight);\n        resizeObserverRef.current.observe(iframeDoc.body);\n      }\n\n      // Initial height update\n      updateIframeHeight();\n    }\n\n    // Mark as initialized\n    isInitializedRef.current = true;\n\n    return () => {\n      isInitializedRef.current = false;\n      iframeDoc.removeEventListener('mousedown', handleIframeMouseDown);\n      iframeDoc.removeEventListener('mouseup', handleIframeMouseUp);\n      iframeDoc.removeEventListener('keydown', handleIframeKeyDown);\n      if (resizeObserverRef.current) {\n        resizeObserverRef.current.disconnect();\n        resizeObserverRef.current = null;\n      }\n      // Defer unmounting to avoid race condition during React's render phase\n      if (iframeRootRef.current) {\n        const rootToUnmount = iframeRootRef.current;\n        iframeRootRef.current = null;\n        // Use setTimeout to defer unmount until after React finishes rendering\n        setTimeout(() => {\n          rootToUnmount.unmount();\n        }, 0);\n      }\n    };\n  }, [reinitializeCounter]);\n\n  return { iframeEditorRef };\n}\n"]}
+{"version":3,"file":"useIframeSetup.js","sourceRoot":"","sources":["../../../../src/components/Editor/hooks/useIframeSetup.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useLayoutEffect, useRef, useState, useEffect } from 'react';\nimport type { RefObject, MutableRefObject } from 'react';\nimport { createRoot } from 'react-dom/client';\nimport type { Root } from 'react-dom/client';\nimport { compile, serialize, stringify } from 'stylis';\nimport { mix } from 'polished';\nimport type { Editor as TiptapEditor } from '@tiptap/core';\n\nimport { useTheme } from '@pega/cosmos-react-core';\nimport { getHtmlStyles } from '@pega/cosmos-react-core/lib/components/HTML/HTML';\nimport {\n  createGlobalBodyStyles,\n  createGlobalRootStyles,\n  globalSpacingStyles\n} from '@pega/cosmos-react-core/lib/styles/GlobalStyle';\n\nimport type { CustomComponent, EditorProps } from '../Editor.types';\nimport { IframeTiptapEditor } from '../IframeTiptapEditor';\n\ninterface UseIframeSetupParams {\n  iframeRef: RefObject<HTMLIFrameElement>;\n  theme: ReturnType<typeof useTheme>;\n  styleSheetTarget?: HTMLElement | ShadowRoot;\n  customElements: CustomComponent[];\n  placeholder?: string;\n  defaultValue?: string;\n  disabled?: boolean;\n  readOnly?: boolean;\n  onChange?: (editor: TiptapEditor) => void;\n  onKeyDown?: (event?: KeyboardEvent) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  onInit?: (editor: TiptapEditor) => void;\n  spellcheck?: boolean;\n  initOptions?: EditorProps['initOptions'];\n  onImageAdded?: (image: File, id: string, altText?: string) => void;\n  imagesEnabled: boolean;\n  imageInsertionMode: 'file' | 'url' | 'all';\n  pastedImages: MutableRefObject<File[]>;\n  editorId: string;\n  required?: boolean;\n  setTiptapEditor: (editor: TiptapEditor) => void;\n  setFocused: (focused: boolean) => void;\n  autoResize?: boolean;\n  onTabOut?: () => void;\n}\n\nexport interface IframeEditorHandle {\n  focus: () => void;\n  getPlainText: () => string;\n  getRichText: () => string;\n  getHtml: () => string;\n  clear: () => void;\n  insertText: (text: string) => void;\n  setCursorLocationToStart: () => void;\n  insertHtml: (html: string, overwrite?: boolean) => void;\n  getEditor: () => TiptapEditor | null;\n  setEditable: (editable: boolean) => void;\n}\n\nexport type IframeEditorRef = MutableRefObject<IframeEditorHandle | null>;\n\ninterface UseIframeSetupReturn {\n  iframeEditorRef: IframeEditorRef;\n}\n\nexport default function useIframeSetup({\n  iframeRef,\n  theme,\n  styleSheetTarget,\n  customElements,\n  placeholder,\n  defaultValue,\n  disabled,\n  readOnly,\n  onChange,\n  onKeyDown,\n  onFocus,\n  onBlur,\n  onInit,\n  spellcheck,\n  initOptions,\n  onImageAdded,\n  imagesEnabled,\n  imageInsertionMode,\n  pastedImages,\n  editorId,\n  required,\n  setTiptapEditor,\n  setFocused,\n  autoResize = true,\n  onTabOut\n}: UseIframeSetupParams): UseIframeSetupReturn {\n  const {\n    components: {\n      'text-area': { 'min-height': textAreaMinHeight }\n    }\n  } = theme;\n  const iframeRootRef = useRef<Root | null>(null);\n  const iframeEditorRef = useRef<IframeEditorHandle | null>(null);\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n  const isInitializedRef = useRef(false);\n  const savedContentRef = useRef<string | null>(null);\n  const [reinitializeCounter, setReinitializeCounter] = useState(0);\n\n  // Refs to keep callbacks fresh without re-initializing the iframe\n  const onChangeRef = useRef(onChange);\n  onChangeRef.current = onChange;\n\n  const onImageAddedRef = useRef(onImageAdded);\n  onImageAddedRef.current = onImageAdded;\n\n  const onTabOutRef = useRef(onTabOut);\n  onTabOutRef.current = onTabOut;\n\n  const requiredRef = useRef(required);\n  requiredRef.current = required;\n\n  // Listen for iframe load events (fires when iframe reloads due to DOM move)\n  useEffect(() => {\n    if (!iframeRef.current) return;\n\n    const iframe = iframeRef.current;\n\n    const handleLoad = () => {\n      // Check if content was lost\n      const proseMirror = iframe.contentDocument?.querySelector('.ProseMirror');\n      if (!proseMirror && isInitializedRef.current) {\n        // savedContentRef is updated on every change, so it has the latest content\n        isInitializedRef.current = false;\n        setReinitializeCounter(c => c + 1);\n      }\n    };\n\n    iframe.addEventListener('load', handleLoad);\n\n    return () => {\n      iframe.removeEventListener('load', handleLoad);\n    };\n  }, [iframeRef]);\n\n  // Mount Tiptap inside iframe\n  useLayoutEffect(() => {\n    if (!iframeRef.current) return;\n\n    // Check if already initialized and content is still valid\n    if (isInitializedRef.current) {\n      const proseMirror = iframeRef.current.contentDocument?.querySelector('.ProseMirror');\n      if (proseMirror) {\n        // Already initialized and content is valid, skip\n        return;\n      }\n      // Content was lost (iframe reloaded), need to reinitialize\n      if (iframeRootRef.current) {\n        try {\n          iframeRootRef.current.unmount();\n        } catch (e) {\n          // Ignore unmount errors\n        }\n        iframeRootRef.current = null;\n      }\n      if (resizeObserverRef.current) {\n        resizeObserverRef.current.disconnect();\n        resizeObserverRef.current = null;\n      }\n    }\n\n    const iframe = iframeRef.current;\n    const iframeDoc = iframe.contentDocument || iframe.contentWindow?.document;\n\n    if (!iframeDoc) return;\n\n    // Generate styles similar to TinyMCE\n    const styles = serialize(compile(getHtmlStyles(theme)), stringify);\n    const placeholderStyles = `\n      .ProseMirror p.is-editor-empty:first-child::before {\n        color: ${mix(\n          theme.base.transparency['transparent-3'],\n          theme.base.palette['foreground-color'],\n          theme.components['form-control']['background-color']\n        )};\n        content: attr(data-placeholder);\n        float: left;\n        height: 0;\n        pointer-events: none;\n      }\n    `;\n\n    const contentStyle = `\n      ${createGlobalRootStyles(theme)}\n      ${globalSpacingStyles}\n      ${createGlobalBodyStyles(theme)}\n\n      html {\n        overflow: hidden;\n      }\n\n      body {\n        min-height: 3rem;\n        padding: ${theme.base.spacing};\n        background: unset;\n        cursor: text;\n      }\n\n      #tiptap-root {\n        min-height: 100%;\n      }\n\n      .ProseMirror {\n        outline: none;\n        overflow-wrap: break-word;\n        word-wrap: break-word;\n        word-break: break-word;\n        min-height: 100%;\n        cursor: text;\n      }\n\n      /* Image styling */\n      .ProseMirror img {\n        max-width: 100%;\n        height: auto;\n        cursor: pointer;\n      }\n\n      .ProseMirror img.ProseMirror-selectednode {\n        outline: 2px solid ${theme.base.palette.interactive};\n      }\n\n      ${placeholderStyles}\n      ${styles}\n      ${initOptions?.contentStyle ?? ''}\n    `;\n\n    // Create basic HTML structure in iframe\n    iframeDoc.open();\n    iframeDoc.write(`\n      <!DOCTYPE html>\n      <html>\n        <head>\n          <style${window.__webpack_nonce__ ? ` nonce=\"${window.__webpack_nonce__}\"` : ''}>\n            ${contentStyle}\n          </style>\n        </head>\n        <body>\n          <div id=\"tiptap-root\"></div>\n        </body>\n      </html>\n    `);\n    iframeDoc.close();\n\n    // Copy global styles into the iframe\n    const globalStyles =\n      styleSheetTarget?.querySelectorAll('[data-cosmos-global-style]') ?? ([] as HTMLElement[]);\n    const extraStyles =\n      document.querySelectorAll('[data-cosmos-global-style]') ?? ([] as HTMLElement[]);\n    const iframeHead = iframeDoc.querySelector('head');\n    [...globalStyles, ...extraStyles].forEach(sheet => {\n      iframeHead?.appendChild(sheet.cloneNode(true));\n    });\n\n    // Register custom components in iframe\n    if (customElements && customElements.length > 0 && iframe.contentWindow) {\n      const iframeWindow = iframe.contentWindow as unknown as typeof globalThis;\n      customElements.forEach((component: CustomComponent) => {\n        if (\n          component.name &&\n          component.createCustomElement &&\n          !iframeWindow.customElements.get(component.name)\n        ) {\n          const CustomElement = component.createCustomElement(iframeWindow);\n          iframeWindow.customElements.define(component.name, CustomElement);\n        }\n\n        // Inject custom component styles into iframe if provided\n        if (component.style && iframeHead && component.name) {\n          const styleId = `custom-component-${component.name}`;\n          if (!iframeDoc.getElementById(styleId)) {\n            const styleElement = iframeDoc.createElement('style');\n            styleElement.id = styleId;\n            styleElement.textContent = component.style;\n            if (window.__webpack_nonce__) {\n              styleElement.nonce = window.__webpack_nonce__;\n            }\n            iframeHead.appendChild(styleElement);\n          }\n        }\n      });\n    }\n\n    // Mount React component inside iframe\n    const rootElement = iframeDoc.getElementById('tiptap-root');\n    if (rootElement && !iframeRootRef.current) {\n      // Use saved content if available (from DOM move), otherwise use defaultValue\n      const initialContent = savedContentRef.current ?? defaultValue;\n\n      iframeRootRef.current = createRoot(rootElement);\n      iframeRootRef.current.render(\n        <IframeTiptapEditor\n          placeholder={placeholder}\n          defaultValue={initialContent}\n          disabled={disabled}\n          readOnly={readOnly}\n          onChange={editor => {\n            // Save content on every change so it can be restored if iframe reloads\n            savedContentRef.current = editor.getHTML();\n            onChangeRef.current?.(editor);\n          }}\n          onKeyDown={onKeyDown}\n          onFocus={() => {\n            setFocused(true);\n            onFocus?.();\n          }}\n          onBlur={() => {\n            setFocused(false);\n            onBlur?.();\n          }}\n          onInit={(editor: TiptapEditor) => {\n            // Save initial content so it can be restored if iframe reloads before any changes\n            savedContentRef.current = editor.getHTML();\n            // Set aria-required on the contenteditable element\n            if (requiredRef.current) {\n              editor.view.dom.setAttribute('aria-required', 'true');\n            }\n            setTiptapEditor(editor);\n            onInit?.(editor);\n          }}\n          editorRef={iframeEditorRef}\n          spellcheck={spellcheck}\n          customElements={customElements}\n          initOptions={initOptions}\n          onImageAdded={(image, id, altText) => onImageAddedRef.current?.(image, id, altText)}\n          imagesEnabled={imagesEnabled}\n          imageInsertionMode={imageInsertionMode}\n          pastedImagesRef={pastedImages}\n          editorId={editorId}\n        />\n      );\n    }\n\n    // Handle mousedown on empty space to enable drag-to-select from anywhere\n    const handleIframeMouseDown = (e: MouseEvent) => {\n      const target = e.target as HTMLElement;\n      // Only handle mousedown on empty space (not on actual content like paragraphs, text nodes)\n      if (\n        target === iframeDoc.documentElement ||\n        target === iframeDoc.body ||\n        target.id === 'tiptap-root'\n      ) {\n        const editor = iframeEditorRef.current?.getEditor();\n        if (editor) {\n          // Find nearest document position and place cursor there\n          // This allows ProseMirror to handle the subsequent drag selection\n          const pos = editor.view.posAtCoords({ left: e.clientX, top: e.clientY });\n          if (pos) {\n            editor.commands.setTextSelection(pos.pos);\n            editor.commands.focus();\n          } else {\n            editor.commands.focus('end');\n          }\n        }\n      }\n    };\n\n    // Handle mouseup on empty space to place cursor/deselect on simple clicks\n    const handleIframeMouseUp = (e: MouseEvent) => {\n      const target = e.target as HTMLElement;\n      // Only handle clicks on empty space (html, body, tiptap-root, or ProseMirror container)\n      if (\n        target === iframeDoc.documentElement ||\n        target === iframeDoc.body ||\n        target.id === 'tiptap-root' ||\n        target.classList.contains('ProseMirror')\n      ) {\n        const editor = iframeEditorRef.current?.getEditor();\n        if (editor) {\n          // Check if user has a text selection (from drag) - if so, don't interfere\n          const { from, to } = editor.state.selection;\n          if (from === to) {\n            // Selection is collapsed (no text selected), treat as click\n            const pos = editor.view.posAtCoords({ left: e.clientX, top: e.clientY });\n            if (pos) {\n              // Place cursor at the nearest position\n              editor.commands.setTextSelection(pos.pos);\n              editor.commands.focus();\n            } else {\n              // Fallback to end of document if no position found\n              editor.commands.focus('end');\n            }\n          }\n        }\n      }\n    };\n\n    // Handle Tab key to exit editor and focus toolbar\n    const handleIframeKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Tab' && !e.shiftKey) {\n        e.preventDefault();\n        onTabOutRef.current?.();\n      }\n    };\n\n    iframeDoc.addEventListener('mousedown', handleIframeMouseDown);\n    iframeDoc.addEventListener('mouseup', handleIframeMouseUp);\n    iframeDoc.addEventListener('keydown', handleIframeKeyDown);\n\n    // Auto-resize iframe based on content height (only if autoResize is enabled)\n    if (autoResize) {\n      const updateIframeHeight = () => {\n        if (iframe.contentDocument?.body) {\n          const contentHeight = iframe.contentDocument.body.scrollHeight;\n          // Set min height from theme, grow with content\n          // Convert rem to pixels using root font size\n          const remValue = parseFloat(textAreaMinHeight) || 3;\n          const rootFontSize =\n            parseFloat(getComputedStyle(document.documentElement).fontSize) || 16;\n          const minHeight = remValue * rootFontSize;\n          iframe.style.height = `${Math.max(contentHeight + 16, minHeight)}px`;\n        }\n      };\n\n      // Observe changes to iframe content\n      if (iframeDoc.body && !resizeObserverRef.current) {\n        resizeObserverRef.current = new ResizeObserver(updateIframeHeight);\n        resizeObserverRef.current.observe(iframeDoc.body);\n      }\n\n      // Initial height update\n      updateIframeHeight();\n    }\n\n    // Mark as initialized\n    isInitializedRef.current = true;\n\n    return () => {\n      isInitializedRef.current = false;\n      iframeDoc.removeEventListener('mousedown', handleIframeMouseDown);\n      iframeDoc.removeEventListener('mouseup', handleIframeMouseUp);\n      iframeDoc.removeEventListener('keydown', handleIframeKeyDown);\n      if (resizeObserverRef.current) {\n        resizeObserverRef.current.disconnect();\n        resizeObserverRef.current = null;\n      }\n      // Defer unmounting to avoid race condition during React's render phase\n      if (iframeRootRef.current) {\n        const rootToUnmount = iframeRootRef.current;\n        iframeRootRef.current = null;\n        // Use setTimeout to defer unmount until after React finishes rendering\n        setTimeout(() => {\n          rootToUnmount.unmount();\n        }, 0);\n      }\n    };\n  }, [reinitializeCounter]);\n\n  // Keep aria-required in sync when `required` prop changes\n  useEffect(() => {\n    const editorEl = iframeEditorRef.current?.getEditor()?.view.dom;\n    if (!editorEl) return;\n\n    if (required) {\n      editorEl.setAttribute('aria-required', 'true');\n    } else {\n      editorEl.removeAttribute('aria-required');\n    }\n  }, [required]);\n\n  return { iframeEditorRef };\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-rte",
-  "version": "9.0.0-build.28.3",
+  "version": "9.0.0-build.28.5",
   "license": "SEE LICENSE IN LICENSE",
   "author": "Pegasystems",
   "sideEffects": false,
@@ -15,7 +15,7 @@
   },
   "dependencies": {
     "@intevation/tiptap-extension-office-paste": "^0.1.2",
-    "@pega/cosmos-react-core": "9.0.0-build.28.3",
+    "@pega/cosmos-react-core": "9.0.0-build.28.5",
     "@popperjs/core": "^2.11.6",
     "@tiptap/core": "^3.12.1",
     "@tiptap/extension-blockquote": "^3.12.1",