@modusoperandi/licit 0.1.10 → 0.13.3

package/dist/transformAndPreserveTextSelection.js.flow

@@ -1,151 +0,0 @@
-import { Fragment, Schema } from 'prosemirror-model';
-import { TextSelection } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-
-import { MARK_TEXT_SELECTION } from './MarkNames';
-import { PARAGRAPH, TEXT } from './NodeNames';
-import applyMark from './applyMark';
-import uuid from './ui/uuid';
-
-export type SelectionMemo = {
-  schema: Schema,
-  tr: Transform,
-};
-
-// Text used to create temporary selection.
-// This assumes that no user could enter such string manually.
-const PLACEHOLDER_TEXT = `[\u200b\u2800PLACEHOLDER_TEXT_${uuid()}\u2800\u200b]`;
-
-// Perform the transform without losing the perceived text selection.
-// The way it works is that this will annotate teh current selection with
-// temporary marks and restores the selection with those marks after performing
-// the transform.
-export default function transformAndPreserveTextSelection(
-  tr: Transform,
-  schema: Schema,
-  fn: (memo: SelectionMemo) => Transform
-): Transform {
-  if (tr.getMeta('dryrun')) {
-    // There's no need to preserve the selection in dryrun mode.
-    return fn({ tr, schema });
-  }
-
-  const { selection, doc } = tr;
-  const markType = schema.marks[MARK_TEXT_SELECTION];
-  if (!markType || !selection || !doc) {
-    return tr;
-  }
-
-  if (!(selection instanceof TextSelection)) {
-    return tr;
-  }
-
-  const { from, to } = selection;
-
-  // Mark current selection so that we could resume the selection later
-  // after changing the whole list.
-  let fromOffset = 0;
-  let toOffset = 0;
-  let placeholderTextNode;
-
-  if (from === to) {
-    if (from === 0) {
-      return tr;
-    }
-    // Selection is collapsed, create a temporary selection that the marks can
-    // be applied to.
-    const currentNode = tr.doc.nodeAt(from);
-    const prevNode = tr.doc.nodeAt(from - 1);
-    const nextNode = tr.doc.nodeAt(from + 1);
-
-    if (
-      !currentNode &&
-      prevNode &&
-      prevNode.type.name === PARAGRAPH &&
-      !prevNode.firstChild
-    ) {
-      // The selection is at a paragraph node which has no content.
-      // Create a temporary text and move selection into that text.
-      placeholderTextNode = schema.text(PLACEHOLDER_TEXT);
-      tr = tr.insert(from, Fragment.from(placeholderTextNode));
-      toOffset = 1;
-    } else if (!currentNode && prevNode && prevNode.type.name === TEXT) {
-      // The selection is at the end of the text node. Select the last
-      // character instead.
-      fromOffset = -1;
-    } else if (prevNode && currentNode && currentNode.type === prevNode.type) {
-      // Ensure that the mark is applied to the same type of node.
-      fromOffset = -1;
-    } else if (nextNode && currentNode && currentNode.type === nextNode.type) {
-      toOffset = 1;
-    } else if (nextNode) {
-      // Could not find the same type of node, assume the next node is safe to use.
-      toOffset = 1;
-    } else if (prevNode) {
-      // Could not find the same type of node, assume the next node is safe to use.
-      fromOffset = -1;
-    } else {
-      // Selection can't be safely preserved.
-      return tr;
-    }
-    tr = tr.setSelection(
-      // [FS] IRAD-1005 2020-07-29
-      // Upgrade outdated packages.
-      // reset selection using the latest doc.
-      // This fixes IRAD-1023
-      TextSelection.create(tr.doc, from + fromOffset, to + toOffset)
-    );
-  }
-
-  // This is an unique ID (by reference).
-  const id = {};
-  const findMark = (mark) => mark.attrs.id === id;
-
-  const findMarkRange = () => {
-    let markFrom = 0;
-    let markTo = 0;
-    tr.doc.descendants((node, pos) => {
-      if (node.marks && node.marks.find(findMark)) {
-        markFrom = markFrom === 0 ? pos : markFrom;
-        markTo = pos + node.nodeSize;
-      }
-      return true;
-    });
-    return {
-      from: markFrom,
-      to: markTo,
-    };
-  };
-
-  // TODO: This has side-effect. It will cause `tr.docChanged` to be `true`.
-  // No matter whether `fn({tr, schema})` did change the doc or not.
-  tr = applyMark(tr, schema, markType, { id });
-  tr = fn({ tr, schema });
-
-  const markRange = findMarkRange();
-  const selectionRange = {
-    from: Math.max(0, markRange.from - fromOffset),
-    to: Math.max(0, markRange.to - toOffset),
-  };
-
-  selectionRange.to = Math.max(0, selectionRange.from, selectionRange.to);
-
-  tr = tr.removeMark(markRange.from, markRange.to, markType);
-
-  if (placeholderTextNode) {
-    tr.doc.descendants((node, pos) => {
-      if (node.type.name === TEXT && node.text === PLACEHOLDER_TEXT) {
-        tr = tr.delete(pos, pos + PLACEHOLDER_TEXT.length);
-        placeholderTextNode = null;
-        return false;
-      }
-      return true;
-    });
-  }
-
-  tr = tr.setSelection(
-    TextSelection.create(tr.doc, selectionRange.from, selectionRange.to)
-  );
-
-  return tr;
-}

