@modusoperandi/licit 0.1.4 → 0.1.8

package/src/ui/czi-table.css

@@ -1,86 +1,86 @@
-@import './czi-vars.css';
-
-/* Table Styles */
-
-.ProseMirror .tableWrapper {
-  overflow-x: auto;
-}
-
-.ProseMirror table {
-  border: 1px solid var(--czi-table-border-color);
-  border-collapse: initial;
-  border-spacing: 0;
-  border-width: 0 thin thin 0;
-  margin: 0;
-  overflow: hidden;
-  page-break-inside: avoid;
-  table-layout: fixed;
-  width: 100%;
-}
-
-.ProseMirror td,
-.ProseMirror th {
-  background-color: #fff;
-  border: 1px solid var(--czi-table-border-color);
-  border-width: thin 0 0 thin;
-  box-sizing: border-box;
-  min-width: 1em;
-  padding: 8px;
-  position: relative;
-  vertical-align: top;
-}
-
-.ProseMirror th {
-  background-color: var(--czi-table-header-background-color);
-  font-weight: bold;
-  text-align: left;
-}
-
-.ProseMirror .column-resize-handle {
-  background-color: #adf;
-  border: solid 1px #fff;
-  border-width: 0 1px;
-  bottom: 0;
-  position: absolute;
-  right: -2px;
-  top: 0;
-  width: 4px;
-  z-index: 20;
-}
-
-.ProseMirror th:last-child > .column-resize-handle,
-.ProseMirror td:last-child > .column-resize-handle {
-  right: 0;
-}
-
-.ProseMirror .column-resize-handle.for-margin-left.for-margin-left {
-  left: 0;
-  right: auto;
-}
-
-/* [FS] IRAD-949 2020-05-27
-Rezie cursor position issue fixed. */
-.ProseMirror .column-resize-handle:focus,
-.ProseMirror .column-resize-handle:hover {
-  cursor: ew-resize;
-  cursor: col-resize;
-}
-
-/* Give selected cells a blue overlay */
-.ProseMirror .selectedCell::after {
-  background: var(--czi-selection-highlight-color);
-  bottom: 0;
-  content: '';
-  left: 0;
-  pointer-events: none;
-  position: absolute;
-  right: 0;
-  top: 0;
-  z-index: 2;
-}
-
-@media only print {
-  .ProseMirror table {
-    width: 100% !important;
-  }
-}
+@import './czi-vars.css';
+
+/* Table Styles */
+
+.ProseMirror .tableWrapper {
+  overflow-x: auto;
+}
+
+.ProseMirror table {
+  border: 1px solid var(--czi-table-border-color);
+  border-collapse: initial;
+  border-spacing: 0;
+  border-width: 0 thin thin 0;
+  margin: 0;
+  overflow: hidden;
+  page-break-inside: avoid;
+  table-layout: fixed;
+  width: 100%;
+}
+
+.ProseMirror td,
+.ProseMirror th {
+  background-color: #fff;
+  border: 1px solid var(--czi-table-border-color);
+  border-width: thin 0 0 thin;
+  box-sizing: border-box;
+  min-width: 1em;
+  padding: 8px;
+  position: relative;
+  vertical-align: top;
+}
+
+.ProseMirror th {
+  background-color: var(--czi-table-header-background-color);
+  font-weight: bold;
+  text-align: left;
+}
+
+.ProseMirror .column-resize-handle {
+  background-color: #adf;
+  border: solid 1px #fff;
+  border-width: 0 1px;
+  bottom: 0;
+  position: absolute;
+  right: -2px;
+  top: 0;
+  width: 4px;
+  z-index: 20;
+}
+
+.ProseMirror th:last-child > .column-resize-handle,
+.ProseMirror td:last-child > .column-resize-handle {
+  right: 0;
+}
+
+.ProseMirror .column-resize-handle.for-margin-left.for-margin-left {
+  left: 0;
+  right: auto;
+}
+
+/* [FS] IRAD-949 2020-05-27
+Rezie cursor position issue fixed. */
+.ProseMirror .column-resize-handle:focus,
+.ProseMirror .column-resize-handle:hover {
+  cursor: ew-resize;
+  cursor: col-resize;
+}
+
+/* Give selected cells a blue overlay */
+.ProseMirror .selectedCell::after {
+  background: var(--czi-selection-highlight-color);
+  bottom: 0;
+  content: '';
+  left: 0;
+  pointer-events: none;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 2;
+}
+
+@media only print {
+  .ProseMirror table {
+    width: 100% !important;
+  }
+}

package/src/ui/czi-tooltip-surface.css

