@modusoperandi/licit 1.0.3 → 1.0.5

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;

package/ui/SelectionObserver.js

@@ -3,7 +3,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var EMPTY_SELECTION_VALUE = Object.freeze({
   from: 0,
@@ -78,7 +78,7 @@ var SelectionObserver = /*#__PURE__*/function () {
     });
     this._callback = _callback;
   }
-  _createClass(SelectionObserver, [{
+  return _createClass(SelectionObserver, [{
     key: "disconnect",
     value: function disconnect() {
       var _this2 = this;
@@ -116,6 +116,5 @@ var SelectionObserver = /*#__PURE__*/function () {
       return this._observables.slice(0);
     }
   }]);
-  return SelectionObserver;
 }();
 export { SelectionObserver as default };

package/ui/SelectionObserver.js.flow

@@ -1,134 +1,134 @@
-// @flow
-
-type SelectionValue = {
-  from: number,
-  to: number,
-};
-
-type SelectionEntry = {
-  target: Element,
-  selection: SelectionValue,
-};
-
-type Callback = (
-  entries: Array<SelectionEntry>,
-  observer: SelectionObserver
-) => void;
-
-const EMPTY_SELECTION_VALUE = Object.freeze({ from: 0, to: 0 });
-
-function resolveSelectionValue(el: Element): SelectionValue {
-  if (!window.getSelection) {
-    console.warn('window.getSelection() is not supported');
-    return EMPTY_SELECTION_VALUE;
-  }
-
-  const selection = window.getSelection();
-  if (!selection.containsNode) {
-    console.warn('selection.containsNode() is not supported');
-    return EMPTY_SELECTION_VALUE;
-  }
-
-  if (!selection.rangeCount) {
-    return EMPTY_SELECTION_VALUE;
-  }
-
-  const range = selection.getRangeAt(0);
-  if (!range) {
-    return EMPTY_SELECTION_VALUE;
-  }
-
-  const { startContainer, endContainer, startOffset, endOffset } = range;
-  if (
-    startContainer === el ||
-    endContainer === el ||
-    (startContainer && el.contains(startContainer)) ||
-    (endContainer && el.contains(endContainer))
-  ) {
-    return {
-      from: startOffset,
-      to: endOffset,
-    };
-  }
-
-  return EMPTY_SELECTION_VALUE;
-}
-
-export default class SelectionObserver {
-  _observables: any[] = [];
-  _callback = null;
-
-  constructor(callback: Callback) {
-    this._callback = callback;
-  }
-
-  disconnect(): void {
-    this._observables.forEach((obj) => {
-      const el = obj.target;
-      el.removeEventListener('click', this._check, false);
-      el.removeEventListener('selectionchange', this._check, false);
-    });
-    this._observables = [];
-  }
-
-  observe(el: Element): void {
-    if (!window.getSelection) {
-      console.warn('window.getSelection() is not supported');
-      return;
-    }
-
-    if (this._observables.some((obj) => obj.target === el)) {
-      // Already observed.
-      return;
-    }
-
-    const obj = {
-      target: el,
-      selection: resolveSelectionValue(el),
-    };
-
-    el.addEventListener('click', this._check, false);
-    el.addEventListener('selectionchange', this._check, false);
-    this._observables.push(obj);
-  }
-
-  takeRecords(): Array<SelectionEntry> {
-    return this._observables.slice(0);
-  }
-
-  _onClick = (): void => {
-    const callback = this._callback;
-    this._observables = this._observables.map((obj) => {
-      const { target } = obj;
-      return {
-        target,
-        selection: resolveSelectionValue(target),
-      };
-    });
-    callback && callback(this.takeRecords(), this);
-  };
-
-  _check = (): void => {
-    let changed = false;
-    const callback = this._callback;
-    this._observables = this._observables.map((obj) => {
-      const { target, selection } = obj;
-      const $selection = resolveSelectionValue(target);
-      if (selection === $selection) {
-        return obj;
-      }
-      if (
-        selection.from === $selection.from &&
-        selection.to === $selection.to
-      ) {
-        return obj;
-      }
-      changed = true;
-      return {
-        target,
-        selection: $selection,
-      };
-    });
-    changed && callback && callback(this.takeRecords(), this);
-  };
-}
+// @flow
+
+type SelectionValue = {
+  from: number,
+  to: number,
+};
+
+type SelectionEntry = {
+  target: Element,
+  selection: SelectionValue,
+};
+
+type Callback = (
+  entries: Array<SelectionEntry>,
+  observer: SelectionObserver
+) => void;
+
+const EMPTY_SELECTION_VALUE = Object.freeze({ from: 0, to: 0 });
+
+function resolveSelectionValue(el: Element): SelectionValue {
+  if (!window.getSelection) {
+    console.warn('window.getSelection() is not supported');
+    return EMPTY_SELECTION_VALUE;
+  }
+
+  const selection = window.getSelection();
+  if (!selection.containsNode) {
+    console.warn('selection.containsNode() is not supported');
+    return EMPTY_SELECTION_VALUE;
+  }
+
+  if (!selection.rangeCount) {
+    return EMPTY_SELECTION_VALUE;
+  }
+
+  const range = selection.getRangeAt(0);
+  if (!range) {
+    return EMPTY_SELECTION_VALUE;
+  }
+
+  const { startContainer, endContainer, startOffset, endOffset } = range;
+  if (
+    startContainer === el ||
+    endContainer === el ||
+    (startContainer && el.contains(startContainer)) ||
+    (endContainer && el.contains(endContainer))
+  ) {
+    return {
+      from: startOffset,
+      to: endOffset,
+    };
+  }
+
+  return EMPTY_SELECTION_VALUE;
+}
+
+export default class SelectionObserver {
+  _observables: any[] = [];
+  _callback = null;
+
+  constructor(callback: Callback) {
+    this._callback = callback;
+  }
+
+  disconnect(): void {
+    this._observables.forEach((obj) => {
+      const el = obj.target;
+      el.removeEventListener('click', this._check, false);
+      el.removeEventListener('selectionchange', this._check, false);
+    });
+    this._observables = [];
+  }
+
+  observe(el: Element): void {
+    if (!window.getSelection) {
+      console.warn('window.getSelection() is not supported');
+      return;
+    }
+
+    if (this._observables.some((obj) => obj.target === el)) {
+      // Already observed.
+      return;
+    }
+
+    const obj = {
+      target: el,
+      selection: resolveSelectionValue(el),
+    };
+
+    el.addEventListener('click', this._check, false);
+    el.addEventListener('selectionchange', this._check, false);
+    this._observables.push(obj);
+  }
+
+  takeRecords(): Array<SelectionEntry> {
+    return this._observables.slice(0);
+  }
+
+  _onClick = (): void => {
+    const callback = this._callback;
+    this._observables = this._observables.map((obj) => {
+      const { target } = obj;
+      return {
+        target,
+        selection: resolveSelectionValue(target),
+      };
+    });
+    callback && callback(this.takeRecords(), this);
+  };
+
+  _check = (): void => {
+    let changed = false;
+    const callback = this._callback;
+    this._observables = this._observables.map((obj) => {
+      const { target, selection } = obj;
+      const $selection = resolveSelectionValue(target);
+      if (selection === $selection) {
+        return obj;
+      }
+      if (
+        selection.from === $selection.from &&
+        selection.to === $selection.to
+      ) {
+        return obj;
+      }
+      changed = true;
+      return {
+        target,
+        selection: $selection,
+      };
+    });
+    changed && callback && callback(this.takeRecords(), this);
+  };
+}

package/ui/TableCellMenu.js

@@ -4,13 +4,13 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { EditorState, PluginView } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
@@ -21,7 +21,6 @@ import { TABLE_COMMANDS_GROUP } from './EditorToolbarConfig.js';
 import Icon from './Icon.js';
 import './czi-table-cell-menu.css';
 var TableCellMenu = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(TableCellMenu, _React$PureComponent);
   function TableCellMenu() {
     var _this;
     _classCallCheck(this, TableCellMenu);
@@ -29,11 +28,12 @@ var TableCellMenu = /*#__PURE__*/function (_React$PureComponent) {
       args[_key] = arguments[_key];
     }
     _this = _callSuper(this, TableCellMenu, [].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "_menu", null);
-    _defineProperty(_assertThisInitialized(_this), "props", void 0);
+    _defineProperty(_this, "_menu", null);
+    _defineProperty(_this, "props", void 0);
     return _this;
   }
-  _createClass(TableCellMenu, [{
+  _inherits(TableCellMenu, _React$PureComponent);
+  return _createClass(TableCellMenu, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -59,6 +59,5 @@ var TableCellMenu = /*#__PURE__*/function (_React$PureComponent) {
       });
     }
   }]);
-  return TableCellMenu;
 }(React.PureComponent);
 export default TableCellMenu;