@modusoperandi/licit 1.0.4 → 1.0.7

package/ui/handleEditorDrop.js

@@ -8,7 +8,7 @@ export default function handleEditorDrop(view, event) {
     return false;
   }
   var files = dataTransfer.files;
-  if (!files || !files.length) {
+  if (!(files !== null && files !== void 0 && files.length)) {
     return false;
   }
   var filesList = Array.from(files);

package/ui/handleEditorDrop.js.flow

@@ -1,28 +1,28 @@
-// @flow
-
-import { EditorView } from 'prosemirror-view';
-
-import { uploadImageFiles } from '../ImageUploadPlaceholderPlugin.js';
-
-// https://prosemirror.net/examples/upload/
-export default function handleEditorDrop(
-  view: EditorView,
-  event: DragEvent
-): boolean {
-  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 (uploadImageFiles(view, filesList, coords)) {
-    event.preventDefault();
-    return true;
-  }
-  return false;
-}
+// @flow
+
+import { EditorView } from 'prosemirror-view';
+
+import { uploadImageFiles } from '../ImageUploadPlaceholderPlugin.js';
+
+// https://prosemirror.net/examples/upload/
+export default function handleEditorDrop(
+  view: EditorView,
+  event: DragEvent
+): boolean {
+  const { dataTransfer } = event;
+  if (!dataTransfer) {
+    return false;
+  }
+  const { files } = dataTransfer;
+  if (!files?.length) {
+    return false;
+  }
+
+  const filesList = Array.from(files);
+  const coords = { x: event.clientX, y: event.clientY };
+  if (uploadImageFiles(view, filesList, coords)) {
+    event.preventDefault();
+    return true;
+  }
+  return false;
+}

package/ui/handleEditorKeyDown.js

@@ -13,7 +13,7 @@ export default function handleEditorKeyDown(view, event) {
       // An atomic node (e.g. Image) is selected.
       // Only whitelisted keyCode should be allowed, which prevents user
       // from typing letter after the atomic node selected.
-      return !AtomicNodeKeyCodes.has(event.keyCode);
+      return !AtomicNodeKeyCodes.has(event.key);
     }
   }
   return false;

package/ui/handleEditorKeyDown.js.flow

@@ -1,39 +1,39 @@
-// @flow
-
-import { EditorView } from 'prosemirror-view';
-
-import {
-  BACKSPACE,
-  DELETE,
-  DOWN_ARROW,
-  LEFT_ARROW,
-  RIGHT_ARROW,
-  UP_ARROW,
-} from './KeyCodes.js';
-
-const AtomicNodeKeyCodes = new Set([
-  BACKSPACE,
-  DELETE,
-  DOWN_ARROW,
-  LEFT_ARROW,
-  RIGHT_ARROW,
-  UP_ARROW,
-]);
-
-export default function handleEditorKeyDown(
-  view: EditorView,
-  event: KeyboardEvent
-): boolean {
-  const { selection, tr } = view.state;
-  const { 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
-      // from typing letter after the atomic node selected.
-      return !AtomicNodeKeyCodes.has(event.keyCode);
-    }
-  }
-  return false;
-}
+// @flow
+
+import { EditorView } from 'prosemirror-view';
+
+import {
+  BACKSPACE,
+  DELETE,
+  DOWN_ARROW,
+  LEFT_ARROW,
+  RIGHT_ARROW,
+  UP_ARROW,
+} from './KeyCodes.js';
+
+const AtomicNodeKeyCodes = new Set([
+  BACKSPACE,
+  DELETE,
+  DOWN_ARROW,
+  LEFT_ARROW,
+  RIGHT_ARROW,
+  UP_ARROW,
+]);
+
+export default function handleEditorKeyDown(
+  view: EditorView,
+  event: KeyboardEvent
+): boolean {
+  const { selection, tr } = view.state;
+  const { 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
+      // from typing letter after the atomic node selected.
+      return !AtomicNodeKeyCodes.has(event.key);
+    }
+  }
+  return false;
+}

package/ui/handleEditorPaste.js

@@ -10,7 +10,7 @@ export default function handleEditorPaste(view, event) {
     return false;
   }
   var files = clipboardData.files;