package/dist/ui/ColorEditor.js

@@ -1,118 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _color = _interopRequireDefault(require("color"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _CustomButton = _interopRequireDefault(require("./CustomButton"));
-
-var _clamp = _interopRequireDefault(require("./clamp"));
-
-require("./czi-color-editor.css");
-
-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 generateGreyColors(count) {
-  let cc = 255;
-  const interval = cc / count;
-  const colors = [];
-
-  while (cc > 0) {
-    const color = (0, _color.default)({
-      r: cc,
-      g: cc,
-      b: cc
-    });
-    cc -= interval;
-    cc = Math.floor(cc);
-    colors.unshift(color);
-  }
-
-  return colors;
-}
-
-function generateRainbowColors(count, saturation, lightness) {
-  const colors = [];
-  const interval = 360 / count;
-  const ss = (0, _clamp.default)(0, saturation, 100);
-  const ll = (0, _clamp.default)(0, lightness, 100);
-  let hue = 0;
-
-  while (hue < 360) {
-    const hsl = `hsl(${hue},${ss}%,${ll}%)`;
-    const color = (0, _color.default)(hsl);
-    colors.unshift(color);
-    hue += interval;
-  }
-
-  return colors;
-}
-
-class ColorEditor extends React.PureComponent {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "props", void 0);
-
-    _defineProperty(this, "_renderColor", (color, index) => {
-      const selectedColor = this.props.hex;
-      const hex = color.hex().toLowerCase();
-      const style = {
-        backgroundColor: hex
-      };
-      const active = selectedColor && selectedColor.toLowerCase() === hex;
-      return /*#__PURE__*/React.createElement(_CustomButton.default, {
-        active: active,
-        className: "czi-color-editor-cell",
-        key: `${hex}-${index}`,
-        label: "",
-        onClick: this._onSelectColor,
-        style: style,
-        value: hex
-      });
-    });
-
-    _defineProperty(this, "_onSelectColor", hex => {
-      this.props.close(hex);
-    });
-  }
-
-  render() {
-    const renderColor = this._renderColor;
-    const selectedColor = this.props.hex;
-    return /*#__PURE__*/React.createElement("div", {
-      className: "czi-color-editor"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "czi-color-editor-section"
-    }, /*#__PURE__*/React.createElement(_CustomButton.default, {
-      active: !selectedColor,
-      className: "czi-color-editor-color-transparent",
-      label: "Transparent",
-      onClick: this._onSelectColor,
-      value: "rgba(0,0,0,0)"
-    })), /*#__PURE__*/React.createElement("div", {
-      className: "czi-color-editor-section"
-    }, generateGreyColors(10).map(renderColor)), /*#__PURE__*/React.createElement("div", {
-      className: "czi-color-editor-section"
-    }, generateRainbowColors(10, 90, 50).map(renderColor)), /*#__PURE__*/React.createElement("div", {
-      className: "czi-color-editor-section"
-    }, generateRainbowColors(30, 70, 70).map(renderColor)), /*#__PURE__*/React.createElement("div", {
-      className: "czi-color-editor-section"
-    }, generateRainbowColors(30, 90, 30).map(renderColor)));
-  }
-
-}
-
-var _default = ColorEditor;
-exports.default = _default;

package/dist/ui/ColorEditor.js.flow

