@modusoperandi/licit 1.4.3 → 1.4.6

package/ui/Icon.js.flow

@@ -1,82 +1,82 @@
-// @flow
-
-import cx from 'classnames';
-import * as React from 'react';
-
-import canUseCSSFont from './canUseCSSFont.js';
-
-const VALID_CHARS = /[a-z_]+/;
-const cached = {};
-
-const CSS_CDN_URL = '//fonts.googleapis.com/icon?family=Material+Icons';
-const CSS_FONT = 'Material Icons';
-
-(async function () {
-  // Inject CSS Fonts reuqired for toolbar icons.
-  const fontSupported = await canUseCSSFont(CSS_FONT);
-  if (!fontSupported) {
-    console.info('Add CSS from ', CSS_CDN_URL);
-    // [FS] IRAD-1061 2020-09-19
-    // Now loaded locally, so that it work in closed network as well.
-    //injectStyleSheet(CSS_CDN_URL);
-  }
-})();
-
-class SuperscriptIcon extends React.PureComponent<any, any> {
-  render(): React.Element<any> {
-    return (
-      <span className="superscript-wrap">
-        <span className="superscript-base">x</span>
-        <span className="superscript-top">y</span>
-      </span>
-    );
-  }
-}
-
-class SubscriptIcon extends React.PureComponent<any, any> {
-  render(): React.Element<any> {
-    return (
-      <span className="subscript-wrap">
-        <span className="subscript-base">x</span>
-        <span className="subscript-bottom">y</span>
-      </span>
-    );
-  }
-}
-
-class Icon extends React.PureComponent<any, any> {
-  // Get the static Icon.
-  static get(type: string, title: ?string): React.Element<any> {
-    const key = `${type || ''}-${title || ''}`;
-    const icon = cached[key] || <Icon title={title} type={type} />;
-    cached[key] = icon;
-    return icon;
-  }
-
-  props: {
-    type: string,
-    title: ?string,
-  };
-
-  render(): React.Element<any> {
-    const { type, title } = this.props;
-    let className = '';
-    let children = '';
-    if (type == 'superscript') {
-      className = cx('czi-icon', { [type]: true });
-      children = <SuperscriptIcon />;
-    } else if (type == 'subscript') {
-      className = cx('czi-icon', { [type]: true });
-      children = <SubscriptIcon />;
-    } else if (!type || !VALID_CHARS.test(type)) {
-      className = cx('czi-icon-unknown');
-      children = title || type;
-    } else {
-      className = cx('czi-icon', { [type]: true });
-      children = type;
-    }
-    return <span className={className}>{children}</span>;
-  }
-}
-
-export default Icon;
+// @flow
+
+import cx from 'classnames';
+import * as React from 'react';
+
+import canUseCSSFont from './canUseCSSFont.js';
+
+const VALID_CHARS = /[a-z_]+/;
+const cached = {};
+
+const CSS_CDN_URL = '//fonts.googleapis.com/icon?family=Material+Icons';
+const CSS_FONT = 'Material Icons';
+
+(async function () {
+  // Inject CSS Fonts reuqired for toolbar icons.
+  const fontSupported = await canUseCSSFont(CSS_FONT);
+  if (!fontSupported) {
+    console.info('Add CSS from ', CSS_CDN_URL);
+    // [FS] IRAD-1061 2020-09-19
+    // Now loaded locally, so that it work in closed network as well.
+    //injectStyleSheet(CSS_CDN_URL);
+  }
+})();
+
+class SuperscriptIcon extends React.PureComponent<any, any> {
+  render(): React.Element<any> {
+    return (
+      <span className="superscript-wrap">
+        <span className="superscript-base">x</span>
+        <span className="superscript-top">y</span>
+      </span>
+    );
+  }
+}
+
+class SubscriptIcon extends React.PureComponent<any, any> {
+  render(): React.Element<any> {
+    return (
+      <span className="subscript-wrap">
+        <span className="subscript-base">x</span>
+        <span className="subscript-bottom">y</span>
+      </span>
+    );
+  }
+}
+
+class Icon extends React.PureComponent<any, any> {
+  // Get the static Icon.
+  static get(type: string, title: ?string): React.Element<any> {
+    const key = `${type || ''}-${title || ''}`;
+    const icon = cached[key] || <Icon title={title} type={type} />;
+    cached[key] = icon;
+    return icon;
+  }
+
+  props: {
+    type: string,
+    title: ?string,
+  };
+
+  render(): React.Element<any> {
+    const { type, title } = this.props;
+    let className = '';
+    let children = '';
+    if (type == 'superscript') {
+      className = cx('czi-icon', { [type]: true });
+      children = <SuperscriptIcon />;
+    } else if (type == 'subscript') {
+      className = cx('czi-icon', { [type]: true });
+      children = <SubscriptIcon />;
+    } else if (!type || !VALID_CHARS.test(type)) {
+      className = cx('czi-icon-unknown');
+      children = title || type;
+    } else {
+      className = cx('czi-icon', { [type]: true });
+      children = type;
+    }
+    return <span className={className}>{children}</span>;
+  }
+}
+
+export default Icon;

