@procore/text-editor 0.1.0 → 0.2.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @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

package/README.md

@@ -10,7 +10,7 @@ yarn add @procore/text-editor
 
 ## Usage
 
-### TextEditor Usage
+### Standalone Usage
 
 ```tsx
 import { TextEditor } from '@procore/text-editor'
@@ -27,26 +27,39 @@ function MyComponent() {
 }
 ```
 
-
-### TextEditorProvider
-
-Use `TextEditorProvider` to enable advanced features:
+### With @procore/core-react Forms
 
 ```tsx
-import { TextEditor, TextEditorProvider } from '@procore/text-editor'
+import { Form } from '@procore/core-react'
+import { TextEditor } from '@procore/text-editor'
 
 function MyComponent() {
   return (
-    <TextEditorProvider features={{ stickyToolbar: true, tabAsNavigation: true }}>
-      <TextEditor value={value} onChange={setValue} />
-    </TextEditorProvider>
+    <Form.RichText
+      name="richtext"
+      label="Richtext"
+      textEditorComponent={TextEditor}
+    />
   )
 }
 ```
 
-### TextEditorOutput
 
-Display formatted text from the editor:
+### Displaying Read-Only Content
+
+You can display formatted text in two ways:
+
+**Option 1:** Use `TextEditor` with `readonly` prop:
+
+```tsx
+import { TextEditor } from '@procore/text-editor'
+
+function MyComponent({ htmlContent }) {
+  return <TextEditor value={htmlContent} readonly />
+}
+```
+
+**Option 2:** Use the `TextEditorOutput` component:
 
 ```tsx
 import { TextEditorOutput } from '@procore/text-editor'
@@ -56,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/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.js

@@ -1,4 +1,4 @@
-var _excluded = ["disabled", "error", "value", "initialValue", "onChange", "onInit", "onBlur", "onKeyDown", "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 _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."); }
@@ -12,6 +12,7 @@ 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';
@@ -64,6 +65,7 @@ import { addButtonDataAttributes, getDefaultConfig } from './utils';
 export function TextEditor(props) {
   var disabled = props.disabled,
     error = props.error,
+    readonly = props.readonly,
     value = props.value,
     initialValue = props.initialValue,
     onChange = props.onChange,
@@ -241,6 +243,13 @@ export function TextEditor(props) {
   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,

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","getDefaultConfig","TextEditor","props","disabled","error","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 { 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    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  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":"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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":"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"}

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_1_0__sc-iim79x-0"
+  componentId: "text-editor-0_2_0__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/TextEditor.types.d.ts

@@ -34,6 +34,13 @@ export interface TextEditorProps {
      * @since 0.0.1
      */
     error?: boolean;
+    /**
+     * Indicates if the editor is in readonly mode.
+     * When true, renders the content using TextEditorOutput instead of the editable editor.
+     *
+     * @since 0.2.0
+     */
+    readonly?: boolean;
     /**
      * Accessible label for the editor's editable area. This text will be
      * announced by screen readers when the user focuses the editor. It should

package/dist/TextEditor/TextEditor.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.types.js","names":[],"sources":["../../src/TextEditor/TextEditor.types.ts"],"sourcesContent":["import type { Locale } from '@procore/globalization-toolkit'\nimport type { ClassicEditor, EventInfo } from 'ckeditor5'\n\nexport interface TextEditorProps {\n  /**\n   * Unique identifier for the editor\n   *\n   * @since 0.0.1\n   */\n  id?: string\n\n  /**\n   * Initial value of the editor\n   *\n   * @deprecated `initialValue` has been deprecated and will be removed in a future version.\n   * Please use the `value` prop instead\n   * @deprecatedSince 0.0.1\n   * @since 0.0.1\n   */\n  initialValue?: string\n\n  /**\n   * The current value of the editor\n   *\n   * @since 0.0.1\n   */\n  value?: string\n\n  /**\n   * Indicates if the editor is disabled\n   *\n   * @since 0.0.1\n   */\n  disabled?: boolean\n\n  /**\n   * Indicates if the editor is in an error state\n   *\n   * @since 0.0.1\n   */\n  error?: boolean\n\n  /**\n   * Accessible label for the editor's editable area. This text will be\n   * announced by screen readers when the user focuses the editor. It should\n   * match or include the visible label associated with this editor field.\n   * If not provided, screen readers will announce a generic \"Rich Text Editor\" message.\n   *\n   * @since 0.1.0\n   */\n  'aria-label'?: string\n\n  /**\n   * Accessible description for the editor's editable area.\n   * This text provides additional context to screen reader users. It will be\n   * announced after the label when the user focuses the editor.\n   *\n   * @since 0.1.0\n   */\n  'aria-description'?: string\n\n  /**\n   * Locale which will be used for localization. Can be passed directly or\n   * set by wrapping components in I18n provider.\n   * @since 0.0.1\n   */\n  locale?: Locale\n\n  /**\n   * Callback fired when the editor content changes\n   *\n   * @param value - The current content of the editor\n   * @param isDirty - Whether the content differs from the initial value\n   * @since 0.0.1\n   */\n  onChange?: (value: string, isDirty?: boolean) => void\n\n  /**\n   * Callback fired when the editor gains focus\n   *\n   * @since 0.0.1\n   */\n  onFocus?: (event: EventInfo, editor: ClassicEditor) => void\n\n  /**\n   * Callback fired when the editor loses focus\n   *\n   * @since 0.0.1\n   */\n  onBlur?: (event: EventInfo, editor: ClassicEditor) => void\n\n  /**\n   * Callback fired when an error occurs in the editor\n   *\n   * @since 0.0.1\n   */\n  onError?: (\n    error: Error,\n    details: {\n      phase: 'initialization' | 'runtime'\n      willEditorRestart?: boolean\n    }\n  ) => void\n\n  /**\n   * Callback fired when the editor is ready\n   *\n   * @since 0.0.1\n   */\n  onInit?: (editor: ClassicEditor) => void\n\n  /**\n   * Callback fired after the editor instance is destroyed\n   *\n   * @since 0.0.1\n   */\n  onAfterDestroy?: () => void\n\n  /**\n   * Callback fired when the editor becomes dirty (content differs from initial value)\n   *\n   * @since 0.0.1\n   */\n  onDirty?: () => void\n\n  /**\n   * Callback fired when a key is pressed in the editor\n   *\n   * @param event - The keyboard event\n   * @param editor - The CKEditor instance\n   * @since 0.0.1\n   */\n  onKeyDown?: (event: KeyboardEvent, editor: ClassicEditor) => void\n}\n\nexport type KeyDownListener = (\n  event: EventInfo,\n  data: { domEvent: Event }\n) => void\n"],"mappings":""}
+{"version":3,"file":"TextEditor.types.js","names":[],"sources":["../../src/TextEditor/TextEditor.types.ts"],"sourcesContent":["import type { Locale } from '@procore/globalization-toolkit'\nimport type { ClassicEditor, EventInfo } from 'ckeditor5'\n\nexport interface TextEditorProps {\n  /**\n   * Unique identifier for the editor\n   *\n   * @since 0.0.1\n   */\n  id?: string\n\n  /**\n   * Initial value of the editor\n   *\n   * @deprecated `initialValue` has been deprecated and will be removed in a future version.\n   * Please use the `value` prop instead\n   * @deprecatedSince 0.0.1\n   * @since 0.0.1\n   */\n  initialValue?: string\n\n  /**\n   * The current value of the editor\n   *\n   * @since 0.0.1\n   */\n  value?: string\n\n  /**\n   * Indicates if the editor is disabled\n   *\n   * @since 0.0.1\n   */\n  disabled?: boolean\n\n  /**\n   * Indicates if the editor is in an error state\n   *\n   * @since 0.0.1\n   */\n  error?: boolean\n\n  /**\n   * Indicates if the editor is in readonly mode.\n   * When true, renders the content using TextEditorOutput instead of the editable editor.\n   *\n   * @since 0.2.0\n   */\n  readonly?: boolean\n\n  /**\n   * Accessible label for the editor's editable area. This text will be\n   * announced by screen readers when the user focuses the editor. It should\n   * match or include the visible label associated with this editor field.\n   * If not provided, screen readers will announce a generic \"Rich Text Editor\" message.\n   *\n   * @since 0.1.0\n   */\n  'aria-label'?: string\n\n  /**\n   * Accessible description for the editor's editable area.\n   * This text provides additional context to screen reader users. It will be\n   * announced after the label when the user focuses the editor.\n   *\n   * @since 0.1.0\n   */\n  'aria-description'?: string\n\n  /**\n   * Locale which will be used for localization. Can be passed directly or\n   * set by wrapping components in I18n provider.\n   * @since 0.0.1\n   */\n  locale?: Locale\n\n  /**\n   * Callback fired when the editor content changes\n   *\n   * @param value - The current content of the editor\n   * @param isDirty - Whether the content differs from the initial value\n   * @since 0.0.1\n   */\n  onChange?: (value: string, isDirty?: boolean) => void\n\n  /**\n   * Callback fired when the editor gains focus\n   *\n   * @since 0.0.1\n   */\n  onFocus?: (event: EventInfo, editor: ClassicEditor) => void\n\n  /**\n   * Callback fired when the editor loses focus\n   *\n   * @since 0.0.1\n   */\n  onBlur?: (event: EventInfo, editor: ClassicEditor) => void\n\n  /**\n   * Callback fired when an error occurs in the editor\n   *\n   * @since 0.0.1\n   */\n  onError?: (\n    error: Error,\n    details: {\n      phase: 'initialization' | 'runtime'\n      willEditorRestart?: boolean\n    }\n  ) => void\n\n  /**\n   * Callback fired when the editor is ready\n   *\n   * @since 0.0.1\n   */\n  onInit?: (editor: ClassicEditor) => void\n\n  /**\n   * Callback fired after the editor instance is destroyed\n   *\n   * @since 0.0.1\n   */\n  onAfterDestroy?: () => void\n\n  /**\n   * Callback fired when the editor becomes dirty (content differs from initial value)\n   *\n   * @since 0.0.1\n   */\n  onDirty?: () => void\n\n  /**\n   * Callback fired when a key is pressed in the editor\n   *\n   * @param event - The keyboard event\n   * @param editor - The CKEditor instance\n   * @since 0.0.1\n   */\n  onKeyDown?: (event: KeyboardEvent, editor: ClassicEditor) => void\n}\n\nexport type KeyDownListener = (\n  event: EventInfo,\n  data: { domEvent: Event }\n) => void\n"],"mappings":""}

package/dist/TextEditor/utils/config.js

@@ -60,7 +60,7 @@ export var getDefaultConfig = function getDefaultConfig() {
     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, CutPlugin, PastePlugin, PasteAsTextPlugin, IndentPaddingToMarginPlugin, BlockQuote, Heading, Autoformat, SpecialCharacters, SpecialCharactersEssentials, Subscript, Superscript, HorizontalLine, RemoveFormat, CodeBlock, TabSpacesPlugin // TODO - delete
     ],
 
-    toolbar: ['AccessibilityHelp', '|', 'bold', 'italic', 'underline', 'strikethrough', '|', 'alignment:left', 'alignment:center', 'alignment:right', '|', 'bulletedList', 'numberedList', '|', 'outdent', 'indent', '|', 'cut', 'paste', 'pasteAsText', '|', 'fontSize', '|', 'fontColor', 'fontBackgroundColor', '|', 'insertTable', 'link', '|', 'blockquote', 'heading', '|', 'horizontalLine', 'removeFormat', 'specialCharacters', 'subscript', 'superscript', 'codeblock', '|', 'undo', 'redo'],
+    toolbar: ['bold', 'italic', 'underline', 'strikethrough', '|', 'alignment:left', 'alignment:center', 'alignment:right', '|', 'bulletedList', 'numberedList', '|', 'outdent', 'indent', '|', 'cut', 'paste', 'pasteAsText', '|', 'fontSize', '|', 'fontColor', 'fontBackgroundColor', '|', 'insertTable', 'link', '|', 'blockquote', 'heading', '|', 'horizontalLine', 'removeFormat', 'specialCharacters', 'subscript', 'superscript', 'codeblock', '|', 'undo', 'redo'],
     fontSize: {
       options: [{
         title: '8pt',

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

@@ -1 +1 @@
-{"version":3,"file":"config.js","names":["Alignment","Autoformat","AutoLink","BlockQuote","Bold","Clipboard","CodeBlock","Essentials","FontBackgroundColor","FontColor","FontSize","GeneralHtmlSupport","Heading","HorizontalLine","Indent","IndentBlock","Italic","Link","List","ListProperties","Paragraph","RemoveFormat","SpecialCharacters","SpecialCharactersEssentials","Strikethrough","Subscript","Superscript","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  Autoformat,\n  AutoLink,\n  BlockQuote,\n  Bold,\n  Clipboard,\n  CodeBlock,\n  Essentials,\n  FontBackgroundColor,\n  FontColor,\n  FontSize,\n  GeneralHtmlSupport,\n  Heading,\n  HorizontalLine,\n  Indent,\n  IndentBlock,\n  Italic,\n  Link,\n  List,\n  ListProperties,\n  Paragraph,\n  RemoveFormat,\n  SpecialCharacters,\n  SpecialCharactersEssentials,\n  Strikethrough,\n  Subscript,\n  Superscript,\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    CutPlugin,\n    PastePlugin,\n    PasteAsTextPlugin,\n    IndentPaddingToMarginPlugin,\n    BlockQuote,\n    Heading,\n    Autoformat,\n    SpecialCharacters,\n    SpecialCharactersEssentials,\n    Subscript,\n    Superscript,\n    HorizontalLine,\n    RemoveFormat,\n    CodeBlock,\n    TabSpacesPlugin, // TODO - delete\n  ],\n  toolbar: [\n    'AccessibilityHelp',\n    '|',\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    'insertTable',\n    'link',\n    '|',\n    'blockquote',\n    'heading',\n    '|',\n    'horizontalLine',\n    'removeFormat',\n    'specialCharacters',\n    'subscript',\n    'superscript',\n    'codeblock',\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","Autoformat","AutoLink","BlockQuote","Bold","Clipboard","CodeBlock","Essentials","FontBackgroundColor","FontColor","FontSize","GeneralHtmlSupport","Heading","HorizontalLine","Indent","IndentBlock","Italic","Link","List","ListProperties","Paragraph","RemoveFormat","SpecialCharacters","SpecialCharactersEssentials","Strikethrough","Subscript","Superscript","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  Autoformat,\n  AutoLink,\n  BlockQuote,\n  Bold,\n  Clipboard,\n  CodeBlock,\n  Essentials,\n  FontBackgroundColor,\n  FontColor,\n  FontSize,\n  GeneralHtmlSupport,\n  Heading,\n  HorizontalLine,\n  Indent,\n  IndentBlock,\n  Italic,\n  Link,\n  List,\n  ListProperties,\n  Paragraph,\n  RemoveFormat,\n  SpecialCharacters,\n  SpecialCharactersEssentials,\n  Strikethrough,\n  Subscript,\n  Superscript,\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    CutPlugin,\n    PastePlugin,\n    PasteAsTextPlugin,\n    IndentPaddingToMarginPlugin,\n    BlockQuote,\n    Heading,\n    Autoformat,\n    SpecialCharacters,\n    SpecialCharactersEssentials,\n    Subscript,\n    Superscript,\n    HorizontalLine,\n    RemoveFormat,\n    CodeBlock,\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    'insertTable',\n    'link',\n    '|',\n    'blockquote',\n    'heading',\n    '|',\n    'horizontalLine',\n    'removeFormat',\n    'specialCharacters',\n    'subscript',\n    'superscript',\n    'codeblock',\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_1_0__sc-1oujb2g-0"
+  componentId: "text-editor-0_2_0__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/_storyHelpers/constants.d.ts

@@ -6,6 +6,7 @@ export declare const exampleText: {
     long_ipsum: string;
     longest_ipsum: string;
     long_ipsum_one_line: string;
+    formatted_content: string;
 };
 export declare function Ipsum(lengthOrOptions: number | {
     length: number;

package/dist/_storyHelpers/constants.js

@@ -5,7 +5,8 @@ export var exampleText = {
   short_sentence: 'Did you think you have mastery over fire? Incredible!',
   long_ipsum: "Lorem ip sum dolor sit amet, consectetur adipiscing elit,\n    ed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n    Scelerisque eleifend donec pretium vulputate sapien nec sagittis.\n    Ultricies tristique nulla aliquet enim tortor at auctor urna nunc.\n    Vitae turpis massa sed elementum tempus egestas.\n    Nunc consequat interdum varius sit amet",
   longest_ipsum: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n    tempor incididunt ut labore et dolore magna aliqua. Ac tortor dignissim\n    convallis aenean et. Facilisis volutpat est velit egestas dui id. In\n    nulla posuere sollicitudin aliquam ultrices. Lorem mollis aliquam ut\n    porttitor. Convallis aenean et tortor at risus viverra adipiscing at.\n    Euismod nisi porta lorem mollis aliquam ut porttitor. Hac habitasse\n    platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper.\n    Viverra tellus in hac habitasse platea dictumst. Scelerisque viverra lawn\n    gnome in aliquam sem fringilla ut morbi tincidunt. Ullamcorper morbi tincidunt\n    ornare massa eget. Gravida cum sociis natoque penatibus. Leo vel fringilla est\n    ullamcorper eget nulla. Vitae proin sagittis nisl rhoncus mattis rhoncus urna.\n    Mauris commodo quis imperdiet massa tincidunt nunc pulvinar sapien et. Id aliquet\n    lectus proin nibh troll condimentum id venenatis.",
-  long_ipsum_one_line: "Lorem ip sum dolor sit amet, consectetur adipiscing elit, ed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Scelerisque eleifend donec pretium vulputate sapien nec sagittis. Ultricies tristique nulla aliquet enim tortor at auctor urna nunc. Vitae turpis massa sed elementum tempus egestas. Nunc consequat interdum varius sit amet"
+  long_ipsum_one_line: "Lorem ip sum dolor sit amet, consectetur adipiscing elit, ed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Scelerisque eleifend donec pretium vulputate sapien nec sagittis. Ultricies tristique nulla aliquet enim tortor at auctor urna nunc. Vitae turpis massa sed elementum tempus egestas. Nunc consequat interdum varius sit amet",
+  formatted_content: "\n    <p><strong>Bold text</strong> and <em>italic text</em></p>\n    <ul>\n      <li>List item 1</li>\n      <li>List item 2</li>\n    </ul>\n    <p style=\"text-align: center;\">Centered text</p>\n  "
 };
 export function Ipsum(lengthOrOptions) {
   if (typeof lengthOrOptions === 'number') {

package/dist/_storyHelpers/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["exampleText","none","short_ipsum","short_sentence","long_ipsum","longest_ipsum","long_ipsum_one_line","Ipsum","lengthOrOptions","recursiveGrow","length","lettercase","trailingPeriod","longString","lastChar","includes","slice","replace","s","toUpperCase","arguments","undefined","out"],"sources":["../../src/_storyHelpers/constants.ts"],"sourcesContent":["export const exampleText = {\n  default: 'Click me!',\n  none: '',\n  short_ipsum: 'Lorum',\n  short_sentence: 'Did you think you have mastery over fire? Incredible!',\n  long_ipsum: `Lorem ip sum dolor sit amet, consectetur adipiscing elit,\n    ed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n    Scelerisque eleifend donec pretium vulputate sapien nec sagittis.\n    Ultricies tristique nulla aliquet enim tortor at auctor urna nunc.\n    Vitae turpis massa sed elementum tempus egestas.\n    Nunc consequat interdum varius sit amet`,\n  longest_ipsum: `Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n    tempor incididunt ut labore et dolore magna aliqua. Ac tortor dignissim\n    convallis aenean et. Facilisis volutpat est velit egestas dui id. In\n    nulla posuere sollicitudin aliquam ultrices. Lorem mollis aliquam ut\n    porttitor. Convallis aenean et tortor at risus viverra adipiscing at.\n    Euismod nisi porta lorem mollis aliquam ut porttitor. Hac habitasse\n    platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper.\n    Viverra tellus in hac habitasse platea dictumst. Scelerisque viverra lawn\n    gnome in aliquam sem fringilla ut morbi tincidunt. Ullamcorper morbi tincidunt\n    ornare massa eget. Gravida cum sociis natoque penatibus. Leo vel fringilla est\n    ullamcorper eget nulla. Vitae proin sagittis nisl rhoncus mattis rhoncus urna.\n    Mauris commodo quis imperdiet massa tincidunt nunc pulvinar sapien et. Id aliquet\n    lectus proin nibh troll condimentum id venenatis.`,\n  long_ipsum_one_line: `Lorem ip sum dolor sit amet, consectetur adipiscing elit, ed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Scelerisque eleifend donec pretium vulputate sapien nec sagittis. Ultricies tristique nulla aliquet enim tortor at auctor urna nunc. Vitae turpis massa sed elementum tempus egestas. Nunc consequat interdum varius sit amet`,\n}\n\nexport function Ipsum(\n  lengthOrOptions:\n    | number\n    | {\n        length: number\n        lettercase?: 'sentence' | 'title'\n        trailingPeriod?: boolean\n      }\n) {\n  if (typeof lengthOrOptions === 'number') {\n    return recursiveGrow(lengthOrOptions)\n  }\n  const { length, lettercase, trailingPeriod } = lengthOrOptions\n  let longString = recursiveGrow(length)\n  const lastChar = longString[longString.length - 1]\n  if (!trailingPeriod && ['.', ','].includes(lastChar)) {\n    longString = longString.slice(0, -1)\n  }\n  if (lettercase === 'title') {\n    longString = longString.replace(/\\b\\w/g, (s) => s.toUpperCase())\n  }\n  return longString\n}\n\n/**\n * Creates a sentence case sentence.\n * @returns string\n */\nconst recursiveGrow = (length = 1, out = exampleText.longest_ipsum): string => {\n  if (!length) {\n    return ''\n  }\n  if (out.length < length) {\n    return recursiveGrow(length, out + exampleText.longest_ipsum)\n  }\n  if (out.length >= length) {\n    return out.slice(0, length - 1) + '.'\n  }\n  return 'Lorem ipsum grow failed.'\n}\n"],"mappings":"AAAA,OAAO,IAAMA,WAAW,GAAG;EACzB,WAAS,WAAW;EACpBC,IAAI,EAAE,EAAE;EACRC,WAAW,EAAE,OAAO;EACpBC,cAAc,EAAE,uDAAuD;EACvEC,UAAU,sXAKgC;EAC1CC,aAAa,o+BAYuC;EACpDC,mBAAmB;AACrB,CAAC;AAED,OAAO,SAASC,KAAKA,CACnBC,eAMK,EACL;EACA,IAAI,OAAOA,eAAe,KAAK,QAAQ,EAAE;IACvC,OAAOC,cAAa,CAACD,eAAe,CAAC;EACvC;EACA,IAAQE,MAAM,GAAiCF,eAAe,CAAtDE,MAAM;IAAEC,UAAU,GAAqBH,eAAe,CAA9CG,UAAU;IAAEC,cAAc,GAAKJ,eAAe,CAAlCI,cAAc;EAC1C,IAAIC,UAAU,GAAGJ,cAAa,CAACC,MAAM,CAAC;EACtC,IAAMI,QAAQ,GAAGD,UAAU,CAACA,UAAU,CAACH,MAAM,GAAG,CAAC,CAAC;EAClD,IAAI,CAACE,cAAc,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAACG,QAAQ,CAACD,QAAQ,CAAC,EAAE;IACpDD,UAAU,GAAGA,UAAU,CAACG,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EACtC;EACA,IAAIL,UAAU,KAAK,OAAO,EAAE;IAC1BE,UAAU,GAAGA,UAAU,CAACI,OAAO,CAAC,OAAO,EAAE,UAACC,CAAC;MAAA,OAAKA,CAAC,CAACC,WAAW,CAAC,CAAC;IAAA,EAAC;EAClE;EACA,OAAON,UAAU;AACnB;;AAEA;AACA;AACA;AACA;AACA,IAAMJ,cAAa,GAAG,SAAhBA,aAAaA,CAAA,EAA4D;EAAA,IAAxDC,MAAM,GAAAU,SAAA,CAAAV,MAAA,QAAAU,SAAA,QAAAC,SAAA,GAAAD,SAAA,MAAG,CAAC;EAAA,IAAEE,GAAG,GAAAF,SAAA,CAAAV,MAAA,QAAAU,SAAA,QAAAC,SAAA,GAAAD,SAAA,MAAGpB,WAAW,CAACK,aAAa;EAChE,IAAI,CAACK,MAAM,EAAE;IACX,OAAO,EAAE;EACX;EACA,IAAIY,GAAG,CAACZ,MAAM,GAAGA,MAAM,EAAE;IACvB,OAAOD,cAAa,CAACC,MAAM,EAAEY,GAAG,GAAGtB,WAAW,CAACK,aAAa,CAAC;EAC/D;EACA,IAAIiB,GAAG,CAACZ,MAAM,IAAIA,MAAM,EAAE;IACxB,OAAOY,GAAG,CAACN,KAAK,CAAC,CAAC,EAAEN,MAAM,GAAG,CAAC,CAAC,GAAG,GAAG;EACvC;EACA,OAAO,0BAA0B;AACnC,CAAC"}
+{"version":3,"file":"constants.js","names":["exampleText","none","short_ipsum","short_sentence","long_ipsum","longest_ipsum","long_ipsum_one_line","formatted_content","Ipsum","lengthOrOptions","recursiveGrow","length","lettercase","trailingPeriod","longString","lastChar","includes","slice","replace","s","toUpperCase","arguments","undefined","out"],"sources":["../../src/_storyHelpers/constants.ts"],"sourcesContent":["export const exampleText = {\n  default: 'Click me!',\n  none: '',\n  short_ipsum: 'Lorum',\n  short_sentence: 'Did you think you have mastery over fire? Incredible!',\n  long_ipsum: `Lorem ip sum dolor sit amet, consectetur adipiscing elit,\n    ed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n    Scelerisque eleifend donec pretium vulputate sapien nec sagittis.\n    Ultricies tristique nulla aliquet enim tortor at auctor urna nunc.\n    Vitae turpis massa sed elementum tempus egestas.\n    Nunc consequat interdum varius sit amet`,\n  longest_ipsum: `Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n    tempor incididunt ut labore et dolore magna aliqua. Ac tortor dignissim\n    convallis aenean et. Facilisis volutpat est velit egestas dui id. In\n    nulla posuere sollicitudin aliquam ultrices. Lorem mollis aliquam ut\n    porttitor. Convallis aenean et tortor at risus viverra adipiscing at.\n    Euismod nisi porta lorem mollis aliquam ut porttitor. Hac habitasse\n    platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper.\n    Viverra tellus in hac habitasse platea dictumst. Scelerisque viverra lawn\n    gnome in aliquam sem fringilla ut morbi tincidunt. Ullamcorper morbi tincidunt\n    ornare massa eget. Gravida cum sociis natoque penatibus. Leo vel fringilla est\n    ullamcorper eget nulla. Vitae proin sagittis nisl rhoncus mattis rhoncus urna.\n    Mauris commodo quis imperdiet massa tincidunt nunc pulvinar sapien et. Id aliquet\n    lectus proin nibh troll condimentum id venenatis.`,\n  long_ipsum_one_line: `Lorem ip sum dolor sit amet, consectetur adipiscing elit, ed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Scelerisque eleifend donec pretium vulputate sapien nec sagittis. Ultricies tristique nulla aliquet enim tortor at auctor urna nunc. Vitae turpis massa sed elementum tempus egestas. Nunc consequat interdum varius sit amet`,\n  formatted_content: `\n    <p><strong>Bold text</strong> and <em>italic text</em></p>\n    <ul>\n      <li>List item 1</li>\n      <li>List item 2</li>\n    </ul>\n    <p style=\"text-align: center;\">Centered text</p>\n  `,\n}\n\nexport function Ipsum(\n  lengthOrOptions:\n    | number\n    | {\n        length: number\n        lettercase?: 'sentence' | 'title'\n        trailingPeriod?: boolean\n      }\n) {\n  if (typeof lengthOrOptions === 'number') {\n    return recursiveGrow(lengthOrOptions)\n  }\n  const { length, lettercase, trailingPeriod } = lengthOrOptions\n  let longString = recursiveGrow(length)\n  const lastChar = longString[longString.length - 1]\n  if (!trailingPeriod && ['.', ','].includes(lastChar)) {\n    longString = longString.slice(0, -1)\n  }\n  if (lettercase === 'title') {\n    longString = longString.replace(/\\b\\w/g, (s) => s.toUpperCase())\n  }\n  return longString\n}\n\n/**\n * Creates a sentence case sentence.\n * @returns string\n */\nconst recursiveGrow = (length = 1, out = exampleText.longest_ipsum): string => {\n  if (!length) {\n    return ''\n  }\n  if (out.length < length) {\n    return recursiveGrow(length, out + exampleText.longest_ipsum)\n  }\n  if (out.length >= length) {\n    return out.slice(0, length - 1) + '.'\n  }\n  return 'Lorem ipsum grow failed.'\n}\n"],"mappings":"AAAA,OAAO,IAAMA,WAAW,GAAG;EACzB,WAAS,WAAW;EACpBC,IAAI,EAAE,EAAE;EACRC,WAAW,EAAE,OAAO;EACpBC,cAAc,EAAE,uDAAuD;EACvEC,UAAU,sXAKgC;EAC1CC,aAAa,o+BAYuC;EACpDC,mBAAmB,6VAA6V;EAChXC,iBAAiB;AAQnB,CAAC;AAED,OAAO,SAASC,KAAKA,CACnBC,eAMK,EACL;EACA,IAAI,OAAOA,eAAe,KAAK,QAAQ,EAAE;IACvC,OAAOC,cAAa,CAACD,eAAe,CAAC;EACvC;EACA,IAAQE,MAAM,GAAiCF,eAAe,CAAtDE,MAAM;IAAEC,UAAU,GAAqBH,eAAe,CAA9CG,UAAU;IAAEC,cAAc,GAAKJ,eAAe,CAAlCI,cAAc;EAC1C,IAAIC,UAAU,GAAGJ,cAAa,CAACC,MAAM,CAAC;EACtC,IAAMI,QAAQ,GAAGD,UAAU,CAACA,UAAU,CAACH,MAAM,GAAG,CAAC,CAAC;EAClD,IAAI,CAACE,cAAc,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAACG,QAAQ,CAACD,QAAQ,CAAC,EAAE;IACpDD,UAAU,GAAGA,UAAU,CAACG,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EACtC;EACA,IAAIL,UAAU,KAAK,OAAO,EAAE;IAC1BE,UAAU,GAAGA,UAAU,CAACI,OAAO,CAAC,OAAO,EAAE,UAACC,CAAC;MAAA,OAAKA,CAAC,CAACC,WAAW,CAAC,CAAC;IAAA,EAAC;EAClE;EACA,OAAON,UAAU;AACnB;;AAEA;AACA;AACA;AACA;AACA,IAAMJ,cAAa,GAAG,SAAhBA,aAAaA,CAAA,EAA4D;EAAA,IAAxDC,MAAM,GAAAU,SAAA,CAAAV,MAAA,QAAAU,SAAA,QAAAC,SAAA,GAAAD,SAAA,MAAG,CAAC;EAAA,IAAEE,GAAG,GAAAF,SAAA,CAAAV,MAAA,QAAAU,SAAA,QAAAC,SAAA,GAAAD,SAAA,MAAGrB,WAAW,CAACK,aAAa;EAChE,IAAI,CAACM,MAAM,EAAE;IACX,OAAO,EAAE;EACX;EACA,IAAIY,GAAG,CAACZ,MAAM,GAAGA,MAAM,EAAE;IACvB,OAAOD,cAAa,CAACC,MAAM,EAAEY,GAAG,GAAGvB,WAAW,CAACK,aAAa,CAAC;EAC/D;EACA,IAAIkB,GAAG,CAACZ,MAAM,IAAIA,MAAM,EAAE;IACxB,OAAOY,GAAG,CAACN,KAAK,CAAC,CAAC,EAAEN,MAAM,GAAG,CAAC,CAAC,GAAG,GAAG;EACvC;EACA,OAAO,0BAA0B;AACnC,CAAC"}

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

