@modusoperandi/licit 0.13.24 → 0.14.0

package/dist/ui/TableGridSizeEditor.js

@@ -4,40 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.bpfrpt_proptype_TableGridSizeEditorValue = void 0;
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _licitUiCommands = require("@modusoperandi/licit-ui-commands");
-
 var _htmlElementToRect = _interopRequireDefault(require("./htmlElementToRect"));
-
 require("./czi-table-grid-size-editor.css");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var bpfrpt_proptype_TableGridSizeEditorValue = {
   "cols": _propTypes.default.number.isRequired,
   "rows": _propTypes.default.number.isRequired
 };
 exports.bpfrpt_proptype_TableGridSizeEditorValue = bpfrpt_proptype_TableGridSizeEditorValue;
 const GUTTER_SIZE = 5;
-const CELL_SIZE = 16; // [FS] IRAD-1012 2020-07-14
+const CELL_SIZE = 16;
+// [FS] IRAD-1012 2020-07-14
 // Fix: Limited Table Grid size from 20 to 7
-
 const MAX_SIZE = 7;
-
 class GridCell extends React.PureComponent {
   render() {
     const {
@@ -59,41 +48,27 @@ class GridCell extends React.PureComponent {
       style: style
     });
   }
-
 }
-
 class TableGridSizeEditor extends React.PureComponent {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "_ex", 0);
-
     _defineProperty(this, "_ey", 0);
-
     _defineProperty(this, "_mx", 0);
-
     _defineProperty(this, "_my", 0);
-
     _defineProperty(this, "_rafID", 0);
-
     _defineProperty(this, "_ref", null);
-
     _defineProperty(this, "_entered", false);
-
     _defineProperty(this, "props", void 0);
-
     _defineProperty(this, "state", {
       rows: 1,
       cols: 1
     });
-
     _defineProperty(this, "_onRef", ref => {
       this._ref = ref;
     });
