@modusoperandi/licit 0.13.1 → 0.13.10

package/dist/ui/MathEditor.js.flow

@@ -1,78 +1,78 @@
-// @flow
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-
-import CustomButton from './CustomButton';
-import MathQuillEditor from './mathquill-editor/MathQuillEditor';
-import preventEventDefault from './preventEventDefault';
-import uuid from './uuid';
-
-import './czi-form.css';
-
-class MathEditor extends React.PureComponent<any, any> {
-  // [FS] IRAD-1005 2020-07-07
-  // Upgrade outdated packages.
-  // To take care of the property type declaration.
-  static propsTypes = {
-    initialValue: 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 = {
-    initialValue: this.props.initialValue,
-    value: this.props.initialValue || '',
-  };
-
-  _id = uuid();
-  _unmounted = false;
-
-  render(): React.Element<any> {
-    const { initialValue, value } = this.state;
-    return (
-      <div className="czi-math-editor">
-        <form className="czi-form" onSubmit={preventEventDefault}>
-          <fieldset>
-            <legend>Insert Math</legend>
-            <MathQuillEditor onChange={this._onChange} value={value} />
-          </fieldset>
-          <div className="czi-form-buttons">
-            <CustomButton label="Cancel" onClick={this._cancel} />
-            <CustomButton
-              active={true}
-              disabled={!this.state.value}
-              label={initialValue ? 'Update' : 'Insert'}
-              onClick={this._insert}
-            />
-          </div>
-        </form>
-      </div>
-    );
-  }
-
-  _onChange = (value: string): void => {
-    this.setState({ value });
-  };
-
-  _cancel = (): void => {
-    this.props.close();
-  };
-
-  _insert = (): void => {
-    this.props.close(this.state.value);
-  };
-}
-
-export default MathEditor;
+// @flow
+
+import * as React from 'react';
+import PropTypes from 'prop-types';
+
+import { CustomButton } from '@modusoperandi/licit-ui-commands';
+import MathQuillEditor from './mathquill-editor/MathQuillEditor';
+import { preventEventDefault } from '@modusoperandi/licit-ui-commands';
+import uuid from './uuid';
+
+import './czi-form.css';
+
+class MathEditor extends React.PureComponent<any, any> {
+  // [FS] IRAD-1005 2020-07-07
+  // Upgrade outdated packages.
+  // To take care of the property type declaration.
+  static propsTypes = {
+    initialValue: 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 = {
+    initialValue: this.props.initialValue,
+    value: this.props.initialValue || '',
+  };
+
+  _id = uuid();
+  _unmounted = false;
+
+  render(): React.Element<any> {
+    const { initialValue, value } = this.state;
+    return (
+      <div className="czi-math-editor">
+        <form className="czi-form" onSubmit={preventEventDefault}>
+          <fieldset>
+            <legend>Insert Math</legend>
+            <MathQuillEditor onChange={this._onChange} value={value} />
+          </fieldset>
+          <div className="czi-form-buttons">
+            <CustomButton label="Cancel" onClick={this._cancel} />
+            <CustomButton
+              active={true}
+              disabled={!this.state.value}
+              label={initialValue ? 'Update' : 'Insert'}
+              onClick={this._insert}
+            />
+          </div>
+        </form>
+      </div>
+    );
+  }
+
+  _onChange = (value: string): void => {
+    this.setState({ value });
+  };
+
+  _cancel = (): void => {
+    this.props.close();
+  };
+
+  _insert = (): void => {
+    this.props.close(this.state.value);
+  };
+}
+
+export default MathEditor;

package/dist/ui/MathInlineEditor.js

@@ -7,7 +7,7 @@ exports.default = exports.bpfrpt_proptype_MathInlineEditorValue = void 0;
 
 require("./czi-inline-editor.css");
 
-var _CustomButton = _interopRequireDefault(require("./CustomButton"));
+var _licitUiCommands = require("@modusoperandi/licit-ui-commands");
 
 var _CustomEditorView = _interopRequireDefault(require("./CustomEditorView"));
 
@@ -15,8 +15,6 @@ var _MathEditor = _interopRequireDefault(require("./MathEditor"));
 
 var React = _interopRequireWildcard(require("react"));
 
-var _createPopUp = _interopRequireDefault(require("./createPopUp"));
-
 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); }