@@ -10,7 +10,7 @@
         "description": "Accessible description for the editor's editable area.\nThis text provides additional context to screen reader users. It will be\nannounced after the label when the user focuses the editor.",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Accessible description for the editor&#39;s editable area.\nThis text provides additional context to screen reader users. It will be\nannounced after the label when the user focuses the editor.</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>0.1.0</p>\n</dd></dl></div>",
         "sourceFile": "TextEditor/TextEditor.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/77cfaf0/packages/text-editor/src/TextEditor/TextEditor.types.ts#L60"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/packages/text-editor/src/TextEditor/TextEditor.types.ts#L68"
       },
       {
         "name": "aria-label",
@@ -20,7 +20,7 @@
         "description": "Accessible label for the editor's editable area. This text will be\nannounced by screen readers when the user focuses the editor. It should\nmatch or include the visible label associated with this editor field.\nIf not provided, screen readers will announce a generic \"Rich Text Editor\" message.",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Accessible label for the editor&#39;s editable area. This text will be\nannounced by screen readers when the user focuses the editor. It should\nmatch or include the visible label associated with this editor field.\nIf not provided, screen readers will announce a generic &quot;Rich Text Editor&quot; message.</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>0.1.0</p>\n</dd></dl></div>",
         "sourceFile": "TextEditor/TextEditor.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/77cfaf0/packages/text-editor/src/TextEditor/TextEditor.types.ts#L51"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/packages/text-editor/src/TextEditor/TextEditor.types.ts#L59"
       },
       {
         "name": "disabled",
@@ -30,7 +30,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>0.0.1</p>\n</dd></dl></div>",
         "sourceFile": "TextEditor/TextEditor.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/77cfaf0/packages/text-editor/src/TextEditor/TextEditor.types.ts#L34"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/packages/text-editor/src/TextEditor/TextEditor.types.ts#L34"
       },
       {
         "name": "error",
@@ -40,7 +40,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>0.0.1</p>\n</dd></dl></div>",
         "sourceFile": "TextEditor/TextEditor.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/77cfaf0/packages/text-editor/src/TextEditor/TextEditor.types.ts#L41"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/packages/text-editor/src/TextEditor/TextEditor.types.ts#L41"
       },
       {
         "name": "id",
@@ -50,7 +50,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>0.0.1</p>\n</dd></dl></div>",
         "sourceFile": "TextEditor/TextEditor.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/77cfaf0/packages/text-editor/src/TextEditor/TextEditor.types.ts#L10"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/packages/text-editor/src/TextEditor/TextEditor.types.ts#L10"
       },
       {
         "name": "initialValue",
@@ -62,7 +62,7 @@
         "deprecated": "`initialValue` has been deprecated and will be removed in a future version.\nPlease use the `value` prop instead",
         "deprecatedSince": "0.0.1",
         "sourceFile": "TextEditor/TextEditor.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/77cfaf0/packages/text-editor/src/TextEditor/TextEditor.types.ts#L20"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/packages/text-editor/src/TextEditor/TextEditor.types.ts#L20"
       },
       {
         "name": "locale",
@@ -72,7 +72,17 @@
         "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>0.0.1</p>\n</dd></dl></div>",
         "sourceFile": "TextEditor/TextEditor.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/77cfaf0/packages/text-editor/src/TextEditor/TextEditor.types.ts#L67"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/packages/text-editor/src/TextEditor/TextEditor.types.ts#L75"
+      },
+      {
+        "name": "readonly",
+        "required": false,
+        "type": "<span class=\"tsd-signature-type\">boolean</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">boolean</span>",
+        "description": "Indicates if the editor is in readonly mode.\nWhen true, renders the content using TextEditorOutput instead of the editable editor.",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Indicates if the editor is in readonly mode.\nWhen true, renders the content using TextEditorOutput instead of the editable editor.</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>0.2.0</p>\n</dd></dl></div>",
+        "sourceFile": "TextEditor/TextEditor.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/packages/text-editor/src/TextEditor/TextEditor.types.ts#L49"
       },
       {
         "name": "value",
@@ -82,7 +92,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>0.0.1</p>\n</dd></dl></div>",
         "sourceFile": "TextEditor/TextEditor.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/77cfaf0/packages/text-editor/src/TextEditor/TextEditor.types.ts#L27"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/packages/text-editor/src/TextEditor/TextEditor.types.ts#L27"
       },
       {
         "name": "onAfterDestroy",
@@ -92,7 +102,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>0.0.1</p>\n</dd></dl></div>",
         "sourceFile": "TextEditor/TextEditor.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/77cfaf0/packages/text-editor/src/TextEditor/TextEditor.types.ts#L117"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/packages/text-editor/src/TextEditor/TextEditor.types.ts#L125"
       },
       {
         "name": "onBlur",
@@ -102,7 +112,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>0.0.1</p>\n</dd></dl></div>",
         "sourceFile": "TextEditor/TextEditor.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/77cfaf0/packages/text-editor/src/TextEditor/TextEditor.types.ts#L90"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/packages/text-editor/src/TextEditor/TextEditor.types.ts#L98"
       },
       {
         "name": "onChange",
@@ -112,7 +122,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>0.0.1</p>\n</dd></dl></div>",
         "sourceFile": "TextEditor/TextEditor.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/77cfaf0/packages/text-editor/src/TextEditor/TextEditor.types.ts#L76"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/packages/text-editor/src/TextEditor/TextEditor.types.ts#L84"
       },
       {
         "name": "onDirty",
@@ -122,7 +132,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>0.0.1</p>\n</dd></dl></div>",
         "sourceFile": "TextEditor/TextEditor.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/77cfaf0/packages/text-editor/src/TextEditor/TextEditor.types.ts#L124"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/packages/text-editor/src/TextEditor/TextEditor.types.ts#L132"
       },
       {
         "name": "onError",
@@ -132,7 +142,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>0.0.1</p>\n</dd></dl></div>",
         "sourceFile": "TextEditor/TextEditor.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/77cfaf0/packages/text-editor/src/TextEditor/TextEditor.types.ts#L97"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/packages/text-editor/src/TextEditor/TextEditor.types.ts#L105"
       },
       {
         "name": "onFocus",
@@ -142,7 +152,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>0.0.1</p>\n</dd></dl></div>",
         "sourceFile": "TextEditor/TextEditor.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/77cfaf0/packages/text-editor/src/TextEditor/TextEditor.types.ts#L83"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/packages/text-editor/src/TextEditor/TextEditor.types.ts#L91"
       },
       {
         "name": "onInit",
@@ -152,7 +162,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>0.0.1</p>\n</dd></dl></div>",
         "sourceFile": "TextEditor/TextEditor.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/77cfaf0/packages/text-editor/src/TextEditor/TextEditor.types.ts#L110"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/packages/text-editor/src/TextEditor/TextEditor.types.ts#L118"
       },
       {
         "name": "onKeyDown",
@@ -162,7 +172,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>0.0.1</p>\n</dd></dl></div>",
         "sourceFile": "TextEditor/TextEditor.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/77cfaf0/packages/text-editor/src/TextEditor/TextEditor.types.ts#L133"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/packages/text-editor/src/TextEditor/TextEditor.types.ts#L141"
       }
     ],
     "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/77cfaf0/packages/text-editor/src/TextEditor/TextEditorProvider.types.ts#L9"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/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/77cfaf0/packages/text-editor/src/TextEditor/TextEditorProvider.types.ts#L14"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/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/77cfaf0/packages/text-editor/src/TextEditorOutput/TextEditorOutput.types.ts#L14"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/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/77cfaf0/packages/text-editor/src/TextEditorOutput/TextEditorOutput.types.ts#L21"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/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/77cfaf0/packages/text-editor/src/TextEditorOutput/TextEditorOutput.types.ts#L7"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/packages/text-editor/src/TextEditorOutput/TextEditorOutput.types.ts#L7"
       }
     ],
     "description": ""