@@ -1,45 +1,45 @@
-@import './czi-vars.css';
-@import './czi-animations.css';
-
-.czi-tooltip-surface.czi-animation-fade-in {
-  display: contents;
-}
-
-.czi-tooltip-view {
-  background-color: #393939;
-  border-radius: 5px;
-  box-sizing: border-box;
-  color: #fff;
-  font-family: var(--czi-font-family);
-  font-size: var(--czi-font-size);
-  margin: 20px 0 0 0;
-  min-width: 100px;
-  padding: 6px 8px;
-  pointer-events: none;
-  text-align: center;
-  user-select: none;
-}
-
-@media only print {
-  .czi-tooltip-view {
-    display: none;
-  }
-}
-
-.czi-tooltip-view.czi-animation-fade-in {
-  animation-delay: 150ms;
-  animation-duration: 250ms;
-}
-
-.czi-tooltip-view::after {
-  background-color: #393939;
-  content: '';
-  height: 8px;
-  left: var(--czi-pop-up-anchor-offset-left);
-  margin-left: -6px;
-  position: absolute;
-  top: 16px;
-  transform: rotate(45deg);
-  width: 8px;
-  z-index: -1;
-}
+@import './czi-vars.css';
+@import './czi-animations.css';
+
+.czi-tooltip-surface.czi-animation-fade-in {
+  display: contents;
+}
+
+.czi-tooltip-view {
+  background-color: #393939;
+  border-radius: 5px;
+  box-sizing: border-box;
+  color: #fff;
+  font-family: var(--czi-font-family);
+  font-size: var(--czi-font-size);
+  margin: 20px 0 0 0;
+  min-width: 100px;
+  padding: 6px 8px;
+  pointer-events: none;
+  text-align: center;
+  user-select: none;
+}
+
+@media only print {
+  .czi-tooltip-view {
+    display: none;
+  }
+}
+
+.czi-tooltip-view.czi-animation-fade-in {
+  animation-delay: 150ms;
+  animation-duration: 250ms;
+}
+
+.czi-tooltip-view::after {
+  background-color: #393939;
+  content: '';
+  height: 8px;
+  left: var(--czi-pop-up-anchor-offset-left);
+  margin-left: -6px;
+  position: absolute;
+  top: 16px;
+  transform: rotate(45deg);
+  width: 8px;
+  z-index: -1;
+}

package/src/ui/czi-vars.css

