@procore/text-editor 0.0.1

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

@@ -0,0 +1,225 @@
+const fs = require('fs')
+const path = require('path')
+const { execFileSync } = require('child_process')
+
+describe('text-editor-migrate codemod', () => {
+  const fixturesDir = path.join(__dirname, '__fixtures__')
+  const testDir = path.join(__dirname, '__test_output__')
+  const codemodPath = path.join(__dirname, 'text-editor-migrate.js')
+
+  beforeEach(() => {
+    // Clean up test directory if it exists
+    if (fs.existsSync(testDir)) {
+      fs.rmSync(testDir, { recursive: true })
+    }
+    // Copy fixtures to test directory
+    copyDirectory(fixturesDir, testDir)
+  })
+
+  afterEach(() => {
+    // Clean up test directory
+    if (fs.existsSync(testDir)) {
+      fs.rmSync(testDir, { recursive: true })
+    }
+  })
+
+  function copyDirectory(src, dest) {
+    if (!fs.existsSync(dest)) {
+      fs.mkdirSync(dest, { recursive: true })
+    }
+
+    const entries = fs.readdirSync(src, { withFileTypes: true })
+
+    for (const entry of entries) {
+      const srcPath = path.join(src, entry.name)
+      const destPath = path.join(dest, entry.name)
+
+      if (entry.isDirectory()) {
+        copyDirectory(srcPath, destPath)
+      } else {
+        fs.copyFileSync(srcPath, destPath)
+      }
+    }
+  }
+
+  function readFile(filePath) {
+    return fs.readFileSync(path.join(testDir, filePath), 'utf8')
+  }
+
+  describe('import transformations', () => {
+    it('should migrate TextEditor imports from core-react to text-editor', () => {
+      execFileSync('node', [codemodPath, testDir], { stdio: 'ignore' })
+
+      const content = readFile('src/components/SimpleEditor.tsx')
+
+      expect(content).toContain(
+        "import { TextEditor } from '@procore/text-editor'"
+      )
+      expect(content).toContain("import { Button } from '@procore/core-react'")
+      expect(content).not.toContain(
+        "import { TextEditor, Button } from '@procore/core-react'"
+      )
+    })
+
+    it('should migrate multiple TextEditor-related imports', () => {
+      execFileSync('node', [codemodPath, testDir], { stdio: 'ignore' })
+
+      const content = readFile('src/components/ComplexEditor.tsx')
+
+      // The output should preserve multiline imports
+      expect(content).toContain("from '@procore/text-editor'")
+      expect(content).toContain('TextEditor,')
+      expect(content).toContain('TextEditorOutput,')
+      expect(content).toContain('TextEditorProvider,')
+      expect(content).toContain("from '@procore/core-react'")
+      expect(content).toContain('Form,')
+      expect(content).toContain('Modal,')
+    })
+
+    it('should handle TypeScript type imports', () => {
+      execFileSync('node', [codemodPath, testDir], { stdio: 'ignore' })
+
+      const content = readFile('src/components/TypeImportEditor.tsx')
+
+      // Check that the type imports were migrated to text-editor package
+      expect(content).toContain('@procore/text-editor')
+      expect(content).toContain('TextEditorProps')
+      expect(content).toContain('TextEditorOutputProps')
+      expect(content).not.toContain('@procore/core-react')
+    })
+  })
+
+  describe('Form.RichText transformations', () => {
+    it('should add textEditorComponent prop to Form.RichText', () => {
+      execFileSync('node', [codemodPath, testDir], { stdio: 'ignore' })
+
+      const content = readFile('src/components/FormWithRichText.tsx')
+
+      expect(content).toContain('textEditorComponent={TextEditor}')
+      expect(content).toContain(
+        "import { TextEditor } from '@procore/text-editor'"
+      )
+    })
+
+    it('should handle multiline Form.RichText props correctly', () => {
+      execFileSync('node', [codemodPath, testDir], { stdio: 'ignore' })
+
+      const content = readFile('src/components/MultilineFormRichText.tsx')
+      const lines = content.split('\n')
+
+      // Find the line with textEditorComponent
+      const textEditorLine = lines.find((line) =>
+        line.includes('textEditorComponent={TextEditor}')
+      )
+      const labelLine = lines.find((line) => line.includes('label='))
+
+      // Check that indentation matches
+      const textEditorIndent = textEditorLine?.match(/^(\s*)/)?.[1] || ''
+      const labelIndent = labelLine?.match(/^(\s*)/)?.[1] || ''
+
+      expect(textEditorIndent).toBe(labelIndent)
+    })
+
+    it('should not modify Form.RichText.Read components', () => {
+      execFileSync('node', [codemodPath, testDir], { stdio: 'ignore' })
+
+      const content = readFile('src/components/ReadOnlyRichText.tsx')
+
+      // Should not add TextEditor import or prop to read-only components
+      expect(content).not.toContain('textEditorComponent={TextEditor}')
+      expect(content).not.toContain('@procore/text-editor')
+    })
+  })
+
+  describe('Jest configuration transformations', () => {
+    it('should migrate coreReactJestConfig to textEditorJestConfig', () => {
+      execFileSync('node', [codemodPath, testDir], { stdio: 'ignore' })
+
+      const content = readFile('procore.config.js')
+
+      expect(content).toContain(
+        "const { textEditorJestConfig } = require('@procore/text-editor/jestConfig')"
+      )
+      expect(content).toContain('textEditorJestConfig(defaultConfig)')
+      expect(content).not.toContain('coreReactJestConfig')
+    })
+
+    it('should handle jest.config.js files', () => {
+      execFileSync('node', [codemodPath, testDir], { stdio: 'ignore' })
+
+      const content = readFile('jest.config.js')
+
+      expect(content).toContain(
+        "const { textEditorJestConfig } = require('@procore/text-editor/jestConfig')"
+      )
+      expect(content).toContain('module.exports = textEditorJestConfig({')
+    })
+
+    it('should handle hammer.config.mjs ES module files', () => {
+      execFileSync('node', [codemodPath, testDir], { stdio: 'ignore' })
+
+      const content = readFile('hammer.config.mjs')
+
+      expect(content).toContain(
+        "import { textEditorJestConfig } from '@procore/text-editor/jestConfig'"
+      )
+      expect(content).toContain('textEditorJestConfig({')
+      expect(content).not.toContain('coreReactJestConfig')
+      expect(content).not.toContain('@procore/core-react/jestConfig')
+    })
+  })
+
+  describe('edge cases', () => {
+    it('should not modify files without TextEditor usage', () => {
+      execFileSync('node', [codemodPath, testDir], { stdio: 'ignore' })
+
+      const content = readFile('src/components/NoTextEditor.tsx')
+      const originalContent = fs.readFileSync(
+        path.join(fixturesDir, 'src/components/NoTextEditor.tsx'),
+        'utf8'
+      )
+
+      expect(content).toBe(originalContent)
+    })
+
+    it('should skip already migrated files', () => {
+      // Run codemod twice
+      execFileSync('node', [codemodPath, testDir], { stdio: 'ignore' })
+      const firstRun = readFile('src/components/SimpleEditor.tsx')
+
+      execFileSync('node', [codemodPath, testDir], { stdio: 'ignore' })
+      const secondRun = readFile('src/components/SimpleEditor.tsx')
+
+      expect(firstRun).toBe(secondRun)
+    })
+  })
+
+  describe('console output', () => {
+    it('should show "No changes" when running on already migrated code', () => {
+      // First migration
+      execFileSync('node', [codemodPath, testDir], { stdio: 'ignore' })
+
+      // Second migration should show "No changes"
+      const output = execFileSync('node', [codemodPath, testDir], {
+        encoding: 'utf8',
+      })
+
+      expect(output).toContain('No changes')
+    })
+
+    it('should report statistics for successful migration', () => {
+      // Need to create a fresh copy for this test since other tests may have already run
+      if (fs.existsSync(testDir)) {
+        fs.rmSync(testDir, { recursive: true })
+      }
+      copyDirectory(fixturesDir, testDir)
+
+      const output = execFileSync('node', [codemodPath, testDir], {
+        encoding: 'utf8',
+      })
+
+      expect(output).toContain('Files processed:')
+      expect(output).toContain('Migration complete!')
+    })
+  })
+})

