@modusoperandi/licit 1.0.3 → 1.0.5

package/ui/LinkURLEditor.js.flow

@@ -1,117 +1,117 @@
-// @flow
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-
-import sanitizeURL from '../sanitizeURL.js';
-import {
-  CustomButton
-} from '@modusoperandi/licit-ui-commands';
-import {
-  ENTER
-} from './KeyCodes.js';
-import {
-  preventEventDefault
-} from '@modusoperandi/licit-ui-commands';
-
-import './czi-form.css';
-import './czi-image-url-editor.css';
-
-const BAD_CHARACTER_PATTER = /\s/;
-
-class LinkURLEditor extends React.PureComponent<any, any> {
-  // [FS] IRAD-1005 2020-07-07
-  // Upgrade outdated packages.
-  // To take care of the property type declaration.
-  static propsTypes = {
-    href: PropTypes.string,
-    close: function (props: any, propName: string) {
-      const fn = props[propName];
-      if (
-        !fn.prototype ||
-        (typeof fn.prototype.constructor !== 'function' &&
-          fn.prototype.constructor.length !== 1)
-      ) {
-        return new Error(
-          propName + 'must be a function with 1 arg of type string'
-        );
-      }
-      return null;
-    },
-  };
-
-  state = {
-    url: this.props.href,
-  };
-
-  render(): React.Element<any> {
-    const { href } = this.props;
-    const { url } = this.state;
-
-    const error = url ? BAD_CHARACTER_PATTER.test(url) : false;
-
-    let label = 'Apply';
-    let disabled = !!error;
-    if (href) {
-      label = url ? 'Apply' : 'Remove';
-      disabled = error;
-    } else {
-      disabled = error || !url;
-    }
-
-    return (
-      <div className="czi-image-url-editor">
-        <form className="czi-form" onSubmit={preventEventDefault}>
-          <fieldset>
-            <legend>Add a Link</legend>
-            <input
-              autoFocus={true}
-              onChange={this._onURLChange}
-              onKeyDown={this._onKeyDown}
-              placeholder="Paste a URL"
-              spellCheck={false}
-              type="text"
-              value={url || ''}
-            />
-          </fieldset>
-          <div className="czi-form-buttons">
-            <CustomButton label="Cancel" onClick={this._cancel} />
-            <CustomButton
-              active={true}
-              disabled={disabled}
-              label={label}
-              onClick={this._apply}
-            />
-          </div>
-        </form>
-      </div>
-    );
-  }
-
-  _onKeyDown = (e: any) => {
-    if (e.keyCode === ENTER) {
-      e.preventDefault();
-      this._apply();
-    }
-  };
-
-  _onURLChange = (e: SyntheticInputEvent<>) => {
-    const url = e.target.value;
-    this.setState({
-      url,
-    });
-  };
-
-  _cancel = (): void => {
-    this.props.close();
-  };
-
-  _apply = (): void => {
-    const { url } = this.state;
-    if (url && !BAD_CHARACTER_PATTER.test(url)) {
-      this.props.close(sanitizeURL(url));
-    }
-  };
-}
-
-export default LinkURLEditor;
+// @flow
+
+import * as React from 'react';
+import PropTypes from 'prop-types';
+
+import sanitizeURL from '../sanitizeURL.js';
+import {
+  CustomButton
+} from '@modusoperandi/licit-ui-commands';
+import {
+  ENTER
+} from './KeyCodes.js';
+import {
+  preventEventDefault
+} from '@modusoperandi/licit-ui-commands';
+
+import './czi-form.css';
+import './czi-image-url-editor.css';
+
+const BAD_CHARACTER_PATTER = /\s/;
+
+class LinkURLEditor extends React.PureComponent<any, any> {
+  // [FS] IRAD-1005 2020-07-07
+  // Upgrade outdated packages.
+  // To take care of the property type declaration.
+  static propsTypes = {
+    href: PropTypes.string,
+    close: function (props: any, propName: string) {
+      const fn = props[propName];
+      if (
+        !fn.prototype ||
+        (typeof fn.prototype.constructor !== 'function' &&
+          fn.prototype.constructor.length !== 1)
+      ) {
+        return new Error(
+          propName + 'must be a function with 1 arg of type string'
+        );
+      }
+      return null;
+    },
+  };
+
+  state = {
+    url: this.props.href,
+  };
+
+  render(): React.Element<any> {
+    const { href } = this.props;
+    const { url } = this.state;
+
+    const error = url ? BAD_CHARACTER_PATTER.test(url) : false;
+
+    let label = 'Apply';
+    let disabled = !!error;
+    if (href) {
+      label = url ? 'Apply' : 'Remove';
+      disabled = error;
+    } else {
+      disabled = error || !url;
+    }
+
+    return (
+      <div className="czi-image-url-editor">
+        <form className="czi-form" onSubmit={preventEventDefault}>
+          <fieldset>
+            <legend>Add a Link</legend>
+            <input
+              autoFocus={true}
+              onChange={this._onURLChange}
+              onKeyDown={this._onKeyDown}
+              placeholder="Paste a URL"
+              spellCheck={false}
+              type="text"
+              value={url || ''}
+            />
+          </fieldset>
+          <div className="czi-form-buttons">
+            <CustomButton label="Cancel" onClick={this._cancel} />
+            <CustomButton
+              active={true}
+              disabled={disabled}
+              label={label}
+              onClick={this._apply}
+            />
+          </div>
+        </form>
+      </div>
+    );
+  }
+
+  _onKeyDown = (e: any) => {
+    if (e.keyCode === ENTER) {
+      e.preventDefault();
+      this._apply();
+    }
+  };
+
+  _onURLChange = (e: SyntheticInputEvent<>) => {
+    const url = e.target.value;
+    this.setState({
+      url,
+    });
+  };
+
+  _cancel = (): void => {
+    this.props.close();
+  };
+
+  _apply = (): void => {
+    const { url } = this.state;
+    if (url && !BAD_CHARACTER_PATTER.test(url)) {
+      this.props.close(sanitizeURL(url));
+    }
+  };
+}
+
+export default LinkURLEditor;

