@atlaskit/editor-common 96.1.0 → 96.2.0

package/dist/esm/extensibility/ExtensionComponent.js

@@ -19,7 +19,7 @@ import memoizeOne from 'memoize-one';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { getExtensionModuleNodePrivateProps, getNodeRenderer } from '../extensions';
-import { getExtensionRenderer, nodeToJSON } from '../utils';
+import { getExtensionRenderer, nodeToJSON, toJSON } from '../utils';
 import Extension from './Extension/Extension';
 import InlineExtension from './Extension/InlineExtension';
 import MultiBodiedExtension from './MultiBodiedExtension';
@@ -41,6 +41,13 @@ var isEmptyBodiedMacro = function isEmptyBodiedMacro(node) {
   var isEmptyWithNoContent = !firstGrandChildNode && node.childCount === 1;
   return isEmptyWithPlacholder || isEmptyWithNoContent;
 };
+var getBodiedExtensionContent = function getBodiedExtensionContent(node) {
+  var bodiedExtensionContent = [];
+  node.content.forEach(function (childNode) {
+    bodiedExtensionContent.push(nodeToJSON(childNode));
+  });
+  return !!bodiedExtensionContent.length ? bodiedExtensionContent : node.attrs.text;
+};
 export var ExtensionComponentOld = /*#__PURE__*/function (_Component) {
   _inherits(ExtensionComponentOld, _Component);
   var _super = _createSuper(ExtensionComponentOld);
@@ -126,7 +133,8 @@ export var ExtensionComponentOld = /*#__PURE__*/function (_Component) {
       var _pmNode$marks;
       var _this$props = _this.props,
         extensionHandlers = _this$props.extensionHandlers,
-        editorView = _this$props.editorView;
+        editorView = _this$props.editorView,
+        rendererExtensionHandlers = _this$props.rendererExtensionHandlers;
       var showBodiedExtensionRendererView = _this.state.showBodiedExtensionRendererView; // State will only be true if the gate is on and meets requirements
       var _pmNode$attrs = pmNode.attrs,
         extensionType = _pmNode$attrs.extensionType,
@@ -140,22 +148,23 @@ export var ExtensionComponentOld = /*#__PURE__*/function (_Component) {
       var fragmentLocalId = pmNode === null || pmNode === void 0 || (_pmNode$marks = pmNode.marks) === null || _pmNode$marks === void 0 || (_pmNode$marks = _pmNode$marks.find(function (m) {
         return m.type.name === 'fragment';
       })) === null || _pmNode$marks === void 0 || (_pmNode$marks = _pmNode$marks.attrs) === null || _pmNode$marks === void 0 ? void 0 : _pmNode$marks.localId;
-      var nodeContent = [];
-      if (isBodiedExtension) {
-        var _pmNode$content;
-        pmNode === null || pmNode === void 0 || (_pmNode$content = pmNode.content) === null || _pmNode$content === void 0 || _pmNode$content.forEach(function (childNode) {
-          nodeContent.push(childNode);
-        });
-      }
+      var content = isBodiedExtension ? getBodiedExtensionContent(pmNode) : text;
       var node = {
         type: pmNode.type.name,
         extensionType: extensionType,
         extensionKey: extensionKey,
         parameters: parameters,
-        content: isBodiedExtension ? nodeContent.length ? nodeContent : text : text,
+        content: content,
         localId: pmNode.attrs.localId,
         fragmentLocalId: fragmentLocalId
       };
+      if (isBodiedExtension) {
+        var rendererExtensionHandler = rendererExtensionHandlers === null || rendererExtensionHandlers === void 0 ? void 0 : rendererExtensionHandlers[extensionType];
+        if (!rendererExtensionHandler) {
+          return null;
+        }
+        return getExtensionRenderer(rendererExtensionHandler)(node, toJSON(editorView.state.doc));
+      }
       var result;
       if (extensionHandlers && extensionHandlers[extensionType]) {
         var render = getExtensionRenderer(extensionHandlers[extensionType]);
@@ -423,7 +432,8 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component2) {
       var _this2$props = _this2.props,
         extensionHandlers = _this2$props.extensionHandlers,
         editorView = _this2$props.editorView,
-        showBodiedExtensionRendererView = _this2$props.showBodiedExtensionRendererView;
+        showBodiedExtensionRendererView = _this2$props.showBodiedExtensionRendererView,
+        rendererExtensionHandlers = _this2$props.rendererExtensionHandlers;
       var _pmNode$attrs2 = pmNode.attrs,
         extensionType = _pmNode$attrs2.extensionType,
         extensionKey = _pmNode$attrs2.extensionKey,
@@ -436,22 +446,23 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component2) {
       var fragmentLocalId = pmNode === null || pmNode === void 0 || (_pmNode$marks2 = pmNode.marks) === null || _pmNode$marks2 === void 0 || (_pmNode$marks2 = _pmNode$marks2.find(function (m) {
         return m.type.name === 'fragment';
       })) === null || _pmNode$marks2 === void 0 || (_pmNode$marks2 = _pmNode$marks2.attrs) === null || _pmNode$marks2 === void 0 ? void 0 : _pmNode$marks2.localId;
-      var nodeContent = [];
-      if (isBodiedExtension) {
-        var _pmNode$content2;
-        pmNode === null || pmNode === void 0 || (_pmNode$content2 = pmNode.content) === null || _pmNode$content2 === void 0 || _pmNode$content2.forEach(function (childNode) {
-          nodeContent.push(childNode);
-        });
-      }
+      var content = isBodiedExtension ? getBodiedExtensionContent(pmNode) : text;
       var node = {
         type: pmNode.type.name,
         extensionType: extensionType,
         extensionKey: extensionKey,
         parameters: parameters,
-        content: isBodiedExtension ? nodeContent.length ? nodeContent : text : text,
+        content: content,
         localId: pmNode.attrs.localId,
         fragmentLocalId: fragmentLocalId
       };
+      if (isBodiedExtension) {
+        var rendererExtensionHandler = rendererExtensionHandlers === null || rendererExtensionHandlers === void 0 ? void 0 : rendererExtensionHandlers[extensionType];
+        if (!rendererExtensionHandler) {
+          return null;
+        }
+        return getExtensionRenderer(rendererExtensionHandler)(node, toJSON(editorView.state.doc));
+      }
       var result;
       if (extensionHandlers && extensionHandlers[extensionType]) {
         var render = getExtensionRenderer(extensionHandlers[extensionType]);

package/dist/esm/insert/index.js

@@ -302,6 +302,24 @@ export function contentAllowedInCodeBlock(state) {
   return isAllowedChild;
 }
 
+/**
+ * 	Check if a fragment contains a particular node by iterating through all the nodes in the fragment.
+ *  If the node type is found will stop looking and return true.
+ *  If the node type is not found, it will return false.
+ */
+export function fragmentContainsNodeType(fragment, nodeType) {
+  var doesContainNodeType = false;
+  fragment.descendants(function (node) {
+    if (node.type === nodeType) {
+      doesContainNodeType = true;
+      // Stop looking
+      return false;
+    }
+    return true;
+  });
+  return doesContainNodeType;
+}
+
 // For platform_editor_element_level_templates experiment only
 // clean up ticket ED-24873
 var insertTemplateFragment = function insertTemplateFragment(_ref3) {

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "96.1.0";
+var packageVersion = "96.2.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/preset/core-plugin/index.js

@@ -1,4 +1,4 @@
-import { processRawFragmentValue, processRawValue } from '../../../src/utils/processRawValue';
+import { processRawFragmentValue, processRawValue } from '../../utils/processRawValue';
 import { editorCommandToPMCommand } from '../editor-commands';
 import { scheduleDocumentRequest } from './requestDocument';
 

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

@@ -21,7 +21,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "96.1.0";
+var packageVersion = "96.2.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/types/element-browser/hooks/use-select-and-focus-on-arrow-navigation.d.ts

@@ -70,6 +70,6 @@ export type useSelectAndFocusReturnType = {
     setFocusedCategoryIndex: (index?: number) => void;
     setFocusOnSearch: () => void;
 };
-declare function useSelectAndFocusOnArrowNavigation(listSize: number, step: number, canFocusViewMore: boolean, isFocusSearch?: boolean): useSelectAndFocusReturnType;
+declare function useSelectAndFocusOnArrowNavigation(listSize: number, step: number, canFocusViewMore: boolean, itemIsDisabled: (index: number) => boolean, isFocusSearch?: boolean): useSelectAndFocusReturnType;
 export declare const ensureSafeIndex: (index: number, listSize: number) => number;
 export default useSelectAndFocusOnArrowNavigation;

package/dist/types/insert/index.d.ts

@@ -30,3 +30,9 @@ export declare const shouldSplitSelectedNodeOnNodeInsertion: ({ parentNodeType,
  * as we extract their text content.
  */
 export declare function contentAllowedInCodeBlock(state: EditorState): boolean;
+/**
+ * 	Check if a fragment contains a particular node by iterating through all the nodes in the fragment.
+ *  If the node type is found will stop looking and return true.
+ *  If the node type is not found, it will return false.
+ */
+export declare function fragmentContainsNodeType(fragment: Fragment, nodeType: NodeType): boolean;

package/dist/types-ts4.5/element-browser/hooks/use-select-and-focus-on-arrow-navigation.d.ts

@@ -70,6 +70,6 @@ export type useSelectAndFocusReturnType = {
     setFocusedCategoryIndex: (index?: number) => void;
     setFocusOnSearch: () => void;
 };
-declare function useSelectAndFocusOnArrowNavigation(listSize: number, step: number, canFocusViewMore: boolean, isFocusSearch?: boolean): useSelectAndFocusReturnType;
+declare function useSelectAndFocusOnArrowNavigation(listSize: number, step: number, canFocusViewMore: boolean, itemIsDisabled: (index: number) => boolean, isFocusSearch?: boolean): useSelectAndFocusReturnType;
 export declare const ensureSafeIndex: (index: number, listSize: number) => number;
 export default useSelectAndFocusOnArrowNavigation;

package/dist/types-ts4.5/insert/index.d.ts

@@ -30,3 +30,9 @@ export declare const shouldSplitSelectedNodeOnNodeInsertion: ({ parentNodeType,
  * as we extract their text content.
  */
 export declare function contentAllowedInCodeBlock(state: EditorState): boolean;
+/**
+ * 	Check if a fragment contains a particular node by iterating through all the nodes in the fragment.
+ *  If the node type is found will stop looking and return true.
+ *  If the node type is not found, it will return false.
+ */
+export declare function fragmentContainsNodeType(fragment: Fragment, nodeType: NodeType): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "96.1.0",
+	"version": "96.2.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -152,8 +152,8 @@
 		"@atlaskit/smart-user-picker": "^6.11.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/task-decision": "^17.11.0",
-		"@atlaskit/textfield": "^6.6.0",
-		"@atlaskit/tmp-editor-statsig": "^2.22.0",
+		"@atlaskit/textfield": "^6.7.0",
+		"@atlaskit/tmp-editor-statsig": "^2.23.0",
 		"@atlaskit/tokens": "^2.4.0",
 		"@atlaskit/tooltip": "^18.9.0",
 		"@atlaskit/width-detector": "^4.3.0",
@@ -261,6 +261,9 @@
 		"platform_editor_react18_extension_component_v2": {
 			"type": "boolean"
 		},
+		"platform_editor_is_disabled_state_element_browser": {
+			"type": "boolean"
+		},
 		"platform-datasources-enable-two-way-sync": {
 			"type": "boolean"
 		},