package/dist/TextEditor/EditorError.js

@@ -0,0 +1,9 @@
+import { Banner } from '@procore/core-react';
+import React from 'react';
+export var EditorError = function EditorError(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement(Banner, {
+    variant: "error"
+  }, /*#__PURE__*/React.createElement(Banner.Content, null, /*#__PURE__*/React.createElement(Banner.Body, null, children)));
+};
+//# sourceMappingURL=EditorError.js.map

package/dist/TextEditor/EditorError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorError.js","names":["Banner","React","EditorError","_ref","children","createElement","variant","Content","Body"],"sources":["../../src/TextEditor/EditorError.tsx"],"sourcesContent":["import { Banner } from '@procore/core-react'\nimport React, { type PropsWithChildren } from 'react'\n\nexport const EditorError = ({ children }: PropsWithChildren<{}>) => {\n  return (\n    <Banner variant=\"error\">\n      <Banner.Content>\n        <Banner.Body>{children}</Banner.Body>\n      </Banner.Content>\n    </Banner>\n  )\n}\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,qBAAqB;AAC5C,OAAOC,KAAK,MAAkC,OAAO;AAErD,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAA4C;EAAA,IAAtCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACpC,oBACEH,KAAA,CAAAI,aAAA,CAACL,MAAM;IAACM,OAAO,EAAC;EAAO,gBACrBL,KAAA,CAAAI,aAAA,CAACL,MAAM,CAACO,OAAO,qBACbN,KAAA,CAAAI,aAAA,CAACL,MAAM,CAACQ,IAAI,QAAEJ,QAAsB,CACtB,CACV,CAAC;AAEb,CAAC"}

package/dist/TextEditor/StickyToolbar/index.js

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

package/dist/TextEditor/StickyToolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useStickyToolbar"],"sources":["../../../src/TextEditor/StickyToolbar/index.ts"],"sourcesContent":["export { useStickyToolbar } from './useStickyToolbar'\nexport type { UseStickyToolbarProps } from './useStickyToolbar.types'\n"],"mappings":"AAAA,SAASA,gBAAgB,QAAQ,oBAAoB"}

package/dist/TextEditor/StickyToolbar/useStickyToolbar.js

@@ -0,0 +1,59 @@
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+import { useEffect, useRef } from 'react';
+export function useStickyToolbar(_ref) {
+  var enabled = _ref.enabled,
+    editor = _ref.editor,
+    editorRef = _ref.editorRef,
+    cssLoading = _ref.cssLoading;
+  var originalLimiterElementRef = useRef(null);
+  useEffect(function () {
+    if (!editorRef.current || !editor) {
+      return;
+    }
+    var modal = editorRef.current.closest('[data-id="modal"]');
+    if (!modal) {
+      return;
+    }
+    var modalHeader = modal.querySelector('[data-id="modal-header"]');
+    if (!modalHeader) {
+      return;
+    }
+    var resizeObserver = new ResizeObserver(function (entries) {
+      var _iterator = _createForOfIteratorHelper(entries),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var entry = _step.value;
+          var _getComputedStyle = getComputedStyle(entry.target),
+            height = _getComputedStyle.height;
+          var heightValue = parseInt(height, 10) - 1;
+          modal.setAttribute('style', "--modal-header-height: ".concat(heightValue, "px"));
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    });
+    resizeObserver.observe(modalHeader);
+    return function () {
+      return resizeObserver.disconnect();
+    };
+  }, [editorRef, editor]);
+  useEffect(function () {
+    if (!editorRef.current || cssLoading || !(editor !== null && editor !== void 0 && editor.ui.view.stickyPanel)) {
+      return;
+    }
+    var stickyPanel = editor.ui.view.stickyPanel;
+    if (!enabled) {
+      originalLimiterElementRef.current = stickyPanel.limiterElement;
+      stickyPanel.limiterElement = null;
+    } else if (originalLimiterElementRef.current) {
+      stickyPanel.limiterElement = originalLimiterElementRef.current;
+      originalLimiterElementRef.current = null;
+    }
+  }, [enabled, editorRef, editor, cssLoading]);
+}
+//# sourceMappingURL=useStickyToolbar.js.map

package/dist/TextEditor/StickyToolbar/useStickyToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStickyToolbar.js","names":["useEffect","useRef","useStickyToolbar","_ref","enabled","editor","editorRef","cssLoading","originalLimiterElementRef","current","modal","closest","modalHeader","querySelector","resizeObserver","ResizeObserver","entries","_iterator","_createForOfIteratorHelper","_step","s","n","done","entry","value","_getComputedStyle","getComputedStyle","target","height","heightValue","parseInt","setAttribute","concat","err","e","f","observe","disconnect","ui","view","stickyPanel","limiterElement"],"sources":["../../../src/TextEditor/StickyToolbar/useStickyToolbar.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nimport type { UseStickyToolbarProps } from './useStickyToolbar.types'\n\nexport function useStickyToolbar({\n  enabled,\n  editor,\n  editorRef,\n  cssLoading,\n}: UseStickyToolbarProps) {\n  const originalLimiterElementRef = useRef<HTMLElement | null>(null)\n\n  useEffect(() => {\n    if (!editorRef.current || !editor) {\n      return\n    }\n\n    const modal = editorRef.current.closest('[data-id=\"modal\"]')\n    if (!modal) {\n      return\n    }\n\n    const modalHeader = modal.querySelector('[data-id=\"modal-header\"]')\n    if (!modalHeader) {\n      return\n    }\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        const { height } = getComputedStyle(entry.target)\n        const heightValue = parseInt(height, 10) - 1\n        modal.setAttribute('style', `--modal-header-height: ${heightValue}px`)\n      }\n    })\n\n    resizeObserver.observe(modalHeader)\n    return () => resizeObserver.disconnect()\n  }, [editorRef, editor])\n\n  useEffect(() => {\n    if (!editorRef.current || cssLoading || !editor?.ui.view.stickyPanel) {\n      return\n    }\n\n    const stickyPanel = editor.ui.view.stickyPanel\n\n    if (!enabled) {\n      originalLimiterElementRef.current = stickyPanel.limiterElement\n      stickyPanel.limiterElement = null\n    } else if (originalLimiterElementRef.current) {\n      stickyPanel.limiterElement = originalLimiterElementRef.current\n      originalLimiterElementRef.current = null\n    }\n  }, [enabled, editorRef, editor, cssLoading])\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAIzC,OAAO,SAASC,gBAAgBA,CAAAC,IAAA,EAKN;EAAA,IAJxBC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,UAAU,GAAAJ,IAAA,CAAVI,UAAU;EAEV,IAAMC,yBAAyB,GAAGP,MAAM,CAAqB,IAAI,CAAC;EAElED,SAAS,CAAC,YAAM;IACd,IAAI,CAACM,SAAS,CAACG,OAAO,IAAI,CAACJ,MAAM,EAAE;MACjC;IACF;IAEA,IAAMK,KAAK,GAAGJ,SAAS,CAACG,OAAO,CAACE,OAAO,CAAC,mBAAmB,CAAC;IAC5D,IAAI,CAACD,KAAK,EAAE;MACV;IACF;IAEA,IAAME,WAAW,GAAGF,KAAK,CAACG,aAAa,CAAC,0BAA0B,CAAC;IACnE,IAAI,CAACD,WAAW,EAAE;MAChB;IACF;IAEA,IAAME,cAAc,GAAG,IAAIC,cAAc,CAAC,UAACC,OAAO,EAAK;MAAA,IAAAC,SAAA,GAAAC,0BAAA,CACjCF,OAAO;QAAAG,KAAA;MAAA;QAA3B,KAAAF,SAAA,CAAAG,CAAA,MAAAD,KAAA,GAAAF,SAAA,CAAAI,CAAA,IAAAC,IAAA,GAA6B;UAAA,IAAlBC,KAAK,GAAAJ,KAAA,CAAAK,KAAA;UACd,IAAAC,iBAAA,GAAmBC,gBAAgB,CAACH,KAAK,CAACI,MAAM,CAAC;YAAzCC,MAAM,GAAAH,iBAAA,CAANG,MAAM;UACd,IAAMC,WAAW,GAAGC,QAAQ,CAACF,MAAM,EAAE,EAAE,CAAC,GAAG,CAAC;UAC5ClB,KAAK,CAACqB,YAAY,CAAC,OAAO,4BAAAC,MAAA,CAA4BH,WAAW,OAAI,CAAC;QACxE;MAAC,SAAAI,GAAA;QAAAhB,SAAA,CAAAiB,CAAA,CAAAD,GAAA;MAAA;QAAAhB,SAAA,CAAAkB,CAAA;MAAA;IACH,CAAC,CAAC;IAEFrB,cAAc,CAACsB,OAAO,CAACxB,WAAW,CAAC;IACnC,OAAO;MAAA,OAAME,cAAc,CAACuB,UAAU,CAAC,CAAC;IAAA;EAC1C,CAAC,EAAE,CAAC/B,SAAS,EAAED,MAAM,CAAC,CAAC;EAEvBL,SAAS,CAAC,YAAM;IACd,IAAI,CAACM,SAAS,CAACG,OAAO,IAAIF,UAAU,IAAI,EAACF,MAAM,aAANA,MAAM,eAANA,MAAM,CAAEiC,EAAE,CAACC,IAAI,CAACC,WAAW,GAAE;MACpE;IACF;IAEA,IAAMA,WAAW,GAAGnC,MAAM,CAACiC,EAAE,CAACC,IAAI,CAACC,WAAW;IAE9C,IAAI,CAACpC,OAAO,EAAE;MACZI,yBAAyB,CAACC,OAAO,GAAG+B,WAAW,CAACC,cAAc;MAC9DD,WAAW,CAACC,cAAc,GAAG,IAAI;IACnC,CAAC,MAAM,IAAIjC,yBAAyB,CAACC,OAAO,EAAE;MAC5C+B,WAAW,CAACC,cAAc,GAAGjC,yBAAyB,CAACC,OAAO;MAC9DD,yBAAyB,CAACC,OAAO,GAAG,IAAI;IAC1C;EACF,CAAC,EAAE,CAACL,OAAO,EAAEE,SAAS,EAAED,MAAM,EAAEE,UAAU,CAAC,CAAC;AAC9C"}