package/ui/ListItemNodeView.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); }
 import { Node } from 'prosemirror-model';
 import { Decoration, EditorView } from 'prosemirror-view';
@@ -28,7 +28,7 @@ var ListItemNodeView = /*#__PURE__*/function () {
   }
 
   // This implements the `NodeView` interface.
-  _createClass(ListItemNodeView, [{
+  return _createClass(ListItemNodeView, [{
     key: "update",
     value: function update(node, decorations) {
       return this._updateDOM(node);
@@ -87,6 +87,5 @@ var ListItemNodeView = /*#__PURE__*/function () {
       return true;
     }
   }]);
-  return ListItemNodeView;
 }();
 export default ListItemNodeView;

package/ui/ListItemNodeView.js.flow

@@ -1,98 +1,98 @@
-// @flow
-
-import { Node } from 'prosemirror-model';
-import { Decoration, EditorView } from 'prosemirror-view';
-import { MARK_TEXT_COLOR, MARK_FONT_SIZE } from '../MarkNames.js';
-
-// This implements the `NodeView` interface
-// https://prosemirror.net/docs/ref/#view.NodeView
-class ListItemNodeView {
-  // This implements the `NodeView` interface
-  // The outer DOM node that represents the list item element.
-  dom: HTMLLIElement;
-
-  // This implements the `NodeView` interface.
-  // The DOM node that should hold the node's content.
-  contentDOM: HTMLLIElement;
-
-  _nodeUpdated: ?Node;
-
-  constructor(
-    node: Node,
-    editorView: EditorView,
-    getPos: () => number,
-    decorations: Array<Decoration>
-  ) {
-    const dom = document.createElement('li');
-    this.dom = dom;
-    this.contentDOM = dom;
-    this._updateDOM(node);
-  }
-
-  // This implements the `NodeView` interface.
-  update(node: Node, decorations: Array<Decoration>): boolean {
-    return this._updateDOM(node);
-  }
-
-  _updateDOM(node: Node): boolean {
-    if (this._nodeUpdated === node) {
-      return false;
-    }
-
-    this._nodeUpdated = node;
-
-    const dom = this.dom;
-    // According to `ListItemNodeSpec`, a valid list item has the following
-    // structure: `li > paragraph > text`.
-    const paragraph = node.firstChild;
-    const initialContent = paragraph ? paragraph.firstChild : null;
-
-    // This resolves the styles for the counter by examines the marks for the
-    // first text node of the list item.
-    const marks =
-      initialContent && initialContent.isText && initialContent.textContent
-        ? initialContent.marks
-        : null;
-
-    let cssColor;
-    let cssFontSize;
-    let cssText = '';
-    if (Array.isArray(marks)) {
-      marks.forEach((mark) => {
-        const { attrs, type } = mark;
-        switch (type.name) {
-          case MARK_TEXT_COLOR:
-            cssColor = attrs.color;
-            break;
-          case MARK_FONT_SIZE:
-            cssFontSize = attrs.pt;
-            break;
-        }
-      });
-    }
-
-    // The counter of the list item is a pseudo-element that uses
-    // the CSS variables (e.g `--czi-list-style-color`) for styling.
-    // This defines the CSS variables scoped for the pseudo-element.
-    // See `src/ui/czi-list.css` for more details.
-    if (cssColor) {
-      cssText += `--czi-list-style-color: ${cssColor};`;
-    }
-
-    if (cssFontSize) {
-      cssText += `--czi-list-style-font-size: ${cssFontSize}pt;`;
-    }
-
-    dom.style.cssText = cssText;
-
-    const { align } = node.attrs;
-    if (align) {
-      dom.setAttribute('data-align', align);
-    } else {
-      dom.removeAttribute('data-align');
-    }
-    return true;
-  }
-}
-
-export default ListItemNodeView;
+// @flow
+
+import { Node } from 'prosemirror-model';
+import { Decoration, EditorView } from 'prosemirror-view';
+import { MARK_TEXT_COLOR, MARK_FONT_SIZE } from '../MarkNames.js';
+
+// This implements the `NodeView` interface
+// https://prosemirror.net/docs/ref/#view.NodeView
+class ListItemNodeView {
+  // This implements the `NodeView` interface
+  // The outer DOM node that represents the list item element.
+  dom: HTMLLIElement;
+
+  // This implements the `NodeView` interface.
+  // The DOM node that should hold the node's content.
+  contentDOM: HTMLLIElement;
+
+  _nodeUpdated: ?Node;
+
+  constructor(
+    node: Node,
+    editorView: EditorView,
+    getPos: () => number,
+    decorations: Array<Decoration>
+  ) {
+    const dom = document.createElement('li');
+    this.dom = dom;
+    this.contentDOM = dom;
+    this._updateDOM(node);
+  }
+
+  // This implements the `NodeView` interface.
+  update(node: Node, decorations: Array<Decoration>): boolean {
+    return this._updateDOM(node);
+  }
+
+  _updateDOM(node: Node): boolean {
+    if (this._nodeUpdated === node) {
+      return false;
+    }
+
+    this._nodeUpdated = node;
+
+    const dom = this.dom;
+    // According to `ListItemNodeSpec`, a valid list item has the following
+    // structure: `li > paragraph > text`.
+    const paragraph = node.firstChild;
+    const initialContent = paragraph ? paragraph.firstChild : null;
+
+    // This resolves the styles for the counter by examines the marks for the
+    // first text node of the list item.
+    const marks =
+      initialContent && initialContent.isText && initialContent.textContent
+        ? initialContent.marks
+        : null;
+
+    let cssColor;
+    let cssFontSize;
+    let cssText = '';
+    if (Array.isArray(marks)) {
+      marks.forEach((mark) => {
+        const { attrs, type } = mark;
+        switch (type.name) {
+          case MARK_TEXT_COLOR:
+            cssColor = attrs.color;
+            break;
+          case MARK_FONT_SIZE:
+            cssFontSize = attrs.pt;
+            break;
+        }
+      });
+    }
+
+    // The counter of the list item is a pseudo-element that uses
+    // the CSS variables (e.g `--czi-list-style-color`) for styling.
+    // This defines the CSS variables scoped for the pseudo-element.
+    // See `src/ui/czi-list.css` for more details.
+    if (cssColor) {
+      cssText += `--czi-list-style-color: ${cssColor};`;
+    }
+
+    if (cssFontSize) {
+      cssText += `--czi-list-style-font-size: ${cssFontSize}pt;`;
+    }
+
+    dom.style.cssText = cssText;
+
+    const { align } = node.attrs;
+    if (align) {
+      dom.setAttribute('data-align', align);
+    } else {
+      dom.removeAttribute('data-align');
+    }
+    return true;
+  }
+}
+
+export default ListItemNodeView;

package/ui/ListTypeButton.js

@@ -6,13 +6,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); }
 // [FS] IRAD-1039 2020-09-23
 // Command button to handle different type of list types
@@ -29,7 +29,6 @@ import uuid from './uuid.js';
 import ListTypeMenu from './ListTypeMenu.js';
 import './czi-custom-menu-button.css';
 var ListTypeButton = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(ListTypeButton, _React$PureComponent);
   function ListTypeButton() {
     var _this;
     _classCallCheck(this, ListTypeButton);
@@ -37,25 +36,25 @@ var ListTypeButton = /*#__PURE__*/function (_React$PureComponent) {
       args[_key] = arguments[_key];
     }
     _this = _callSuper(this, ListTypeButton, [].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "props", void 0);
-    _defineProperty(_assertThisInitialized(_this), "_menu", null);
-    _defineProperty(_assertThisInitialized(_this), "_id", uuid());
-    _defineProperty(_assertThisInitialized(_this), "state", {
+    _defineProperty(_this, "props", void 0);
+    _defineProperty(_this, "_menu", null);
+    _defineProperty(_this, "_id", uuid());
+    _defineProperty(_this, "state", {
       expanded: false
     });
-    _defineProperty(_assertThisInitialized(_this), "_onClick", function () {
+    _defineProperty(_this, "_onClick", function () {
       var expanded = !_this.state.expanded;
       _this.setState({
         expanded: expanded
       });
       expanded ? _this._showMenu() : _this._hideMenu();
     });
-    _defineProperty(_assertThisInitialized(_this), "_hideMenu", function () {
+    _defineProperty(_this, "_hideMenu", function () {
       var menu = _this._menu;
       _this._menu = null;
       menu && menu.close();
     });
-    _defineProperty(_assertThisInitialized(_this), "_showMenu", function () {
+    _defineProperty(_this, "_showMenu", function () {
       var menu = _this._menu;
       var menuProps = _objectSpread(_objectSpread({}, _this.props), {}, {
         onCommand: _this._onCommand
@@ -69,13 +68,13 @@ var ListTypeButton = /*#__PURE__*/function (_React$PureComponent) {
         });
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "_onCommand", function () {
+    _defineProperty(_this, "_onCommand", function () {
       _this.setState({
         expanded: false
       });
       _this._hideMenu();
     });
-    _defineProperty(_assertThisInitialized(_this), "_onClose", function () {
+    _defineProperty(_this, "_onClose", function () {
       if (_this._menu) {
         _this.setState({
           expanded: false
@@ -85,7 +84,8 @@ var ListTypeButton = /*#__PURE__*/function (_React$PureComponent) {
     });
     return _this;
   }
-  _createClass(ListTypeButton, [{
+  _inherits(ListTypeButton, _React$PureComponent);
+  return _createClass(ListTypeButton, [{
     key: "render",
     value: function render() {
       // editorState,
@@ -131,6 +131,5 @@ var ListTypeButton = /*#__PURE__*/function (_React$PureComponent) {
       this._hideMenu();
     }
   }]);
-  return ListTypeButton;
 }(React.PureComponent);
 export default ListTypeButton;