@modusoperandi/licit 0.1.4 → 0.1.8

package/dist/MathNodeSpec.js.flow

@@ -1,46 +1,46 @@
-// @flow
-
-import type { NodeSpec } from './Types';
-
-function getAttrs(dom: HTMLElement) {
-  let align = dom.getAttribute('data-align') || dom.getAttribute('align');
-  if (align) {
-    align = /(left|right|center)/.test(align) ? align : null;
-  }
-
-  return {
-    align,
-    latex: dom.getAttribute('data-latex') || null,
-  };
-}
-
-const MathNodeSpec: NodeSpec = {
-  inline: true,
-  attrs: {
-    align: { default: null },
-    latex: { default: '' },
-  },
-  group: 'inline',
-  draggable: true,
-  parseDOM: [
-    { tag: 'math[data-latex]', getAttrs },
-    { tag: 'span[data-latex]', getAttrs },
-  ],
-  toDOM(node) {
-    // Normally, the DOM structure of the math node is rendered by
-    // `MathNodeView`. This method is only called when user selects a
-    // math node and copies it, which triggers the "serialize to HTML" flow that
-    // calles this method.
-    const { align, latex } = node.attrs;
-    const domAttrs = {};
-    if (align) {
-      domAttrs.align = align;
-    }
-    if (latex) {
-      domAttrs['data-latex'] = latex;
-    }
-    return ['span', domAttrs];
-  },
-};
-
-export default MathNodeSpec;
+// @flow
+
+import type { NodeSpec } from './Types';
+
+function getAttrs(dom: HTMLElement) {
+  let align = dom.getAttribute('data-align') || dom.getAttribute('align');
+  if (align) {
+    align = /(left|right|center)/.test(align) ? align : null;
+  }
+
+  return {
+    align,
+    latex: dom.getAttribute('data-latex') || null,
+  };
+}
+
+const MathNodeSpec: NodeSpec = {
+  inline: true,
+  attrs: {
+    align: { default: null },
+    latex: { default: '' },
+  },
+  group: 'inline',
+  draggable: true,
+  parseDOM: [
+    { tag: 'math[data-latex]', getAttrs },
+    { tag: 'span[data-latex]', getAttrs },
+  ],
+  toDOM(node) {
+    // Normally, the DOM structure of the math node is rendered by
+    // `MathNodeView`. This method is only called when user selects a
+    // math node and copies it, which triggers the "serialize to HTML" flow that
+    // calles this method.
+    const { align, latex } = node.attrs;
+    const domAttrs = {};
+    if (align) {
+      domAttrs.align = align;
+    }
+    if (latex) {
+      domAttrs['data-latex'] = latex;
+    }
+    return ['span', domAttrs];
+  },
+};
+
+export default MathNodeSpec;

package/dist/NodeNames.js.flow

@@ -1,23 +1,23 @@
-// @flow
-
-// https://github.com/ProseMirror/prosemirror-schema-basic/blob/master/src/schema-basic.js
-export const BLOCKQUOTE = 'blockquote';
-export const BOOKMARK = 'bookmark';
-export const BULLET_LIST = 'bullet_list';
-export const CODE_BLOCK = 'code_block';
-export const DOC = 'doc';
-export const HARD_BREAK = 'hard_break';
-export const HEADING = 'heading';
-export const HORIZONTAL_RULE = 'horizontal_rule';
-export const IMAGE = 'image';
-export const LINK = 'link';
-export const LIST_ITEM = 'list_item';
-export const MATH = 'math';
-export const ORDERED_LIST = 'ordered_list';
-export const PARAGRAPH = 'paragraph';
-export const TABLE = 'table';
-export const TABLE_CELL = 'table_cell';
-export const TABLE_HEADER = 'table_header';
-export const TABLE_ROW = 'table_row';
-export const TEXT = 'text';
-export const UNDERLINE = 'underline';
+// @flow
+
+// https://github.com/ProseMirror/prosemirror-schema-basic/blob/master/src/schema-basic.js
+export const BLOCKQUOTE = 'blockquote';
+export const BOOKMARK = 'bookmark';
+export const BULLET_LIST = 'bullet_list';
+export const CODE_BLOCK = 'code_block';
+export const DOC = 'doc';
+export const HARD_BREAK = 'hard_break';
+export const HEADING = 'heading';
+export const HORIZONTAL_RULE = 'horizontal_rule';
+export const IMAGE = 'image';
+export const LINK = 'link';
+export const LIST_ITEM = 'list_item';
+export const MATH = 'math';
+export const ORDERED_LIST = 'ordered_list';
+export const PARAGRAPH = 'paragraph';
+export const TABLE = 'table';
+export const TABLE_CELL = 'table_cell';
+export const TABLE_HEADER = 'table_header';
+export const TABLE_ROW = 'table_row';
+export const TEXT = 'text';
+export const UNDERLINE = 'underline';

