@procore/text-editor 0.0.3 → 0.2.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @procore/text-editor
 
+## 0.2.0
+
+### Minor Changes
+
+- ffdc97f: - Add optional `readonly` prop to display content in read-only mode.
+  - Remove Accessibility icons from the toolbar.
+  - Expose `DebouncedTextEditor` component for debounced value updates.
+
+## 0.1.0
+
+### Minor Changes
+
+- New toolbar defaults. Remove `plugins` and `config` props to rely on the TextEditor package's default internal configuration.
+- Add Enter key `stopPropagation` to prevent form submission when pressing Enter in the editor.
+
 ## 0.0.3
 
 ### Patch Changes

package/README.md

@@ -10,7 +10,7 @@ yarn add @procore/text-editor
 
 ## Usage
 
-### Basic Usage
+### Standalone Usage
 
 ```tsx
 import { TextEditor } from '@procore/text-editor'
@@ -27,47 +27,39 @@ function MyComponent() {
 }
 ```
 
-### With Custom Configuration
+### With @procore/core-react Forms
 
 ```tsx
+import { Form } from '@procore/core-react'
 import { TextEditor } from '@procore/text-editor'
 
 function MyComponent() {
-  const [value, setValue] = React.useState('')
-
   return (
-    <TextEditor
-      value={value}
-      onChange={(newValue) => setValue(newValue)}
-      plugins={['link', 'table']}
-      config={(defaultConfig) => ({
-        ...defaultConfig,
-        // Your custom CKEditor configuration
-      })}
+    <Form.RichText
+      name="richtext"
+      label="Richtext"
+      textEditorComponent={TextEditor}
     />
   )
 }
 ```
 
-### TextEditorProvider
 
-Use `TextEditorProvider` to enable advanced features:
+### Displaying Read-Only Content
+
+You can display formatted text in two ways:
+
+**Option 1:** Use `TextEditor` with `readonly` prop:
 
 ```tsx
-import { TextEditor, TextEditorProvider } from '@procore/text-editor'
+import { TextEditor } from '@procore/text-editor'
 
-function MyComponent() {
-  return (
-    <TextEditorProvider features={{ stickyToolbar: true, tabAsNavigation: true }}>
-      <TextEditor value={value} onChange={setValue} />
-    </TextEditorProvider>
-  )
+function MyComponent({ htmlContent }) {
+  return <TextEditor value={htmlContent} readonly />
 }
 ```
 
-### TextEditorOutput
-
-Display formatted text from the editor:
+**Option 2:** Use the `TextEditorOutput` component:
 
 ```tsx
 import { TextEditorOutput } from '@procore/text-editor'
@@ -77,6 +69,40 @@ function MyComponent({ htmlContent }) {
 }
 ```
 
+## Features
+
+
+### Toolbar Features
+
+The editor includes a comprehensive toolbar with the following capabilities:
+
+| Feature | Description |
+|---------|-------------|
+| **Bold** | Apply bold formatting |
+| **Italic** | Apply italic formatting |
+| **Underline** | Apply underline formatting |
+| **Strikethrough** | Apply strikethrough formatting |
+| **Alignment** | Left, center, and right text alignment |
+| **Bulleted List** | Create unordered lists |
+| **Numbered List** | Create ordered lists with start index and reversed options |
+| **Indent/Outdent** | Increase or decrease text indentation |
+| **Cut/Paste** | Cut and paste content with clipboard support |
+| **Paste as Text** | Paste content as plain text without formatting |
+| **Font Size** | Choose from 8pt, 10pt, 12pt, 14pt, 18pt, 24pt, 36pt |
+| **Font Color** | Apply text color from a 22-color palette |
+| **Background Color** | Apply background highlight from a 22-color palette |
+| **Insert Table** | Create and edit tables with cell properties |
+| **Link** | Insert and edit hyperlinks with auto-link detection |
+| **Block Quote** | Create block quotations |
+| **Heading** | Apply heading styles |
+| **Horizontal Line** | Insert horizontal dividers |
+| **Remove Format** | Clear all formatting from selected text |
+| **Special Characters** | Insert special characters and symbols |
+| **Subscript** | Apply subscript formatting |
+| **Superscript** | Apply superscript formatting |
+| **Code Block** | Insert formatted code blocks |
+| **Undo/Redo** | Undo and redo editing actions |
+
 ## Jest Configuration
 
 To ensure your Jest tests work with CKEditor, wrap your Jest configuration with `textEditorJestConfig`:

package/codemod/__fixtures__/src/components/MultilineFormRichText.tsx

@@ -1,4 +1,4 @@
-import { Form } from '@procore/core-react'
+import { Form, TextEditor } from '@procore/core-react'
 import React from 'react'
 
 export const MultilineFormRichText = () => {
@@ -9,6 +9,7 @@ export const MultilineFormRichText = () => {
         label="Description"
         plugins={['table']}
       />
+      <TextEditor value="notes" plugins={['links']} />
     </Form>
   )
 }

package/codemod/text-editor-migrate.js

@@ -9,6 +9,7 @@
  * 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
+ * 5. Remove deprecated plugins prop from TextEditor and Form.RichText components
  */
 
 const fs = require('fs')
@@ -168,6 +169,52 @@ function transformImports(fileContent) {
   return { content: newContent, modified, needsTextEditorImport }
 }
 
+/**
+ * Remove deprecated plugins prop from TextEditor and Form.RichText components
+ */
+function removeDeprecatedProps(fileContent) {
+  let modified = false
+  let newContent = fileContent
+
+  // Pattern to match TextEditor components with plugins prop
+  const textEditorRegex = /(<TextEditor)([\s\S]*?)(\/>|>)/g
+  newContent = newContent.replace(
+    textEditorRegex,
+    (match, opening, props, closing) => {
+      let updatedProps = props
+      const hasPlugins = props.includes('plugins=')
+
+      if (hasPlugins) {
+        // Remove plugins prop
+        updatedProps = updatedProps.replace(/\s*plugins\s*=\s*\{[^}]*\}/g, '')
+        modified = true
+      }
+
+      return opening + updatedProps + closing
+    }
+  )
+
+  // Pattern to match Form.RichText components with plugins prop
+  const formRichTextRegex = /(<Form\.RichText(?:Field)?)([\s\S]*?)(\/>|>)/g
+  newContent = newContent.replace(
+    formRichTextRegex,
+    (match, opening, props, closing) => {
+      let updatedProps = props
+      const hasPlugins = props.includes('plugins=')
+
+      if (hasPlugins) {
+        // Remove plugins prop
+        updatedProps = updatedProps.replace(/\s*plugins\s*=\s*\{[^}]*\}/g, '')
+        modified = true
+      }
+
+      return opening + updatedProps + closing
+    }
+  )
+
+  return { content: newContent, modified }
+}
+
 /**
  * Transform Form.RichText usage
  */
@@ -692,6 +739,13 @@ function processFile(filePath) {
         newContent = formResult.content
         wasModified = true
       }
+
+      // Remove deprecated plugins prop
+      const deprecatedPropsResult = removeDeprecatedProps(newContent)
+      if (deprecatedPropsResult.modified) {
+        newContent = deprecatedPropsResult.content
+        wasModified = true
+      }
     }
 
     // Write back if modified

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

@@ -129,6 +129,15 @@ describe('text-editor-migrate codemod', () => {
       expect(content).not.toContain('textEditorComponent={TextEditor}')
       expect(content).not.toContain('@procore/text-editor')
     })
