@procore/core-react 12.28.1 → 12.30.0

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

@@ -1,143 +1,89 @@
-import type { ClassicEditor, EditorConfig, EventInfo } from 'ckeditor5';
+import type { Editor, IAllProps } from '@tinymce/tinymce-react';
+import type React from 'react';
 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;
+declare type TextEditorFeatureToggle = {
+    stickyToolbar?: boolean;
+    tabAsNavigation?: boolean;
+};
+/**
+ * Expect context to change the `init` config of the below `TextEditor`s.
+ * **Changes after the editor has initialized are ignored.**
+ * @link [TinyMCE React Init](https://www.tiny.cloud/docs/integrations/react/#init)
+ * @link [TinyMCE React configure editor](https://www.tiny.cloud/docs/integrations/react/#configuringeditorsettings)
+ */
+export interface TextEditorProviderProps {
+    children: React.ReactNode;
+    /**
+     * - `stickyToolbar` - Have the editor toolbar stick to the top when content is longer than the page length.
+     * - `tabAsNavigation` - Have `Tab` key exit the editor. Support `Alt`/`Opt` + `Tab` as triple space indent.
+     */
+    features?: TextEditorFeatureToggle;
+}
+export interface TextEditorProps extends Omit<React.ComponentProps<typeof Editor>, 'onChange' | 'onKeyUp'> {
     /**
-     * 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.
+     * Config for when the editor is initialized. **Changes after the editor has initialized are ignored.**
+     * @link [TinyMCE React Init](https://www.tiny.cloud/docs/integrations/react/#init)
+     * @unsupported Use at your own risk. DST makes no guarantees about this API,
+     * and is subject to removal at any point without warning or deprecation.
      * @since 10.19.0
      */
-    locale?: Locale;
+    init?: IAllProps['init'];
     /**
-     * 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.
+     * @deprecated
+     * `initialValue` has been deprecated and will be removed in a future version.
+     * Please use the `value` prop instead
      *
-     * @since 12.26.0
-     */
-    plugins?: string[];
-    /**
-     * Configuration function for customizing the editor
+     * The first value passed into `value` prop will be the `TextEditor` initial
+     * value. Changing the value will update the text of the `TextEditor`.
+     * The editor should be controlled via the combination of `value`
+     * and `onChange` props.
      *
-     * @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
+     * **Before**
      *
-     * @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
+     * `<TextEditor initialValue="Hello World" />`
      *
-     * @since 10.19.0
-     */
-    onFocus?: (event: EventInfo, editor: ClassicEditor) => void;
-    /**
-     * Callback fired when the editor loses focus
+     * **After**
      *
-     * @since 10.19.0
-     */
-    onBlur?: (event: EventInfo, editor: ClassicEditor) => void;
-    /**
-     * Callback fired when an error occurs in the editor
+     * `<TextEditor value="Hello World" />`
      *
+     * @deprecatedSince 10.20.0
      * @since 10.19.0
      */
-    onError?: (error: Error, details: {
-        phase: 'initialization' | 'runtime';
-        willEditorRestart?: boolean;
-    }) => void;
+    initialValue?: string;
     /**
-     * Callback fired when the editor is ready
-     *
+     * Locale which will be used used for localization. Can be passed directly or
+     * set by wrapping components in I18n provider. Icelandic (is-IS) is not
+     * actually supported by TinyMCE, so it is defaulted to english.
      * @since 10.19.0
      */
-    onInit?: (editor: ClassicEditor) => void;
+    locale?: Locale;
     /**
-     * Callback fired after the editor instance is destroyed
+     * onChange event handler for text editor area
      *
+     * ```
+     * (content: string) => void
+     * ```
      * @since 10.19.0
      */
-    onAfterDestroy?: () => void;
-    /**
-     * Callback fired when the editor becomes dirty (content differs from initial value)
-     *
-     * @since 12.26.0
-     */
-    onDirty?: () => void;
+    onChange?: (content: string, isDirty?: boolean) => void;
     /**
-     * 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 a future version. TinyMCE support has been removed.
-     * @since 10.19.0
-     */
-    tinyMCE?: boolean;
-    /**
-     * Config for when the editor is initialized. **Changes after the editor has initialized are ignored.**
+     * Array of plugins to use with the editor in addition to the defaults.
+     * Can be any of:
      *
-     * @link [TinyMCE React Init](https://www.tiny.cloud/docs/integrations/react/#init)
-     * @unsupported Use at your own risk. DST makes no guarantees about this API,
-     * and is subject to removal at any point without warning or deprecation.
-     * @deprecated `init` has been deprecated and will be removed in a future version. TinyMCE support has been removed.
-     * @since 10.19.0
-     */
-    init?: any;
-    /**
-     * @deprecated `onKeyDown` has been deprecated and will be removed in a future version. TinyMCE support has been removed.
-     * @since 10.19.0
-     */
-    onKeyDown?: (event: any) => void;
-    /**
-     * @deprecated `onEditorChange` has been deprecated and will be removed in a future version. TinyMCE support has been removed. Use `onChange` instead.
-     * @since 10.19.0
-     */
-    onEditorChange?: (value: string) => void;
-    /**
-     * @deprecated `onFocusIn` has been deprecated and will be removed in a future version. TinyMCE support has been removed. Use `onFocus` instead.
-     * @since 10.19.0
-     */
-    onFocusIn?: (...args: any[]) => void;
-    /**
-     * @deprecated `onFocusOut` has been deprecated and will be removed in a future version. TinyMCE support has been removed. Use `onBlur` instead.
+     * ```
+     * [{plugins.map((plugin) => `'${plugin}'`).join(', ')}]
+     * ```
      * @since 10.19.0
      */
-    onFocusOut?: (...args: any[]) => void;
+    plugins?: Array<string>;
 }