@@ -1,46 +1,46 @@
-:root {
-  --czi-blockquote-background-color: rgba(0, 0, 0, 0.05);
-  --czi-blockquote-border: solid 8px rgba(0, 0, 0, 0.6);
-  --czi-blockquote-color: #555;
-  --czi-blockquote-font-family: 'Open Sans';
-  --czi-border-blue: solid 1px #5882eb;
-  --czi-border-grey: solid 1px #ccc;
-  --czi-border-red: solid 1px #f00;
-  --czi-button-hover-background-color: rgba(0, 0, 0, 0.05);
-  --czi-button-radius: 5px;
-  --czi-button-text-color: #666;
-  --czi-color-grey-200: rgba(0, 0, 0, 0.46);
-  --czi-font-family: helvetica;
-  --czi-font-size-small: 12px;
-  --czi-font-size: 13px;
-  --czi-link-color: rgb(0, 0, 238);
-  --czi-overlay-radius: 3px;
-  --czi-overlay-shadow: 0 1px 2px rgba(0, 0, 0, 0.46);
-  --czi-page-background-color: #e6e6e6;
-  --czi-page-background-color: #e6e6e6;
-  --czi-placeholder-text-color: #dedede;
-  --czi-selection-highlight-color-dark: rgba(152, 204, 253, 0.8);
-  --czi-selection-highlight-color: rgba(152, 204, 253, 0.4);
-  --czi-table-header-background-color: rgba(0, 0, 0, 0.05);
-  --czi-table-border-color: #000;
-  --czi-doc-padding-default: 14.5mm;
-  --czi-doc-width-us-letter-portrait: 216mm;
-  --czi-doc-width-us-letter-landscape: 279mm;
-  --czi-doc-width-a4-portrait: 210mm;
-  --czi-doc-width-a4-landscape: 297mm;
-  --czi-doc-width-us-desktop-screen-4-3: 120vh;
-  --czi-doc-width-us-desktop-screen-16-9: 142vh;
-
-  /* content styles */
-  --czi-content-body-background-color: #fff;
-  --czi-content-font-color: #000;
-  --czi-content-font-family: arial;
-  --czi-content-font-size-h1: 18px;
-  --czi-content-font-size-h2: 16px;
-  --czi-content-font-size-h3: 13px;
-  --czi-content-font-size: 11pt;
-
-  /* This maps to the default line spacing value of 1.5 in Google Doc */
-  --czi-content-line-height: 138%;
-  --czi-content-link-color: rgb(0, 0, 238);
-}
+:root {
+  --czi-blockquote-background-color: rgba(0, 0, 0, 0.05);
+  --czi-blockquote-border: solid 8px rgba(0, 0, 0, 0.6);
+  --czi-blockquote-color: #555;
+  --czi-blockquote-font-family: 'Open Sans';
+  --czi-border-blue: solid 1px #5882eb;
+  --czi-border-grey: solid 1px #ccc;
+  --czi-border-red: solid 1px #f00;
+  --czi-button-hover-background-color: rgba(0, 0, 0, 0.05);
+  --czi-button-radius: 5px;
+  --czi-button-text-color: #666;
+  --czi-color-grey-200: rgba(0, 0, 0, 0.46);
+  --czi-font-family: helvetica;
+  --czi-font-size-small: 12px;
+  --czi-font-size: 13px;
+  --czi-link-color: rgb(0, 0, 238);
+  --czi-overlay-radius: 3px;
+  --czi-overlay-shadow: 0 1px 2px rgba(0, 0, 0, 0.46);
+  --czi-page-background-color: #e6e6e6;
+  --czi-page-background-color: #e6e6e6;
+  --czi-placeholder-text-color: #dedede;
+  --czi-selection-highlight-color-dark: rgba(152, 204, 253, 0.8);
+  --czi-selection-highlight-color: rgba(152, 204, 253, 0.4);
+  --czi-table-header-background-color: rgba(0, 0, 0, 0.05);
+  --czi-table-border-color: #000;
+  --czi-doc-padding-default: 14.5mm;
+  --czi-doc-width-us-letter-portrait: 216mm;
+  --czi-doc-width-us-letter-landscape: 279mm;
+  --czi-doc-width-a4-portrait: 210mm;
+  --czi-doc-width-a4-landscape: 297mm;
+  --czi-doc-width-us-desktop-screen-4-3: 120vh;
+  --czi-doc-width-us-desktop-screen-16-9: 142vh;
+
+  /* content styles */
+  --czi-content-body-background-color: #fff;
+  --czi-content-font-color: #000;
+  --czi-content-font-family: arial;
+  --czi-content-font-size-h1: 18px;
+  --czi-content-font-size-h2: 16px;
+  --czi-content-font-size-h3: 13px;
+  --czi-content-font-size: 11pt;
+
+  /* This maps to the default line spacing value of 1.5 in Google Doc */
+  --czi-content-line-height: 138%;
+  --czi-content-link-color: rgb(0, 0, 238);
+}

package/src/ui/findActiveFontSize.js

@@ -1,58 +1,58 @@
-// @flow
-
-import { EditorState } from 'prosemirror-state';
-import { findParentNodeOfType } from 'prosemirror-utils';
-
-import { MARK_FONT_SIZE } from '../MarkNames';
-import { HEADING } from '../NodeNames';
-import findActiveMark from '../findActiveMark';
-
-// This should map to `--czi-content-font-size` at `czi-editor.css`.
-const FONT_PT_SIZE_DEFAULT = 11;
-
-// This should map to `czi-heading.css`.
-const MAP_HEADING_LEVEL_TO_FONT_PT_SIZE = {
-  '1': 20,
-  '2': 18,
-  '3': 16,
-  '4': 14,
-  '5': 11,
-  '6': 11,
-};
-
-export default function findActiveFontSize(state: EditorState): string {
-  const { schema, doc, selection, tr } = state;
-  const markType = schema.marks[MARK_FONT_SIZE];
-  const heading = schema.nodes[HEADING];
-  const defaultSize = String(FONT_PT_SIZE_DEFAULT);
-  if (!markType) {
-    return defaultSize;
-  }
-
-  const { from, to, empty } = selection;
-  if (empty) {
-    const storedMarks =
-      tr.storedMarks ||
-      state.storedMarks ||
-      (selection.$cursor &&
-        selection.$cursor.marks &&
-        selection.$cursor.marks()) ||
-      [];
-    const sm = storedMarks.find((m) => m.type === markType);
-    return sm ? String(sm.attrs.pt || defaultSize) : defaultSize;
-  }
-
-  const mark = findActiveMark(doc, from, to, markType);
-  if (mark) {
-    return String(mark.attrs.pt);
-  }
-  if (!heading) {
-    return defaultSize;
-  }
-  const result = findParentNodeOfType(heading)(state.selection);
-  if (!result) {
-    return defaultSize;
-  }
-  const level = String(result.node.attrs.level);
-  return MAP_HEADING_LEVEL_TO_FONT_PT_SIZE[level] || defaultSize;
-}
+// @flow
+
+import { EditorState } from 'prosemirror-state';
+import { findParentNodeOfType } from 'prosemirror-utils';
+
+import { MARK_FONT_SIZE } from '../MarkNames';
+import { HEADING } from '../NodeNames';
+import findActiveMark from '../findActiveMark';
+
+// This should map to `--czi-content-font-size` at `czi-editor.css`.
+const FONT_PT_SIZE_DEFAULT = 11;
+
+// This should map to `czi-heading.css`.
+const MAP_HEADING_LEVEL_TO_FONT_PT_SIZE = {
+  '1': 20,
+  '2': 18,
+  '3': 16,
+  '4': 14,
+  '5': 11,
+  '6': 11,
+};
+
+export default function findActiveFontSize(state: EditorState): string {
+  const { schema, doc, selection, tr } = state;
+  const markType = schema.marks[MARK_FONT_SIZE];
+  const heading = schema.nodes[HEADING];
+  const defaultSize = String(FONT_PT_SIZE_DEFAULT);
+  if (!markType) {
+    return defaultSize;
+  }
+
+  const { from, to, empty } = selection;
+  if (empty) {
+    const storedMarks =
+      tr.storedMarks ||
+      state.storedMarks ||
+      (selection.$cursor &&
+        selection.$cursor.marks &&
+        selection.$cursor.marks()) ||
+      [];
+    const sm = storedMarks.find((m) => m.type === markType);
+    return sm ? String(sm.attrs.pt || defaultSize) : defaultSize;
+  }
+
+  const mark = findActiveMark(doc, from, to, markType);
+  if (mark) {
+    return String(mark.attrs.pt);
+  }
+  if (!heading) {
+    return defaultSize;
+  }
+  const result = findParentNodeOfType(heading)(state.selection);
+  if (!result) {
+    return defaultSize;
+  }
+  const level = String(result.node.attrs.level);
+  return MAP_HEADING_LEVEL_TO_FONT_PT_SIZE[level] || defaultSize;
+}

