@modusoperandi/licit 1.0.4 → 1.0.5

package/ui/EditorToolbarConfig.js.flow

@@ -1,164 +1,164 @@
-// @flow
-
-// eslint-disable-next-line no-unused-vars
-import * as React from 'react';
-
-import * as EditorCommands from '../EditorCommands.js';
-import FontSizeCommandMenuButton from './FontSizeCommandMenuButton.js';
-import FontTypeCommandMenuButton from './FontTypeCommandMenuButton.js';
-import ListTypeCommandButton from './ListTypeCommandButton.js';
-import Icon from './Icon.js';
-
-const ICON_LABEL_PATTERN = /\[([A-Za-z_\d]+)\](.*)/;
-
-export function parseLabel(input: string): Object {
-  const matched = input.match(ICON_LABEL_PATTERN);
-  if (matched) {
-    const [
-      // eslint-disable-next-line no-unused-vars
-      all,
-      icon,
-      label,
-    ] = matched;
-    return {
-      icon: icon ? Icon.get(icon) : null,
-      title: label || null,
-    };
-  }
-  return {
-    icon: null,
-    title: input || null,
-  };
-}
-
-const {
-  // [FS][07-MAY-2020][IRAD-956]
-  // BLOCKQUOTE_TOGGLE,
-  CLEAR_FORMAT,
-  DOC_LAYOUT,
-  EM,
-  HISTORY_REDO,
-  HISTORY_UNDO,
-  HR,
-  INDENT_LESS,
-  INDENT_MORE,
-  LINK_SET_URL,
-  MATH_EDIT,
-  STRIKE,
-  STRONG,
-  SUPER,
-  SUB,
-  TABLE_ADD_COLUMN_AFTER,
-  TABLE_ADD_COLUMN_BEFORE,
-  TABLE_ADD_ROW_AFTER,
-  TABLE_ADD_ROW_BEFORE,
-  TABLE_BORDER_COLOR,
-  TABLE_BACKGROUND_COLOR,
-  TABLE_DELETE_COLUMN,
-  TABLE_DELETE_ROW,
-  TABLE_DELETE_TABLE,
-  TABLE_INSERT_TABLE,
-  TABLE_MERGE_CELLS,
-  TABLE_SPLIT_ROW,
-  TABLE_TOGGLE_HEADER_CELL,
-  TABLE_TOGGLE_HEADER_COLUMN,
-  TABLE_TOGGLE_HEADER_ROW,
-  TEXT_ALIGN_CENTER,
-  TEXT_ALIGN_JUSTIFY,
-  TEXT_ALIGN_LEFT,
-  TEXT_ALIGN_RIGHT,
-  TEXT_COLOR,
-  TEXT_HIGHLIGHT,
-  TEXT_LINE_SPACINGS,
-  UL,
-  UNDERLINE,
-} = EditorCommands;
-
-export const TABLE_COMMANDS_GROUP = [
-  {
-    'Insert Table...': TABLE_INSERT_TABLE,
-  },
-  {
-    'Fill Color...': TABLE_BACKGROUND_COLOR,
-    'Border Color....': TABLE_BORDER_COLOR,
-  },
-  {
-    'Insert Column Before': TABLE_ADD_COLUMN_BEFORE,
-    'Insert Column After': TABLE_ADD_COLUMN_AFTER,
-    'Delete Column': TABLE_DELETE_COLUMN,
-  },
-  {
-    'Insert Row Before': TABLE_ADD_ROW_BEFORE,
-    'Insert Row After': TABLE_ADD_ROW_AFTER,
-    'Delete Row': TABLE_DELETE_ROW,
-  },
-  {
-    'Merge Cells': TABLE_MERGE_CELLS,
-    'Split Row': TABLE_SPLIT_ROW,
-  },
-  // Disable these commands cause user rarely use them.
-  {
-    'Toggle Header Column': TABLE_TOGGLE_HEADER_COLUMN,
-    'Toggle Header Row': TABLE_TOGGLE_HEADER_ROW,
-    'Toggle Header Cells': TABLE_TOGGLE_HEADER_CELL,
-  },
-  {
-    'Delete Table': TABLE_DELETE_TABLE,
-  },
-];
-
-// [FS] IRAD-1012 2020-07-14
-// Fix: Toolbar is poorly organized.
-
-export const COMMAND_GROUPS = [
-  {
-    '[font_download] Font Type': FontTypeCommandMenuButton,
-  },
-  {
-    '[format_size] Text Size': FontSizeCommandMenuButton,
-  },
-  {
-    '[format_bold] Bold': STRONG,
-    '[format_italic] Italic': EM,
-    '[format_underline] Underline': UNDERLINE,
-    '[format_strikethrough] Strike through': STRIKE,
-    '[superscript] Superscript': SUPER,
-    '[subscript] Subscript': SUB,
-    '[format_color_text] Text color': TEXT_COLOR,
-    '[border_color] Highlight color': TEXT_HIGHLIGHT,
-    '[format_clear] Clear formats': CLEAR_FORMAT,
-  },
-  {
-    '[format_align_left] Left align': TEXT_ALIGN_LEFT,
-    '[format_align_center] Center Align': TEXT_ALIGN_CENTER,
-    '[format_align_right] Right Align': TEXT_ALIGN_RIGHT,
-    '[format_align_justify] Justify': TEXT_ALIGN_JUSTIFY,
-  },
-  {
-    '[format_indent_increase] Indent more': INDENT_MORE,
-    '[format_indent_decrease] Indent less': INDENT_LESS,
-    '[format_line_spacing] Line spacing': TEXT_LINE_SPACINGS,
-  },
-  {
-    // [FS] IRAD-1039 2020-09-23
-    // Added new command button that brings a popup
-    '[format_list_numbered] Ordered list': ListTypeCommandButton,
-    '[format_list_bulleted] Bulleted list': UL,
-  },
-  {
-    '[link] Apply link': LINK_SET_URL,
-    '[grid_on] Table...': TABLE_COMMANDS_GROUP,
-    '[hr] Horizontal line': HR,
-    '[functions] Math': MATH_EDIT,
-
-    // [FS][07-MAY-2020][IRAD-956]
-    // '[format_quote] Block quote': BLOCKQUOTE_TOGGLE,
-  },
-  {
-    '[settings_overscan] Page layout': DOC_LAYOUT,
-  },
-  {
-    '[undo] Undo': HISTORY_UNDO,
-    '[redo] Redo': HISTORY_REDO,
-  },
-];
+// @flow
+
+// eslint-disable-next-line no-unused-vars
+import * as React from 'react';
+
+import * as EditorCommands from '../EditorCommands.js';
+import FontSizeCommandMenuButton from './FontSizeCommandMenuButton.js';
+import FontTypeCommandMenuButton from './FontTypeCommandMenuButton.js';
+import ListTypeCommandButton from './ListTypeCommandButton.js';
+import Icon from './Icon.js';
+
+const ICON_LABEL_PATTERN = /\[([A-Za-z_\d]+)\](.*)/;
+
+export function parseLabel(input: string): Object {
+  const matched = input.match(ICON_LABEL_PATTERN);
+  if (matched) {
+    const [
+      // eslint-disable-next-line no-unused-vars
+      all,
+      icon,
+      label,
+    ] = matched;
+    return {
+      icon: icon ? Icon.get(icon) : null,
+      title: label || null,
+    };
+  }
+  return {
+    icon: null,
+    title: input || null,
+  };
+}
+
+const {
+  // [FS][07-MAY-2020][IRAD-956]
+  // BLOCKQUOTE_TOGGLE,
+  CLEAR_FORMAT,
+  DOC_LAYOUT,
+  EM,
+  HISTORY_REDO,
+  HISTORY_UNDO,
+  HR,
+  INDENT_LESS,
+  INDENT_MORE,
+  LINK_SET_URL,
+  MATH_EDIT,
+  STRIKE,
+  STRONG,
+  SUPER,
+  SUB,
+  TABLE_ADD_COLUMN_AFTER,
+  TABLE_ADD_COLUMN_BEFORE,
+  TABLE_ADD_ROW_AFTER,
+  TABLE_ADD_ROW_BEFORE,
+  TABLE_BORDER_COLOR,
+  TABLE_BACKGROUND_COLOR,
+  TABLE_DELETE_COLUMN,
+  TABLE_DELETE_ROW,
+  TABLE_DELETE_TABLE,
+  TABLE_INSERT_TABLE,
+  TABLE_MERGE_CELLS,
+  TABLE_SPLIT_ROW,
+  TABLE_TOGGLE_HEADER_CELL,
+  TABLE_TOGGLE_HEADER_COLUMN,
+  TABLE_TOGGLE_HEADER_ROW,
+  TEXT_ALIGN_CENTER,
+  TEXT_ALIGN_JUSTIFY,
+  TEXT_ALIGN_LEFT,
+  TEXT_ALIGN_RIGHT,
+  TEXT_COLOR,
+  TEXT_HIGHLIGHT,
+  TEXT_LINE_SPACINGS,
+  UL,
+  UNDERLINE,
+} = EditorCommands;
+
+export const TABLE_COMMANDS_GROUP = [
+  {
+    'Insert Table...': TABLE_INSERT_TABLE,
+  },
+  {
+    'Fill Color...': TABLE_BACKGROUND_COLOR,
+    'Border Color....': TABLE_BORDER_COLOR,
+  },
+  {
+    'Insert Column Before': TABLE_ADD_COLUMN_BEFORE,
+    'Insert Column After': TABLE_ADD_COLUMN_AFTER,
+    'Delete Column': TABLE_DELETE_COLUMN,
+  },
+  {
+    'Insert Row Before': TABLE_ADD_ROW_BEFORE,
+    'Insert Row After': TABLE_ADD_ROW_AFTER,
+    'Delete Row': TABLE_DELETE_ROW,
+  },
+  {
+    'Merge Cells': TABLE_MERGE_CELLS,
+    'Split Row': TABLE_SPLIT_ROW,
+  },
+  // Disable these commands cause user rarely use them.
+  {
+    'Toggle Header Column': TABLE_TOGGLE_HEADER_COLUMN,
+    'Toggle Header Row': TABLE_TOGGLE_HEADER_ROW,
+    'Toggle Header Cells': TABLE_TOGGLE_HEADER_CELL,
+  },
+  {
+    'Delete Table': TABLE_DELETE_TABLE,
+  },
+];
+
+// [FS] IRAD-1012 2020-07-14
+// Fix: Toolbar is poorly organized.
+
+export const COMMAND_GROUPS = [
+  {
+    '[font_download] Font Type': FontTypeCommandMenuButton,
+  },
+  {
+    '[format_size] Text Size': FontSizeCommandMenuButton,
+  },
+  {
+    '[format_bold] Bold': STRONG,
+    '[format_italic] Italic': EM,
+    '[format_underline] Underline': UNDERLINE,
+    '[format_strikethrough] Strike through': STRIKE,
+    '[superscript] Superscript': SUPER,
+    '[subscript] Subscript': SUB,
+    '[format_color_text] Text color': TEXT_COLOR,
+    '[border_color] Highlight color': TEXT_HIGHLIGHT,
+    '[format_clear] Clear formats': CLEAR_FORMAT,
+  },
+  {
+    '[format_align_left] Left align': TEXT_ALIGN_LEFT,
+    '[format_align_center] Center Align': TEXT_ALIGN_CENTER,
+    '[format_align_right] Right Align': TEXT_ALIGN_RIGHT,
+    '[format_align_justify] Justify': TEXT_ALIGN_JUSTIFY,
+  },
+  {
+    '[format_indent_increase] Indent more': INDENT_MORE,
+    '[format_indent_decrease] Indent less': INDENT_LESS,
+    '[format_line_spacing] Line spacing': TEXT_LINE_SPACINGS,
+  },
+  {
+    // [FS] IRAD-1039 2020-09-23
+    // Added new command button that brings a popup
+    '[format_list_numbered] Ordered list': ListTypeCommandButton,
+    '[format_list_bulleted] Bulleted list': UL,
+  },
+  {
+    '[link] Apply link': LINK_SET_URL,
+    '[grid_on] Table...': TABLE_COMMANDS_GROUP,
+    '[hr] Horizontal line': HR,
+    '[functions] Math': MATH_EDIT,
+
+    // [FS][07-MAY-2020][IRAD-956]
+    // '[format_quote] Block quote': BLOCKQUOTE_TOGGLE,
+  },
+  {
+    '[settings_overscan] Page layout': DOC_LAYOUT,
+  },
+  {
+    '[undo] Undo': HISTORY_UNDO,
+    '[redo] Redo': HISTORY_REDO,
+  },
+];

