@atlaskit/adf-schema/dist/es2019/schema/nodes/layout-section.js

Shared package that contains the ADF-schema (json) and ProseMirror node/mark specs

import { layoutSection as layoutSectionFactory, layoutSectionWithSingleColumnStage0 as layoutSectionWithSingleColumnStage0Factory, layoutSectionFull as layoutSectionFullFactory } from '../../next-schema/generated/nodeTypes';
import { uuid } from '../../utils/uuid';

/**
 * @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 const layoutSection = layoutSectionFactory({
  parseDOM: [{
    context: 'layoutSection//|layoutColumn//',
    tag: 'div[data-layout-section]',
    skip: true
  }, {
    tag: 'div[data-layout-section]'
  }],
  toDOM() {
    const attrs = {
      'data-layout-section': 'true'
    };
    return ['div', attrs, 0];
  }
});
export const layoutSectionFull = layoutSectionFullFactory({
  parseDOM: [{
    context: 'layoutSection//|layoutColumn//',
    tag: 'div[data-layout-section]',
    skip: true
  }, {
    tag: 'div[data-layout-section]'
  }],
  toDOM() {
    const attrs = {
      'data-layout-section': 'true'
    };
    return ['div', attrs, 0];
  }
});

// stage-0 support for columnRuleStyle attribute and 1-5 columns
export const layoutSectionWithSingleColumn = layoutSectionWithSingleColumnStage0Factory({
  parseDOM: [{
    context: 'layoutSection//|layoutColumn//',
    tag: 'div[data-layout-section]',
    skip: true
  }, {
    tag: 'div[data-layout-section]',
    getAttrs: dom => {
      const columnRuleStyle = dom.getAttribute('data-column-rule-style');
      return columnRuleStyle ? {
        columnRuleStyle
      } : {};
    }
  }],
  toDOM(node) {
    const {
      columnRuleStyle
    } = node.attrs;
    const attrs = {
      'data-layout-section': 'true',
      'data-column-rule-style': columnRuleStyle || undefined
    };
    return ['div', attrs, 0];
  }
});
export const layoutSectionWithLocalId = layoutSectionFactory({
  parseDOM: [{
    context: 'layoutSection//|layoutColumn//',
    tag: 'div[data-layout-section]',
    skip: true
  }, {
    tag: 'div[data-layout-section]',
    getAttrs: () => {
      const localId = uuid.generate();
      return {
        localId
      };
    }
  }],
  toDOM(node) {
    const {
      localId
    } = node.attrs;
    const attrs = {
      'data-layout-section': 'true',
      'data-local-id': localId
    };
    return ['div', attrs, 0];
  }
});
export const layoutSectionWithSingleColumnLocalId = layoutSectionWithSingleColumnStage0Factory({
  parseDOM: [{
    context: 'layoutSection//|layoutColumn//',
    tag: 'div[data-layout-section]',
    skip: true
  }, {
    tag: 'div[data-layout-section]',
    getAttrs: dom => {
      const columnRuleStyle = dom.getAttribute('data-column-rule-style');
      const localId = uuid.generate();
      return columnRuleStyle ? {
        columnRuleStyle,
        localId
      } : {
        localId
      };
    }
  }],
  toDOM(node) {
    var _node$attrs;
    const {
      columnRuleStyle
    } = node.attrs;
    const attrs = {
      'data-layout-section': 'true',
      'data-column-rule-style': columnRuleStyle || undefined,
      'data-local-id': (node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.localId) || undefined
    };
    return ['div', attrs, 0];
  }
});