+export {};

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

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.types.js","names":[],"sources":["../../src/TextEditor/TextEditor.types.ts"],"sourcesContent":["import type { ClassicEditor, EditorConfig, EventInfo } from 'ckeditor5'\nimport type { Locale } from '../_hooks/I18n'\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  //--- 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   * @deprecated `onKeyDown` has been deprecated and will be removed in a future version. TinyMCE support has been removed.\n   * @since 10.19.0\n   */\n  onKeyDown?: (event: any) => void\n\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   * @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   * @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"],"mappings":""}
+{"version":3,"file":"TextEditor.types.js","names":[],"sources":["../../src/TextEditor/TextEditor.types.ts"],"sourcesContent":["import type { Editor, IAllProps } from '@tinymce/tinymce-react'\nimport type React from 'react'\nimport type { Locale } from '../_hooks/I18n'\n\ntype TextEditorFeatureToggle = {\n  stickyToolbar?: boolean\n  tabAsNavigation?: boolean\n}\n\n/**\n * Expect context to change the `init` config of the below `TextEditor`s.\n * **Changes after the editor has initialized are ignored.**\n * @link [TinyMCE React Init](https://www.tiny.cloud/docs/integrations/react/#init)\n * @link [TinyMCE React configure editor](https://www.tiny.cloud/docs/integrations/react/#configuringeditorsettings)\n */\nexport interface TextEditorProviderProps {\n  children: React.ReactNode\n  /**\n   * - `stickyToolbar` - Have the editor toolbar stick to the top when content is longer than the page length.\n   * - `tabAsNavigation` - Have `Tab` key exit the editor. Support `Alt`/`Opt` + `Tab` as triple space indent.\n   */\n  features?: TextEditorFeatureToggle\n}\n\nexport interface TextEditorProps\n  extends Omit<React.ComponentProps<typeof Editor>, 'onChange' | 'onKeyUp'> {\n  /**\n   * @since 10.19.0\n   */\n  disabled?: boolean\n  /**\n   * @since 10.19.0\n   */\n  error?: boolean\n  /**\n   * Config for when the editor is initialized. **Changes after the editor has initialized are ignored.**\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   * @since 10.19.0\n   */\n  init?: IAllProps['init']\n  /**\n   * @deprecated\n   * `initialValue` has been deprecated and will be removed in a future version.\n   * Please use the `value` prop instead\n   *\n   * The first value passed into `value` prop will be the `TextEditor` initial\n   * value. Changing the value will update the text of the `TextEditor`.\n   * The editor should be controlled via the combination of `value`\n   * and `onChange` props.\n   *\n   * **Before**\n   *\n   * `<TextEditor initialValue=\"Hello World\" />`\n   *\n   * **After**\n   *\n   * `<TextEditor value=\"Hello World\" />`\n   *\n   * @deprecatedSince 10.20.0\n   * @since 10.19.0\n   */\n  initialValue?: string\n\n  /**\n   * Locale which will be used used for localization. Can be passed directly or\n   * set by wrapping components in I18n provider. Icelandic (is-IS) is not\n   * actually supported by TinyMCE, so it is defaulted to english.\n   * @since 10.19.0\n   */\n  locale?: Locale\n\n  /**\n   * onChange event handler for text editor area\n   *\n   * ```\n   * (content: string) => void\n   * ```\n   * @since 10.19.0\n   */\n  onChange?: (content: string, isDirty?: boolean) => void\n\n  /**\n   *\n   * Array of plugins to use with the editor in addition to the defaults.\n   * Can be any of:\n   *\n   * ```\n   * [{plugins.map((plugin) => `'${plugin}'`).join(', ')}]\n   * ```\n   * @since 10.19.0\n   */\n  plugins?: Array<string>\n}\n"],"mappings":""}

