@procore/text-editor 0.0.2 → 0.1.0

package/dist/TextEditor/TextEditor.js

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

package/dist/TextEditor/TextEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.js","names":["CKEditor","ClassicEditor","React","useI18nContext","useZIndexContext","useStickyToolbar","GlobalEditorStyles","StyledTextEditor","TextEditorContext","TextEditorTheme","useCKEditorCss","useTabAsNavigation","addButtonDataAttributes","addPluginsFromStringArray","getDefaultConfig","TextEditor","_ref","disabled","error","value","initialValue","onChange","onInit","onBlur","onKeyDown","externalConfig","config","stringPlugins","plugins","propLocale","locale","onDirty","restProps","_objectWithoutProperties","_excluded","_useCKEditorCss","cssLoading","isLoading","editorRef","useRef","editorInstanceRef","initialValueRef","keyDownListenerRef","_React$useState","useState","_React$useState2","_slicedToArray","isDirtyState","setIsDirtyState","_React$useState3","_React$useState4","isEditorReady","setIsEditorReady","_useI18nContext","contextLocale","useEffect","undefined","current","editing","view","document","off","_useZIndexContext","zIndex","_React$useContext","useContext","features","enableStickyToolbar","stickyToolbar","enableTabAsNavigation","tabAsNavigation","mergedConfig","useMemo","defaultConfig","configWithPlugins","length","externalResult","finalConfig","_objectSpread","bindKeyDownHandler","useCallback","editor","editorElement","getRoot","keyDownListener","_event","data","domEvent","on","handleChange","getData","isDirty","handleReady","setData","handleBlur","event","enabled","_useTabAsNavigation","editorKey","concat","createElement","ref","key","_extends","onReady"],"sources":["../../src/TextEditor/TextEditor.tsx"],"sourcesContent":["import { CKEditor } from '@ckeditor/ckeditor5-react'\nimport type { EditorConfig } from 'ckeditor5'\nimport { ClassicEditor, type EventInfo } from 'ckeditor5'\nimport React from 'react'\n\nimport { useI18nContext, useZIndexContext } from '@procore/core-react'\nimport { useStickyToolbar } from './StickyToolbar'\nimport { GlobalEditorStyles, StyledTextEditor } from './TextEditor.styles'\nimport type { KeyDownListener, TextEditorProps } from './TextEditor.types'\nimport { TextEditorContext } from './TextEditorProvider'\nimport { TextEditorTheme } from './textEditorTheming'\nimport { useCKEditorCss } from './useCKEditorCss'\nimport { useTabAsNavigation } from './useTabAsNavigation'\nimport {\n  addButtonDataAttributes,\n  addPluginsFromStringArray,\n  getDefaultConfig,\n} from './utils'\n\n/**\n * To ensure your Jest tests work with the CKEditor implementation, wrap your Jest configuration with `textEditorJestConfig`:\n *\n * @example\n *\n *   // Using Jest config file\n *\n *   const { textEditorJestConfig } = require('@procore/text-editor/jestConfig')\n *\n *   module.exports = textEditorJestConfig({\n *     // Your existing Jest config\n *   })\n *\n * @example\n *\n *   // Using Hammer\n *\n *   import { textEditorJestConfig } from '@procore/text-editor/jestConfig'\n *\n *   export default {\n *     testJest: (defaultConfig) =>\n *       textEditorJestConfig({\n *         ...defaultConfig,\n *         // Your existing Jest config\n *       }),\n *   }\n *\n * @example\n *\n *   // Using Core Scripts\n *\n *   const { textEditorJestConfig } = require('@procore/text-editor/jestConfig')\n *\n *   module.exports = () => ({\n *     jestOverride: (defaultConfig) =>\n *       textEditorJestConfig({\n *         ...defaultConfig,\n *         // Your existing Jest config\n *       }),\n *   })\n */\nexport function TextEditor({\n  disabled,\n  error,\n  value,\n  initialValue,\n  onChange,\n  onInit,\n  onBlur,\n  onKeyDown,\n  config: externalConfig,\n  plugins: stringPlugins,\n  locale: propLocale,\n  onDirty,\n  ...restProps\n}: TextEditorProps) {\n  const { isLoading: cssLoading } = useCKEditorCss()\n\n  const editorRef = React.useRef<HTMLDivElement>(null)\n  const editorInstanceRef = React.useRef<ClassicEditor | null>(null)\n  const initialValueRef = React.useRef<string>(value || initialValue || '')\n  const keyDownListenerRef = React.useRef<KeyDownListener | null>(null)\n  const [isDirtyState, setIsDirtyState] = React.useState(false)\n  const [isEditorReady, setIsEditorReady] = React.useState(false)\n  const { locale: contextLocale } = useI18nContext()\n  const locale = propLocale || contextLocale\n\n  React.useEffect(() => {\n    if (value !== undefined) {\n      initialValueRef.current = value\n    }\n  }, [value])\n\n  // Cleanup keydown listener on unmount\n  React.useEffect(() => {\n    return () => {\n      if (keyDownListenerRef.current && editorInstanceRef.current) {\n        editorInstanceRef.current.editing.view.document.off(\n          'keydown',\n          keyDownListenerRef.current\n        )\n        keyDownListenerRef.current = null\n      }\n    }\n  }, [])\n\n  const { value: zIndex } = useZIndexContext()\n\n  const { features } = React.useContext(TextEditorContext)\n  const enableStickyToolbar = !!features?.stickyToolbar\n  const enableTabAsNavigation = !!features?.tabAsNavigation\n\n  const mergedConfig = React.useMemo(() => {\n    const defaultConfig = getDefaultConfig(locale)\n\n    // Handle string plugins for backward compatibility\n    const configWithPlugins = stringPlugins?.length\n      ? addPluginsFromStringArray(defaultConfig, stringPlugins)\n      : defaultConfig\n\n    // Apply any external CKEditor config overrides provided by the consumer\n    const externalResult =\n      typeof externalConfig === 'function'\n        ? externalConfig(configWithPlugins)\n        : undefined\n    // Merge default config (with plugins) and consumer overrides\n    let finalConfig: EditorConfig = {\n      ...configWithPlugins,\n      ...(externalResult ?? {}),\n    }\n\n    return finalConfig\n  }, [externalConfig, locale, stringPlugins])\n\n  const bindKeyDownHandler = React.useCallback(\n    (editor: ClassicEditor) => {\n      if (!onKeyDown) {\n        return\n      }\n\n      const editorElement = editor.editing.view.document.getRoot()\n      if (!editorElement) {\n        return\n      }\n\n      // Remove existing keydown listener\n      if (keyDownListenerRef.current) {\n        editor.editing.view.document.off('keydown', keyDownListenerRef.current)\n      }\n\n      // Create and store the new listener\n      const keyDownListener = (\n        _event: EventInfo,\n        data: { domEvent: Event }\n      ) => {\n        const domEvent = data.domEvent as KeyboardEvent\n        onKeyDown(domEvent, editor)\n      }\n\n      keyDownListenerRef.current = keyDownListener\n\n      // Add the keydown listener\n      editor.editing.view.document.on('keydown', keyDownListener)\n    },\n    [onKeyDown]\n  )\n\n  const handleChange = (\n    _event: EventInfo<string, unknown>,\n    editor: ClassicEditor\n  ) => {\n    const data = editor.getData()\n    const isDirty = data !== initialValueRef.current\n\n    // Call onDirty only on first content modification\n    if (isDirty && !isDirtyState) {\n      setIsDirtyState(true)\n      onDirty?.()\n    }\n\n    onChange?.(data, isDirty)\n  }\n\n  const handleReady = (editor: ClassicEditor) => {\n    addButtonDataAttributes(editor)\n    editorInstanceRef.current = editor\n    setIsEditorReady(true)\n\n    if (initialValue) {\n      editor.setData(initialValue)\n    }\n\n    // Bind keydown handler when editor is ready\n    bindKeyDownHandler(editor)\n\n    onInit?.(editor)\n  }\n\n  const handleBlur = (\n    event: EventInfo<string, unknown>,\n    editor: ClassicEditor\n  ) => {\n    onBlur?.(event, editor)\n  }\n\n  useStickyToolbar({\n    enabled: enableStickyToolbar,\n    editor: isEditorReady ? editorInstanceRef.current : null,\n    editorRef,\n    cssLoading,\n  })\n\n  const { config } = useTabAsNavigation({\n    config: mergedConfig,\n    enabled: enableTabAsNavigation,\n    editor: isEditorReady ? editorInstanceRef.current : null,\n  })\n\n  const editorKey = `${locale}-${enableTabAsNavigation}`\n\n  if (cssLoading) {\n    return null\n  }\n\n  return (\n    <StyledTextEditor ref={editorRef} key={editorKey} error={error}>\n      <GlobalEditorStyles zIndex={zIndex + 1} />\n      <TextEditorTheme />\n      <CKEditor\n        {...restProps}\n        editor={ClassicEditor}\n        config={config}\n        disabled={disabled}\n        data={value}\n        onChange={handleChange}\n        onReady={handleReady}\n        onBlur={handleBlur}\n      />\n    </StyledTextEditor>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"TextEditor.js","names":["CKEditor","ClassicEditor","React","useI18nContext","useZIndexContext","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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"}

package/dist/TextEditor/TextEditor.styles.js

@@ -18,7 +18,7 @@ export var GlobalEditorStyles = /*#__PURE__*/createGlobalStyle([":root{--ck-z-de
 });
 export var StyledTextEditor = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTextEditor",
-  componentId: "text-editor-0_0_2__sc-iim79x-0"
+  componentId: "text-editor-0_1_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

@@ -1,10 +1,10 @@
-import type { Locale } from '@procore/core-react';
-import type { ClassicEditor, EditorConfig, EventInfo } from 'ckeditor5';
+import type { Locale } from '@procore/globalization-toolkit';
+import type { ClassicEditor, EventInfo } from 'ckeditor5';
 export interface TextEditorProps {
     /**
      * Unique identifier for the editor
      *
-     * @since 10.19.0
+     * @since 0.0.1
      */
     id?: string;
     /**
@@ -12,74 +12,75 @@ export interface TextEditorProps {
      *
      * @deprecated `initialValue` has been deprecated and will be removed in a future version.
      * Please use the `value` prop instead
-     * @deprecatedSince 10.20.0
-     * @since 10.19.0
+     * @deprecatedSince 0.0.1
+     * @since 0.0.1
      */
     initialValue?: string;
     /**
      * The current value of the editor
      *
-     * @since 10.19.0
+     * @since 0.0.1
      */
     value?: string;
     /**
      * Indicates if the editor is disabled
      *
-     * @since 10.19.0
+     * @since 0.0.1
      */
     disabled?: boolean;
     /**
      * Indicates if the editor is in an error state
      *
-     * @since 10.19.0
+     * @since 0.0.1
      */
     error?: boolean;
     /**
-     * Locale which will be used for localization. Can be passed directly or
-     * set by wrapping components in I18n provider.
-     * @since 10.19.0
+     * Accessible label for the editor's editable area. This text will be
+     * announced by screen readers when the user focuses the editor. It should
+     * match or include the visible label associated with this editor field.
+     * If not provided, screen readers will announce a generic "Rich Text Editor" message.
+     *
+     * @since 0.1.0
      */
-    locale?: Locale;
+    'aria-label'?: string;
     /**
-     * Array of plugin names to add to the editor in addition to the defaults.
-     * This provides backward compatibility with the deprecated TinyMCE version of the editor.
-     * Supports plugin names like 'link', 'image', 'table', etc.
+     * Accessible description for the editor's editable area.
+     * This text provides additional context to screen reader users. It will be
+     * announced after the label when the user focuses the editor.
      *
-     * @since 12.26.0
+     * @since 0.1.0
      */
-    plugins?: string[];
+    'aria-description'?: string;
     /**
-     * Configuration function for customizing the editor
-     *
-     * @param defaultConfig - The default CKEditor configuration
-     * @returns Customized configuration object
-     * @since 12.26.0
+     * Locale which will be used for localization. Can be passed directly or
+     * set by wrapping components in I18n provider.
+     * @since 0.0.1
      */
-    config?: (defaultConfig: EditorConfig) => EditorConfig;
+    locale?: Locale;
     /**
      * Callback fired when the editor content changes
      *
      * @param value - The current content of the editor
      * @param isDirty - Whether the content differs from the initial value
-     * @since 10.19.0
+     * @since 0.0.1
      */
     onChange?: (value: string, isDirty?: boolean) => void;
     /**
      * Callback fired when the editor gains focus
      *
-     * @since 10.19.0
+     * @since 0.0.1
      */
     onFocus?: (event: EventInfo, editor: ClassicEditor) => void;
     /**
      * Callback fired when the editor loses focus
      *
-     * @since 10.19.0
+     * @since 0.0.1
      */
     onBlur?: (event: EventInfo, editor: ClassicEditor) => void;
     /**
      * Callback fired when an error occurs in the editor
      *
-     * @since 10.19.0
+     * @since 0.0.1
      */
     onError?: (error: Error, details: {
         phase: 'initialization' | 'runtime';
@@ -88,19 +89,19 @@ export interface TextEditorProps {
     /**
      * Callback fired when the editor is ready
      *
-     * @since 10.19.0
+     * @since 0.0.1
      */
     onInit?: (editor: ClassicEditor) => void;
     /**
      * Callback fired after the editor instance is destroyed
      *
-     * @since 10.19.0
+     * @since 0.0.1
      */
     onAfterDestroy?: () => void;
     /**
      * Callback fired when the editor becomes dirty (content differs from initial value)
      *
-     * @since 12.26.0
+     * @since 0.0.1
      */
     onDirty?: () => void;
     /**
@@ -108,7 +109,7 @@ export interface TextEditorProps {
      *
      * @param event - The keyboard event
      * @param editor - The CKEditor instance
-     * @since 12.29.0
+     * @since 0.0.1
      */
     onKeyDown?: (event: KeyboardEvent, editor: ClassicEditor) => 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 { Locale } from '@procore/core-react'\nimport type { ClassicEditor, EditorConfig, EventInfo } from 'ckeditor5'\n\nexport interface TextEditorProps {\n  /**\n   * Unique identifier for the editor\n   *\n   * @since 10.19.0\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 10.20.0\n   * @since 10.19.0\n   */\n  initialValue?: string\n\n  /**\n   * The current value of the editor\n   *\n   * @since 10.19.0\n   */\n  value?: string\n\n  /**\n   * Indicates if the editor is disabled\n   *\n   * @since 10.19.0\n   */\n  disabled?: boolean\n\n  /**\n   * Indicates if the editor is in an error state\n   *\n   * @since 10.19.0\n   */\n  error?: boolean\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 10.19.0\n   */\n  locale?: Locale\n\n  /**\n   * Array of plugin names to add to the editor in addition to the defaults.\n   * This provides backward compatibility with the deprecated TinyMCE version of the editor.\n   * Supports plugin names like 'link', 'image', 'table', etc.\n   *\n   * @since 12.26.0\n   */\n  plugins?: string[]\n\n  /**\n   * Configuration function for customizing the editor\n   *\n   * @param defaultConfig - The default CKEditor configuration\n   * @returns Customized configuration object\n   * @since 12.26.0\n   */\n  config?: (defaultConfig: EditorConfig) => EditorConfig\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 10.19.0\n   */\n  onChange?: (value: string, isDirty?: boolean) => void\n\n  /**\n   * Callback fired when the editor gains focus\n   *\n   * @since 10.19.0\n   */\n  onFocus?: (event: EventInfo, editor: ClassicEditor) => void\n\n  /**\n   * Callback fired when the editor loses focus\n   *\n   * @since 10.19.0\n   */\n  onBlur?: (event: EventInfo, editor: ClassicEditor) => void\n\n  /**\n   * Callback fired when an error occurs in the editor\n   *\n   * @since 10.19.0\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 10.19.0\n   */\n  onInit?: (editor: ClassicEditor) => void\n\n  /**\n   * Callback fired after the editor instance is destroyed\n   *\n   * @since 10.19.0\n   */\n  onAfterDestroy?: () => void\n\n  /**\n   * Callback fired when the editor becomes dirty (content differs from initial value)\n   *\n   * @since 12.26.0\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 12.29.0\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   * 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/TextEditorProvider.js

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

package/dist/TextEditor/TextEditorProvider.js.map

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

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

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

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

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

package/dist/TextEditor/textEditorTheming/textEditorTheming.styles.js

@@ -1,3 +1,4 @@
+import { colors, spacing } from '@procore/core-react';
 import { createGlobalStyle } from 'styled-components';
 import { alignCenterIcon, alignLeftIcon, alignRightIcon, bgColorIcon, boldIcon, checkmarkIcon, cutIcon, fontSizeIcon, imageIcon, indentIcon, italicIcon, linkIcon, orderedListIcon, outdentIcon, pasteAsTextIcon, pasteIcon, redoIcon, strikeThroughIcon, tableIcon, textColorIcon, underlineIcon, undoIcon, unorderedListIcon } from './icons';
 var getIconUrl = function getIconUrl(icon) {
@@ -6,5 +7,5 @@ var getIconUrl = function getIconUrl(icon) {
   }
   return "data:image/svg+xml;charset=utf-8,".concat(encodeURIComponent(icon));
 };
-export var TextEditorTheme = /*#__PURE__*/createGlobalStyle([".ck-button:first-child .ck-icon:first-child{background-size:24px;background-repeat:no-repeat;background-position:center;}[data-cke-command=\"bold\"],[data-cke-command=\"italic\"],[data-cke-command=\"underline\"],[data-cke-command=\"strikethrough\"],[data-cke-command=\"alignment:left\"],[data-cke-command=\"alignment:center\"],[data-cke-command=\"alignment:right\"],[data-cke-command=\"bulletedList\"],[data-cke-command=\"numberedList\"],[data-cke-command=\"outdent\"],[data-cke-command=\"indent\"],[data-cke-command=\"cut\"],[data-cke-command=\"paste\"],[data-cke-command=\"pasteAsText\"],[data-cke-command=\"fontSize\"],[data-cke-command=\"fontColor\"],[data-cke-command=\"fontBackgroundColor\"],[data-cke-command=\"link\"],[data-cke-command=\"insertTable\"],[data-cke-command=\"insertImageViaUrl\"],[data-cke-command=\"undo\"],[data-cke-command=\"redo\"]{> .ck-icon:first-child > *,> .ck-button:first-child > .ck-icon:first-child > *,> .ck-splitbutton > .ck-button:first-child > .ck-icon:first-child > *{display:none;}> .ck-icon:first-child,> .ck-splitbutton > .ck-button:first-child .ck-icon:first-child,> .ck-button > .ck-icon:first-child{width:24px !important;height:24px !important;}}[data-cke-command=\"bold\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"italic\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"underline\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"strikethrough\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"alignment:left\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"alignment:center\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"alignment:right\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"bulletedList\"] > .ck-splitbutton > .ck-button:first-child .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"numberedList\"] > .ck-splitbutton > .ck-button:first-child .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"outdent\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"indent\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"cut\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"paste\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"pasteAsText\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"fontSize\"] > .ck-button > .ck-icon:first-child{background-image:url('", "');background-size:19px;}[data-cke-command=\"fontColor\"] > .ck-button > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"fontBackgroundColor\"] > .ck-button > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"link\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"insertTable\"] > .ck-button > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"insertImageViaUrl\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"undo\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"redo\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"fontSize\"] .ck-dropdown__panel{max-width:130px !important;.ck-list__item{min-width:128px !important;}.ck-list{.ck-button{padding:4px 12px !important;font-size:14px !important;line-height:24px !important;.ck-button__label{font-size:14px !important;font-weight:normal !important;font-family:inherit !important;line-height:24px !important;}&[data-cke-tooltip-text]{font-size:14px !important;.ck-button__label{font-size:14px !important;}}&.ck-on{position:relative;padding-right:32px !important;&::after{content:\"\";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px !important;height:24px !important;background-image:url('", "');background-size:24px 24px;background-repeat:no-repeat;background-position:center;line-height:1;}}}}.ck-list-item-button__check-holder{display:none !important;}}"], getIconUrl(boldIcon), getIconUrl(italicIcon), getIconUrl(underlineIcon), getIconUrl(strikeThroughIcon), getIconUrl(alignLeftIcon), getIconUrl(alignCenterIcon), getIconUrl(alignRightIcon), getIconUrl(unorderedListIcon), getIconUrl(orderedListIcon), getIconUrl(outdentIcon), getIconUrl(indentIcon), getIconUrl(cutIcon), getIconUrl(pasteIcon), getIconUrl(pasteAsTextIcon), getIconUrl(fontSizeIcon), getIconUrl(textColorIcon), getIconUrl(bgColorIcon), getIconUrl(linkIcon), getIconUrl(tableIcon), getIconUrl(imageIcon), getIconUrl(undoIcon), getIconUrl(redoIcon), getIconUrl(checkmarkIcon));
+export var TextEditorTheme = /*#__PURE__*/createGlobalStyle([".ck-button:first-child .ck-icon:first-child{background-size:24px;background-repeat:no-repeat;background-position:center;}.ck-link-form .ck-button-action{font-size:13px !important;line-height:", " !important;background:", " !important;color:", " !important;border-radius:", " !important;font-family:inherit !important;font-weight:600 !important;height:", " !important;justify-content:center !important;align-items:center !important;cursor:pointer !important;&:hover{background:", " !important;}}[data-cke-command=\"bold\"],[data-cke-command=\"italic\"],[data-cke-command=\"underline\"],[data-cke-command=\"strikethrough\"],[data-cke-command=\"alignment:left\"],[data-cke-command=\"alignment:center\"],[data-cke-command=\"alignment:right\"],[data-cke-command=\"bulletedList\"],[data-cke-command=\"numberedList\"],[data-cke-command=\"outdent\"],[data-cke-command=\"indent\"],[data-cke-command=\"cut\"],[data-cke-command=\"paste\"],[data-cke-command=\"pasteAsText\"],[data-cke-command=\"fontSize\"],[data-cke-command=\"fontColor\"],[data-cke-command=\"fontBackgroundColor\"],[data-cke-command=\"link\"],[data-cke-command=\"insertTable\"],[data-cke-command=\"insertImageViaUrl\"],[data-cke-command=\"undo\"],[data-cke-command=\"redo\"]{> .ck-icon:first-child > *,> .ck-button:first-child > .ck-icon:first-child > *,> .ck-splitbutton > .ck-button:first-child > .ck-icon:first-child > *{display:none;}> .ck-icon:first-child,> .ck-splitbutton > .ck-button:first-child .ck-icon:first-child,> .ck-button > .ck-icon:first-child{width:24px !important;height:24px !important;}}[data-cke-command=\"bold\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"italic\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"underline\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"strikethrough\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"alignment:left\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"alignment:center\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"alignment:right\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"bulletedList\"] > .ck-splitbutton > .ck-button:first-child .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"numberedList\"] > .ck-splitbutton > .ck-button:first-child .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"outdent\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"indent\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"cut\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"paste\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"pasteAsText\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"fontSize\"] > .ck-button > .ck-icon:first-child{background-image:url('", "');background-size:19px;}[data-cke-command=\"fontColor\"] > .ck-button > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"fontBackgroundColor\"] > .ck-button > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"link\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"insertTable\"] > .ck-button > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"insertImageViaUrl\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"undo\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"redo\"] > .ck-icon:first-child{background-image:url('", "');}[data-cke-command=\"fontSize\"] .ck-dropdown__panel{max-width:130px !important;.ck-list__item{min-width:128px !important;}.ck-list{.ck-button{padding:4px 12px !important;font-size:14px !important;line-height:24px !important;.ck-button__label{font-size:14px !important;font-weight:normal !important;font-family:inherit !important;line-height:24px !important;}&[data-cke-tooltip-text]{font-size:14px !important;.ck-button__label{font-size:14px !important;}}&.ck-on{position:relative;padding-right:32px !important;&::after{content:\"\";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px !important;height:24px !important;background-image:url('", "');background-size:24px 24px;background-repeat:no-repeat;background-position:center;line-height:1;}}}}.ck-list-item-button__check-holder{display:none !important;}}"], spacing.lg, colors.gray90, colors.gray15, spacing.xs, spacing.xl, colors.gray85, getIconUrl(boldIcon), getIconUrl(italicIcon), getIconUrl(underlineIcon), getIconUrl(strikeThroughIcon), getIconUrl(alignLeftIcon), getIconUrl(alignCenterIcon), getIconUrl(alignRightIcon), getIconUrl(unorderedListIcon), getIconUrl(orderedListIcon), getIconUrl(outdentIcon), getIconUrl(indentIcon), getIconUrl(cutIcon), getIconUrl(pasteIcon), getIconUrl(pasteAsTextIcon), getIconUrl(fontSizeIcon), getIconUrl(textColorIcon), getIconUrl(bgColorIcon), getIconUrl(linkIcon), getIconUrl(tableIcon), getIconUrl(imageIcon), getIconUrl(undoIcon), getIconUrl(redoIcon), getIconUrl(checkmarkIcon));
 //# sourceMappingURL=textEditorTheming.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"textEditorTheming.styles.js","names":["createGlobalStyle","alignCenterIcon","alignLeftIcon","alignRightIcon","bgColorIcon","boldIcon","checkmarkIcon","cutIcon","fontSizeIcon","imageIcon","indentIcon","italicIcon","linkIcon","orderedListIcon","outdentIcon","pasteAsTextIcon","pasteIcon","redoIcon","strikeThroughIcon","tableIcon","textColorIcon","underlineIcon","undoIcon","unorderedListIcon","getIconUrl","icon","startsWith","concat","encodeURIComponent","TextEditorTheme"],"sources":["../../../src/TextEditor/textEditorTheming/textEditorTheming.styles.ts"],"sourcesContent":["import { createGlobalStyle } from 'styled-components'\nimport {\n  alignCenterIcon,\n  alignLeftIcon,\n  alignRightIcon,\n  bgColorIcon,\n  boldIcon,\n  checkmarkIcon,\n  cutIcon,\n  fontSizeIcon,\n  imageIcon,\n  indentIcon,\n  italicIcon,\n  linkIcon,\n  orderedListIcon,\n  outdentIcon,\n  pasteAsTextIcon,\n  pasteIcon,\n  redoIcon,\n  strikeThroughIcon,\n  tableIcon,\n  textColorIcon,\n  underlineIcon,\n  undoIcon,\n  unorderedListIcon,\n} from './icons'\n\nconst getIconUrl = (icon: string) => {\n  if (icon.startsWith('data:')) {\n    return icon\n  }\n  return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(icon)}`\n}\n\nexport const TextEditorTheme = createGlobalStyle`\n  .ck-button:first-child .ck-icon:first-child {\n    background-size: 24px;\n    background-repeat: no-repeat;\n    background-position: center;\n  }\n\n  [data-cke-command=\"bold\"],\n  [data-cke-command=\"italic\"],\n  [data-cke-command=\"underline\"],\n  [data-cke-command=\"strikethrough\"],\n  [data-cke-command=\"alignment:left\"],\n  [data-cke-command=\"alignment:center\"],\n  [data-cke-command=\"alignment:right\"],\n  [data-cke-command=\"bulletedList\"],\n  [data-cke-command=\"numberedList\"],\n  [data-cke-command=\"outdent\"],\n  [data-cke-command=\"indent\"],\n  [data-cke-command=\"cut\"],\n  [data-cke-command=\"paste\"],\n  [data-cke-command=\"pasteAsText\"],\n  [data-cke-command=\"fontSize\"],\n  [data-cke-command=\"fontColor\"],\n  [data-cke-command=\"fontBackgroundColor\"],\n  [data-cke-command=\"link\"],\n  [data-cke-command=\"insertTable\"],\n  [data-cke-command=\"insertImageViaUrl\"],\n  [data-cke-command=\"undo\"],\n  [data-cke-command=\"redo\"] {\n    > .ck-icon:first-child > *,\n    > .ck-button:first-child > .ck-icon:first-child > *,\n    > .ck-splitbutton > .ck-button:first-child > .ck-icon:first-child > * {\n      display: none;\n    }\n\n    > .ck-icon:first-child,\n    > .ck-splitbutton > .ck-button:first-child .ck-icon:first-child,\n    > .ck-button > .ck-icon:first-child {\n      width: 24px !important;\n      height: 24px !important;\n    }\n  }\n\n  [data-cke-command=\"bold\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(boldIcon)}');\n  }\n\n  [data-cke-command=\"italic\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(italicIcon)}');\n  }\n\n  [data-cke-command=\"underline\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(underlineIcon)}');\n  }\n\n  [data-cke-command=\"strikethrough\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(strikeThroughIcon)}');\n  }\n\n  [data-cke-command=\"alignment:left\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(alignLeftIcon)}');\n  }\n\n  [data-cke-command=\"alignment:center\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(alignCenterIcon)}');\n  }\n\n  [data-cke-command=\"alignment:right\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(alignRightIcon)}');\n  }\n\n  [data-cke-command=\"bulletedList\"] > .ck-splitbutton > .ck-button:first-child .ck-icon:first-child {\n    background-image: url('${getIconUrl(unorderedListIcon)}');\n  }\n\n  [data-cke-command=\"numberedList\"] > .ck-splitbutton > .ck-button:first-child .ck-icon:first-child {\n    background-image: url('${getIconUrl(orderedListIcon)}');\n  }\n\n  [data-cke-command=\"outdent\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(outdentIcon)}');\n  }\n\n  [data-cke-command=\"indent\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(indentIcon)}');\n  }\n\n  [data-cke-command=\"cut\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(cutIcon)}');\n  }\n\n  [data-cke-command=\"paste\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(pasteIcon)}');\n  }\n\n  [data-cke-command=\"pasteAsText\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(pasteAsTextIcon)}');\n  }\n\n  [data-cke-command=\"fontSize\"] > .ck-button > .ck-icon:first-child {\n    background-image: url('${getIconUrl(fontSizeIcon)}');\n    background-size: 19px;\n  }\n\n  [data-cke-command=\"fontColor\"] > .ck-button > .ck-icon:first-child {\n    background-image: url('${getIconUrl(textColorIcon)}');\n  }\n\n  [data-cke-command=\"fontBackgroundColor\"] > .ck-button > .ck-icon:first-child {\n    background-image: url('${getIconUrl(bgColorIcon)}');\n  }\n  [data-cke-command=\"link\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(linkIcon)}');\n  }\n\n  [data-cke-command=\"insertTable\"] > .ck-button > .ck-icon:first-child {\n    background-image: url('${getIconUrl(tableIcon)}');\n  }\n\n  [data-cke-command=\"insertImageViaUrl\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(imageIcon)}');\n  }\n\n  [data-cke-command=\"undo\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(undoIcon)}');\n  }\n\n  [data-cke-command=\"redo\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(redoIcon)}');\n  }\n\n  [data-cke-command=\"fontSize\"] .ck-dropdown__panel {\n    max-width: 130px !important;\n\n    .ck-list__item {\n      min-width: 128px !important;\n    }\n\n    .ck-list {\n      .ck-button {\n        padding: 4px 12px !important;\n        font-size: 14px !important;\n        line-height: 24px !important;\n\n        .ck-button__label {\n          font-size: 14px !important;\n          font-weight: normal !important;\n          font-family: inherit !important;\n          line-height: 24px !important;\n        }\n\n        &[data-cke-tooltip-text] {\n          font-size: 14px !important;\n\n          .ck-button__label {\n            font-size: 14px !important;\n          }\n        }\n\n        &.ck-on {\n          position: relative;\n          padding-right: 32px !important;\n\n          &::after {\n            content: \"\";\n            position: absolute;\n            right: 8px;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 24px !important;\n            height: 24px !important;\n            background-image: url('${getIconUrl(checkmarkIcon)}');\n            background-size: 24px 24px;\n            background-repeat: no-repeat;\n            background-position: center;\n            line-height: 1;\n          }\n        }\n      }\n    }\n\n    .ck-list-item-button__check-holder {\n      display: none !important;\n    }\n  }\n`\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,mBAAmB;AACrD,SACEC,eAAe,EACfC,aAAa,EACbC,cAAc,EACdC,WAAW,EACXC,QAAQ,EACRC,aAAa,EACbC,OAAO,EACPC,YAAY,EACZC,SAAS,EACTC,UAAU,EACVC,UAAU,EACVC,QAAQ,EACRC,eAAe,EACfC,WAAW,EACXC,eAAe,EACfC,SAAS,EACTC,QAAQ,EACRC,iBAAiB,EACjBC,SAAS,EACTC,aAAa,EACbC,aAAa,EACbC,QAAQ,EACRC,iBAAiB,QACZ,SAAS;AAEhB,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAAY,EAAK;EACnC,IAAIA,IAAI,CAACC,UAAU,CAAC,OAAO,CAAC,EAAE;IAC5B,OAAOD,IAAI;EACb;EACA,2CAAAE,MAAA,CAA2CC,kBAAkB,CAACH,IAAI,CAAC;AACrE,CAAC;AAED,OAAO,IAAMI,eAAe,gBAAG7B,iBAAiB,s/HA4CnBwB,UAAU,CAACnB,QAAQ,CAAC,EAIpBmB,UAAU,CAACb,UAAU,CAAC,EAItBa,UAAU,CAACH,aAAa,CAAC,EAIzBG,UAAU,CAACN,iBAAiB,CAAC,EAI7BM,UAAU,CAACtB,aAAa,CAAC,EAIzBsB,UAAU,CAACvB,eAAe,CAAC,EAI3BuB,UAAU,CAACrB,cAAc,CAAC,EAI1BqB,UAAU,CAACD,iBAAiB,CAAC,EAI7BC,UAAU,CAACX,eAAe,CAAC,EAI3BW,UAAU,CAACV,WAAW,CAAC,EAIvBU,UAAU,CAACd,UAAU,CAAC,EAItBc,UAAU,CAACjB,OAAO,CAAC,EAInBiB,UAAU,CAACR,SAAS,CAAC,EAIrBQ,UAAU,CAACT,eAAe,CAAC,EAI3BS,UAAU,CAAChB,YAAY,CAAC,EAKxBgB,UAAU,CAACJ,aAAa,CAAC,EAIzBI,UAAU,CAACpB,WAAW,CAAC,EAGvBoB,UAAU,CAACZ,QAAQ,CAAC,EAIpBY,UAAU,CAACL,SAAS,CAAC,EAIrBK,UAAU,CAACf,SAAS,CAAC,EAIrBe,UAAU,CAACF,QAAQ,CAAC,EAIpBE,UAAU,CAACP,QAAQ,CAAC,EA2CZO,UAAU,CAAClB,aAAa,CAAC,CAc7D"}
+{"version":3,"file":"textEditorTheming.styles.js","names":["colors","spacing","createGlobalStyle","alignCenterIcon","alignLeftIcon","alignRightIcon","bgColorIcon","boldIcon","checkmarkIcon","cutIcon","fontSizeIcon","imageIcon","indentIcon","italicIcon","linkIcon","orderedListIcon","outdentIcon","pasteAsTextIcon","pasteIcon","redoIcon","strikeThroughIcon","tableIcon","textColorIcon","underlineIcon","undoIcon","unorderedListIcon","getIconUrl","icon","startsWith","concat","encodeURIComponent","TextEditorTheme","lg","gray90","gray15","xs","xl","gray85"],"sources":["../../../src/TextEditor/textEditorTheming/textEditorTheming.styles.ts"],"sourcesContent":["import { colors, spacing } from '@procore/core-react'\nimport { createGlobalStyle } from 'styled-components'\nimport {\n  alignCenterIcon,\n  alignLeftIcon,\n  alignRightIcon,\n  bgColorIcon,\n  boldIcon,\n  checkmarkIcon,\n  cutIcon,\n  fontSizeIcon,\n  imageIcon,\n  indentIcon,\n  italicIcon,\n  linkIcon,\n  orderedListIcon,\n  outdentIcon,\n  pasteAsTextIcon,\n  pasteIcon,\n  redoIcon,\n  strikeThroughIcon,\n  tableIcon,\n  textColorIcon,\n  underlineIcon,\n  undoIcon,\n  unorderedListIcon,\n} from './icons'\n\nconst getIconUrl = (icon: string) => {\n  if (icon.startsWith('data:')) {\n    return icon\n  }\n  return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(icon)}`\n}\n\nexport const TextEditorTheme = createGlobalStyle`\n  .ck-button:first-child .ck-icon:first-child {\n    background-size: 24px;\n    background-repeat: no-repeat;\n    background-position: center;\n  }\n\n  .ck-link-form .ck-button-action {\n      font-size: 13px !important;\n      line-height: ${spacing.lg} !important;\n      background: ${colors.gray90} !important;\n      color: ${colors.gray15} !important;\n      border-radius: ${spacing.xs} !important;\n      font-family: inherit !important;\n      font-weight: 600 !important;\n      height: ${spacing.xl} !important;\n      justify-content: center !important;\n      align-items: center !important;\n      cursor: pointer !important;\n      \n      &:hover {\n          background: ${colors.gray85} !important;\n      }\n  }\n  \n  [data-cke-command=\"bold\"],\n  [data-cke-command=\"italic\"],\n  [data-cke-command=\"underline\"],\n  [data-cke-command=\"strikethrough\"],\n  [data-cke-command=\"alignment:left\"],\n  [data-cke-command=\"alignment:center\"],\n  [data-cke-command=\"alignment:right\"],\n  [data-cke-command=\"bulletedList\"],\n  [data-cke-command=\"numberedList\"],\n  [data-cke-command=\"outdent\"],\n  [data-cke-command=\"indent\"],\n  [data-cke-command=\"cut\"],\n  [data-cke-command=\"paste\"],\n  [data-cke-command=\"pasteAsText\"],\n  [data-cke-command=\"fontSize\"],\n  [data-cke-command=\"fontColor\"],\n  [data-cke-command=\"fontBackgroundColor\"],\n  [data-cke-command=\"link\"],\n  [data-cke-command=\"insertTable\"],\n  [data-cke-command=\"insertImageViaUrl\"],\n  [data-cke-command=\"undo\"],\n  [data-cke-command=\"redo\"] {\n    > .ck-icon:first-child > *,\n    > .ck-button:first-child > .ck-icon:first-child > *,\n    > .ck-splitbutton > .ck-button:first-child > .ck-icon:first-child > * {\n      display: none;\n    }\n\n    > .ck-icon:first-child,\n    > .ck-splitbutton > .ck-button:first-child .ck-icon:first-child,\n    > .ck-button > .ck-icon:first-child {\n      width: 24px !important;\n      height: 24px !important;\n    }\n  }\n\n  [data-cke-command=\"bold\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(boldIcon)}');\n  }\n\n  [data-cke-command=\"italic\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(italicIcon)}');\n  }\n\n  [data-cke-command=\"underline\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(underlineIcon)}');\n  }\n\n  [data-cke-command=\"strikethrough\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(strikeThroughIcon)}');\n  }\n\n  [data-cke-command=\"alignment:left\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(alignLeftIcon)}');\n  }\n\n  [data-cke-command=\"alignment:center\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(alignCenterIcon)}');\n  }\n\n  [data-cke-command=\"alignment:right\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(alignRightIcon)}');\n  }\n\n  [data-cke-command=\"bulletedList\"] > .ck-splitbutton > .ck-button:first-child .ck-icon:first-child {\n    background-image: url('${getIconUrl(unorderedListIcon)}');\n  }\n\n  [data-cke-command=\"numberedList\"] > .ck-splitbutton > .ck-button:first-child .ck-icon:first-child {\n    background-image: url('${getIconUrl(orderedListIcon)}');\n  }\n\n  [data-cke-command=\"outdent\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(outdentIcon)}');\n  }\n\n  [data-cke-command=\"indent\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(indentIcon)}');\n  }\n\n  [data-cke-command=\"cut\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(cutIcon)}');\n  }\n\n  [data-cke-command=\"paste\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(pasteIcon)}');\n  }\n\n  [data-cke-command=\"pasteAsText\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(pasteAsTextIcon)}');\n  }\n\n  [data-cke-command=\"fontSize\"] > .ck-button > .ck-icon:first-child {\n    background-image: url('${getIconUrl(fontSizeIcon)}');\n    background-size: 19px;\n  }\n\n  [data-cke-command=\"fontColor\"] > .ck-button > .ck-icon:first-child {\n    background-image: url('${getIconUrl(textColorIcon)}');\n  }\n\n  [data-cke-command=\"fontBackgroundColor\"] > .ck-button > .ck-icon:first-child {\n    background-image: url('${getIconUrl(bgColorIcon)}');\n  }\n  [data-cke-command=\"link\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(linkIcon)}');\n  }\n\n  [data-cke-command=\"insertTable\"] > .ck-button > .ck-icon:first-child {\n    background-image: url('${getIconUrl(tableIcon)}');\n  }\n\n  [data-cke-command=\"insertImageViaUrl\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(imageIcon)}');\n  }\n\n  [data-cke-command=\"undo\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(undoIcon)}');\n  }\n\n  [data-cke-command=\"redo\"] > .ck-icon:first-child {\n    background-image: url('${getIconUrl(redoIcon)}');\n  }\n\n  [data-cke-command=\"fontSize\"] .ck-dropdown__panel {\n    max-width: 130px !important;\n\n    .ck-list__item {\n      min-width: 128px !important;\n    }\n\n    .ck-list {\n      .ck-button {\n        padding: 4px 12px !important;\n        font-size: 14px !important;\n        line-height: 24px !important;\n\n        .ck-button__label {\n          font-size: 14px !important;\n          font-weight: normal !important;\n          font-family: inherit !important;\n          line-height: 24px !important;\n        }\n\n        &[data-cke-tooltip-text] {\n          font-size: 14px !important;\n\n          .ck-button__label {\n            font-size: 14px !important;\n          }\n        }\n\n        &.ck-on {\n          position: relative;\n          padding-right: 32px !important;\n\n          &::after {\n            content: \"\";\n            position: absolute;\n            right: 8px;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 24px !important;\n            height: 24px !important;\n            background-image: url('${getIconUrl(checkmarkIcon)}');\n            background-size: 24px 24px;\n            background-repeat: no-repeat;\n            background-position: center;\n            line-height: 1;\n          }\n        }\n      }\n    }\n\n    .ck-list-item-button__check-holder {\n      display: none !important;\n    }\n  }\n`\n"],"mappings":"AAAA,SAASA,MAAM,EAAEC,OAAO,QAAQ,qBAAqB;AACrD,SAASC,iBAAiB,QAAQ,mBAAmB;AACrD,SACEC,eAAe,EACfC,aAAa,EACbC,cAAc,EACdC,WAAW,EACXC,QAAQ,EACRC,aAAa,EACbC,OAAO,EACPC,YAAY,EACZC,SAAS,EACTC,UAAU,EACVC,UAAU,EACVC,QAAQ,EACRC,eAAe,EACfC,WAAW,EACXC,eAAe,EACfC,SAAS,EACTC,QAAQ,EACRC,iBAAiB,EACjBC,SAAS,EACTC,aAAa,EACbC,aAAa,EACbC,QAAQ,EACRC,iBAAiB,QACZ,SAAS;AAEhB,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAAY,EAAK;EACnC,IAAIA,IAAI,CAACC,UAAU,CAAC,OAAO,CAAC,EAAE;IAC5B,OAAOD,IAAI;EACb;EACA,2CAAAE,MAAA,CAA2CC,kBAAkB,CAACH,IAAI,CAAC;AACrE,CAAC;AAED,OAAO,IAAMI,eAAe,gBAAG7B,iBAAiB,22IAS3BD,OAAO,CAAC+B,EAAE,EACXhC,MAAM,CAACiC,MAAM,EAClBjC,MAAM,CAACkC,MAAM,EACLjC,OAAO,CAACkC,EAAE,EAGjBlC,OAAO,CAACmC,EAAE,EAMFpC,MAAM,CAACqC,MAAM,EAyCRX,UAAU,CAACnB,QAAQ,CAAC,EAIpBmB,UAAU,CAACb,UAAU,CAAC,EAItBa,UAAU,CAACH,aAAa,CAAC,EAIzBG,UAAU,CAACN,iBAAiB,CAAC,EAI7BM,UAAU,CAACtB,aAAa,CAAC,EAIzBsB,UAAU,CAACvB,eAAe,CAAC,EAI3BuB,UAAU,CAACrB,cAAc,CAAC,EAI1BqB,UAAU,CAACD,iBAAiB,CAAC,EAI7BC,UAAU,CAACX,eAAe,CAAC,EAI3BW,UAAU,CAACV,WAAW,CAAC,EAIvBU,UAAU,CAACd,UAAU,CAAC,EAItBc,UAAU,CAACjB,OAAO,CAAC,EAInBiB,UAAU,CAACR,SAAS,CAAC,EAIrBQ,UAAU,CAACT,eAAe,CAAC,EAI3BS,UAAU,CAAChB,YAAY,CAAC,EAKxBgB,UAAU,CAACJ,aAAa,CAAC,EAIzBI,UAAU,CAACpB,WAAW,CAAC,EAGvBoB,UAAU,CAACZ,QAAQ,CAAC,EAIpBY,UAAU,CAACL,SAAS,CAAC,EAIrBK,UAAU,CAACf,SAAS,CAAC,EAIrBe,UAAU,CAACF,QAAQ,CAAC,EAIpBE,UAAU,CAACP,QAAQ,CAAC,EA2CZO,UAAU,CAAClB,aAAa,CAAC,CAc7D"}

package/dist/TextEditor/useTabAsNavigation.js

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

package/dist/TextEditor/useTabAsNavigation.js.map

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