@modusoperandi/licit 1.4.2 → 1.4.6

package/ui/PasteMenu.js.flow

@@ -1,52 +1,52 @@
-import * as React from 'react';
-import uuid from './uuid';
-
-// [FS] IRAD-1076 2020-10-15
-// Popup menu UI with paste options.
-
-class PasteMenu extends React.PureComponent<any, any> {
-  props: {
-    close: (?string) => void,
-  };
-
-  _menu = null;
-  _id = uuid();
-
-  state = {
-    expanded: false,
-  };
-
-  render() {
-    const children = [];
-    children.push(
-      <button
-        className="pastemenu"
-        id="paste"
-        key="paste"
-        onClick={(e) => this._onUIEnter('paste')}
-        value="paste"
-      >
-        Paste
-      </button>
-    );
-    children.push(
-      <button
-        className="pastemenu"
-        id="keepTextOnly"
-        key="keepTextOnly"
-        onClick={(e) => this._onUIEnter('keepTextOnly')}
-        value="keepTextOnly"
-      >
-        Keep Text Only
-      </button>
-    );
-
-    return <div className="container">{children}</div>;
-  }
-
-  _onUIEnter = (id: string) => {
-    this.props.close(id);
-  };
-}
-
-export default PasteMenu;
+import * as React from 'react';
+import uuid from './uuid';
+
+// [FS] IRAD-1076 2020-10-15
+// Popup menu UI with paste options.
+
+class PasteMenu extends React.PureComponent<any, any> {
+  props: {
+    close: (?string) => void,
+  };
+
+  _menu = null;
+  _id = uuid();
+
+  state = {
+    expanded: false,
+  };
+
+  render() {
+    const children = [];
+    children.push(
+      <button
+        className="pastemenu"
+        id="paste"
+        key="paste"
+        onClick={(e) => this._onUIEnter('paste')}
+        value="paste"
+      >
+        Paste
+      </button>
+    );
+    children.push(
+      <button
+        className="pastemenu"
+        id="keepTextOnly"
+        key="keepTextOnly"
+        onClick={(e) => this._onUIEnter('keepTextOnly')}
+        value="keepTextOnly"
+      >
+        Keep Text Only
+      </button>
+    );
+
+    return <div className="container">{children}</div>;
+  }
+
+  _onUIEnter = (id: string) => {
+    this.props.close(id);
+  };
+}
+
+export default PasteMenu;

package/ui/ResizeObserver.js.flow

