@procore/core-react 12.26.5 → 12.27.0

package/dist/Tabs/Tabs.styles.js

@@ -17,17 +17,17 @@ var borderRadius = /*#__PURE__*/css(["border-radius:", "px ", "px 0 0;"], spacin
  */
 var StyledTabBase = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTabBase",
-  componentId: "core-12_26_5__sc-17s58xs-0"
+  componentId: "core-12_27_0__sc-17s58xs-0"
 })(["align-items:center;box-sizing:border-box;cursor:pointer;display:inline-flex;flex:0 0 auto;justify-content:center;position:relative;white-space:nowrap;text-decoration:none;background-color:transparent;border:none;font-family:inherit;padding:0;"]);
 var StyledTabInnerBase = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTabInnerBase",
-  componentId: "core-12_26_5__sc-17s58xs-1"
+  componentId: "core-12_27_0__sc-17s58xs-1"
 })(["align-self:baseline;box-sizing:border-box;&,> a{display:flex;text-decoration:none;width:100%;}"]);
 
 // This so that it can be visible/hidden via CSS down below
 var StyledDropdownTabBase = /*#__PURE__*/styled(StyledTabBase).withConfig({
   displayName: "StyledDropdownTabBase",
-  componentId: "core-12_26_5__sc-17s58xs-2"
+  componentId: "core-12_27_0__sc-17s58xs-2"
 })(["", ""], hiddenTab);
 
 //// END BASE LAYOUT COMPONENTS FOR TABS ////
@@ -50,11 +50,11 @@ function getTabStyle() {
 }
 var StyledTab = /*#__PURE__*/styled(StyledTabBase).withConfig({
   displayName: "StyledTab",
-  componentId: "core-12_26_5__sc-17s58xs-3"
+  componentId: "core-12_27_0__sc-17s58xs-3"
 })(["", ""], getTabStyle);
 var StyledTabInner = /*#__PURE__*/styled(StyledTabInnerBase).withConfig({
   displayName: "StyledTabInner",
-  componentId: "core-12_26_5__sc-17s58xs-4"
+  componentId: "core-12_27_0__sc-17s58xs-4"
 })(["", " padding:0 ", "px;font-weight:", ";&,> a{", ";color:", ";height:23px;}", ""], getTypographyIntent('body'), spacing.xs, function (_ref3) {
   var $selected = _ref3.$selected;
   return $selected ? 600 : 400;
@@ -67,15 +67,15 @@ var StyledTabInner = /*#__PURE__*/styled(StyledTabInnerBase).withConfig({
 });
 var StyledDropdownTab = /*#__PURE__*/styled(StyledDropdownTabBase).withConfig({
   displayName: "StyledDropdownTab",
-  componentId: "core-12_26_5__sc-17s58xs-5"
+  componentId: "core-12_27_0__sc-17s58xs-5"
 })(["", ""], getTabStyle);
 var StyledDropdownTabInner = /*#__PURE__*/styled(StyledTabInner).withConfig({
   displayName: "StyledDropdownTabInner",
-  componentId: "core-12_26_5__sc-17s58xs-6"
+  componentId: "core-12_27_0__sc-17s58xs-6"
 })(["align-items:center;cursor:pointer;display:inline-flex;"]);
 var StyledLink = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledLink",
-  componentId: "core-12_26_5__sc-17s58xs-7"
+  componentId: "core-12_27_0__sc-17s58xs-7"
 })(["align-items:center;display:flex;height:23px;", ";box-sizing:border-box;"], borderRadius);
 
 //// END TRADITIONAL DESIGN SYSTEM TAB STYLES ////
@@ -92,34 +92,34 @@ function getHelixHeaderTabStyles() {
 }
 var StyledGlobalNavigationTab = /*#__PURE__*/styled(StyledTabBase).withConfig({
   displayName: "StyledGlobalNavigationTab",
-  componentId: "core-12_26_5__sc-17s58xs-8"
+  componentId: "core-12_27_0__sc-17s58xs-8"
 })(["", ""], getHelixHeaderTabStyles);
 var StyledGlobalNavigationDropdownTab = /*#__PURE__*/styled(StyledDropdownTabBase).withConfig({
   displayName: "StyledGlobalNavigationDropdownTab",
-  componentId: "core-12_26_5__sc-17s58xs-9"
+  componentId: "core-12_27_0__sc-17s58xs-9"
 })(["", ""], getHelixHeaderTabStyles);
 var StyledGlobalNavigationDropdownTabInner = /*#__PURE__*/styled(StyledTabInnerBase).withConfig({
   displayName: "StyledGlobalNavigationDropdownTabInner",
-  componentId: "core-12_26_5__sc-17s58xs-10"
+  componentId: "core-12_27_0__sc-17s58xs-10"
 })(["align-items:center;cursor:pointer;display:inline-flex;"]);
 var StyledGlobalNavigationLink = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledGlobalNavigationLink",