package/dist/OrderedListNodeSpec.js.flow

@@ -1,132 +1,132 @@
-// @flow
-
-import { Node } from 'prosemirror-model';
-
-import { ATTRIBUTE_LIST_STYLE_TYPE } from './ListItemNodeSpec';
-import { LIST_ITEM } from './NodeNames';
-import { ATTRIBUTE_INDENT, MIN_INDENT_LEVEL, RESERVED_STYLE_NONE } from './ParagraphNodeSpec';
-
-import type { NodeSpec } from './Types';
-
-export const ATTRIBUTE_COUNTER_RESET = 'data-counter-reset';
-export const ATTRIBUTE_FOLLOWING = 'data-following';
-const AUTO_LIST_STYLE_TYPES = ['decimal', 'lower-alpha', 'lower-roman'];
-
-const OrderedListNodeSpec: NodeSpec = {
-  attrs: {
-    id: { default: null },
-    counterReset: { default: null },
-    indent: { default: MIN_INDENT_LEVEL },
-    following: { default: null },
-    listStyleType: { default: null },
-    name: { default: null },
-    start: { default: 1 },
-    type: { default: 'decimal' },
-    styleName: { default: RESERVED_STYLE_NONE },
-  },
-  group: 'block',
-  content: LIST_ITEM + '+',
-  parseDOM: [
-    {
-      tag: 'ol',
-      getAttrs(dom: HTMLElement) {
-        const listStyleType = dom.getAttribute(ATTRIBUTE_LIST_STYLE_TYPE);
-        const counterReset =
-          dom.getAttribute(ATTRIBUTE_COUNTER_RESET) || undefined;
-
-        const start = dom.hasAttribute('start')
-          ? parseInt(dom.getAttribute('start'), 10)
-          : 1;
-
-        const indent = dom.hasAttribute(ATTRIBUTE_INDENT)
-          ? parseInt(dom.getAttribute(ATTRIBUTE_INDENT), 10)
-          : MIN_INDENT_LEVEL;
-
-        const name = dom.getAttribute('name') || undefined;
-
-        const following = dom.getAttribute(ATTRIBUTE_FOLLOWING) || undefined;
-        const type = dom.getAttribute('type') || undefined;
-
-        return {
-          counterReset,
-          following,
-          indent,
-          listStyleType,
-          name,
-          start,
-          type,
-        };
-      },
-    },
-  ],
-  toDOM(node: Node) {
-    const {
-      start,
-      indent,
-      listStyleType,
-      counterReset,
-      following,
-      name,
-      type,
-    } = node.attrs;
-    const attrs: Object = {
-      [ATTRIBUTE_INDENT]: indent,
-    };
-
-    if (counterReset === 'none') {
-      attrs[ATTRIBUTE_COUNTER_RESET] = counterReset;
-    }
-
-    if (following) {
-      attrs[ATTRIBUTE_FOLLOWING] = following;
-    }
-
-    if (listStyleType) {
-      attrs[ATTRIBUTE_LIST_STYLE_TYPE] = listStyleType;
-    }
-
-    if (start !== 1) {
-      attrs.start = start;
-    }
-
-    if (name) {
-      attrs.name = name;
-    }
-    let htmlListStyleType = listStyleType;
-
-    if (!htmlListStyleType || htmlListStyleType === 'decimal') {
-      htmlListStyleType =
-        AUTO_LIST_STYLE_TYPES[indent % AUTO_LIST_STYLE_TYPES.length];
-    }
-
-    const cssCounterName = `czi-counter-${indent}`;
-    if ('x.x.x' === type) {
-      if (RESERVED_STYLE_NONE !== node.attrs.styleName) {
-        attrs.style = buildStyleClass(indent, node.attrs.start);
-      } else {
-        attrs.style =
-          `--czi-counter-name: ${cssCounterName};` +
-          `--czi-counter-reset: ${following ? 'none' : start - 1};` +
-          `--czi-list-style-type: ${htmlListStyleType}`;
-      }
-    } else {
-      attrs.style =
-        `--czi-counter-name: ${cssCounterName};` +
-        `--czi-counter-reset: ${following ? 'none' : start - 1};` +
-        `--czi-list-style-type: ${htmlListStyleType}`;
-    }
-    attrs.type = type;
-
-    return ['ol', attrs, 0];
-  },
-};
-
-function buildStyleClass(indent, start) {
-  const cssCounterName = `czi-counter-${indent}`;
-  let cssCounterReset = `czi-counter-${indent} ${start - 1} `;
-  for (let index = 0; index < indent; index++) {
-    cssCounterReset += `czi-counter-${index} 1 `;
-  }
-  return `--czi-counter-name: ${cssCounterName}; counter-reset: ${cssCounterReset};`;
-}
-export default OrderedListNodeSpec;
+// @flow
+
+import { Node } from 'prosemirror-model';
+
+import { ATTRIBUTE_LIST_STYLE_TYPE } from './ListItemNodeSpec';
+import { LIST_ITEM } from './NodeNames';
+import { ATTRIBUTE_INDENT, MIN_INDENT_LEVEL, RESERVED_STYLE_NONE } from './ParagraphNodeSpec';
+
+import type { NodeSpec } from './Types';
+
+export const ATTRIBUTE_COUNTER_RESET = 'data-counter-reset';
+export const ATTRIBUTE_FOLLOWING = 'data-following';
+const AUTO_LIST_STYLE_TYPES = ['decimal', 'lower-alpha', 'lower-roman'];
+
+const OrderedListNodeSpec: NodeSpec = {
+  attrs: {
+    id: { default: null },
+    counterReset: { default: null },
+    indent: { default: MIN_INDENT_LEVEL },
+    following: { default: null },
+    listStyleType: { default: null },
+    name: { default: null },
+    start: { default: 1 },
+    type: { default: 'decimal' },
+    styleName: { default: RESERVED_STYLE_NONE },
+  },
+  group: 'block',
+  content: LIST_ITEM + '+',
+  parseDOM: [
+    {
+      tag: 'ol',
+      getAttrs(dom: HTMLElement) {
+        const listStyleType = dom.getAttribute(ATTRIBUTE_LIST_STYLE_TYPE);
+        const counterReset =
+          dom.getAttribute(ATTRIBUTE_COUNTER_RESET) || undefined;
+
+        const start = dom.hasAttribute('start')
+          ? parseInt(dom.getAttribute('start'), 10)
+          : 1;
+
+        const indent = dom.hasAttribute(ATTRIBUTE_INDENT)
+          ? parseInt(dom.getAttribute(ATTRIBUTE_INDENT), 10)
+          : MIN_INDENT_LEVEL;
+
+        const name = dom.getAttribute('name') || undefined;
+
+        const following = dom.getAttribute(ATTRIBUTE_FOLLOWING) || undefined;
+        const type = dom.getAttribute('type') || undefined;
+
+        return {
+          counterReset,
+          following,
+          indent,
+          listStyleType,
+          name,
+          start,
+          type,
+        };
+      },
+    },
+  ],
+  toDOM(node: Node) {
+    const {
+      start,
+      indent,
+      listStyleType,
+      counterReset,
+      following,
+      name,
+      type,
+    } = node.attrs;
+    const attrs: Object = {
+      [ATTRIBUTE_INDENT]: indent,
+    };
+
+    if (counterReset === 'none') {
+      attrs[ATTRIBUTE_COUNTER_RESET] = counterReset;
+    }
+
+    if (following) {
+      attrs[ATTRIBUTE_FOLLOWING] = following;
+    }
+
+    if (listStyleType) {
+      attrs[ATTRIBUTE_LIST_STYLE_TYPE] = listStyleType;
+    }
+
+    if (start !== 1) {
+      attrs.start = start;
+    }
+
+    if (name) {
+      attrs.name = name;
+    }
+    let htmlListStyleType = listStyleType;
+
+    if (!htmlListStyleType || htmlListStyleType === 'decimal') {
+      htmlListStyleType =
+        AUTO_LIST_STYLE_TYPES[indent % AUTO_LIST_STYLE_TYPES.length];
+    }
+
+    const cssCounterName = `czi-counter-${indent}`;
+    if ('x.x.x' === type) {
+      if (RESERVED_STYLE_NONE !== node.attrs.styleName) {
+        attrs.style = buildStyleClass(indent, node.attrs.start);
+      } else {
+        attrs.style =
+          `--czi-counter-name: ${cssCounterName};` +
+          `--czi-counter-reset: ${following ? 'none' : start - 1};` +
+          `--czi-list-style-type: ${htmlListStyleType}`;
+      }
+    } else {
+      attrs.style =
+        `--czi-counter-name: ${cssCounterName};` +
+        `--czi-counter-reset: ${following ? 'none' : start - 1};` +
+        `--czi-list-style-type: ${htmlListStyleType}`;
+    }
+    attrs.type = type;
+
+    return ['ol', attrs, 0];
+  },
+};
+
+function buildStyleClass(indent, start) {
+  const cssCounterName = `czi-counter-${indent}`;
+  let cssCounterReset = `czi-counter-${indent} ${start - 1} `;
+  for (let index = 0; index < indent; index++) {
+    cssCounterReset += `czi-counter-${index} 1 `;
+  }
+  return `--czi-counter-name: ${cssCounterName}; counter-reset: ${cssCounterReset};`;
+}
+export default OrderedListNodeSpec;