package/dist/index.d.ts

@@ -1,2 +1,3 @@
+export * from './DebouncedTextEditor';
 export * from './TextEditor';
 export * from './TextEditorOutput';

package/dist/index.js

@@ -1,3 +1,4 @@
+export * from './DebouncedTextEditor';
 export * from './TextEditor';
 export * from './TextEditorOutput';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["export * from './TextEditor'\nexport * from './TextEditorOutput'\n"],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,oBAAoB"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["export * from './DebouncedTextEditor'\nexport * from './TextEditor'\nexport * from './TextEditorOutput'\n"],"mappings":"AAAA,cAAc,uBAAuB;AACrC,cAAc,cAAc;AAC5B,cAAc,oBAAoB"}

package/dist/utils/debounce.d.ts

@@ -0,0 +1 @@
+export declare function debounce<T extends (...args: any[]) => void>(func: T, wait: number, immediate?: boolean): (this: ThisParameterType<T>, ...args: Parameters<T>) => void;

package/dist/utils/debounce.js

@@ -0,0 +1,24 @@
+export function debounce(func, wait) {
+  var immediate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var timeout = null;
+  return function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    var context = this;
+    var callNow = immediate && timeout === null;
+    if (timeout !== null) {
+      clearTimeout(timeout);
+    }
+    timeout = setTimeout(function () {
+      timeout = null;
+      if (!immediate) {
+        func.apply(context, args);
+      }
+    }, wait);
+    if (callNow) {
+      func.apply(context, args);
+    }
+  };
+}
+//# sourceMappingURL=debounce.js.map