@@ -75,7 +73,7 @@ class MathInlineEditor extends React.PureComponent {
         runtime: editorView ? editorView.runtime : null,
         initialValue: value && value.latex || ''
       };
-      this._popUp = (0, _createPopUp.default)(_MathEditor.default, props, {
+      this._popUp = (0, _licitUiCommands.createPopUp)(_MathEditor.default, props, {
         autoDismiss: false,
         modal: true,
         onClose: latex => {
@@ -112,7 +110,7 @@ class MathInlineEditor extends React.PureComponent {
         value,
         text
       } = MathAlignValues[key];
-      return /*#__PURE__*/React.createElement(_CustomButton.default, {
+      return /*#__PURE__*/React.createElement(_licitUiCommands.CustomButton, {
         active: align === value,
         key: key,
         label: text,
@@ -122,7 +120,7 @@ class MathInlineEditor extends React.PureComponent {
     });
     return /*#__PURE__*/React.createElement("div", {
       className: "czi-inline-editor"
-    }, buttons, /*#__PURE__*/React.createElement(_CustomButton.default, {
+    }, buttons, /*#__PURE__*/React.createElement(_licitUiCommands.CustomButton, {
       key: "edit",
       label: "Edit",
       onClick: this._editLatex,

package/dist/ui/MathInlineEditor.js.flow

@@ -1,102 +1,102 @@
-// @flow
-
-import './czi-inline-editor.css';
-import CustomButton from './CustomButton';
-import CustomEditorView from './CustomEditorView';
-import MathEditor from './MathEditor';
-import * as React from 'react';
-import createPopUp from './createPopUp';
-
-const MathAlignValues = {
-  NONE: {
-    value: null,
-    text: 'Inline',
-  },
-  CENTER: {
-    value: 'center',
-    text: 'Break text',
-  },
-};
-
-export type MathInlineEditorValue = {
-  align: ?string,
-  latex: string,
-};
-
-class MathInlineEditor extends React.PureComponent<any, any> {
-  props: {
-    onEditEnd: () => void,
-    onEditStart: () => void,
-    onSelect: (val: any) => void,
-    value: ?MathInlineEditorValue,
-    editorView: ?CustomEditorView,
-  };
-
-  _popUp = null;
-
-  componentWillUnmount(): void {
-    this._popUp && this._popUp.close();
-  }
-
-  render(): React.Element<any> {
-    const { align, latex } = this.props.value || {};
-    const onClick = this._onClick;
-    const buttons = Object.keys(MathAlignValues).map((key) => {
-      const { value, text } = MathAlignValues[key];
-      return (
-        <CustomButton
-          active={align === value}
-          key={key}
-          label={text}
-          onClick={onClick}
-          value={value}
-        />
-      );
-    });
-
-    return (
-      <div className="czi-inline-editor">
-        {buttons}
-        <CustomButton
-          key="edit"
-          label="Edit"
-          onClick={this._editLatex}
-          value={latex || ''}
-        />
-      </div>
-    );
-  }
-
-  _onClick = (align: ?string): void => {
-    const value = this.props.value || {};
-    this.props.onSelect({ ...value, align });
-  };
-
-  _editLatex = (latex: string): void => {
-    if (this._popUp) {
-      return;
-    }
-    const { editorView, value } = this.props;
-    const props = {
-      runtime: editorView ? editorView.runtime : null,
-      initialValue: (value && value.latex) || '',
-    };
-    this._popUp = createPopUp(MathEditor, props, {
-      autoDismiss: false,
-      modal: true,
-      onClose: (latex) => {
-        if (this._popUp) {
-          this._popUp = null;
-          if (latex !== undefined) {
-            const value = this.props.value || {};
-            this.props.onSelect({ ...value, latex });
-          }
-          this.props.onEditEnd();
-        }
-      },
-    });
-    this.props.onEditStart();
-  };
-}
-
-export default MathInlineEditor;
+// @flow
+
+import './czi-inline-editor.css';
+import { CustomButton } from '@modusoperandi/licit-ui-commands';
+import CustomEditorView from './CustomEditorView';
+import MathEditor from './MathEditor';
+import * as React from 'react';
+import { createPopUp } from '@modusoperandi/licit-ui-commands';
+
+const MathAlignValues = {
+  NONE: {
+    value: null,
+    text: 'Inline',
+  },
+  CENTER: {
+    value: 'center',
+    text: 'Break text',
+  },
+};
+
+export type MathInlineEditorValue = {
+  align: ?string,
+  latex: string,
+};
+
+class MathInlineEditor extends React.PureComponent<any, any> {
+  props: {
+    onEditEnd: () => void,
+    onEditStart: () => void,
+    onSelect: (val: any) => void,
+    value: ?MathInlineEditorValue,
+    editorView: ?CustomEditorView,
+  };
+
+  _popUp = null;
+
+  componentWillUnmount(): void {
+    this._popUp && this._popUp.close();
+  }
+
+  render(): React.Element<any> {
+    const { align, latex } = this.props.value || {};
+    const onClick = this._onClick;
+    const buttons = Object.keys(MathAlignValues).map((key) => {
+      const { value, text } = MathAlignValues[key];
+      return (
+        <CustomButton
+          active={align === value}
+          key={key}
+          label={text}
+          onClick={onClick}
+          value={value}
+        />
+      );
+    });
+
+    return (
+      <div className="czi-inline-editor">
+        {buttons}
+        <CustomButton
+          key="edit"
+          label="Edit"
+          onClick={this._editLatex}
+          value={latex || ''}
+        />
+      </div>
+    );
+  }
+
+  _onClick = (align: ?string): void => {
+    const value = this.props.value || {};
+    this.props.onSelect({ ...value, align });
+  };
+
+  _editLatex = (latex: string): void => {
+    if (this._popUp) {
+      return;
+    }
+    const { editorView, value } = this.props;
+    const props = {
+      runtime: editorView ? editorView.runtime : null,
+      initialValue: (value && value.latex) || '',
+    };
+    this._popUp = createPopUp(MathEditor, props, {
+      autoDismiss: false,
+      modal: true,
+      onClose: (latex) => {
+        if (this._popUp) {
+          this._popUp = null;
+          if (latex !== undefined) {
+            const value = this.props.value || {};
+            this.props.onSelect({ ...value, latex });
+          }
+          this.props.onEditEnd();
+        }
+      },
+    });
+    this.props.onEditStart();
+  };
+}
+
+export default MathInlineEditor;

package/dist/ui/MathNodeView.js

@@ -13,7 +13,7 @@ var _MathInlineEditor = _interopRequireDefault(require("./MathInlineEditor"));
 
 var React = _interopRequireWildcard(require("react"));
 
-var _createPopUp = _interopRequireDefault(require("./createPopUp"));
+var _licitUiCommands = require("@modusoperandi/licit-ui-commands");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
@@ -27,8 +27,6 @@ var _EditorFrameset = require("./EditorFrameset");
 
 var _prosemirrorModel = require("prosemirror-model");
 
-var _PopUpPosition = require("./PopUpPosition");
-
 var _prosemirrorState = require("prosemirror-state");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -184,11 +182,11 @@ class MathViewBody extends React.PureComponent {
     if (this._inlineEditor) {
       this._inlineEditor.update(editorProps);
     } else {
-      this._inlineEditor = (0, _createPopUp.default)(_MathInlineEditor.default, editorProps, {
+      this._inlineEditor = (0, _licitUiCommands.createPopUp)(_MathInlineEditor.default, editorProps, {
         anchor: el,
         autoDismiss: false,
         container: el.closest(`.${_EditorFrameset.FRAMESET_BODY_CLASSNAME}`),
-        position: _PopUpPosition.atAnchorBottomCenter,
+        position: _licitUiCommands.atAnchorBottomCenter,
         onClose: () => {
           this._inlineEditor = null;
         }