@atlaskit/adf-schema 19.2.0

package/dist/esm/schema/nodes/inline-extension.js

@@ -0,0 +1,46 @@
+import { getExtensionAttrs } from '../../utils/extensions';
+
+var createInlineExtensionNodeSpec = function createInlineExtensionNodeSpec() {
+  var nodeSpec = {
+    inline: true,
+    group: 'inline',
+    selectable: true,
+    attrs: {
+      extensionType: {
+        default: ''
+      },
+      extensionKey: {
+        default: ''
+      },
+      parameters: {
+        default: null
+      },
+      text: {
+        default: null
+      },
+      localId: {
+        default: null
+      }
+    },
+    parseDOM: [{
+      tag: 'span[data-extension-type]',
+      getAttrs: function getAttrs(domNode) {
+        return getExtensionAttrs(domNode, true);
+      }
+    }],
+    toDOM: function toDOM(node) {
+      var attrs = {
+        'data-extension-type': node.attrs.extensionType,
+        'data-extension-key': node.attrs.extensionKey,
+        'data-text': node.attrs.text,
+        'data-parameters': JSON.stringify(node.attrs.parameters),
+        'data-local-id:': node.attrs.localId,
+        contenteditable: 'false'
+      };
+      return ['span', attrs];
+    }
+  };
+  return nodeSpec;
+};
+
+export var inlineExtension = createInlineExtensionNodeSpec();

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

@@ -0,0 +1,45 @@
+/**
+ * @name layoutColumn_node
+ */
+export var layoutColumn = {
+  content: '(block|unsupportedBlock)+',
+  isolating: true,
+  marks: 'link alignment indentation dataConsumer unsupportedMark unsupportedNodeAttribute',
+  selectable: false,
+  attrs: {
+    width: {
+      default: undefined
+    }
+  },
+  parseDOM: [{
+    context: 'layoutColumn//',
+    tag: 'div[data-layout-column]',
+    skip: true
+  }, {
+    tag: 'div[data-layout-column]',
+    getAttrs: function getAttrs(domNode) {
+      var dom = domNode;
+      return {
+        width: Number(dom.getAttribute('data-column-width')) || undefined
+      };
+    }
+  }],
+  toDOM: function toDOM(node) {
+    var attrs = {
+      'data-layout-column': 'true'
+    };
+    var width = node.attrs.width;
+
+    if (width) {
+      attrs['style'] = "flex-basis: ".concat(width, "%");
+      attrs['data-column-width'] = width;
+    } // We need to apply a attribute to the inner most child to help
+    // ProseMirror identify its boundaries better.
+
+
+    var contentAttrs = {
+      'data-layout-content': 'true'
+    };
+    return ['div', attrs, ['div', contentAttrs, 0]];
+  }
+};

package/dist/esm/schema/nodes/layout-section.js

@@ -0,0 +1,52 @@
+/**
+ * @name layoutSection_node
+ */
+
+/**
+ * Need duplicate `type` and `marks` to make both validator and json-schema satisfied
+ */
+
+/**
+ * @name layoutSection_full_node
+ */
+
+/**
+ * @stage 0
+ * @name layoutSection_with_single_column_node
+ */
+export var layoutSection = {
+  content: '(layoutColumn | unsupportedBlock){1,3} unsupportedBlock*',
+  marks: 'unsupportedMark unsupportedNodeAttribute',
+  isolating: true,
+  parseDOM: [{
+    context: 'layoutSection//|layoutColumn//',
+    tag: 'div[data-layout-section]',
+    skip: true
+  }, {
+    tag: 'div[data-layout-section]'
+  }],
+  toDOM: function toDOM() {
+    var attrs = {
+      'data-layout-section': 'true'
+    };
+    return ['div', attrs, 0];
+  }
+};
+export var layoutSectionWithSingleColumn = {
+  content: '(layoutColumn | unsupportedBlock){1,3} unsupportedBlock*',
+  marks: 'unsupportedMark unsupportedNodeAttribute',
+  isolating: true,
+  parseDOM: [{
+    context: 'layoutSection//|layoutColumn//',
+    tag: 'div[data-layout-section]',
+    skip: true
+  }, {
+    tag: 'div[data-layout-section]'
+  }],
+  toDOM: function toDOM() {
+    var attrs = {
+      'data-layout-section': 'true'
+    };
+    return ['div', attrs, 0];
+  }
+};

package/dist/esm/schema/nodes/list-item.js