package/dist/ParagraphNodeSpec.js

@@ -14,8 +14,6 @@ var _toCSSLineSpacing = _interopRequireDefault(require("./ui/toCSSLineSpacing"))
 
 var _prosemirrorModel = require("prosemirror-model");
 
-var _customStyle = require("./customStyle");
-
 var _Types = require("./Types");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -66,9 +64,6 @@ const ParagraphNodeSpec = {
     // TODO: Add UI to let user edit / clear padding.
     paddingTop: {
       default: null
-    },
-    styleName: {
-      default: RESERVED_STYLE_NONE
     }
   },
   content: 'inline*',
@@ -99,26 +94,22 @@ function getAttrs(dom) {
   indent = indent || MIN_INDENT_LEVEL;
   const lineSpacing = lineHeight ? (0, _toCSSLineSpacing.default)(lineHeight) : null;
   const id = dom.getAttribute('id') || '';
-  const styleName = dom.getAttribute('styleName') || null;
   return {
     align,
     indent,
     lineSpacing,
     paddingTop,
     paddingBottom,
-    id,
-    styleName
+    id
   };
 }
 
 function getStyle(attrs) {
-  return getStyleEx(attrs.align, attrs.lineSpacing, attrs.paddingTop, attrs.paddingBottom, attrs.styleName);
+  return getStyleEx(attrs.align, attrs.lineSpacing, attrs.paddingTop, attrs.paddingBottom);
 }
 
