@procore/text-editor 0.0.2 → 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__/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

@@ -289,9 +289,255 @@ 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
@@ -321,6 +567,12 @@ function transformModuleFederation(fileContent, filePath) {
     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
@@ -332,109 +584,8 @@ function transformModuleFederation(fileContent, filePath) {
     // Find the match and its position
     const match = sharedObjectRegex.exec(newContent)
     if (match) {
-      const insertPosition = match.index + match[0].length
-
-      // Detect indentation by looking at the content after `shared: {`
-      // Find the first property inside shared to determine proper indentation
-      const afterShared = newContent.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 = newContent
-          .substring(0, match.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 = newContent.substring(0, match.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 `shared: {`
-      newContent =
-        newContent.substring(0, insertPosition) +
-        ckeditor5Config +
-        newContent.substring(insertPosition)
-
-      // Check if deps variable is already declared
-      if (
-        !newContent.includes("require('./package.json')") &&
-        !newContent.includes("require('./package.json').dependencies") &&
-        !newContent.includes("from './package.json'")
-      ) {
-        // Add deps declaration at the top of the file
-        // Determine if using CommonJS or ES modules
-        const isESModule =
-          newContent.includes('export default') ||
-          newContent.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 = newContent.match(/^(import|export)/m)
-          if (firstImportMatch) {
-            const insertPos = newContent.indexOf(firstImportMatch[0])
-            newContent =
-              newContent.substring(0, insertPos) +
-              importStatement +
-              newContent.substring(insertPos)
-          } else {
-            newContent = importStatement + newContent
-          }
-        } 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 = newContent.match(
-            /^(const|let|var|require)/m
-          )
-          if (firstRequireMatch) {
-            const insertPos = newContent.indexOf(firstRequireMatch[0])
-            newContent =
-              newContent.substring(0, insertPos) +
-              requireStatement +
-              newContent.substring(insertPos)
-          } else {
-            newContent = requireStatement + newContent
-          }
-        }
-      }
+      newContent = addSingletonToSharedObject(newContent, match)
+      newContent = addDepsImport(newContent, filePath)
 
       modified = true
       stats.moduleFederationUpdated++
@@ -505,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')) {
@@ -721,7 +873,9 @@ ${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(
+      '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'
     )

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

@@ -209,6 +209,25 @@ describe('text-editor-migrate codemod', () => {
       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 = `

package/dist/TextEditor/TextEditor.styles.js

@@ -18,7 +18,7 @@ export var GlobalEditorStyles = /*#__PURE__*/createGlobalStyle([":root{--ck-z-de
 });
 export var StyledTextEditor = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTextEditor",
-  componentId: "text-editor-0_0_2__sc-iim79x-0"
+  componentId: "text-editor-0_0_3__sc-iim79x-0"
 })(["", ""], function (_ref6) {
   var error = _ref6.error;
   return error && "\n      .ck-sticky-panel__content {\n        border-top-color: ".concat(colors.red50, " !important;\n        border-left-color: ").concat(colors.red50, " !important;\n        border-right-color: ").concat(colors.red50, " !important;\n      }\n\n      .ck-editor__editable {\n        border-left-color: ").concat(colors.red50, " !important;\n        border-right-color: ").concat(colors.red50, " !important;\n        border-bottom-color: ").concat(colors.red50, " !important;\n      }\n    ");

package/dist/TextEditor/TextEditorProvider.js

@@ -1,7 +1,7 @@
 import React from 'react';
 export var TextEditorContext = /*#__PURE__*/React.createContext({
   features: {
-    tabAsNavigation: undefined,
+    tabAsNavigation: true,
     stickyToolbar: undefined
   }
 });

package/dist/TextEditor/TextEditorProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditorProvider.js","names":["React","TextEditorContext","createContext","features","tabAsNavigation","undefined","stickyToolbar","TextEditorProvider","_ref","children","createElement","Provider","value"],"sources":["../../src/TextEditor/TextEditorProvider.tsx"],"sourcesContent":["import React from 'react'\nimport type { TextEditorProviderProps } from './TextEditorProvider.types'\n\nexport const TextEditorContext = React.createContext<\n  Omit<TextEditorProviderProps, 'children'>\n>({\n  features: {\n    tabAsNavigation: undefined,\n    stickyToolbar: undefined,\n  },\n})\n\nexport function TextEditorProvider({\n  children,\n  features,\n}: TextEditorProviderProps) {\n  return (\n    <TextEditorContext.Provider value={{ features }}>\n      {children}\n    </TextEditorContext.Provider>\n  )\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,OAAO,IAAMC,iBAAiB,gBAAGD,KAAK,CAACE,aAAa,CAElD;EACAC,QAAQ,EAAE;IACRC,eAAe,EAAEC,SAAS;IAC1BC,aAAa,EAAED;EACjB;AACF,CAAC,CAAC;AAEF,OAAO,SAASE,kBAAkBA,CAAAC,IAAA,EAGN;EAAA,IAF1BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRN,QAAQ,GAAAK,IAAA,CAARL,QAAQ;EAER,oBACEH,KAAA,CAAAU,aAAA,CAACT,iBAAiB,CAACU,QAAQ;IAACC,KAAK,EAAE;MAAET,QAAQ,EAARA;IAAS;EAAE,GAC7CM,QACyB,CAAC;AAEjC"}
+{"version":3,"file":"TextEditorProvider.js","names":["React","TextEditorContext","createContext","features","tabAsNavigation","stickyToolbar","undefined","TextEditorProvider","_ref","children","createElement","Provider","value"],"sources":["../../src/TextEditor/TextEditorProvider.tsx"],"sourcesContent":["import React from 'react'\nimport type { TextEditorProviderProps } from './TextEditorProvider.types'\n\nexport const TextEditorContext = React.createContext<\n  Omit<TextEditorProviderProps, 'children'>\n>({\n  features: {\n    tabAsNavigation: true,\n    stickyToolbar: undefined,\n  },\n})\n\nexport function TextEditorProvider({\n  children,\n  features,\n}: TextEditorProviderProps) {\n  return (\n    <TextEditorContext.Provider value={{ features }}>\n      {children}\n    </TextEditorContext.Provider>\n  )\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,OAAO,IAAMC,iBAAiB,gBAAGD,KAAK,CAACE,aAAa,CAElD;EACAC,QAAQ,EAAE;IACRC,eAAe,EAAE,IAAI;IACrBC,aAAa,EAAEC;EACjB;AACF,CAAC,CAAC;AAEF,OAAO,SAASC,kBAAkBA,CAAAC,IAAA,EAGN;EAAA,IAF1BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRN,QAAQ,GAAAK,IAAA,CAARL,QAAQ;EAER,oBACEH,KAAA,CAAAU,aAAA,CAACT,iBAAiB,CAACU,QAAQ;IAACC,KAAK,EAAE;MAAET,QAAQ,EAARA;IAAS;EAAE,GAC7CM,QACyB,CAAC;AAEjC"}

package/dist/TextEditor/plugins/TabSpacesPlugin/TabSpacesPlugin.js

@@ -12,6 +12,8 @@ function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? O
 function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
 function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
 import { Plugin, toWidget, viewToModelPositionOutsideModelElement, Widget } from 'ckeditor5';
+
+// TODO - delete
 export var TabSpacesPlugin = /*#__PURE__*/function (_Plugin) {
   function TabSpacesPlugin() {
     _classCallCheck(this, TabSpacesPlugin);

package/dist/TextEditor/plugins/TabSpacesPlugin/TabSpacesPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabSpacesPlugin.js","names":["Plugin","toWidget","viewToModelPositionOutsideModelElement","Widget","TabSpacesPlugin","_Plugin","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","init","editor","model","doc","document","schema","register","allowWhere","isInline","isObject","editing","mapper","on","viewElement","hasClass","conversion","elementToElement","view","modelItem","_ref","viewWriter","writer","span","createContainerElement","contenteditable","insert","createPositionAt","createText","label","_ref2","name","classes","keystrokes","set","evtData","cancel","change","tab","createElement","insertContent","selection","get"],"sources":["../../../../src/TextEditor/plugins/TabSpacesPlugin/TabSpacesPlugin.ts"],"sourcesContent":["import type { Editor } from 'ckeditor5'\nimport {\n  Plugin,\n  toWidget,\n  viewToModelPositionOutsideModelElement,\n  Widget,\n} from 'ckeditor5'\n\nexport class TabSpacesPlugin extends Plugin {\n  static get requires() {\n    return [Widget]\n  }\n\n  static get pluginName() {\n    return 'TabSpacesPlugin'\n  }\n\n  init(): void {\n    const editor = this.editor as Editor\n    const model = editor.model\n    const doc = model.document\n\n    model.schema.register('tab', {\n      allowWhere: '$text',\n      isInline: true,\n      isObject: true,\n    })\n\n    editor.editing.mapper.on(\n      'viewToModelPosition',\n      viewToModelPositionOutsideModelElement(model, (viewElement) =>\n        viewElement.hasClass('ck-tab')\n      )\n    )\n\n    editor.conversion.for('editingDowncast').elementToElement({\n      model: 'tab',\n      view: (modelItem, { writer: viewWriter }) => {\n        const span = viewWriter.createContainerElement('span', {\n          class: 'ck-tab',\n          contenteditable: 'false',\n        })\n        viewWriter.insert(\n          viewWriter.createPositionAt(span, 0),\n          viewWriter.createText('\\u00A0\\u00A0\\u00A0')\n        )\n\n        return toWidget(span, viewWriter, { label: 'tab spaces' })\n      },\n    })\n\n    editor.conversion.for('dataDowncast').elementToElement({\n      model: 'tab',\n      view: (modelItem, { writer: viewWriter }) => {\n        const span = viewWriter.createContainerElement('span', {\n          class: 'ck-tab',\n        })\n        viewWriter.insert(\n          viewWriter.createPositionAt(span, 0),\n          viewWriter.createText('\\u00A0\\u00A0\\u00A0')\n        )\n        return span\n      },\n    })\n\n    editor.conversion.for('upcast').elementToElement({\n      view: {\n        name: 'span',\n        classes: 'ck-tab',\n      },\n      model: 'tab',\n    })\n\n    editor.keystrokes.set('Tab', (evtData, cancel) => {\n      model.change((writer) => {\n        const tab = writer.createElement('tab')\n        model.insertContent(tab, doc.selection)\n      })\n      cancel()\n    })\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"TabSpacesPlugin.js","names":["Plugin","toWidget","viewToModelPositionOutsideModelElement","Widget","TabSpacesPlugin","_Plugin","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","init","editor","model","doc","document","schema","register","allowWhere","isInline","isObject","editing","mapper","on","viewElement","hasClass","conversion","elementToElement","view","modelItem","_ref","viewWriter","writer","span","createContainerElement","contenteditable","insert","createPositionAt","createText","label","_ref2","name","classes","keystrokes","set","evtData","cancel","change","tab","createElement","insertContent","selection","get"],"sources":["../../../../src/TextEditor/plugins/TabSpacesPlugin/TabSpacesPlugin.ts"],"sourcesContent":["import type { Editor } from 'ckeditor5'\nimport {\n  Plugin,\n  toWidget,\n  viewToModelPositionOutsideModelElement,\n  Widget,\n} from 'ckeditor5'\n\n// TODO - delete\nexport class TabSpacesPlugin extends Plugin {\n  static get requires() {\n    return [Widget]\n  }\n\n  static get pluginName() {\n    return 'TabSpacesPlugin'\n  }\n\n  init(): void {\n    const editor = this.editor as Editor\n    const model = editor.model\n    const doc = model.document\n\n    model.schema.register('tab', {\n      allowWhere: '$text',\n      isInline: true,\n      isObject: true,\n    })\n\n    editor.editing.mapper.on(\n      'viewToModelPosition',\n      viewToModelPositionOutsideModelElement(model, (viewElement) =>\n        viewElement.hasClass('ck-tab')\n      )\n    )\n\n    editor.conversion.for('editingDowncast').elementToElement({\n      model: 'tab',\n      view: (modelItem, { writer: viewWriter }) => {\n        const span = viewWriter.createContainerElement('span', {\n          class: 'ck-tab',\n          contenteditable: 'false',\n        })\n        viewWriter.insert(\n          viewWriter.createPositionAt(span, 0),\n          viewWriter.createText('\\u00A0\\u00A0\\u00A0')\n        )\n\n        return toWidget(span, viewWriter, { label: 'tab spaces' })\n      },\n    })\n\n    editor.conversion.for('dataDowncast').elementToElement({\n      model: 'tab',\n      view: (modelItem, { writer: viewWriter }) => {\n        const span = viewWriter.createContainerElement('span', {\n          class: 'ck-tab',\n        })\n        viewWriter.insert(\n          viewWriter.createPositionAt(span, 0),\n          viewWriter.createText('\\u00A0\\u00A0\\u00A0')\n        )\n        return span\n      },\n    })\n\n    editor.conversion.for('upcast').elementToElement({\n      view: {\n        name: 'span',\n        classes: 'ck-tab',\n      },\n      model: 'tab',\n    })\n\n    editor.keystrokes.set('Tab', (evtData, cancel) => {\n      model.change((writer) => {\n        const tab = writer.createElement('tab')\n        model.insertContent(tab, doc.selection)\n      })\n      cancel()\n    })\n  }\n}\n"],"mappings":"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"}

package/dist/TextEditor/useTabAsNavigation.js

@@ -5,6 +5,7 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React from 'react';
+// TODO - delete
 export var useTabAsNavigation = function useTabAsNavigation(_ref) {
   var enabled = _ref.enabled,
     config = _ref.config,
@@ -16,7 +17,7 @@ export var useTabAsNavigation = function useTabAsNavigation(_ref) {
 
     // Remove TabSpacesPlugin when tabAsNavigation is enabled
     var filteredPlugins = config.plugins.filter(function (plugin) {
-      return typeof plugin === 'string' ? plugin !== 'TabSpacesPlugin' : plugin.pluginName !== 'TabSpacesPlugin';
+      return typeof plugin === 'string' ? plugin !== 'TabSpacesPlugin' : (plugin === null || plugin === void 0 ? void 0 : plugin.pluginName) !== 'TabSpacesPlugin';
     });
     return _objectSpread(_objectSpread({}, config), {}, {
       plugins: filteredPlugins

package/dist/TextEditor/useTabAsNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTabAsNavigation.js","names":["React","useTabAsNavigation","_ref","enabled","config","editor","enhancedConfig","useMemo","plugins","filteredPlugins","filter","plugin","pluginName","_objectSpread"],"sources":["../../src/TextEditor/useTabAsNavigation.ts"],"sourcesContent":["import type { ClassicEditor, EditorConfig } from 'ckeditor5'\nimport React from 'react'\n\ninterface UseTabAsNavigationProps {\n  enabled: boolean\n  config: EditorConfig\n  editor: ClassicEditor | null\n}\n\ninterface UseTabAsNavigationReturn {\n  config: EditorConfig\n}\n\nexport const useTabAsNavigation = ({\n  enabled,\n  config,\n  editor,\n}: UseTabAsNavigationProps): UseTabAsNavigationReturn => {\n  const enhancedConfig = React.useMemo(() => {\n    if (!enabled || !config.plugins) {\n      return config\n    }\n\n    // Remove TabSpacesPlugin when tabAsNavigation is enabled\n    const filteredPlugins = config.plugins.filter((plugin) => {\n      return typeof plugin === 'string'\n        ? plugin !== 'TabSpacesPlugin'\n        : plugin.pluginName !== 'TabSpacesPlugin'\n    })\n\n    return {\n      ...config,\n      plugins: filteredPlugins,\n    }\n  }, [enabled, config])\n\n  return { config: enhancedConfig }\n}\n"],"mappings":";;;;;;AACA,OAAOA,KAAK,MAAM,OAAO;AAYzB,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAI0B;EAAA,IAHvDC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,MAAM,GAAAH,IAAA,CAANG,MAAM;EAEN,IAAMC,cAAc,GAAGN,KAAK,CAACO,OAAO,CAAC,YAAM;IACzC,IAAI,CAACJ,OAAO,IAAI,CAACC,MAAM,CAACI,OAAO,EAAE;MAC/B,OAAOJ,MAAM;IACf;;IAEA;IACA,IAAMK,eAAe,GAAGL,MAAM,CAACI,OAAO,CAACE,MAAM,CAAC,UAACC,MAAM,EAAK;MACxD,OAAO,OAAOA,MAAM,KAAK,QAAQ,GAC7BA,MAAM,KAAK,iBAAiB,GAC5BA,MAAM,CAACC,UAAU,KAAK,iBAAiB;IAC7C,CAAC,CAAC;IAEF,OAAAC,aAAA,CAAAA,aAAA,KACKT,MAAM;MACTI,OAAO,EAAEC;IAAe;EAE5B,CAAC,EAAE,CAACN,OAAO,EAAEC,MAAM,CAAC,CAAC;EAErB,OAAO;IAAEA,MAAM,EAAEE;EAAe,CAAC;AACnC,CAAC"}
+{"version":3,"file":"useTabAsNavigation.js","names":["React","useTabAsNavigation","_ref","enabled","config","editor","enhancedConfig","useMemo","plugins","filteredPlugins","filter","plugin","pluginName","_objectSpread"],"sources":["../../src/TextEditor/useTabAsNavigation.ts"],"sourcesContent":["import type { ClassicEditor, EditorConfig } from 'ckeditor5'\nimport React from 'react'\n\ninterface UseTabAsNavigationProps {\n  enabled: boolean\n  config: EditorConfig\n  editor: ClassicEditor | null\n}\n\ninterface UseTabAsNavigationReturn {\n  config: EditorConfig\n}\n\n// TODO - delete\nexport const useTabAsNavigation = ({\n  enabled,\n  config,\n  editor,\n}: UseTabAsNavigationProps): UseTabAsNavigationReturn => {\n  const enhancedConfig = React.useMemo(() => {\n    if (!enabled || !config.plugins) {\n      return config\n    }\n\n    // Remove TabSpacesPlugin when tabAsNavigation is enabled\n    const filteredPlugins = config.plugins.filter((plugin) => {\n      return typeof plugin === 'string'\n        ? plugin !== 'TabSpacesPlugin'\n        : plugin?.pluginName !== 'TabSpacesPlugin'\n    })\n\n    return {\n      ...config,\n      plugins: filteredPlugins,\n    }\n  }, [enabled, config])\n\n  return { config: enhancedConfig }\n}\n"],"mappings":";;;;;;AACA,OAAOA,KAAK,MAAM,OAAO;AAYzB;AACA,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAI0B;EAAA,IAHvDC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,MAAM,GAAAH,IAAA,CAANG,MAAM;EAEN,IAAMC,cAAc,GAAGN,KAAK,CAACO,OAAO,CAAC,YAAM;IACzC,IAAI,CAACJ,OAAO,IAAI,CAACC,MAAM,CAACI,OAAO,EAAE;MAC/B,OAAOJ,MAAM;IACf;;IAEA;IACA,IAAMK,eAAe,GAAGL,MAAM,CAACI,OAAO,CAACE,MAAM,CAAC,UAACC,MAAM,EAAK;MACxD,OAAO,OAAOA,MAAM,KAAK,QAAQ,GAC7BA,MAAM,KAAK,iBAAiB,GAC5B,CAAAA,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEC,UAAU,MAAK,iBAAiB;IAC9C,CAAC,CAAC;IAEF,OAAAC,aAAA,CAAAA,aAAA,KACKT,MAAM;MACTI,OAAO,EAAEC;IAAe;EAE5B,CAAC,EAAE,CAACN,OAAO,EAAEC,MAAM,CAAC,CAAC;EAErB,OAAO;IAAEA,MAAM,EAAEE;EAAe,CAAC;AACnC,CAAC"}

package/dist/TextEditor/utils/config.js

@@ -57,7 +57,9 @@ export var getDefaultConfig = function getDefaultConfig() {
     licenseKey: CK_EDITOR_LICENSE_KEY,
     language: getValidEditorLocale(locale),
     translations: [getEditorTranslation(locale)],
-    plugins: [Alignment, AutoLink, Bold, Clipboard, Essentials, FontBackgroundColor, FontColor, FontSize, GeneralHtmlSupport, Indent, IndentBlock, Italic, Link, List, ListProperties, Paragraph, Strikethrough, Table, TableCaption, TableCellProperties, TableColumnResize, TableProperties, TableToolbar, Underline, Image, ImageInsert, ImageToolbar, CutPlugin, PastePlugin, PasteAsTextPlugin, IndentPaddingToMarginPlugin, TabSpacesPlugin],
+    plugins: [Alignment, AutoLink, Bold, Clipboard, Essentials, FontBackgroundColor, FontColor, FontSize, GeneralHtmlSupport, Indent, IndentBlock, Italic, Link, List, ListProperties, Paragraph, Strikethrough, Table, TableCaption, TableCellProperties, TableColumnResize, TableProperties, TableToolbar, Underline, Image, ImageInsert, ImageToolbar, CutPlugin, PastePlugin, PasteAsTextPlugin, IndentPaddingToMarginPlugin, TabSpacesPlugin // TODO - delete
+    ],
+
     toolbar: ['bold', 'italic', 'underline', 'strikethrough', '|', 'alignment:left', 'alignment:center', 'alignment:right', '|', 'bulletedList', 'numberedList', '|', 'outdent', 'indent', '|', 'cut', 'paste', 'pasteAsText', '|', 'fontSize', '|', 'fontColor', 'fontBackgroundColor', '|', 'undo', 'redo'],
     fontSize: {
       options: [{

package/dist/TextEditor/utils/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","names":["Alignment","AutoLink","Bold","Clipboard","Essentials","FontBackgroundColor","FontColor","FontSize","GeneralHtmlSupport","Image","ImageInsert","ImageToolbar","Indent","IndentBlock","Italic","Link","List","ListProperties","Paragraph","Strikethrough","Table","TableCaption","TableCellProperties","TableColumnResize","TableProperties","TableToolbar","Underline","CK_EDITOR_LICENSE_KEY","CutPlugin","IndentPaddingToMarginPlugin","PasteAsTextPlugin","PastePlugin","TabSpacesPlugin","getEditorTranslation","getValidEditorLocale","TEXT_COLOR_PALETTE","color","getDefaultConfig","locale","arguments","length","undefined","licenseKey","language","translations","plugins","toolbar","fontSize","options","title","model","supportAllValues","fontColor","colors","fontBackgroundColor","indentBlock","offset","unit","htmlSupport","allow","name","styles","list","properties","useAttribute","startIndex","reversed","image","insert","integrations","table","contentToolbar","tableProperties","borderColors","backgroundColors","tableCellProperties","addButtonDataAttributes","editor","applyAttributes","toolbarElement","ui","view","element","toolbarChildren","Array","from","querySelectorAll","moreDropdownButtons","allToolbarElements","concat","toolbarItems","config","get","elementIndex","forEach","itemName","classList","contains","setAttribute","observer","MutationObserver","observe","childList","subtree","on","disconnect"],"sources":["../../../src/TextEditor/utils/config.ts"],"sourcesContent":["import type { ClassicEditor, EditorConfig } from 'ckeditor5'\nimport {\n  Alignment,\n  AutoLink,\n  Bold,\n  Clipboard,\n  Essentials,\n  FontBackgroundColor,\n  FontColor,\n  FontSize,\n  GeneralHtmlSupport,\n  Image,\n  ImageInsert,\n  ImageToolbar,\n  Indent,\n  IndentBlock,\n  Italic,\n  Link,\n  List,\n  ListProperties,\n  Paragraph,\n  Strikethrough,\n  Table,\n  TableCaption,\n  TableCellProperties,\n  TableColumnResize,\n  TableProperties,\n  TableToolbar,\n  Underline,\n} from 'ckeditor5'\n\nimport { CK_EDITOR_LICENSE_KEY } from '../license_key'\nimport { CutPlugin } from '../plugins/CutPlugin'\nimport { IndentPaddingToMarginPlugin } from '../plugins/IndentPaddingToMarginPlugin'\nimport { PasteAsTextPlugin } from '../plugins/PasteAsTextPlugin'\nimport { PastePlugin } from '../plugins/PastePlugin'\nimport { TabSpacesPlugin } from '../plugins/TabSpacesPlugin'\nimport { getEditorTranslation, getValidEditorLocale } from './locale'\n\nconst TEXT_COLOR_PALETTE = [\n  { color: '#BFEDD2' },\n  { color: '#FBEEB8' },\n  { color: '#F8CAC6' },\n  { color: '#ECCAFA' },\n  { color: '#C2E0F4' },\n  { color: '#2DC26B' },\n  { color: '#F1C40F' },\n  { color: '#E03E2D' },\n  { color: '#B96AD9' },\n  { color: '#3598DB' },\n  { color: '#169179' },\n  { color: '#E67E23' },\n  { color: '#BA372A' },\n  { color: '#843FA1' },\n  { color: '#236FA1' },\n  { color: '#ECF0F1' },\n  { color: '#CED4D9' },\n  { color: '#95A5A6' },\n  { color: '#7E8C8D' },\n  { color: '#34495E' },\n  { color: '#000000' },\n  { color: '#FFFFFF' },\n]\n\nexport const getDefaultConfig = (locale: string = 'en'): EditorConfig => ({\n  licenseKey: CK_EDITOR_LICENSE_KEY,\n  language: getValidEditorLocale(locale),\n  translations: [getEditorTranslation(locale)],\n  plugins: [\n    Alignment,\n    AutoLink,\n    Bold,\n    Clipboard,\n    Essentials,\n    FontBackgroundColor,\n    FontColor,\n    FontSize,\n    GeneralHtmlSupport,\n    Indent,\n    IndentBlock,\n    Italic,\n    Link,\n    List,\n    ListProperties,\n    Paragraph,\n    Strikethrough,\n    Table,\n    TableCaption,\n    TableCellProperties,\n    TableColumnResize,\n    TableProperties,\n    TableToolbar,\n    Underline,\n    Image,\n    ImageInsert,\n    ImageToolbar,\n    CutPlugin,\n    PastePlugin,\n    PasteAsTextPlugin,\n    IndentPaddingToMarginPlugin,\n    TabSpacesPlugin,\n  ],\n  toolbar: [\n    'bold',\n    'italic',\n    'underline',\n    'strikethrough',\n    '|',\n    'alignment:left',\n    'alignment:center',\n    'alignment:right',\n    '|',\n    'bulletedList',\n    'numberedList',\n    '|',\n    'outdent',\n    'indent',\n    '|',\n    'cut',\n    'paste',\n    'pasteAsText',\n    '|',\n    'fontSize',\n    '|',\n    'fontColor',\n    'fontBackgroundColor',\n    '|',\n    'undo',\n    'redo',\n  ],\n  fontSize: {\n    options: [\n      { title: '8pt', model: '8px' },\n      { title: '10pt', model: '10px' },\n      { title: '12pt', model: '12px' },\n      { title: '14pt', model: '14px' },\n      { title: '18pt', model: '18px' },\n      { title: '24pt', model: '24px' },\n      { title: '36pt', model: '36px' },\n    ],\n    supportAllValues: true,\n  },\n  fontColor: {\n    colors: TEXT_COLOR_PALETTE,\n  },\n  fontBackgroundColor: {\n    colors: TEXT_COLOR_PALETTE,\n  },\n  indentBlock: {\n    offset: 40,\n    unit: 'px',\n  },\n  htmlSupport: {\n    allow: [\n      {\n        name: 'p',\n        styles: {\n          'margin-left': true,\n        },\n      },\n    ],\n  },\n  list: {\n    properties: {\n      styles: {\n        useAttribute: true,\n      },\n      startIndex: true,\n      reversed: true,\n    },\n  },\n  image: {\n    insert: {\n      integrations: ['insertImageViaUrl'],\n    },\n    toolbar: ['imageTextAlternative'],\n  },\n  table: {\n    contentToolbar: [\n      'tableColumn',\n      'tableRow',\n      'mergeTableCells',\n      'tableProperties',\n      'tableCellProperties',\n    ],\n    tableProperties: {\n      borderColors: TEXT_COLOR_PALETTE,\n      backgroundColors: TEXT_COLOR_PALETTE,\n    },\n    tableCellProperties: {\n      borderColors: TEXT_COLOR_PALETTE,\n      backgroundColors: TEXT_COLOR_PALETTE,\n    },\n  },\n})\n\n// Add stable data attributes to toolbar buttons for the styling (or testing) purposes\nexport const addButtonDataAttributes = (editor: ClassicEditor) => {\n  const applyAttributes = () => {\n    const toolbarElement = editor.ui.view.toolbar.element\n    if (!toolbarElement) {\n      return\n    }\n\n    // Get buttons in the main toolbar\n    const toolbarChildren = Array.from(\n      toolbarElement.querySelectorAll('.ck-toolbar__items > *')\n    )\n\n    // Get buttons hidden in \"more\" dropdown\n    const moreDropdownButtons = Array.from(\n      toolbarElement.querySelectorAll('.ck-dropdown__panel .ck-list .ck-button')\n    )\n\n    const allToolbarElements = [...toolbarChildren, ...moreDropdownButtons]\n\n    // Create mapping based on toolbar configuration order\n    const toolbarItems = (editor.config.get('toolbar') || []) as string[]\n    let elementIndex = 0\n\n    toolbarItems.forEach((itemName) => {\n      const element = allToolbarElements[elementIndex]\n      if (\n        itemName !== '|' &&\n        element &&\n        !element.classList.contains('ck-toolbar__separator')\n      ) {\n        // Use the toolbar item name as the stable identifier\n        element.setAttribute('data-cke-command', itemName)\n      }\n      elementIndex++\n    })\n  }\n\n  // Apply attributes initially\n  applyAttributes()\n\n  // Re-apply when dropdown menus are opened (buttons get created dynamically)\n  const toolbarElement = editor.ui.view.toolbar.element\n  if (toolbarElement) {\n    const observer = new MutationObserver(() => {\n      applyAttributes()\n    })\n    observer.observe(toolbarElement, {\n      childList: true,\n      subtree: true,\n    })\n    editor.on('destroy', () => {\n      observer.disconnect()\n    })\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"config.js","names":["Alignment","AutoLink","Bold","Clipboard","Essentials","FontBackgroundColor","FontColor","FontSize","GeneralHtmlSupport","Image","ImageInsert","ImageToolbar","Indent","IndentBlock","Italic","Link","List","ListProperties","Paragraph","Strikethrough","Table","TableCaption","TableCellProperties","TableColumnResize","TableProperties","TableToolbar","Underline","CK_EDITOR_LICENSE_KEY","CutPlugin","IndentPaddingToMarginPlugin","PasteAsTextPlugin","PastePlugin","TabSpacesPlugin","getEditorTranslation","getValidEditorLocale","TEXT_COLOR_PALETTE","color","getDefaultConfig","locale","arguments","length","undefined","licenseKey","language","translations","plugins","toolbar","fontSize","options","title","model","supportAllValues","fontColor","colors","fontBackgroundColor","indentBlock","offset","unit","htmlSupport","allow","name","styles","list","properties","useAttribute","startIndex","reversed","image","insert","integrations","table","contentToolbar","tableProperties","borderColors","backgroundColors","tableCellProperties","addButtonDataAttributes","editor","applyAttributes","toolbarElement","ui","view","element","toolbarChildren","Array","from","querySelectorAll","moreDropdownButtons","allToolbarElements","concat","toolbarItems","config","get","elementIndex","forEach","itemName","classList","contains","setAttribute","observer","MutationObserver","observe","childList","subtree","on","disconnect"],"sources":["../../../src/TextEditor/utils/config.ts"],"sourcesContent":["import type { ClassicEditor, EditorConfig } from 'ckeditor5'\nimport {\n  Alignment,\n  AutoLink,\n  Bold,\n  Clipboard,\n  Essentials,\n  FontBackgroundColor,\n  FontColor,\n  FontSize,\n  GeneralHtmlSupport,\n  Image,\n  ImageInsert,\n  ImageToolbar,\n  Indent,\n  IndentBlock,\n  Italic,\n  Link,\n  List,\n  ListProperties,\n  Paragraph,\n  Strikethrough,\n  Table,\n  TableCaption,\n  TableCellProperties,\n  TableColumnResize,\n  TableProperties,\n  TableToolbar,\n  Underline,\n} from 'ckeditor5'\n\nimport { CK_EDITOR_LICENSE_KEY } from '../license_key'\nimport { CutPlugin } from '../plugins/CutPlugin'\nimport { IndentPaddingToMarginPlugin } from '../plugins/IndentPaddingToMarginPlugin'\nimport { PasteAsTextPlugin } from '../plugins/PasteAsTextPlugin'\nimport { PastePlugin } from '../plugins/PastePlugin'\nimport { TabSpacesPlugin } from '../plugins/TabSpacesPlugin'\nimport { getEditorTranslation, getValidEditorLocale } from './locale'\n\nconst TEXT_COLOR_PALETTE = [\n  { color: '#BFEDD2' },\n  { color: '#FBEEB8' },\n  { color: '#F8CAC6' },\n  { color: '#ECCAFA' },\n  { color: '#C2E0F4' },\n  { color: '#2DC26B' },\n  { color: '#F1C40F' },\n  { color: '#E03E2D' },\n  { color: '#B96AD9' },\n  { color: '#3598DB' },\n  { color: '#169179' },\n  { color: '#E67E23' },\n  { color: '#BA372A' },\n  { color: '#843FA1' },\n  { color: '#236FA1' },\n  { color: '#ECF0F1' },\n  { color: '#CED4D9' },\n  { color: '#95A5A6' },\n  { color: '#7E8C8D' },\n  { color: '#34495E' },\n  { color: '#000000' },\n  { color: '#FFFFFF' },\n]\n\nexport const getDefaultConfig = (locale: string = 'en'): EditorConfig => ({\n  licenseKey: CK_EDITOR_LICENSE_KEY,\n  language: getValidEditorLocale(locale),\n  translations: [getEditorTranslation(locale)],\n  plugins: [\n    Alignment,\n    AutoLink,\n    Bold,\n    Clipboard,\n    Essentials,\n    FontBackgroundColor,\n    FontColor,\n    FontSize,\n    GeneralHtmlSupport,\n    Indent,\n    IndentBlock,\n    Italic,\n    Link,\n    List,\n    ListProperties,\n    Paragraph,\n    Strikethrough,\n    Table,\n    TableCaption,\n    TableCellProperties,\n    TableColumnResize,\n    TableProperties,\n    TableToolbar,\n    Underline,\n    Image,\n    ImageInsert,\n    ImageToolbar,\n    CutPlugin,\n    PastePlugin,\n    PasteAsTextPlugin,\n    IndentPaddingToMarginPlugin,\n    TabSpacesPlugin, // TODO - delete\n  ],\n  toolbar: [\n    'bold',\n    'italic',\n    'underline',\n    'strikethrough',\n    '|',\n    'alignment:left',\n    'alignment:center',\n    'alignment:right',\n    '|',\n    'bulletedList',\n    'numberedList',\n    '|',\n    'outdent',\n    'indent',\n    '|',\n    'cut',\n    'paste',\n    'pasteAsText',\n    '|',\n    'fontSize',\n    '|',\n    'fontColor',\n    'fontBackgroundColor',\n    '|',\n    'undo',\n    'redo',\n  ],\n  fontSize: {\n    options: [\n      { title: '8pt', model: '8px' },\n      { title: '10pt', model: '10px' },\n      { title: '12pt', model: '12px' },\n      { title: '14pt', model: '14px' },\n      { title: '18pt', model: '18px' },\n      { title: '24pt', model: '24px' },\n      { title: '36pt', model: '36px' },\n    ],\n    supportAllValues: true,\n  },\n  fontColor: {\n    colors: TEXT_COLOR_PALETTE,\n  },\n  fontBackgroundColor: {\n    colors: TEXT_COLOR_PALETTE,\n  },\n  indentBlock: {\n    offset: 40,\n    unit: 'px',\n  },\n  htmlSupport: {\n    allow: [\n      {\n        name: 'p',\n        styles: {\n          'margin-left': true,\n        },\n      },\n    ],\n  },\n  list: {\n    properties: {\n      styles: {\n        useAttribute: true,\n      },\n      startIndex: true,\n      reversed: true,\n    },\n  },\n  image: {\n    insert: {\n      integrations: ['insertImageViaUrl'],\n    },\n    toolbar: ['imageTextAlternative'],\n  },\n  table: {\n    contentToolbar: [\n      'tableColumn',\n      'tableRow',\n      'mergeTableCells',\n      'tableProperties',\n      'tableCellProperties',\n    ],\n    tableProperties: {\n      borderColors: TEXT_COLOR_PALETTE,\n      backgroundColors: TEXT_COLOR_PALETTE,\n    },\n    tableCellProperties: {\n      borderColors: TEXT_COLOR_PALETTE,\n      backgroundColors: TEXT_COLOR_PALETTE,\n    },\n  },\n})\n\n// Add stable data attributes to toolbar buttons for the styling (or testing) purposes\nexport const addButtonDataAttributes = (editor: ClassicEditor) => {\n  const applyAttributes = () => {\n    const toolbarElement = editor.ui.view.toolbar.element\n    if (!toolbarElement) {\n      return\n    }\n\n    // Get buttons in the main toolbar\n    const toolbarChildren = Array.from(\n      toolbarElement.querySelectorAll('.ck-toolbar__items > *')\n    )\n\n    // Get buttons hidden in \"more\" dropdown\n    const moreDropdownButtons = Array.from(\n      toolbarElement.querySelectorAll('.ck-dropdown__panel .ck-list .ck-button')\n    )\n\n    const allToolbarElements = [...toolbarChildren, ...moreDropdownButtons]\n\n    // Create mapping based on toolbar configuration order\n    const toolbarItems = (editor.config.get('toolbar') || []) as string[]\n    let elementIndex = 0\n\n    toolbarItems.forEach((itemName) => {\n      const element = allToolbarElements[elementIndex]\n      if (\n        itemName !== '|' &&\n        element &&\n        !element.classList.contains('ck-toolbar__separator')\n      ) {\n        // Use the toolbar item name as the stable identifier\n        element.setAttribute('data-cke-command', itemName)\n      }\n      elementIndex++\n    })\n  }\n\n  // Apply attributes initially\n  applyAttributes()\n\n  // Re-apply when dropdown menus are opened (buttons get created dynamically)\n  const toolbarElement = editor.ui.view.toolbar.element\n  if (toolbarElement) {\n    const observer = new MutationObserver(() => {\n      applyAttributes()\n    })\n    observer.observe(toolbarElement, {\n      childList: true,\n      subtree: true,\n    })\n    editor.on('destroy', () => {\n      observer.disconnect()\n    })\n  }\n}\n"],"mappings":"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"}

package/dist/TextEditorOutput/TextEditorOutput.styles.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 export var StyledEditor = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledEditor",
-  componentId: "text-editor-0_0_2__sc-1oujb2g-0"
+  componentId: "text-editor-0_0_3__sc-1oujb2g-0"
 })([".ck-editor__top{height:0 !important;}.ck-content{border:none !important;padding:0 !important;p{margin:0;}table,img{margin-left:auto;margin-right:auto;}img{display:block;}table{border:1px double #b3b3b3;border-collapse:collapse;border-spacing:0;th{text-align:left;}& > thead,& > tbody{& > tr > td,& > tr > th{border:1px solid #bfbfbf;min-width:2em;padding:0.4em;}& > tr > th{background:rgba(0,0,0,0.05);font-weight:700;}}}}"]);
 //# sourceMappingURL=TextEditorOutput.styles.js.map

package/dist/_typedoc/TextEditor/TextEditor.types.json

@@ -10,7 +10,7 @@
         "description": "Indicates if the editor is disabled",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Indicates if the editor is disabled</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "TextEditor/TextEditor.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/a0e44d5/packages/text-editor/src/TextEditor/TextEditor.types.ts#L34"
+        "sourceUrl": "https://github.com/procore/core/blob/672f459/packages/text-editor/src/TextEditor/TextEditor.types.ts#L34"
       },
       {
         "name": "error",
@@ -20,7 +20,7 @@
         "description": "Indicates if the editor is in an error state",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Indicates if the editor is in an error state</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "TextEditor/TextEditor.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/a0e44d5/packages/text-editor/src/TextEditor/TextEditor.types.ts#L41"
+        "sourceUrl": "https://github.com/procore/core/blob/672f459/packages/text-editor/src/TextEditor/TextEditor.types.ts#L41"
       },
       {
         "name": "id",
@@ -30,7 +30,7 @@
         "description": "Unique identifier for the editor",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Unique identifier for the editor</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "TextEditor/TextEditor.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/a0e44d5/packages/text-editor/src/TextEditor/TextEditor.types.ts#L10"
+        "sourceUrl": "https://github.com/procore/core/blob/672f459/packages/text-editor/src/TextEditor/TextEditor.types.ts#L10"
       },
       {
         "name": "initialValue",
@@ -42,7 +42,7 @@
         "deprecated": "`initialValue` has been deprecated and will be removed in a future version.\nPlease use the `value` prop instead",
         "deprecatedSince": "10.20.0",
         "sourceFile": "TextEditor/TextEditor.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/a0e44d5/packages/text-editor/src/TextEditor/TextEditor.types.ts#L20"
+        "sourceUrl": "https://github.com/procore/core/blob/672f459/packages/text-editor/src/TextEditor/TextEditor.types.ts#L20"
       },
       {
         "name": "locale",
@@ -52,7 +52,7 @@
         "description": "Locale which will be used for localization. Can be passed directly or\nset by wrapping components in I18n provider.",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Locale which will be used for localization. Can be passed directly or\nset by wrapping components in I18n provider.</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "TextEditor/TextEditor.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/a0e44d5/packages/text-editor/src/TextEditor/TextEditor.types.ts#L48"
+        "sourceUrl": "https://github.com/procore/core/blob/672f459/packages/text-editor/src/TextEditor/TextEditor.types.ts#L48"
       },
       {
         "name": "plugins",
@@ -62,7 +62,7 @@
         "description": "Array of plugin names to add to the editor in addition to the defaults.\nThis provides backward compatibility with the deprecated TinyMCE version of the editor.\nSupports plugin names like 'link', 'image', 'table', etc.",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Array of plugin names to add to the editor in addition to the defaults.\nThis provides backward compatibility with the deprecated TinyMCE version of the editor.\nSupports plugin names like &#39;link&#39;, &#39;image&#39;, &#39;table&#39;, etc.</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>12.26.0</p>\n</dd></dl></div>",
         "sourceFile": "TextEditor/TextEditor.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/a0e44d5/packages/text-editor/src/TextEditor/TextEditor.types.ts#L57"
+        "sourceUrl": "https://github.com/procore/core/blob/672f459/packages/text-editor/src/TextEditor/TextEditor.types.ts#L57"
       },
       {
         "name": "value",
@@ -72,7 +72,7 @@
         "description": "The current value of the editor",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>The current value of the editor</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "TextEditor/TextEditor.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/a0e44d5/packages/text-editor/src/TextEditor/TextEditor.types.ts#L27"
+        "sourceUrl": "https://github.com/procore/core/blob/672f459/packages/text-editor/src/TextEditor/TextEditor.types.ts#L27"
       },
       {
         "name": "config",
@@ -82,7 +82,7 @@
         "description": "Configuration function for customizing the editor",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Configuration function for customizing the editor</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>12.26.0</p>\n</dd></dl></div>",
         "sourceFile": "TextEditor/TextEditor.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/a0e44d5/packages/text-editor/src/TextEditor/TextEditor.types.ts#L66"
+        "sourceUrl": "https://github.com/procore/core/blob/672f459/packages/text-editor/src/TextEditor/TextEditor.types.ts#L66"
       },
       {
         "name": "onAfterDestroy",
@@ -92,7 +92,7 @@
         "description": "Callback fired after the editor instance is destroyed",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Callback fired after the editor instance is destroyed</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "TextEditor/TextEditor.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/a0e44d5/packages/text-editor/src/TextEditor/TextEditor.types.ts#L116"
+        "sourceUrl": "https://github.com/procore/core/blob/672f459/packages/text-editor/src/TextEditor/TextEditor.types.ts#L116"
       },
       {
         "name": "onBlur",
@@ -102,7 +102,7 @@
         "description": "Callback fired when the editor loses focus",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Callback fired when the editor loses focus</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "TextEditor/TextEditor.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/a0e44d5/packages/text-editor/src/TextEditor/TextEditor.types.ts#L89"
+        "sourceUrl": "https://github.com/procore/core/blob/672f459/packages/text-editor/src/TextEditor/TextEditor.types.ts#L89"
       },
       {
         "name": "onChange",
@@ -112,7 +112,7 @@
         "description": "Callback fired when the editor content changes",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Callback fired when the editor content changes</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "TextEditor/TextEditor.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/a0e44d5/packages/text-editor/src/TextEditor/TextEditor.types.ts#L75"
+        "sourceUrl": "https://github.com/procore/core/blob/672f459/packages/text-editor/src/TextEditor/TextEditor.types.ts#L75"
       },
       {
         "name": "onDirty",
@@ -122,7 +122,7 @@
         "description": "Callback fired when the editor becomes dirty (content differs from initial value)",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Callback fired when the editor becomes dirty (content differs from initial value)</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>12.26.0</p>\n</dd></dl></div>",
         "sourceFile": "TextEditor/TextEditor.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/a0e44d5/packages/text-editor/src/TextEditor/TextEditor.types.ts#L123"
+        "sourceUrl": "https://github.com/procore/core/blob/672f459/packages/text-editor/src/TextEditor/TextEditor.types.ts#L123"
       },
       {
         "name": "onError",
@@ -132,7 +132,7 @@
         "description": "Callback fired when an error occurs in the editor",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Callback fired when an error occurs in the editor</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "TextEditor/TextEditor.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/a0e44d5/packages/text-editor/src/TextEditor/TextEditor.types.ts#L96"
+        "sourceUrl": "https://github.com/procore/core/blob/672f459/packages/text-editor/src/TextEditor/TextEditor.types.ts#L96"
       },
       {
         "name": "onFocus",
@@ -142,7 +142,7 @@
         "description": "Callback fired when the editor gains focus",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Callback fired when the editor gains focus</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "TextEditor/TextEditor.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/a0e44d5/packages/text-editor/src/TextEditor/TextEditor.types.ts#L82"
+        "sourceUrl": "https://github.com/procore/core/blob/672f459/packages/text-editor/src/TextEditor/TextEditor.types.ts#L82"
       },
       {
         "name": "onInit",
@@ -152,7 +152,7 @@
         "description": "Callback fired when the editor is ready",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Callback fired when the editor is ready</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "TextEditor/TextEditor.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/a0e44d5/packages/text-editor/src/TextEditor/TextEditor.types.ts#L109"
+        "sourceUrl": "https://github.com/procore/core/blob/672f459/packages/text-editor/src/TextEditor/TextEditor.types.ts#L109"
       },
       {
         "name": "onKeyDown",
@@ -162,7 +162,7 @@
         "description": "Callback fired when a key is pressed in the editor",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Callback fired when a key is pressed in the editor</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>12.29.0</p>\n</dd></dl></div>",
         "sourceFile": "TextEditor/TextEditor.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/a0e44d5/packages/text-editor/src/TextEditor/TextEditor.types.ts#L132"
+        "sourceUrl": "https://github.com/procore/core/blob/672f459/packages/text-editor/src/TextEditor/TextEditor.types.ts#L132"
       }
     ],
     "description": ""

package/dist/_typedoc/TextEditor/TextEditorProvider.types.json

@@ -10,7 +10,7 @@
         "description": "",
         "descriptionHtml": "",
         "sourceFile": "TextEditor/TextEditorProvider.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/a0e44d5/packages/text-editor/src/TextEditor/TextEditorProvider.types.ts#L9"
+        "sourceUrl": "https://github.com/procore/core/blob/672f459/packages/text-editor/src/TextEditor/TextEditorProvider.types.ts#L9"
       },
       {
         "name": "features",
@@ -20,7 +20,7 @@
         "description": "- `stickyToolbar` - Have the editor toolbar stick to the top when content is longer than the page length.\n- `tabAsNavigation` - Have `Tab` key exit the editor. Support `Alt`/`Opt` + `Tab` as triple space indent.",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<ul>\n<li><code>stickyToolbar</code> - Have the editor toolbar stick to the top when content is longer than the page length.</li>\n<li><code>tabAsNavigation</code> - Have <code>Tab</code> key exit the editor. Support <code>Alt</code>/<code>Opt</code> + <code>Tab</code> as triple space indent.</li>\n</ul>\n</div></div>",
         "sourceFile": "TextEditor/TextEditorProvider.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/a0e44d5/packages/text-editor/src/TextEditor/TextEditorProvider.types.ts#L14"
+        "sourceUrl": "https://github.com/procore/core/blob/672f459/packages/text-editor/src/TextEditor/TextEditorProvider.types.ts#L14"
       }
     ],
     "description": ""

package/dist/_typedoc/TextEditorOutput/TextEditorOutput.types.json

@@ -10,7 +10,7 @@
         "description": "Additional classNames",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.24.0</p>\n</dd></dl></div>",
         "sourceFile": "TextEditorOutput/TextEditorOutput.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/a0e44d5/packages/text-editor/src/TextEditorOutput/TextEditorOutput.types.ts#L14"
+        "sourceUrl": "https://github.com/procore/core/blob/672f459/packages/text-editor/src/TextEditorOutput/TextEditorOutput.types.ts#L14"
       },
       {
         "name": "style",
@@ -20,7 +20,7 @@
         "description": "Additional CSS styles",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.24.0</p>\n</dd></dl></div>",
         "sourceFile": "TextEditorOutput/TextEditorOutput.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/a0e44d5/packages/text-editor/src/TextEditorOutput/TextEditorOutput.types.ts#L21"
+        "sourceUrl": "https://github.com/procore/core/blob/672f459/packages/text-editor/src/TextEditorOutput/TextEditorOutput.types.ts#L21"
       },
       {
         "name": "value",
@@ -30,7 +30,7 @@
         "description": "Formatted text from `TextEditor`",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Formatted text from <code>TextEditor</code></p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.24.0</p>\n</dd></dl></div>",
         "sourceFile": "TextEditorOutput/TextEditorOutput.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/a0e44d5/packages/text-editor/src/TextEditorOutput/TextEditorOutput.types.ts#L7"
+        "sourceUrl": "https://github.com/procore/core/blob/672f459/packages/text-editor/src/TextEditorOutput/TextEditorOutput.types.ts#L7"
       }
     ],
     "description": ""

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/text-editor",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "Rich text editor component based on CKEditor 5",
   "author": "Procore Technologies",
   "homepage": "https://github.com/procore/core/tree/main/packages/text-editor",
@@ -29,9 +29,9 @@
   "exports": {
     ".": "./dist/index.js",
     "./jestConfig": {
-      "import": "./jestConfig.js",
+      "types": "./jestConfig.d.ts",
       "require": "./jestConfig.js",
-      "types": "./jestConfig.d.ts"
+      "import": "./jestConfig.js"
     },
     "./dist/_typedoc/*.json": "./dist/_typedoc/*.json",
     "./dist/_typedoc/**/*.json": "./dist/_typedoc/**/*.json"
@@ -62,12 +62,12 @@
     "lint:types": "tsc -p tsconfig.prod.json --noEmit",
     "lint:types:watch": "tsc -p . --noEmit --watch",
     "storybook": "storybook dev -p 6008",
-    "test": "TZ=America/Los_Angeles jest --silent --runInBand --logHeapUsage",
+    "test": "TZ=America/Los_Angeles jest --runInBand --logHeapUsage",
     "test:update": "TZ=America/Los_Angeles jest --runInBand -u",
     "test:watch": "yarn run test --watch"
   },
   "peerDependencies": {
-    "@procore/core-react": "^12.32.0",
+    "@procore/core-react": "^12.33.0",
     "@procore/globalization-toolkit": ">= 3 < 4",
     "ckeditor5": "^46.0.1",
     "react": ">=16.8.0 < 19",
@@ -91,17 +91,12 @@
     "@babel/preset-react": "7.18.6",
     "@babel/preset-typescript": "7.18.6",
     "@babel/register": "7.18.9",
-    "@ckeditor/ckeditor5-dev-utils": "^43.1.0",
     "@ckeditor/ckeditor5-dev-webpack-plugin": "^31.1.13",
-    "@procore/core-react": "^12.32.0",
+    "@procore/core-react": "^12.33.0",
     "@procore/globalization-toolkit": "3.0.0",
-    "@procore/storybook-addon": "^4.0.0",
-    "@storybook/addon-docs": "^7.5.3",
-    "@storybook/addon-interactions": "^7.5.3",
+    "@storybook/addon-webpack5-compiler-swc": "^4.0.2",
     "@storybook/jest": "^0.2.3",
-    "@storybook/manager-api": "^7.5.3",
-    "@storybook/react": "^7.5.3",
-    "@storybook/react-webpack5": "^7.5.3",
+    "@storybook/react-webpack5": "^9.1.16",
     "@storybook/testing-library": "^0.2.2",
     "@testing-library/dom": "8.20.0",
     "@testing-library/jest-dom": "5.16.4",
@@ -126,6 +121,7 @@
     "eslint-config-prettier": "8.6.0",
     "eslint-config-react-app": "^7.0.1",
     "eslint-plugin-react-hooks": "4.6.0",
+    "eslint-plugin-storybook": "^9.1.16",
     "fs-extra": "11.1.1",
     "glob": "8.1.0",
     "jest": "29.4.1",
@@ -134,7 +130,7 @@
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "rimraf": "^6.0.1",
-    "storybook": "^7.5.3",
+    "storybook": "^9.1.16",
     "style-loader": "^4.0.0",
     "styled-components": "6.1.18",
     "ts-jest": "^29.0.5",