package/dist/TextEditor/index.d.ts

@@ -1,4 +1,2 @@
-export { TextEditor } from './TextEditor';
-export * from './TextEditor.types';
-export { TextEditorProvider } from './TextEditorProvider';
-export type { TextEditorProviderProps } from './TextEditorProvider.types';
+export { TextEditor, TextEditorProvider } from './TextEditor';
+export type { TextEditorProps, TextEditorProviderProps, } from './TextEditor.types';

package/dist/TextEditor/index.js

@@ -1,4 +1,2 @@
-export { TextEditor } from './TextEditor';
-export * from './TextEditor.types';
-export { TextEditorProvider } from './TextEditorProvider';
+export { TextEditor, TextEditorProvider } from './TextEditor';
 //# sourceMappingURL=index.js.map

package/dist/TextEditor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TextEditor","TextEditorProvider"],"sources":["../../src/TextEditor/index.ts"],"sourcesContent":["export { TextEditor } from './TextEditor'\nexport * from './TextEditor.types'\nexport { TextEditorProvider } from './TextEditorProvider'\nexport type { TextEditorProviderProps } from './TextEditorProvider.types'\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,cAAc,oBAAoB;AAClC,SAASC,kBAAkB,QAAQ,sBAAsB"}
+{"version":3,"file":"index.js","names":["TextEditor","TextEditorProvider"],"sources":["../../src/TextEditor/index.ts"],"sourcesContent":["export { TextEditor, TextEditorProvider } from './TextEditor'\nexport type {\n  TextEditorProps,\n  TextEditorProviderProps,\n} from './TextEditor.types'\n"],"mappings":"AAAA,SAASA,UAAU,EAAEC,kBAAkB,QAAQ,cAAc"}

package/dist/TextEditorOutput/TextEditorOutput.d.ts

@@ -1,8 +1,12 @@
 import React from 'react';
 import type { TextEditorOutputProps } from './TextEditorOutput.types';
 /**
- * Render formatted text from `TextEditor`
- *
- * @since 10.24.0
+
+ We use TextEditorOutput to render formatted text.
+
+ @since 10.24.0
+
+ @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-texteditoroutput--demo)
+
  */
 export declare const TextEditorOutput: React.ForwardRefExoticComponent<TextEditorOutputProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/dist/TextEditorOutput/TextEditorOutput.js

@@ -1,28 +1,44 @@
-var _excluded = ["value"];
+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 = ["value", "init"];
 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 _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 { Editor } from '@tinymce/tinymce-react';
 import React from 'react';
+import { generateExternalPlugins, tinyMCEConfig, tinyMCESource, tinyMCEVersion } from '../_utils/TinyMCE';
 import { StyledEditor } from './TextEditorOutput.styles';