@@ -1,101 +0,0 @@
-// @flow
-
-import Color from 'color';
-import * as React from 'react';
-
-import CustomButton from './CustomButton';
-import clamp from './clamp';
-
-import './czi-color-editor.css';
-
-function generateGreyColors(count: number): Array<Color> {
-  let cc = 255;
-  const interval = cc / count;
-  const colors = [];
-  while (cc > 0) {
-    const color = Color({ r: cc, g: cc, b: cc });
-    cc -= interval;
-    cc = Math.floor(cc);
-    colors.unshift(color);
-  }
-  return colors;
-}
-
-function generateRainbowColors(
-  count: number,
-  saturation: number,
-  lightness: number
-): Array<Color> {
-  const colors = [];
-  const interval = 360 / count;
-  const ss = clamp(0, saturation, 100);
-  const ll = clamp(0, lightness, 100);
-  let hue = 0;
-  while (hue < 360) {
-    const hsl = `hsl(${hue},${ss}%,${ll}%)`;
-    const color = Color(hsl);
-    colors.unshift(color);
-    hue += interval;
-  }
-  return colors;
-}
-
-class ColorEditor extends React.PureComponent<any, any> {
-  props: {
-    close: (?string) => void,
-    hex?: ?string,
-  };
-
-  render(): React.Element<any> {
-    const renderColor = this._renderColor;
-    const selectedColor = this.props.hex;
-    return (
-      <div className="czi-color-editor">
-        <div className="czi-color-editor-section">
-          <CustomButton
-            active={!selectedColor}
-            className="czi-color-editor-color-transparent"
-            label="Transparent"
-            onClick={this._onSelectColor}
-            value="rgba(0,0,0,0)"
-          />
-        </div>
-        <div className="czi-color-editor-section">
-          {generateGreyColors(10).map(renderColor)}
-        </div>
-        <div className="czi-color-editor-section">
-          {generateRainbowColors(10, 90, 50).map(renderColor)}
-        </div>
-        <div className="czi-color-editor-section">
-          {generateRainbowColors(30, 70, 70).map(renderColor)}
-        </div>
-        <div className="czi-color-editor-section">
-          {generateRainbowColors(30, 90, 30).map(renderColor)}
-        </div>
-      </div>
-    );
-  }
-
-  _renderColor = (color: Color, index: number): React.Element<any> => {
-    const selectedColor = this.props.hex;
-    const hex = color.hex().toLowerCase();
-    const style = { backgroundColor: hex };
-    const active = selectedColor && selectedColor.toLowerCase() === hex;
-    return (
-      <CustomButton
-        active={active}
-        className="czi-color-editor-cell"
-        key={`${hex}-${index}`}
-        label=""
-        onClick={this._onSelectColor}
-        style={style}
-        value={hex}
-      />
-    );
-  };
-
-  _onSelectColor = (hex: string): void => {
-    this.props.close(hex);
-  };
-}
-export default ColorEditor;

package/dist/ui/CustomButton.js