package/dist/utils/debounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.js","names":["debounce","func","wait","immediate","arguments","length","undefined","timeout","_len","args","Array","_key","context","callNow","clearTimeout","setTimeout","apply"],"sources":["../../src/utils/debounce.ts"],"sourcesContent":["export function debounce<T extends (...args: any[]) => void>(\n  func: T,\n  wait: number,\n  immediate: boolean = false\n) {\n  let timeout: ReturnType<typeof setTimeout> | null = null\n\n  return function (this: ThisParameterType<T>, ...args: Parameters<T>): void {\n    const context = this\n\n    const callNow = immediate && timeout === null\n\n    if (timeout !== null) {\n      clearTimeout(timeout)\n    }\n\n    timeout = setTimeout(() => {\n      timeout = null\n      if (!immediate) {\n        func.apply(context, args)\n      }\n    }, wait)\n\n    if (callNow) {\n      func.apply(context, args)\n    }\n  }\n}\n"],"mappings":"AAAA,OAAO,SAASA,QAAQA,CACtBC,IAAO,EACPC,IAAY,EAEZ;EAAA,IADAC,SAAkB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;EAE1B,IAAIG,OAA6C,GAAG,IAAI;EAExD,OAAO,YAAoE;IAAA,SAAAC,IAAA,GAAAJ,SAAA,CAAAC,MAAA,EAA3BI,IAAI,OAAAC,KAAA,CAAAF,IAAA,GAAAG,IAAA,MAAAA,IAAA,GAAAH,IAAA,EAAAG,IAAA;MAAJF,IAAI,CAAAE,IAAA,IAAAP,SAAA,CAAAO,IAAA;IAAA;IAClD,IAAMC,OAAO,GAAG,IAAI;IAEpB,IAAMC,OAAO,GAAGV,SAAS,IAAII,OAAO,KAAK,IAAI;IAE7C,IAAIA,OAAO,KAAK,IAAI,EAAE;MACpBO,YAAY,CAACP,OAAO,CAAC;IACvB;IAEAA,OAAO,GAAGQ,UAAU,CAAC,YAAM;MACzBR,OAAO,GAAG,IAAI;MACd,IAAI,CAACJ,SAAS,EAAE;QACdF,IAAI,CAACe,KAAK,CAACJ,OAAO,EAAEH,IAAI,CAAC;MAC3B;IACF,CAAC,EAAEP,IAAI,CAAC;IAER,IAAIW,OAAO,EAAE;MACXZ,IAAI,CAACe,KAAK,CAACJ,OAAO,EAAEH,IAAI,CAAC;IAC3B;EACF,CAAC;AACH"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/text-editor",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Rich text editor component based on CKEditor 5",
   "author": "Procore Technologies",
   "homepage": "https://github.com/procore/core/tree/main/packages/text-editor",