+
+    it('should remove deprecated plugins prop from Form.RichText', () => {
+      execFileSync('node', [codemodPath, testDir], { stdio: 'ignore' })
+
+      const content = readFile('src/components/MultilineFormRichText.tsx')
+
+      expect(content).not.toContain('plugins=')
+      expect(content).toContain('textEditorComponent={TextEditor}')
+    })
   })
 
   describe('Jest configuration transformations', () => {

package/dist/DebouncedTextEditor/DebouncedTextEditor.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import type { TextEditorProps } from '../TextEditor';
+/**
+ * A performance-optimized version of `TextEditor` with built-in debounce on the `onChange` callback.
+ *
+ * ## When to use `DebouncedTextEditor`
+ *
+ * Use this component when:
+ * - The `onChange` handler triggers expensive operations (API calls, complex state updates, re-renders)
+ * - You want to reduce the frequency of updates while the user is actively typing
+ * - Performance is a concern in forms with multiple rich text editors
+ *
+ * ## How it works
+ *
+ * The component waits 300ms after the user stops typing before calling `onChange`.
+ * If the user continues typing, the timer resets. This reduces unnecessary updates
+ * while maintaining a responsive editing experience.
+ *
+ * @example
+ * ```tsx
+ * import { DebouncedTextEditor } from '@procore/text-editor'
+ *
+ * function MyComponent() {
+ *   const [value, setValue] = React.useState('')
+ *
+ *   return (
+ *     <DebouncedTextEditor
+ *       value={value}
+ *       onChange={(newValue) => setValue(newValue)}
+ *     />
+ *   )
+ * }
+ * ```
+ */
+export declare const DebouncedTextEditor: ({ onChange, value, ...rest }: TextEditorProps) => React.JSX.Element;

package/dist/DebouncedTextEditor/DebouncedTextEditor.js

@@ -0,0 +1,71 @@
+var _excluded = ["onChange", "value"];
+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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React, { useCallback, useEffect, useState } from 'react';
+import { TextEditor } from '../TextEditor';
+import { debounce } from '../utils/debounce';
+var DEBOUNCE_MS = 300;
+
+/**
+ * A performance-optimized version of `TextEditor` with built-in debounce on the `onChange` callback.
+ *
+ * ## When to use `DebouncedTextEditor`
+ *
+ * Use this component when:
+ * - The `onChange` handler triggers expensive operations (API calls, complex state updates, re-renders)
+ * - You want to reduce the frequency of updates while the user is actively typing
+ * - Performance is a concern in forms with multiple rich text editors
+ *
+ * ## How it works
+ *
+ * The component waits 300ms after the user stops typing before calling `onChange`.
+ * If the user continues typing, the timer resets. This reduces unnecessary updates
+ * while maintaining a responsive editing experience.
+ *
+ * @example
+ * ```tsx
+ * import { DebouncedTextEditor } from '@procore/text-editor'
+ *
+ * function MyComponent() {
+ *   const [value, setValue] = React.useState('')
+ *
+ *   return (
+ *     <DebouncedTextEditor
+ *       value={value}
+ *       onChange={(newValue) => setValue(newValue)}
+ *     />
+ *   )
+ * }
+ * ```
+ */
+export var DebouncedTextEditor = function DebouncedTextEditor(_ref) {
+  var onChange = _ref.onChange,
+    value = _ref.value,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(value !== null && value !== void 0 ? value : ''),
+    _useState2 = _slicedToArray(_useState, 2),
+    internalValue = _useState2[0],
+    setInternalValue = _useState2[1];
+  var debouncedOnChange = useCallback(debounce(function (newValue) {
+    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+  }, DEBOUNCE_MS), []);
+  function handleChange(newValue) {
+    setInternalValue(newValue);
+    debouncedOnChange(newValue);
+  }
+  useEffect(function () {
+    setInternalValue(value !== null && value !== void 0 ? value : '');
+  }, [value]);
+  return /*#__PURE__*/React.createElement(TextEditor, _extends({}, rest, {
+    value: internalValue,
+    onChange: handleChange
+  }));
+};
+//# sourceMappingURL=DebouncedTextEditor.js.map

package/dist/DebouncedTextEditor/DebouncedTextEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DebouncedTextEditor.js","names":["React","useCallback","useEffect","useState","TextEditor","debounce","DEBOUNCE_MS","DebouncedTextEditor","_ref","onChange","value","rest","_objectWithoutProperties","_excluded","_useState","_useState2","_slicedToArray","internalValue","setInternalValue","debouncedOnChange","newValue","handleChange","createElement","_extends"],"sources":["../../src/DebouncedTextEditor/DebouncedTextEditor.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react'\nimport type { TextEditorProps } from '../TextEditor'\nimport { TextEditor } from '../TextEditor'\nimport { debounce } from '../utils/debounce'\n\nconst DEBOUNCE_MS = 300\n\n/**\n * A performance-optimized version of `TextEditor` with built-in debounce on the `onChange` callback.\n *\n * ## When to use `DebouncedTextEditor`\n *\n * Use this component when:\n * - The `onChange` handler triggers expensive operations (API calls, complex state updates, re-renders)\n * - You want to reduce the frequency of updates while the user is actively typing\n * - Performance is a concern in forms with multiple rich text editors\n *\n * ## How it works\n *\n * The component waits 300ms after the user stops typing before calling `onChange`.\n * If the user continues typing, the timer resets. This reduces unnecessary updates\n * while maintaining a responsive editing experience.\n *\n * @example\n * ```tsx\n * import { DebouncedTextEditor } from '@procore/text-editor'\n *\n * function MyComponent() {\n *   const [value, setValue] = React.useState('')\n *\n *   return (\n *     <DebouncedTextEditor\n *       value={value}\n *       onChange={(newValue) => setValue(newValue)}\n *     />\n *   )\n * }\n * ```\n */\nexport const DebouncedTextEditor = ({\n  onChange,\n  value,\n  ...rest\n}: TextEditorProps) => {\n  const [internalValue, setInternalValue] = useState(value ?? '')\n\n  const debouncedOnChange = useCallback(\n    debounce((newValue: string) => {\n      onChange?.(newValue)\n    }, DEBOUNCE_MS),\n    []\n  )\n\n  function handleChange(newValue: string) {\n    setInternalValue(newValue)\n    debouncedOnChange(newValue)\n  }\n\n  useEffect(() => {\n    setInternalValue(value ?? '')\n  }, [value])\n\n  return <TextEditor {...rest} value={internalValue} onChange={handleChange} />\n}\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAE/D,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,QAAQ,QAAQ,mBAAmB;AAE5C,IAAMC,WAAW,GAAG,GAAG;;AAEvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAIT;EAAA,IAHrBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACFC,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAEP,IAAAC,SAAA,GAA0CX,QAAQ,CAACO,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,EAAE,CAAC;IAAAK,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAAxDG,aAAa,GAAAF,UAAA;IAAEG,gBAAgB,GAAAH,UAAA;EAEtC,IAAMI,iBAAiB,GAAGlB,WAAW,CACnCI,QAAQ,CAAC,UAACe,QAAgB,EAAK;IAC7BX,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGW,QAAQ,CAAC;EACtB,CAAC,EAAEd,WAAW,CAAC,EACf,EACF,CAAC;EAED,SAASe,YAAYA,CAACD,QAAgB,EAAE;IACtCF,gBAAgB,CAACE,QAAQ,CAAC;IAC1BD,iBAAiB,CAACC,QAAQ,CAAC;EAC7B;EAEAlB,SAAS,CAAC,YAAM;IACdgB,gBAAgB,CAACR,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,EAAE,CAAC;EAC/B,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,oBAAOV,KAAA,CAAAsB,aAAA,CAAClB,UAAU,EAAAmB,QAAA,KAAKZ,IAAI;IAAED,KAAK,EAAEO,aAAc;IAACR,QAAQ,EAAEY;EAAa,EAAE,CAAC;AAC/E,CAAC"}

package/dist/DebouncedTextEditor/index.d.ts

@@ -0,0 +1 @@
+export { DebouncedTextEditor } from './DebouncedTextEditor';

package/dist/DebouncedTextEditor/index.js

@@ -0,0 +1,2 @@
+export { DebouncedTextEditor } from './DebouncedTextEditor';
+//# sourceMappingURL=index.js.map

package/dist/DebouncedTextEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["DebouncedTextEditor"],"sources":["../../src/DebouncedTextEditor/index.ts"],"sourcesContent":["export { DebouncedTextEditor } from './DebouncedTextEditor'\n"],"mappings":"AAAA,SAASA,mBAAmB,QAAQ,uBAAuB"}

package/dist/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, ...restProps }: TextEditorProps): React.JSX.Element | null;
+export declare function TextEditor(props: Readonly<TextEditorProps>): React.JSX.Element | null;