@@ -1,105 +1,105 @@
-// @flow
-
-import ResizeObserver from 'resize-observer-polyfill';
-
-// flow type copied from
-// https://github.com/que-etc/resize-observer-polyfill/blob/master/src/index.js.flow
-
-type ClientRectLikeReadOnly = {
-  x: number,
-  y: number,
-  width: number,
-  height: number,
-  top: number,
-  right: number,
-  bottom: number,
-  left: number,
-};
-
-type ResizeCallback = (r: ResizeObserverEntry) => void;
-
-type Entries = $ReadOnlyArray<ResizeObserverEntry>;
-
-// Lightweight utilities to make observing resize of DOM element easier
-// with `ResizeObserver`.
-// See https://developers.google.com/web/updates/2016/10/resizeobserver
-// Usage:
-//   `ResizeObserver.observe(element, (entry) => console.log(entry))`
-//   `ResizeObserver.unobserve(element)`
-
-export type ResizeObserverEntry = {
-  target: Element,
-  contentRect: ClientRectLikeReadOnly,
-};
-
-let instance: ?ResizeObserver = null;
-
-const nodesObserving: Map<Element, Array<ResizeCallback>> = new Map();
-
-function onResizeObserve(entries: Entries): void {
-  entries.forEach(handleResizeObserverEntry);
-}
-
-function handleResizeObserverEntry(entry: ResizeObserverEntry): void {
-  const node = entry.target;
-  const callbacks = nodesObserving.get(node);
-  const executeCallback = (cb) => cb(entry);
-  callbacks && callbacks.forEach(executeCallback);
-}
-
-export function observe(
-  node: HTMLElement,
-  callback: (ResizeObserverEntry) => void
-): void {
-  const el: any = node;
-  const observer = instance || (instance = new ResizeObserver(onResizeObserve));
-  if (nodesObserving.has(el)) {
-    // Already observing node.
-    const callbacks = nodesObserving?.get(el);
-    callbacks.push(callback);
-  } else {
-    const callbacks = [callback];
-    nodesObserving.set(el, callbacks);
-    observer.observe(el);
-  }
-}
-
-export function unobserve(node: HTMLElement, callback?: ResizeCallback): void {
-  const observer = instance;
-  if (!observer) {
-    return;
-  }
-  const el: any = node;
-  observer.unobserve(el);
-
-  if (callback) {
-    // Remove the passed in callback from the callbacks of the observed node
-    // And, if no more callbacks then stop observing the node
-    const callbacks = nodesObserving.has(el)
-      ? nodesObserving?.get(el)?.filter((cb) => cb !== callback)
-      : null;
-    if (callbacks?.length) {
-      nodesObserving.set(el, callbacks);
-    } else {
-      nodesObserving.delete(el);
-    }
-  } else {
-    // Delete all callbacks for the node.
-    nodesObserving.delete(el);
-  }
-
-  if (!nodesObserving.size) {
-    // We have nothing to observe. Stop observing, which stops the
-    // ResizeObserver instance from receiving notifications of
-    // DOM resizing. Until the observe() method is used again.
-    // According to specification a ResizeObserver is deleted by the garbage
-    // collector if the target element is deleted.
-    observer.disconnect();
-    instance = null;
-  }
-}
-
-export default {
-  observe,
-  unobserve,
-};
+// @flow
+
+import ResizeObserver from 'resize-observer-polyfill';
+
+// flow type copied from
+// https://github.com/que-etc/resize-observer-polyfill/blob/master/src/index.js.flow
+
+type ClientRectLikeReadOnly = {
+  x: number,
+  y: number,
+  width: number,
+  height: number,
+  top: number,
+  right: number,
+  bottom: number,
+  left: number,
+};
+
+type ResizeCallback = (r: ResizeObserverEntry) => void;
+
+type Entries = $ReadOnlyArray<ResizeObserverEntry>;
+
+// Lightweight utilities to make observing resize of DOM element easier
+// with `ResizeObserver`.
+// See https://developers.google.com/web/updates/2016/10/resizeobserver
+// Usage:
+//   `ResizeObserver.observe(element, (entry) => console.log(entry))`
+//   `ResizeObserver.unobserve(element)`
+
+export type ResizeObserverEntry = {
+  target: Element,
+  contentRect: ClientRectLikeReadOnly,
+};
+
+let instance: ?ResizeObserver = null;
+
+const nodesObserving: Map<Element, Array<ResizeCallback>> = new Map();
+
+function onResizeObserve(entries: Entries): void {
+  entries.forEach(handleResizeObserverEntry);
+}
+
+function handleResizeObserverEntry(entry: ResizeObserverEntry): void {
+  const node = entry.target;
+  const callbacks = nodesObserving.get(node);
+  const executeCallback = (cb) => cb(entry);
+  callbacks && callbacks.forEach(executeCallback);
+}
+
+export function observe(
+  node: HTMLElement,
+  callback: (ResizeObserverEntry) => void
+): void {
+  const el: any = node;
+  const observer = instance || (instance = new ResizeObserver(onResizeObserve));
+  if (nodesObserving.has(el)) {
+    // Already observing node.
+    const callbacks = nodesObserving?.get(el);
+    callbacks.push(callback);
+  } else {
+    const callbacks = [callback];
+    nodesObserving.set(el, callbacks);
+    observer.observe(el);
+  }
+}
+
+export function unobserve(node: HTMLElement, callback?: ResizeCallback): void {
+  const observer = instance;
+  if (!observer) {
+    return;
+  }
+  const el: any = node;
+  observer.unobserve(el);
+
+  if (callback) {
+    // Remove the passed in callback from the callbacks of the observed node
+    // And, if no more callbacks then stop observing the node
+    const callbacks = nodesObserving.has(el)
+      ? nodesObserving?.get(el)?.filter((cb) => cb !== callback)
+      : null;
+    if (callbacks?.length) {
+      nodesObserving.set(el, callbacks);
+    } else {
+      nodesObserving.delete(el);
+    }
+  } else {
+    // Delete all callbacks for the node.
+    nodesObserving.delete(el);
+  }
+
+  if (!nodesObserving.size) {
+    // We have nothing to observe. Stop observing, which stops the
+    // ResizeObserver instance from receiving notifications of
+    // DOM resizing. Until the observe() method is used again.
+    // According to specification a ResizeObserver is deleted by the garbage
+    // collector if the target element is deleted.
+    observer.disconnect();
+    instance = null;
+  }
+}
+
+export default {
+  observe,
+  unobserve,
+};

