@atlaskit/editor-core 193.5.0 → 193.5.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-core
 
+## 193.5.5
+
+### Patch Changes
+
+- [#83044](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83044) [`cdab77009f9e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cdab77009f9e) - Fix leftover react 18 type issues in editor-core, editor-plugin-extension and date
+
+## 193.5.3
+
+### Patch Changes
+
+- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116) [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) - Upgrade Typescript from `4.9.5` to `5.4.2`
+
 ## 193.5.0
 
 ### Minor Changes

package/composable-editor/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/composable-editor.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/composable-editor.d.ts"
       ]

package/dist/cjs/ui/Appearance/Comment/Comment.js

@@ -42,7 +42,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
 var CommentEditorMargin = 14;
-var commentEditorStyle = (0, _react2.css)({
+var commentEditorStyles = (0, _react2.css)({
   display: 'flex',
   flexDirection: 'column',
   '.less-margin .ProseMirror': {
@@ -72,7 +72,7 @@ var ContentArea = (0, _ContentStyles.createEditorContentStyle)((0, _react2.css)(
   padding: "var(--ds-space-250, 20px)"
 }, _commonStyles.tableCommentEditorStyles));
 ContentArea.displayName = 'ContentArea';
-var secondaryToolbarStyle = (0, _react2.css)({
+var secondaryToolbarStyles = (0, _react2.css)({
   boxSizing: 'border-box',
   justifyContent: 'flex-end',
   alignItems: 'center',
@@ -146,7 +146,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
       return (0, _react2.jsx)(_WithFlash.default, {
         animate: maxContentSizeReached
       }, (0, _react2.jsx)("div", {
-        css: [commentEditorStyle, (0, _react2.css)({
+        css: [commentEditorStyles, (0, _react2.css)({
           minHeight: "".concat(minHeight, "px")
         })],
         className: "akEditor",
@@ -211,7 +211,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
           pluginHooks: pluginHooks
         }), editorDOMElement, customContentComponents && 'after' in customContentComponents ? customContentComponents.after : null);
       }))), showSecondaryToolbar && (0, _react2.jsx)("div", {
-        css: secondaryToolbarStyle,
+        css: secondaryToolbarStyles,
         "data-testid": "ak-editor-secondary-toolbar"
       }, (0, _react2.jsx)(_buttonGroup.default, null, !!onSave && (0, _react2.jsx)(_customThemeButton.default, {
         appearance: "primary",
@@ -330,7 +330,7 @@ var EditorNext = function EditorNext(props) {
   return (0, _react2.jsx)(_WithFlash.default, {
     animate: maxContentSizeReached
   }, (0, _react2.jsx)("div", {
-    css: [commentEditorStyle, (0, _react2.css)({
+    css: [commentEditorStyles, (0, _react2.css)({
       minHeight: "".concat(minHeight, "px")
     })],
     className: "akEditor",
@@ -395,7 +395,7 @@ var EditorNext = function EditorNext(props) {
       pluginHooks: pluginHooks
     }), editorDOMElement, customContentComponents && 'after' in customContentComponents ? customContentComponents.after : null);
   }))), showSecondaryToolbar && (0, _react2.jsx)("div", {
-    css: secondaryToolbarStyle,
+    css: secondaryToolbarStyles,
     "data-testid": "ak-editor-secondary-toolbar"
   }, (0, _react2.jsx)(_buttonGroup.default, null, !!onSave && (0, _react2.jsx)(_customThemeButton.default, {
     appearance: "primary",

package/dist/cjs/ui/ContextPanel/index.js

@@ -233,27 +233,31 @@ function ContextPanelWithActions(_ref2) {
       editorView: editorView
     }, props));
   }
-  return (0, _react2.jsx)(_WithPluginState.default, {
-    eventDispatcher: eventDispatcher,
-    plugins: {
-      contextPanel: contextPanelPluginKey,
-      widthState: widthPluginKey
-    },
-    render: function render(_ref3) {
-      var contextPanel = _ref3.contextPanel,
-        widthState = _ref3.widthState;
-      var firstContent = contextPanel && contextPanel.contents.find(Boolean);
-      var editorWidth = _objectSpread(_objectSpread({}, widthState), {}, {
-        containerWidth: width,
-        contentBreakoutModes: editorView ? (0, _document.getChildBreakoutModes)(editorView.state.doc, editorView.state.schema) : []
-      });
-      return (0, _react2.jsx)(SwappableContentArea, (0, _extends2.default)({}, props, {
-        editorView: editorView,
-        pluginContent: firstContent,
-        editorWidth: editorWidth
-      }));
-    }
-  });
+  return (
+    // @ts-ignore - 'WithPluginState' cannot be used as a JSX component.
+    // This error was introduced after upgrading to TypeScript 5
+    (0, _react2.jsx)(_WithPluginState.default, {
+      eventDispatcher: eventDispatcher,
+      plugins: {
+        contextPanel: contextPanelPluginKey,
+        widthState: widthPluginKey
+      },
+      render: function render(_ref3) {
+        var contextPanel = _ref3.contextPanel,
+          widthState = _ref3.widthState;
+        var firstContent = contextPanel && contextPanel.contents.find(Boolean);
+        var editorWidth = _objectSpread(_objectSpread({}, widthState), {}, {
+          containerWidth: width,
+          contentBreakoutModes: editorView ? (0, _document.getChildBreakoutModes)(editorView.state.doc, editorView.state.schema) : []
+        });
+        return (0, _react2.jsx)(SwappableContentArea, (0, _extends2.default)({}, props, {
+          editorView: editorView,
+          pluginContent: firstContent,
+          editorWidth: editorWidth
+        }));
+      }
+    })
+  );
 }
 function ContextPanel(props) {
   return (0, _react2.jsx)(_WithEditorActions.default, {

package/dist/cjs/ui/WithHelpTrigger/index.js

@@ -31,7 +31,8 @@ var WithHelpTrigger = exports.default = /*#__PURE__*/function (_React$Component)
     }
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "openHelp", function () {
-      var editorActions = _this.context.editorActions;
+      var _ref = _this.context,
+        editorActions = _ref.editorActions;
       var dispatch = (0, _eventDispatcher.createDispatch)(editorActions.eventDispatcher);
       dispatch(_utils.analyticsEventKey, {
         payload: {

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "193.5.0";
+var version = exports.version = "193.5.5";

package/dist/es2019/ui/Appearance/Comment/Comment.js

@@ -24,7 +24,7 @@ import Toolbar from '../../Toolbar';
 import WithFlash from '../../WithFlash';
 import { MainToolbar, mainToolbarCustomComponentsSlotStyle } from './Toolbar';
 const CommentEditorMargin = 14;
-const commentEditorStyle = css({
+const commentEditorStyles = css({
   display: 'flex',
   flexDirection: 'column',
   '.less-margin .ProseMirror': {
@@ -54,7 +54,7 @@ const ContentArea = createEditorContentStyle(css({
   padding: "var(--ds-space-250, 20px)"
 }, tableCommentEditorStyles));
 ContentArea.displayName = 'ContentArea';
-const secondaryToolbarStyle = css({
+const secondaryToolbarStyles = css({
   boxSizing: 'border-box',
   justifyContent: 'flex-end',
   alignItems: 'center',
@@ -125,7 +125,7 @@ class Editor extends React.Component {
       return jsx(WithFlash, {
         animate: maxContentSizeReached
       }, jsx("div", {
-        css: [commentEditorStyle, css({
+        css: [commentEditorStyles, css({
           minHeight: `${minHeight}px`
         })],
         className: "akEditor",
@@ -189,7 +189,7 @@ class Editor extends React.Component {
           pluginHooks: pluginHooks
         }), editorDOMElement, customContentComponents && 'after' in customContentComponents ? customContentComponents.after : null);
       }))), showSecondaryToolbar && jsx("div", {
-        css: secondaryToolbarStyle,
+        css: secondaryToolbarStyles,
         "data-testid": "ak-editor-secondary-toolbar"
       }, jsx(ButtonGroup, null, !!onSave && jsx(Button, {
         appearance: "primary",
@@ -300,7 +300,7 @@ const EditorNext = props => {
   return jsx(WithFlash, {
     animate: maxContentSizeReached
   }, jsx("div", {
-    css: [commentEditorStyle, css({
+    css: [commentEditorStyles, css({
       minHeight: `${minHeight}px`
     })],
     className: "akEditor",
@@ -364,7 +364,7 @@ const EditorNext = props => {
       pluginHooks: pluginHooks
     }), editorDOMElement, customContentComponents && 'after' in customContentComponents ? customContentComponents.after : null);
   }))), showSecondaryToolbar && jsx("div", {
-    css: secondaryToolbarStyle,
+    css: secondaryToolbarStyles,
     "data-testid": "ak-editor-secondary-toolbar"
   }, jsx(ButtonGroup, null, !!onSave && jsx(Button, {
     appearance: "primary",

package/dist/es2019/ui/ContextPanel/index.js

@@ -206,29 +206,33 @@ function ContextPanelWithActions({
       editorView: editorView
     }, props));
   }
-  return jsx(WithPluginState, {
-    eventDispatcher: eventDispatcher,
-    plugins: {
-      contextPanel: contextPanelPluginKey,
-      widthState: widthPluginKey
-    },
-    render: ({
-      contextPanel,
-      widthState
-    }) => {
-      const firstContent = contextPanel && contextPanel.contents.find(Boolean);
-      const editorWidth = {
-        ...widthState,
-        containerWidth: width,
-        contentBreakoutModes: editorView ? getChildBreakoutModes(editorView.state.doc, editorView.state.schema) : []
-      };
-      return jsx(SwappableContentArea, _extends({}, props, {
-        editorView: editorView,
-        pluginContent: firstContent,
-        editorWidth: editorWidth
-      }));
-    }
-  });
+  return (
+    // @ts-ignore - 'WithPluginState' cannot be used as a JSX component.
+    // This error was introduced after upgrading to TypeScript 5
+    jsx(WithPluginState, {
+      eventDispatcher: eventDispatcher,
+      plugins: {
+        contextPanel: contextPanelPluginKey,
+        widthState: widthPluginKey
+      },
+      render: ({
+        contextPanel,
+        widthState
+      }) => {
+        const firstContent = contextPanel && contextPanel.contents.find(Boolean);
+        const editorWidth = {
+          ...widthState,
+          containerWidth: width,
+          contentBreakoutModes: editorView ? getChildBreakoutModes(editorView.state.doc, editorView.state.schema) : []
+        };
+        return jsx(SwappableContentArea, _extends({}, props, {
+          editorView: editorView,
+          pluginContent: firstContent,
+          editorWidth: editorWidth
+        }));
+      }
+    })
+  );
 }
 export default function ContextPanel(props) {
   return jsx(WithEditorActions, {

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "193.5.0";
+export const version = "193.5.5";

package/dist/esm/ui/Appearance/Comment/Comment.js

@@ -33,7 +33,7 @@ import Toolbar from '../../Toolbar';
 import WithFlash from '../../WithFlash';
 import { MainToolbar, mainToolbarCustomComponentsSlotStyle } from './Toolbar';
 var CommentEditorMargin = 14;
-var commentEditorStyle = css({
+var commentEditorStyles = css({
   display: 'flex',
   flexDirection: 'column',
   '.less-margin .ProseMirror': {
@@ -63,7 +63,7 @@ var ContentArea = createEditorContentStyle(css({
   padding: "var(--ds-space-250, 20px)"
 }, tableCommentEditorStyles));
 ContentArea.displayName = 'ContentArea';
-var secondaryToolbarStyle = css({
+var secondaryToolbarStyles = css({
   boxSizing: 'border-box',
   justifyContent: 'flex-end',
   alignItems: 'center',
@@ -137,7 +137,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
       return jsx(WithFlash, {
         animate: maxContentSizeReached
       }, jsx("div", {
-        css: [commentEditorStyle, css({
+        css: [commentEditorStyles, css({
           minHeight: "".concat(minHeight, "px")
         })],
         className: "akEditor",
@@ -202,7 +202,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
           pluginHooks: pluginHooks
         }), editorDOMElement, customContentComponents && 'after' in customContentComponents ? customContentComponents.after : null);
       }))), showSecondaryToolbar && jsx("div", {
-        css: secondaryToolbarStyle,
+        css: secondaryToolbarStyles,
         "data-testid": "ak-editor-secondary-toolbar"
       }, jsx(ButtonGroup, null, !!onSave && jsx(Button, {
         appearance: "primary",
@@ -321,7 +321,7 @@ var EditorNext = function EditorNext(props) {
   return jsx(WithFlash, {
     animate: maxContentSizeReached
   }, jsx("div", {
-    css: [commentEditorStyle, css({
+    css: [commentEditorStyles, css({
       minHeight: "".concat(minHeight, "px")
     })],
     className: "akEditor",
@@ -386,7 +386,7 @@ var EditorNext = function EditorNext(props) {
       pluginHooks: pluginHooks
     }), editorDOMElement, customContentComponents && 'after' in customContentComponents ? customContentComponents.after : null);
   }))), showSecondaryToolbar && jsx("div", {
-    css: secondaryToolbarStyle,
+    css: secondaryToolbarStyles,
     "data-testid": "ak-editor-secondary-toolbar"
   }, jsx(ButtonGroup, null, !!onSave && jsx(Button, {
     appearance: "primary",

package/dist/esm/ui/ContextPanel/index.js

@@ -225,27 +225,31 @@ function ContextPanelWithActions(_ref2) {
       editorView: editorView
     }, props));
   }
-  return jsx(WithPluginState, {
-    eventDispatcher: eventDispatcher,
-    plugins: {
-      contextPanel: contextPanelPluginKey,
-      widthState: widthPluginKey
-    },
-    render: function render(_ref3) {
-      var contextPanel = _ref3.contextPanel,
-        widthState = _ref3.widthState;
-      var firstContent = contextPanel && contextPanel.contents.find(Boolean);
-      var editorWidth = _objectSpread(_objectSpread({}, widthState), {}, {
-        containerWidth: width,
-        contentBreakoutModes: editorView ? getChildBreakoutModes(editorView.state.doc, editorView.state.schema) : []
-      });
-      return jsx(SwappableContentArea, _extends({}, props, {
-        editorView: editorView,
-        pluginContent: firstContent,
-        editorWidth: editorWidth
-      }));
-    }
-  });
+  return (
+    // @ts-ignore - 'WithPluginState' cannot be used as a JSX component.
+    // This error was introduced after upgrading to TypeScript 5
+    jsx(WithPluginState, {
+      eventDispatcher: eventDispatcher,
+      plugins: {
+        contextPanel: contextPanelPluginKey,
+        widthState: widthPluginKey
+      },
+      render: function render(_ref3) {
+        var contextPanel = _ref3.contextPanel,
+          widthState = _ref3.widthState;
+        var firstContent = contextPanel && contextPanel.contents.find(Boolean);
+        var editorWidth = _objectSpread(_objectSpread({}, widthState), {}, {
+          containerWidth: width,
+          contentBreakoutModes: editorView ? getChildBreakoutModes(editorView.state.doc, editorView.state.schema) : []
+        });
+        return jsx(SwappableContentArea, _extends({}, props, {
+          editorView: editorView,
+          pluginContent: firstContent,
+          editorWidth: editorWidth
+        }));
+      }
+    })
+  );
 }
 export default function ContextPanel(props) {
   return jsx(WithEditorActions, {

package/dist/esm/ui/WithHelpTrigger/index.js

@@ -24,7 +24,8 @@ var WithHelpTrigger = /*#__PURE__*/function (_React$Component) {
     }
     _this = _super.call.apply(_super, [this].concat(args));
     _defineProperty(_assertThisInitialized(_this), "openHelp", function () {
-      var editorActions = _this.context.editorActions;
+      var _ref = _this.context,
+        editorActions = _ref.editorActions;
       var dispatch = createDispatch(editorActions.eventDispatcher);
       dispatch(analyticsEventKey, {
         payload: {

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "193.5.0";
+export var version = "193.5.5";

package/dist/types/create-editor/ReactEditorView.d.ts

@@ -74,6 +74,7 @@ export declare class ReactEditorView<T = {}> extends React.Component<EditorViewP
     static contextTypes: {
         getAtlaskitAnalyticsEventHandlers: PropTypes.Requireable<(...args: any[]) => any>;
     };
+    context: EditorReactContext;
     private canDispatchTransactions;
     private focusTimeoutId?;
     private reliabilityInterval?;
@@ -116,7 +117,7 @@ export declare class ReactEditorView<T = {}> extends React.Component<EditorViewP
     private editor;
     render(): JSX.Element;
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<EditorViewProps & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<EditorViewProps & WrappedComponentProps<"intl">>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<EditorViewProps & WrappedComponentProps>> & {
+    WrappedComponent: React.ComponentType<EditorViewProps & WrappedComponentProps>;
 };
 export default _default;

package/dist/types/create-editor/WithEditorView.d.ts

@@ -3,4 +3,4 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 export interface WithEditorViewInternalProps {
     editorView?: EditorView | undefined;
 }
-export declare const WithEditorView: <P extends WithEditorViewInternalProps>(WrappedComponent: React.ComponentType<React.PropsWithChildren<P>>) => (props: React.PropsWithChildren<Omit<P, "editorView">>) => JSX.Element;
+export declare const WithEditorView: <P extends WithEditorViewInternalProps>(WrappedComponent: React.ComponentType<React.PropsWithChildren<P>>) => (props: React.PropsWithChildren<Omit<P, keyof WithEditorViewInternalProps>>) => JSX.Element;