package/dist/TextEditor/TextEditor.js

@@ -1,11 +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"];
+var _excluded = ["disabled", "error", "readonly", "value", "initialValue", "onChange", "onInit", "onBlur", "onKeyDown", "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; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-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); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -18,13 +12,14 @@ import { CKEditor } from '@ckeditor/ckeditor5-react';
 import { ClassicEditor } from 'ckeditor5';
 import React from 'react';
 import { useI18nContext, useZIndexContext } from '@procore/core-react';
+import { TextEditorOutput } from '../TextEditorOutput';
 import { useStickyToolbar } from './StickyToolbar';
 import { GlobalEditorStyles, StyledTextEditor } from './TextEditor.styles';
 import { TextEditorContext } from './TextEditorProvider';
 import { TextEditorTheme } from './textEditorTheming';
 import { useCKEditorCss } from './useCKEditorCss';
 import { useTabAsNavigation } from './useTabAsNavigation';
-import { addButtonDataAttributes, addPluginsFromStringArray, getDefaultConfig } from './utils';
+import { addButtonDataAttributes, getDefaultConfig } from './utils';
 
 /**
  * To ensure your Jest tests work with the CKEditor implementation, wrap your Jest configuration with `textEditorJestConfig`:
@@ -67,20 +62,21 @@ import { addButtonDataAttributes, addPluginsFromStringArray, getDefaultConfig }
  *       }),
  *   })
  */
-export function TextEditor(_ref) {
-  var disabled = _ref.disabled,
-    error = _ref.error,
-    value = _ref.value,
-    initialValue = _ref.initialValue,
-    onChange = _ref.onChange,
-    onInit = _ref.onInit,
-    onBlur = _ref.onBlur,
-    onKeyDown = _ref.onKeyDown,
-    externalConfig = _ref.config,
-    stringPlugins = _ref.plugins,
-    propLocale = _ref.locale,
-    onDirty = _ref.onDirty,
-    restProps = _objectWithoutProperties(_ref, _excluded);
+export function TextEditor(props) {
+  var disabled = props.disabled,
+    error = props.error,
+    readonly = props.readonly,
+    value = props.value,
+    initialValue = props.initialValue,
+    onChange = props.onChange,
+    onInit = props.onInit,
+    onBlur = props.onBlur,
+    onKeyDown = props.onKeyDown,
+    propLocale = props.locale,
+    onDirty = props.onDirty,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var ariaLabel = props['aria-label'];
+  var ariaDescription = props['aria-description'];
   var _useCKEditorCss = useCKEditorCss(),
     cssLoading = _useCKEditorCss.isLoading;
   var editorRef = React.useRef(null);
@@ -113,6 +109,42 @@ export function TextEditor(_ref) {
       }
     };
   }, []);
+
+  // Update aria-label when ariaLabel prop changes
+  React.useEffect(function () {
+    if (!isEditorReady || !editorInstanceRef.current) {
+      return;
+    }
+    var editor = editorInstanceRef.current;
+    editor.editing.view.change(function (writer) {
+      var viewEditableRoot = editor.editing.view.document.getRoot();
+      if (viewEditableRoot) {
+        if (ariaLabel) {
+          writer.setAttribute('aria-label', ariaLabel, viewEditableRoot);
+        } else {
+          writer.removeAttribute('aria-label', viewEditableRoot);
+        }
+      }
+    });
+  }, [ariaLabel, isEditorReady]);
+
+  // Update aria-description when ariaDescription prop changes
+  React.useEffect(function () {
+    if (!isEditorReady || !editorInstanceRef.current) {
+      return;
+    }
+    var editor = editorInstanceRef.current;
+    editor.editing.view.change(function (writer) {
+      var viewEditableRoot = editor.editing.view.document.getRoot();
+      if (viewEditableRoot) {
+        if (ariaDescription) {
+          writer.setAttribute('aria-description', ariaDescription, viewEditableRoot);
+        } else {
+          writer.removeAttribute('aria-description', viewEditableRoot);
+        }
+      }
+    });
+  }, [ariaDescription, isEditorReady]);
   var _useZIndexContext = useZIndexContext(),
     zIndex = _useZIndexContext.value;
   var _React$useContext = React.useContext(TextEditorContext),
