@atlaskit/editor-plugin-placeholder 8.1.23 → 9.0.0

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @atlaskit/editor-plugin-placeholder
 
+## 9.0.0
+
+### Patch Changes
+
+- [`b10c935ca9497`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b10c935ca9497) -
+  Removed deprecated `browser` singleton from editor-common. This has been replaced with a
+  `getBrowserInfo` function that returns the same information. This change was made to avoid issues
+  with module loading order and to provide a more consistent API for accessing browser information.
+
+  Please update any imports of `browser` to use `getBrowserInfo` instead. For example, the following
+  imports have been removed:
+
+  ```javascript
+  import { browser } from '@atlaskit/editor-common/utils';
+  import { browser } from '@atlaskit/editor-common/browser';
+  ```
+
+  Instead, please use:
+
+  ```javascript
+  import { getBrowserInfo } from '@atlaskit/editor-common/browser';
+  ```
+
+  If you were previously using `browser.ie_version`, you would now use
+  `getBrowserInfo().ie_version`.
+
+- Updated dependencies
+
+## 8.1.24
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 8.1.23
 
 ### Patch Changes

package/dist/cjs/pm-plugins/decorations.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createPlaceholderDecoration = createPlaceholderDecoration;
+var _browser = require("@atlaskit/editor-common/browser");
 var _processRawValue = require("@atlaskit/editor-common/process-raw-value");
 var _utils = require("@atlaskit/editor-common/utils");
 var _model = require("@atlaskit/editor-prosemirror/model");
@@ -16,6 +17,7 @@ function createPlaceholderDecoration(editorState, placeholderText, placeholderPr
   var initialDelayWhenUserTypedAndDeleted = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;
   var placeholderADF = arguments.length > 6 ? arguments[6] : undefined;
   var showOnEmptyParagraph = arguments.length > 7 ? arguments[7] : undefined;
+  var browser = (0, _browser.getBrowserInfo)();
   var placeholderDecoration = document.createElement('span');
   var placeholderNodeWithText = placeholderDecoration;
   placeholderDecoration.setAttribute('data-testid', _constants.placeholderTestId);
@@ -25,7 +27,7 @@ function createPlaceholderDecoration(editorState, placeholderText, placeholderPr
 
   // PM sets contenteditable to false on Decorations so Firefox doesn't display the flashing cursor
   // So adding an extra span which will contain the placeholder text
-  if (_utils.browser.gecko) {
+  if (browser.gecko) {
     var placeholderNode = document.createElement('span');
     placeholderNode.setAttribute('contenteditable', 'true'); // explicitly overriding the default Decoration behaviour
     placeholderDecoration.appendChild(placeholderNode);
@@ -77,7 +79,7 @@ function createPlaceholderDecoration(editorState, placeholderText, placeholderPr
   // ME-2289 Tapping on backspace in empty editor hides and displays the keyboard
   // Add a editable buff node as the cursor moving forward is inevitable
   // when backspace in GBoard composition
-  if (_utils.browser.android && _utils.browser.chrome) {
+  if (browser.android && browser.chrome) {
     var buffNode = document.createElement('span');
     buffNode.setAttribute('class', 'placeholder-android');
     buffNode.setAttribute('contenteditable', 'true');
@@ -91,7 +93,7 @@ function createPlaceholderDecoration(editorState, placeholderText, placeholderPr
   if (isTargetNested && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1')) {
     placeholderDecoration.classList.add('placeholder-decoration-hide-overflow');
   }
-  if (placeholderADF && _utils.browser.chrome) {
+  if (placeholderADF && browser.chrome) {
     var fragment = document.createDocumentFragment();
     // An issue occurs with the caret where it gets bigger when it's next to a non-editable element like a decoration.
     // See: https://discuss.prosemirror.net/t/chrome-caret-cursor-larger-than-the-text-with-inlined-items/5946/2

package/dist/es2019/pm-plugins/decorations.js

@@ -1,11 +1,13 @@
+import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { processRawValue } from '@atlaskit/editor-common/process-raw-value';
-import { browser, ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
+import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { cycleThroughPlaceholderPrompts } from './animation';
 import { placeholderTestId } from './constants';
 export function createPlaceholderDecoration(editorState, placeholderText, placeholderPrompts, activeTypewriterTimeouts, pos = 1, initialDelayWhenUserTypedAndDeleted = 0, placeholderADF, showOnEmptyParagraph) {
+  const browser = getBrowserInfo();
   const placeholderDecoration = document.createElement('span');
   let placeholderNodeWithText = placeholderDecoration;
   placeholderDecoration.setAttribute('data-testid', placeholderTestId);

package/dist/esm/pm-plugins/decorations.js

@@ -1,5 +1,6 @@
+import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { processRawValue } from '@atlaskit/editor-common/process-raw-value';
-import { browser, ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
+import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
@@ -10,6 +11,7 @@ export function createPlaceholderDecoration(editorState, placeholderText, placeh
   var initialDelayWhenUserTypedAndDeleted = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;
   var placeholderADF = arguments.length > 6 ? arguments[6] : undefined;
   var showOnEmptyParagraph = arguments.length > 7 ? arguments[7] : undefined;
+  var browser = getBrowserInfo();
   var placeholderDecoration = document.createElement('span');
   var placeholderNodeWithText = placeholderDecoration;
   placeholderDecoration.setAttribute('data-testid', placeholderTestId);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-placeholder",
-	"version": "8.1.23",
+	"version": "9.0.0",
 	"description": "Placeholder plugin for @atlaskit/editor-core.",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -29,20 +29,20 @@
 	"dependencies": {
 		"@atlaskit/adf-utils": "^19.27.0",
 		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/editor-plugin-composition": "^7.0.0",
-		"@atlaskit/editor-plugin-focus": "^7.0.0",
-		"@atlaskit/editor-plugin-show-diff": "^6.3.0",
-		"@atlaskit/editor-plugin-type-ahead": "^8.2.0",
+		"@atlaskit/editor-plugin-composition": "^8.0.0",
+		"@atlaskit/editor-plugin-focus": "^8.0.0",
+		"@atlaskit/editor-plugin-show-diff": "^7.0.0",
+		"@atlaskit/editor-plugin-type-ahead": "^9.0.0",
 		"@atlaskit/editor-prosemirror": "^7.3.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/spinner": "^19.1.0",
-		"@atlaskit/tmp-editor-statsig": "^61.0.0",
+		"@atlaskit/tmp-editor-statsig": "^62.4.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@babel/runtime": "^7.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^112.20.0",
+		"@atlaskit/editor-common": "^113.0.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"