package/ui/RichTextEditor.js.flow

@@ -1,133 +1,133 @@
-// @flow
-
-import { Transform } from 'prosemirror-transform';
-import { EditorView } from 'prosemirror-view';
-import * as React from 'react';
-
-import createEmptyEditorState from '../createEmptyEditorState.js';
-import Editor from './Editor.js';
-import EditorFrameset from './EditorFrameset.js';
-import EditorToolbar from './EditorToolbar.js';
-import Frag from './Frag.js';
-import uuid from './uuid.js';
-
-import type { EditorFramesetProps } from './EditorFrameset.js';
-import type { EditorProps } from './Editor.js';
-
-type Props = EditorFramesetProps & EditorProps & { children?: ?any };
-
-type State = {
-  editorView: ?EditorView,
-};
-
-const EMPTY_EDITOR_RUNTIME = {};
-
-class RichTextEditor extends React.PureComponent<any, any> {
-  props: Props;
-
-  state: State;
-
-  _id: string;
-
-  constructor(props: any, context: any) {
-    super(props, context);
-    this._id = uuid();
-    this.state = {
-      contentHeight: NaN,
-      contentOverflowHidden: false,
-      editorView: null,
-    };
-  }
-
-  render(): React.Element<any> {
-    const {
-      autoFocus,
-      children,
-      className,
-      disabled,
-      embedded,
-      header,
-      height,
-      onChange,
-      nodeViews,
-      placeholder,
-      readOnly,
-      width,
-    } = this.props;
-
-    let { editorState, runtime } = this.props;
-
-    editorState = editorState || createEmptyEditorState();
-    runtime = runtime || EMPTY_EDITOR_RUNTIME;
-
-    const { editorView } = this.state;
-
-    const toolbar =
-      !!readOnly === true ? null : (
-        <EditorToolbar
-          disabled={disabled}
-          dispatchTransaction={this._dispatchTransaction}
-          editorState={editorState || Editor.EDITOR_EMPTY_STATE}
-          editorView={editorView}
-          readOnly={readOnly}
-        />
-      );
-
-    const body = (
-      <Frag>
-        <Editor
-          autoFocus={autoFocus}
-          disabled={disabled}
-          dispatchTransaction={this._dispatchTransaction}
-          editorState={editorState}
-          embedded={embedded}
-          id={this._id}
-          nodeViews={nodeViews}
-          onChange={onChange}
-          onReady={this._onReady}
-          placeholder={placeholder}
-          readOnly={readOnly}
-          runtime={runtime}
-        />
-        {children}
-      </Frag>
-    );
-
-    return (
-      <EditorFrameset
-        body={body}
-        className={className}
-        embedded={embedded}
-        header={header}
-        height={height}
-        toolbar={toolbar}
-        width={width}
-      />
-    );
-  }
-
-  _dispatchTransaction = (tr: Transform): void => {
-    const { onChange, editorState } = this.props;
-    // [FS] IRAD-1171 2021-02-04
-    // To bring selection on editor in read-only mode.
-    // Removed force return when readOnly flag is true
-    if (onChange) {
-      // [FS-AFQ][20-FEB-2020]
-      // Collaboration
-      onChange({
-        state: editorState || Editor.EDITOR_EMPTY_STATE,
-        transaction: tr,
-      });
-    }
-  };
-
-  _onReady = (editorView: EditorView): void => {
-    if (editorView !== this.state.editorView) {
-      this.setState({ editorView });
-      const { onReady } = this.props;
-      onReady && onReady(editorView);
-    }
-  };
-}
-
-export default RichTextEditor;
+// @flow
+
+import { Transform } from 'prosemirror-transform';
+import { EditorView } from 'prosemirror-view';
+import * as React from 'react';
+
+import createEmptyEditorState from '../createEmptyEditorState.js';
+import Editor from './Editor.js';
+import EditorFrameset from './EditorFrameset.js';
+import EditorToolbar from './EditorToolbar.js';
+import Frag from './Frag.js';
+import uuid from './uuid.js';
+
+import type { EditorFramesetProps } from './EditorFrameset.js';
+import type { EditorProps } from './Editor.js';
+
+type Props = EditorFramesetProps & EditorProps & { children?: ?any };
+
+type State = {
+  editorView: ?EditorView,
+};
+
+const EMPTY_EDITOR_RUNTIME = {};
+
+class RichTextEditor extends React.PureComponent<any, any> {
+  props: Props;
+
+  state: State;
+
+  _id: string;
+
+  constructor(props: any, context: any) {
+    super(props, context);
+    this._id = uuid();
+    this.state = {
+      contentHeight: NaN,
+      contentOverflowHidden: false,
+      editorView: null,
+    };
+  }
+
+  render(): React.Element<any> {
+    const {
+      autoFocus,
+      children,
+      className,
+      disabled,
+      embedded,
+      header,
+      height,
+      onChange,
+      nodeViews,
+      placeholder,
+      readOnly,
+      width,
+    } = this.props;
+
+    let { editorState, runtime } = this.props;
+
+    editorState = editorState || createEmptyEditorState();
+    runtime = runtime || EMPTY_EDITOR_RUNTIME;
+
+    const { editorView } = this.state;
+
+    const toolbar =
+      !!readOnly === true ? null : (
+        <EditorToolbar
+          disabled={disabled}
+          dispatchTransaction={this._dispatchTransaction}
+          editorState={editorState || Editor.EDITOR_EMPTY_STATE}
+          editorView={editorView}
+          readOnly={readOnly}
+        />
+      );
+
+    const body = (
+      <Frag>
+        <Editor
+          autoFocus={autoFocus}
+          disabled={disabled}
+          dispatchTransaction={this._dispatchTransaction}
+          editorState={editorState}
+          embedded={embedded}
+          id={this._id}
+          nodeViews={nodeViews}
+          onChange={onChange}
+          onReady={this._onReady}
+          placeholder={placeholder}
+          readOnly={readOnly}
+          runtime={runtime}
+        />
+        {children}
+      </Frag>
+    );
+
+    return (
+      <EditorFrameset
+        body={body}
+        className={className}
+        embedded={embedded}
+        header={header}
+        height={height}
+        toolbar={toolbar}
+        width={width}
+      />
+    );
+  }
+
+  _dispatchTransaction = (tr: Transform): void => {
+    const { onChange, editorState } = this.props;
+    // [FS] IRAD-1171 2021-02-04
+    // To bring selection on editor in read-only mode.
+    // Removed force return when readOnly flag is true
+    if (onChange) {
+      // [FS-AFQ][20-FEB-2020]
+      // Collaboration
+      onChange({
+        state: editorState || Editor.EDITOR_EMPTY_STATE,
+        transaction: tr,
+      });
+    }
+  };
+
+  _onReady = (editorView: EditorView): void => {
+    if (editorView !== this.state.editorView) {
+      this.setState({ editorView });
+      const { onReady } = this.props;
+      onReady && onReady(editorView);
+    }
+  };
+}
+
+export default RichTextEditor;