@atlaskit/editor-plugin-limited-mode 3.1.5 → 3.2.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-plugin-limited-mode
 
+## 3.2.0
+
+### Minor Changes
+
+- [`6668fda9b38d7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6668fda9b38d7) -
+  ED-29716 add limited mode support to native anchor
+
+### Patch Changes
+
+- Updated dependencies
+
+## 3.1.6
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 3.1.5
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -21,6 +21,9 @@
 		{
 			"path": "../../editor-prosemirror/afm-cc/tsconfig.json"
 		},
+		{
+			"path": "../../../platform/feature-flags/afm-cc/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/primitives/afm-cc/tsconfig.json"
 		},

package/afm-jira/tsconfig.json

@@ -21,6 +21,9 @@
 		{
 			"path": "../../editor-prosemirror/afm-jira/tsconfig.json"
 		},
+		{
+			"path": "../../../platform/feature-flags/afm-jira/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/primitives/afm-jira/tsconfig.json"
 		},

package/afm-products/tsconfig.json

@@ -21,6 +21,9 @@
 		{
 			"path": "../../editor-prosemirror/afm-products/tsconfig.json"
 		},
+		{
+			"path": "../../../platform/feature-flags/afm-products/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/primitives/afm-products/tsconfig.json"
 		},

package/dist/cjs/limitedModePlugin.js

@@ -9,8 +9,11 @@ var _react = _interopRequireWildcard(require("react"));
 var _bindEventListener = require("bind-event-listener");
 var _reactIntlNext = require("react-intl-next");
 var _messages = require("@atlaskit/editor-common/messages");
+var _nodeAnchor = require("@atlaskit/editor-common/node-anchor");
 var _usePluginStateEffect = require("@atlaskit/editor-common/use-plugin-state-effect");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
 var _main = require("./pm-plugins/main");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -103,6 +106,22 @@ var limitedModePlugin = exports.limitedModePlugin = function limitedModePlugin(_
         var isLimitedModeEnabled = (_limitedModeState$ena = limitedModeState === null || limitedModeState === void 0 ? void 0 : limitedModeState.enabled) !== null && _limitedModeState$ena !== void 0 ? _limitedModeState$ena : false;
         checkAndShowFlag(isLimitedModeEnabled);
       });
+      (0, _usePluginStateEffect.usePluginStateEffect)(api, ['limitedMode'], function (_ref4) {
+        var limitedModeState = _ref4.limitedModeState;
+        if ((0, _expValEquals.expValEquals)('platform_editor_native_anchor_with_dnd', 'isEnabled', true)) {
+          if ((0, _platformFeatureFlags.fg)('platform_editor_native_anchor_patch_2')) {
+            var _limitedModeState$ena2;
+            var isEnabled = (_limitedModeState$ena2 = limitedModeState === null || limitedModeState === void 0 ? void 0 : limitedModeState.enabled) !== null && _limitedModeState$ena2 !== void 0 ? _limitedModeState$ena2 : false;
+            var nodeIdProvider = (0, _nodeAnchor.getNodeIdProvider)(editorView);
+            // When limited mode is enabled first time,
+            // We need to remove all existing data-node-anchor attributes
+            // And nodeIdProvider to limited mode to prevent adding data-node-anchor on new nodes
+            if (isEnabled && nodeIdProvider && !nodeIdProvider.isLimitedMode()) {
+              nodeIdProvider.setLimitedMode();
+            }
+          }
+        }
+      });
     }
   };
 };

package/dist/es2019/limitedModePlugin.js

@@ -1,9 +1,12 @@
-import React, { useRef, useEffect, useCallback } from 'react';
+import React, { useCallback, useEffect, useRef } from 'react';
 import { bind } from 'bind-event-listener';
 import { useIntl } from 'react-intl-next';
 import { limitedModeMessages } from '@atlaskit/editor-common/messages';
+import { getNodeIdProvider } from '@atlaskit/editor-common/node-anchor';
 import { usePluginStateEffect } from '@atlaskit/editor-common/use-plugin-state-effect';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Anchor } from '@atlaskit/primitives/compiled';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
 import { createPlugin, limitedModePluginKey } from './pm-plugins/main';
 export const limitedModePlugin = ({
@@ -96,6 +99,23 @@ export const limitedModePlugin = ({
         const isLimitedModeEnabled = (_limitedModeState$ena = limitedModeState === null || limitedModeState === void 0 ? void 0 : limitedModeState.enabled) !== null && _limitedModeState$ena !== void 0 ? _limitedModeState$ena : false;
         checkAndShowFlag(isLimitedModeEnabled);
       });
+      usePluginStateEffect(api, ['limitedMode'], ({
+        limitedModeState
+      }) => {
+        if (expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true)) {
+          if (fg('platform_editor_native_anchor_patch_2')) {
+            var _limitedModeState$ena2;
+            const isEnabled = (_limitedModeState$ena2 = limitedModeState === null || limitedModeState === void 0 ? void 0 : limitedModeState.enabled) !== null && _limitedModeState$ena2 !== void 0 ? _limitedModeState$ena2 : false;
+            const nodeIdProvider = getNodeIdProvider(editorView);
+            // When limited mode is enabled first time,
+            // We need to remove all existing data-node-anchor attributes
+            // And nodeIdProvider to limited mode to prevent adding data-node-anchor on new nodes
+            if (isEnabled && nodeIdProvider && !nodeIdProvider.isLimitedMode()) {
+              nodeIdProvider.setLimitedMode();
+            }
+          }
+        }
+      });
     }
   };
 };

package/dist/esm/limitedModePlugin.js

@@ -1,9 +1,12 @@
-import React, { useRef, useEffect, useCallback } from 'react';
+import React, { useCallback, useEffect, useRef } from 'react';
 import { bind } from 'bind-event-listener';
 import { useIntl } from 'react-intl-next';
 import { limitedModeMessages } from '@atlaskit/editor-common/messages';
+import { getNodeIdProvider } from '@atlaskit/editor-common/node-anchor';
 import { usePluginStateEffect } from '@atlaskit/editor-common/use-plugin-state-effect';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Anchor } from '@atlaskit/primitives/compiled';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
 import { createPlugin, limitedModePluginKey } from './pm-plugins/main';
 export var limitedModePlugin = function limitedModePlugin(_ref) {
@@ -95,6 +98,22 @@ export var limitedModePlugin = function limitedModePlugin(_ref) {
         var isLimitedModeEnabled = (_limitedModeState$ena = limitedModeState === null || limitedModeState === void 0 ? void 0 : limitedModeState.enabled) !== null && _limitedModeState$ena !== void 0 ? _limitedModeState$ena : false;
         checkAndShowFlag(isLimitedModeEnabled);
       });
+      usePluginStateEffect(api, ['limitedMode'], function (_ref4) {
+        var limitedModeState = _ref4.limitedModeState;
+        if (expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true)) {
+          if (fg('platform_editor_native_anchor_patch_2')) {
+            var _limitedModeState$ena2;
+            var isEnabled = (_limitedModeState$ena2 = limitedModeState === null || limitedModeState === void 0 ? void 0 : limitedModeState.enabled) !== null && _limitedModeState$ena2 !== void 0 ? _limitedModeState$ena2 : false;
+            var nodeIdProvider = getNodeIdProvider(editorView);
+            // When limited mode is enabled first time,
+            // We need to remove all existing data-node-anchor attributes
+            // And nodeIdProvider to limited mode to prevent adding data-node-anchor on new nodes
+            if (isEnabled && nodeIdProvider && !nodeIdProvider.isLimitedMode()) {
+              nodeIdProvider.setLimitedMode();
+            }
+          }
+        }
+      });
     }
   };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-limited-mode",
-	"version": "3.1.5",
+	"version": "3.2.0",
 	"description": "LimitedMode plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -29,14 +29,15 @@
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
 		"@atlaskit/editor-prosemirror": "^7.2.0",
-		"@atlaskit/primitives": "^16.4.0",
-		"@atlaskit/tmp-editor-statsig": "^16.0.0",
+		"@atlaskit/platform-feature-flags": "^1.1.0",
+		"@atlaskit/primitives": "^17.0.0",
+		"@atlaskit/tmp-editor-statsig": "^16.2.0",
 		"@babel/runtime": "^7.0.0",
 		"bind-event-listener": "^3.0.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.46.0",
+		"@atlaskit/editor-common": "^110.49.0",
 		"react": "^18.2.0"
 	},
 	"devDependencies": {
@@ -77,5 +78,10 @@
 				"import-no-extraneous-disable-for-examples-and-docs"
 			]
 		}
+	},
+	"platform-feature-flags": {
+		"platform_editor_native_anchor_patch_2": {
+			"type": "boolean"
+		}
 	}
 }