@atlaskit/editor-core 193.14.4 → 193.14.6

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/editor-core
 
+## 193.14.6
+
+### Patch Changes
+
+-   [#98137](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/98137)
+    [`b1ddc8df2070`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b1ddc8df2070) -
+    [ED-23195] Refactor React components to use useRef inside functional components
+-   Updated dependencies
+
 ## 193.14.4
 
 ### Patch Changes

package/dist/cjs/preset-builder.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "EditorPresetBuilder", {
+  enumerable: true,
+  get: function get() {
+    return _preset.EditorPresetBuilder;
+  }
+});
+var _preset = require("@atlaskit/editor-common/preset");

package/dist/cjs/ui/Toolbar/ToolbarWithSizeDetector.js

@@ -32,7 +32,7 @@ var toolbar = (0, _react2.css)((0, _defineProperty2.default)({
   margin: "0 ".concat("var(--ds-space-200, 16px)")
 }));
 var ToolbarWithSizeDetector = exports.ToolbarWithSizeDetector = function ToolbarWithSizeDetector(props) {
-  var ref = /*#__PURE__*/_react.default.createRef();
+  var ref = _react.default.useRef(null);
   var _React$useState = _react.default.useState(undefined),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     width = _React$useState2[0],

package/dist/cjs/use-preset.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.usePreset = usePreset;
 var _react = require("react");
+var _preset = require("@atlaskit/editor-common/preset");
 var _context = require("./presets/context");
 /**
  * Creates a preset.
@@ -42,8 +43,11 @@ var _context = require("./presets/context");
 function usePreset(createPreset) {
   var dependencies = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   var editorApi = (0, _context.usePresetContext)();
+  var preset = (0, _react.useMemo)(function () {
+    return createPreset(new _preset.EditorPresetBuilder());
+  },
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  var preset = (0, _react.useMemo)(createPreset, dependencies);
+  dependencies);
   return {
     editorApi: editorApi,
     preset: preset

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.14.4";
+var version = exports.version = "193.14.6";

package/dist/es2019/preset-builder.js

@@ -0,0 +1 @@
+export { EditorPresetBuilder } from '@atlaskit/editor-common/preset';

package/dist/es2019/ui/Toolbar/ToolbarWithSizeDetector.js

@@ -20,7 +20,7 @@ const toolbar = css({
   }
 });
 export const ToolbarWithSizeDetector = props => {
-  const ref = /*#__PURE__*/React.createRef();
+  const ref = React.useRef(null);
   const [width, setWidth] = React.useState(undefined);
   const elementWidth = useElementWidth(ref, {
     skip: typeof width !== 'undefined'

package/dist/es2019/use-preset.js

@@ -1,4 +1,5 @@
 import { useMemo } from 'react';
+import { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
 import { usePresetContext } from './presets/context';
 /**
  * Creates a preset.
@@ -35,8 +36,9 @@ import { usePresetContext } from './presets/context';
  */
 export function usePreset(createPreset, dependencies = []) {
   const editorApi = usePresetContext();
+  const preset = useMemo(() => createPreset(new EditorPresetBuilder()),
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  const preset = useMemo(createPreset, dependencies);
+  dependencies);
   return {
     editorApi,
     preset

package/dist/es2019/version-wrapper.js

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

package/dist/esm/preset-builder.js

@@ -0,0 +1 @@
+export { EditorPresetBuilder } from '@atlaskit/editor-common/preset';

package/dist/esm/ui/Toolbar/ToolbarWithSizeDetector.js

@@ -21,7 +21,7 @@ var toolbar = css(_defineProperty({
   margin: "0 ".concat("var(--ds-space-200, 16px)")
 }));
 export var ToolbarWithSizeDetector = function ToolbarWithSizeDetector(props) {
-  var ref = /*#__PURE__*/React.createRef();
+  var ref = React.useRef(null);
   var _React$useState = React.useState(undefined),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     width = _React$useState2[0],

package/dist/esm/use-preset.js

@@ -1,4 +1,5 @@
 import { useMemo } from 'react';
+import { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
 import { usePresetContext } from './presets/context';
 /**
  * Creates a preset.
@@ -36,8 +37,11 @@ import { usePresetContext } from './presets/context';
 export function usePreset(createPreset) {
   var dependencies = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   var editorApi = usePresetContext();
+  var preset = useMemo(function () {
+    return createPreset(new EditorPresetBuilder());
+  },
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  var preset = useMemo(createPreset, dependencies);
+  dependencies);
   return {
     editorApi: editorApi,
     preset: preset

package/dist/esm/version-wrapper.js

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

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

@@ -2738,7 +2738,9 @@ export declare function createPreset(props: EditorProps, prevProps?: EditorProps
                     query?: string | undefined;
                 }) => (tr: import("prosemirror-state").Transaction) => boolean;
             };
-        }, import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginOptions | undefined>>];
+        }, import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginOptions | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
+            sharedState: import("@atlaskit/editor-plugin-editor-disabled").EditorDisabledPluginState;
+        }, undefined>>];
         sharedState: {
             isForcedHidden: boolean;
         } | undefined;

package/dist/types/preset-builder.d.ts

@@ -0,0 +1 @@
+export { EditorPresetBuilder } from '@atlaskit/editor-common/preset';

package/dist/types/presets/universal.d.ts

@@ -2755,7 +2755,9 @@ export default function createUniversalPreset(appearance: EditorAppearance | und
                     query?: string | undefined;
                 }) => (tr: import("prosemirror-state").Transaction) => boolean;
             };
-        }, import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginOptions | undefined>>];
+        }, import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginOptions | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
+            sharedState: import("@atlaskit/editor-plugin-editor-disabled").EditorDisabledPluginState;
+        }, undefined>>];
         sharedState: {
             isForcedHidden: boolean;
         } | undefined;

package/dist/types/presets/useUniversalPreset.d.ts

@@ -2741,7 +2741,9 @@ export default function useUniversalPreset({ props }: PresetProps): import("@atl
                     query?: string | undefined;
                 }) => (tr: import("prosemirror-state").Transaction) => boolean;
             };
-        }, import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginOptions | undefined>>];
+        }, import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginOptions | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugin-clear-marks-on-empty-doc").ClearMarksOnEmptyDocPlugin<"editorDisabled", {
+            sharedState: import("@atlaskit/editor-plugin-editor-disabled").EditorDisabledPluginState;
+        }, undefined>>];
         sharedState: {
             isForcedHidden: boolean;
         } | undefined;

package/dist/types/use-preset.d.ts

@@ -1,5 +1,5 @@
 import type { DependencyList } from 'react';
-import type { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
+import { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
 import type { AllEditorPresetPluginTypes, ExtractPublicEditorAPI } from '@atlaskit/editor-common/types';
 interface PresetAPI<PluginNames extends string[] = [], StackPlugins extends AllEditorPresetPluginTypes[] = []> {
     editorApi: ExtractPublicEditorAPI<EditorPresetBuilder<PluginNames, StackPlugins>> | undefined;
@@ -38,5 +38,5 @@ interface PresetAPI<PluginNames extends string[] = [], StackPlugins extends AllE
  * }
  * ```
  */
-export declare function usePreset<PluginNames extends string[] = [], StackPlugins extends AllEditorPresetPluginTypes[] = []>(createPreset: () => EditorPresetBuilder<PluginNames, StackPlugins>, dependencies?: DependencyList): PresetAPI<PluginNames, StackPlugins>;
+export declare function usePreset<PluginNames extends string[] = [], StackPlugins extends AllEditorPresetPluginTypes[] = []>(createPreset: (builder: EditorPresetBuilder) => EditorPresetBuilder<PluginNames, StackPlugins>, dependencies?: DependencyList): PresetAPI<PluginNames, StackPlugins>;
 export {};

package/dist/types-ts4.5/create-editor/create-preset.d.ts

@@ -3398,7 +3398,10 @@ export declare function createPreset(props: EditorProps, prevProps?: EditorProps
                                 query?: string | undefined;
                             }) => (tr: import("prosemirror-state").Transaction) => boolean;
                         };
-                    }, import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginOptions | undefined>>
+                    }, import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginOptions | undefined>>,
+                    import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
+                        sharedState: import("@atlaskit/editor-plugin-editor-disabled").EditorDisabledPluginState;
+                    }, undefined>>
                 ];
                 sharedState: {
                     isForcedHidden: boolean;

package/dist/types-ts4.5/preset-builder.d.ts

@@ -0,0 +1 @@
+export { EditorPresetBuilder } from '@atlaskit/editor-common/preset';

package/dist/types-ts4.5/presets/universal.d.ts

@@ -3415,7 +3415,10 @@ export default function createUniversalPreset(appearance: EditorAppearance | und
                                 query?: string | undefined;
                             }) => (tr: import("prosemirror-state").Transaction) => boolean;
                         };
-                    }, import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginOptions | undefined>>
+                    }, import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginOptions | undefined>>,
+                    import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
+                        sharedState: import("@atlaskit/editor-plugin-editor-disabled").EditorDisabledPluginState;
+                    }, undefined>>
                 ];
                 sharedState: {
                     isForcedHidden: boolean;

package/dist/types-ts4.5/presets/useUniversalPreset.d.ts

@@ -3401,7 +3401,10 @@ export default function useUniversalPreset({ props }: PresetProps): import("@atl
                                 query?: string | undefined;
                             }) => (tr: import("prosemirror-state").Transaction) => boolean;
                         };
