@procore/text-editor 0.0.1 → 0.0.3

package/CHANGELOG.md

@@ -0,0 +1,19 @@
+# @procore/text-editor
+
+## 0.0.3
+
+### Patch Changes
+
+- 4656bce: Default provider TAB key as navigation to remove keyboard trap
+
+## 0.0.2
+
+### Patch Changes
+
+- 7d01b54: Fix some types and remove legacy tinymce no-ops and focus.
+
+## 0.0.1
+
+### Patch Changes
+
+- f95beb2: Initial release of a separate TextEditor package, extracted from core-react.

package/codemod/__fixtures__/hammer.config.mjs

@@ -5,6 +5,13 @@ export default {
     webpackOverride(config) {
       return config
     },
+    moduleFederation: {
+      shared: {
+        react: {
+          singleton: true,
+        },
+      },
+    },
   },
   jestOverride: (defaultConfig) => {
     return coreReactJestConfig({

package/codemod/__fixtures__/procore.config.js

@@ -5,6 +5,13 @@ module.exports = ({ env }) => ({
     webpackOverride(config) {
       return config
     },
+    moduleFederation: {
+      shared: {
+        react: {
+          singleton: true,
+        },
+      },
+    },
   },
   jestOverride: (defaultConfig) => {
     return coreReactJestConfig(defaultConfig)

package/codemod/__fixtures__/procore.config.ternary.js

@@ -0,0 +1,18 @@
+const { coreReactJestConfig } = require('@procore/core-react/jestConfig')
+
+module.exports = ({ env }) => ({
+  app: {
+    webpackOverride(config) {
+      return config
+    },
+    moduleFederation: {
+      shared:
+        process.env.NODE_ENV === 'production'
+          ? { react: deps.react, 'react-dom': deps['react-dom'] }
+          : {},
+    },
+  },
+  jestOverride: (defaultConfig) => {
+    return coreReactJestConfig(defaultConfig)
+  },
+})

package/codemod/text-editor-migrate.js

@@ -8,6 +8,7 @@
  * 1. Updates imports from @procore/core-react to @procore/text-editor for TextEditor components
  * 2. Updates Form.RichText usage to include textEditorComponent prop
  * 3. Updates Jest configuration to use textEditorJestConfig
+ * 4. Adds ckeditor5 singleton to module federation shared config
  */
 
 const fs = require('fs')
@@ -28,9 +29,43 @@ const stats = {
   importsUpdated: 0,
   formRichTextUpdated: 0,
   jestConfigUpdated: 0,
+  moduleFederationUpdated: 0,
   errors: [],
 }
 
+/**
+ * Check if ckeditor5 is in package.json dependencies
+ */
+function checkForCkeditor5(targetPath) {
+  let currentDir = targetPath
+
+  // If targetPath is a file, start from its directory
+  if (fs.existsSync(targetPath) && fs.statSync(targetPath).isFile()) {
+    currentDir = path.dirname(targetPath)
+  }
+
+  // Walk up the directory tree to find package.json
+  while (currentDir !== path.dirname(currentDir)) {
+    const packageJsonPath = path.join(currentDir, 'package.json')
+    if (fs.existsSync(packageJsonPath)) {
+      try {
+        const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'))
+        const deps = {
+          ...packageJson.dependencies,
+          ...packageJson.devDependencies,
+          ...packageJson.peerDependencies,
+        }
+        return !!deps['ckeditor5']
+      } catch (error) {
+        // Ignore parse errors, continue searching
+      }
+    }
+    currentDir = path.dirname(currentDir)
+  }
+
+  return false
+}
+
 // TextEditor-related exports that should be migrated
 const TEXT_EDITOR_EXPORTS = [
   'TextEditor',
@@ -254,6 +289,312 @@ function transformFormRichText(fileContent) {
   return { content: newContent, modified }
 }
 
+/**
+ * Add ckeditor5 singleton configuration to a shared object
+ * Returns the modified content and whether it was modified
+ */
+function addSingletonToSharedObject(content, sharedMatch) {
+  const insertPosition = sharedMatch.index + sharedMatch[0].length
+
+  // Detect indentation by looking at the content after `shared: {` or similar
+  // Find the first property inside shared to determine proper indentation
+  const afterShared = content.substring(insertPosition)
+  const firstPropertyMatch = afterShared.match(/\n(\s+)\w+\s*:/)
+
+  let propertyIndent = ''
+  let indentUnit = '  ' // default to 2 spaces
+
+  if (firstPropertyMatch) {
+    // Use the same indentation as the first property inside shared
+    propertyIndent = firstPropertyMatch[1]
+    // Detect indent unit from the property indent
+    const sharedLineMatch = content
+      .substring(0, sharedMatch.index)
+      .match(/\n(\s+)(?:shared|\?)/)
+    if (sharedLineMatch) {
+      const sharedIndent = sharedLineMatch[1]
+      // indentUnit is the difference between property indent and shared indent
+      if (propertyIndent.length > sharedIndent.length) {
+        indentUnit = propertyIndent.substring(sharedIndent.length)
+      }
+    }
+  } else {
+    // Fallback: detect from the 'shared' line indentation
+    const beforeMatch = content.substring(0, sharedMatch.index)
+    const lastNewlineIndex = beforeMatch.lastIndexOf('\n')
+    const lineStart =
+      lastNewlineIndex >= 0
+        ? beforeMatch.substring(lastNewlineIndex + 1)
+        : beforeMatch
+    const baseIndentMatch = lineStart.match(/^(\s*)/)
+    const baseIndent = baseIndentMatch ? baseIndentMatch[1] : ''
+
+    // Determine if we're using tabs or spaces
+    const useTabs = baseIndent.includes('\t')
+    indentUnit = useTabs ? '\t' : '  '
+    propertyIndent = baseIndent + indentUnit
+  }
+
+  // Build the ckeditor5 configuration
+  const ckeditor5Config = `
+${propertyIndent}ckeditor5: {
+${propertyIndent}${indentUnit}requiredVersion: deps['ckeditor5'],
+${propertyIndent}${indentUnit}singleton: true,
+${propertyIndent}},`
+
+  // Insert the ckeditor5 configuration after the opening brace
+  return (
+    content.substring(0, insertPosition) +
+    ckeditor5Config +
+    content.substring(insertPosition)
+  )
+}
+
+/**
+ * Add deps import/require statement to the file if not already present
+ */
+function addDepsImport(content, filePath) {
+  // Check if deps variable is already declared
+  if (
+    content.includes("require('./package.json')") ||
+    content.includes("require('./package.json').dependencies") ||
+    content.includes("from './package.json'")
+  ) {
+    return content
+  }
+
+  // Determine if using CommonJS or ES modules
+  const isESModule =
+    content.includes('export default') ||
+    content.includes('export {') ||
+    filePath.endsWith('.mjs')
+
+  if (isESModule) {
+    // For ES modules, add import at the top
+    const importStatement =
+      "import deps from './package.json' with { type: 'json' }\n"
+
+    // Find the first import or export statement
+    const firstImportMatch = content.match(/^(import|export)/m)
+    if (firstImportMatch) {
+      const insertPos = content.indexOf(firstImportMatch[0])
+      return (
+        content.substring(0, insertPos) +
+        importStatement +
+        content.substring(insertPos)
+      )
+    } else {
+      return importStatement + content
+    }
+  } else {
+    // For CommonJS, add require at the top
+    const requireStatement =
+      "const deps = require('./package.json').dependencies\n"
+
+    // Find the first require or const statement
+    const firstRequireMatch = content.match(/^(const|let|var|require)/m)
+    if (firstRequireMatch) {
+      const insertPos = content.indexOf(firstRequireMatch[0])
+      return (
+        content.substring(0, insertPos) +
+        requireStatement +
+        content.substring(insertPos)
+      )
+    } else {
+      return requireStatement + content
+    }
+  }
+}
+
+/**
+ * Find the matching closing brace for an opening brace at the given position
+ */
+function findMatchingBrace(content, openBracePos) {
+  let depth = 1
+  let pos = openBracePos + 1
+
+  while (pos < content.length && depth > 0) {
+    const char = content[pos]
+    if (char === '{') {
+      depth++
+    } else if (char === '}') {
+      depth--
+    }
+    pos++
+  }
+
+  return depth === 0 ? pos - 1 : -1
+}
+
+/**
+ * Check if an object block contains a 'react' key
+ */
+function objectContainsReact(content, openBracePos) {
+  const closeBracePos = findMatchingBrace(content, openBracePos)
+  if (closeBracePos === -1) return false
+
+  const objectContent = content.substring(openBracePos, closeBracePos + 1)
+  // Check for react as a key (handles react:, 'react':, "react":)
+  return /(?:^|[{,\s])react\s*:|['"]react['"]\s*:/.test(objectContent)
+}
+
+/**
+ * Transform module federation with ternary conditional pattern
+ * Handles patterns like:
+ *   shared: process.env.NODE_ENV === 'production'
+ *     ? { react: deps.react, 'react-dom': deps['react-dom'] }
+ *     : {},
+ * Only adds ckeditor5 to branches that contain 'react'
+ */
+function transformModuleFederationTernary(fileContent, filePath) {
+  let newContent = fileContent
+
+  // Pattern to match ternary conditional for shared - find the opening brace of the consequent
+  // Matches: shared: <condition> ? {
+  const ternaryRegex =
+    /shared\s*:\s*[\w.]+\s*===?\s*['"][^'"]+['"]\s*\?\s*(\{)/g
+
+  let match
+  let offset = 0
+
+  // Find all ternary patterns and process the consequent (true branch)
+  while ((match = ternaryRegex.exec(fileContent)) !== null) {
+    const adjustedIndex = match.index + offset
+    const bracePos = adjustedIndex + match[0].length - 1 // Position of the opening brace
+
+    // Only add ckeditor5 if this branch contains 'react'
+    if (!objectContainsReact(newContent, bracePos)) {
+      continue
+    }
+
+    const adjustedMatch = {
+      ...match,
+      index: bracePos,
+      0: '{',
+    }
+
+    const beforeLength = newContent.length
+    newContent = addSingletonToSharedObject(newContent, adjustedMatch)
+    offset += newContent.length - beforeLength
+  }
+
+  // Now find and process the alternate (false branch) - the : { ... } part
+  // We need to find the consequent's closing brace first, then find the alternate
+  const ternaryRegex2 = /shared\s*:\s*[\w.]+\s*===?\s*['"][^'"]+['"]\s*\?\s*\{/g
+
+  let match2
+  while ((match2 = ternaryRegex2.exec(newContent)) !== null) {
+    // Find the opening brace of the consequent
+    const consequentOpenBrace = match2.index + match2[0].length - 1
+
+    // Find the matching closing brace
+    const consequentCloseBrace = findMatchingBrace(
+      newContent,
+      consequentOpenBrace
+    )
+
+    if (consequentCloseBrace === -1) continue
+
+    // Find the alternate branch - look for : { after the closing brace
+    const afterConsequent = newContent.substring(consequentCloseBrace + 1)
+    const alternateMatch = afterConsequent.match(/^\s*:\s*(\{)/)
+
+    if (alternateMatch) {
+      const alternateBracePos =
+        consequentCloseBrace +
+        1 +
+        alternateMatch.index +
+        alternateMatch[0].length -
+        1
+
+      // Only add ckeditor5 if this branch contains 'react'
+      if (!objectContainsReact(newContent, alternateBracePos)) {
+        continue
+      }
+
+      const adjustedMatch = {
+        index: alternateBracePos,
+        0: '{',
+      }
+
+      newContent = addSingletonToSharedObject(newContent, adjustedMatch)
+    }
+  }
+
+  // Add deps import if needed only if we made changes
+  if (newContent !== fileContent) {
+    newContent = addDepsImport(newContent, filePath)
+  }
+
+  const modified = newContent !== fileContent
+  if (modified) {
+    stats.moduleFederationUpdated++
+  }
+
+  return { content: newContent, modified }
+}
+
+/**
+ * Transform module federation configuration to add ckeditor5 singleton
+ * Handles both hammer.config.* and procore.config.* files
+ * Supports both direct object pattern and ternary conditional pattern
+ */
+function transformModuleFederation(fileContent, filePath) {
+  let modified = false
+  let newContent = fileContent
+  const fileName = path.basename(filePath)
+
+  // Only process hammer.config.* or procore.config.* files
+  if (
+    !fileName.startsWith('hammer.config') &&
+    !fileName.startsWith('procore.config')
+  ) {
+    return { content: newContent, modified }
+  }
+
+  // Check if moduleFederation.shared exists in the file
+  if (!newContent.includes('moduleFederation')) {
+    return { content: newContent, modified }
+  }
+
+  // Check if shared key exists
+  if (!newContent.includes('shared')) {
+    return { content: newContent, modified }
+  }
+
+  // Check if ckeditor5 is already configured
+  if (newContent.includes('ckeditor5')) {
+    return { content: newContent, modified }
+  }
+
+  // Check if this is a ternary conditional pattern
+  const ternaryPattern = /shared\s*:\s*[\w.]+\s*===?\s*['"][^'"]+['"]\s*\?/
+  if (ternaryPattern.test(newContent)) {
+    return transformModuleFederationTernary(newContent, filePath)
+  }
+
+  // Pattern to match shared object in moduleFederation
+  // Handles both `shared: {` and `shared:{` patterns
+  const sharedObjectRegex = /(shared\s*:\s*\{)/g
+
+  if (sharedObjectRegex.test(newContent)) {
+    // Reset regex lastIndex
+    sharedObjectRegex.lastIndex = 0
+
+    // Find the match and its position
+    const match = sharedObjectRegex.exec(newContent)
+    if (match) {
+      newContent = addSingletonToSharedObject(newContent, match)
+      newContent = addDepsImport(newContent, filePath)
+
+      modified = true
+      stats.moduleFederationUpdated++
+    }
+  }
+
+  return { content: newContent, modified }
+}
+
 /**
  * Transform Jest configuration files
  */
@@ -315,7 +656,8 @@ function processFile(filePath) {
     // Config file detection
     const isConfigFile =
       /^jest\.(config|setup)\.(js|ts|cjs|mjs)$/.test(fileName) ||
-      /\.config\.(js|ts|cjs|mjs)$/.test(fileName)
+      /\.config\.(js|ts|cjs|mjs)$/.test(fileName) ||
+      /\.config\..*\.(js|ts|cjs|mjs)$/.test(fileName) // Last one for tests like "procore.config.ternay.js"
 
     // Process Jest configuration
     if (isConfigFile && content.includes('coreReactJestConfig')) {
@@ -326,6 +668,15 @@ function processFile(filePath) {
       }
     }
 
+    // Process module federation configuration for hammer.config.* and procore.config.* files
+    if (isConfigFile) {
+      const modFedResult = transformModuleFederation(newContent, filePath)
+      if (modFedResult.modified) {
+        newContent = modFedResult.content
+        wasModified = true
+      }
+    }
+
     // For regular JS/TS files, process imports and Form.RichText
     if (['.js', '.jsx', '.ts', '.tsx'].includes(ext) && !isConfigFile) {
       // Transform imports
@@ -420,6 +771,7 @@ ${colors.bold}Transformations:${colors.reset}
   • Updates imports from @procore/core-react to @procore/text-editor
   • Adds textEditorComponent prop to Form.RichText
   • Updates Jest configuration to use textEditorJestConfig
+  • Adds ckeditor5 singleton to module federation shared config
 
 ${colors.bold}Examples:${colors.reset}
 
@@ -433,6 +785,24 @@ ${colors.bold}Examples:${colors.reset}
   // Default to current directory if no path provided
   const targetPath = path.resolve(args[0] || '.')
 
+  // Check if ckeditor5 is installed before running
+  if (!checkForCkeditor5(targetPath)) {
+    console.log(
+      `\n${colors.info}ℹ${colors.reset} ckeditor5 not found in package.json\n`
+    )
+    console.log(`Are you sure you need a text-editor?\n`)
+    console.log(
+      `  To use TextEditor components, you need to install ckeditor5 first:\n`
+    )
+    console.log(`  ${colors.info}For libraries:${colors.reset}`)
+    console.log(`    yarn add ckeditor5@^47 --peer --dev\n`)
+    console.log(`  ${colors.info}For apps:${colors.reset}`)
+    console.log(`    yarn add ckeditor5@^47\n`)
+    console.log(`  After installing, re-run this codemod.\n`)
+    console.log(`  See README_MIGRATION.md for more details.\n`)
+    return
+  }
+
   console.log(
     `\n${colors.bold}Starting TextEditor migration...${colors.reset}\n`
   )
@@ -488,6 +858,9 @@ ${colors.bold}Examples:${colors.reset}
   console.log(
     `${colors.success}✓${colors.reset} Jest configs updated: ${stats.jestConfigUpdated}`
   )
+  console.log(
+    `${colors.success}✓${colors.reset} Module federation configs updated: ${stats.moduleFederationUpdated}`
+  )
 
   if (stats.errors.length > 0) {
     console.log(`\n${colors.error}Errors encountered:${colors.reset}`)
@@ -500,8 +873,15 @@ ${colors.bold}Examples:${colors.reset}
 
   if (stats.filesProcessed > 0) {
     console.log(`${colors.bold}Next steps:${colors.reset}\n`)
-    console.log('1. Review the changes made by the codemod')
-    console.log('2. Run your tests to ensure everything works correctly\n')
+    console.log(
+      '1. Review the changes made by the codemod. May need to be linted.\n'
+    )
+    console.log(
+      '2. Review previous implementation for additional props and migrate to CKEditor, https://ckeditor.com/docs/ckeditor5/latest/features/index.html\n'
+    )
+    console.log(
+      '3. Run your tests to ensure everything works correctly and test a deploy preview.\n'
+    )
   }
 }
 

package/codemod/text-editor-migrate.test.js

@@ -169,6 +169,92 @@ describe('text-editor-migrate codemod', () => {
     })
   })
 
+  describe('module federation transformations', () => {
+    it('should add ckeditor5 to moduleFederation.shared in hammer.config.mjs', () => {
+      execFileSync('node', [codemodPath, testDir], { stdio: 'ignore' })
+
+      const content = readFile('hammer.config.mjs')
+
+      expect(content).toContain('ckeditor5:')
+      expect(content).toContain("requiredVersion: deps['ckeditor5']")
+      expect(content).toContain('singleton: true')
+      expect(content).toContain("import deps from './package.json'")
+    })
+
+    it('should add ckeditor5 to moduleFederation.shared in procore.config.js', () => {
+      execFileSync('node', [codemodPath, testDir], { stdio: 'ignore' })
+
+      const content = readFile('procore.config.js')
+
+      expect(content).toContain('ckeditor5:')
+      expect(content).toContain("requiredVersion: deps['ckeditor5']")
+      expect(content).toContain('singleton: true')
+      expect(content).toContain(
+        "const deps = require('./package.json').dependencies"
+      )
+    })
+
+    it('should not add ckeditor5 if already present', () => {
+      // First run adds ckeditor5
+      execFileSync('node', [codemodPath, testDir], { stdio: 'ignore' })
+      const firstRun = readFile('hammer.config.mjs')
+
+      // Second run should not duplicate
+      execFileSync('node', [codemodPath, testDir], { stdio: 'ignore' })
+      const secondRun = readFile('hammer.config.mjs')
+
+      expect(firstRun).toBe(secondRun)
+      // Count occurrences of ckeditor5 - should only appear once
+      const matches = secondRun.match(/ckeditor5:/g)
+      expect(matches).toHaveLength(1)
+    })
+
+    it('should add ckeditor5 only to ternary branches that contain react', () => {
+      execFileSync('node', [codemodPath, testDir], { stdio: 'ignore' })
+
+      const content = readFile('procore.config.ternary.js')
+
+      // Should have ckeditor5 only in the branch with react (production branch)
+      const ckeditor5Matches = content.match(/ckeditor5:/g)
+      expect(ckeditor5Matches).toHaveLength(1)
+
+      // Should have deps import
+      expect(content).toContain(
+        "const deps = require('./package.json').dependencies"
+      )
+
+      // Should have singleton: true only once
+      const singletonMatches = content.match(/singleton:\s*true/g)
+      expect(singletonMatches).toHaveLength(1)
+    })
+
+    it('should not modify config files without moduleFederation.shared', () => {
+      // Create a config file without moduleFederation
+      const noModFedConfig = `
+const { coreReactJestConfig } = require('@procore/core-react/jestConfig')
+
+module.exports = {
+  app: {
+    webpackOverride(config) {
+      return config
+    },
+  },
+}
+`
+      fs.writeFileSync(
+        path.join(testDir, 'no-mod-fed.config.js'),
+        noModFedConfig
+      )
+
+      execFileSync('node', [codemodPath, testDir], { stdio: 'ignore' })
+
+      const content = readFile('no-mod-fed.config.js')
+
+      expect(content).not.toContain('ckeditor5')
+      expect(content).not.toContain("require('./package.json')")
+    })
+  })
+
   describe('edge cases', () => {
     it('should not modify files without TextEditor usage', () => {
       execFileSync('node', [codemodPath, testDir], { stdio: 'ignore' })

package/dist/{src/TextEditor → TextEditor}/TextEditor.d.ts

@@ -41,4 +41,4 @@ import type { TextEditorProps } from './TextEditor.types';
  *       }),
  *   })
  */
-export declare function TextEditor({ disabled, error, value, initialValue, onChange, onInit, onBlur, onKeyDown, config: externalConfig, plugins: stringPlugins, locale: propLocale, onDirty, tinyMCE: _tinyMCE, init: _init, onEditorChange: _onEditorChange, onFocusOut: _onFocusOut, ...restProps }: TextEditorProps): React.JSX.Element | null;
+export declare function TextEditor({ disabled, error, value, initialValue, onChange, onInit, onBlur, onKeyDown, config: externalConfig, plugins: stringPlugins, locale: propLocale, onDirty, ...restProps }: TextEditorProps): React.JSX.Element | null;

package/dist/TextEditor/TextEditor.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["disabled", "error", "value", "initialValue", "onChange", "onInit", "onBlur", "onKeyDown", "config", "plugins", "locale", "onDirty", "tinyMCE", "init", "onEditorChange", "onFocusOut"];
+var _excluded = ["disabled", "error", "value", "initialValue", "onChange", "onInit", "onBlur", "onKeyDown", "config", "plugins", "locale", "onDirty"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -17,7 +17,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 import { CKEditor } from '@ckeditor/ckeditor5-react';
 import { ClassicEditor } from 'ckeditor5';
 import React from 'react';
-import { UNSAFE_useOverridableFocusScope, useI18nContext, useZIndexContext } from '@procore/core-react';
+import { useI18nContext, useZIndexContext } from '@procore/core-react';
 import { useStickyToolbar } from './StickyToolbar';
 import { GlobalEditorStyles, StyledTextEditor } from './TextEditor.styles';
 import { TextEditorContext } from './TextEditorProvider';
@@ -80,10 +80,6 @@ export function TextEditor(_ref) {
     stringPlugins = _ref.plugins,
     propLocale = _ref.locale,
     onDirty = _ref.onDirty,
-    _tinyMCE = _ref.tinyMCE,
-    _init = _ref.init,
-    _onEditorChange = _ref.onEditorChange,
-    _onFocusOut = _ref.onFocusOut,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var _useCKEditorCss = useCKEditorCss(),
     cssLoading = _useCKEditorCss.isLoading;
@@ -135,12 +131,6 @@ export function TextEditor(_ref) {
     var finalConfig = _objectSpread(_objectSpread({}, configWithPlugins), externalResult !== null && externalResult !== void 0 ? externalResult : {});
     return finalConfig;
   }, [externalConfig, locale, stringPlugins]);
-  var focusScope = UNSAFE_useOverridableFocusScope();
-  React.useEffect(function () {
-    focusScope.setProps({
-      contain: false
-    });
-  }, [focusScope]);
   var bindKeyDownHandler = React.useCallback(function (editor) {
     if (!onKeyDown) {
       return;