@atlaskit/editor-plugin-panel 0.2.2 → 0.2.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-panel
 
+## 0.2.4
+
+### Patch Changes
+
+- [#67238](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/67238) [`40533849b2ec`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/40533849b2ec) - [ED-21835] Change EditorAPI type to always union with undefined
+
+## 0.2.3
+
+### Patch Changes
+
+- [#65603](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/65603) [`ac8d4b09e18e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ac8d4b09e18e) - ED-21609 Node nesting: Use the new nodespec for list and panel when respective FF's are enabled
+
 ## 0.2.2
 
 ### Patch Changes

package/dist/cjs/plugin.js

@@ -24,7 +24,7 @@ var panelPlugin = function panelPlugin(_ref) {
   return {
     name: 'panel',
     nodes: function nodes() {
-      var panelNode = (0, _adfSchema.panel)(!!options.allowCustomPanel);
+      var panelNode = (0, _platformFeatureFlags.getBooleanFF)('platform.editor.allow-extended-panel') ? (0, _adfSchema.extendedPanel)(!!options.allowCustomPanel) : (0, _adfSchema.panel)(!!options.allowCustomPanel);
       return [{
         name: 'panel',
         node: panelNode

package/dist/cjs/toolbar.js

@@ -264,7 +264,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(stat
   var formatMessage = intl.formatMessage;
   var panelObject = (0, _utils2.findPanel)(state);
   if (panelObject) {
-    var _api$analytics;
+    var _api$decorations, _api$analytics;
     var nodeType = state.schema.nodes.panel;
     var _panelObject$node$att = panelObject.node.attrs,
       panelType = _panelObject$node$att.panelType,
@@ -275,7 +275,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(stat
     };
 
     // force toolbar to be turned on
-    var items = getToolbarItems(formatMessage, nodeType, options.allowCustomPanel || false, options.allowCustomPanel && options.allowCustomPanelEdit || false, providerFactory, api === null || api === void 0 ? void 0 : api.decorations.actions.hoverDecoration, api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, panelType, options.allowCustomPanel ? panelColor : undefined, options.allowCustomPanel ? panelIcon || isStandardPanel(panelType) : undefined, state);
+    var items = getToolbarItems(formatMessage, nodeType, options.allowCustomPanel || false, options.allowCustomPanel && options.allowCustomPanelEdit || false, providerFactory, api === null || api === void 0 || (_api$decorations = api.decorations) === null || _api$decorations === void 0 ? void 0 : _api$decorations.actions.hoverDecoration, api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, panelType, options.allowCustomPanel ? panelColor : undefined, options.allowCustomPanel ? panelIcon || isStandardPanel(panelType) : undefined, state);
     var getDomRef = function getDomRef(editorView) {
       var domAtPos = editorView.domAtPos.bind(editorView);
       var element = (0, _utils.findDomRefAtPos)(panelObject.pos, domAtPos);

package/dist/es2019/plugin.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { panel, PanelType } from '@atlaskit/adf-schema';
+import { extendedPanel, panel, PanelType } from '@atlaskit/adf-schema';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { blockTypeMessages } from '@atlaskit/editor-common/messages';
 import { IconCustomPanel, IconPanel, IconPanelError, IconPanelNote, IconPanelSuccess, IconPanelWarning } from '@atlaskit/editor-common/quick-insert';
@@ -16,7 +16,7 @@ const panelPlugin = ({
 }) => ({
   name: 'panel',
   nodes() {
-    const panelNode = panel(!!options.allowCustomPanel);
+    const panelNode = getBooleanFF('platform.editor.allow-extended-panel') ? extendedPanel(!!options.allowCustomPanel) : panel(!!options.allowCustomPanel);
     return [{
       name: 'panel',
       node: panelNode

package/dist/es2019/toolbar.js

@@ -249,7 +249,7 @@ export const getToolbarConfig = (state, intl, options = {}, providerFactory, api
   } = intl;
   const panelObject = findPanel(state);
   if (panelObject) {
-    var _api$analytics;
+    var _api$decorations, _api$analytics;
     const nodeType = state.schema.nodes.panel;
     const {
       panelType,
@@ -261,7 +261,7 @@ export const getToolbarConfig = (state, intl, options = {}, providerFactory, api
     };
 
     // force toolbar to be turned on
-    const items = getToolbarItems(formatMessage, nodeType, options.allowCustomPanel || false, options.allowCustomPanel && options.allowCustomPanelEdit || false, providerFactory, api === null || api === void 0 ? void 0 : api.decorations.actions.hoverDecoration, api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, panelType, options.allowCustomPanel ? panelColor : undefined, options.allowCustomPanel ? panelIcon || isStandardPanel(panelType) : undefined, state);
+    const items = getToolbarItems(formatMessage, nodeType, options.allowCustomPanel || false, options.allowCustomPanel && options.allowCustomPanelEdit || false, providerFactory, api === null || api === void 0 ? void 0 : (_api$decorations = api.decorations) === null || _api$decorations === void 0 ? void 0 : _api$decorations.actions.hoverDecoration, api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, panelType, options.allowCustomPanel ? panelColor : undefined, options.allowCustomPanel ? panelIcon || isStandardPanel(panelType) : undefined, state);
     const getDomRef = editorView => {
       const domAtPos = editorView.domAtPos.bind(editorView);
       const element = findDomRefAtPos(panelObject.pos, domAtPos);

package/dist/esm/plugin.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { panel, PanelType } from '@atlaskit/adf-schema';
+import { extendedPanel, panel, PanelType } from '@atlaskit/adf-schema';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { blockTypeMessages } from '@atlaskit/editor-common/messages';
 import { IconCustomPanel, IconPanel, IconPanelError, IconPanelNote, IconPanelSuccess, IconPanelWarning } from '@atlaskit/editor-common/quick-insert';
@@ -17,7 +17,7 @@ var panelPlugin = function panelPlugin(_ref) {
   return {
     name: 'panel',
     nodes: function nodes() {
-      var panelNode = panel(!!options.allowCustomPanel);
+      var panelNode = getBooleanFF('platform.editor.allow-extended-panel') ? extendedPanel(!!options.allowCustomPanel) : panel(!!options.allowCustomPanel);
       return [{
         name: 'panel',
         node: panelNode

package/dist/esm/toolbar.js

@@ -257,7 +257,7 @@ export var getToolbarConfig = function getToolbarConfig(state, intl) {
   var formatMessage = intl.formatMessage;
   var panelObject = findPanel(state);
   if (panelObject) {
-    var _api$analytics;
+    var _api$decorations, _api$analytics;
     var nodeType = state.schema.nodes.panel;
     var _panelObject$node$att = panelObject.node.attrs,
       panelType = _panelObject$node$att.panelType,
@@ -268,7 +268,7 @@ export var getToolbarConfig = function getToolbarConfig(state, intl) {
     };
 
     // force toolbar to be turned on
-    var items = getToolbarItems(formatMessage, nodeType, options.allowCustomPanel || false, options.allowCustomPanel && options.allowCustomPanelEdit || false, providerFactory, api === null || api === void 0 ? void 0 : api.decorations.actions.hoverDecoration, api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, panelType, options.allowCustomPanel ? panelColor : undefined, options.allowCustomPanel ? panelIcon || isStandardPanel(panelType) : undefined, state);
+    var items = getToolbarItems(formatMessage, nodeType, options.allowCustomPanel || false, options.allowCustomPanel && options.allowCustomPanelEdit || false, providerFactory, api === null || api === void 0 || (_api$decorations = api.decorations) === null || _api$decorations === void 0 ? void 0 : _api$decorations.actions.hoverDecoration, api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, panelType, options.allowCustomPanel ? panelColor : undefined, options.allowCustomPanel ? panelIcon || isStandardPanel(panelType) : undefined, state);
     var getDomRef = function getDomRef(editorView) {
       var domAtPos = editorView.domAtPos.bind(editorView);
       var element = findDomRefAtPos(panelObject.pos, domAtPos);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-panel",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "Panel plugin for @atlaskit/editor-core.",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -14,7 +14,7 @@
     "releaseModel": "continuous",
     "runReact18": false
   },
-  "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
+  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
@@ -34,7 +34,7 @@
   },
   "dependencies": {
     "@atlaskit/adf-schema": "^35.3.0",
-    "@atlaskit/editor-common": "^76.35.0",
+    "@atlaskit/editor-common": "^76.39.0",
     "@atlaskit/editor-palette": "1.5.2",
     "@atlaskit/editor-plugin-analytics": "^0.4.0",
     "@atlaskit/editor-plugin-decorations": "^0.2.0",
@@ -104,6 +104,9 @@
   "platform-feature-flags": {
     "platform.editor.ordered-list-inserting-nodes_bh0vo": {
       "type": "boolean"
+    },
+    "platform.editor.allow-extended-panel": {
+      "type": "boolean"
     }
   }
 }