-  if (!files || !files.length) {
+  if (!(files !== null && files !== void 0 && files.length)) {
     return false;
   }
   var filesList = Array.from(files);

package/ui/handleEditorPaste.js.flow

@@ -1,33 +1,33 @@
-// @flow
-
-import { EditorView } from 'prosemirror-view';
-
-import { uploadImageFiles } from '../ImageUploadPlaceholderPlugin.js';
-
-// workaround to support ClipboardEvent as a valid type.
-// https://github.com/facebook/flow/issues/1856
-declare class ClipboardEvent extends Event {
-  clipboardData: DataTransfer;
-}
-
-export default function handleEditorPaste(
-  view: EditorView,
-  event: ClipboardEvent
-): boolean {
-  const { clipboardData } = event;
-  if (!clipboardData) {
-    return false;
-  }
-
-  const { files } = clipboardData;
-  if (!files || !files.length) {
-    return false;
-  }
-  const filesList = Array.from(files);
-
-  if (uploadImageFiles(view, filesList)) {
-    event.preventDefault();
-    return true;
-  }
-  return false;
-}
+// @flow
+
+import { EditorView } from 'prosemirror-view';
+
+import { uploadImageFiles } from '../ImageUploadPlaceholderPlugin.js';
+
+// workaround to support ClipboardEvent as a valid type.
+// https://github.com/facebook/flow/issues/1856
+declare class ClipboardEvent extends Event {
+  clipboardData: DataTransfer;
+}
+
+export default function handleEditorPaste(
+  view: EditorView,
+  event: ClipboardEvent
+): boolean {
+  const { clipboardData } = event;
+  if (!clipboardData) {
+    return false;
+  }
+
+  const { files } = clipboardData;
+  if (!files?.length) {
+    return false;
+  }
+  const filesList = Array.from(files);
+
+  if (uploadImageFiles(view, filesList)) {
+    event.preventDefault();
+    return true;
+  }
+  return false;
+}

package/ui/htmlElementToRect.js.flow

@@ -1,18 +1,18 @@
-// @flow
-
-export type Rect = {
-  h: number,
-  w: number,
-  x: number,
-  y: number,
-};
-
-export default function htmlElementToRect(el: HTMLElement): Rect {
-  const rect = el.getBoundingClientRect();
-  return {
-    x: rect.left,
-    y: rect.top,
-    w: rect.width,
-    h: rect.height,
-  };
-}
+// @flow
+
+export type Rect = {
+  h: number,
+  w: number,
+  x: number,
+  y: number,
+};
+
+export default function htmlElementToRect(el: HTMLElement): Rect {
+  const rect = el.getBoundingClientRect();
+  return {
+    x: rect.left,
+    y: rect.top,
+    w: rect.width,
+    h: rect.height,
+  };
+}

package/ui/icon-font.css

@@ -1,9 +1,9 @@
-/* [FS] IRAD-1061 2020-09-19
-Now loaded locally, so that it work in closed network as well. */
-@font-face {
-  font-family: 'Material Icons';
-  font-style: normal;
-  font-weight: 400;
-  src: local('Material Icons'), local('MaterialIcons-Regular'),
-    url('../fonts/material-icons/MaterialIcons-Regular.ttf') format('truetype');
-}
+/* [FS] IRAD-1061 2020-09-19
+Now loaded locally, so that it work in closed network as well. */
+@font-face {
+  font-family: 'Material Icons';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Material Icons'), local('MaterialIcons-Regular'),
+    url('../fonts/material-icons/MaterialIcons-Regular.ttf') format('truetype');
+}

package/ui/injectStyleSheet.js

@@ -12,7 +12,7 @@ function createElement(tag, attrs) {
   return el;
 }
 export default function injectStyleSheet(urlStr) {
-  var parsedURL = url.parse(urlStr);
+  var parsedURL = new URL(urlStr);
   var protocol = parsedURL.protocol;
   var protocolPattern = /^(http:|https:)/;
   if (!protocolPattern.test(protocol || '')) {
@@ -33,5 +33,5 @@ export default function injectStyleSheet(urlStr) {
   });
   addedElements.set(href, el);
   var root = document.head || document.documentElement || document.body;
-  root && root.appendChild(el);
+  root === null || root === void 0 || root.appendChild(el);
 }

package/ui/injectStyleSheet.js.flow

@@ -1,42 +1,40 @@
-// @flow
-
-import url from 'url';
-
-const addedElements = new Map();
-
-function createElement(tag: string, attrs: Object): Element {
-  const el: any = document.createElement(tag);
-  Object.keys(attrs).forEach((key) => {
-    if (key === 'className') {
-      el[key] = attrs[key];
-    } else {
-      el.setAttribute(key, attrs[key]);
-    }
-  });
-  return el;
-}
-
-export default function injectStyleSheet(urlStr: string): void {
-  const parsedURL = url.parse(urlStr);
-  const { protocol } = parsedURL;
-  const protocolPattern = /^(http:|https:)/;
-  if (!protocolPattern.test(protocol || '')) {
-    if (protocolPattern.test(window.location.protocol)) {
-      parsedURL.protocol = window.location.protocol;
-    } else {
-      parsedURL.protocol = 'http:';
-    }
-  }
-  const href = url.format(parsedURL);
-  if (addedElements.has(href)) {
-    return;
-  }
-  const el = createElement('link', {
-    crossorigin: 'anonymous',
-    href,
-    rel: 'stylesheet',
-  });
-  addedElements.set(href, el);
-  const root = document.head || document.documentElement || document.body;
-  root && root.appendChild(el);
-}
+// @flow
+import url from 'url';
+const addedElements = new Map();
+
+function createElement(tag: string, attrs: Object): Element {
+  const el: any = document.createElement(tag);
+  Object.keys(attrs).forEach((key) => {
+    if (key === 'className') {
+      el[key] = attrs[key];
+    } else {
+      el.setAttribute(key, attrs[key]);
+    }
+  });
+  return el;
+}
+
+export default function injectStyleSheet(urlStr: string): void {
+  const parsedURL = new URL(urlStr);
+  const { protocol } = parsedURL;
+  const protocolPattern = /^(http:|https:)/;
+  if (!protocolPattern.test(protocol || '')) {
+    if (protocolPattern.test(window.location.protocol)) {
+      parsedURL.protocol = window.location.protocol;
+    } else {
+      parsedURL.protocol = 'http:';
+    }
+  }
+  const href = url.format(parsedURL);
+  if (addedElements.has(href)) {
+    return;
+  }
+  const el = createElement('link', {
+    crossorigin: 'anonymous',
+    href,
+    rel: 'stylesheet',
+  });
+  addedElements.set(href, el);
+  const root = document.head || document.documentElement || document.body;
+  root?.appendChild(el);
+}

package/ui/isElementFullyVisible.js

@@ -9,14 +9,5 @@ export default function isElementFullyVisible(el) {
   var factor = '10px' === el.style.borderRadius ? 3 : 1;
   // Only checks the top-left point.
   var nwEl = w && h ? el.ownerDocument.elementFromPoint(x + factor, y + factor) : null;
-  if (!nwEl) {
-    return false;
-  }
-  if (nwEl === el) {
-    return true;
-  }
-  if (el.contains(nwEl)) {
-    return true;
-  }
-  return false;
+  return !nwEl ? false : nwEl === el || el.contains(nwEl);
 }

package/ui/isElementFullyVisible.js.flow

@@ -1,26 +1,14 @@
-// @flow
-
-import { fromHTMlElement } from '@modusoperandi/licit-ui-commands';
-
-export default function isElementFullyVisible(el: HTMLElement): boolean {
-  const { x, y, w, h } = fromHTMlElement(el);
-  // to handle the rounded border scenario.
-  const factor = '10px' === el.style.borderRadius ? 3 : 1;
-  // Only checks the top-left point.
-  const nwEl =
-    w && h ? el.ownerDocument.elementFromPoint(x + factor, y + factor) : null;
-
-  if (!nwEl) {
-    return false;
-  }
-
-  if (nwEl === el) {
-    return true;
-  }
-
-  if (el.contains(nwEl)) {
-    return true;
-  }
-
-  return false;
-}
+// @flow
+
+import { fromHTMlElement } from '@modusoperandi/licit-ui-commands';
+
+export default function isElementFullyVisible(el: HTMLElement): boolean {
+  const { x, y, w, h } = fromHTMlElement(el);
+  // to handle the rounded border scenario.
+  const factor = '10px' === el.style.borderRadius ? 3 : 1;
+  // Only checks the top-left point.
+  const nwEl =
+    w && h ? el.ownerDocument.elementFromPoint(x + factor, y + factor) : null;
+
+  return !nwEl ? false : nwEl === el || el.contains(nwEl);
+}

package/ui/isOffline.js.flow

@@ -1,8 +1,8 @@
-// @flow
-
-export default function isOffline(): boolean {
-  if (window.navigator.hasOwnProperty('onLine')) {
-    return !window.navigator.onLine;
-  }
-  return false;
-}
+// @flow
+
+export default function isOffline(): boolean {
+  if (window.navigator.hasOwnProperty('onLine')) {
+    return !window.navigator.onLine;
+  }
+  return false;
+}

package/ui/isReactClass.js.flow

@@ -1,12 +1,12 @@
-// @flow
-
-export default function isReactClass(maybe: any): boolean {
-  if (typeof maybe !== 'function') {
-    return false;
-  }
-  const proto = maybe.prototype;
-  if (!proto) {
-    return false;
-  }
-  return !!proto.isReactComponent;
-}
+// @flow
+
+export default function isReactClass(maybe: any): boolean {
+  if (typeof maybe !== 'function') {
+    return false;
+  }
+  const proto = maybe.prototype;
+  if (!proto) {
+    return false;
+  }
+  return !!proto.isReactComponent;
+}

package/ui/listType.css

@@ -1,21 +1,21 @@
-.container {
-  background: #fffefe;
-  border: 1px solid #bdb5b5;
-  display: grid;
-  grid-gap: 10px;
-  grid-template-columns: auto auto auto;
-  padding: 5px;
-}
-
-.buttonsize {
-  height: 50px;
-  width: 50px;
-}
-
-/* [FS] IRAD-1076 2020-10-15
- Style for paste popup menu */
-
-.pastemenu {
-  height: 35px;
-  width: 72px;
-}
+.container {
+  background: #fffefe;
+  border: 1px solid #bdb5b5;
+  display: grid;
+  grid-gap: 10px;
+  grid-template-columns: auto auto auto;
+  padding: 5px;
+}
+
+.buttonsize {
+  height: 50px;
+  width: 50px;
+}
+
+/* [FS] IRAD-1076 2020-10-15
+ Style for paste popup menu */
+
+.pastemenu {
+  height: 35px;
+  width: 72px;
+}