package/src/ui/findActiveFontType.js

@@ -1,38 +1,38 @@
-// @flow
-
-import { EditorState } from 'prosemirror-state';
-
-import { MARK_FONT_TYPE } from '../MarkNames';
-import findActiveMark from '../findActiveMark';
-
-// This should map to `--czi-content-font-size` at `czi-editor.css`.
-export const FONT_TYPE_NAME_DEFAULT = 'Arial';
-
-export default function findActiveFontType(state: EditorState): string {
-  const { schema, doc, selection, tr } = state;
-  const markType = schema.marks[MARK_FONT_TYPE];
-  if (!markType) {
-    return FONT_TYPE_NAME_DEFAULT;
-  }
-  const { from, to, empty } = selection;
-
-  if (empty) {
-    const storedMarks =
-      tr.storedMarks ||
-      state.storedMarks ||
-      (selection.$cursor &&
-        selection.$cursor.marks &&
-        selection.$cursor.marks()) ||
-      [];
-    const sm = storedMarks.find((m) => m.type === markType);
-    return (sm && sm.attrs.name) || FONT_TYPE_NAME_DEFAULT;
-  }
-
-  const mark = findActiveMark(doc, from, to, markType);
-  const fontName = mark && mark.attrs.name;
-  if (!fontName) {
-    return FONT_TYPE_NAME_DEFAULT;
-  }
-
-  return fontName;
-}
+// @flow
+
+import { EditorState } from 'prosemirror-state';
+
+import { MARK_FONT_TYPE } from '../MarkNames';
+import findActiveMark from '../findActiveMark';
+
+// This should map to `--czi-content-font-size` at `czi-editor.css`.
+export const FONT_TYPE_NAME_DEFAULT = 'Arial';
+
+export default function findActiveFontType(state: EditorState): string {
+  const { schema, doc, selection, tr } = state;
+  const markType = schema.marks[MARK_FONT_TYPE];
+  if (!markType) {
+    return FONT_TYPE_NAME_DEFAULT;
+  }
+  const { from, to, empty } = selection;
+
+  if (empty) {
+    const storedMarks =
+      tr.storedMarks ||
+      state.storedMarks ||
+      (selection.$cursor &&
+        selection.$cursor.marks &&
+        selection.$cursor.marks()) ||
+      [];
+    const sm = storedMarks.find((m) => m.type === markType);
+    return (sm && sm.attrs.name) || FONT_TYPE_NAME_DEFAULT;
+  }
+
+  const mark = findActiveMark(doc, from, to, markType);
+  const fontName = mark && mark.attrs.name;
+  if (!fontName) {
+    return FONT_TYPE_NAME_DEFAULT;
+  }
+
+  return fontName;
+}