package/ui/ImageInlineEditor.js.flow

@@ -1,66 +1,66 @@
-// @flow
-
-import { CustomButton } from '@modusoperandi/licit-ui-commands';
-import * as React from 'react';
-
-export type PropValue = {
-  value: ?string,
-  text: ?string,
-};
-
-type Key = 'NONE' | 'LEFT' | 'CENTER' | 'RIGHT';
-
-const ImageAlignValues: { [key: Key]: PropValue } = {
-  NONE: {
-    value: null,
-    text: 'Inline',
-  },
-  LEFT: {
-    value: 'left',
-    text: 'Float left',
-  },
-  CENTER: {
-    value: 'center',
-    text: 'Break text',
-  },
-  RIGHT: {
-    value: 'right',
-    text: 'Float right',
-  },
-};
-
-export type ImageInlineEditorValue = {
-  align: ?string,
-};
-
-class ImageInlineEditor extends React.PureComponent<any, any> {
-  props: {
-    onSelect: (val: ImageInlineEditorValue) => void,
-    value: ?ImageInlineEditorValue,
-  };
-
-  render(): React.Element<any> {
-    const align = this.props.value ? this.props.value.align : null;
-    const onClick = this._onClick;
-    const buttons = Object.keys(ImageAlignValues).map((key) => {
-      const { value, text } = ImageAlignValues[key];
-      return (
-        <CustomButton
-          active={align === value}
-          key={key}
-          label={text}
-          onClick={onClick}
-          value={value}
-        />
-      );
-    });
-
-    return <div className="czi-inline-editor">{buttons}</div>;
-  }
-
-  _onClick = (align: ?string): void => {
-    this.props.onSelect({ align: align });
-  };
-}
-
-export default ImageInlineEditor;
+// @flow
+
+import { CustomButton } from '@modusoperandi/licit-ui-commands';
+import * as React from 'react';
+
+export type PropValue = {
+  value: ?string,
+  text: ?string,
+};
+
+type Key = 'NONE' | 'LEFT' | 'CENTER' | 'RIGHT';
+
+const ImageAlignValues: { [key: Key]: PropValue } = {
+  NONE: {
+    value: null,
+    text: 'Inline',
+  },
+  LEFT: {
+    value: 'left',
+    text: 'Float left',
+  },
+  CENTER: {
+    value: 'center',
+    text: 'Break text',
+  },
+  RIGHT: {
+    value: 'right',
+    text: 'Float right',
+  },
+};
+
+export type ImageInlineEditorValue = {
+  align: ?string,
+};
+
+class ImageInlineEditor extends React.PureComponent<any, any> {
+  props: {
+    onSelect: (val: ImageInlineEditorValue) => void,
+    value: ?ImageInlineEditorValue,
+  };
+
+  render(): React.Element<any> {
+    const align = this.props.value ? this.props.value.align : null;
+    const onClick = this._onClick;
+    const buttons = Object.keys(ImageAlignValues).map((key) => {
+      const { value, text } = ImageAlignValues[key];
+      return (
+        <CustomButton
+          active={align === value}
+          key={key}
+          label={text}
+          onClick={onClick}
+          value={value}
+        />
+      );
+    });
+
+    return <div className="czi-inline-editor">{buttons}</div>;
+  }
+
+  _onClick = (align: ?string): void => {
+    this.props.onSelect({ align: align });
+  };
+}
+
+export default ImageInlineEditor;