-function getStyleEx(align, lineSpacing, paddingTop, paddingBottom, styleName) {
+function getStyleEx(align, lineSpacing, paddingTop, paddingBottom) {
   let style = '';
-  let styleLevel = 0;
-  let indentOverriden = '';
 
   if (align && align !== 'left') {
     style += `text-align: ${align};`;
@@ -129,66 +120,6 @@ function getStyleEx(align, lineSpacing, paddingTop, paddingBottom, styleName) {
     style += `line-height: ${cssLineSpacing};` + // This creates the local css variable `--czi-content-line-height`
     // that its children may apply.
     `--czi-content-line-height: ${cssLineSpacing};`;
-  } //to get the styles of the corresponding style name
-
-
-  const styleProps = (0, _customStyle.getCustomStyleByName)(styleName);
-
-  if (null !== styleProps && styleProps.styles) {
-    // [FS] IRAD-1100 2020-11-04
-    // Add in leading and trailing spacing (before and after a paragraph)
-    if (styleProps.styles.paragraphSpacingAfter) {
-      style += `margin-bottom: ${styleProps.styles.paragraphSpacingAfter}pt !important;`;
-    }
-
-    if (styleProps.styles.paragraphSpacingBefore) {
-      style += `margin-top: ${styleProps.styles.paragraphSpacingBefore}pt !important;`;
-    }
-
-    if (styleProps.styles.styleLevel) {
-      if (styleProps.styles.strong) {
-        style += 'font-weight: bold;';
-      }
-
-      if (styleProps.styles.boldNumbering) {
-        style += ' --czi-counter-bold: bold;';
-      }
-
-      if (styleProps.styles.em) {
-        style += 'font-style: italic;';
-      }
-
-      if (styleProps.styles.color) {
-        style += `color: ${styleProps.styles.color};`;
-      }
-
-      if (styleProps.styles.fontSize) {
-        style += `font-size: ${styleProps.styles.fontSize}pt;`;
-      }
-
-      if (styleProps.styles.fontName) {
-        style += `font-family: ${styleProps.styles.fontName};`;
-      }
-
-      if (styleProps.styles.indent) {
-        indentOverriden = styleProps.styles.indent;
-      } // [FS] IRAD-1462 2021-06-17
-      // FIX:  Numbering applied for paragraph even though the custom style not selected numbering(but set level)
-
-
-      styleLevel = styleProps.styles.hasNumbering ? parseInt(styleProps.styles.styleLevel) : 0;
-      style += refreshCounters(styleLevel);
-    }
-  } else if (styleName && styleName.includes(RESERVED_STYLE_NONE_NUMBERING)) {
-    const indices = styleName.split(RESERVED_STYLE_NONE_NUMBERING);
-
-    if (indices && 2 === indices.length) {
-      styleLevel = parseInt(indices[1]);
-    }
-
-    if (styleLevel) {
-      style += refreshCounters(styleLevel);
-    }
   }
 
   if (paddingTop && !EMPTY_CSS_VALUE.has(paddingTop)) {
@@ -200,69 +131,29 @@ function getStyleEx(align, lineSpacing, paddingTop, paddingBottom, styleName) {
   }
 
   return {
-    style,
-    styleLevel,
-    indentOverriden
+    style
   };
-} // [FS] IRAD-1202 2021-02-15
-
-
-function refreshCounters(styleLevel) {
-  let latestCounters = '';
-  let cssCounterReset = '';
-  let setCounterReset = false; // set style counters in window variables,
-  // so that it is remapped later to add to document attribute via transaction.
-
-  for (let index = 1; index <= styleLevel; index++) {
-    const counterVar = 'set-cust-style-counter-' + index;
-    const setCounterVal = window[counterVar];
-
-    if (!setCounterVal) {
-      cssCounterReset += `C${index} `;
-      setCounterReset = true;
-    }
-
-    window[counterVar] = true;
-  }
-
-  if (setCounterReset) {
-    latestCounters = `counter-increment: ${cssCounterReset};`;
-  }
-
-  return latestCounters;
 }
 
 function toDOM(node) {
   const {
     indent,
-    id,
-    styleName
+    id
   } = node.attrs;
   const attrs = {};
   const {
-    style,
-    styleLevel,
-    indentOverriden
+    style
   } = getStyle(node.attrs);
   style && (attrs.style = style);
 
-  if (styleLevel) {
-    attrs[ATTRIBUTE_STYLE_LEVEL] = String(styleLevel);
-  }
-
   if (indent) {
     attrs[ATTRIBUTE_INDENT] = String(indent);
   }
 
-  if ('' !== indentOverriden) {
-    attrs[ATTRIBUTE_INDENT] = String(indentOverriden);
-  }
-
   if (id) {
     attrs.id = id;
   }
 
-  attrs.styleName = styleName;
   return ['p', attrs, 0];
 }