package/ui/FontSizeCommandMenuButton.js

@@ -4,13 +4,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); }
 import { EditorState } from 'prosemirror-state';
 import { Transform } from 'prosemirror-transform';
@@ -28,7 +28,6 @@ var COMMAND_GROUPS = [{
   Default: new FontSizeCommand(0)
 }, FONT_PT_SIZE_COMMANDS];
 var FontSizeCommandMenuButton = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(FontSizeCommandMenuButton, _React$PureComponent);
   function FontSizeCommandMenuButton() {
     var _this;
     _classCallCheck(this, FontSizeCommandMenuButton);
@@ -36,10 +35,11 @@ var FontSizeCommandMenuButton = /*#__PURE__*/function (_React$PureComponent) {
       args[_key] = arguments[_key];
     }
     _this = _callSuper(this, FontSizeCommandMenuButton, [].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "props", void 0);
+    _defineProperty(_this, "props", void 0);
     return _this;
   }
-  _createClass(FontSizeCommandMenuButton, [{
+  _inherits(FontSizeCommandMenuButton, _React$PureComponent);
+  return _createClass(FontSizeCommandMenuButton, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -62,6 +62,5 @@ var FontSizeCommandMenuButton = /*#__PURE__*/function (_React$PureComponent) {
       });
     }
   }]);