package/ui/KeyCodes.js.flow

@@ -1,12 +1,12 @@
-// @flow
-
-// https://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes
-
-export const BACKSPACE = 8;
-export const DELETE = 46;
-export const DOWN_ARROW = 40;
-export const ENTER = 13;
-export const LEFT_ARROW = 37;
-export const RIGHT_ARROW = 39;
-export const TAB = 9;
-export const UP_ARROW = 38;
+// @flow
+
+// https://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes
+
+export const BACKSPACE = 8;
+export const DELETE = 46;
+export const DOWN_ARROW = 40;
+export const ENTER = 13;
+export const LEFT_ARROW = 37;
+export const RIGHT_ARROW = 39;
+export const TAB = 9;
+export const UP_ARROW = 38;

package/ui/LinkTooltip.js.flow

@@ -1,51 +1,51 @@
-// @flow
-
-import { EditorView } from 'prosemirror-view';
-import * as React from 'react';
-
-import { CustomButton } from '@modusoperandi/licit-ui-commands';
-
-
-class LinkTooltip extends React.PureComponent<any, any> {
-  props: {
-    editorView: EditorView,
-    href: string,
-  };
-
-  render(): React.Element<any> {
-    const { href, tocItemPos_, selectionId_ } =
-      this.props;
-    const getLabel = () => {
-      if (tocItemPos_ && selectionId_) {
-        return tocItemPos_.textContent === '' ? 'Reference not found' : tocItemPos_.textContent;
-      } else if (!tocItemPos_ && selectionId_) {
-        return 'Reference not found';
-      }
-      return href;
-    };
-
-    const label = getLabel();
-    const isRemoved = label === 'Reference not found';
-
-    return (
-      <div className="czi-link-tooltip">
-        <div className="czi-link-tooltip-body">
-          <div className="czi-link-tooltip-row">
-            <CustomButton
-              className={`czi-link-tooltip-href ${isRemoved ? 'red-text disabled' : ''}`}
-              label={label}
-              style={{ color: isRemoved ? 'red' : undefined }}
-              target="new"
-              title={label}
-              value={label}
-            />
-
-          </div>
-        </div>
-      </div>
-    );
-  }
-
-}
-
-export default LinkTooltip;
+// @flow
+
+import { EditorView } from 'prosemirror-view';
+import * as React from 'react';
+
+import { CustomButton } from '@modusoperandi/licit-ui-commands';
+
+
+class LinkTooltip extends React.PureComponent<any, any> {
+  props: {
+    editorView: EditorView,
+    href: string,
+  };
+
+  render(): React.Element<any> {
+    const { href, tocItemPos_, selectionId_ } =
+      this.props;
+    const getLabel = () => {
+      if (tocItemPos_ && selectionId_) {
+        return tocItemPos_.textContent === '' ? 'Reference not found' : tocItemPos_.textContent;
+      } else if (!tocItemPos_ && selectionId_) {
+        return 'Reference not found';
+      }
+      return href;
+    };
+
+    const label = getLabel();
+    const isRemoved = label === 'Reference not found';
+
+    return (
+      <div className="czi-link-tooltip">
+        <div className="czi-link-tooltip-body">
+          <div className="czi-link-tooltip-row">
+            <CustomButton
+              className={`czi-link-tooltip-href ${isRemoved ? 'red-text disabled' : ''}`}
+              label={label}
+              style={{ color: isRemoved ? 'red' : undefined }}
+              target="new"
+              title={label}
+              value={label}
+            />
+
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+}
+
+export default LinkTooltip;