@atlaskit/adf-schema
Version:
Shared package that contains the ADF-schema (json) and ProseMirror node/mark specs
77 lines (71 loc) • 1.91 kB
JavaScript
import { layoutSection as layoutSectionFactory, layoutSectionWithSingleColumnStage0 as layoutSectionWithSingleColumnStage0Factory } from '../../next-schema/generated/nodeTypes';
import { layoutSectionFull as layoutSectionFullFactory } from '../../next-schema/generated/nodeTypes';
/**
* @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];
}
});