-
     _defineProperty(this, "_onMouseEnter", e => {
       const node = e.currentTarget;
-
       if (node instanceof HTMLElement) {
         const rect = (0, _licitUiCommands.fromHTMlElement)(node);
         const mx = Math.round(e.clientX);
@@ -102,29 +77,23 @@ class TableGridSizeEditor extends React.PureComponent {
         this._ey = rect.y;
         this._mx = mx;
         this._my = my;
-
         if (!this._entered) {
           this._entered = true;
           document.addEventListener('mousemove', this._onMouseMove, true);
         }
       }
     });
-
     _defineProperty(this, "_onMouseMove", e => {
       const el = this._ref && _reactDom.default.findDOMNode(this._ref);
-
       const elRect = el ? (0, _htmlElementToRect.default)(el) : null;
       const mouseRect = (0, _licitUiCommands.fromXY)(e.screenX, e.screenY, 10);
-
       if (elRect && mouseRect && (0, _licitUiCommands.isIntersected)(elRect, mouseRect, 50)) {
         // This prevents `PopUpManager` from collapsing the editor.
         e.preventDefault();
         e.stopImmediatePropagation();
       }
-
       const mx = Math.round(e.clientX);
       const my = Math.round(e.clientY);
-
       if (mx !== this._mx || my !== this._my) {
         this._mx = mx;
         this._my = my;
@@ -132,7 +101,6 @@ class TableGridSizeEditor extends React.PureComponent {
         this._rafID = requestAnimationFrame(this._updateGridSize);
       }
     });
-
     _defineProperty(this, "_updateGridSize", () => {
       this._rafID = 0;
       const mx = this._mx;
@@ -145,7 +113,6 @@ class TableGridSizeEditor extends React.PureComponent {
         rows,
         cols
       } = this.state;
-
       if (rows !== rr || cols !== cc) {
         this.setState({
           rows: rr,
@@ -153,21 +120,17 @@ class TableGridSizeEditor extends React.PureComponent {
         });
       }
     });
-
     _defineProperty(this, "_onMouseDown", e => {
       e.preventDefault();
       this.props.close(this.state);
     });
   }
-
   componentWillUnmount() {
     if (this._entered) {
       document.removeEventListener('mousemove', this._onMouseMove, true);
     }
-
     this._rafID && cancelAnimationFrame(this._rafID);
   }
-
   render() {
     const {
       rows,
@@ -175,26 +138,21 @@ class TableGridSizeEditor extends React.PureComponent {
     } = this.state;
     let rr = Math.max(5, rows);
     let cc = Math.max(5, cols);
-
     if (rr === rows) {
       rr = Math.min(MAX_SIZE, rr + 1);
     }
-
     if (cc === cols) {
       cc = Math.min(MAX_SIZE, cc + 1);
     }
-
     const cells = [];
     let ii = 0;
     let y = 0;
     let w = 0;
     let h = 0;
-
     while (ii < rr) {
       y += GUTTER_SIZE;
       let jj = 0;
       let x = 0;
-
       while (jj < cc) {
         x += GUTTER_SIZE;
         const selected = ii < rows && jj < cols;
@@ -208,12 +166,10 @@ class TableGridSizeEditor extends React.PureComponent {
         w = x + GUTTER_SIZE;
         jj++;
       }
-
       y += CELL_SIZE;
       h = y + GUTTER_SIZE;
       ii++;
     }
-
     const bodyStyle = {
       width: w + 'px',
       height: h + 'px'
@@ -230,8 +186,6 @@ class TableGridSizeEditor extends React.PureComponent {
       className: "czi-table-grid-size-editor-footer"
     }, rows, " X ", cols));
   }
-
 }
-
 var _default = TableGridSizeEditor;
 exports.default = _default;

package/dist/ui/TableNodeView.js

@@ -4,36 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _prosemirrorModel = require("prosemirror-model");
-
 var _prosemirrorView = require("prosemirror-view");
-
 var _prosemirrorTables = require("prosemirror-tables");
-
 // A custom table view that renders the margin-left style.
 class TableNodeView extends _prosemirrorTables.TableView {
   constructor(node, colMinWidth, view) {
     super(node, colMinWidth, view);
-
     this._updateMargin(node);
   }
-
   update(node) {
     const updated = super.update(node);
-
     if (updated) {
       this._updateMargin(node);
     }
-
     return updated;
   }
-
   _updateMargin(node) {
     const marginLeft = node.attrs && node.attrs.marginLeft || 0;
     this.table.style.marginLeft = marginLeft ? `${marginLeft}px` : '';
   }
-
 }
-
 exports.default = TableNodeView;

package/dist/ui/bindScrollHandler.js

@@ -4,43 +4,36 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = bindScrollHandler;
-
 function bindScrollHandler(target, callback) {
   const defaultView = target.ownerDocument.defaultView;
   const els = [];
   let rid = 0;
-
   let onScroll = () => {
     // Debounce the scroll handler.
     rid && cancelAnimationFrame(rid);
     rid = requestAnimationFrame(callback);
   };
+  let el = target;
 
-  let el = target; // Scroll event does not bubble, so we need to look up all the scrollable
+  // Scroll event does not bubble, so we need to look up all the scrollable
   // elements.
-
   while (el) {
     const overflow = defaultView.getComputedStyle(el).overflow;
-
     if (onScroll && overflow === 'auto' || overflow === 'scroll') {
       el.addEventListener('scroll', onScroll, false);
       els.push(el);
     }
-
     el = el.parentElement;
   }
-
   return {
     dispose() {
       while (onScroll && els.length) {
         el = els.pop();
         el && el.removeEventListener('scroll', onScroll, false);
       }
-
       onScroll = null;
       rid && window.cancelAnimationFrame(rid);
       rid = 0;
     }
-
   };
 }

package/dist/ui/canUseCSSFont.js

@@ -5,14 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = canUseCSSFont;
 const cached = {};
-
 function canUseCSSFont(fontName) {
   const doc = document;
-
   if (cached.hasOwnProperty(fontName)) {
     return Promise.resolve(cached[fontName]);
   }
-
   if (!doc.fonts || !doc.fonts.check || !doc.fonts.ready || !doc.fonts.status || !doc.fonts.values) {
     // Feature is not supported, install the CSS anyway
     // https://developer.mozilla.org/en-US/docs/Web/API/FontFaceSet/check#Browser_compatibility
@@ -20,7 +17,6 @@ function canUseCSSFont(fontName) {
     console.log('FontFaceSet is not supported');
     return Promise.resolve(false);
   }
-
   return new Promise(resolve => {
     // https://stackoverflow.com/questions/5680013/how-to-be-notified-once-a-web-font-has-loaded
     // All fonts in use by visible text have loaded.
@@ -28,16 +24,14 @@ function canUseCSSFont(fontName) {
       if (doc.fonts.status !== 'loaded') {
         setTimeout(check, 350);
         return;
-      } // Do not use `doc.fonts.check()` because it may return falsey result.
-
-
+      }
+      // Do not use `doc.fonts.check()` because it may return falsey result.
       const fontFaces = Array.from(doc.fonts.values());
       const matched = fontFaces.find(ff => ff.family === fontName);
       const result = !!matched;
       cached[fontName] = result;
       resolve(result);
     };
-
     doc.fonts.ready.then(check);
   });
 }

package/dist/ui/czi-icon.css

@@ -1,11 +1,11 @@
 .czi-icon {
   direction: ltr;
   display: inline-block;
-  font-family: 'Material Icons', sans-serif;
+  font-family: 'Material Icons', sans-serif !important;
 
   /* Support for IE. */
   font-feature-settings: 'liga';
-  font-size: 20px; /* Preferred icon size */
+  font-size: 20px !important; /* Preferred icon size */
 
   /* Support for all WebKit browsers. */
   -webkit-font-smoothing: subpixel-antialiased;
@@ -54,8 +54,8 @@
 .czi-icon.superscript,
 .czi-icon.subscript {
   display: inline-block;
-  font-family: 'Arial', sans-serif;
-  font-size: 12px;
+  font-family: 'Arial', sans-serif !important;
+  font-size: 12px !important;
   height: 16px;
   text-align: center;
   width: 20px;

package/dist/ui/findActiveFontSize.js

@@ -4,22 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = findActiveFontSize;
-
 var _prosemirrorState = require("prosemirror-state");
-
 var _prosemirrorUtils = require("prosemirror-utils");
-
 var _MarkNames = require("../MarkNames");
-
 var _NodeNames = require("../NodeNames");
-
 var _findActiveMark = _interopRequireDefault(require("../findActiveMark"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 // 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 FONT_PT_SIZE_DEFAULT = 11;
 
+// This should map to `czi-heading.css`.
 const MAP_HEADING_LEVEL_TO_FONT_PT_SIZE = {
   '1': 20,
   '2': 18,
@@ -28,7 +22,6 @@ const MAP_HEADING_LEVEL_TO_FONT_PT_SIZE = {
   '5': 11,
   '6': 11
 };
-
 function findActiveFontSize(state) {
   const {
     schema,
@@ -39,39 +32,30 @@ function findActiveFontSize(state) {
   const markType = schema.marks[_MarkNames.MARK_FONT_SIZE];
   const heading = schema.nodes[_NodeNames.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 = (0, _findActiveMark.default)(doc, from, to, markType);
-
   if (mark) {
     return String(mark.attrs.pt);
   }
-
   if (!heading) {
     return defaultSize;
   }
-
   const result = (0, _prosemirrorUtils.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/dist/ui/findActiveFontType.js

@@ -5,19 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FONT_TYPE_NAME_DEFAULT = void 0;
 exports.default = findActiveFontType;
-
 var _prosemirrorState = require("prosemirror-state");
-
 var _MarkNames = require("../MarkNames");
-
 var _findActiveMark = _interopRequireDefault(require("../findActiveMark"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 // This should map to `--czi-content-font-size` at `czi-editor.css`.
 const FONT_TYPE_NAME_DEFAULT = 'Arial';
 exports.FONT_TYPE_NAME_DEFAULT = FONT_TYPE_NAME_DEFAULT;
-
 function findActiveFontType(state) {
   const {
     schema,
@@ -26,29 +20,23 @@ function findActiveFontType(state) {
     tr
   } = state;
   const markType = schema.marks[_MarkNames.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 = (0, _findActiveMark.default)(doc, from, to, markType);
   const fontName = mark && mark.attrs.name;
-
   if (!fontName) {
     return FONT_TYPE_NAME_DEFAULT;
   }
-
   return fontName;
 }

package/dist/ui/handleEditorDrop.js

@@ -4,39 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = handleEditorDrop;
-
 var _prosemirrorView = require("prosemirror-view");
-
 var _ImageUploadPlaceholderPlugin = require("../ImageUploadPlaceholderPlugin");
-
 // https://prosemirror.net/examples/upload/
 function handleEditorDrop(view, event) {
   const {
     dataTransfer
   } = event;
-
   if (!dataTransfer) {
     return false;
   }
-
   const {
     files
   } = dataTransfer;
-
   if (!files || !files.length) {
     return false;
   }
-
   const filesList = Array.from(files);
   const coords = {
     x: event.clientX,
     y: event.clientY
   };
-
   if ((0, _ImageUploadPlaceholderPlugin.uploadImageFiles)(view, filesList, coords)) {
     event.preventDefault();
     return true;
   }
-
   return false;
 }

package/dist/ui/handleEditorKeyDown.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = handleEditorKeyDown;
-
 var _prosemirrorView = require("prosemirror-view");
-
 var _KeyCodes = require("./KeyCodes");
-
 const AtomicNodeKeyCodes = new Set([_KeyCodes.BACKSPACE, _KeyCodes.DELETE, _KeyCodes.DOWN_ARROW, _KeyCodes.LEFT_ARROW, _KeyCodes.RIGHT_ARROW, _KeyCodes.UP_ARROW]);
-
 function handleEditorKeyDown(view, event) {
   const {
     selection,
@@ -20,10 +16,8 @@ function handleEditorKeyDown(view, event) {
     from,
     to
   } = selection;
-
   if (from === to - 1) {
     const node = tr.doc.nodeAt(from);
-
     if (node.isAtom && !node.isText && node.isLeaf) {
       // An atomic node (e.g. Image) is selected.
       // Only whitelisted keyCode should be allowed, which prevents user
@@ -31,6 +25,5 @@ function handleEditorKeyDown(view, event) {
       return !AtomicNodeKeyCodes.has(event.keyCode);
     }
   }
-
   return false;
 }

package/dist/ui/handleEditorPaste.js

@@ -4,34 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = handleEditorPaste;
-
 var _prosemirrorView = require("prosemirror-view");
-
 var _ImageUploadPlaceholderPlugin = require("../ImageUploadPlaceholderPlugin");
-
 function handleEditorPaste(view, event) {
   const {
     clipboardData
   } = event;
-
   if (!clipboardData) {
     return false;
   }
-
   const {
     files
   } = clipboardData;
-
   if (!files || !files.length) {
     return false;
   }
-
   const filesList = Array.from(files);
-
   if ((0, _ImageUploadPlaceholderPlugin.uploadImageFiles)(view, filesList)) {
     event.preventDefault();
     return true;
   }
-
   return false;
 }

package/dist/ui/htmlElementToRect.js

@@ -5,11 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.bpfrpt_proptype_Rect = void 0;
 exports.default = htmlElementToRect;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var bpfrpt_proptype_Rect = {
   "h": _propTypes.default.number.isRequired,
   "w": _propTypes.default.number.isRequired,
@@ -17,7 +14,6 @@ var bpfrpt_proptype_Rect = {
   "y": _propTypes.default.number.isRequired
 };
 exports.bpfrpt_proptype_Rect = bpfrpt_proptype_Rect;
-
 function htmlElementToRect(el) {
   const rect = el.getBoundingClientRect();
   return {

package/dist/ui/injectStyleSheet.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = injectStyleSheet;
-
 var _url = _interopRequireDefault(require("url"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const addedElements = new Map();
-
 function createElement(tag, attrs) {
   const el = document.createElement(tag);
   Object.keys(attrs).forEach(key => {
@@ -22,15 +18,12 @@ function createElement(tag, attrs) {
   });
   return el;
 }
-
 function injectStyleSheet(urlStr) {
   const parsedURL = _url.default.parse(urlStr);
-
   const {
     protocol
   } = parsedURL;
   const protocolPattern = /^(http:|https:)/;
-
   if (!protocolPattern.test(protocol || '')) {
     if (protocolPattern.test(window.location.protocol)) {
       parsedURL.protocol = window.location.protocol;
@@ -38,13 +31,10 @@ function injectStyleSheet(urlStr) {
       parsedURL.protocol = 'http:';
     }
   }
-
   const href = _url.default.format(parsedURL);
-
   if (addedElements.has(href)) {
     return;
   }
-
   const el = createElement('link', {
     crossorigin: 'anonymous',
     href,

package/dist/ui/isElementFullyVisible.js

@@ -4,30 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = isElementFullyVisible;
-
 var _licitUiCommands = require("@modusoperandi/licit-ui-commands");
-
 function isElementFullyVisible(el) {
   const {
     x,
     y,
     w,
     h
-  } = (0, _licitUiCommands.fromHTMlElement)(el); // Only checks the top-left point.
-
+  } = (0, _licitUiCommands.fromHTMlElement)(el);
+  // Only checks the top-left point.
   const nwEl = w && h ? el.ownerDocument.elementFromPoint(x + 1, y + 1) : null;
-
   if (!nwEl) {
     return false;
   }
-
   if (nwEl === el) {
     return true;
   }
-
   if (el.contains(nwEl)) {
     return true;
   }
-
   return false;
 }

package/dist/ui/isOffline.js

@@ -4,11 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = isOffline;
-
 function isOffline() {
   if (window.navigator.hasOwnProperty('onLine')) {
     return !window.navigator.onLine;
   }
-
   return false;
 }