@@ -0,0 +1,18 @@
+// eslint-disable-next-line import/no-cycle
+// eslint-disable-next-line import/no-cycle
+
+/**
+ * @name listItem_node
+ */
+export var listItem = {
+  content: '(paragraph | mediaSingle | codeBlock) (paragraph | bulletList | orderedList | mediaSingle | codeBlock)*',
+  marks: 'link unsupportedMark unsupportedNodeAttribute',
+  defining: true,
+  selectable: false,
+  parseDOM: [{
+    tag: 'li'
+  }],
+  toDOM: function toDOM() {
+    return ['li', 0];
+  }
+};

package/dist/esm/schema/nodes/media-group.js

@@ -0,0 +1,21 @@
+/**
+ * @name mediaGroup_node
+ */
+export var mediaGroup = {
+  inline: false,
+  group: 'block',
+  content: '(media|unsupportedBlock)+',
+  attrs: {},
+  marks: 'unsupportedMark unsupportedNodeAttribute link',
+  selectable: false,
+  parseDOM: [{
+    tag: 'div[data-node-type="mediaGroup"]'
+  }, {
+    tag: 'div[class="MediaGroup"]'
+  }],
+  toDOM: function toDOM() {
+    return ['div', {
+      'data-node-type': 'mediaGroup'
+    }, 0];
+  }
+};

package/dist/esm/schema/nodes/media-inline.js

@@ -0,0 +1,2 @@
+import { createMediaSpec, defaultAttrs } from './media';
+export var mediaInline = createMediaSpec(defaultAttrs, true);

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

@@ -0,0 +1,84 @@
+import _defineProperty from "@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) { _defineProperty(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; }
+
+/**
+ * @name mediaSingle_node
+ * @additionalProperties true
+ */
+
+/**
+ * @additionalProperties true
+ */
+
+/**
+ * @name mediaSingle_full_node
+ */
+
+/**
+ * @additionalProperties true
+ */
+
+/**
+ * @name mediaSingle_caption_node
+ * @stage 0
+ */
+export var defaultAttrs = {
+  width: {
+    default: null
+  },
+  // null makes small images to have original size by default
+  layout: {
+    default: 'center'
+  }
+};
+export var mediaSingle = {
+  inline: false,
+  group: 'block',
+  selectable: true,
+  atom: true,
+  content: 'media|unsupportedBlock+|media unsupportedBlock+',
+  attrs: defaultAttrs,
+  marks: 'unsupportedMark unsupportedNodeAttribute link',
+  parseDOM: [{
+    tag: 'div[data-node-type="mediaSingle"]',
+    getAttrs: function getAttrs(dom) {
+      return {
+        layout: dom.getAttribute('data-layout') || 'center',
+        width: Number(dom.getAttribute('data-width')) || null
+      };
+    }
+  }],
+  toDOM: function toDOM(node) {
+    var _node$attrs = node.attrs,
+        layout = _node$attrs.layout,
+        width = _node$attrs.width;
+    var attrs = {
+      'data-node-type': 'mediaSingle',
+      'data-layout': layout,
+      'data-width': ''
+    };
+
+    if (width) {
+      attrs['data-width'] = isFinite(width) && Math.floor(width) === width ? width : width.toFixed(2);
+    }
+
+    return ['div', attrs, 0];
+  }
+};
+export var mediaSingleWithCaption = _objectSpread(_objectSpread({}, mediaSingle), {}, {
+  content: 'media|unsupportedBlock+|media (caption|unsupportedBlock) unsupportedBlock*'
+});
+export var toJSON = function toJSON(node) {
+  return {
+    attrs: Object.keys(node.attrs).reduce(function (obj, key) {
+      if (node.attrs[key] !== null) {
+        obj[key] = node.attrs[key];
+      }
+
+      return obj;
+    }, {})
+  };
+};

package/dist/esm/schema/nodes/media.js

