@atlaskit/adf-schema 19.2.3 → 20.0.0

package/CHANGELOG.md

@@ -1,5 +1,45 @@
 # @atlaskit/adf-schema
 
+## 20.0.0
+
+### Major Changes
+
+- [`3a2a5e14fdc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3a2a5e14fdc) - As we are moving to full schema, merged the customPanel nodeSpec with panel nodeSpec
+- [`8f0577e0eb1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8f0577e0eb1) - [ux] Promoted captions to full schema and better support of wikimarkup, email and slack renderer
+
+### Minor Changes
+
+- [`65a541166fe`](https://bitbucket.org/atlassian/atlassian-frontend/commits/65a541166fe) - ED-13766 fix pm node spec for media single with caption
+- [`83154234335`](https://bitbucket.org/atlassian/atlassian-frontend/commits/83154234335) - ED-13522 Add safe URL check to ADF validator (smart cards now show as unsupported content if the check fails)
+- [`8bbb96540ea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8bbb96540ea) - Add "fragment" mark to stage0 ADF schema
+
+### Patch Changes
+
+- [`c6feed82071`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c6feed82071) - ED-11632: Bump prosemirror packages;
+
+  - prosmirror-commands 1.1.4 -> 1.1.11,
+  - prosemirror-model 1.11.0 -> 1.14.3,
+  - prosemirror-state 1.3.3 -> 1.3.4,
+  - prosemirror-transform 1.2.8 -> 1.3.2,
+  - prosemirror-view 1.15.4 + 1.18.8 -> 1.20.2.
+
+- [`297d113d54b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/297d113d54b) - Unskip backwrd compat test and fix mistakes
+- Updated dependencies
+
+## 19.3.1
+
+### Patch Changes
+
+- [`f4ce830a2f2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f4ce830a2f2) - [HOT-97158] Fix paste link applying marks on block nodes
+
+## 19.3.0
+
+### Minor Changes
+
+- [`93da0afefce`](https://bitbucket.org/atlassian/atlassian-frontend/commits/93da0afefce) - CETI-78 Change panel nodeSpec to handle paste when feature flag is off
+- [`971845eac0d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/971845eac0d) - CETI-96 Added new rule to emoji to solve the duplicate icon issue when we copy from renderer
+- [`e856b56fd31`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e856b56fd31) - ED-13669 reuse same links normalization method in plugin and adf schema
+
 ## 19.2.3
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -255,6 +255,18 @@ Object.defineProperty(exports, "extension", {
     return _schema.extension;
   }
 });
+Object.defineProperty(exports, "fragment", {
+  enumerable: true,
+  get: function get() {
+    return _schema.fragment;
+  }
+});
+Object.defineProperty(exports, "fragmentToJSON", {
+  enumerable: true,
+  get: function get() {
+    return _schema.fragmentToJSON;
+  }
+});
 Object.defineProperty(exports, "getSchemaBasedOnStage", {
   enumerable: true,
   get: function get() {
@@ -477,12 +489,6 @@ Object.defineProperty(exports, "panel", {
     return _schema.panel;
   }
 });
-Object.defineProperty(exports, "customPanel", {
-  enumerable: true,
-  get: function get() {
-    return _schema.customPanel;
-  }
-});
 Object.defineProperty(exports, "paragraph", {
   enumerable: true,
   get: function get() {
@@ -1059,6 +1065,18 @@ Object.defineProperty(exports, "isSafeUrl", {
     return _utils.isSafeUrl;
   }
 });
+Object.defineProperty(exports, "linkify", {
+  enumerable: true,
+  get: function get() {
+    return _utils.linkify;
+  }
+});
+Object.defineProperty(exports, "linkifyMatch", {
+  enumerable: true,
+  get: function get() {
+    return _utils.linkifyMatch;
+  }
+});
 Object.defineProperty(exports, "normalizeHexColor", {
   enumerable: true,
   get: function get() {

package/dist/cjs/schema/create-schema.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.createSchema = createSchema;
 exports.sanitizeNodes = sanitizeNodes;
 exports.sanitizeNodeSpecContent = sanitizeNodeSpecContent;
+exports.allowCustomPanel = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -107,7 +108,7 @@ var nodesInOrder = [{
   spec: _nodes.codeBlock
 }, {
   name: 'panel',
-  spec: _nodes.panel
+  spec: (0, _nodes.panel)(true)
 }, {
   name: 'rule',
   spec: _nodes.rule
@@ -128,7 +129,7 @@ var nodesInOrder = [{
   spec: _nodes.mediaGroup
 }, {
   name: 'mediaSingle',
-  spec: _nodes.mediaSingle
+  spec: _nodes.mediaSingleWithCaption
 }, {
   name: 'mediaInline',
   spec: _nodes.mediaInline
@@ -262,6 +263,9 @@ var marksInOrder = [{
 }, {
   name: 'dataConsumer',
   spec: _marks.dataConsumer
+}, {
+  name: 'fragment',
+  spec: _marks.fragment
 }, {
   name: 'indentation',
   spec: _marks.indentation
@@ -351,4 +355,7 @@ function isContentSupported(nodes, contentKey) {
   }
 
   return false;
-}
+}
+
+var allowCustomPanel = true;
+exports.allowCustomPanel = allowCustomPanel;

package/dist/cjs/schema/default-schema.js

@@ -5,19 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.defaultSchema = exports.getSchemaBasedOnStage = exports.defaultSchemaConfig = void 0;
 
-var _panel = require("./nodes/panel");
-
-var _layoutSection = require("./nodes/layout-section");
+var _nodes = require("./nodes");
 
-var _dataConsumer = require("./marks/data-consumer");
+var _marks = require("./marks");
 
 var _createSchema = require("./create-schema");
 
-var _nodes = require("./nodes");
-
 var getDefaultSchemaConfig = function getDefaultSchemaConfig() {
   var defaultSchemaConfig = {
-    nodes: ['doc', 'paragraph', 'text', 'bulletList', 'orderedList', 'listItem', 'heading', 'blockquote', 'codeBlock', 'panel', 'rule', 'image', 'mention', 'media', 'mediaGroup', 'mediaSingle', 'mediaInline', 'confluenceUnsupportedBlock', 'confluenceUnsupportedInline', 'confluenceJiraIssue', 'expand', 'nestedExpand', 'extension', 'inlineExtension', 'bodiedExtension', 'hardBreak', 'emoji', 'table', 'tableCell', 'tableHeader', 'tableRow', 'decisionList', 'decisionItem', 'taskList', 'taskItem', 'unknownBlock', 'date', 'status', 'placeholder', 'layoutSection', 'layoutColumn', 'inlineCard', 'blockCard', 'embedCard', 'unsupportedBlock', 'unsupportedInline'],
+    nodes: ['doc', 'paragraph', 'text', 'bulletList', 'orderedList', 'listItem', 'heading', 'blockquote', 'codeBlock', 'panel', 'rule', 'image', 'caption', 'mention', 'media', 'mediaGroup', 'mediaSingle', 'mediaInline', 'confluenceUnsupportedBlock', 'confluenceUnsupportedInline', 'confluenceJiraIssue', 'expand', 'nestedExpand', 'extension', 'inlineExtension', 'bodiedExtension', 'hardBreak', 'emoji', 'table', 'tableCell', 'tableHeader', 'tableRow', 'decisionList', 'decisionItem', 'taskList', 'taskItem', 'unknownBlock', 'date', 'status', 'placeholder', 'layoutSection', 'layoutColumn', 'inlineCard', 'blockCard', 'embedCard', 'unsupportedBlock', 'unsupportedInline'],
     marks: ['link', 'em', 'strong', 'strike', 'subsup', 'underline', 'code', 'textColor', 'confluenceInlineComment', 'breakout', 'alignment', 'indentation', 'annotation', 'unsupportedMark', 'unsupportedNodeAttribute', 'typeAheadQuery' // https://product-fabric.atlassian.net/browse/ED-10214,
     ]
   };
@@ -29,18 +25,16 @@ exports.defaultSchemaConfig = defaultSchemaConfig;
 
 var getSchemaBasedOnStage = function getSchemaBasedOnStage() {
   var stage = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'final';
-  var defaultSchemaConfig = getDefaultSchemaConfig(); // TODO: ED-10445 remove stage0 check after panels with emoji are on full schema AND image captions are on full schema
+  var defaultSchemaConfig = getDefaultSchemaConfig();
 
   if (stage === 'stage0') {
     defaultSchemaConfig.customNodeSpecs = {
-      panel: _panel.customPanel,
-      mediaSingle: _nodes.mediaSingleWithCaption,
-      layoutSection: _layoutSection.layoutSectionWithSingleColumn
+      layoutSection: _nodes.layoutSectionWithSingleColumn
     };
     defaultSchemaConfig.customMarkSpecs = {
-      dataConsumer: _dataConsumer.dataConsumer
+      dataConsumer: _marks.dataConsumer,
+      fragment: _marks.fragment
     };
-    defaultSchemaConfig.nodes.push('caption');
     defaultSchemaConfig.nodes.push('mediaInline');
   }
 

package/dist/cjs/schema/index.js

@@ -275,12 +275,6 @@ Object.defineProperty(exports, "panel", {
     return _nodes.panel;
   }
 });
-Object.defineProperty(exports, "customPanel", {
-  enumerable: true,
-  get: function get() {
-    return _nodes.customPanel;
-  }
-});
 Object.defineProperty(exports, "paragraph", {
   enumerable: true,
   get: function get() {
@@ -521,6 +515,18 @@ Object.defineProperty(exports, "em", {
     return _marks.em;
   }
 });
+Object.defineProperty(exports, "fragment", {
+  enumerable: true,
+  get: function get() {
+    return _marks.fragment;
+  }
+});
+Object.defineProperty(exports, "fragmentToJSON", {
+  enumerable: true,
+  get: function get() {
+    return _marks.fragmentToJSON;
+  }
+});
 Object.defineProperty(exports, "indentation", {
   enumerable: true,
   get: function get() {

package/dist/cjs/schema/jira-schema.js

@@ -56,7 +56,7 @@ function makeSchema(config) {
   }
 
   if (config.allowMedia) {
-    nodes.push('mediaGroup', 'mediaSingle', 'media');
+    nodes.push('mediaGroup', 'mediaSingle', 'media', 'caption');
   }
 
   if (config.allowTextColor) {

package/dist/cjs/schema/marks/fragment.js

@@ -0,0 +1,77 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toJSON = exports.fragment = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _parseDOM = require("../../utils/parseDOM");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var parseFragment = function parseFragment(maybeValue) {
+  var _maybeValue$getAttrib;
+
+  if (!(0, _parseDOM.isDOMElement)(maybeValue)) {
+    return false;
+  }
+
+  var name = (_maybeValue$getAttrib = maybeValue.getAttribute('data-name')) !== null && _maybeValue$getAttrib !== void 0 ? _maybeValue$getAttrib : undefined;
+  var localId = maybeValue.getAttribute('data-localId');
+
+  if (!localId) {
+    return false;
+  }
+
+  return {
+    localId: localId,
+    name: name
+  };
+};
+
+var fragment = {
+  inclusive: false,
+  excludes: '',
+  attrs: {
+    localId: {
+      default: ''
+    },
+    name: {
+      default: null
+    }
+  },
+  parseDOM: [{
+    tag: '[data-mark-type="fragment"]',
+    getAttrs: function getAttrs(maybeValue) {
+      return parseFragment(maybeValue);
+    }
+  }],
+  toDOM: function toDOM(mark, inline) {
+    var wrapperStyle = inline ? 'span' : 'div';
+    return [wrapperStyle, {
+      'data-mark-type': 'fragment',
+      'data-name': mark.attrs.name,
+      'data-localId': mark.attrs.localId
+    }];
+  }
+};
+exports.fragment = fragment;
+
+var toJSON = function toJSON(mark) {
+  return {
+    type: mark.type.name,
+    attrs: _objectSpread({
+      localId: mark.attrs.localId
+    }, mark.attrs.name ? {
+      name: mark.attrs.name
+    } : {})
+  };
+};
+
+exports.toJSON = toJSON;

package/dist/cjs/schema/marks/index.js

@@ -153,6 +153,18 @@ Object.defineProperty(exports, "dataConsumerToJSON", {
     return _dataConsumer.toJSON;
   }
 });
+Object.defineProperty(exports, "fragment", {
+  enumerable: true,
+  get: function get() {
+    return _fragment.fragment;
+  }
+});
+Object.defineProperty(exports, "fragmentToJSON", {
+  enumerable: true,
+  get: function get() {
+    return _fragment.toJSON;
+  }
+});
 
 var _em = require("./em");
 
@@ -186,4 +198,6 @@ var _unsupportedMark = require("./unsupported-mark");
 
 var _unsupportedNodeAttributes = require("./unsupported-node-attributes");
 
-var _dataConsumer = require("./data-consumer");
+var _dataConsumer = require("./data-consumer");
+
+var _fragment = require("./fragment");

package/dist/cjs/schema/marks/link.js

@@ -9,8 +9,6 @@ exports.toJSON = exports.link = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _prosemirrorModel = require("prosemirror-model");
-
 var _groups = require("../groups");
 
 var _url = require("../../utils/url");
@@ -37,32 +35,6 @@ var getLinkAttrs = function getLinkAttrs(attribute) {
   };
 };
 
-var getLinkAttrsWithCheck = function getLinkAttrsWithCheck(attribute) {
-  return function (domNode) {
-    var dom = domNode;
-    var hasTextOnlyChildren = Array.from(dom.childNodes).every(function (node) {
-      return node.nodeType === Node.TEXT_NODE || node.nodeName === 'SPAN';
-    });
-
-    if (hasTextOnlyChildren) {
-      var href = dom.getAttribute(attribute) || '';
-      var attrs = {
-        __confluenceMetadata: dom.hasAttribute('__confluenceMetadata') ? JSON.parse(dom.getAttribute('__confluenceMetadata') || '') : undefined
-      };
-
-      if ((0, _url.isSafeUrl)(href)) {
-        attrs.href = (0, _url.normalizeUrl)(href);
-      } else {
-        return false;
-      }
-
-      return attrs;
-    }
-
-    return false;
-  };
-};
-
 var link = {
   excludes: "".concat(_groups.LINK, " ").concat(_groups.COLOR),
   // ED-5844 No multiple links in media node
@@ -80,39 +52,14 @@ var link = {
     contentElement: function contentElement(node) {
       var clone = node.cloneNode(true);
       clone.removeAttribute('data-block-link');
+      clone.setAttribute('data-skip-paste', 'true');
       var wrapper = document.createElement('div');
       wrapper.appendChild(clone);
       return wrapper;
     }
   }, {
     tag: 'a[href]',
-    context: 'mediaSingle/|taskItem/|decisionItem/',
     getAttrs: getLinkAttrs('href')
-  }, {
-    tag: 'a[href]',
-    getAttrs: getLinkAttrsWithCheck('href')
-  }, {
-    /**
-     * When links aren't wrapped in a paragraph and due to
-     * the odd nature of how our schema is set up, prosemirror will
-     * add the link to the paragraph node itself where it should be on
-     * the text node, this satisfies our schema because link is allowed
-     * in many places (e.g. listitem)
-     * This change comes through via prosemirror-model@1.9.1
-     */
-    tag: 'a[href]',
-    getAttrs: getLinkAttrsWithCheck('href'),
-    getContent: function getContent(node, schema) {
-      if (node instanceof HTMLAnchorElement) {
-        var href = node.getAttribute('href');
-        var text = node.innerText;
-        return _prosemirrorModel.Fragment.from(schema.nodes.paragraph.createChecked(undefined, schema.text(text, [schema.marks.link.create({
-          href: href
-        })])));
-      }
-
-      return _prosemirrorModel.Fragment.empty;
-    }
   }],
   toDOM: function toDOM(node, isInline) {
     var attrs = Object.keys(node.attrs).reduce(function (attrs, key) {

package/dist/cjs/schema/marks/unsupported-mark.js

@@ -8,6 +8,7 @@ var unsupportedMark = {
   toDOM: function toDOM() {
     return ['span'];
   },
+  excludes: '',
   attrs: {
     originalValue: {}
   }

package/dist/cjs/schema/nodes/bodied-extension.js

@@ -11,7 +11,7 @@ var createBodiedExtensionNodeSpec = function createBodiedExtensionNodeSpec() {
   var nodeSpec = {
     inline: false,
     group: 'block',
-    marks: 'link dataConsumer',
+    marks: 'link dataConsumer fragment',
     content: '(paragraph | panel | blockquote | orderedList | bulletList | rule | heading | codeBlock | mediaGroup | mediaSingle | decisionList | taskList | table | blockCard | extension | unsupportedBlock | embedCard)+',
     defining: true,
     selectable: true,

package/dist/cjs/schema/nodes/caption.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.caption = void 0;
 
 /**
- * @stage 0
  * @name caption_node
  */
 var caption = {

package/dist/cjs/schema/nodes/doc.js

@@ -10,6 +10,6 @@ exports.doc = void 0;
  */
 var doc = {
   content: '(block|layoutSection)+',
-  marks: 'alignment breakout dataConsumer indentation link unsupportedMark unsupportedNodeAttribute'
+  marks: 'alignment breakout dataConsumer fragment indentation link unsupportedMark unsupportedNodeAttribute'
 };
 exports.doc = doc;

package/dist/cjs/schema/nodes/emoji.js

@@ -32,6 +32,10 @@ var emoji = {
         text: dom.getAttribute('data-emoji-text') || emoji.attrs.text.default
       };
     }
+  }, // Handle copy/paste beautiful panel from renderer />
+  {
+    tag: 'div.ak-editor-panel__icon',
+    ignore: true
   }, // Handle copy/paste from old <ac:emoticon />
   {
     tag: 'img[data-emoticon-name]',

package/dist/cjs/schema/nodes/expand.js

@@ -27,7 +27,7 @@ function getExpandAttrs(domNode) {
 var expand = {
   inline: false,
   group: 'block',
-  marks: 'link dataConsumer unsupportedMark unsupportedNodeAttribute',
+  marks: 'link dataConsumer fragment unsupportedMark unsupportedNodeAttribute',
   content: '(paragraph | panel | blockquote | orderedList | bulletList | rule | heading | codeBlock | mediaGroup | mediaSingle | decisionList | taskList | table | blockCard | embedCard | extension | unsupportedBlock)+',
   isolating: true,
   selectable: true,

package/dist/cjs/schema/nodes/index.js

@@ -143,12 +143,6 @@ Object.defineProperty(exports, "panel", {
     return _panel.panel;
   }
 });
-Object.defineProperty(exports, "customPanel", {
-  enumerable: true,
-  get: function get() {
-    return _panel.customPanel;
-  }
-});
 Object.defineProperty(exports, "PanelType", {
   enumerable: true,
   get: function get() {

package/dist/cjs/schema/nodes/layout-column.js

@@ -11,7 +11,7 @@ exports.layoutColumn = void 0;
 var layoutColumn = {
   content: '(block|unsupportedBlock)+',
   isolating: true,
-  marks: 'link alignment indentation dataConsumer unsupportedMark unsupportedNodeAttribute',
+  marks: 'link alignment indentation dataConsumer fragment unsupportedMark unsupportedNodeAttribute',
   selectable: false,
   attrs: {
     width: {

package/dist/cjs/schema/nodes/media-single.js

@@ -32,7 +32,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 /**
  * @name mediaSingle_caption_node
- * @stage 0
  */
 var defaultAttrs = {
   width: {
@@ -81,6 +80,7 @@ var mediaSingle = {
 exports.mediaSingle = mediaSingle;
 
 var mediaSingleWithCaption = _objectSpread(_objectSpread({}, mediaSingle), {}, {
+  atom: false,
   content: 'media|unsupportedBlock+|media (caption|unsupportedBlock) unsupportedBlock*'
 });
 

package/dist/cjs/schema/nodes/panel.js

@@ -1,9 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.panel = exports.customPanel = exports.PanelType = void 0;
+exports.panel = exports.PanelType = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 var PanelType;
 exports.PanelType = PanelType;
 
@@ -17,12 +26,8 @@ exports.PanelType = PanelType;
   PanelType["CUSTOM"] = "custom";
 })(PanelType || (exports.PanelType = PanelType = {}));
 
-//TODO: ED-10445 rename to panel and merge with the other panel node spec, after emoji panels moved to full schema
-var customPanel = {
-  group: 'block',
-  content: '(paragraph | heading | bulletList | orderedList | blockCard | unsupportedBlock)+',
-  marks: 'unsupportedMark unsupportedNodeAttribute',
-  attrs: {
+var getDefaultAttrs = function getDefaultAttrs() {
+  var attrs = {
     panelType: {
       default: 'info'
     },
@@ -32,54 +37,54 @@ var customPanel = {
     panelColor: {
       default: null
     }
-  },
-  parseDOM: [{
-    tag: 'div[data-panel-type]',
-    getAttrs: function getAttrs(dom) {
-      return {
-        panelType: dom.getAttribute('data-panel-type'),
-        panelIcon: dom.getAttribute('data-panel-icon'),
-        panelColor: dom.getAttribute('data-panel-color')
-      };
-    }
-  }],
-  toDOM: function toDOM(node) {
-    var _node$attrs = node.attrs,
-        panelType = _node$attrs.panelType,
-        panelIcon = _node$attrs.panelIcon,
-        panelColor = _node$attrs.panelColor;
-    var attrs = {
-      'data-panel-type': panelType,
-      'data-panel-icon': panelIcon,
-      'data-panel-color': panelColor
-    };
-    return ['div', attrs, ['div', {}, 0]];
+  };
+  return attrs;
+};
+
+var getDomAttrs = function getDomAttrs(nodeAttrs) {
+  var attrs = {
+    'data-panel-type': nodeAttrs.panelType,
+    'data-panel-icon': nodeAttrs.panelIcon,
+    'data-panel-color': nodeAttrs.panelColor
+  };
+  return attrs;
+};
+
+var getParseDOMAttrs = function getParseDOMAttrs(allowCustomPanel, dom) {
+  var parseDOMAttrs = {
+    panelType: dom.getAttribute('data-panel-type')
+  };
+
+  if (allowCustomPanel) {
+    parseDOMAttrs = _objectSpread(_objectSpread({}, parseDOMAttrs), {}, {
+      panelIcon: dom.getAttribute('data-panel-icon'),
+      panelColor: dom.getAttribute('data-panel-color')
+    });
+  } else {
+    parseDOMAttrs.panelType = parseDOMAttrs.panelType === PanelType.CUSTOM ? PanelType.INFO : parseDOMAttrs.panelType;
   }
+
+  return parseDOMAttrs;
 };
-exports.customPanel = customPanel;
-var panel = {
-  group: 'block',
-  content: '(paragraph | heading | bulletList | orderedList | blockCard | unsupportedBlock)+',
-  marks: 'unsupportedMark unsupportedNodeAttribute',
-  attrs: {
-    panelType: {
-      default: 'info'
-    }
-  },
-  parseDOM: [{
-    tag: 'div[data-panel-type]',
-    getAttrs: function getAttrs(dom) {
-      return {
-        panelType: dom.getAttribute('data-panel-type')
-      };
+
+var panel = function panel(allowCustomPanel) {
+  var panelNodeSpec = {
+    group: 'block',
+    content: '(paragraph | heading | bulletList | orderedList | blockCard | unsupportedBlock)+',
+    marks: 'unsupportedMark unsupportedNodeAttribute',
+    attrs: getDefaultAttrs(),
+    parseDOM: [{
+      tag: 'div[data-panel-type]',
+      getAttrs: function getAttrs(dom) {
+        return getParseDOMAttrs(allowCustomPanel, dom);
+      }
+    }],
+    toDOM: function toDOM(node) {
+      var attrs = getDomAttrs(node.attrs);
+      return ['div', attrs, ['div', {}, 0]];
     }
-  }],
-  toDOM: function toDOM(node) {
-    var panelType = node.attrs.panelType;
-    var attrs = {
-      'data-panel-type': panelType
-    };
-    return ['div', attrs, ['div', {}, 0]];
-  }
+  };
+  return panelNodeSpec;
 };
+
 exports.panel = panel;