package/dist/TextEditor/StickyToolbar/useStickyToolbar.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useStickyToolbar.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useStickyToolbar.types.js","names":[],"sources":["../../../src/TextEditor/StickyToolbar/useStickyToolbar.types.ts"],"sourcesContent":["import type { ClassicEditor } from 'ckeditor5'\nimport type { RefObject } from 'react'\n\nexport interface UseStickyToolbarProps {\n  enabled: boolean\n  editorRef: RefObject<HTMLDivElement>\n  editor?: ClassicEditor | null\n  cssLoading?: boolean\n}\n"],"mappings":""}

package/dist/TextEditor/TextEditor.js

@@ -0,0 +1,226 @@
+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", "tinyMCE", "init", "onEditorChange", "onFocusOut"];
+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; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import { CKEditor } from '@ckeditor/ckeditor5-react';
+import { ClassicEditor } from 'ckeditor5';
+import React from 'react';
+import { UNSAFE_useOverridableFocusScope, useI18nContext, useZIndexContext } from '@procore/core-react';
+import { useStickyToolbar } from './StickyToolbar';
+import { GlobalEditorStyles, StyledTextEditor } from './TextEditor.styles';
+import { TextEditorContext } from './TextEditorProvider';
+import { TextEditorTheme } from './textEditorTheming';
+import { useCKEditorCss } from './useCKEditorCss';
+import { useTabAsNavigation } from './useTabAsNavigation';
+import { addButtonDataAttributes, addPluginsFromStringArray, getDefaultConfig } from './utils';
+
+/**
+ * To ensure your Jest tests work with the CKEditor implementation, wrap your Jest configuration with `textEditorJestConfig`:
+ *
+ * @example
+ *
+ *   // Using Jest config file
+ *
+ *   const { textEditorJestConfig } = require('@procore/text-editor/jestConfig')
+ *
+ *   module.exports = textEditorJestConfig({
+ *     // Your existing Jest config
+ *   })
+ *
+ * @example
+ *
+ *   // Using Hammer
+ *
+ *   import { textEditorJestConfig } from '@procore/text-editor/jestConfig'
+ *
+ *   export default {
+ *     testJest: (defaultConfig) =>
+ *       textEditorJestConfig({
+ *         ...defaultConfig,
+ *         // Your existing Jest config
+ *       }),
+ *   }
+ *
+ * @example
+ *
+ *   // Using Core Scripts
+ *
+ *   const { textEditorJestConfig } = require('@procore/text-editor/jestConfig')
+ *
+ *   module.exports = () => ({
+ *     jestOverride: (defaultConfig) =>
+ *       textEditorJestConfig({
+ *         ...defaultConfig,
+ *         // Your existing Jest config
+ *       }),
+ *   })
+ */
+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,
+    _tinyMCE = _ref.tinyMCE,
+    _init = _ref.init,
+    _onEditorChange = _ref.onEditorChange,
+    _onFocusOut = _ref.onFocusOut,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var _useCKEditorCss = useCKEditorCss(),
+    cssLoading = _useCKEditorCss.isLoading;
+  var editorRef = React.useRef(null);
+  var editorInstanceRef = React.useRef(null);
+  var initialValueRef = React.useRef(value || initialValue || '');
+  var keyDownListenerRef = React.useRef(null);
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isDirtyState = _React$useState2[0],
+    setIsDirtyState = _React$useState2[1];
+  var _React$useState3 = React.useState(false),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    isEditorReady = _React$useState4[0],
+    setIsEditorReady = _React$useState4[1];
+  var _useI18nContext = useI18nContext(),
+    contextLocale = _useI18nContext.locale;
+  var locale = propLocale || contextLocale;
+  React.useEffect(function () {
+    if (value !== undefined) {
+      initialValueRef.current = value;
+    }
+  }, [value]);
+
+  // Cleanup keydown listener on unmount
+  React.useEffect(function () {
+    return function () {
+      if (keyDownListenerRef.current && editorInstanceRef.current) {
+        editorInstanceRef.current.editing.view.document.off('keydown', keyDownListenerRef.current);
+        keyDownListenerRef.current = null;
+      }
+    };
+  }, []);
+  var _useZIndexContext = useZIndexContext(),
+    zIndex = _useZIndexContext.value;
+  var _React$useContext = React.useContext(TextEditorContext),
+    features = _React$useContext.features;
+  var enableStickyToolbar = !!(features !== null && features !== void 0 && features.stickyToolbar);
+  var enableTabAsNavigation = !!(features !== null && features !== void 0 && features.tabAsNavigation);
+  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 focusScope = UNSAFE_useOverridableFocusScope();
+  React.useEffect(function () {
+    focusScope.setProps({
+      contain: false
+    });
+  }, [focusScope]);
+  var bindKeyDownHandler = React.useCallback(function (editor) {
+    if (!onKeyDown) {
+      return;
+    }
+    var editorElement = editor.editing.view.document.getRoot();
+    if (!editorElement) {
+      return;
+    }
+
+    // Remove existing keydown listener
+    if (keyDownListenerRef.current) {
+      editor.editing.view.document.off('keydown', keyDownListenerRef.current);
+    }
+
+    // Create and store the new listener
+    var keyDownListener = function keyDownListener(_event, data) {
+      var domEvent = data.domEvent;
+      onKeyDown(domEvent, editor);
+    };
+    keyDownListenerRef.current = keyDownListener;
+
+    // Add the keydown listener
+    editor.editing.view.document.on('keydown', keyDownListener);
+  }, [onKeyDown]);
+  var handleChange = function handleChange(_event, editor) {
+    var data = editor.getData();
+    var isDirty = data !== initialValueRef.current;
+
+    // Call onDirty only on first content modification
+    if (isDirty && !isDirtyState) {
+      setIsDirtyState(true);
+      onDirty === null || onDirty === void 0 ? void 0 : onDirty();
+    }
+    onChange === null || onChange === void 0 ? void 0 : onChange(data, isDirty);
+  };
+  var handleReady = function handleReady(editor) {
+    addButtonDataAttributes(editor);
+    editorInstanceRef.current = editor;
+    setIsEditorReady(true);
+    if (initialValue) {
+      editor.setData(initialValue);
+    }
+
+    // Bind keydown handler when editor is ready
+    bindKeyDownHandler(editor);
+    onInit === null || onInit === void 0 ? void 0 : onInit(editor);
+  };
+  var handleBlur = function handleBlur(event, editor) {
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(event, editor);
+  };
+  useStickyToolbar({
+    enabled: enableStickyToolbar,
+    editor: isEditorReady ? editorInstanceRef.current : null,
+    editorRef: editorRef,
+    cssLoading: cssLoading
+  });
+  var _useTabAsNavigation = useTabAsNavigation({
+      config: mergedConfig,
+      enabled: enableTabAsNavigation,
+      editor: isEditorReady ? editorInstanceRef.current : null
+    }),
+    config = _useTabAsNavigation.config;
+  var editorKey = "".concat(locale, "-").concat(enableTabAsNavigation);
+  if (cssLoading) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(StyledTextEditor, {
+    ref: editorRef,
+    key: editorKey,
+    error: error
+  }, /*#__PURE__*/React.createElement(GlobalEditorStyles, {
+    zIndex: zIndex + 1
+  }), /*#__PURE__*/React.createElement(TextEditorTheme, null), /*#__PURE__*/React.createElement(CKEditor, _extends({}, restProps, {
+    editor: ClassicEditor,
+    config: config,
+    disabled: disabled,
+    data: value,
+    onChange: handleChange,
+    onReady: handleReady,
+    onBlur: handleBlur
+  })));
+}
+//# sourceMappingURL=TextEditor.js.map