-  return FontSizeCommandMenuButton;
 }(React.PureComponent);
 export default FontSizeCommandMenuButton;

package/ui/FontSizeCommandMenuButton.js.flow

@@ -1,66 +1,66 @@
-// @flow
-
-import { EditorState } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-import { EditorView } from 'prosemirror-view';
-import * as React from 'react';
-
-import {FontSizeCommand} from '@modusoperandi/licit-ui-commands';
-import CommandMenuButton from './CommandMenuButton.js';
-import findActiveFontSize from './findActiveFontSize.js';
-
-export const FONT_PT_SIZES = [
-  8,
-  9,
-  10,
-  11,
-  12,
-  14,
-  18,
-  24,
-  30,
-  36,
-  48,
-  60,
-  72,
-  90,
-];
-
-const FONT_PT_SIZE_COMMANDS = FONT_PT_SIZES.reduce((memo, size) => {
-  memo[` ${size} `] = new FontSizeCommand(size);
-  return memo;
-}, {});
-
-const COMMAND_GROUPS = [
-  { Default: new FontSizeCommand(0) },
-  FONT_PT_SIZE_COMMANDS,
-];
-
-class FontSizeCommandMenuButton extends React.PureComponent<any, any> {
-  props: {
-    dispatch: (tr: Transform) => void,
-    editorState: EditorState,
-    editorView: ?EditorView,
-  };
-
-  render(): React.Element<any> {
-    const { dispatch, editorState, editorView } = this.props;
-    const fontSize = findActiveFontSize(editorState);
-    const className = String(fontSize).length <= 2 ? 'width-30' : 'width-60';
-    return (
-      <CommandMenuButton
-        className={className}
-        // [FS] IRAD-1008 2020-07-16
-        // Disable font size menu on editor disable state
-        commandGroups={COMMAND_GROUPS}
-        disabled={editorView && editorView.disabled ? true : false}
-        dispatch={dispatch}
-        editorState={editorState}
-        editorView={editorView}
-        label={fontSize}
-      />
-    );
-  }
-}
-
-export default FontSizeCommandMenuButton;
+// @flow
+
+import { EditorState } from 'prosemirror-state';
+import { Transform } from 'prosemirror-transform';
+import { EditorView } from 'prosemirror-view';
+import * as React from 'react';
+
+import {FontSizeCommand} from '@modusoperandi/licit-ui-commands';
+import CommandMenuButton from './CommandMenuButton.js';
+import findActiveFontSize from './findActiveFontSize.js';
+
+export const FONT_PT_SIZES = [
+  8,
+  9,
+  10,
+  11,
+  12,
+  14,
+  18,
+  24,
+  30,
+  36,
+  48,
+  60,
+  72,
+  90,
+];
+
+const FONT_PT_SIZE_COMMANDS = FONT_PT_SIZES.reduce((memo, size) => {
+  memo[` ${size} `] = new FontSizeCommand(size);
+  return memo;
+}, {});
+
+const COMMAND_GROUPS = [
+  { Default: new FontSizeCommand(0) },
+  FONT_PT_SIZE_COMMANDS,
+];
+
+class FontSizeCommandMenuButton extends React.PureComponent<any, any> {
+  props: {
+    dispatch: (tr: Transform) => void,
+    editorState: EditorState,
+    editorView: ?EditorView,
+  };
+
+  render(): React.Element<any> {
+    const { dispatch, editorState, editorView } = this.props;
+    const fontSize = findActiveFontSize(editorState);
+    const className = String(fontSize).length <= 2 ? 'width-30' : 'width-60';
+    return (
+      <CommandMenuButton
+        className={className}
+        // [FS] IRAD-1008 2020-07-16
+        // Disable font size menu on editor disable state
+        commandGroups={COMMAND_GROUPS}
+        disabled={editorView && editorView.disabled ? true : false}
+        dispatch={dispatch}
+        editorState={editorState}
+        editorView={editorView}
+        label={fontSize}
+      />
+    );
+  }
+}
+
+export default FontSizeCommandMenuButton;

