@modusoperandi/licit 0.1.10 → 0.13.3

package/src/ui/Icon.js

@@ -1,89 +1,89 @@
-// @flow
-
-import cx from 'classnames';
-import * as React from 'react';
-
-import canUseCSSFont from './canUseCSSFont';
-
-import './czi-icon.css';
-
-// [FS] IRAD-1061 2020-09-19
-// Now loaded locally, so that it work in closed network as well.
-//import injectStyleSheet from './injectStyleSheet';
-import './icon-font.css';
-
-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';
+
+import './czi-icon.css';
+
+// [FS] IRAD-1061 2020-09-19
+// Now loaded locally, so that it work in closed network as well.
+//import injectStyleSheet from './injectStyleSheet';
+import './icon-font.css';
+
+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/src/ui/ImageAlignEditor.js

@@ -1,60 +1,60 @@
-// @flow
-
-import './czi-inline-editor.css';
-import CustomButton from './CustomButton';
-import * as React from 'react';
-
-const ImageAlignValues = {
-  NONE: {
-    value: null,
-    text: 'Inline',
-  },
-  LEFT: {
-    value: 'left',
-    text: 'Float left',
-  },
-  CENTER: {
-    value: 'center',
-    text: 'Center',
-  },
-  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 custom-">{buttons}</div>;
-  }
-
-  _onClick = (align: ?string): void => {
-    this.props.onSelect({ align: align });
-  };
-}
-
-export default ImageInlineEditor;
+// @flow
+
+import './czi-inline-editor.css';
+import { CustomButton } from '@modusoperandi/licit-ui-commands';
+import * as React from 'react';
+
+const ImageAlignValues = {
+  NONE: {
+    value: null,
+    text: 'Inline',
+  },
+  LEFT: {
+    value: 'left',
+    text: 'Float left',
+  },
+  CENTER: {
+    value: 'center',
+    text: 'Center',
+  },
+  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 custom-">{buttons}</div>;
+  }
+
+  _onClick = (align: ?string): void => {
+    this.props.onSelect({ align: align });
+  };
+}
+
+export default ImageInlineEditor;

package/src/ui/ImageInlineEditor.js

@@ -1,67 +1,67 @@
-// @flow
-
-import './czi-inline-editor.css';
-import CustomButton from './CustomButton';
-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 './czi-inline-editor.css';
+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;