package/dist/TextEditor/TextEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEditor.js","names":["CKEditor","ClassicEditor","React","UNSAFE_useOverridableFocusScope","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","_tinyMCE","tinyMCE","_init","init","_onEditorChange","onEditorChange","_onFocusOut","onFocusOut","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","focusScope","setProps","contain","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 {\n  UNSAFE_useOverridableFocusScope,\n  useI18nContext,\n  useZIndexContext,\n} 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  // Deprecated TinyMCE props - no-op for backward compatibility\n  tinyMCE: _tinyMCE,\n  init: _init,\n  onEditorChange: _onEditorChange,\n  onFocusOut: _onFocusOut,\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 focusScope = UNSAFE_useOverridableFocusScope()\n  React.useEffect(() => {\n    focusScope.setProps({ contain: false })\n  }, [focusScope])\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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"}

package/dist/TextEditor/TextEditor.styles.js

@@ -0,0 +1,26 @@
+import { colors } from '@procore/core-react';
+import styled, { createGlobalStyle } from 'styled-components';
+export var GlobalEditorStyles = /*#__PURE__*/createGlobalStyle([":root{--ck-z-default:", ";--ck-z-modal:", ";}.ck-body-wrapper{--ck-z-default:", ";--ck-z-modal:", ";}.ck-balloon-panel{z-index:", " !important;}.ck-content{padding:16px 28px !important;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu,Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;line-height:1.4;p{margin-top:0 !important;margin-bottom:0 !important;}ol,ol ol,ol ol ol{list-style-type:revert-layer;}}[data-id=\"modal\"] .ck-sticky-panel__content_sticky{top:var(--modal-header-height,84px) !important;}"], function (_ref) {
+  var zIndex = _ref.zIndex;
+  return zIndex;
+}, function (_ref2) {
+  var zIndex = _ref2.zIndex;
+  return zIndex + 999;
+}, function (_ref3) {
+  var zIndex = _ref3.zIndex;
+  return zIndex;
+}, function (_ref4) {
+  var zIndex = _ref4.zIndex;
+  return zIndex + 999;
+}, function (_ref5) {
+  var zIndex = _ref5.zIndex;
+  return zIndex + 1000;
+});
+export var StyledTextEditor = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledTextEditor",
+  componentId: "text-editor-0_0_1__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    ");
+});
+//# sourceMappingURL=TextEditor.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextEditor.styles.js","names":["colors","styled","createGlobalStyle","GlobalEditorStyles","_ref","zIndex","_ref2","_ref3","_ref4","_ref5","StyledTextEditor","div","withConfig","displayName","componentId","_ref6","error","concat","red50"],"sources":["../../src/TextEditor/TextEditor.styles.ts"],"sourcesContent":["import { colors } 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  }\n  \n  .ck-body-wrapper {\n    --ck-z-default: ${({ zIndex }) => zIndex};\n    --ck-z-modal: ${({ zIndex }) => zIndex + 999};\n  }\n  \n  .ck-balloon-panel {\n    z-index: ${({ zIndex }) => zIndex + 1000} !important;\n  }\n\n  .ck-content {\n    padding: 16px 28px !important;\n    font-family:\n      -apple-system,\n      BlinkMacSystemFont,\n      \"Segoe UI\",\n      Roboto,\n      Oxygen,\n      Ubuntu,\n      Cantarell,\n      \"Open Sans\",\n      \"Helvetica Neue\",\n      sans-serif;\n    line-height: 1.4;\n\n    p {\n      margin-top: 0 !important;\n      margin-bottom: 0 !important;\n    }\n\n    ol,\n    ol ol,\n    ol ol ol {\n      list-style-type: revert-layer;\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}>`\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"],"mappings":"AAAA,SAASA,MAAM,QAAQ,qBAAqB;AAC5C,OAAOC,MAAM,IAAIC,iBAAiB,QAAQ,mBAAmB;AAE7D,OAAO,IAAMC,kBAAkB,gBAAGD,iBAAiB,iiBAI7B,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,GAI1B,UAAAE,KAAA;EAAA,IAAGF,MAAM,GAAAE,KAAA,CAANF,MAAM;EAAA,OAAOA,MAAM;AAAA,GACxB,UAAAG,KAAA;EAAA,IAAGH,MAAM,GAAAG,KAAA,CAANH,MAAM;EAAA,OAAOA,MAAM,GAAG,GAAG;AAAA,GAIjC,UAAAI,KAAA;EAAA,IAAGJ,MAAM,GAAAI,KAAA,CAANJ,MAAM;EAAA,OAAOA,MAAM,GAAG,IAAI;AAAA,EAiC3C;AAED,OAAO,IAAMK,gBAAgB,gBAAGT,MAAM,CAACU,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAGtC,UAAAC,KAAA;EAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;EAAA,OACRA,KAAK,sEAAAC,MAAA,CAGmBjB,MAAM,CAACkB,KAAK,+CAAAD,MAAA,CACXjB,MAAM,CAACkB,KAAK,gDAAAD,MAAA,CACXjB,MAAM,CAACkB,KAAK,wFAAAD,MAAA,CAIbjB,MAAM,CAACkB,KAAK,gDAAAD,MAAA,CACXjB,MAAM,CAACkB,KAAK,iDAAAD,MAAA,CACXjB,MAAM,CAACkB,KAAK,gCAEtC;AAAA,EACJ"}

