@procore/text-editor 1.1.0 → 1.2.0

package/.jest/ckeditorMock.js

@@ -50,6 +50,7 @@ module.exports = {
   ImageCaption: class extends MockPlugin {},
   ImageInsert: class extends MockPlugin {},
   ImageResize: class extends MockPlugin {},
+  ImageStyle: class extends MockPlugin {},
   ImageTextAlternative: class extends MockPlugin {},
   ImageToolbar: class extends MockPlugin {},
   ImageUpload: class extends MockPlugin {},

package/.jest/setupTests.js

@@ -1,5 +1,4 @@
-require('@testing-library/jest-dom/')
-require('@testing-library/jest-dom/extend-expect')
+require('@testing-library/jest-dom')
 const TestingLibrary = require('@testing-library/react')
 require('jest-styled-components')
 const {

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @procore/text-editor
 
+## 1.2.0
+
+### Minor Changes
+
+- ff8c490: - Image uploads now show progress bar: the photo grays out and a rounded bar tracks real upload progress (storage upload switched from fetch to XMLHttpRequest to stream progress events)
+  - Images support text wrap via CKEditor ImageStyle (inline / wrap text / break text).
+  - New `extendable` prop: with `rows`, the editor starts at the rows height and grows with content instead of scrolling (CKEditor and TinyMCE)
+  - Images copied from external websites ("Copy Image") now upload the clipboard image bytes instead of pasting an external URL that the backend strips
+
 ## 1.1.0
 
 ### Minor Changes

package/README.md

@@ -91,6 +91,17 @@ storage, then finalizes it through
 Rails stores the finalized upload as a standalone Prostore file and returns its
 `prostore_file_id` plus a permanent, publicly fetchable URL.
 
+While an image is uploading, CKEditor shows the image placeholder with a
+progress bar on top of it. The direct-to-storage request is sent with
+`XMLHttpRequest` so real upload progress events drive the bar (`fetch` cannot
+report request upload progress). No consumer wiring is needed — the bar appears
+automatically wherever image uploads are enabled.
+
+Images copied from other websites ("Copy Image" in the browser) are uploaded
+from the image bytes the browser places on the clipboard, instead of pasting a
+link to the external site (external image URLs are stripped by the backend).
+Rich pastes that mix text and images keep the default clipboard behavior.
+
 The `toolName` value is sent as `tool_name` with the finalize request and is
 used by Rails for file attribution and audit metadata. It must match a known
 Procore tool name.
@@ -125,6 +136,7 @@ app, email, or PDF layouts.
 | `onAfterDestroy` | `() => void` | — | Fired after editor is destroyed |
 | `placeholder` | `string` | — | Placeholder text shown when editor is empty |
 | `rows` | `number` | — | Fixed height in rows. Omit for auto-grow |
+| `extendable` | `boolean` | `false` | With `rows`: height becomes a minimum — editor grows with content past it. No effect without `rows` |
 | `disabled` | `boolean` | `false` | Disables the editor |
 | `readonly` | `boolean` | `false` | Renders content as read-only output |
 | `error` | `boolean` | `false` | Applies error styling |
@@ -145,6 +157,9 @@ Use `rows` to set a fixed editor height. Omit it for auto-grow (default).
 // Fixed height — 3 rows tall, scrolls when content overflows
 <TextEditor rows={3} value={value} onChange={setValue} />
 
+// Minimum height — starts 3 rows tall, grows with content beyond that
+<TextEditor rows={3} extendable value={value} onChange={setValue} />
+
 // Auto-grow — expands with content
 <TextEditor value={value} onChange={setValue} />
 ```

package/dist/TextEditor/CKTextEditor.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["disabled", "error", "readonly", "value", "initialValue", "onChange", "onInit", "onBlur", "onKeyDown", "locale", "onDirty", "companyId", "projectId", "toolName", "placeholder", "rows"];
+var _excluded = ["disabled", "error", "readonly", "value", "initialValue", "onChange", "onInit", "onBlur", "onKeyDown", "locale", "onDirty", "companyId", "projectId", "toolName", "placeholder", "rows", "extendable"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -49,6 +49,7 @@ export var CKTextEditor = function CKTextEditor(props) {
     toolName = props.toolName,
     placeholder = props.placeholder,
     rows = props.rows,
+    extendable = props.extendable,
     restProps = _objectWithoutProperties(props, _excluded);
   var ariaLabel = props['aria-label'];
   var ariaDescription = props['aria-description'];
@@ -157,7 +158,8 @@ export var CKTextEditor = function CKTextEditor(props) {
     var handlerOptions = {
       companyId: companyId,
       projectId: projectId,
-      toolName: toolName
+      toolName: toolName,
+      i18n: i18n
     };
     var upload = richTextEditorUploadHandler(handlerOptions);
     return {
@@ -250,7 +252,9 @@ export var CKTextEditor = function CKTextEditor(props) {
           var rowHeight = 22;
           var editorHeight = rows * rowHeight + baseHeight;
           writer.setStyle('min-height', "".concat(editorHeight, "px"), viewEditableRoot);
-          writer.setStyle('max-height', "".concat(editorHeight, "px"), viewEditableRoot);
+          if (!extendable) {
+            writer.setStyle('max-height', "".concat(editorHeight, "px"), viewEditableRoot);
+          }
         }
       }
     });

package/dist/TextEditor/CKTextEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"CKTextEditor.js","names":["CKEditor","useToastAlertContext","ClassicEditor","FileRepository","React","Toast","useI18nContext","useZIndexContext","TextEditorOutput","sanitizeTextEditorHtml","debounce","useStickyToolbar","GlobalEditorStyles","StyledImageUploadWarningToast","StyledImageUploadWarningToastIcon","StyledTextEditor","TextEditorContext","TextEditorTheme","useCKEditorCss","useCKEditorFocusScope","useTabAsNavigation","addButtonDataAttributes","getDefaultConfig","richTextEditorUploadHandler","DEBOUNCE_MS","CKTextEditor","props","disabled","error","readonly","value","initialValue","onChange","onInit","onBlur","onKeyDown","propLocale","locale","onDirty","companyId","projectId","toolName","placeholder","rows","restProps","_objectWithoutProperties","_excluded","ariaLabel","ariaDescription","_useCKEditorCss","cssLoading","isLoading","editorRef","useRef","editorInstanceRef","initialValueRef","lastExternalValueRef","keyDownListenerRef","_React$useState","useState","_React$useState2","_slicedToArray","isDirtyState","setIsDirtyState","_React$useState3","_React$useState4","isEditorReady","setIsEditorReady","i18n","_useToastAlertContext","showToast","contextLocale","showImageUploadWarning","useCallback","message","custom","_ref","toastDismissProps","createElement","alignItems","padding","size","Text","Dismiss","_extends","t","useEffect","undefined","current","editor","editing","view","document","isFocused","getData","data","set","off","change","writer","viewEditableRoot","getRoot","setAttribute","removeAttribute","_useZIndexContext","zIndex","_React$useContext","useContext","features","enableStickyToolbar","stickyToolbar","enableTabAsNavigation","tabAsNavigation","imageUploadHandlers","useMemo","handlerOptions","upload","onError","onWarning","mergedConfig","defaultConfig","imageUpload","label","root","_objectSpread","bindKeyDownHandler","editorElement","keyDownListener","_event","domEvent","key","stopPropagation","on","debouncedChange","isDirty","trim","hasPendingUploads","hasPendingImageUploads","handleChange","handleReady","_ref2","sanitizedValue","baseHeight","rowHeight","editorHeight","setStyle","concat","handleBlur","event","flush","enabled","_useTabAsNavigation","config","editorKey","ref","$ready","onReady","_fileRepository$loade","fileRepository","plugins","get","Array","from","loaders","some","loader","includes","String","status","_error"],"sources":["../../src/TextEditor/CKTextEditor.tsx"],"sourcesContent":["import { CKEditor } from '@ckeditor/ckeditor5-react'\nimport { useToastAlertContext } from '@procore/toast-alert'\nimport { ClassicEditor, FileRepository, type EventInfo } from 'ckeditor5'\nimport React from 'react'\n\nimport { Toast, useI18nContext, useZIndexContext } from '@procore/core-react'\nimport { TextEditorOutput } from '../TextEditorOutput'\nimport { sanitizeTextEditorHtml } from '../TextEditorOutput/TextEditorOutput.utils'\nimport { debounce } from '../utils/debounce'\nimport { useStickyToolbar } from './StickyToolbar'\nimport {\n  GlobalEditorStyles,\n  StyledImageUploadWarningToast,\n  StyledImageUploadWarningToastIcon,\n  StyledTextEditor,\n} from './TextEditor.styles'\nimport type { KeyDownListener, TextEditorProps } from './TextEditor.types'\nimport { TextEditorContext } from './TextEditorProvider'\nimport { TextEditorTheme } from './textEditorTheming'\nimport { useCKEditorCss } from './useCKEditorCss'\nimport { useCKEditorFocusScope } from './useCKEditorFocusScope'\nimport { useTabAsNavigation } from './useTabAsNavigation'\nimport { addButtonDataAttributes, getDefaultConfig } from './utils'\nimport { richTextEditorUploadHandler } from './utils/richTextEditorHandlers'\n\nconst DEBOUNCE_MS = 300\n\nexport const CKTextEditor = (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    companyId,\n    projectId,\n    toolName,\n    placeholder,\n    rows,\n    ...restProps\n  } = props\n  const ariaLabel = props['aria-label']\n  const ariaDescription = props['aria-description']\n  const { isLoading: cssLoading } = useCKEditorCss()\n  useCKEditorFocusScope()\n\n  const editorRef = React.useRef<HTMLDivElement>(null)\n  const editorInstanceRef = React.useRef<ClassicEditor | null>(null)\n  const initialValueRef = React.useRef<string>(\n    sanitizeTextEditorHtml(value || initialValue || '')\n  )\n  const lastExternalValueRef = React.useRef<string>(\n    sanitizeTextEditorHtml(value || initialValue || '')\n  )\n  const keyDownListenerRef = React.useRef<KeyDownListener | null>(null)\n  const [isDirtyState, setIsDirtyState] = React.useState(false)\n  const [isEditorReady, setIsEditorReady] = React.useState(false)\n  const i18n = useI18nContext()\n  const { showToast } = useToastAlertContext()\n  const { locale: contextLocale } = i18n\n  const locale = propLocale || contextLocale\n\n  const showImageUploadWarning = React.useCallback(\n    (message: string) => {\n      showToast.custom(({ toastDismissProps }) => (\n        <StyledImageUploadWarningToast alignItems=\"center\" padding=\"md xl\">\n          <StyledImageUploadWarningToastIcon size=\"lg\" />\n          <Toast.Text>{message}</Toast.Text>\n          <Toast.Dismiss\n            aria-label={i18n.t('textEditor.imageUpload.dismissWarning')}\n            {...toastDismissProps}\n          />\n        </StyledImageUploadWarningToast>\n      ))\n    },\n    [i18n, showToast]\n  )\n\n  React.useEffect(() => {\n    if (value !== undefined) {\n      lastExternalValueRef.current = sanitizeTextEditorHtml(value)\n    }\n  }, [value])\n\n  React.useEffect(() => {\n    const editor = editorInstanceRef.current\n    if (!isEditorReady || !editor || value === undefined) return\n    if (editor.editing.view.document.isFocused) return\n    if (value === editor.getData()) return\n\n    editor.data.set(sanitizeTextEditorHtml(value))\n  }, [value, isEditorReady])\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 imageUploadHandlers = React.useMemo(() => {\n    if (companyId === undefined || toolName === undefined) {\n      return undefined\n    }\n\n    const handlerOptions = {\n      companyId,\n      projectId,\n      toolName,\n    }\n\n    const upload = richTextEditorUploadHandler(handlerOptions)\n\n    return {\n      upload,\n      i18n,\n      onError: showToast.error,\n      onWarning: showImageUploadWarning,\n    }\n  }, [\n    companyId,\n    i18n,\n    projectId,\n    showImageUploadWarning,\n    showToast.error,\n    toolName,\n  ])\n\n  const mergedConfig = React.useMemo(() => {\n    const defaultConfig = getDefaultConfig(locale, {\n      imageUpload: imageUploadHandlers,\n    })\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    if (placeholder) {\n      defaultConfig.root = { ...defaultConfig.root, placeholder }\n    }\n\n    return defaultConfig\n  }, [ariaLabel, imageUploadHandlers, locale, placeholder])\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 debouncedChange = React.useRef(\n    debounce((_event: EventInfo<string, unknown>, editor: ClassicEditor) => {\n      const data = editor.getData()\n      const isDirty = data !== lastExternalValueRef.current.trim()\n      const hasPendingUploads = hasPendingImageUploads(editor)\n\n      if (isDirty && !isDirtyState) {\n        setIsDirtyState(true)\n        onDirty?.()\n      }\n\n      if (hasPendingUploads) {\n        return\n      }\n\n      onChange?.(data, isDirty)\n    }, DEBOUNCE_MS)\n  ).current\n\n  const handleChange = debouncedChange\n\n  const handleReady = (editor: ClassicEditor) => {\n    addButtonDataAttributes(editor)\n    editorInstanceRef.current = editor\n    setIsEditorReady(true)\n    const sanitizedValue = sanitizeTextEditorHtml(value ?? initialValue ?? '')\n    if (sanitizedValue !== editor.getData()) {\n      editor.data.set(sanitizedValue)\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        if (rows !== undefined) {\n          const baseHeight = 35\n          const rowHeight = 22\n          const editorHeight = rows * rowHeight + baseHeight\n          writer.setStyle('min-height', `${editorHeight}px`, viewEditableRoot)\n          writer.setStyle('max-height', `${editorHeight}px`, viewEditableRoot)\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    debouncedChange.flush()\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      $ready={isEditorReady}\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={initialValueRef.current}\n        onChange={handleChange}\n        onReady={handleReady}\n        onBlur={handleBlur}\n      />\n    </StyledTextEditor>\n  )\n}\n\nfunction hasPendingImageUploads(editor: ClassicEditor) {\n  try {\n    const fileRepository = editor.plugins.get(FileRepository) as {\n      loaders?: Iterable<{ status?: string }>\n    }\n\n    return Array.from(fileRepository.loaders ?? []).some((loader) =>\n      ['reading', 'uploading'].includes(String(loader.status))\n    )\n  } catch (_error) {\n    return false\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CKTextEditor.js","names":["CKEditor","useToastAlertContext","ClassicEditor","FileRepository","React","Toast","useI18nContext","useZIndexContext","TextEditorOutput","sanitizeTextEditorHtml","debounce","useStickyToolbar","GlobalEditorStyles","StyledImageUploadWarningToast","StyledImageUploadWarningToastIcon","StyledTextEditor","TextEditorContext","TextEditorTheme","useCKEditorCss","useCKEditorFocusScope","useTabAsNavigation","addButtonDataAttributes","getDefaultConfig","richTextEditorUploadHandler","DEBOUNCE_MS","CKTextEditor","props","disabled","error","readonly","value","initialValue","onChange","onInit","onBlur","onKeyDown","propLocale","locale","onDirty","companyId","projectId","toolName","placeholder","rows","extendable","restProps","_objectWithoutProperties","_excluded","ariaLabel","ariaDescription","_useCKEditorCss","cssLoading","isLoading","editorRef","useRef","editorInstanceRef","initialValueRef","lastExternalValueRef","keyDownListenerRef","_React$useState","useState","_React$useState2","_slicedToArray","isDirtyState","setIsDirtyState","_React$useState3","_React$useState4","isEditorReady","setIsEditorReady","i18n","_useToastAlertContext","showToast","contextLocale","showImageUploadWarning","useCallback","message","custom","_ref","toastDismissProps","createElement","alignItems","padding","size","Text","Dismiss","_extends","t","useEffect","undefined","current","editor","editing","view","document","isFocused","getData","data","set","off","change","writer","viewEditableRoot","getRoot","setAttribute","removeAttribute","_useZIndexContext","zIndex","_React$useContext","useContext","features","enableStickyToolbar","stickyToolbar","enableTabAsNavigation","tabAsNavigation","imageUploadHandlers","useMemo","handlerOptions","upload","onError","onWarning","mergedConfig","defaultConfig","imageUpload","label","root","_objectSpread","bindKeyDownHandler","editorElement","keyDownListener","_event","domEvent","key","stopPropagation","on","debouncedChange","isDirty","trim","hasPendingUploads","hasPendingImageUploads","handleChange","handleReady","_ref2","sanitizedValue","baseHeight","rowHeight","editorHeight","setStyle","concat","handleBlur","event","flush","enabled","_useTabAsNavigation","config","editorKey","ref","$ready","onReady","_fileRepository$loade","fileRepository","plugins","get","Array","from","loaders","some","loader","includes","String","status","_error"],"sources":["../../src/TextEditor/CKTextEditor.tsx"],"sourcesContent":["import { CKEditor } from '@ckeditor/ckeditor5-react'\nimport { useToastAlertContext } from '@procore/toast-alert'\nimport { ClassicEditor, FileRepository, type EventInfo } from 'ckeditor5'\nimport React from 'react'\n\nimport { Toast, useI18nContext, useZIndexContext } from '@procore/core-react'\nimport { TextEditorOutput } from '../TextEditorOutput'\nimport { sanitizeTextEditorHtml } from '../TextEditorOutput/TextEditorOutput.utils'\nimport { debounce } from '../utils/debounce'\nimport { useStickyToolbar } from './StickyToolbar'\nimport {\n  GlobalEditorStyles,\n  StyledImageUploadWarningToast,\n  StyledImageUploadWarningToastIcon,\n  StyledTextEditor,\n} from './TextEditor.styles'\nimport type { KeyDownListener, TextEditorProps } from './TextEditor.types'\nimport { TextEditorContext } from './TextEditorProvider'\nimport { TextEditorTheme } from './textEditorTheming'\nimport { useCKEditorCss } from './useCKEditorCss'\nimport { useCKEditorFocusScope } from './useCKEditorFocusScope'\nimport { useTabAsNavigation } from './useTabAsNavigation'\nimport { addButtonDataAttributes, getDefaultConfig } from './utils'\nimport { richTextEditorUploadHandler } from './utils/richTextEditorHandlers'\n\nconst DEBOUNCE_MS = 300\n\nexport const CKTextEditor = (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    companyId,\n    projectId,\n    toolName,\n    placeholder,\n    rows,\n    extendable,\n    ...restProps\n  } = props\n  const ariaLabel = props['aria-label']\n  const ariaDescription = props['aria-description']\n  const { isLoading: cssLoading } = useCKEditorCss()\n  useCKEditorFocusScope()\n\n  const editorRef = React.useRef<HTMLDivElement>(null)\n  const editorInstanceRef = React.useRef<ClassicEditor | null>(null)\n  const initialValueRef = React.useRef<string>(\n    sanitizeTextEditorHtml(value || initialValue || '')\n  )\n  const lastExternalValueRef = React.useRef<string>(\n    sanitizeTextEditorHtml(value || initialValue || '')\n  )\n  const keyDownListenerRef = React.useRef<KeyDownListener | null>(null)\n  const [isDirtyState, setIsDirtyState] = React.useState(false)\n  const [isEditorReady, setIsEditorReady] = React.useState(false)\n  const i18n = useI18nContext()\n  const { showToast } = useToastAlertContext()\n  const { locale: contextLocale } = i18n\n  const locale = propLocale || contextLocale\n\n  const showImageUploadWarning = React.useCallback(\n    (message: string) => {\n      showToast.custom(({ toastDismissProps }) => (\n        <StyledImageUploadWarningToast alignItems=\"center\" padding=\"md xl\">\n          <StyledImageUploadWarningToastIcon size=\"lg\" />\n          <Toast.Text>{message}</Toast.Text>\n          <Toast.Dismiss\n            aria-label={i18n.t('textEditor.imageUpload.dismissWarning')}\n            {...toastDismissProps}\n          />\n        </StyledImageUploadWarningToast>\n      ))\n    },\n    [i18n, showToast]\n  )\n\n  React.useEffect(() => {\n    if (value !== undefined) {\n      lastExternalValueRef.current = sanitizeTextEditorHtml(value)\n    }\n  }, [value])\n\n  React.useEffect(() => {\n    const editor = editorInstanceRef.current\n    if (!isEditorReady || !editor || value === undefined) return\n    if (editor.editing.view.document.isFocused) return\n    if (value === editor.getData()) return\n\n    editor.data.set(sanitizeTextEditorHtml(value))\n  }, [value, isEditorReady])\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 imageUploadHandlers = React.useMemo(() => {\n    if (companyId === undefined || toolName === undefined) {\n      return undefined\n    }\n\n    const handlerOptions = {\n      companyId,\n      projectId,\n      toolName,\n      i18n,\n    }\n\n    const upload = richTextEditorUploadHandler(handlerOptions)\n\n    return {\n      upload,\n      i18n,\n      onError: showToast.error,\n      onWarning: showImageUploadWarning,\n    }\n  }, [\n    companyId,\n    i18n,\n    projectId,\n    showImageUploadWarning,\n    showToast.error,\n    toolName,\n  ])\n\n  const mergedConfig = React.useMemo(() => {\n    const defaultConfig = getDefaultConfig(locale, {\n      imageUpload: imageUploadHandlers,\n    })\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    if (placeholder) {\n      defaultConfig.root = { ...defaultConfig.root, placeholder }\n    }\n\n    return defaultConfig\n  }, [ariaLabel, imageUploadHandlers, locale, placeholder])\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 debouncedChange = React.useRef(\n    debounce((_event: EventInfo<string, unknown>, editor: ClassicEditor) => {\n      const data = editor.getData()\n      const isDirty = data !== lastExternalValueRef.current.trim()\n      const hasPendingUploads = hasPendingImageUploads(editor)\n\n      if (isDirty && !isDirtyState) {\n        setIsDirtyState(true)\n        onDirty?.()\n      }\n\n      if (hasPendingUploads) {\n        return\n      }\n\n      onChange?.(data, isDirty)\n    }, DEBOUNCE_MS)\n  ).current\n\n  const handleChange = debouncedChange\n\n  const handleReady = (editor: ClassicEditor) => {\n    addButtonDataAttributes(editor)\n    editorInstanceRef.current = editor\n    setIsEditorReady(true)\n    const sanitizedValue = sanitizeTextEditorHtml(value ?? initialValue ?? '')\n    if (sanitizedValue !== editor.getData()) {\n      editor.data.set(sanitizedValue)\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        if (rows !== undefined) {\n          const baseHeight = 35\n          const rowHeight = 22\n          const editorHeight = rows * rowHeight + baseHeight\n          writer.setStyle('min-height', `${editorHeight}px`, viewEditableRoot)\n\n          if (!extendable) {\n            writer.setStyle('max-height', `${editorHeight}px`, 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    debouncedChange.flush()\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      $ready={isEditorReady}\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={initialValueRef.current}\n        onChange={handleChange}\n        onReady={handleReady}\n        onBlur={handleBlur}\n      />\n    </StyledTextEditor>\n  )\n}\n\nfunction hasPendingImageUploads(editor: ClassicEditor) {\n  try {\n    const fileRepository = editor.plugins.get(FileRepository) as {\n      loaders?: Iterable<{ status?: string }>\n    }\n\n    return Array.from(fileRepository.loaders ?? []).some((loader) =>\n      ['reading', 'uploading'].includes(String(loader.status))\n    )\n  } catch (_error) {\n    return false\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/TextEditor/TextEditor.styles.js

@@ -1,7 +1,7 @@
 import { Info } from '@procore/core-icons';
 import { borderRadius, colors, Flex, Typography } from '@procore/core-react';
 import styled, { createGlobalStyle } from 'styled-components';
-export var GlobalEditorStyles = /*#__PURE__*/createGlobalStyle([":root{--ck-z-default:", ";--ck-z-modal:", ";--ck-z-dialog:", ";}.ck-body-wrapper{--ck-z-default:", ";--ck-z-modal:", ";--ck-z-dialog:", ";}.ck-balloon-panel{z-index:", " !important;}.ck-dropdown__panel{z-index:", " !important;}.ck.ck-toolbar_grouping{container-type:inline-size;}.ck.ck-toolbar__grouped-dropdown > .ck-dropdown__panel{max-width:100cqw !important;z-index:", " !important;}.ck.ck-toolbar__grouped-dropdown > .ck-dropdown__panel .ck-toolbar__items{flex-wrap:wrap !important;}.ck-content{padding:16px 28px !important;--ck-content-font-family:Inter,'Noto Sans JP','Noto Sans KR','Noto Sans SC','Noto Sans TC',sans-serif;--ck-content-font-size:14px;--ck-content-word-break:break-word;--ck-content-overflow-wrap:break-word;--ck-content-line-height:1.4;overflow-x:auto;p{margin-top:0 !important;margin-bottom:0 !important;}img{max-width:100%;height:auto;}}[data-id=\"modal\"] .ck-sticky-panel__content_sticky{top:var(--modal-header-height,84px) !important;}"], function (_ref) {
+export var GlobalEditorStyles = /*#__PURE__*/createGlobalStyle([":root{--ck-z-default:", ";--ck-z-modal:", ";--ck-z-dialog:", ";}.ck-body-wrapper{--ck-z-default:", ";--ck-z-modal:", ";--ck-z-dialog:", ";}.ck-balloon-panel{z-index:", " !important;}.ck-dropdown__panel{z-index:", " !important;}.ck.ck-toolbar_grouping{container-type:inline-size;}.ck.ck-toolbar__grouped-dropdown > .ck-dropdown__panel{max-width:100cqw !important;z-index:", " !important;}.ck.ck-toolbar__grouped-dropdown > .ck-dropdown__panel .ck-toolbar__items{flex-wrap:wrap !important;}.ck-content{padding:16px 28px !important;--ck-content-font-family:Inter,'Noto Sans JP','Noto Sans KR','Noto Sans SC','Noto Sans TC',sans-serif;--ck-content-font-size:14px;--ck-content-word-break:break-word;--ck-content-overflow-wrap:break-word;--ck-content-line-height:1.4;overflow-x:auto;p{margin-top:0 !important;margin-bottom:0 !important;}img{max-width:100%;height:auto;}}[data-id=\"modal\"] .ck-sticky-panel__content_sticky{top:var(--modal-header-height,84px) !important;}.ck.ck-editor__editable .image.ck-appear,.ck.ck-editor__editable .image-inline.ck-appear{img{opacity:0.70;transition:filter 0.2s ease-out,opacity 0.2s ease-out;}&::before{content:'';position:absolute;top:16px;left:16px;right:16px;height:8px;border-radius:4px;background:", ";box-shadow:0 1px 4px rgba(0,0,0,0.25);z-index:1;}}.ck.ck-editor__editable .image .ck-progress-bar,.ck.ck-editor__editable .image-inline .ck-progress-bar{top:16px !important;height:8px !important;clip-path:inset(0 16px 0 16px round 4px);min-width:40px;background:", " !important;z-index:2;transition:width 0.15s ease-out !important;}"], function (_ref) {
   var zIndex = _ref.zIndex;
   return zIndex;
 }, function (_ref2) {
@@ -28,10 +28,10 @@ export var GlobalEditorStyles = /*#__PURE__*/createGlobalStyle([":root{--ck-z-de
 }, function (_ref9) {
   var zIndex = _ref9.zIndex;
   return zIndex + 1000;
-});
+}, colors.white, colors.blue45);
 export var StyledTextEditor = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTextEditor",
-  componentId: "text-editor-1_1_0__sc-iim79x-0"
+  componentId: "text-editor-1_2_0__sc-iim79x-0"
 })([".ck.ck-editor{opacity:", ";}", ""], function (_ref0) {
   var $ready = _ref0.$ready;
   return $ready ? 1 : 0;
@@ -41,14 +41,14 @@ export var StyledTextEditor = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledImageUploadWarningToast = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledImageUploadWarningToast",
-  componentId: "text-editor-1_1_0__sc-iim79x-1"
+  componentId: "text-editor-1_2_0__sc-iim79x-1"
 })(["background-color:", ";border-radius:", "px;box-shadow:0px 8px 32px -4px hsla(200,10%,15%,0.64);color:", ";min-height:48px;width:550px;"], colors.blue40, borderRadius.md, colors.white);
 export var StyledImageUploadWarningToastIcon = /*#__PURE__*/styled(Info).withConfig({
   displayName: "StyledImageUploadWarningToastIcon",
-  componentId: "text-editor-1_1_0__sc-iim79x-2"
+  componentId: "text-editor-1_2_0__sc-iim79x-2"
 })(["color:", ";"], colors.white);
 export var StyledReadOnlyValue = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledReadOnlyValue",
-  componentId: "text-editor-1_1_0__sc-iim79x-3"
+  componentId: "text-editor-1_2_0__sc-iim79x-3"
 })(["overflow-wrap:anywhere;margin-block-start:0 !important;user-select:text;table{border-width:revert-layer;border-style:solid;border-color:", ";overflow-wrap:break-word;}td,tr,th,tbody{border-width:revert-layer;border-style:inherit;border-color:inherit;}p{line-height:normal;}"], colors.gray60);
 //# sourceMappingURL=TextEditor.styles.js.map

package/dist/TextEditor/TextEditor.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.styles.js","names":["Info","borderRadius","colors","Flex","Typography","styled","createGlobalStyle","GlobalEditorStyles","_ref","zIndex","_ref2","_ref3","_ref4","_ref5","_ref6","_ref7","_ref8","_ref9","StyledTextEditor","div","withConfig","displayName","componentId","_ref0","$ready","_ref1","error","concat","red50","StyledImageUploadWarningToast","blue40","md","white","StyledImageUploadWarningToastIcon","StyledReadOnlyValue","gray60"],"sources":["../../src/TextEditor/TextEditor.styles.ts"],"sourcesContent":["import { Info } from '@procore/core-icons'\nimport { borderRadius, colors, Flex, Typography } from '@procore/core-react'\nimport styled, { createGlobalStyle } from 'styled-components'\n\nexport const GlobalEditorStyles = createGlobalStyle<{\n  zIndex: number\n}>`\n  :root {\n    --ck-z-default: ${({ zIndex }) => zIndex};\n    --ck-z-modal: ${({ zIndex }) => zIndex + 999};\n    --ck-z-dialog: ${({ zIndex }) => zIndex + 1000};\n  }\n  \n  .ck-body-wrapper {\n    --ck-z-default: ${({ zIndex }) => zIndex};\n    --ck-z-modal: ${({ zIndex }) => zIndex + 999};\n    --ck-z-dialog: ${({ zIndex }) => zIndex + 1000};\n  }\n  \n  .ck-balloon-panel {\n    z-index: ${({ zIndex }) => zIndex + 1000} !important;\n  }\n\n  .ck-dropdown__panel {\n    z-index: ${({ zIndex }) => zIndex + 1000} !important;\n  }\n\n  .ck.ck-toolbar_grouping {\n    container-type: inline-size;\n  }\n\n  .ck.ck-toolbar__grouped-dropdown > .ck-dropdown__panel {\n    max-width: 100cqw !important;\n    z-index: ${({ zIndex }) => zIndex + 1000} !important;\n  }\n\n  .ck.ck-toolbar__grouped-dropdown > .ck-dropdown__panel .ck-toolbar__items {\n    flex-wrap: wrap !important;\n  }\n\n  .ck-content {\n    padding: 16px 28px !important;\n    --ck-content-font-family: Inter, 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC', 'Noto Sans TC', sans-serif;\n    --ck-content-font-size: 14px;\n    --ck-content-word-break: break-word;\n    --ck-content-overflow-wrap: break-word;\n    --ck-content-line-height: 1.4;\n    overflow-x: auto;\n\n    p {\n      margin-top: 0 !important;\n      margin-bottom: 0 !important;\n    }\n\n    img {\n      max-width: 100%;\n      height: auto;\n    }\n  }\n\n  [data-id=\"modal\"] .ck-sticky-panel__content_sticky {\n    top: var(--modal-header-height, 84px) !important;\n  }\n`\n\nexport const StyledTextEditor = styled.div<{\n  error?: boolean\n  $ready?: boolean\n}>`\n  .ck.ck-editor {\n    opacity: ${({ $ready }) => ($ready ? 1 : 0)};\n  }\n\n  ${({ error }) =>\n    error &&\n    `\n      .ck-sticky-panel__content {\n        border-top-color: ${colors.red50} !important;\n        border-left-color: ${colors.red50} !important;\n        border-right-color: ${colors.red50} !important;\n      }\n\n      .ck-editor__editable {\n        border-left-color: ${colors.red50} !important;\n        border-right-color: ${colors.red50} !important;\n        border-bottom-color: ${colors.red50} !important;\n      }\n    `}\n`\n\nexport const StyledImageUploadWarningToast = styled(Flex)`\n  background-color: ${colors.blue40};\n  border-radius: ${borderRadius.md}px;\n  box-shadow: 0px 8px 32px -4px hsla(200, 10%, 15%, 0.64);\n  color: ${colors.white};\n  min-height: 48px;\n  width: 550px;\n`\n\nexport const StyledImageUploadWarningToastIcon = styled(Info)`\n  color: ${colors.white};\n`\n\nexport const StyledReadOnlyValue = styled(Typography)`\n  overflow-wrap: anywhere;\n  margin-block-start: 0 !important;\n  user-select: text;\n\n  table {\n    border-width: revert-layer;\n    border-style: solid;\n    border-color: ${colors.gray60};\n    overflow-wrap: break-word;\n  }\n\n  td,\n  tr,\n  th,\n  tbody {\n    border-width: revert-layer;\n    border-style: inherit;\n    border-color: inherit;\n  }\n\n  p {\n    line-height: normal;\n  }\n`\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,qBAAqB;AAC1C,SAASC,YAAY,EAAEC,MAAM,EAAEC,IAAI,EAAEC,UAAU,QAAQ,qBAAqB;AAC5E,OAAOC,MAAM,IAAIC,iBAAiB,QAAQ,mBAAmB;AAE7D,OAAO,IAAMC,kBAAkB,gBAAGD,iBAAiB,48BAI7B,UAAAE,IAAA;EAAA,IAAGC,MAAM,GAAAD,IAAA,CAANC,MAAM;EAAA,OAAOA,MAAM;AAAA,GACxB,UAAAC,KAAA;EAAA,IAAGD,MAAM,GAAAC,KAAA,CAAND,MAAM;EAAA,OAAOA,MAAM,GAAG,GAAG;AAAA,GAC3B,UAAAE,KAAA;EAAA,IAAGF,MAAM,GAAAE,KAAA,CAANF,MAAM;EAAA,OAAOA,MAAM,GAAG,IAAI;AAAA,GAI5B,UAAAG,KAAA;EAAA,IAAGH,MAAM,GAAAG,KAAA,CAANH,MAAM;EAAA,OAAOA,MAAM;AAAA,GACxB,UAAAI,KAAA;EAAA,IAAGJ,MAAM,GAAAI,KAAA,CAANJ,MAAM;EAAA,OAAOA,MAAM,GAAG,GAAG;AAAA,GAC3B,UAAAK,KAAA;EAAA,IAAGL,MAAM,GAAAK,KAAA,CAANL,MAAM;EAAA,OAAOA,MAAM,GAAG,IAAI;AAAA,GAInC,UAAAM,KAAA;EAAA,IAAGN,MAAM,GAAAM,KAAA,CAANN,MAAM;EAAA,OAAOA,MAAM,GAAG,IAAI;AAAA,GAI7B,UAAAO,KAAA;EAAA,IAAGP,MAAM,GAAAO,KAAA,CAANP,MAAM;EAAA,OAAOA,MAAM,GAAG,IAAI;AAAA,GAS7B,UAAAQ,KAAA;EAAA,IAAGR,MAAM,GAAAQ,KAAA,CAANR,MAAM;EAAA,OAAOA,MAAM,GAAG,IAAI;AAAA,EA8B3C;AAED,OAAO,IAAMS,gBAAgB,gBAAGb,MAAM,CAACc,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yCAK3B,UAAAC,KAAA;EAAA,IAAGC,MAAM,GAAAD,KAAA,CAANC,MAAM;EAAA,OAAQA,MAAM,GAAG,CAAC,GAAG,CAAC;AAAA,CAAC,EAG3C,UAAAC,KAAA;EAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;EAAA,OACRA,KAAK,sEAAAC,MAAA,CAGmBzB,MAAM,CAAC0B,KAAK,+CAAAD,MAAA,CACXzB,MAAM,CAAC0B,KAAK,gDAAAD,MAAA,CACXzB,MAAM,CAAC0B,KAAK,wFAAAD,MAAA,CAIbzB,MAAM,CAAC0B,KAAK,gDAAAD,MAAA,CACXzB,MAAM,CAAC0B,KAAK,iDAAAD,MAAA,CACXzB,MAAM,CAAC0B,KAAK,gCAEtC;AAAA,EACJ;AAED,OAAO,IAAMC,6BAA6B,gBAAGxB,MAAM,CAACF,IAAI,CAAC,CAAAiB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+IACnCpB,MAAM,CAAC4B,MAAM,EAChB7B,YAAY,CAAC8B,EAAE,EAEvB7B,MAAM,CAAC8B,KAAK,CAGtB;AAED,OAAO,IAAMC,iCAAiC,gBAAG5B,MAAM,CAACL,IAAI,CAAC,CAAAoB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oBAClDpB,MAAM,CAAC8B,KAAK,CACtB;AAED,OAAO,IAAME,mBAAmB,gBAAG7B,MAAM,CAACD,UAAU,CAAC,CAAAgB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0RAQjCpB,MAAM,CAACiC,MAAM,CAgBhC","ignoreList":[]}
+{"version":3,"file":"TextEditor.styles.js","names":["Info","borderRadius","colors","Flex","Typography","styled","createGlobalStyle","GlobalEditorStyles","_ref","zIndex","_ref2","_ref3","_ref4","_ref5","_ref6","_ref7","_ref8","_ref9","white","blue45","StyledTextEditor","div","withConfig","displayName","componentId","_ref0","$ready","_ref1","error","concat","red50","StyledImageUploadWarningToast","blue40","md","StyledImageUploadWarningToastIcon","StyledReadOnlyValue","gray60"],"sources":["../../src/TextEditor/TextEditor.styles.ts"],"sourcesContent":["import { Info } from '@procore/core-icons'\nimport { borderRadius, colors, Flex, Typography } from '@procore/core-react'\nimport styled, { createGlobalStyle } from 'styled-components'\n\nexport const GlobalEditorStyles = createGlobalStyle<{\n  zIndex: number\n}>`\n  :root {\n    --ck-z-default: ${({ zIndex }) => zIndex};\n    --ck-z-modal: ${({ zIndex }) => zIndex + 999};\n    --ck-z-dialog: ${({ zIndex }) => zIndex + 1000};\n  }\n  \n  .ck-body-wrapper {\n    --ck-z-default: ${({ zIndex }) => zIndex};\n    --ck-z-modal: ${({ zIndex }) => zIndex + 999};\n    --ck-z-dialog: ${({ zIndex }) => zIndex + 1000};\n  }\n  \n  .ck-balloon-panel {\n    z-index: ${({ zIndex }) => zIndex + 1000} !important;\n  }\n\n  .ck-dropdown__panel {\n    z-index: ${({ zIndex }) => zIndex + 1000} !important;\n  }\n\n  .ck.ck-toolbar_grouping {\n    container-type: inline-size;\n  }\n\n  .ck.ck-toolbar__grouped-dropdown > .ck-dropdown__panel {\n    max-width: 100cqw !important;\n    z-index: ${({ zIndex }) => zIndex + 1000} !important;\n  }\n\n  .ck.ck-toolbar__grouped-dropdown > .ck-dropdown__panel .ck-toolbar__items {\n    flex-wrap: wrap !important;\n  }\n\n  .ck-content {\n    padding: 16px 28px !important;\n    --ck-content-font-family: Inter, 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC', 'Noto Sans TC', sans-serif;\n    --ck-content-font-size: 14px;\n    --ck-content-word-break: break-word;\n    --ck-content-overflow-wrap: break-word;\n    --ck-content-line-height: 1.4;\n    overflow-x: auto;\n\n    p {\n      margin-top: 0 !important;\n      margin-bottom: 0 !important;\n    }\n\n    img {\n      max-width: 100%;\n      height: auto;\n    }\n  }\n\n  [data-id=\"modal\"] .ck-sticky-panel__content_sticky {\n    top: var(--modal-header-height, 84px) !important;\n  }\n\n  /* Upload progress: gray the image out and show a blue bar on a white\n     track inset inside the image while uploading (.ck-appear is removed\n     when done). */\n  .ck.ck-editor__editable .image.ck-appear,\n  .ck.ck-editor__editable .image-inline.ck-appear {\n    img {\n      opacity: 0.70;\n      transition: filter 0.2s ease-out, opacity 0.2s ease-out;\n    }\n\n    &::before {\n      content: '';\n      position: absolute;\n      top: 16px;\n      left: 16px;\n      right: 16px;\n      height: 8px;\n      border-radius: 4px;\n      background: ${colors.white};\n      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);\n      z-index: 1;\n    }\n  }\n\n  .ck.ck-editor__editable .image .ck-progress-bar,\n  .ck.ck-editor__editable .image-inline .ck-progress-bar {\n    top: 16px !important;\n    height: 8px !important;\n    clip-path: inset(0 16px 0 16px round 4px);\n    min-width: 40px;\n    background: ${colors.blue45} !important;\n    z-index: 2;\n    transition: width 0.15s ease-out !important;\n  }\n`\n\nexport const StyledTextEditor = styled.div<{\n  error?: boolean\n  $ready?: boolean\n}>`\n  .ck.ck-editor {\n    opacity: ${({ $ready }) => ($ready ? 1 : 0)};\n  }\n\n  ${({ error }) =>\n    error &&\n    `\n      .ck-sticky-panel__content {\n        border-top-color: ${colors.red50} !important;\n        border-left-color: ${colors.red50} !important;\n        border-right-color: ${colors.red50} !important;\n      }\n\n      .ck-editor__editable {\n        border-left-color: ${colors.red50} !important;\n        border-right-color: ${colors.red50} !important;\n        border-bottom-color: ${colors.red50} !important;\n      }\n    `}\n`\n\nexport const StyledImageUploadWarningToast = styled(Flex)`\n  background-color: ${colors.blue40};\n  border-radius: ${borderRadius.md}px;\n  box-shadow: 0px 8px 32px -4px hsla(200, 10%, 15%, 0.64);\n  color: ${colors.white};\n  min-height: 48px;\n  width: 550px;\n`\n\nexport const StyledImageUploadWarningToastIcon = styled(Info)`\n  color: ${colors.white};\n`\n\nexport const StyledReadOnlyValue = styled(Typography)`\n  overflow-wrap: anywhere;\n  margin-block-start: 0 !important;\n  user-select: text;\n\n  table {\n    border-width: revert-layer;\n    border-style: solid;\n    border-color: ${colors.gray60};\n    overflow-wrap: break-word;\n  }\n\n  td,\n  tr,\n  th,\n  tbody {\n    border-width: revert-layer;\n    border-style: inherit;\n    border-color: inherit;\n  }\n\n  p {\n    line-height: normal;\n  }\n`\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,qBAAqB;AAC1C,SAASC,YAAY,EAAEC,MAAM,EAAEC,IAAI,EAAEC,UAAU,QAAQ,qBAAqB;AAC5E,OAAOC,MAAM,IAAIC,iBAAiB,QAAQ,mBAAmB;AAE7D,OAAO,IAAMC,kBAAkB,gBAAGD,iBAAiB,2iDAI7B,UAAAE,IAAA;EAAA,IAAGC,MAAM,GAAAD,IAAA,CAANC,MAAM;EAAA,OAAOA,MAAM;AAAA,GACxB,UAAAC,KAAA;EAAA,IAAGD,MAAM,GAAAC,KAAA,CAAND,MAAM;EAAA,OAAOA,MAAM,GAAG,GAAG;AAAA,GAC3B,UAAAE,KAAA;EAAA,IAAGF,MAAM,GAAAE,KAAA,CAANF,MAAM;EAAA,OAAOA,MAAM,GAAG,IAAI;AAAA,GAI5B,UAAAG,KAAA;EAAA,IAAGH,MAAM,GAAAG,KAAA,CAANH,MAAM;EAAA,OAAOA,MAAM;AAAA,GACxB,UAAAI,KAAA;EAAA,IAAGJ,MAAM,GAAAI,KAAA,CAANJ,MAAM;EAAA,OAAOA,MAAM,GAAG,GAAG;AAAA,GAC3B,UAAAK,KAAA;EAAA,IAAGL,MAAM,GAAAK,KAAA,CAANL,MAAM;EAAA,OAAOA,MAAM,GAAG,IAAI;AAAA,GAInC,UAAAM,KAAA;EAAA,IAAGN,MAAM,GAAAM,KAAA,CAANN,MAAM;EAAA,OAAOA,MAAM,GAAG,IAAI;AAAA,GAI7B,UAAAO,KAAA;EAAA,IAAGP,MAAM,GAAAO,KAAA,CAANP,MAAM;EAAA,OAAOA,MAAM,GAAG,IAAI;AAAA,GAS7B,UAAAQ,KAAA;EAAA,IAAGR,MAAM,GAAAQ,KAAA,CAANR,MAAM;EAAA,OAAOA,MAAM,GAAG,IAAI;AAAA,GAiDxBP,MAAM,CAACgB,KAAK,EAYdhB,MAAM,CAACiB,MAAM,CAI9B;AAED,OAAO,IAAMC,gBAAgB,gBAAGf,MAAM,CAACgB,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yCAK3B,UAAAC,KAAA;EAAA,IAAGC,MAAM,GAAAD,KAAA,CAANC,MAAM;EAAA,OAAQA,MAAM,GAAG,CAAC,GAAG,CAAC;AAAA,CAAC,EAG3C,UAAAC,KAAA;EAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;EAAA,OACRA,KAAK,sEAAAC,MAAA,CAGmB3B,MAAM,CAAC4B,KAAK,+CAAAD,MAAA,CACX3B,MAAM,CAAC4B,KAAK,gDAAAD,MAAA,CACX3B,MAAM,CAAC4B,KAAK,wFAAAD,MAAA,CAIb3B,MAAM,CAAC4B,KAAK,gDAAAD,MAAA,CACX3B,MAAM,CAAC4B,KAAK,iDAAAD,MAAA,CACX3B,MAAM,CAAC4B,KAAK,gCAEtC;AAAA,EACJ;AAED,OAAO,IAAMC,6BAA6B,gBAAG1B,MAAM,CAACF,IAAI,CAAC,CAAAmB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+IACnCtB,MAAM,CAAC8B,MAAM,EAChB/B,YAAY,CAACgC,EAAE,EAEvB/B,MAAM,CAACgB,KAAK,CAGtB;AAED,OAAO,IAAMgB,iCAAiC,gBAAG7B,MAAM,CAACL,IAAI,CAAC,CAAAsB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oBAClDtB,MAAM,CAACgB,KAAK,CACtB;AAED,OAAO,IAAMiB,mBAAmB,gBAAG9B,MAAM,CAACD,UAAU,CAAC,CAAAkB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0RAQjCtB,MAAM,CAACkC,MAAM,CAgBhC","ignoreList":[]}

package/dist/TextEditor/TextEditor.types.d.ts

@@ -52,7 +52,33 @@ export interface TextEditorImageUploadOptions {
      */
     toolName?: string;
 }
-export interface TextEditorProps extends TextEditorImageUploadOptions {
+/**
+ * Height behavior. `extendable` is only accepted together with `rows`:
+ * without `rows` the editor always auto-grows, so `extendable` would be
+ * meaningless and is rejected at the type level.
+ */
+export type TextEditorHeightProps = {
+    /**
+     * Number of rows to control the editor height. When set, the editor
+     * height is fixed. When omitted, the editor grows with content.
+     *
+     * @since 1.0.0
+     */
+    rows: number;
+    /**
+     * When true, the `rows` height acts as a minimum instead of a fixed
+     * size: the editor starts at that height and grows with content beyond
+     * it. When false or omitted, the `rows` height is fixed and overflowing
+     * content scrolls.
+     *
+     * @since 1.1.0
+     */
+    extendable?: boolean;
+} | {
+    rows?: never;
+    extendable?: never;
+};
+export interface TextEditorBaseProps extends TextEditorImageUploadOptions {
     /**
      * Unique identifier for the editor
      *
@@ -185,13 +211,6 @@ export interface TextEditorProps extends TextEditorImageUploadOptions {
      * @since 1.0.0
      */
     init?: CoreTextEditorProps['init'];
-    /**
-     * Number of rows to control the editor height. When set, the editor height
-     * is fixed. When omitted, the editor grows with content.
-     *
-     * @since 1.0.0
-     */
-    rows?: number;
     /**
      * Opt in to CKEditor immediately, bypassing the gradual feature flag rollout.
      * Use this only when you explicitly want to ignore the rollout schedule.
@@ -201,6 +220,7 @@ export interface TextEditorProps extends TextEditorImageUploadOptions {
      */
     enforceCKEditor?: true;
 }
+export type TextEditorProps = TextEditorBaseProps & TextEditorHeightProps;
 export type KeyDownListener = (event: EventInfo, data: {
     domEvent: Event;
 }) => void;

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 { I18njs } from '@procore/core-i18n-js'\nimport type { TextEditorProps as CoreTextEditorProps } from '@procore/core-react'\nimport type { Locale } from '@procore/globalization-toolkit'\nimport type { ClassicEditor, EventInfo } from 'ckeditor5'\n\nexport interface TextEditorImageUploadResult {\n  urls: {\n    default: string\n  }\n  /**\n   * Durable ProstoreFile id. The text editor embeds this ID in saved markup to\n   * mark the image as a first-party upload (backend email/PDF sanitizers rely on\n   * it). The persisted URL is a permanent, publicly fetchable Prostore URL, so\n   * it renders as-is in the app, emails, and exports.\n   *\n   * @since 0.6.0\n   */\n  prostoreFileId: number | string\n  width?: number\n  height?: number\n}\n\nexport interface TextEditorImageUploadHandlers {\n  /**\n   * Uploads the selected image and returns durable backend-approved image URLs.\n   *\n   * @since 0.4.2\n   */\n  upload: (\n    file: File,\n    context: { signal: AbortSignal },\n    callbacks: { onProgress?: (uploaded: number, total?: number) => void }\n  ) => Promise<TextEditorImageUploadResult>\n  i18n: Pick<I18njs, 't'>\n  onError?: (message: string) => void\n  onWarning?: (message: string) => void\n}\n\nexport interface TextEditorImageUploadOptions {\n  /**\n   * Required to enable image uploads. When omitted, the editor renders without\n   * the Procore image-upload plugin.\n   *\n   * @since 0.5.0\n   */\n  companyId?: number | string\n  projectId?: number | string\n  /**\n   * Identifier of the tool hosting the editor (e.g. `rfis`, `submittal_log`).\n   * Required to enable image uploads: it is sent with each upload for\n   * attribution/audit and is validated by the backend against known tools.\n   * When omitted, the editor renders without the Procore image-upload plugin.\n   *\n   * @since 0.7.0\n   */\n  toolName?: string\n}\n\nexport interface TextEditorProps extends TextEditorImageUploadOptions {\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  /**\n   * Placeholder text shown when the editor is empty\n   *\n   * @since 1.0.0\n   */\n  placeholder?: string\n\n  /**\n   * TinyMCE init configuration. Merged with internal defaults; use this to\n   * pass custom content_style, paste hooks, or other TinyMCE-specific options.\n   * Has no effect when CKEditor is active.\n   *\n   * @since 1.0.0\n   */\n  init?: CoreTextEditorProps['init']\n\n  /**\n   * Number of rows to control the editor height. When set, the editor height\n   * is fixed. When omitted, the editor grows with content.\n   *\n   * @since 1.0.0\n   */\n  rows?: number\n\n  /**\n   * Opt in to CKEditor immediately, bypassing the gradual feature flag rollout.\n   * Use this only when you explicitly want to ignore the rollout schedule.\n   * When enabled, the LaunchDarkly flag is bypassed and CKEditor is rendered directly.\n   *\n   * @since 1.0.0\n   */\n  enforceCKEditor?: true\n}\n\nexport type KeyDownListener = (\n  event: EventInfo,\n  data: { domEvent: Event }\n) => void\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"TextEditor.types.js","names":[],"sources":["../../src/TextEditor/TextEditor.types.ts"],"sourcesContent":["import type { I18njs } from '@procore/core-i18n-js'\nimport type { TextEditorProps as CoreTextEditorProps } from '@procore/core-react'\nimport type { Locale } from '@procore/globalization-toolkit'\nimport type { ClassicEditor, EventInfo } from 'ckeditor5'\n\nexport interface TextEditorImageUploadResult {\n  urls: {\n    default: string\n  }\n  /**\n   * Durable ProstoreFile id. The text editor embeds this ID in saved markup to\n   * mark the image as a first-party upload (backend email/PDF sanitizers rely on\n   * it). The persisted URL is a permanent, publicly fetchable Prostore URL, so\n   * it renders as-is in the app, emails, and exports.\n   *\n   * @since 0.6.0\n   */\n  prostoreFileId: number | string\n  width?: number\n  height?: number\n}\n\nexport interface TextEditorImageUploadHandlers {\n  /**\n   * Uploads the selected image and returns durable backend-approved image URLs.\n   *\n   * @since 0.4.2\n   */\n  upload: (\n    file: File,\n    context: { signal: AbortSignal },\n    callbacks: { onProgress?: (uploaded: number, total?: number) => void }\n  ) => Promise<TextEditorImageUploadResult>\n  i18n: Pick<I18njs, 't'>\n  onError?: (message: string) => void\n  onWarning?: (message: string) => void\n}\n\nexport interface TextEditorImageUploadOptions {\n  /**\n   * Required to enable image uploads. When omitted, the editor renders without\n   * the Procore image-upload plugin.\n   *\n   * @since 0.5.0\n   */\n  companyId?: number | string\n  projectId?: number | string\n  /**\n   * Identifier of the tool hosting the editor (e.g. `rfis`, `submittal_log`).\n   * Required to enable image uploads: it is sent with each upload for\n   * attribution/audit and is validated by the backend against known tools.\n   * When omitted, the editor renders without the Procore image-upload plugin.\n   *\n   * @since 0.7.0\n   */\n  toolName?: string\n}\n\n/**\n * Height behavior. `extendable` is only accepted together with `rows`:\n * without `rows` the editor always auto-grows, so `extendable` would be\n * meaningless and is rejected at the type level.\n */\nexport type TextEditorHeightProps =\n  | {\n      /**\n       * Number of rows to control the editor height. When set, the editor\n       * height is fixed. When omitted, the editor grows with content.\n       *\n       * @since 1.0.0\n       */\n      rows: number\n\n      /**\n       * When true, the `rows` height acts as a minimum instead of a fixed\n       * size: the editor starts at that height and grows with content beyond\n       * it. When false or omitted, the `rows` height is fixed and overflowing\n       * content scrolls.\n       *\n       * @since 1.1.0\n       */\n      extendable?: boolean\n    }\n  | {\n      rows?: never\n      extendable?: never\n    }\n\nexport interface TextEditorBaseProps extends TextEditorImageUploadOptions {\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  /**\n   * Placeholder text shown when the editor is empty\n   *\n   * @since 1.0.0\n   */\n  placeholder?: string\n\n  /**\n   * TinyMCE init configuration. Merged with internal defaults; use this to\n   * pass custom content_style, paste hooks, or other TinyMCE-specific options.\n   * Has no effect when CKEditor is active.\n   *\n   * @since 1.0.0\n   */\n  init?: CoreTextEditorProps['init']\n\n  /**\n   * Opt in to CKEditor immediately, bypassing the gradual feature flag rollout.\n   * Use this only when you explicitly want to ignore the rollout schedule.\n   * When enabled, the LaunchDarkly flag is bypassed and CKEditor is rendered directly.\n   *\n   * @since 1.0.0\n   */\n  enforceCKEditor?: true\n}\n\nexport type TextEditorProps = TextEditorBaseProps & TextEditorHeightProps\n\nexport type KeyDownListener = (\n  event: EventInfo,\n  data: { domEvent: Event }\n) => void\n"],"mappings":"","ignoreList":[]}

package/dist/TextEditor/TinyMCETextEditor.js

@@ -22,6 +22,7 @@ export var TinyMCETextEditor = function TinyMCETextEditor(props) {
     readonly = props.readonly,
     placeholder = props.placeholder,
     rows = props.rows,
+    extendable = props.extendable,
     onChange = props.onChange,
     onBlur = props.onBlur,
     onFocus = props.onFocus,
@@ -51,7 +52,7 @@ export var TinyMCETextEditor = function TinyMCETextEditor(props) {
     init: _objectSpread({
       contextmenu: false,
       min_height: height,
-      max_height: height,
+      max_height: extendable ? undefined : height,
       placeholder: placeholder
     }, init),
     onChange: onChange,

package/dist/TextEditor/TinyMCETextEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"TinyMCETextEditor.js","names":["TextEditor","TinyMCEEditor","tinyMCE","React","useMemo","sanitizeTextEditorHtml","StyledReadOnlyValue","TinyMCETextEditor","props","id","value","disabled","error","readonly","placeholder","rows","onChange","onBlur","onFocus","onKeyDown","init","baseHeight","rowHeight","height","undefined","sanitizedValue","createElement","dangerouslySetInnerHTML","__html","textareaName","plugins","concat","_toConsumableArray","defaultPlugins","_objectSpread","contextmenu","min_height","max_height"],"sources":["../../src/TextEditor/TinyMCETextEditor.tsx"],"sourcesContent":["import { TextEditor as TinyMCEEditor, tinyMCE } from '@procore/core-react'\nimport React, { useMemo } from 'react'\nimport { sanitizeTextEditorHtml } from '../TextEditorOutput/TextEditorOutput.utils'\nimport { StyledReadOnlyValue } from './TextEditor.styles'\nimport type { TextEditorProps } from './TextEditor.types'\n\nexport const TinyMCETextEditor = (props: TextEditorProps) => {\n  const {\n    id,\n    value,\n    disabled,\n    error,\n    readonly,\n    placeholder,\n    rows,\n    onChange,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    init,\n  } = props\n\n  const baseHeight = 74\n  const rowHeight = 22\n  const height = rows === undefined ? undefined : rows * rowHeight + baseHeight\n\n  const sanitizedValue = useMemo(\n    () => sanitizeTextEditorHtml(value || '') || '--',\n    [value]\n  )\n\n  if (readonly) {\n    return (\n      <StyledReadOnlyValue>\n        <div dangerouslySetInnerHTML={{ __html: sanitizedValue }} />\n      </StyledReadOnlyValue>\n    )\n  }\n\n  return (\n    <TinyMCEEditor\n      id={id}\n      value={value}\n      disabled={disabled}\n      error={error}\n      aria-label={props['aria-label']}\n      textareaName={props['aria-label']}\n      plugins={[...tinyMCE.defaultPlugins, 'link', 'table']}\n      init={{\n        contextmenu: false,\n        min_height: height,\n        max_height: height,\n        placeholder,\n        ...init,\n      }}\n      onChange={onChange}\n      onBlur={onBlur as React.ComponentProps<typeof TinyMCEEditor>['onBlur']}\n      onFocus={onFocus as React.ComponentProps<typeof TinyMCEEditor>['onFocus']}\n      onKeyDown={\n        onKeyDown as React.ComponentProps<typeof TinyMCEEditor>['onKeyDown']\n      }\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAAA,SAASA,UAAU,IAAIC,aAAa,EAAEC,OAAO,QAAQ,qBAAqB;AAC1E,OAAOC,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,sBAAsB,QAAQ,4CAA4C;AACnF,SAASC,mBAAmB,QAAQ,qBAAqB;AAGzD,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,KAAsB,EAAK;EAC3D,IACEC,EAAE,GAYAD,KAAK,CAZPC,EAAE;IACFC,KAAK,GAWHF,KAAK,CAXPE,KAAK;IACLC,QAAQ,GAUNH,KAAK,CAVPG,QAAQ;IACRC,KAAK,GASHJ,KAAK,CATPI,KAAK;IACLC,QAAQ,GAQNL,KAAK,CARPK,QAAQ;IACRC,WAAW,GAOTN,KAAK,CAPPM,WAAW;IACXC,IAAI,GAMFP,KAAK,CANPO,IAAI;IACJC,QAAQ,GAKNR,KAAK,CALPQ,QAAQ;IACRC,MAAM,GAIJT,KAAK,CAJPS,MAAM;IACNC,OAAO,GAGLV,KAAK,CAHPU,OAAO;IACPC,SAAS,GAEPX,KAAK,CAFPW,SAAS;IACTC,IAAI,GACFZ,KAAK,CADPY,IAAI;EAGN,IAAMC,UAAU,GAAG,EAAE;EACrB,IAAMC,SAAS,GAAG,EAAE;EACpB,IAAMC,MAAM,GAAGR,IAAI,KAAKS,SAAS,GAAGA,SAAS,GAAGT,IAAI,GAAGO,SAAS,GAAGD,UAAU;EAE7E,IAAMI,cAAc,GAAGrB,OAAO,CAC5B;IAAA,OAAMC,sBAAsB,CAACK,KAAK,IAAI,EAAE,CAAC,IAAI,IAAI;EAAA,GACjD,CAACA,KAAK,CACR,CAAC;EAED,IAAIG,QAAQ,EAAE;IACZ,oBACEV,KAAA,CAAAuB,aAAA,CAACpB,mBAAmB,qBAClBH,KAAA,CAAAuB,aAAA;MAAKC,uBAAuB,EAAE;QAAEC,MAAM,EAAEH;MAAe;IAAE,CAAE,CACxC,CAAC;EAE1B;EAEA,oBACEtB,KAAA,CAAAuB,aAAA,CAACzB,aAAa;IACZQ,EAAE,EAAEA,EAAG;IACPC,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBC,KAAK,EAAEA,KAAM;IACb,cAAYJ,KAAK,CAAC,YAAY,CAAE;IAChCqB,YAAY,EAAErB,KAAK,CAAC,YAAY,CAAE;IAClCsB,OAAO,KAAAC,MAAA,CAAAC,kBAAA,CAAM9B,OAAO,CAAC+B,cAAc,IAAE,MAAM,EAAE,OAAO,EAAE;IACtDb,IAAI,EAAAc,aAAA;MACFC,WAAW,EAAE,KAAK;MAClBC,UAAU,EAAEb,MAAM;MAClBc,UAAU,EAAEd,MAAM;MAClBT,WAAW,EAAXA;IAAW,GACRM,IAAI,CACP;IACFJ,QAAQ,EAAEA,QAAS;IACnBC,MAAM,EAAEA,MAA+D;IACvEC,OAAO,EAAEA,OAAiE;IAC1EC,SAAS,EACPA;EACD,CACF,CAAC;AAEN,CAAC","ignoreList":[]}
+{"version":3,"file":"TinyMCETextEditor.js","names":["TextEditor","TinyMCEEditor","tinyMCE","React","useMemo","sanitizeTextEditorHtml","StyledReadOnlyValue","TinyMCETextEditor","props","id","value","disabled","error","readonly","placeholder","rows","extendable","onChange","onBlur","onFocus","onKeyDown","init","baseHeight","rowHeight","height","undefined","sanitizedValue","createElement","dangerouslySetInnerHTML","__html","textareaName","plugins","concat","_toConsumableArray","defaultPlugins","_objectSpread","contextmenu","min_height","max_height"],"sources":["../../src/TextEditor/TinyMCETextEditor.tsx"],"sourcesContent":["import { TextEditor as TinyMCEEditor, tinyMCE } from '@procore/core-react'\nimport React, { useMemo } from 'react'\nimport { sanitizeTextEditorHtml } from '../TextEditorOutput/TextEditorOutput.utils'\nimport { StyledReadOnlyValue } from './TextEditor.styles'\nimport type { TextEditorProps } from './TextEditor.types'\n\nexport const TinyMCETextEditor = (props: TextEditorProps) => {\n  const {\n    id,\n    value,\n    disabled,\n    error,\n    readonly,\n    placeholder,\n    rows,\n    extendable,\n    onChange,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    init,\n  } = props\n\n  const baseHeight = 74\n  const rowHeight = 22\n  const height = rows === undefined ? undefined : rows * rowHeight + baseHeight\n\n  const sanitizedValue = useMemo(\n    () => sanitizeTextEditorHtml(value || '') || '--',\n    [value]\n  )\n\n  if (readonly) {\n    return (\n      <StyledReadOnlyValue>\n        <div dangerouslySetInnerHTML={{ __html: sanitizedValue }} />\n      </StyledReadOnlyValue>\n    )\n  }\n\n  return (\n    <TinyMCEEditor\n      id={id}\n      value={value}\n      disabled={disabled}\n      error={error}\n      aria-label={props['aria-label']}\n      textareaName={props['aria-label']}\n      plugins={[...tinyMCE.defaultPlugins, 'link', 'table']}\n      init={{\n        contextmenu: false,\n        min_height: height,\n        max_height: extendable ? undefined : height,\n        placeholder,\n        ...init,\n      }}\n      onChange={onChange}\n      onBlur={onBlur as React.ComponentProps<typeof TinyMCEEditor>['onBlur']}\n      onFocus={onFocus as React.ComponentProps<typeof TinyMCEEditor>['onFocus']}\n      onKeyDown={\n        onKeyDown as React.ComponentProps<typeof TinyMCEEditor>['onKeyDown']\n      }\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAAA,SAASA,UAAU,IAAIC,aAAa,EAAEC,OAAO,QAAQ,qBAAqB;AAC1E,OAAOC,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,sBAAsB,QAAQ,4CAA4C;AACnF,SAASC,mBAAmB,QAAQ,qBAAqB;AAGzD,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,KAAsB,EAAK;EAC3D,IACEC,EAAE,GAaAD,KAAK,CAbPC,EAAE;IACFC,KAAK,GAYHF,KAAK,CAZPE,KAAK;IACLC,QAAQ,GAWNH,KAAK,CAXPG,QAAQ;IACRC,KAAK,GAUHJ,KAAK,CAVPI,KAAK;IACLC,QAAQ,GASNL,KAAK,CATPK,QAAQ;IACRC,WAAW,GAQTN,KAAK,CARPM,WAAW;IACXC,IAAI,GAOFP,KAAK,CAPPO,IAAI;IACJC,UAAU,GAMRR,KAAK,CANPQ,UAAU;IACVC,QAAQ,GAKNT,KAAK,CALPS,QAAQ;IACRC,MAAM,GAIJV,KAAK,CAJPU,MAAM;IACNC,OAAO,GAGLX,KAAK,CAHPW,OAAO;IACPC,SAAS,GAEPZ,KAAK,CAFPY,SAAS;IACTC,IAAI,GACFb,KAAK,CADPa,IAAI;EAGN,IAAMC,UAAU,GAAG,EAAE;EACrB,IAAMC,SAAS,GAAG,EAAE;EACpB,IAAMC,MAAM,GAAGT,IAAI,KAAKU,SAAS,GAAGA,SAAS,GAAGV,IAAI,GAAGQ,SAAS,GAAGD,UAAU;EAE7E,IAAMI,cAAc,GAAGtB,OAAO,CAC5B;IAAA,OAAMC,sBAAsB,CAACK,KAAK,IAAI,EAAE,CAAC,IAAI,IAAI;EAAA,GACjD,CAACA,KAAK,CACR,CAAC;EAED,IAAIG,QAAQ,EAAE;IACZ,oBACEV,KAAA,CAAAwB,aAAA,CAACrB,mBAAmB,qBAClBH,KAAA,CAAAwB,aAAA;MAAKC,uBAAuB,EAAE;QAAEC,MAAM,EAAEH;MAAe;IAAE,CAAE,CACxC,CAAC;EAE1B;EAEA,oBACEvB,KAAA,CAAAwB,aAAA,CAAC1B,aAAa;IACZQ,EAAE,EAAEA,EAAG;IACPC,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBC,KAAK,EAAEA,KAAM;IACb,cAAYJ,KAAK,CAAC,YAAY,CAAE;IAChCsB,YAAY,EAAEtB,KAAK,CAAC,YAAY,CAAE;IAClCuB,OAAO,KAAAC,MAAA,CAAAC,kBAAA,CAAM/B,OAAO,CAACgC,cAAc,IAAE,MAAM,EAAE,OAAO,EAAE;IACtDb,IAAI,EAAAc,aAAA;MACFC,WAAW,EAAE,KAAK;MAClBC,UAAU,EAAEb,MAAM;MAClBc,UAAU,EAAEtB,UAAU,GAAGS,SAAS,GAAGD,MAAM;MAC3CV,WAAW,EAAXA;IAAW,GACRO,IAAI,CACP;IACFJ,QAAQ,EAAEA,QAAS;IACnBC,MAAM,EAAEA,MAA+D;IACvEC,OAAO,EAAEA,OAAiE;IAC1EC,SAAS,EACPA;EACD,CACF,CAAC;AAEN,CAAC","ignoreList":[]}

package/dist/TextEditor/plugins/ProcoreImageUploadPlugin/ProcoreImageUploadPlugin.d.ts

@@ -38,6 +38,12 @@ export declare class ProcoreImageUploadPlugin extends Plugin {
     static get pluginName(): string;
     static get requires(): (typeof FileRepository | typeof ImageUploadEditing)[];
     init(): void;
+    /**
+     * "Copy Image" puts both the image bytes and HTML with the external URL on
+     * the clipboard. CKEditor prefers the HTML, but the backend strips external
+     * image URLs — so upload the bytes instead.
+     */
+    private configurePastedImageFileOverExternalHtml;
     private configureUploadAdapter;
     private configureProstoreFileIdConversion;
     private configurePastedImageLimit;