-import { sanitizeTextEditorHtml } from './TextEditorOutput.utils';
-
 /**
- * Render formatted text from `TextEditor`
- *
- * @since 10.24.0
+
+ We use TextEditorOutput to render formatted text.
+
+ @since 10.24.0
+
+ @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-texteditoroutput--demo)
+
  */
 export var TextEditorOutput = /*#__PURE__*/React.forwardRef(function TextEditorOutput(_ref, ref) {
   var value = _ref.value,
+    initOverrides = _ref.init,
     props = _objectWithoutProperties(_ref, _excluded);
-  var sanitizedHtml = sanitizeTextEditorHtml(value || '');
   return /*#__PURE__*/React.createElement(StyledEditor, _extends({}, props, {
     ref: ref
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "ck-content",
-    dangerouslySetInnerHTML: {
-      __html: sanitizedHtml
-    },
-    contentEditable: false
+  }), /*#__PURE__*/React.createElement(Editor, {
+    value: value,
+    init: _objectSpread(_objectSpread({}, tinyMCEConfig), {}, {
+      external_plugins: generateExternalPlugins(['autoresize']),
+      toolbar: false,
+      autoresize_overflow_padding: 0,
+      min_height: 0,
+      max_height: 400,
+      content_style: "body { margin: 0; padding: 0; } p { margin: 0; }"
+    }, initOverrides),
+    tinymceScriptSrc: "".concat(tinyMCESource, "/").concat(tinyMCEVersion, "/tinymce.min.js"),
+    disabled: true
   }));
 });
 TextEditorOutput.displayName = 'TextEditorOutput';