package/ui/FontTypeCommandMenuButton.js

@@ -4,13 +4,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); }
 import CommandMenuButton from './CommandMenuButton.js';
 import { FontTypeCommand } from '@modusoperandi/licit-ui-commands';
@@ -27,7 +27,6 @@ FONT_TYPE_NAMES.forEach(function (name) {
 });
 var COMMAND_GROUPS = [FONT_TYPE_COMMANDS];
 var FontTypeCommandMenuButton = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(FontTypeCommandMenuButton, _React$PureComponent);
   function FontTypeCommandMenuButton() {
     var _this;
     _classCallCheck(this, FontTypeCommandMenuButton);
@@ -35,10 +34,11 @@ var FontTypeCommandMenuButton = /*#__PURE__*/function (_React$PureComponent) {
       args[_key] = arguments[_key];
     }
     _this = _callSuper(this, FontTypeCommandMenuButton, [].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "props", void 0);
+    _defineProperty(_this, "props", void 0);
     return _this;
   }
-  _createClass(FontTypeCommandMenuButton, [{
+  _inherits(FontTypeCommandMenuButton, _React$PureComponent);
+  return _createClass(FontTypeCommandMenuButton, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -60,6 +60,5 @@ var FontTypeCommandMenuButton = /*#__PURE__*/function (_React$PureComponent) {
       });
     }
   }]);
-  return FontTypeCommandMenuButton;
 }(React.PureComponent);
 export default FontTypeCommandMenuButton;