@modusoperandi/licit 0.13.1 → 0.13.2

package/dist/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';
-import Editor from './Editor';
-import EditorFrameset from './EditorFrameset';
-import EditorToolbar from './EditorToolbar';
-import Frag from './Frag';
-import uuid from './uuid';
-
-import type { EditorFramesetProps } from './EditorFrameset';
-import type { EditorProps } from './Editor';
-
-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';
+import Editor from './Editor';
+import EditorFrameset from './EditorFrameset';
+import EditorToolbar from './EditorToolbar';
+import Frag from './Frag';
+import uuid from './uuid';
+
+import type { EditorFramesetProps } from './EditorFrameset';
+import type { EditorProps } from './Editor';
+
+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/dist/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/dist/ui/TableCellMenu.js.flow

@@ -1,38 +1,38 @@
-// @flow
-import { EditorState } from 'prosemirror-state';
-import { EditorView } from 'prosemirror-view';
-import * as React from 'react';
-
-import CommandMenuButton from './CommandMenuButton';
-import { TABLE_COMMANDS_GROUP } from './EditorToolbarConfig';
-import Icon from './Icon';
-
-import './czi-table-cell-menu.css';
-
-type Props = {
-  editorState: EditorState,
-  editorView: EditorView,
-};
-
-class TableCellMenu extends React.PureComponent<any, any> {
-  _menu = null;
-
-  props: Props;
-
-  render(): React.Element<any> {
-    const { editorState, editorView } = this.props;
-    return (
-      <CommandMenuButton
-        className="czi-table-cell-menu"
-        commandGroups={TABLE_COMMANDS_GROUP}
-        dispatch={editorView.dispatch}
-        editorState={editorState}
-        editorView={editorView}
-        icon={Icon.get('edit')}
-        title="Edit"
-      />
-    );
-  }
-}
-
-export default TableCellMenu;
+// @flow
+import { EditorState } from 'prosemirror-state';
+import { EditorView } from 'prosemirror-view';
+import * as React from 'react';
+
+import CommandMenuButton from './CommandMenuButton';
+import { TABLE_COMMANDS_GROUP } from './EditorToolbarConfig';
+import Icon from './Icon';
+
+import './czi-table-cell-menu.css';
+
+type Props = {
+  editorState: EditorState,
+  editorView: EditorView,
+};
+
+class TableCellMenu extends React.PureComponent<any, any> {
+  _menu = null;
+
+  props: Props;
+
+  render(): React.Element<any> {
+    const { editorState, editorView } = this.props;
+    return (
+      <CommandMenuButton
+        className="czi-table-cell-menu"
+        commandGroups={TABLE_COMMANDS_GROUP}
+        dispatch={editorView.dispatch}
+        editorState={editorState}
+        editorView={editorView}
+        icon={Icon.get('edit')}
+        title="Edit"
+      />
+    );
+  }
+}
+
+export default TableCellMenu;

package/dist/ui/TableGridSizeEditor.js

@@ -11,12 +11,10 @@ var React = _interopRequireWildcard(require("react"));
 
 var _reactDom = _interopRequireDefault(require("react-dom"));
 
-var _clamp = _interopRequireDefault(require("./clamp"));
+var _licitUiCommands = require("@modusoperandi/licit-ui-commands");
 
 var _htmlElementToRect = _interopRequireDefault(require("./htmlElementToRect"));
 
-var _rects = require("./rects");
-
 require("./czi-table-grid-size-editor.css");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -97,7 +95,7 @@ class TableGridSizeEditor extends React.PureComponent {
       const node = e.currentTarget;
 
       if (node instanceof HTMLElement) {
-        const rect = (0, _rects.fromHTMlElement)(node);
+        const rect = (0, _licitUiCommands.fromHTMlElement)(node);
         const mx = Math.round(e.clientX);
         const my = Math.round(e.clientY);
         this._ex = rect.x;
@@ -116,9 +114,9 @@ class TableGridSizeEditor extends React.PureComponent {
       const el = this._ref && _reactDom.default.findDOMNode(this._ref);
 
       const elRect = el ? (0, _htmlElementToRect.default)(el) : null;
-      const mouseRect = (0, _rects.fromXY)(e.screenX, e.screenY, 10);
+      const mouseRect = (0, _licitUiCommands.fromXY)(e.screenX, e.screenY, 10);
 
-      if (elRect && mouseRect && (0, _rects.isIntersected)(elRect, mouseRect, 50)) {
+      if (elRect && mouseRect && (0, _licitUiCommands.isIntersected)(elRect, mouseRect, 50)) {
         // This prevents `PopUpManager` from collapsing the editor.
         e.preventDefault();
         e.stopImmediatePropagation();
@@ -141,8 +139,8 @@ class TableGridSizeEditor extends React.PureComponent {
       const my = this._my;
       const x = mx - this._ex;
       const y = my - this._ey;
-      const rr = (0, _clamp.default)(1, Math.ceil(y / (CELL_SIZE + GUTTER_SIZE)), MAX_SIZE);
-      const cc = (0, _clamp.default)(1, Math.ceil(x / (CELL_SIZE + GUTTER_SIZE)), MAX_SIZE);
+      const rr = (0, _licitUiCommands.clamp)(1, Math.ceil(y / (CELL_SIZE + GUTTER_SIZE)), MAX_SIZE);
+      const cc = (0, _licitUiCommands.clamp)(1, Math.ceil(x / (CELL_SIZE + GUTTER_SIZE)), MAX_SIZE);
       const {
         rows,
         cols