package/dist/TextEditorOutput/TextEditorOutput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditorOutput.js","names":["React","StyledEditor","sanitizeTextEditorHtml","TextEditorOutput","forwardRef","_ref","ref","value","props","_objectWithoutProperties","_excluded","sanitizedHtml","createElement","_extends","className","dangerouslySetInnerHTML","__html","contentEditable","displayName"],"sources":["../../src/TextEditorOutput/TextEditorOutput.tsx"],"sourcesContent":["import React from 'react'\n\nimport { StyledEditor } from './TextEditorOutput.styles'\nimport type { TextEditorOutputProps } from './TextEditorOutput.types'\nimport { sanitizeTextEditorHtml } from './TextEditorOutput.utils'\n\n/**\n * Render formatted text from `TextEditor`\n *\n * @since 10.24.0\n */\nexport const TextEditorOutput = React.forwardRef<\n  HTMLDivElement,\n  TextEditorOutputProps & React.HTMLAttributes<HTMLDivElement>\n>(function TextEditorOutput({ value, ...props }, ref) {\n  const sanitizedHtml = sanitizeTextEditorHtml(value || '')\n\n  return (\n    <StyledEditor {...props} ref={ref}>\n      <div\n        className=\"ck-content\"\n        dangerouslySetInnerHTML={{ __html: sanitizedHtml }}\n        contentEditable={false}\n      />\n    </StyledEditor>\n  )\n})\n\nTextEditorOutput.displayName = 'TextEditorOutput'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,2BAA2B;AAExD,SAASC,sBAAsB,QAAQ,0BAA0B;;AAEjE;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,gBAAgB,gBAAGH,KAAK,CAACI,UAAU,CAG9C,SAASD,gBAAgBA,CAAAE,IAAA,EAAsBC,GAAG,EAAE;EAAA,IAAxBC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAC3C,IAAMC,aAAa,GAAGT,sBAAsB,CAACK,KAAK,IAAI,EAAE,CAAC;EAEzD,oBACEP,KAAA,CAAAY,aAAA,CAACX,YAAY,EAAAY,QAAA,KAAKL,KAAK;IAAEF,GAAG,EAAEA;EAAI,iBAChCN,KAAA,CAAAY,aAAA;IACEE,SAAS,EAAC,YAAY;IACtBC,uBAAuB,EAAE;MAAEC,MAAM,EAAEL;IAAc,CAAE;IACnDM,eAAe,EAAE;EAAM,CACxB,CACW,CAAC;AAEnB,CAAC,CAAC;AAEFd,gBAAgB,CAACe,WAAW,GAAG,kBAAkB"}
+{"version":3,"file":"TextEditorOutput.js","names":["Editor","React","generateExternalPlugins","tinyMCEConfig","tinyMCESource","tinyMCEVersion","StyledEditor","TextEditorOutput","forwardRef","_ref","ref","value","initOverrides","init","props","_objectWithoutProperties","_excluded","createElement","_extends","_objectSpread","external_plugins","toolbar","autoresize_overflow_padding","min_height","max_height","content_style","tinymceScriptSrc","concat","disabled","displayName"],"sources":["../../src/TextEditorOutput/TextEditorOutput.tsx"],"sourcesContent":["import { Editor } from '@tinymce/tinymce-react'\nimport React from 'react'\nimport {\n  generateExternalPlugins,\n  tinyMCEConfig,\n  tinyMCESource,\n  tinyMCEVersion,\n} from '../_utils/TinyMCE'\nimport { StyledEditor } from './TextEditorOutput.styles'\nimport type { TextEditorOutputProps } from './TextEditorOutput.types'\n\n/**\n\n We use TextEditorOutput to render formatted text.\n\n @since 10.24.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-texteditoroutput--demo)\n\n */\nexport const TextEditorOutput = React.forwardRef<\n  HTMLDivElement,\n  TextEditorOutputProps & React.HTMLAttributes<HTMLDivElement>\n>(function TextEditorOutput({ value, init: initOverrides, ...props }, ref) {\n  return (\n    <StyledEditor {...props} ref={ref}>\n      <Editor\n        value={value}\n        init={{\n          ...tinyMCEConfig,\n          external_plugins: generateExternalPlugins(['autoresize']),\n          toolbar: false,\n          autoresize_overflow_padding: 0,\n          min_height: 0,\n          max_height: 400,\n          content_style: `body { margin: 0; padding: 0; } p { margin: 0; }`,\n          ...initOverrides,\n        }}\n        tinymceScriptSrc={`${tinyMCESource}/${tinyMCEVersion}/tinymce.min.js`}\n        disabled\n      />\n    </StyledEditor>\n  )\n})\n\nTextEditorOutput.displayName = 'TextEditorOutput'\n"],"mappings":";;;;;;;;;;AAAA,SAASA,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,KAAK,MAAM,OAAO;AACzB,SACEC,uBAAuB,EACvBC,aAAa,EACbC,aAAa,EACbC,cAAc,QACT,mBAAmB;AAC1B,SAASC,YAAY,QAAQ,2BAA2B;AAGxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,gBAAgB,gBAAGN,KAAK,CAACO,UAAU,CAG9C,SAASD,gBAAgBA,CAAAE,IAAA,EAA2CC,GAAG,EAAE;EAAA,IAA7CC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAQC,aAAa,GAAAH,IAAA,CAAnBI,IAAI;IAAoBC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAChE,oBACEf,KAAA,CAAAgB,aAAA,CAACX,YAAY,EAAAY,QAAA,KAAKJ,KAAK;IAAEJ,GAAG,EAAEA;EAAI,iBAChCT,KAAA,CAAAgB,aAAA,CAACjB,MAAM;IACLW,KAAK,EAAEA,KAAM;IACbE,IAAI,EAAAM,aAAA,CAAAA,aAAA,KACChB,aAAa;MAChBiB,gBAAgB,EAAElB,uBAAuB,CAAC,CAAC,YAAY,CAAC,CAAC;MACzDmB,OAAO,EAAE,KAAK;MACdC,2BAA2B,EAAE,CAAC;MAC9BC,UAAU,EAAE,CAAC;MACbC,UAAU,EAAE,GAAG;MACfC,aAAa;IAAoD,GAC9Db,aAAa,CAChB;IACFc,gBAAgB,KAAAC,MAAA,CAAKvB,aAAa,OAAAuB,MAAA,CAAItB,cAAc,oBAAkB;IACtEuB,QAAQ;EAAA,CACT,CACW,CAAC;AAEnB,CAAC,CAAC;AAEFrB,gBAAgB,CAACsB,WAAW,GAAG,kBAAkB"}

package/dist/TextEditorOutput/TextEditorOutput.styles.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 export var StyledEditor = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledEditor",
-  componentId: "core-12_28_1__sc-1lje1b0-0"
-})([".ck-editor__top{height:0 !important;}.ck-content{border:none !important;padding:0 !important;p{margin:0;}table,img{margin-left:auto;margin-right:auto;}img{display:block;}table{border:1px double #b3b3b3;border-collapse:collapse;border-spacing:0;th{text-align:left;}& > thead,& > tbody{& > tr > td,& > tr > th{border:1px solid #bfbfbf;min-width:2em;padding:0.4em;}& > tr > th{background:rgba(0,0,0,0.05);font-weight:700;}}}}"]);
+  componentId: "core-12_30_0__sc-1lje1b0-0"
+})(["> .tox-tinymce{border:none;}"]);
 //# sourceMappingURL=TextEditorOutput.styles.js.map