package/dist/TextEditor/TextEditor.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TextEditor.types.js.map

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

@@ -0,0 +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  //--- Deprecated TinyMCE-specific props\n\n  /**\n   * If you experience problems with the new editor implementation, you can use this to **temporarily** switch back to legacy version while you report the issue.\n   *\n   * @deprecated This property will be removed in a future version. TinyMCE support has been removed.\n   * @since 10.19.0\n   */\n  tinyMCE?: boolean\n\n  /**\n   * Config for when the editor is initialized. **Changes after the editor has initialized are ignored.**\n   *\n   * @link [TinyMCE React Init](https://www.tiny.cloud/docs/integrations/react/#init)\n   * @unsupported Use at your own risk. DST makes no guarantees about this API,\n   * and is subject to removal at any point without warning or deprecation.\n   * @deprecated `init` has been deprecated and will be removed in a future version. TinyMCE support has been removed.\n   * @since 10.19.0\n   */\n  init?: any\n\n  /**\n   * Callback fired when the editor content changes\n   *\n   * @deprecated `onEditorChange` has been deprecated and will be removed in a future version. TinyMCE support has been removed. Use `onChange` instead.\n   * @since 10.19.0\n   */\n  onEditorChange?: (value: string) => void\n\n  /**\n   * Callback fired when the editor gains focus\n   *\n   * @deprecated `onFocusIn` has been deprecated and will be removed in a future version. TinyMCE support has been removed. Use `onFocus` instead.\n   * @since 10.19.0\n   */\n  onFocusIn?: (...args: any[]) => void\n\n  /**\n   * Callback fired when the editor loses focus\n   *\n   * @deprecated `onFocusOut` has been deprecated and will be removed in a future version. TinyMCE support has been removed. Use `onBlur` instead.\n   * @since 10.19.0\n   */\n  onFocusOut?: (...args: any[]) => void\n}\n\nexport type KeyDownListener = (\n  event: EventInfo,\n  data: { domEvent: Event }\n) => void\n"],"mappings":""}