@@ -0,0 +1,174 @@
+import { N30 } from '../../utils/colors';
+export var defaultAttrs = {
+  id: {
+    default: ''
+  },
+  type: {
+    default: 'file'
+  },
+  collection: {
+    default: ''
+  },
+  occurrenceKey: {
+    default: null
+  },
+  alt: {
+    default: ''
+  },
+  width: {
+    default: null
+  },
+  height: {
+    default: null
+  },
+  url: {
+    default: null
+  },
+  __fileName: {
+    default: null
+  },
+  __fileSize: {
+    default: null
+  },
+  __fileMimeType: {
+    default: null
+  },
+  __displayType: {
+    default: null
+  },
+  __contextId: {
+    default: null
+  },
+  __external: {
+    default: false
+  }
+};
+export var createMediaSpec = function createMediaSpec(attributes) {
+  var inline = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var domNodeType = inline ? 'span' : 'div';
+  var nodeName = inline ? 'mediaInline' : 'media';
+  return {
+    selectable: true,
+    inline: inline,
+    group: inline ? 'inline' : undefined,
+    attrs: attributes,
+    parseDOM: [{
+      tag: "".concat(domNodeType, "[data-node-type=\"").concat(nodeName, "\"]"),
+      getAttrs: function getAttrs(dom) {
+        var attrs = {};
+
+        if (attributes) {
+          Object.keys(attributes).forEach(function (k) {
+            var key = camelCaseToKebabCase(k).replace(/^__/, '');
+            var value = dom.getAttribute("data-".concat(key)) || '';
+
+            if (value) {
+              attrs[k] = value;
+            }
+          });
+        } // Need to do validation & type conversion manually
+
+
+        if (attrs.__fileSize) {
+          attrs.__fileSize = +attrs.__fileSize;
+        }
+
+        var width = Number(attrs.width);
+
+        if (typeof width !== 'undefined' && !isNaN(width)) {
+          attrs.width = width;
+        }
+
+        var height = Number(attrs.height);
+
+        if (typeof height !== 'undefined' && !isNaN(height)) {
+          attrs.height = height;
+        }
+
+        return attrs;
+      }
+    }, // Don't match data URI
+    {
+      tag: 'img[src^="data:image"]',
+      ignore: true
+    }, {
+      tag: 'img:not(.smart-link-icon)',
+      getAttrs: function getAttrs(dom) {
+        return {
+          type: 'external',
+          url: dom.getAttribute('src') || '',
+          alt: dom.getAttribute('alt') || ''
+        };
+      }
+    }],
+    toDOM: function toDOM(node) {
+      var attrs = {
+        'data-id': node.attrs.id,
+        'data-node-type': "".concat(nodeName),
+        'data-type': node.attrs.type,
+        'data-collection': node.attrs.collection,
+        'data-occurrence-key': node.attrs.occurrenceKey,
+        'data-width': node.attrs.width,
+        'data-height': node.attrs.height,
+        'data-url': node.attrs.url,
+        'data-alt': node.attrs.alt,
+        // toDOM is used for static rendering as well as editor rendering. This comes into play for
+        // emails, copy/paste, etc, so the title and styling here *is* useful (despite a React-based
+        // node view being used for editing).
+        title: 'Attachment',
+        // Manually kept in sync with the style of media cards. The goal is to render a plain gray
+        // rectangle that provides an affordance for media.
+        style: "display: inline-block; border-radius: 3px; background: ".concat(N30, "; box-shadow: 0 1px 1px rgba(9, 30, 66, 0.2), 0 0 1px 0 rgba(9, 30, 66, 0.24);")
+      };
+      copyPrivateAttributes(node.attrs, attrs, function (key) {
+        return "data-".concat(camelCaseToKebabCase(key.slice(2)));
+      });
+      return ["".concat(domNodeType), attrs];
+    }
+  };
+};
+export var media = createMediaSpec(defaultAttrs);
+export var camelCaseToKebabCase = function camelCaseToKebabCase(str) {
+  return str.replace(/([^A-Z]+)([A-Z])/g, function (_, x, y) {
+    return "".concat(x, "-").concat(y.toLowerCase());
+  });
+};
+export var copyPrivateAttributes = function copyPrivateAttributes(from, to, map) {
+  if (media.attrs) {
+    Object.keys(media.attrs).forEach(function (key) {
+      if (key[0] === '_' && key[1] === '_' && from[key]) {
+        to[map ? map(key) : key] = from[key];
+      }
+    });
+  }
+};
+/**
+ * There's no concept of optional property in ProseMirror. It sets value as `null`
+ * when there's no use of any property. We are filtering out all private & optional attrs here.
+ */
+
+var optionalAttributes = ['occurrenceKey', 'width', 'height', 'url', 'alt'];
+var externalOnlyAttributes = ['type', 'url', 'width', 'height', 'alt'];
+export var toJSON = function toJSON(node) {
+  return {
+    attrs: Object.keys(node.attrs).filter(function (key) {
+      return !(key[0] === '_' && key[1] === '_');
+    }).reduce(function (obj, key) {
+      if (node.attrs.type === 'external' && externalOnlyAttributes.indexOf(key) === -1) {
+        return obj;
+      }
+
+      if (optionalAttributes.indexOf(key) > -1 && (node.attrs[key] === null || node.attrs[key] === '')) {
+        return obj;
+      }
+
+      if (['width', 'height'].indexOf(key) !== -1) {
+        obj[key] = Number(node.attrs[key]);
+        return obj;
+      }
+
+      obj[key] = node.attrs[key];
+      return obj;
+    }, {})
+  };
+};