@atlaskit/editor-plugin-panel 13.0.2 → 13.0.4

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-panel
 
+## 13.0.4
+
+### Patch Changes
+
+- [`4c2645b77929d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4c2645b77929d) -
+  [ux] EDITOR-7346 add ai and diff plugin support for panel_c1
+- Updated dependencies
+
+## 13.0.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 13.0.2
 
 ### Patch Changes

package/dist/cjs/panelPlugin.js

@@ -15,12 +15,12 @@ var _insert = require("@atlaskit/editor-common/insert");
 var _messages = require("@atlaskit/editor-common/messages");
 var _quickInsert = require("@atlaskit/editor-common/quick-insert");
 var _utils = require("@atlaskit/editor-common/utils");
+var _nodeTypeUtils = require("@atlaskit/editor-common/utils/node-type-utils");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _keymaps = _interopRequireDefault(require("./pm-plugins/keymaps"));
 var _main = require("./pm-plugins/main");
-var _utils2 = require("./pm-plugins/utils/utils");
 var _panelBlockMenuItem = require("./ui/panelBlockMenuItem");
 var _toolbar = require("./ui/toolbar");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -271,7 +271,7 @@ function createPanelAction(_ref4) {
     typeAheadInsert = _ref4.typeAheadInsert,
     _ref4$inputMethod = _ref4.inputMethod,
     inputMethod = _ref4$inputMethod === void 0 ? _analytics.INPUT_METHOD.QUICK_INSERT : _ref4$inputMethod;
-  var panelNodeType = (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) ? (0, _utils2.pickPanelTypeForInsertion)(state) : state.schema.nodes.panel;
+  var panelNodeType = (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) ? (0, _nodeTypeUtils.pickPanelTypeForInsertion)(state.selection.$from) : state.schema.nodes.panel;
   var tr;
   // If the selection is empty, we want to insert the panel on a new line
   if (state.selection.empty) {

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.pickPanelTypeForInsertion = exports.panelTypes = exports.panelContentCheck = exports.panelAttrsToDom = exports.isPanel = exports.handleCut = exports.findPanel = void 0;
+exports.panelTypes = exports.panelContentCheck = exports.panelAttrsToDom = exports.isPanel = exports.handleCut = exports.findPanel = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _panel = require("@atlaskit/editor-common/panel");
@@ -27,28 +27,6 @@ var panelTypes = exports.panelTypes = function panelTypes(nodes) {
 var findPanel = exports.findPanel = function findPanel(state, selection) {
   return (0, _utils.findSelectedNodeOfType)(panelTypes(state.schema.nodes))(selection || state.selection) || (0, _utils.findParentNodeOfType)(panelTypes(state.schema.nodes))(selection || state.selection);
 };
-var pickPanelTypeForInsertion = exports.pickPanelTypeForInsertion = function pickPanelTypeForInsertion(input) {
-  var selection = 'selection' in input ? input.selection : input;
-  var schema = selection.$from.doc.type.schema;
-  var _schema$nodes = schema.nodes,
-    panel = _schema$nodes.panel,
-    panel_c1 = _schema$nodes.panel_c1;
-  var $from = selection.$from;
-  for (var depth = $from.depth; depth >= 0; depth--) {
-    var parent = $from.node(depth);
-    var index = $from.index(depth);
-    if (parent.canReplaceWith(index, index, panel_c1)) {
-      return panel_c1;
-    }
-    var spec = parent.type.spec;
-    // Stop at isolating containers (e.g. expand, tableCell) — hard walls where
-    // the panel stays inside and should use the regular panel type.
-    if (spec.isolating) {
-      return panel;
-    }
-  }
-  return panel;
-};
 var panelAttrsToDom = exports.panelAttrsToDom = function panelAttrsToDom(attrs, allowCustomPanel) {
   var panelColor = attrs.panelColor,
     panelType = attrs.panelType,

package/dist/cjs/ui/panelBlockMenuItem.js

@@ -9,10 +9,10 @@ var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _messages = require("@atlaskit/editor-common/messages");
+var _nodeTypeUtils = require("@atlaskit/editor-common/utils/node-type-utils");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _informationCircle = _interopRequireDefault(require("@atlaskit/icon/core/information-circle"));
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _utils = require("../pm-plugins/utils/utils");
 var NODE_NAME = 'panel';
 var PanelBlockMenuItem = function PanelBlockMenuItem(_ref) {
   var api = _ref.api;
@@ -24,7 +24,7 @@ var PanelBlockMenuItem = function PanelBlockMenuItem(_ref) {
     api === null || api === void 0 || api.core.actions.execute(function (_ref2) {
       var _api$blockMenu;
       var tr = _ref2.tr;
-      var panelNodeType = (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) ? (0, _utils.pickPanelTypeForInsertion)(tr.selection) : tr.doc.type.schema.nodes.panel;
+      var panelNodeType = (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) ? (0, _nodeTypeUtils.pickPanelTypeForInsertion)(tr.selection.$from) : tr.doc.type.schema.nodes.panel;
       var command = api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 ? void 0 : _api$blockMenu.commands.transformNode(panelNodeType, {
         inputMethod: inputMethod,
         triggeredFrom: triggeredFrom,

package/dist/es2019/panelPlugin.js

@@ -6,12 +6,12 @@ import { insertSelectedItem } from '@atlaskit/editor-common/insert';
 import { blockTypeMessages } from '@atlaskit/editor-common/messages';
 import { IconCustomPanel, IconPanel, IconPanelError, IconPanelNote, IconPanelSuccess, IconPanelWarning } from '@atlaskit/editor-common/quick-insert';
 import { createWrapSelectionTransaction } from '@atlaskit/editor-common/utils';
+import { pickPanelTypeForInsertion } from '@atlaskit/editor-common/utils/node-type-utils';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import keymap from './pm-plugins/keymaps';
 import { createPlugin } from './pm-plugins/main';
-import { pickPanelTypeForInsertion } from './pm-plugins/utils/utils';
 import { createPanelBlockMenuItem } from './ui/panelBlockMenuItem';
 import { getToolbarConfig } from './ui/toolbar';
 const PANEL_NODE_NAME = 'panel';
@@ -246,7 +246,7 @@ function createPanelAction({
   inputMethod = INPUT_METHOD.QUICK_INSERT
 }) {
   var _tr;
-  const panelNodeType = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? pickPanelTypeForInsertion(state) : state.schema.nodes.panel;
+  const panelNodeType = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? pickPanelTypeForInsertion(state.selection.$from) : state.schema.nodes.panel;
   let tr;
   // If the selection is empty, we want to insert the panel on a new line
   if (state.selection.empty) {

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

@@ -19,29 +19,6 @@ export const panelTypes = nodes => {
 export const findPanel = (state, selection) => {
   return findSelectedNodeOfType(panelTypes(state.schema.nodes))(selection || state.selection) || findParentNodeOfType(panelTypes(state.schema.nodes))(selection || state.selection);
 };
-export const pickPanelTypeForInsertion = input => {
-  const selection = 'selection' in input ? input.selection : input;
-  const schema = selection.$from.doc.type.schema;
-  const {
-    panel,
-    panel_c1
-  } = schema.nodes;
-  const $from = selection.$from;
-  for (let depth = $from.depth; depth >= 0; depth--) {
-    const parent = $from.node(depth);
-    const index = $from.index(depth);
-    if (parent.canReplaceWith(index, index, panel_c1)) {
-      return panel_c1;
-    }
-    const spec = parent.type.spec;
-    // Stop at isolating containers (e.g. expand, tableCell) — hard walls where
-    // the panel stays inside and should use the regular panel type.
-    if (spec.isolating) {
-      return panel;
-    }
-  }
-  return panel;
-};
 export const panelAttrsToDom = (attrs, allowCustomPanel) => {
   const {
     panelColor,

package/dist/es2019/ui/panelBlockMenuItem.js

@@ -2,10 +2,10 @@ import React from 'react';
 import { useIntl } from 'react-intl';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { blockTypeMessages } from '@atlaskit/editor-common/messages';
+import { pickPanelTypeForInsertion } from '@atlaskit/editor-common/utils/node-type-utils';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
 import InformationCircleIcon from '@atlaskit/icon/core/information-circle';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { pickPanelTypeForInsertion } from '../pm-plugins/utils/utils';
 const NODE_NAME = 'panel';
 const PanelBlockMenuItem = ({
   api
@@ -20,7 +20,7 @@ const PanelBlockMenuItem = ({
       tr
     }) => {
       var _api$blockMenu;
-      const panelNodeType = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? pickPanelTypeForInsertion(tr.selection) : tr.doc.type.schema.nodes.panel;
+      const panelNodeType = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? pickPanelTypeForInsertion(tr.selection.$from) : tr.doc.type.schema.nodes.panel;
       const command = api === null || api === void 0 ? void 0 : (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 ? void 0 : _api$blockMenu.commands.transformNode(panelNodeType, {
         inputMethod,
         triggeredFrom,

package/dist/esm/panelPlugin.js

@@ -10,12 +10,12 @@ import { insertSelectedItem } from '@atlaskit/editor-common/insert';
 import { blockTypeMessages } from '@atlaskit/editor-common/messages';
 import { IconCustomPanel, IconPanel, IconPanelError, IconPanelNote, IconPanelSuccess, IconPanelWarning } from '@atlaskit/editor-common/quick-insert';
 import { createWrapSelectionTransaction } from '@atlaskit/editor-common/utils';
+import { pickPanelTypeForInsertion } from '@atlaskit/editor-common/utils/node-type-utils';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import keymap from './pm-plugins/keymaps';
 import { createPlugin } from './pm-plugins/main';
-import { pickPanelTypeForInsertion } from './pm-plugins/utils/utils';
 import { createPanelBlockMenuItem } from './ui/panelBlockMenuItem';
 import { getToolbarConfig } from './ui/toolbar';
 var PANEL_NODE_NAME = 'panel';
@@ -264,7 +264,7 @@ function createPanelAction(_ref4) {
     typeAheadInsert = _ref4.typeAheadInsert,
     _ref4$inputMethod = _ref4.inputMethod,
     inputMethod = _ref4$inputMethod === void 0 ? INPUT_METHOD.QUICK_INSERT : _ref4$inputMethod;
-  var panelNodeType = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? pickPanelTypeForInsertion(state) : state.schema.nodes.panel;
+  var panelNodeType = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? pickPanelTypeForInsertion(state.selection.$from) : state.schema.nodes.panel;
   var tr;
   // If the selection is empty, we want to insert the panel on a new line
   if (state.selection.empty) {

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

@@ -20,28 +20,6 @@ export var panelTypes = function panelTypes(nodes) {
 export var findPanel = function findPanel(state, selection) {
   return findSelectedNodeOfType(panelTypes(state.schema.nodes))(selection || state.selection) || findParentNodeOfType(panelTypes(state.schema.nodes))(selection || state.selection);
 };
-export var pickPanelTypeForInsertion = function pickPanelTypeForInsertion(input) {
-  var selection = 'selection' in input ? input.selection : input;
-  var schema = selection.$from.doc.type.schema;
-  var _schema$nodes = schema.nodes,
-    panel = _schema$nodes.panel,
-    panel_c1 = _schema$nodes.panel_c1;
-  var $from = selection.$from;
-  for (var depth = $from.depth; depth >= 0; depth--) {
-    var parent = $from.node(depth);
-    var index = $from.index(depth);
-    if (parent.canReplaceWith(index, index, panel_c1)) {
-      return panel_c1;
-    }
-    var spec = parent.type.spec;
-    // Stop at isolating containers (e.g. expand, tableCell) — hard walls where
-    // the panel stays inside and should use the regular panel type.
-    if (spec.isolating) {
-      return panel;
-    }
-  }
-  return panel;
-};
 export var panelAttrsToDom = function panelAttrsToDom(attrs, allowCustomPanel) {
   var panelColor = attrs.panelColor,
     panelType = attrs.panelType,

package/dist/esm/ui/panelBlockMenuItem.js

@@ -2,10 +2,10 @@ import React from 'react';
 import { useIntl } from 'react-intl';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { blockTypeMessages } from '@atlaskit/editor-common/messages';
+import { pickPanelTypeForInsertion } from '@atlaskit/editor-common/utils/node-type-utils';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
 import InformationCircleIcon from '@atlaskit/icon/core/information-circle';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { pickPanelTypeForInsertion } from '../pm-plugins/utils/utils';
 var NODE_NAME = 'panel';
 var PanelBlockMenuItem = function PanelBlockMenuItem(_ref) {
   var api = _ref.api;
@@ -17,7 +17,7 @@ var PanelBlockMenuItem = function PanelBlockMenuItem(_ref) {
     api === null || api === void 0 || api.core.actions.execute(function (_ref2) {
       var _api$blockMenu;
       var tr = _ref2.tr;
-      var panelNodeType = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? pickPanelTypeForInsertion(tr.selection) : tr.doc.type.schema.nodes.panel;
+      var panelNodeType = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? pickPanelTypeForInsertion(tr.selection.$from) : tr.doc.type.schema.nodes.panel;
       var command = api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 ? void 0 : _api$blockMenu.commands.transformNode(panelNodeType, {
         inputMethod: inputMethod,
         triggeredFrom: triggeredFrom,

package/dist/types/pm-plugins/utils/utils.d.ts

@@ -7,7 +7,6 @@ export declare const panelTypes: (nodes: {
     [key: string]: NodeType;
 }) => NodeType[];
 export declare const findPanel: (state: EditorState, selection?: Selection | null) => ReturnType<ReturnType<typeof findSelectedNodeOfType>> | ReturnType<ReturnType<typeof findParentNodeOfType>>;
-export declare const pickPanelTypeForInsertion: (input: EditorState | Selection) => NodeType;
 export declare const panelAttrsToDom: (attrs: PanelAttributes, allowCustomPanel: boolean) => DOMOutputSpec;
 export declare const handleCut: (newState: EditorState, oldState: EditorState) => Transaction | undefined;
 export declare const panelContentCheck: (newState: EditorState, oldState: EditorState) => boolean;

package/dist/types-ts4.5/pm-plugins/utils/utils.d.ts

@@ -7,7 +7,6 @@ export declare const panelTypes: (nodes: {
     [key: string]: NodeType;
 }) => NodeType[];
 export declare const findPanel: (state: EditorState, selection?: Selection | null) => ReturnType<ReturnType<typeof findSelectedNodeOfType>> | ReturnType<ReturnType<typeof findParentNodeOfType>>;
-export declare const pickPanelTypeForInsertion: (input: EditorState | Selection) => NodeType;
 export declare const panelAttrsToDom: (attrs: PanelAttributes, allowCustomPanel: boolean) => DOMOutputSpec;
 export declare const handleCut: (newState: EditorState, oldState: EditorState) => Transaction | undefined;
 export declare const panelContentCheck: (newState: EditorState, oldState: EditorState) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-panel",
-	"version": "13.0.2",
+	"version": "13.0.4",
 	"description": "Panel plugin for @atlaskit/editor-core.",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -41,13 +41,13 @@
 		"@atlaskit/emoji": "^70.16.0",
 		"@atlaskit/icon": "^35.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^89.1.0",
-		"@atlaskit/tokens": "^13.1.0",
+		"@atlaskit/tmp-editor-statsig": "^90.2.0",
+		"@atlaskit/tokens": "^13.3.0",
 		"@babel/runtime": "^7.0.0",
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^115.6.0",
+		"@atlaskit/editor-common": "^115.7.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"