@@ -122,19 +154,14 @@ export function TextEditor(_ref) {
   var mergedConfig = React.useMemo(function () {
     var defaultConfig = getDefaultConfig(locale);
 
-    // Handle string plugins for backward compatibility
-    var configWithPlugins = stringPlugins !== null && stringPlugins !== void 0 && stringPlugins.length ? addPluginsFromStringArray(defaultConfig, stringPlugins) : defaultConfig;
-
-    // Apply any external CKEditor config overrides provided by the consumer
-    var externalResult = typeof externalConfig === 'function' ? externalConfig(configWithPlugins) : undefined;
-    // Merge default config (with plugins) and consumer overrides
-    var finalConfig = _objectSpread(_objectSpread({}, configWithPlugins), externalResult !== null && externalResult !== void 0 ? externalResult : {});
-    return finalConfig;
-  }, [externalConfig, locale, stringPlugins]);
-  var bindKeyDownHandler = React.useCallback(function (editor) {
-    if (!onKeyDown) {
-      return;
+    // Set accessible label for the editable area if provided
+    // This is used by screen readers to announce the editor's purpose
+    if (ariaLabel) {
+      defaultConfig.label = ariaLabel;
     }
+    return defaultConfig;
+  }, [ariaLabel, locale]);
+  var bindKeyDownHandler = React.useCallback(function (editor) {
     var editorElement = editor.editing.view.document.getRoot();
     if (!editorElement) {
       return;
@@ -148,7 +175,12 @@ export function TextEditor(_ref) {
     // Create and store the new listener
     var keyDownListener = function keyDownListener(_event, data) {
       var domEvent = data.domEvent;
-      onKeyDown(domEvent, editor);
+      // Prevent Enter from propagating to parent forms so the
+      // editor can handle newlines without accidentally submitting.
+      if (domEvent.key === 'Enter') {
+        domEvent.stopPropagation();
+      }
+      onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(domEvent, editor);
     };
     keyDownListenerRef.current = keyDownListener;
 
@@ -174,6 +206,20 @@ export function TextEditor(_ref) {
       editor.setData(initialValue);
     }
 
+    // Set aria-label and aria-description on the editable area if provided
+    // These provide accessible context to screen reader users
+    editor.editing.view.change(function (writer) {
+      var viewEditableRoot = editor.editing.view.document.getRoot();
+      if (viewEditableRoot) {
+        if (ariaLabel) {
+          writer.setAttribute('aria-label', ariaLabel, viewEditableRoot);
+        }
+        if (ariaDescription) {
+          writer.setAttribute('aria-description', ariaDescription, viewEditableRoot);
+        }
+      }
+    });
+
     // Bind keydown handler when editor is ready
     bindKeyDownHandler(editor);
     onInit === null || onInit === void 0 ? void 0 : onInit(editor);
@@ -197,10 +243,18 @@ export function TextEditor(_ref) {
   if (cssLoading) {
     return null;
   }
+  if (readonly) {
+    return /*#__PURE__*/React.createElement(TextEditorOutput, {
+      value: value,
+      "aria-label": ariaLabel,
+      "aria-description": ariaDescription
+    });
+  }
   return /*#__PURE__*/React.createElement(StyledTextEditor, {
     ref: editorRef,
     key: editorKey,
-    error: error
+    error: error,
+    "aria-invalid": error ? 'true' : 'false'
   }, /*#__PURE__*/React.createElement(GlobalEditorStyles, {
     zIndex: zIndex + 1
   }), /*#__PURE__*/React.createElement(TextEditorTheme, null), /*#__PURE__*/React.createElement(CKEditor, _extends({}, restProps, {

package/dist/TextEditor/TextEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.js","names":["CKEditor","ClassicEditor","React","useI18nContext","useZIndexContext","useStickyToolbar","GlobalEditorStyles","StyledTextEditor","TextEditorContext","TextEditorTheme","useCKEditorCss","useTabAsNavigation","addButtonDataAttributes","addPluginsFromStringArray","getDefaultConfig","TextEditor","_ref","disabled","error","value","initialValue","onChange","onInit","onBlur","onKeyDown","externalConfig","config","stringPlugins","plugins","propLocale","locale","onDirty","restProps","_objectWithoutProperties","_excluded","_useCKEditorCss","cssLoading","isLoading","editorRef","useRef","editorInstanceRef","initialValueRef","keyDownListenerRef","_React$useState","useState","_React$useState2","_slicedToArray","isDirtyState","setIsDirtyState","_React$useState3","_React$useState4","isEditorReady","setIsEditorReady","_useI18nContext","contextLocale","useEffect","undefined","current","editing","view","document","off","_useZIndexContext","zIndex","_React$useContext","useContext","features","enableStickyToolbar","stickyToolbar","enableTabAsNavigation","tabAsNavigation","mergedConfig","useMemo","defaultConfig","configWithPlugins","length","externalResult","finalConfig","_objectSpread","bindKeyDownHandler","useCallback","editor","editorElement","getRoot","keyDownListener","_event","data","domEvent","on","handleChange","getData","isDirty","handleReady","setData","handleBlur","event","enabled","_useTabAsNavigation","editorKey","concat","createElement","ref","key","_extends","onReady"],"sources":["../../src/TextEditor/TextEditor.tsx"],"sourcesContent":["import { CKEditor } from '@ckeditor/ckeditor5-react'\nimport type { EditorConfig } from 'ckeditor5'\nimport { ClassicEditor, type EventInfo } from 'ckeditor5'\nimport React from 'react'\n\nimport { useI18nContext, useZIndexContext } from '@procore/core-react'\nimport { useStickyToolbar } from './StickyToolbar'\nimport { GlobalEditorStyles, StyledTextEditor } from './TextEditor.styles'\nimport type { KeyDownListener, TextEditorProps } from './TextEditor.types'\nimport { TextEditorContext } from './TextEditorProvider'\nimport { TextEditorTheme } from './textEditorTheming'\nimport { useCKEditorCss } from './useCKEditorCss'\nimport { useTabAsNavigation } from './useTabAsNavigation'\nimport {\n  addButtonDataAttributes,\n  addPluginsFromStringArray,\n  getDefaultConfig,\n} from './utils'\n\n/**\n * To ensure your Jest tests work with the CKEditor implementation, wrap your Jest configuration with `textEditorJestConfig`:\n *\n * @example\n *\n *   // Using Jest config file\n *\n *   const { textEditorJestConfig } = require('@procore/text-editor/jestConfig')\n *\n *   module.exports = textEditorJestConfig({\n *     // Your existing Jest config\n *   })\n *\n * @example\n *\n *   // Using Hammer\n *\n *   import { textEditorJestConfig } from '@procore/text-editor/jestConfig'\n *\n *   export default {\n *     testJest: (defaultConfig) =>\n *       textEditorJestConfig({\n *         ...defaultConfig,\n *         // Your existing Jest config\n *       }),\n *   }\n *\n * @example\n *\n *   // Using Core Scripts\n *\n *   const { textEditorJestConfig } = require('@procore/text-editor/jestConfig')\n *\n *   module.exports = () => ({\n *     jestOverride: (defaultConfig) =>\n *       textEditorJestConfig({\n *         ...defaultConfig,\n *         // Your existing Jest config\n *       }),\n *   })\n */\nexport function TextEditor({\n  disabled,\n  error,\n  value,\n  initialValue,\n  onChange,\n  onInit,\n  onBlur,\n  onKeyDown,\n  config: externalConfig,\n  plugins: stringPlugins,\n  locale: propLocale,\n  onDirty,\n  ...restProps\n}: TextEditorProps) {\n  const { isLoading: cssLoading } = useCKEditorCss()\n\n  const editorRef = React.useRef<HTMLDivElement>(null)\n  const editorInstanceRef = React.useRef<ClassicEditor | null>(null)\n  const initialValueRef = React.useRef<string>(value || initialValue || '')\n  const keyDownListenerRef = React.useRef<KeyDownListener | null>(null)\n  const [isDirtyState, setIsDirtyState] = React.useState(false)\n  const [isEditorReady, setIsEditorReady] = React.useState(false)\n  const { locale: contextLocale } = useI18nContext()\n  const locale = propLocale || contextLocale\n\n  React.useEffect(() => {\n    if (value !== undefined) {\n      initialValueRef.current = value\n    }\n  }, [value])\n\n  // Cleanup keydown listener on unmount\n  React.useEffect(() => {\n    return () => {\n      if (keyDownListenerRef.current && editorInstanceRef.current) {\n        editorInstanceRef.current.editing.view.document.off(\n          'keydown',\n          keyDownListenerRef.current\n        )\n        keyDownListenerRef.current = null\n      }\n    }\n  }, [])\n\n  const { value: zIndex } = useZIndexContext()\n\n  const { features } = React.useContext(TextEditorContext)\n  const enableStickyToolbar = !!features?.stickyToolbar\n  const enableTabAsNavigation = !!features?.tabAsNavigation\n\n  const mergedConfig = React.useMemo(() => {\n    const defaultConfig = getDefaultConfig(locale)\n\n    // Handle string plugins for backward compatibility\n    const configWithPlugins = stringPlugins?.length\n      ? addPluginsFromStringArray(defaultConfig, stringPlugins)\n      : defaultConfig\n\n    // Apply any external CKEditor config overrides provided by the consumer\n    const externalResult =\n      typeof externalConfig === 'function'\n        ? externalConfig(configWithPlugins)\n        : undefined\n    // Merge default config (with plugins) and consumer overrides\n    let finalConfig: EditorConfig = {\n      ...configWithPlugins,\n      ...(externalResult ?? {}),\n    }\n\n    return finalConfig\n  }, [externalConfig, locale, stringPlugins])\n\n  const bindKeyDownHandler = React.useCallback(\n    (editor: ClassicEditor) => {\n      if (!onKeyDown) {\n        return\n      }\n\n      const editorElement = editor.editing.view.document.getRoot()\n      if (!editorElement) {\n        return\n      }\n\n      // Remove existing keydown listener\n      if (keyDownListenerRef.current) {\n        editor.editing.view.document.off('keydown', keyDownListenerRef.current)\n      }\n\n      // Create and store the new listener\n      const keyDownListener = (\n        _event: EventInfo,\n        data: { domEvent: Event }\n      ) => {\n        const domEvent = data.domEvent as KeyboardEvent\n        onKeyDown(domEvent, editor)\n      }\n\n      keyDownListenerRef.current = keyDownListener\n\n      // Add the keydown listener\n      editor.editing.view.document.on('keydown', keyDownListener)\n    },\n    [onKeyDown]\n  )\n\n  const handleChange = (\n    _event: EventInfo<string, unknown>,\n    editor: ClassicEditor\n  ) => {\n    const data = editor.getData()\n    const isDirty = data !== initialValueRef.current\n\n    // Call onDirty only on first content modification\n    if (isDirty && !isDirtyState) {\n      setIsDirtyState(true)\n      onDirty?.()\n    }\n\n    onChange?.(data, isDirty)\n  }\n\n  const handleReady = (editor: ClassicEditor) => {\n    addButtonDataAttributes(editor)\n    editorInstanceRef.current = editor\n    setIsEditorReady(true)\n\n    if (initialValue) {\n      editor.setData(initialValue)\n    }\n\n    // Bind keydown handler when editor is ready\n    bindKeyDownHandler(editor)\n\n    onInit?.(editor)\n  }\n\n  const handleBlur = (\n    event: EventInfo<string, unknown>,\n    editor: ClassicEditor\n  ) => {\n    onBlur?.(event, editor)\n  }\n\n  useStickyToolbar({\n    enabled: enableStickyToolbar,\n    editor: isEditorReady ? editorInstanceRef.current : null,\n    editorRef,\n    cssLoading,\n  })\n\n  const { config } = useTabAsNavigation({\n    config: mergedConfig,\n    enabled: enableTabAsNavigation,\n    editor: isEditorReady ? editorInstanceRef.current : null,\n  })\n\n  const editorKey = `${locale}-${enableTabAsNavigation}`\n\n  if (cssLoading) {\n    return null\n  }\n\n  return (\n    <StyledTextEditor ref={editorRef} key={editorKey} error={error}>\n      <GlobalEditorStyles zIndex={zIndex + 1} />\n      <TextEditorTheme />\n      <CKEditor\n        {...restProps}\n        editor={ClassicEditor}\n        config={config}\n        disabled={disabled}\n        data={value}\n        onChange={handleChange}\n        onReady={handleReady}\n        onBlur={handleBlur}\n      />\n    </StyledTextEditor>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"TextEditor.js","names":["CKEditor","ClassicEditor","React","useI18nContext","useZIndexContext","TextEditorOutput","useStickyToolbar","GlobalEditorStyles","StyledTextEditor","TextEditorContext","TextEditorTheme","useCKEditorCss","useTabAsNavigation","addButtonDataAttributes","getDefaultConfig","TextEditor","props","disabled","error","readonly","value","initialValue","onChange","onInit","onBlur","onKeyDown","propLocale","locale","onDirty","restProps","_objectWithoutProperties","_excluded","ariaLabel","ariaDescription","_useCKEditorCss","cssLoading","isLoading","editorRef","useRef","editorInstanceRef","initialValueRef","keyDownListenerRef","_React$useState","useState","_React$useState2","_slicedToArray","isDirtyState","setIsDirtyState","_React$useState3","_React$useState4","isEditorReady","setIsEditorReady","_useI18nContext","contextLocale","useEffect","undefined","current","editing","view","document","off","editor","change","writer","viewEditableRoot","getRoot","setAttribute","removeAttribute","_useZIndexContext","zIndex","_React$useContext","useContext","features","enableStickyToolbar","stickyToolbar","enableTabAsNavigation","tabAsNavigation","mergedConfig","useMemo","defaultConfig","label","bindKeyDownHandler","useCallback","editorElement","keyDownListener","_event","data","domEvent","key","stopPropagation","on","handleChange","getData","isDirty","handleReady","setData","handleBlur","event","enabled","_useTabAsNavigation","config","editorKey","concat","createElement","ref","_extends","onReady"],"sources":["../../src/TextEditor/TextEditor.tsx"],"sourcesContent":["import { CKEditor } from '@ckeditor/ckeditor5-react'\nimport { ClassicEditor, type EventInfo } from 'ckeditor5'\nimport React from 'react'\n\nimport { useI18nContext, useZIndexContext } from '@procore/core-react'\nimport { TextEditorOutput } from '../TextEditorOutput'\nimport { useStickyToolbar } from './StickyToolbar'\nimport { GlobalEditorStyles, StyledTextEditor } from './TextEditor.styles'\nimport type { KeyDownListener, TextEditorProps } from './TextEditor.types'\nimport { TextEditorContext } from './TextEditorProvider'\nimport { TextEditorTheme } from './textEditorTheming'\nimport { useCKEditorCss } from './useCKEditorCss'\nimport { useTabAsNavigation } from './useTabAsNavigation'\nimport { addButtonDataAttributes, getDefaultConfig } from './utils'\n\n/**\n * To ensure your Jest tests work with the CKEditor implementation, wrap your Jest configuration with `textEditorJestConfig`:\n *\n * @example\n *\n *   // Using Jest config file\n *\n *   const { textEditorJestConfig } = require('@procore/text-editor/jestConfig')\n *\n *   module.exports = textEditorJestConfig({\n *     // Your existing Jest config\n *   })\n *\n * @example\n *\n *   // Using Hammer\n *\n *   import { textEditorJestConfig } from '@procore/text-editor/jestConfig'\n *\n *   export default {\n *     testJest: (defaultConfig) =>\n *       textEditorJestConfig({\n *         ...defaultConfig,\n *         // Your existing Jest config\n *       }),\n *   }\n *\n * @example\n *\n *   // Using Core Scripts\n *\n *   const { textEditorJestConfig } = require('@procore/text-editor/jestConfig')\n *\n *   module.exports = () => ({\n *     jestOverride: (defaultConfig) =>\n *       textEditorJestConfig({\n *         ...defaultConfig,\n *         // Your existing Jest config\n *       }),\n *   })\n */\nexport function TextEditor(props: Readonly<TextEditorProps>) {\n  const {\n    disabled,\n    error,\n    readonly,\n    value,\n    initialValue,\n    onChange,\n    onInit,\n    onBlur,\n    onKeyDown,\n    locale: propLocale,\n    onDirty,\n    ...restProps\n  } = props\n  const ariaLabel = props['aria-label']\n  const ariaDescription = props['aria-description']\n  const { isLoading: cssLoading } = useCKEditorCss()\n\n  const editorRef = React.useRef<HTMLDivElement>(null)\n  const editorInstanceRef = React.useRef<ClassicEditor | null>(null)\n  const initialValueRef = React.useRef<string>(value || initialValue || '')\n  const keyDownListenerRef = React.useRef<KeyDownListener | null>(null)\n  const [isDirtyState, setIsDirtyState] = React.useState(false)\n  const [isEditorReady, setIsEditorReady] = React.useState(false)\n  const { locale: contextLocale } = useI18nContext()\n  const locale = propLocale || contextLocale\n\n  React.useEffect(() => {\n    if (value !== undefined) {\n      initialValueRef.current = value\n    }\n  }, [value])\n\n  // Cleanup keydown listener on unmount\n  React.useEffect(() => {\n    return () => {\n      if (keyDownListenerRef.current && editorInstanceRef.current) {\n        editorInstanceRef.current.editing.view.document.off(\n          'keydown',\n          keyDownListenerRef.current\n        )\n        keyDownListenerRef.current = null\n      }\n    }\n  }, [])\n\n  // Update aria-label when ariaLabel prop changes\n  React.useEffect(() => {\n    if (!isEditorReady || !editorInstanceRef.current) {\n      return\n    }\n\n    const editor = editorInstanceRef.current\n    editor.editing.view.change((writer) => {\n      const viewEditableRoot = editor.editing.view.document.getRoot()\n      if (viewEditableRoot) {\n        if (ariaLabel) {\n          writer.setAttribute('aria-label', ariaLabel, viewEditableRoot)\n        } else {\n          writer.removeAttribute('aria-label', viewEditableRoot)\n        }\n      }\n    })\n  }, [ariaLabel, isEditorReady])\n\n  // Update aria-description when ariaDescription prop changes\n  React.useEffect(() => {\n    if (!isEditorReady || !editorInstanceRef.current) {\n      return\n    }\n\n    const editor = editorInstanceRef.current\n    editor.editing.view.change((writer) => {\n      const viewEditableRoot = editor.editing.view.document.getRoot()\n      if (viewEditableRoot) {\n        if (ariaDescription) {\n          writer.setAttribute(\n            'aria-description',\n            ariaDescription,\n            viewEditableRoot\n          )\n        } else {\n          writer.removeAttribute('aria-description', viewEditableRoot)\n        }\n      }\n    })\n  }, [ariaDescription, isEditorReady])\n\n  const { value: zIndex } = useZIndexContext()\n\n  const { features } = React.useContext(TextEditorContext)\n  const enableStickyToolbar = !!features?.stickyToolbar\n  const enableTabAsNavigation = !!features?.tabAsNavigation\n\n  const mergedConfig = React.useMemo(() => {\n    const defaultConfig = getDefaultConfig(locale)\n\n    // Set accessible label for the editable area if provided\n    // This is used by screen readers to announce the editor's purpose\n    if (ariaLabel) {\n      defaultConfig.label = ariaLabel\n    }\n\n    return defaultConfig\n  }, [ariaLabel, locale])\n\n  const bindKeyDownHandler = React.useCallback(\n    (editor: ClassicEditor) => {\n      const editorElement = editor.editing.view.document.getRoot()\n      if (!editorElement) {\n        return\n      }\n\n      // Remove existing keydown listener\n      if (keyDownListenerRef.current) {\n        editor.editing.view.document.off('keydown', keyDownListenerRef.current)\n      }\n\n      // Create and store the new listener\n      const keyDownListener = (\n        _event: EventInfo,\n        data: { domEvent: Event }\n      ) => {\n        const domEvent = data.domEvent as KeyboardEvent\n        // Prevent Enter from propagating to parent forms so the\n        // editor can handle newlines without accidentally submitting.\n        if (domEvent.key === 'Enter') {\n          domEvent.stopPropagation()\n        }\n\n        onKeyDown?.(domEvent, editor)\n      }\n\n      keyDownListenerRef.current = keyDownListener\n\n      // Add the keydown listener\n      editor.editing.view.document.on('keydown', keyDownListener)\n    },\n    [onKeyDown]\n  )\n\n  const handleChange = (\n    _event: EventInfo<string, unknown>,\n    editor: ClassicEditor\n  ) => {\n    const data = editor.getData()\n    const isDirty = data !== initialValueRef.current\n\n    // Call onDirty only on first content modification\n    if (isDirty && !isDirtyState) {\n      setIsDirtyState(true)\n      onDirty?.()\n    }\n\n    onChange?.(data, isDirty)\n  }\n\n  const handleReady = (editor: ClassicEditor) => {\n    addButtonDataAttributes(editor)\n    editorInstanceRef.current = editor\n    setIsEditorReady(true)\n\n    if (initialValue) {\n      editor.setData(initialValue)\n    }\n\n    // Set aria-label and aria-description on the editable area if provided\n    // These provide accessible context to screen reader users\n    editor.editing.view.change((writer) => {\n      const viewEditableRoot = editor.editing.view.document.getRoot()\n      if (viewEditableRoot) {\n        if (ariaLabel) {\n          writer.setAttribute('aria-label', ariaLabel, viewEditableRoot)\n        }\n        if (ariaDescription) {\n          writer.setAttribute(\n            'aria-description',\n            ariaDescription,\n            viewEditableRoot\n          )\n        }\n      }\n    })\n\n    // Bind keydown handler when editor is ready\n    bindKeyDownHandler(editor)\n\n    onInit?.(editor)\n  }\n\n  const handleBlur = (\n    event: EventInfo<string, unknown>,\n    editor: ClassicEditor\n  ) => {\n    onBlur?.(event, editor)\n  }\n\n  useStickyToolbar({\n    enabled: enableStickyToolbar,\n    editor: isEditorReady ? editorInstanceRef.current : null,\n    editorRef,\n    cssLoading,\n  })\n\n  const { config } = useTabAsNavigation({\n    config: mergedConfig,\n    enabled: enableTabAsNavigation,\n    editor: isEditorReady ? editorInstanceRef.current : null,\n  })\n\n  const editorKey = `${locale}-${enableTabAsNavigation}`\n\n  if (cssLoading) {\n    return null\n  }\n\n  if (readonly) {\n    return (\n      <TextEditorOutput\n        value={value}\n        aria-label={ariaLabel}\n        aria-description={ariaDescription}\n      />\n    )\n  }\n\n  return (\n    <StyledTextEditor\n      ref={editorRef}\n      key={editorKey}\n      error={error}\n      aria-invalid={error ? 'true' : 'false'}\n    >\n      <GlobalEditorStyles zIndex={zIndex + 1} />\n      <TextEditorTheme />\n      <CKEditor\n        {...restProps}\n        editor={ClassicEditor}\n        config={config}\n        disabled={disabled}\n        data={value}\n        onChange={handleChange}\n        onReady={handleReady}\n        onBlur={handleBlur}\n      />\n    </StyledTextEditor>\n  )\n}\n"],"mappings":";;;;;;;;;;AAAA,SAASA,QAAQ,QAAQ,2BAA2B;AACpD,SAASC,aAAa,QAAwB,WAAW;AACzD,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc,EAAEC,gBAAgB,QAAQ,qBAAqB;AACtE,SAASC,gBAAgB,QAAQ,qBAAqB;AACtD,SAASC,gBAAgB,QAAQ,iBAAiB;AAClD,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ,qBAAqB;AAE1E,SAASC,iBAAiB,QAAQ,sBAAsB;AACxD,SAASC,eAAe,QAAQ,qBAAqB;AACrD,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,uBAAuB,EAAEC,gBAAgB,QAAQ,SAAS;;AAEnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAACC,KAAgC,EAAE;EAC3D,IACEC,QAAQ,GAYND,KAAK,CAZPC,QAAQ;IACRC,KAAK,GAWHF,KAAK,CAXPE,KAAK;IACLC,QAAQ,GAUNH,KAAK,CAVPG,QAAQ;IACRC,KAAK,GASHJ,KAAK,CATPI,KAAK;IACLC,YAAY,GAQVL,KAAK,CARPK,YAAY;IACZC,QAAQ,GAONN,KAAK,CAPPM,QAAQ;IACRC,MAAM,GAMJP,KAAK,CANPO,MAAM;IACNC,MAAM,GAKJR,KAAK,CALPQ,MAAM;IACNC,SAAS,GAIPT,KAAK,CAJPS,SAAS;IACDC,UAAU,GAGhBV,KAAK,CAHPW,MAAM;IACNC,OAAO,GAELZ,KAAK,CAFPY,OAAO;IACJC,SAAS,GAAAC,wBAAA,CACVd,KAAK,EAAAe,SAAA;EACT,IAAMC,SAAS,GAAGhB,KAAK,CAAC,YAAY,CAAC;EACrC,IAAMiB,eAAe,GAAGjB,KAAK,CAAC,kBAAkB,CAAC;EACjD,IAAAkB,eAAA,GAAkCvB,cAAc,CAAC,CAAC;IAA/BwB,UAAU,GAAAD,eAAA,CAArBE,SAAS;EAEjB,IAAMC,SAAS,GAAGnC,KAAK,CAACoC,MAAM,CAAiB,IAAI,CAAC;EACpD,IAAMC,iBAAiB,GAAGrC,KAAK,CAACoC,MAAM,CAAuB,IAAI,CAAC;EAClE,IAAME,eAAe,GAAGtC,KAAK,CAACoC,MAAM,CAASlB,KAAK,IAAIC,YAAY,IAAI,EAAE,CAAC;EACzE,IAAMoB,kBAAkB,GAAGvC,KAAK,CAACoC,MAAM,CAAyB,IAAI,CAAC;EACrE,IAAAI,eAAA,GAAwCxC,KAAK,CAACyC,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAAtDI,YAAY,GAAAF,gBAAA;IAAEG,eAAe,GAAAH,gBAAA;EACpC,IAAAI,gBAAA,GAA0C9C,KAAK,CAACyC,QAAQ,CAAC,KAAK,CAAC;IAAAM,gBAAA,GAAAJ,cAAA,CAAAG,gBAAA;IAAxDE,aAAa,GAAAD,gBAAA;IAAEE,gBAAgB,GAAAF,gBAAA;EACtC,IAAAG,eAAA,GAAkCjD,cAAc,CAAC,CAAC;IAAlCkD,aAAa,GAAAD,eAAA,CAArBzB,MAAM;EACd,IAAMA,MAAM,GAAGD,UAAU,IAAI2B,aAAa;EAE1CnD,KAAK,CAACoD,SAAS,CAAC,YAAM;IACpB,IAAIlC,KAAK,KAAKmC,SAAS,EAAE;MACvBf,eAAe,CAACgB,OAAO,GAAGpC,KAAK;IACjC;EACF,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;;EAEX;EACAlB,KAAK,CAACoD,SAAS,CAAC,YAAM;IACpB,OAAO,YAAM;MACX,IAAIb,kBAAkB,CAACe,OAAO,IAAIjB,iBAAiB,CAACiB,OAAO,EAAE;QAC3DjB,iBAAiB,CAACiB,OAAO,CAACC,OAAO,CAACC,IAAI,CAACC,QAAQ,CAACC,GAAG,CACjD,SAAS,EACTnB,kBAAkB,CAACe,OACrB,CAAC;QACDf,kBAAkB,CAACe,OAAO,GAAG,IAAI;MACnC;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;;EAEN;EACAtD,KAAK,CAACoD,SAAS,CAAC,YAAM;IACpB,IAAI,CAACJ,aAAa,IAAI,CAACX,iBAAiB,CAACiB,OAAO,EAAE;MAChD;IACF;IAEA,IAAMK,MAAM,GAAGtB,iBAAiB,CAACiB,OAAO;IACxCK,MAAM,CAACJ,OAAO,CAACC,IAAI,CAACI,MAAM,CAAC,UAACC,MAAM,EAAK;MACrC,IAAMC,gBAAgB,GAAGH,MAAM,CAACJ,OAAO,CAACC,IAAI,CAACC,QAAQ,CAACM,OAAO,CAAC,CAAC;MAC/D,IAAID,gBAAgB,EAAE;QACpB,IAAIhC,SAAS,EAAE;UACb+B,MAAM,CAACG,YAAY,CAAC,YAAY,EAAElC,SAAS,EAAEgC,gBAAgB,CAAC;QAChE,CAAC,MAAM;UACLD,MAAM,CAACI,eAAe,CAAC,YAAY,EAAEH,gBAAgB,CAAC;QACxD;MACF;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAAChC,SAAS,EAAEkB,aAAa,CAAC,CAAC;;EAE9B;EACAhD,KAAK,CAACoD,SAAS,CAAC,YAAM;IACpB,IAAI,CAACJ,aAAa,IAAI,CAACX,iBAAiB,CAACiB,OAAO,EAAE;MAChD;IACF;IAEA,IAAMK,MAAM,GAAGtB,iBAAiB,CAACiB,OAAO;IACxCK,MAAM,CAACJ,OAAO,CAACC,IAAI,CAACI,MAAM,CAAC,UAACC,MAAM,EAAK;MACrC,IAAMC,gBAAgB,GAAGH,MAAM,CAACJ,OAAO,CAACC,IAAI,CAACC,QAAQ,CAACM,OAAO,CAAC,CAAC;MAC/D,IAAID,gBAAgB,EAAE;QACpB,IAAI/B,eAAe,EAAE;UACnB8B,MAAM,CAACG,YAAY,CACjB,kBAAkB,EAClBjC,eAAe,EACf+B,gBACF,CAAC;QACH,CAAC,MAAM;UACLD,MAAM,CAACI,eAAe,CAAC,kBAAkB,EAAEH,gBAAgB,CAAC;QAC9D;MACF;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAAC/B,eAAe,EAAEiB,aAAa,CAAC,CAAC;EAEpC,IAAAkB,iBAAA,GAA0BhE,gBAAgB,CAAC,CAAC;IAA7BiE,MAAM,GAAAD,iBAAA,CAAbhD,KAAK;EAEb,IAAAkD,iBAAA,GAAqBpE,KAAK,CAACqE,UAAU,CAAC9D,iBAAiB,CAAC;IAAhD+D,QAAQ,GAAAF,iBAAA,CAARE,QAAQ;EAChB,IAAMC,mBAAmB,GAAG,CAAC,EAACD,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAEE,aAAa;EACrD,IAAMC,qBAAqB,GAAG,CAAC,EAACH,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAEI,eAAe;EAEzD,IAAMC,YAAY,GAAG3E,KAAK,CAAC4E,OAAO,CAAC,YAAM;IACvC,IAAMC,aAAa,GAAGjE,gBAAgB,CAACa,MAAM,CAAC;;IAE9C;IACA;IACA,IAAIK,SAAS,EAAE;MACb+C,aAAa,CAACC,KAAK,GAAGhD,SAAS;IACjC;IAEA,OAAO+C,aAAa;EACtB,CAAC,EAAE,CAAC/C,SAAS,EAAEL,MAAM,CAAC,CAAC;EAEvB,IAAMsD,kBAAkB,GAAG/E,KAAK,CAACgF,WAAW,CAC1C,UAACrB,MAAqB,EAAK;IACzB,IAAMsB,aAAa,GAAGtB,MAAM,CAACJ,OAAO,CAACC,IAAI,CAACC,QAAQ,CAACM,OAAO,CAAC,CAAC;IAC5D,IAAI,CAACkB,aAAa,EAAE;MAClB;IACF;;IAEA;IACA,IAAI1C,kBAAkB,CAACe,OAAO,EAAE;MAC9BK,MAAM,CAACJ,OAAO,CAACC,IAAI,CAACC,QAAQ,CAACC,GAAG,CAAC,SAAS,EAAEnB,kBAAkB,CAACe,OAAO,CAAC;IACzE;;IAEA;IACA,IAAM4B,eAAe,GAAG,SAAlBA,eAAeA,CACnBC,MAAiB,EACjBC,IAAyB,EACtB;MACH,IAAMC,QAAQ,GAAGD,IAAI,CAACC,QAAyB;MAC/C;MACA;MACA,IAAIA,QAAQ,CAACC,GAAG,KAAK,OAAO,EAAE;QAC5BD,QAAQ,CAACE,eAAe,CAAC,CAAC;MAC5B;MAEAhE,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAG8D,QAAQ,EAAE1B,MAAM,CAAC;IAC/B,CAAC;IAEDpB,kBAAkB,CAACe,OAAO,GAAG4B,eAAe;;IAE5C;IACAvB,MAAM,CAACJ,OAAO,CAACC,IAAI,CAACC,QAAQ,CAAC+B,EAAE,CAAC,SAAS,EAAEN,eAAe,CAAC;EAC7D,CAAC,EACD,CAAC3D,SAAS,CACZ,CAAC;EAED,IAAMkE,YAAY,GAAG,SAAfA,YAAYA,CAChBN,MAAkC,EAClCxB,MAAqB,EAClB;IACH,IAAMyB,IAAI,GAAGzB,MAAM,CAAC+B,OAAO,CAAC,CAAC;IAC7B,IAAMC,OAAO,GAAGP,IAAI,KAAK9C,eAAe,CAACgB,OAAO;;IAEhD;IACA,IAAIqC,OAAO,IAAI,CAAC/C,YAAY,EAAE;MAC5BC,eAAe,CAAC,IAAI,CAAC;MACrBnB,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAG,CAAC;IACb;IAEAN,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGgE,IAAI,EAAEO,OAAO,CAAC;EAC3B,CAAC;EAED,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIjC,MAAqB,EAAK;IAC7ChD,uBAAuB,CAACgD,MAAM,CAAC;IAC/BtB,iBAAiB,CAACiB,OAAO,GAAGK,MAAM;IAClCV,gBAAgB,CAAC,IAAI,CAAC;IAEtB,IAAI9B,YAAY,EAAE;MAChBwC,MAAM,CAACkC,OAAO,CAAC1E,YAAY,CAAC;IAC9B;;IAEA;IACA;IACAwC,MAAM,CAACJ,OAAO,CAACC,IAAI,CAACI,MAAM,CAAC,UAACC,MAAM,EAAK;MACrC,IAAMC,gBAAgB,GAAGH,MAAM,CAACJ,OAAO,CAACC,IAAI,CAACC,QAAQ,CAACM,OAAO,CAAC,CAAC;MAC/D,IAAID,gBAAgB,EAAE;QACpB,IAAIhC,SAAS,EAAE;UACb+B,MAAM,CAACG,YAAY,CAAC,YAAY,EAAElC,SAAS,EAAEgC,gBAAgB,CAAC;QAChE;QACA,IAAI/B,eAAe,EAAE;UACnB8B,MAAM,CAACG,YAAY,CACjB,kBAAkB,EAClBjC,eAAe,EACf+B,gBACF,CAAC;QACH;MACF;IACF,CAAC,CAAC;;IAEF;IACAiB,kBAAkB,CAACpB,MAAM,CAAC;IAE1BtC,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAGsC,MAAM,CAAC;EAClB,CAAC;EAED,IAAMmC,UAAU,GAAG,SAAbA,UAAUA,CACdC,KAAiC,EACjCpC,MAAqB,EAClB;IACHrC,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAGyE,KAAK,EAAEpC,MAAM,CAAC;EACzB,CAAC;EAEDvD,gBAAgB,CAAC;IACf4F,OAAO,EAAEzB,mBAAmB;IAC5BZ,MAAM,EAAEX,aAAa,GAAGX,iBAAiB,CAACiB,OAAO,GAAG,IAAI;IACxDnB,SAAS,EAATA,SAAS;IACTF,UAAU,EAAVA;EACF,CAAC,CAAC;EAEF,IAAAgE,mBAAA,GAAmBvF,kBAAkB,CAAC;MACpCwF,MAAM,EAAEvB,YAAY;MACpBqB,OAAO,EAAEvB,qBAAqB;MAC9Bd,MAAM,EAAEX,aAAa,GAAGX,iBAAiB,CAACiB,OAAO,GAAG;IACtD,CAAC,CAAC;IAJM4C,MAAM,GAAAD,mBAAA,CAANC,MAAM;EAMd,IAAMC,SAAS,MAAAC,MAAA,CAAM3E,MAAM,OAAA2E,MAAA,CAAI3B,qBAAqB,CAAE;EAEtD,IAAIxC,UAAU,EAAE;IACd,OAAO,IAAI;EACb;EAEA,IAAIhB,QAAQ,EAAE;IACZ,oBACEjB,KAAA,CAAAqG,aAAA,CAAClG,gBAAgB;MACfe,KAAK,EAAEA,KAAM;MACb,cAAYY,SAAU;MACtB,oBAAkBC;IAAgB,CACnC,CAAC;EAEN;EAEA,oBACE/B,KAAA,CAAAqG,aAAA,CAAC/F,gBAAgB;IACfgG,GAAG,EAAEnE,SAAU;IACfmD,GAAG,EAAEa,SAAU;IACfnF,KAAK,EAAEA,KAAM;IACb,gBAAcA,KAAK,GAAG,MAAM,GAAG;EAAQ,gBAEvChB,KAAA,CAAAqG,aAAA,CAAChG,kBAAkB;IAAC8D,MAAM,EAAEA,MAAM,GAAG;EAAE,CAAE,CAAC,eAC1CnE,KAAA,CAAAqG,aAAA,CAAC7F,eAAe,MAAE,CAAC,eACnBR,KAAA,CAAAqG,aAAA,CAACvG,QAAQ,EAAAyG,QAAA,KACH5E,SAAS;IACbgC,MAAM,EAAE5D,aAAc;IACtBmG,MAAM,EAAEA,MAAO;IACfnF,QAAQ,EAAEA,QAAS;IACnBqE,IAAI,EAAElE,KAAM;IACZE,QAAQ,EAAEqE,YAAa;IACvBe,OAAO,EAAEZ,WAAY;IACrBtE,MAAM,EAAEwE;EAAW,EACpB,CACe,CAAC;AAEvB"}