-                    }, import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginOptions | undefined>>
+                    }, import("@atlaskit/editor-plugin-type-ahead").TypeAheadPluginOptions | undefined>>,
+                    import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-plugin-clear-marks-on-empty-doc").ClearMarksOnEmptyDocPlugin<"editorDisabled", {
+                        sharedState: import("@atlaskit/editor-plugin-editor-disabled").EditorDisabledPluginState;
+                    }, undefined>>
                 ];
                 sharedState: {
                     isForcedHidden: boolean;

package/dist/types-ts4.5/use-preset.d.ts

@@ -1,5 +1,5 @@
 import type { DependencyList } from 'react';
-import type { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
+import { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
 import type { AllEditorPresetPluginTypes, ExtractPublicEditorAPI } from '@atlaskit/editor-common/types';
 interface PresetAPI<PluginNames extends string[] = [
 ], StackPlugins extends AllEditorPresetPluginTypes[] = [
@@ -42,5 +42,5 @@ interface PresetAPI<PluginNames extends string[] = [
  */
 export declare function usePreset<PluginNames extends string[] = [
 ], StackPlugins extends AllEditorPresetPluginTypes[] = [
-]>(createPreset: () => EditorPresetBuilder<PluginNames, StackPlugins>, dependencies?: DependencyList): PresetAPI<PluginNames, StackPlugins>;
+]>(createPreset: (builder: EditorPresetBuilder) => EditorPresetBuilder<PluginNames, StackPlugins>, dependencies?: DependencyList): PresetAPI<PluginNames, StackPlugins>;
 export {};

package/docs/0-intro.tsx

@@ -50,12 +50,11 @@ ${(<AtlassianInternalWarning />)}
 
 ${code`
 import { ComposableEditor } from '@atlaskit/editor-core/composable-editor';
-import { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
 import { usePreset } from '@atlaskit/editor-core/use-preset';
 import { basePlugin } from '@atlaskit/editor-plugins/base';
 
 const CommentEditor = () => {
-  const { preset } = usePreset(() => new EditorPresetBuilder().add(basePlugin));
+  const { preset } = usePreset((builder) => builder.add(basePlugin));
 
   return <ComposableEditor preset={preset} />;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "193.14.4",
+  "version": "193.14.6",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -45,7 +45,7 @@
     "@atlaskit/analytics-next": "^9.3.0",
     "@atlaskit/analytics-next-stable-react-context": "1.0.1",
     "@atlaskit/button": "^17.14.0",
-    "@atlaskit/editor-common": "^79.1.0",
+    "@atlaskit/editor-common": "^79.2.0",
     "@atlaskit/editor-json-transformer": "^8.11.0",
     "@atlaskit/editor-plugins": "^2.5.0",
     "@atlaskit/editor-prosemirror": "4.0.1",
@@ -84,12 +84,12 @@
   "devDependencies": {
     "@af/editor-libra": "*",
     "@af/visual-regression": "*",
-    "@atlaskit/adf-utils": "^19.0.0",
+    "@atlaskit/adf-utils": "^19.1.0",
     "@atlaskit/analytics-listeners": "^8.9.1",
     "@atlaskit/checkbox": "^13.3.0",
     "@atlaskit/collab-provider": "9.28.4",
     "@atlaskit/dropdown-menu": "^12.10.0",
-    "@atlaskit/editor-plugin-annotation": "1.7.1",
+    "@atlaskit/editor-plugin-annotation": "1.7.2",
     "@atlaskit/editor-plugin-card": "^1.10.0",
     "@atlaskit/editor-plugin-editor-viewmode": "^1.1.0",
     "@atlaskit/editor-plugin-list": "^3.2.0",
@@ -98,7 +98,7 @@
     "@atlaskit/flag": "^15.5.0",
     "@atlaskit/link-provider": "^1.9.0",
     "@atlaskit/link-test-helpers": "^7.0.0",
-    "@atlaskit/logo": "^13.15.0",
+    "@atlaskit/logo": "^13.16.0",
     "@atlaskit/media-core": "^34.2.0",
     "@atlaskit/media-integration-test-helpers": "^3.0.0",
     "@atlaskit/media-test-helpers": "^33.0.27",
@@ -106,7 +106,7 @@
     "@atlaskit/primitives": "^6.1.0",
     "@atlaskit/renderer": "^109.25.0",
     "@atlaskit/select": "^17.9.0",
-    "@atlaskit/smart-card": "^26.60.0",
+    "@atlaskit/smart-card": "^26.62.0",
     "@atlaskit/synchrony-test-helpers": "^2.4.0",
     "@atlaskit/util-data-test": "^17.9.0",
     "@atlaskit/visual-regression": "*",
@@ -349,6 +349,7 @@
     "./preset-universal": "./src/preset-universal.ts",
     "./test-utils": "./src/test-utils.ts",
     "./use-preset": "./src/use-preset.ts",
+    "./preset-builder": "./src/preset-builder.ts",
     "./version-wrapper": "./src/version-wrapper.ts"
   }
 }

package/preset-builder/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/editor-core/preset-builder",
+  "main": "../dist/cjs/preset-builder.js",
+  "module": "../dist/esm/preset-builder.js",
+  "module:es2019": "../dist/es2019/preset-builder.js",
+  "sideEffects": false,
+  "types": "../dist/types/preset-builder.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.4": {
+      "*": [
+        "../dist/types-ts4.5/preset-builder.d.ts"
+      ]
+    }
+  }
+}