-  componentId: "core-12_26_5__sc-17s58xs-11"
+  componentId: "core-12_27_0__sc-17s58xs-11"
 })(["padding-left:6px;padding-right:6px;"]);
 
 //// END HELIX GLOBAL NAVIGATION TAB STYLES ////
 
 export var StyledOverlay = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledOverlay",
-  componentId: "core-12_26_5__sc-17s58xs-12"
+  componentId: "core-12_27_0__sc-17s58xs-12"
 })(["max-height:40vh;", "{padding:0;display:flex;justify-content:center;a{margin:unset;padding:unset;}}", "{padding:0;display:flex;}", "{padding:2px 16px 4px 16px;}", ",", "{color:", ";border-radius:0;display:flex;width:100%;background:inherit;font-weight:inherit;font-size:inherit;padding:0;}[data-selected='true']{", ",", "{border-bottom-color:transparent;color:", ";}}"], StyledItem, StyledLink, StyledTabInnerBase, StyledLink, StyledTabBase, colors.gray15, StyledLink, StyledTabBase, colors.blue50);
 export var StyledTabList = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTabList",
-  componentId: "core-12_26_5__sc-17s58xs-13"
+  componentId: "core-12_27_0__sc-17s58xs-13"
 })(["display:flex;width:100%;"]);
 export var StyledTabs = /*#__PURE__*/styled.nav.withConfig({
   displayName: "StyledTabs",
-  componentId: "core-12_26_5__sc-17s58xs-14"
+  componentId: "core-12_27_0__sc-17s58xs-14"
 })(["background-color:", ";display:flex;overflow:hidden;width:100%;", "{&:nth-child(1n + ", "){&:not(", "){", "}}}", ""], function (_ref6) {
   var $dark = _ref6.$dark;
   return $dark && colors.gray15;

package/dist/Tearsheet/Tearsheet.styles.js

@@ -48,7 +48,7 @@ var getSlideOutAnimation = function getSlideOutAnimation($placement) {
 };
 export var StyledTearsheetContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTearsheetContent",
-  componentId: "core-12_26_5__sc-ljrxoq-0"
+  componentId: "core-12_27_0__sc-ljrxoq-0"
 })(["display:flex;z-index:2;width:100%;", " ", " ", " ", ""], function (_ref) {
   var $open = _ref.$open,
     $placement = _ref.$placement;
@@ -68,7 +68,7 @@ export var StyledTearsheetContent = /*#__PURE__*/styled.div.withConfig({
 export var minScrimSize = spacing.xxl * 3;
 export var StyledTearsheetBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTearsheetBody",
-  componentId: "core-12_26_5__sc-ljrxoq-1"
+  componentId: "core-12_27_0__sc-ljrxoq-1"
 })(["display:flex;overflow-y:auto;flex-direction:column;background-color:", ";&:focus-visible{", "}", " ", "}"], colors.white, getFocusInset(), function (_ref5) {
   var $block = _ref5.$block,
     $placement = _ref5.$placement,
@@ -89,7 +89,7 @@ var zoomIn = /*#__PURE__*/keyframes(["from{transform:scale(0);}to{transform:scal
 var zoomOut = /*#__PURE__*/keyframes(["from{transform:scale(1);}to{transform:scale(0);}"]);
 export var StyledScrimContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledScrimContainer",
-  componentId: "core-12_26_5__sc-ljrxoq-2"
+  componentId: "core-12_27_0__sc-ljrxoq-2"
 })(["", ""], function (_ref7) {
   var $placement = _ref7.$placement;
   var minSizeProp = ['top', 'bottom'].includes($placement) ? 'min-height' : 'min-width';
@@ -97,7 +97,7 @@ export var StyledScrimContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledButtonContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledButtonContainer",
-  componentId: "core-12_26_5__sc-ljrxoq-3"
+  componentId: "core-12_27_0__sc-ljrxoq-3"
 })(["", ""], function (_ref8) {
   var $placement = _ref8.$placement;
   switch ($placement) {
@@ -112,7 +112,7 @@ export var StyledButtonContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledButtonCard = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledButtonCard",
-  componentId: "core-12_26_5__sc-ljrxoq-4"
+  componentId: "core-12_27_0__sc-ljrxoq-4"
 })(["display:inline-flex;margin:", "px;", " ", " ", ""], spacing.xl, function (_ref9) {
   var $open = _ref9.$open;
   return $open ? css(["transform:scale(1);"]) : css(["transform:scale(0);"]);

package/dist/TextArea/TextArea.styles.js

@@ -3,7 +3,7 @@ import { getInputStyles } from '../Input/Input.styles';
 import { spacing } from '../_styles/spacing';
 export var StyledTextArea = /*#__PURE__*/styled.textarea.withConfig({
   displayName: "StyledTextArea",
-  componentId: "core-12_26_5__sc-u5mow1-0"
+  componentId: "core-12_27_0__sc-u5mow1-0"
 })(["", ";height:auto;min-height:64px;padding:", "px ", "px;resize:", ";"], getInputStyles, spacing.sm, spacing.md, function (_ref) {
   var _ref$$resize = _ref.$resize,
     $resize = _ref$$resize === void 0 ? 'both' : _ref$$resize;

package/dist/TextEditor/EditorError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorError.js","names":["React","Banner","EditorError","_ref","children","createElement","variant","Content","Body"],"sources":["../../src/TextEditor/EditorError.tsx"],"sourcesContent":["import React, { type PropsWithChildren } from 'react'\nimport { Banner } from '../Banner'\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,OAAOA,KAAK,MAAkC,OAAO;AACrD,SAASC,MAAM,QAAQ,WAAW;AAElC,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAA4C;EAAA,IAAtCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACpC,oBACEJ,KAAA,CAAAK,aAAA,CAACJ,MAAM;IAACK,OAAO,EAAC;EAAO,gBACrBN,KAAA,CAAAK,aAAA,CAACJ,MAAM,CAACM,OAAO,qBACbP,KAAA,CAAAK,aAAA,CAACJ,MAAM,CAACO,IAAI,QAAEJ,QAAsB,CACtB,CACV,CAAC;AAEb,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"StickyToolbar.types.js","names":[],"sources":["../../../src/TextEditor/StickyToolbar/StickyToolbar.types.ts"],"sourcesContent":["export interface StickyToolbarState {\n  toolbar: HTMLElement | null\n  placeholder: HTMLElement | null\n  isSticky: boolean\n}\n"],"mappings":""}

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

@@ -0,0 +1 @@
+{"version":3,"file":"StickyToolbar.utils.js","names":["StickyToolbarManager","_this","_classCallCheck","_defineProperty","toolbar","placeholder","isSticky","_this$state","state","editorContainer","closest","editorRect","getBoundingClientRect","toolbarHeight","offsetHeight","shouldBeSticky","top","bottom","toggleSticky","updatePosition","_createClass","key","value","sticky","_this$state2","style","height","concat","Object","assign","position","left","width","zIndex","background","borderBottom","resetToolbarStyles","init","_toolbar$parentNode","querySelector","document","createElement","visibility","parentNode","insertBefore","window","addEventListener","handleScroll","destroy","removeEventListener","DOMRect","remove","createStickyToolbar","manager","retryTimeout","retryCount","maxRetries","setTimeout","clearTimeout"],"sources":["../../../src/TextEditor/StickyToolbar/StickyToolbar.utils.ts"],"sourcesContent":["import type { StickyToolbarState } from './StickyToolbar.types'\n\nclass StickyToolbarManager {\n  private state: StickyToolbarState = {\n    toolbar: null,\n    placeholder: null,\n    isSticky: false,\n  }\n\n  private handleScroll = () => {\n    const { toolbar, placeholder } = this.state\n    if (!toolbar || !placeholder) {\n      return\n    }\n\n    const editorContainer = toolbar.closest('.ck-editor')\n    if (!editorContainer) {\n      return\n    }\n\n    const editorRect = editorContainer.getBoundingClientRect()\n    const toolbarHeight = toolbar.offsetHeight\n    const shouldBeSticky =\n      editorRect.top <= 0 && editorRect.bottom > toolbarHeight\n\n    if (shouldBeSticky !== this.state.isSticky) {\n      this.toggleSticky(shouldBeSticky, editorRect)\n    } else if (shouldBeSticky) {\n      this.updatePosition(editorRect)\n    }\n  }\n\n  private toggleSticky(sticky: boolean, editorRect: DOMRect) {\n    const { toolbar, placeholder } = this.state\n    if (!toolbar || !placeholder) {\n      return\n    }\n\n    this.state.isSticky = sticky\n\n    if (sticky) {\n      placeholder.style.height = `${toolbar.offsetHeight}px`\n      Object.assign(toolbar.style, {\n        position: 'fixed',\n        top: '0px',\n        left: `${editorRect.left}px`,\n        width: `${editorRect.width}px`,\n        zIndex: '1000',\n        background: 'var(--ck-color-toolbar-background, #fff)',\n        borderBottom: '1px solid var(--ck-color-toolbar-border, #ccc)',\n      })\n    } else {\n      placeholder.style.height = '0px'\n      this.resetToolbarStyles(toolbar)\n    }\n  }\n\n  private updatePosition(editorRect: DOMRect) {\n    const { toolbar } = this.state\n    if (!toolbar) {\n      return\n    }\n\n    toolbar.style.left = `${editorRect.left}px`\n    toolbar.style.width = `${editorRect.width}px`\n  }\n\n  private resetToolbarStyles(toolbar: HTMLElement) {\n    Object.assign(toolbar.style, {\n      position: '',\n      top: '',\n      left: '',\n      width: '',\n      zIndex: '',\n      background: '',\n      borderBottom: '',\n    })\n  }\n\n  init(editorContainer: HTMLElement): boolean {\n    const toolbar = editorContainer.querySelector('.ck-toolbar') as HTMLElement\n    if (!toolbar) {\n      return false\n    }\n\n    this.resetToolbarStyles(toolbar)\n\n    const placeholder = document.createElement('div')\n    placeholder.style.height = '0px'\n    placeholder.style.visibility = 'hidden'\n    toolbar.parentNode?.insertBefore(placeholder, toolbar)\n\n    this.state = { toolbar, placeholder, isSticky: false }\n\n    window.addEventListener('scroll', this.handleScroll)\n    window.addEventListener('resize', this.handleScroll)\n\n    this.handleScroll()\n\n    return true\n  }\n\n  destroy(): void {\n    window.removeEventListener('scroll', this.handleScroll)\n    window.removeEventListener('resize', this.handleScroll)\n\n    if (this.state.isSticky && this.state.toolbar) {\n      this.toggleSticky(false, new DOMRect())\n    }\n\n    if (this.state.placeholder) {\n      this.state.placeholder.remove()\n    }\n\n    this.state = { toolbar: null, placeholder: null, isSticky: false }\n  }\n}\n\nexport function createStickyToolbar(editorContainer: HTMLElement) {\n  const manager = new StickyToolbarManager()\n  let retryTimeout: ReturnType<typeof setTimeout> | null = null\n  let retryCount = 0\n  const maxRetries = 50\n\n  const init = () => {\n    if (!manager.init(editorContainer)) {\n      if (retryCount < maxRetries) {\n        retryCount++\n        retryTimeout = setTimeout(init, 100)\n      }\n    }\n  }\n\n  init()\n\n  return {\n    destroy: () => {\n      if (retryTimeout) {\n        clearTimeout(retryTimeout)\n        retryTimeout = null\n      }\n      manager.destroy()\n    },\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["createStickyToolbar","useStickyToolbar"],"sources":["../../../src/TextEditor/StickyToolbar/index.ts"],"sourcesContent":["export type { StickyToolbarState } from './StickyToolbar.types'\nexport { createStickyToolbar } from './StickyToolbar.utils'\nexport { useStickyToolbar } from './useStickyToolbar'\nexport type {\n  UseStickyToolbarProps,\n  UseStickyToolbarReturn,\n} from './useStickyToolbar.types'\n"],"mappings":"AACA,SAASA,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,gBAAgB,QAAQ,oBAAoB"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"useStickyToolbar.js","names":["useEffect","useMemo","createStickyToolbar","useStickyToolbar","_ref","enabled","editorRef","config","editor","_ref$cssLoading","cssLoading","enhancedConfig","_objectSpread","ui","viewportOffset","top","right","bottom","left","current","view","stickyPanel","isActive","stickyToolbar","destroy"],"sources":["../../../src/TextEditor/StickyToolbar/useStickyToolbar.ts"],"sourcesContent":["import { useEffect, useMemo } from 'react'\n\nimport { createStickyToolbar } from './StickyToolbar.utils'\nimport type {\n  UseStickyToolbarProps,\n  UseStickyToolbarReturn,\n} from './useStickyToolbar.types'\n\nexport function useStickyToolbar({\n  enabled,\n  editorRef,\n  config,\n  editor,\n  cssLoading = false,\n}: UseStickyToolbarProps): UseStickyToolbarReturn {\n  const enhancedConfig = useMemo(() => {\n    if (!enabled) {\n      return config\n    }\n\n    // Disable CKEditor's built-in sticky toolbar\n    return {\n      ...config,\n      ui: {\n        ...config.ui,\n        viewportOffset: {\n          top: 10000,\n          right: 0,\n          bottom: 0,\n          left: 0,\n        },\n      },\n    }\n  }, [enabled, config])\n\n  useEffect(() => {\n    if (!enabled || !editorRef.current || cssLoading) {\n      return\n    }\n\n    // Disable CKEditor's built-in sticky toolbar\n    if (editor?.ui.view.stickyPanel) {\n      editor.ui.view.stickyPanel.isActive = false\n    }\n\n    const stickyToolbar = createStickyToolbar(editorRef.current)\n    return stickyToolbar.destroy\n  }, [enabled, editorRef, editor, cssLoading])\n\n  return { config: enhancedConfig }\n}\n"],"mappings":";;;;;;AAAA,SAASA,SAAS,EAAEC,OAAO,QAAQ,OAAO;AAE1C,SAASC,mBAAmB,QAAQ,uBAAuB;AAM3D,OAAO,SAASC,gBAAgBA,CAAAC,IAAA,EAMkB;EAAA,IALhDC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IAAAC,eAAA,GAAAL,IAAA,CACNM,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA;EAElB,IAAME,cAAc,GAAGV,OAAO,CAAC,YAAM;IACnC,IAAI,CAACI,OAAO,EAAE;MACZ,OAAOE,MAAM;IACf;;IAEA;IACA,OAAAK,aAAA,CAAAA,aAAA,KACKL,MAAM;MACTM,EAAE,EAAAD,aAAA,CAAAA,aAAA,KACGL,MAAM,CAACM,EAAE;QACZC,cAAc,EAAE;UACdC,GAAG,EAAE,KAAK;UACVC,KAAK,EAAE,CAAC;UACRC,MAAM,EAAE,CAAC;UACTC,IAAI,EAAE;QACR;MAAC;IACF;EAEL,CAAC,EAAE,CAACb,OAAO,EAAEE,MAAM,CAAC,CAAC;EAErBP,SAAS,CAAC,YAAM;IACd,IAAI,CAACK,OAAO,IAAI,CAACC,SAAS,CAACa,OAAO,IAAIT,UAAU,EAAE;MAChD;IACF;;IAEA;IACA,IAAIF,MAAM,aAANA,MAAM,eAANA,MAAM,CAAEK,EAAE,CAACO,IAAI,CAACC,WAAW,EAAE;MAC/Bb,MAAM,CAACK,EAAE,CAACO,IAAI,CAACC,WAAW,CAACC,QAAQ,GAAG,KAAK;IAC7C;IAEA,IAAMC,aAAa,GAAGrB,mBAAmB,CAACI,SAAS,CAACa,OAAO,CAAC;IAC5D,OAAOI,aAAa,CAACC,OAAO;EAC9B,CAAC,EAAE,CAACnB,OAAO,EAAEC,SAAS,EAAEE,MAAM,EAAEE,UAAU,CAAC,CAAC;EAE5C,OAAO;IAAEH,MAAM,EAAEI;EAAe,CAAC;AACnC"}

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, EditorConfig } from 'ckeditor5'\nimport type { RefObject } from 'react'\n\nexport interface UseStickyToolbarProps {\n  enabled: boolean\n  editorRef: RefObject<HTMLDivElement>\n  config: EditorConfig\n  editor?: ClassicEditor | null\n  cssLoading?: boolean\n}\n\nexport interface UseStickyToolbarReturn {\n  config: EditorConfig\n}\n"],"mappings":""}

package/dist/TextEditor/TextEditor.d.ts

@@ -1,3 +1,44 @@
 import React from 'react';
 import type { TextEditorProps } from './TextEditor.types';
-export declare const TextEditor: (props: TextEditorProps) => React.JSX.Element;
+/**
+ * To ensure your Jest tests work with the new CKEditor implementation, wrap your Jest configuration with `coreReactJestConfig`:
+ *
+ * @example
+ *
+ *   // Using Jest config file
+ *
+ *   const { coreReactJestConfig } = require('@procore/core-react/jestConfig')
+ *
+ *   module.exports = coreReactJestConfig({
+ *     // Your existing Jest config
+ *   })
+ *
+ * @example
+ *
+ *   // Using Hammer
+ *
+ *   import { coreReactJestConfig } from '@procore/core-react/jestConfig'
+ *
+ *   export default {
+ *     testJest: (defaultConfig) =>
+ *       coreReactJestConfig({
+ *         ...defaultConfig,
+ *         // Your existing Jest config
+ *       }),
+ *   }
+ *
+ * @example
+ *
+ *   // Using Core Scripts
+ *
+ *   const { coreReactJestConfig } = require('@procore/core-react/jestConfig')
+ *
+ *   module.exports = () => ({
+ *     jestOverride: (defaultConfig) =>
+ *       coreReactJestConfig({
+ *         ...defaultConfig,
+ *         // Your existing Jest config
+ *       }),
+ *   })
+ */
+export declare function TextEditor({ disabled, error, value, initialValue, onChange, onInit, onBlur, config: externalConfig, plugins: stringPlugins, locale: propLocale, ...restProps }: TextEditorProps): React.JSX.Element | null;

package/dist/TextEditor/TextEditor.js

@@ -1,15 +1,180 @@
-var _excluded = ["tinyMCE"];
+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", "config", "plugins", "locale"];
+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 { DeprecatedTextEditor } from '../DeprecatedTextEditor';
-import { NextTextEditor } from '../NextTextEditor';
-export var TextEditor = function TextEditor(props) {
-  var tinyMCE = props.tinyMCE,
-    restProps = _objectWithoutProperties(props, _excluded);
-  if (tinyMCE) {
-    return /*#__PURE__*/React.createElement(DeprecatedTextEditor, restProps);
+import { useOverridableFocusScope } from '../_hooks/FocusScopeOverride';
+import { useI18nContext } from '../_hooks/I18n';
+import { useZIndexContext } from '../_hooks/ZIndex';
+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 new CKEditor implementation, wrap your Jest configuration with `coreReactJestConfig`:
+ *
+ * @example
+ *
+ *   // Using Jest config file
+ *
+ *   const { coreReactJestConfig } = require('@procore/core-react/jestConfig')
+ *
+ *   module.exports = coreReactJestConfig({
+ *     // Your existing Jest config
+ *   })
+ *
+ * @example
+ *
+ *   // Using Hammer
+ *
+ *   import { coreReactJestConfig } from '@procore/core-react/jestConfig'
+ *
+ *   export default {
+ *     testJest: (defaultConfig) =>
+ *       coreReactJestConfig({
+ *         ...defaultConfig,
+ *         // Your existing Jest config
+ *       }),
+ *   }
+ *
+ * @example
+ *
+ *   // Using Core Scripts
+ *
+ *   const { coreReactJestConfig } = require('@procore/core-react/jestConfig')
+ *
+ *   module.exports = () => ({
+ *     jestOverride: (defaultConfig) =>
+ *       coreReactJestConfig({
+ *         ...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,
+    externalConfig = _ref.config,
+    stringPlugins = _ref.plugins,
+    propLocale = _ref.locale,
+    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 _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isDirtyState = _React$useState2[0],
+    setIsDirtyState = _React$useState2[1];
+  var _useI18nContext = useI18nContext(),
+    contextLocale = _useI18nContext.locale;
+  var locale = propLocale || contextLocale;
+  React.useEffect(function () {
+    if (value !== undefined) {
+      initialValueRef.current = value;
+    }
+  }, [value]);
+  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 = useOverridableFocusScope();
+  React.useEffect(function () {
+    focusScope.setProps({
+      contain: false
+    });
+  }, [focusScope]);
+  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);
+    }
+    onChange === null || onChange === void 0 ? void 0 : onChange(data, isDirty);
+  };
+  var handleReady = function handleReady(editor) {
+    addButtonDataAttributes(editor);
+    editorInstanceRef.current = editor;
+    if (initialValue) {
+      editor.setData(initialValue);
+    }
+    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);
+  };
+  var _useStickyToolbar = useStickyToolbar({
+      config: mergedConfig,
+      enabled: enableStickyToolbar,
+      editor: editorInstanceRef.current,
+      editorRef: editorRef,
+      cssLoading: cssLoading
+    }),
+    stickyConfig = _useStickyToolbar.config;
+  var _useTabAsNavigation = useTabAsNavigation({
+      config: stickyConfig,
+      enabled: enableTabAsNavigation,
+      editor: editorInstanceRef.current
+    }),
+    config = _useTabAsNavigation.config;
+  var editorKey = "".concat(locale, "-").concat(enableTabAsNavigation);
+  if (cssLoading) {
+    return null;
   }
-  return /*#__PURE__*/React.createElement(NextTextEditor, restProps);
-};
+  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

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.js","names":["React","DeprecatedTextEditor","NextTextEditor","TextEditor","props","tinyMCE","restProps","_objectWithoutProperties","_excluded","createElement"],"sources":["../../src/TextEditor/TextEditor.tsx"],"sourcesContent":["import React from 'react'\nimport { DeprecatedTextEditor } from '../DeprecatedTextEditor'\nimport { NextTextEditor } from '../NextTextEditor'\nimport type { TextEditorProps } from './TextEditor.types'\n\nexport const TextEditor = (props: TextEditorProps) => {\n  const { tinyMCE, ...restProps } = props\n\n  if (tinyMCE) {\n    return <DeprecatedTextEditor {...restProps} />\n  }\n\n  return <NextTextEditor {...restProps} />\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,oBAAoB,QAAQ,yBAAyB;AAC9D,SAASC,cAAc,QAAQ,mBAAmB;AAGlD,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAsB,EAAK;EACpD,IAAQC,OAAO,GAAmBD,KAAK,CAA/BC,OAAO;IAAKC,SAAS,GAAAC,wBAAA,CAAKH,KAAK,EAAAI,SAAA;EAEvC,IAAIH,OAAO,EAAE;IACX,oBAAOL,KAAA,CAAAS,aAAA,CAACR,oBAAoB,EAAKK,SAAY,CAAC;EAChD;EAEA,oBAAON,KAAA,CAAAS,aAAA,CAACP,cAAc,EAAKI,SAAY,CAAC;AAC1C,CAAC"}
+{"version":3,"file":"TextEditor.js","names":["CKEditor","ClassicEditor","React","useOverridableFocusScope","useI18nContext","useZIndexContext","useStickyToolbar","GlobalEditorStyles","StyledTextEditor","TextEditorContext","TextEditorTheme","useCKEditorCss","useTabAsNavigation","addButtonDataAttributes","addPluginsFromStringArray","getDefaultConfig","TextEditor","_ref","disabled","error","value","initialValue","onChange","onInit","onBlur","externalConfig","config","stringPlugins","plugins","propLocale","locale","restProps","_objectWithoutProperties","_excluded","_useCKEditorCss","cssLoading","isLoading","editorRef","useRef","editorInstanceRef","initialValueRef","_React$useState","useState","_React$useState2","_slicedToArray","isDirtyState","setIsDirtyState","_useI18nContext","contextLocale","useEffect","undefined","current","_useZIndexContext","zIndex","_React$useContext","useContext","features","enableStickyToolbar","stickyToolbar","enableTabAsNavigation","tabAsNavigation","mergedConfig","useMemo","defaultConfig","configWithPlugins","length","externalResult","finalConfig","_objectSpread","focusScope","setProps","contain","handleChange","_event","editor","data","getData","isDirty","handleReady","setData","handleBlur","event","_useStickyToolbar","enabled","stickyConfig","_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 { useOverridableFocusScope } from '../_hooks/FocusScopeOverride'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useZIndexContext } from '../_hooks/ZIndex'\nimport { useStickyToolbar } from './StickyToolbar'\nimport { GlobalEditorStyles, StyledTextEditor } from './TextEditor.styles'\nimport type { 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 new CKEditor implementation, wrap your Jest configuration with `coreReactJestConfig`:\n *\n * @example\n *\n *   // Using Jest config file\n *\n *   const { coreReactJestConfig } = require('@procore/core-react/jestConfig')\n *\n *   module.exports = coreReactJestConfig({\n *     // Your existing Jest config\n *   })\n *\n * @example\n *\n *   // Using Hammer\n *\n *   import { coreReactJestConfig } from '@procore/core-react/jestConfig'\n *\n *   export default {\n *     testJest: (defaultConfig) =>\n *       coreReactJestConfig({\n *         ...defaultConfig,\n *         // Your existing Jest config\n *       }),\n *   }\n *\n * @example\n *\n *   // Using Core Scripts\n *\n *   const { coreReactJestConfig } = require('@procore/core-react/jestConfig')\n *\n *   module.exports = () => ({\n *     jestOverride: (defaultConfig) =>\n *       coreReactJestConfig({\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  config: externalConfig,\n  plugins: stringPlugins,\n  locale: propLocale,\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 [isDirtyState, setIsDirtyState] = 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  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 = useOverridableFocusScope()\n  React.useEffect(() => {\n    focusScope.setProps({ contain: false })\n  }, [focusScope])\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    }\n\n    onChange?.(data, isDirty)\n  }\n\n  const handleReady = (editor: ClassicEditor) => {\n    addButtonDataAttributes(editor)\n    editorInstanceRef.current = editor\n\n    if (initialValue) {\n      editor.setData(initialValue)\n    }\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  const { config: stickyConfig } = useStickyToolbar({\n    config: mergedConfig,\n    enabled: enableStickyToolbar,\n    editor: editorInstanceRef.current,\n    editorRef,\n    cssLoading,\n  })\n\n  const { config } = useTabAsNavigation({\n    config: stickyConfig,\n    enabled: enableTabAsNavigation,\n    editor: editorInstanceRef.current,\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/{NextTextEditor/NextTextEditor.styles.js → TextEditor/TextEditor.styles.js}

@@ -1,6 +1,6 @@
 import styled, { createGlobalStyle } from 'styled-components';
 import { colors } from '../_styles/colors';
-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;}ul,ol{li .ck-list-bogus-paragraph > br{display:none;}}ol,ol ol,ol ol ol{list-style-type:revert-layer;}}"], function (_ref) {
+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;}}"], function (_ref) {
   var zIndex = _ref.zIndex;
   return zIndex;
 }, function (_ref2) {
@@ -18,9 +18,9 @@ export var GlobalEditorStyles = /*#__PURE__*/createGlobalStyle([":root{--ck-z-de
 });
 export var StyledTextEditor = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTextEditor",
-  componentId: "core-12_26_5__sc-e12rsq-0"
+  componentId: "core-12_27_0__sc-1hpwgdu-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=NextTextEditor.styles.js.map
+//# sourceMappingURL=TextEditor.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextEditor.styles.js","names":["styled","createGlobalStyle","colors","GlobalEditorStyles","_ref","zIndex","_ref2","_ref3","_ref4","_ref5","StyledTextEditor","div","withConfig","displayName","componentId","_ref6","error","concat","red50"],"sources":["../../src/TextEditor/TextEditor.styles.ts"],"sourcesContent":["import styled, { createGlobalStyle } from 'styled-components'\nimport { colors } from '../_styles/colors'\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\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,OAAOA,MAAM,IAAIC,iBAAiB,QAAQ,mBAAmB;AAC7D,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,OAAO,IAAMC,kBAAkB,gBAAGF,iBAAiB,4bAI7B,UAAAG,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,EA6B3C;AAED,OAAO,IAAMK,gBAAgB,gBAAGV,MAAM,CAACW,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAGtC,UAAAC,KAAA;EAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;EAAA,OACRA,KAAK,sEAAAC,MAAA,CAGmBf,MAAM,CAACgB,KAAK,+CAAAD,MAAA,CACXf,MAAM,CAACgB,KAAK,gDAAAD,MAAA,CACXf,MAAM,CAACgB,KAAK,wFAAAD,MAAA,CAIbf,MAAM,CAACgB,KAAK,gDAAAD,MAAA,CACXf,MAAM,CAACgB,KAAK,iDAAAD,MAAA,CACXf,MAAM,CAACgB,KAAK,gCAEtC;AAAA,EACJ"}

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

@@ -1,22 +1,100 @@
-import type { DeprecatedTextEditorProps } from '../DeprecatedTextEditor';
-import type { NextTextEditorProps } from '../NextTextEditor';
-declare type TinyMCEEditorProps = DeprecatedTextEditorProps & {
-    /**
-     * 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.
-     * @deprecated This property will be removed in the future.
-     */
-    tinyMCE: true;
-};
-declare type CKEditorProps = NextTextEditorProps & {
-    tinyMCE?: false;
-};
-export declare type TextEditorProps = Omit<TinyMCEEditorProps | CKEditorProps, 'onFocus' | 'onBlur' | 'onInit' | 'onDirty' | 'onKeyDown' | 'onEditorChange' | 'onFocusOut'> & {
-    onFocus?: (...args: any[]) => void;
-    onBlur?: (...args: any[]) => void;
-    onInit?: (...args: any[]) => void;
-    onDirty?: (...args: any[]) => void;
-    onKeyDown?: (event: KeyboardEvent) => void;
-    onEditorChange?: (value: string) => void;
-    onFocusOut?: (...args: any[]) => void;
-};
-export {};
+import type { ClassicEditor, EditorConfig, EventInfo } from 'ckeditor5';
+import type { Locale } from '../_hooks/I18n';
+export interface TextEditorProps {
+    /**
+     * Unique identifier for the editor
+     *
+     * @since 10.19.0
+     */
+    id?: string;
+    /**
+     * Initial value of the editor
+     *
+     * @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
+     */
+    initialValue?: string;
+    /**
+     * The current value of the editor
+     *
+     * @since 10.19.0
+     */
+    value?: string;
+    /**
+     * Indicates if the editor is disabled
+     *
+     * @since 10.19.0
+     */
+    disabled?: boolean;
+    /**
+     * Indicates if the editor is in an error state
+     *
+     * @since 10.19.0
+     */
+    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
+     */
+    locale?: Locale;
+    /**
+     * 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.
+     *
+     * @since 12.26.0
+     */
+    plugins?: string[];
+    /**
+     * Configuration function for customizing the editor
+     *
+     * @param defaultConfig - The default CKEditor configuration
+     * @returns Customized configuration object
+     * @since 12.26.0
+     */
+    config?: (defaultConfig: EditorConfig) => EditorConfig;
+    /**
+     * 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
+     */
+    onChange?: (value: string, isDirty?: boolean) => void;
+    /**
+     * Callback fired when the editor gains focus
+     *
+     * @since 10.19.0
+     */
+    onFocus?: (event: EventInfo, editor: ClassicEditor) => void;
+    /**
+     * Callback fired when the editor loses focus
+     *
+     * @since 10.19.0
+     */
+    onBlur?: (event: EventInfo, editor: ClassicEditor) => void;
+    /**
+     * Callback fired when an error occurs in the editor
+     *
+     * @since 10.19.0
+     */
+    onError?: (error: Error, details: {
+        phase: 'initialization' | 'runtime';
+        willEditorRestart?: boolean;
+    }) => void;
+    /**
+     * Callback fired when the editor is ready
+     *
+     * @since 10.19.0
+     */
+    onInit?: (editor: ClassicEditor) => void;
+    /**
+     * Callback fired after the editor instance is destroyed
+     *
+     * @since 10.19.0
+     */
+    onAfterDestroy?: () => void;
+}