@@ -1,64 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("./czi-custom-button.css");
-
-var _PointerSurface = _interopRequireWildcard(require("./PointerSurface"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _TooltipSurface = _interopRequireDefault(require("./TooltipSurface"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-const _excluded = ["icon", "label", "className", "title"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-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; }
-
-class CustomButton extends React.PureComponent {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "props", void 0);
-  }
-
-  render() {
-    const _this$props = this.props,
-          {
-      icon,
-      label,
-      className,
-      title
-    } = _this$props,
-          pointerProps = _objectWithoutProperties(_this$props, _excluded);
-
-    const klass = (0, _classnames.default)(className, 'czi-custom-button', {
-      'use-icon': !!icon
-    });
-    return /*#__PURE__*/React.createElement(_TooltipSurface.default, {
-      tooltip: title
-    }, /*#__PURE__*/React.createElement(_PointerSurface.default, _extends({}, pointerProps, {
-      className: klass
-    }), icon, label));
-  }
-
-}
-
-var _default = CustomButton;
-exports.default = _default;

package/dist/ui/CustomButton.js.flow

@@ -1,33 +0,0 @@
-// @flow
-
-import './czi-custom-button.css';
-import PointerSurface from './PointerSurface';
-import * as React from 'react';
-import TooltipSurface from './TooltipSurface';
-import cx from 'classnames';
-
-import type { PointerSurfaceProps } from './PointerSurface';
-
-class CustomButton extends React.PureComponent<any, any> {
-  props: PointerSurfaceProps & {
-    icon?: string | React.Element<any> | null,
-    label?: string | React.Element<any> | null,
-  };
-
-  render(): React.Element<any> {
-    const { icon, label, className, title, ...pointerProps } = this.props;
-    const klass = cx(className, 'czi-custom-button', {
-      'use-icon': !!icon,
-    });
-    return (
-      <TooltipSurface tooltip={title}>
-        <PointerSurface {...pointerProps} className={klass}>
-          {icon}
-          {label}
-        </PointerSurface>
-      </TooltipSurface>
-    );
-  }
-}
-
-export default CustomButton;

package/dist/ui/PointerSurface.js

@@ -1,173 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.bpfrpt_proptype_PointerSurfaceProps = void 0;
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _preventEventDefault = _interopRequireDefault(require("./preventEventDefault"));
-
-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; }
-
-var bpfrpt_proptype_PointerSurfaceProps = {
-  "active": _propTypes.default.bool,
-  "children": _propTypes.default.any,
-  "className": _propTypes.default.string,
-  "disabled": _propTypes.default.bool,
-  "id": _propTypes.default.string,
-  "onClick": _propTypes.default.func,
-  "onMouseEnter": _propTypes.default.func,
-  "style": _propTypes.default.object,
-  "title": _propTypes.default.string,
-  "value": _propTypes.default.any
-};
-exports.bpfrpt_proptype_PointerSurfaceProps = bpfrpt_proptype_PointerSurfaceProps;
-
-class PointerSurface extends React.PureComponent {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "props", void 0);
-
-    _defineProperty(this, "_clicked", false);
-
-    _defineProperty(this, "_mul", false);
-
-    _defineProperty(this, "_pressedTarget", null);
-
-    _defineProperty(this, "_unmounted", false);
-
-    _defineProperty(this, "state", {
-      pressed: false
-    });
-
-    _defineProperty(this, "_onMouseEnter", e => {
-      this._pressedTarget = null;
-      e.preventDefault();
-      const {
-        onMouseEnter,
-        value
-      } = this.props;
-      onMouseEnter && onMouseEnter(value, e);
-    });
-
-    _defineProperty(this, "_onMouseLeave", e => {
-      this._pressedTarget = null;
-      const mouseUpEvent = e;
-
-      this._onMouseUpCapture(mouseUpEvent);
-    });
-
-    _defineProperty(this, "_onMouseDown", e => {
-      e.preventDefault();
-      this._pressedTarget = null;
-      this._clicked = false;
-
-      if (e.which === 3 || e.button == 2) {
-        // right click.
-        return;
-      }
-
-      this.setState({
-        pressed: true
-      });
-      this._pressedTarget = e.currentTarget;
-      this._clicked = false;
-
-      if (!this._mul) {
-        document.addEventListener('mouseup', this._onMouseUpCapture, true);
-        this._mul = true;
-      }
-    });
-
-    _defineProperty(this, "_onMouseUp", e => {
-      e.preventDefault();
-
-      if (this._clicked || e.type === 'keypress') {
-        const {
-          onClick,
-          value,
-          disabled
-        } = this.props;
-        !disabled && onClick && onClick(value, e);
-      }
-
-      this._pressedTarget = null;
-      this._clicked = false;
-    });
-
-    _defineProperty(this, "_onMouseUpCapture", e => {
-      if (this._mul) {
-        this._mul = false;
-        document.removeEventListener('mouseup', this._onMouseUpCapture, true);
-      }
-
-      const target = e.target;
-      this._clicked = this._pressedTarget instanceof HTMLElement && target instanceof HTMLElement && (target === this._pressedTarget || target.contains(this._pressedTarget) || this._pressedTarget.contains(target));
-      this.setState({
-        pressed: false
-      });
-    });
-  }
-
-  render() {
-    const {
-      className,
-      disabled,
-      active,
-      id,
-      style,
-      title,
-      children
-    } = this.props;
-    const {
-      pressed
-    } = this.state;
-    const buttonClassName = (0, _classnames.default)(className, {
-      active: active,
-      disabled: disabled,
-      pressed: pressed
-    });
-    return /*#__PURE__*/React.createElement("span", {
-      "aria-disabled": disabled,
-      "aria-pressed": pressed,
-      className: buttonClassName,
-      disabled: disabled,
-      id: id,
-      onKeyPress: disabled ? _preventEventDefault.default : this._onMouseUp,
-      onMouseDown: disabled ? _preventEventDefault.default : this._onMouseDown,
-      onMouseEnter: disabled ? _preventEventDefault.default : this._onMouseEnter,
-      onMouseLeave: disabled ? null : this._onMouseLeave,
-      onMouseUp: disabled ? _preventEventDefault.default : this._onMouseUp,
-      role: "button",
-      style: style,
-      tabIndex: disabled ? null : 0,
-      title: title
-    }, children);
-  }
-
-  componentWillUnmount() {
-    this._unmounted = true;
-
-    if (this._mul) {
-      this._mul = false;
-      document.removeEventListener('mouseup', this._onMouseUpCapture, true);
-    }
-  }
-
-}
-
-var _default = PointerSurface;
-exports.default = _default;