package/dist/TextEditorOutput/TextEditorOutput.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditorOutput.styles.js","names":["styled","StyledEditor","div","withConfig","displayName","componentId"],"sources":["../../src/TextEditorOutput/TextEditorOutput.styles.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const StyledEditor = styled.div`\n  .ck-editor__top {\n    height: 0 !important;\n  }\n\n  .ck-content {\n    border: none !important;\n    padding: 0 !important;\n\n    p {\n      margin: 0;\n    }\n\n    table,\n    img {\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    img {\n      display: block;\n    }\n\n    table {\n      border: 1px double #b3b3b3;\n      border-collapse: collapse;\n      border-spacing: 0;\n\n      th {\n        text-align: left;\n      }\n\n      & > thead,\n      & > tbody {\n        & > tr > td,\n        & > tr > th {\n          border: 1px solid #bfbfbf;\n          min-width: 2em;\n          padding: 0.4em;\n        }\n\n        & > tr > th {\n          background: rgba(0, 0, 0, 0.05);\n          font-weight: 700;\n        }\n      }\n    }\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,IAAMC,YAAY,gBAAGD,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8aAgDrC"}
+{"version":3,"file":"TextEditorOutput.styles.js","names":["styled","StyledEditor","div","withConfig","displayName","componentId"],"sources":["../../src/TextEditorOutput/TextEditorOutput.styles.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const StyledEditor = styled.div`\n  > .tox-tinymce {\n    border: none;\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,IAAMC,YAAY,gBAAGD,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oCAIrC"}

package/dist/TextEditorOutput/TextEditorOutput.types.d.ts

@@ -1,9 +1,16 @@
+import type { IAllProps } from '@tinymce/tinymce-react';
 import type { Props } from '../_utils/types';
 export interface TextEditorOutputProps extends Omit<Props, 'children'> {
     /**
-     * Formatted text from `TextEditor`
-     *
+     * formatted text
      * @since 10.24.0
      * */
-    value?: string;
+    value?: IAllProps['value'];
+    /**
+     * Config for when the editor is initialized.
+     * **Changes after the editor has initialized are ignored.**
+     * @link [TinyMCE React Init](https://www.tiny.cloud/docs/integrations/react/#init)
+     * @since 11.17.0
+     */
+    init?: IAllProps['init'];
 }

package/dist/TextEditorOutput/TextEditorOutput.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditorOutput.types.js","names":[],"sources":["../../src/TextEditorOutput/TextEditorOutput.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport interface TextEditorOutputProps extends Omit<Props, 'children'> {\n  /**\n   * Formatted text from `TextEditor`\n   *\n   * @since 10.24.0\n   * */\n  value?: string\n}\n"],"mappings":""}
+{"version":3,"file":"TextEditorOutput.types.js","names":[],"sources":["../../src/TextEditorOutput/TextEditorOutput.types.ts"],"sourcesContent":["import type { IAllProps } from '@tinymce/tinymce-react'\nimport type { Props } from '../_utils/types'\n\nexport interface TextEditorOutputProps extends Omit<Props, 'children'> {\n  /**\n   * formatted text\n   * @since 10.24.0\n   * */\n  value?: IAllProps['value']\n  /**\n   * Config for when the editor is initialized.\n   * **Changes after the editor has initialized are ignored.**\n   * @link [TinyMCE React Init](https://www.tiny.cloud/docs/integrations/react/#init)\n   * @since 11.17.0\n   */\n  init?: IAllProps['init']\n}\n"],"mappings":""}