@atlaskit/editor-plugin-placeholder-text 2.4.1 → 3.0.1

package/CHANGELOG.md

@@ -1,5 +1,54 @@
 # @atlaskit/editor-plugin-placeholder-text
 
+## 3.0.1
+
+### Patch Changes
+
+- [#183158](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/183158)
+  [`d6096ec5c8ad9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d6096ec5c8ad9) -
+  Migrate to useSharedPluginStateWithSelector
+- Updated dependencies
+
+## 3.0.0
+
+### Major Changes
+
+- [#181024](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/181024)
+  [`8e80c487ca307`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8e80c487ca307) - ##
+  Make `@atlaskit/editor-common` a peer dependency
+
+  **WHAT:** `@atlaskit/editor-common` has been moved from `dependencies` to `peerDependencies` in
+  all editor plugin packages.
+
+  **WHY:** This change ensures that only a single version of `@atlaskit/editor-common` is used in
+  consuming applications, preventing issues caused by multiple versions of singleton libraries (such
+  as context mismatches or duplicated state). This is especially important for packages that rely on
+  shared context or singletons.
+
+  **HOW TO ADJUST:**
+
+  - Consumers must now explicitly install `@atlaskit/editor-common` in their own project if they use
+    any of these editor plugins.
+  - Ensure the version you install matches the version required by the plugins.
+  - You can use the
+    [`check-peer-dependencies`](https://www.npmjs.com/package/check-peer-dependencies) package to
+    verify that all required peer dependencies are installed and compatible.
+  - Example install command:
+    ```
+    npm install @atlaskit/editor-common
+    ```
+    or
+    ```
+    yarn add @atlaskit/editor-common
+    ```
+
+  **Note:** This is a breaking change. If `@atlaskit/editor-common` is not installed at the
+  application level, you may see errors or unexpected behavior.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 2.4.1
 
 ### Patch Changes

package/dist/cjs/placeholderTextPlugin.js

@@ -12,7 +12,6 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _messages = require("@atlaskit/editor-common/messages");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
 var _utils = require("@atlaskit/editor-common/utils");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _text = _interopRequireDefault(require("@atlaskit/icon/core/text"));
@@ -135,13 +134,19 @@ function createPlugin(dispatch, options, api) {
   });
 }
 var useSharedPlaceholderTextState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
-  var showInsertPanelAt = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'placeholderText.showInsertPanelAt');
+  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['placeholderText'], function (states) {
+      var _states$placeholderTe;
+      return {
+        showInsertPanelAt: (_states$placeholderTe = states.placeholderTextState) === null || _states$placeholderTe === void 0 ? void 0 : _states$placeholderTe.showInsertPanelAt
+      };
+    }),
+    showInsertPanelAt = _useSharedPluginState.showInsertPanelAt;
   return {
     showInsertPanelAt: showInsertPanelAt
   };
 }, function (api) {
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['placeholderText']),
-    placeholderTextState = _useSharedPluginState.placeholderTextState;
+  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['placeholderText']),
+    placeholderTextState = _useSharedPluginState2.placeholderTextState;
   return {
     showInsertPanelAt: placeholderTextState === null || placeholderTextState === void 0 ? void 0 : placeholderTextState.showInsertPanelAt
   };

package/dist/es2019/placeholderTextPlugin.js

@@ -1,10 +1,9 @@
 import React from 'react';
 import { placeholder } from '@atlaskit/adf-schema';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { useSharedPluginState, sharedPluginStateHookMigratorFactory } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginState, sharedPluginStateHookMigratorFactory, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { isNodeEmpty } from '@atlaskit/editor-common/utils';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import TextIcon from '@atlaskit/icon/core/text';
@@ -128,7 +127,14 @@ export function createPlugin(dispatch, options, api) {
   });
 }
 const useSharedPlaceholderTextState = sharedPluginStateHookMigratorFactory(api => {
-  const showInsertPanelAt = useSharedPluginStateSelector(api, 'placeholderText.showInsertPanelAt');
+  const {
+    showInsertPanelAt
+  } = useSharedPluginStateWithSelector(api, ['placeholderText'], states => {
+    var _states$placeholderTe;
+    return {
+      showInsertPanelAt: (_states$placeholderTe = states.placeholderTextState) === null || _states$placeholderTe === void 0 ? void 0 : _states$placeholderTe.showInsertPanelAt
+    };
+  });
   return {
     showInsertPanelAt
   };

package/dist/esm/placeholderTextPlugin.js

@@ -1,10 +1,9 @@
 import React from 'react';
 import { placeholder } from '@atlaskit/adf-schema';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { useSharedPluginState, sharedPluginStateHookMigratorFactory } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginState, sharedPluginStateHookMigratorFactory, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { isNodeEmpty } from '@atlaskit/editor-common/utils';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import TextIcon from '@atlaskit/icon/core/text';
@@ -127,13 +126,19 @@ export function createPlugin(dispatch, options, api) {
   });
 }
 var useSharedPlaceholderTextState = sharedPluginStateHookMigratorFactory(function (api) {
-  var showInsertPanelAt = useSharedPluginStateSelector(api, 'placeholderText.showInsertPanelAt');
+  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['placeholderText'], function (states) {
+      var _states$placeholderTe;
+      return {
+        showInsertPanelAt: (_states$placeholderTe = states.placeholderTextState) === null || _states$placeholderTe === void 0 ? void 0 : _states$placeholderTe.showInsertPanelAt
+      };
+    }),
+    showInsertPanelAt = _useSharedPluginState.showInsertPanelAt;
   return {
     showInsertPanelAt: showInsertPanelAt
   };
 }, function (api) {
-  var _useSharedPluginState = useSharedPluginState(api, ['placeholderText']),
-    placeholderTextState = _useSharedPluginState.placeholderTextState;
+  var _useSharedPluginState2 = useSharedPluginState(api, ['placeholderText']),
+    placeholderTextState = _useSharedPluginState2.placeholderTextState;
   return {
     showInsertPanelAt: placeholderTextState === null || placeholderTextState === void 0 ? void 0 : placeholderTextState.showInsertPanelAt
   };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-placeholder-text",
-	"version": "2.4.1",
+	"version": "3.0.1",
 	"description": "placeholder text plugin for @atlaskit/editor-core",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -19,7 +19,6 @@
 	"atlassian": {
 		"team": "Editor: Core Experiences",
 		"singleton": true,
-		"runReact18": true,
 		"integrationTests": {
 			"additionalBrowsers": [
 				"desktop-firefox",
@@ -29,18 +28,18 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^47.6.0",
-		"@atlaskit/editor-common": "^107.0.0",
-		"@atlaskit/editor-plugin-analytics": "^2.3.0",
-		"@atlaskit/editor-plugin-type-ahead": "^2.7.0",
+		"@atlaskit/editor-plugin-analytics": "^3.0.0",
+		"@atlaskit/editor-plugin-type-ahead": "^3.0.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.4.0",
-		"@atlaskit/icon": "^27.0.0",
-		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^5.2.0",
+		"@atlaskit/icon": "^27.3.0",
+		"@atlaskit/theme": "^19.0.0",
+		"@atlaskit/tokens": "^5.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"
 	},
 	"peerDependencies": {
+		"@atlaskit/editor-common": "^107.7.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
@@ -48,7 +47,7 @@
 	"devDependencies": {
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/editor-plugin-floating-toolbar": "^4.2.0",
+		"@atlaskit/editor-plugin-floating-toolbar": "^5.0.0",
 		"@atlaskit/ssr": "workspace:^",
 		"@atlaskit/visual-regression": "workspace:^",
 		"@testing-library/react": "^13.4.0",