@modusoperandi/licit 0.1.10 → 0.13.3

package/dist/ui/Icon.js.flow

@@ -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/dist/ui/ImageAlignEditor.js

@@ -7,18 +7,18 @@ exports.default = exports.bpfrpt_proptype_ImageInlineEditorValue = void 0;
 
 require("./czi-inline-editor.css");
 
-var _CustomButton = _interopRequireDefault(require("./CustomButton"));
+var _licitUiCommands = require("@modusoperandi/licit-ui-commands");
 
 var React = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+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 _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; }
 
 const ImageAlignValues = {
@@ -65,7 +65,7 @@ class ImageInlineEditor extends React.PureComponent {
         value,
         text
       } = ImageAlignValues[key];
-      return /*#__PURE__*/React.createElement(_CustomButton.default, {
+      return /*#__PURE__*/React.createElement(_licitUiCommands.CustomButton, {
         active: align === value,
         key: key,
         label: text,

package/dist/ui/ImageAlignEditor.js.flow

@@ -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/dist/ui/ImageInlineEditor.js

@@ -7,18 +7,18 @@ exports.default = exports.bpfrpt_proptype_PropValue = exports.bpfrpt_proptype_Im
 
 require("./czi-inline-editor.css");
 
-var _CustomButton = _interopRequireDefault(require("./CustomButton"));
+var _licitUiCommands = require("@modusoperandi/licit-ui-commands");
 
 var React = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+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 _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_PropValue = {
@@ -70,7 +70,7 @@ class ImageInlineEditor extends React.PureComponent {
         value,
         text
       } = ImageAlignValues[key];
-      return /*#__PURE__*/React.createElement(_CustomButton.default, {
+      return /*#__PURE__*/React.createElement(_licitUiCommands.CustomButton, {
         active: align === value,
         key: key,
         label: text,

package/dist/ui/ImageInlineEditor.js.flow

@@ -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;

package/dist/ui/ImageNodeView.js

@@ -27,12 +27,10 @@ var _ImageInlineEditor = _interopRequireDefault(require("./ImageInlineEditor"));
 
 var _ImageResizeBox = _interopRequireWildcard(require("./ImageResizeBox"));
 
-var _PopUpPosition = require("./PopUpPosition");
+var _licitUiCommands = require("@modusoperandi/licit-ui-commands");
 
 var _ResizeObserver = _interopRequireWildcard(require("./ResizeObserver"));
 
-var _createPopUp = _interopRequireDefault(require("./createPopUp"));
-
 var _resolveImage = _interopRequireDefault(require("./resolveImage"));
 
 var _uuid = _interopRequireDefault(require("./uuid"));
@@ -436,11 +434,11 @@ class ImageViewBody extends React.PureComponent {
     if (this._inlineEditor) {
       this._inlineEditor.update(editorProps);
     } else {
-      this._inlineEditor = (0, _createPopUp.default)(_ImageInlineEditor.default, editorProps, {
+      this._inlineEditor = (0, _licitUiCommands.createPopUp)(_ImageInlineEditor.default, editorProps, {
         anchor: el,
         autoDismiss: false,
         container: el.closest(`.${_EditorFrameset.FRAMESET_BODY_CLASSNAME}`),
-        position: _PopUpPosition.atAnchorBottomCenter,
+        position: _licitUiCommands.atAnchorBottomCenter,
         onClose: () => {
           this._inlineEditor = null;
         }