@@ -12,16 +12,16 @@
   "bugs": "https://github.com/procore/core/issues",
   "license": "SEE LICENSE IN LICENSE",
   "keywords": [
-    "javascript",
+    "ckeditor",
     "components",
-    "react",
+    "javascript",
     "js",
     "jsx",
     "library",
     "procore",
-    "text-editor",
+    "react",
     "rich-text",
-    "ckeditor"
+    "text-editor"
   ],
   "publishConfig": {
     "access": "public"
@@ -30,8 +30,8 @@
     ".": "./dist/index.js",
     "./jestConfig": {
       "types": "./jestConfig.d.ts",
-      "require": "./jestConfig.js",
-      "import": "./jestConfig.js"
+      "import": "./jestConfig.js",
+      "require": "./jestConfig.js"
     },
     "./dist/_typedoc/*.json": "./dist/_typedoc/*.json",
     "./dist/_typedoc/**/*.json": "./dist/_typedoc/**/*.json"
@@ -69,7 +69,7 @@
     "test:watch": "yarn run test --watch"
   },
   "peerDependencies": {
-    "@procore/core-react": "^12.38.0",
+    "@procore/core-react": "^12.40.0",
     "@procore/globalization-toolkit": ">= 3 < 4",
     "ckeditor5": "^46.0.1",
     "react": ">=16.8.0 < 19",
@@ -79,7 +79,7 @@
   "dependencies": {
     "@ckeditor/ckeditor5-react": "^11.0.0",
     "@procore/core-i18n-js": "^10.30.0",
-    "@procore/core-icons": "^12.12.0",
+    "@procore/core-icons": "^12.13.0",
     "@react-aria/focus": "3.16.2",
     "@react-aria/utils": "3.23.2",
     "sanitize-html": "^2.17.0"
@@ -93,7 +93,7 @@
     "@babel/preset-react": "7.18.6",
     "@babel/preset-typescript": "7.18.6",
     "@babel/register": "7.18.9",
-    "@procore/core-react": "^12.38.0",
+    "@procore/core-react": "^12.40.0",
     "@procore/globalization-toolkit": "3.0.0",
     "@storybook/addon-webpack5-compiler-swc": "^4.0.2",
     "@storybook/jest": "^0.2.3",