@elliemae/ds-wysiwygeditor 2.2.0-alpha.2 → 2.2.0-beta.0

package/esm/components/InsertFieldModal.js

@@ -1,156 +1,208 @@
-import * as React from "react";
-import React2 from "react";
-import PropTypes from "prop-types";
-import DSModal, { MODAL_TYPE } from "@elliemae/ds-modal";
-import { sizeOptions } from "@elliemae/ds-shared/constants";
-import { includes } from "lodash";
-import { fields, getFieldName, getFieldCode } from "./customFields";
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import React from 'react';
+import DSModal, { MODAL_TYPE } from '@elliemae/ds-modal';
+import { sizeOptions } from '@elliemae/ds-shared/constants';
+import { includes } from 'lodash';
+import { getFieldCode, getFieldName, fields } from './customFields.js';
+import { jsx } from 'react/jsx-runtime';
+
+const _excluded = ["customFields", "onSelect"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const modalTypes = Object.values(MODAL_TYPE);
-const elementClassName = "insertfieldmodal-element";
-class InsertFieldModal extends React2.PureComponent {
+const elementClassName = 'insertfieldmodal-element';
+class InsertFieldModal extends React.PureComponent {
   constructor(props) {
     super(props);
+
     this.onConfirm = () => {
-      const { onConfirm, onClose } = this.props;
-      const { selectedFieldCode } = this.state;
+      const {
+        onConfirm,
+        onClose
+      } = this.props;
+      const {
+        selectedFieldCode
+      } = this.state;
       onConfirm(selectedFieldCode);
       onClose();
     };
+
     this.onReject = () => {
-      const { onReject, onClose } = this.props;
+      const {
+        onReject,
+        onClose
+      } = this.props;
+
       if (onReject) {
         onReject();
       } else {
         onClose();
       }
     };
-    this.drawDiv = (className, content, content2) => /* @__PURE__ */ React2.createElement("div", {
-      className
-    }, /* @__PURE__ */ React2.createElement("span", null, content), /* @__PURE__ */ React2.createElement("span", null, content2));
-    this.drawLabel = (className, label, value) => /* @__PURE__ */ React2.createElement("div", {
-      className
-    }, /* @__PURE__ */ React2.createElement("span", {
+
+    this.drawDiv = (className, content, content2) => /*#__PURE__*/_jsx("div", {
+      className: className
+    }, void 0, /*#__PURE__*/_jsx("span", {}, void 0, content), /*#__PURE__*/_jsx("span", {}, void 0, content2));
+
+    this.drawLabel = (className, label, value) => /*#__PURE__*/_jsx("div", {
+      className: className
+    }, void 0, /*#__PURE__*/_jsx("span", {
       className: "label"
-    }, label), /* @__PURE__ */ React2.createElement("span", {
+    }, void 0, label), /*#__PURE__*/_jsx("span", {
       className: "value"
-    }, value));
+    }, void 0, value));
+
     this.handleElementClick = (e, selectedFieldCode) => {
-      if (e.key && e.key !== " ") {
+      if (e.key && e.key !== ' ') {
         return;
       }
-      const { selectedFieldCode: fCode } = this.state;
-      const { disableDoubleClick } = this.props;
+
+      const {
+        selectedFieldCode: fCode
+      } = this.state;
+      const {
+        disableDoubleClick
+      } = this.props;
+
       if (selectedFieldCode === fCode && !disableDoubleClick) {
         this.onConfirm();
         return;
       }
+
       this.setState({
         selectedFieldCode
       });
-      const { onSelect } = this.props;
+      const {
+        onSelect
+      } = this.props;
+
       if (onSelect) {
         onSelect(selectedFieldCode);
       }
     };
+
     this.preventSpacebarScroll = () => {
-      document.onkeypress = function(e) {
+      document.onkeypress = function (e) {
         if (!includes(e.target.className, elementClassName)) {
           return true;
         }
+
         e = e || window.event;
         const charCode = e.keyCode || e.which;
+
         if (charCode === 32) {
           e.preventDefault();
           return false;
         }
+
         return true;
       };
     };
+
     this.renderElements = () => {
-      const { customFields } = this.props;
+      const {
+        customFields
+      } = this.props;
+
       if (!customFields) {
-        return "Empty";
+        return 'Empty';
       }
-      const { selectedFieldCode } = this.state;
+
+      const {
+        selectedFieldCode
+      } = this.state;
       return customFields.map((customField, idx) => {
         const extras = {};
         const fieldCode = getFieldCode(customField);
+
         if (this.focusFirst && idx === 0) {
-          extras.ref = (element) => element && element.focus();
-          this.focusFirst = void 0;
+          extras.ref = element => element && element.focus();
+
+          this.focusFirst = undefined;
         } else if (fieldCode === selectedFieldCode) {
-          extras.ref = (element) => element && element.focus();
+          extras.ref = element => element && element.focus();
         }
-        return /* @__PURE__ */ React2.createElement("div", {
-          key: fieldCode,
+
+        return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
           className: elementClassName,
-          onClick: (e) => this.handleElementClick(e, fieldCode),
-          onKeyUp: (e) => this.handleElementClick(e, fieldCode),
+          onClick: e => this.handleElementClick(e, fieldCode),
+          onKeyUp: e => this.handleElementClick(e, fieldCode),
           role: "button",
-          tabIndex: 0,
-          ...extras
-        }, this.drawLabel("content", getFieldName(customField), fieldCode));
+          tabIndex: 0
+        }, extras), {}, {
+          children: this.drawLabel('content', getFieldName(customField), fieldCode)
+        }), fieldCode);
       });
     };
+
     this.state = {
       selectedFieldCode: getFieldCode(fields[0])
     };
     this.preventSpacebarScroll();
   }
+
   componentDidMount() {
-    const { customFields } = this.props;
+    const {
+      customFields
+    } = this.props;
+
     if (customFields) {
       this.handleElementClick({}, customFields[0]);
       this.focusFirst = true;
     }
   }
+
   getDerivedStateFromProps(nextProps) {
-    const { customFields } = this.props;
+    const {
+      customFields
+    } = this.props;
+
     if (!customFields && nextProps.customFields) {
-      this.setState({ selectedFieldCode: customFields[0] });
+      this.setState({
+        selectedFieldCode: customFields[0]
+      });
     }
   }
+
   render() {
-    const { customFields, onSelect, ...modalProps } = this.props;
-    return /* @__PURE__ */ React2.createElement(DSModal, {
-      ...modalProps,
+    const _this$props = this.props,
+          modalProps = _objectWithoutProperties(_this$props, _excluded);
+
+    return /*#__PURE__*/jsx(DSModal, _objectSpread(_objectSpread({}, modalProps), {}, {
       className: "insert-field-modal",
       onConfirm: this.onConfirm,
-      onReject: this.onReject
-    }, /* @__PURE__ */ React2.createElement("div", {
-      className: "wrapper"
-    }, /* @__PURE__ */ React2.createElement("div", {
-      className: "col-1"
-    }, this.drawDiv("title", "Field Name", "\xAB Field ID \xBB"), this.renderElements())));
+      onReject: this.onReject,
+      children: /*#__PURE__*/_jsx("div", {
+        className: "wrapper"
+      }, void 0, /*#__PURE__*/_jsx("div", {
+        className: "col-1"
+      }, void 0, this.drawDiv('title', 'Field Name', '« Field ID »'), this.renderElements()))
+    }));
   }
+
 }
-InsertFieldModal.propTypes = {
-  onConfirm: PropTypes.func.isRequired,
-  onClose: PropTypes.func.isRequired,
-  confirmLabel: PropTypes.string,
-  customFields: PropTypes.arrayOf(PropTypes.string),
-  disableDoubleClick: PropTypes.bool,
-  isOpen: PropTypes.bool,
-  modalTitle: PropTypes.string,
-  modalType: PropTypes.string,
-  rejectLabel: PropTypes.string,
-  shouldCloseOnOverlayClick: PropTypes.bool,
-  size: PropTypes.string,
-  onSelect: PropTypes.func
-};
 InsertFieldModal.defaultProps = {
-  confirmLabel: "Add",
+  confirmLabel: 'Add',
   customFields: fields,
   disableDoubleClick: false,
   isOpen: true,
-  modalTitle: "Add Field",
+  modalTitle: 'Add Field',
   modalType: modalTypes[1],
-  rejectLabel: "Cancel",
+  rejectLabel: 'Cancel',
   shouldCloseOnOverlayClick: true,
   size: sizeOptions[1],
-  onSelect: void 0
-};
-export {
-  InsertFieldModal as default
+  onSelect: undefined
 };
-//# sourceMappingURL=InsertFieldModal.js.map
+
+export { InsertFieldModal as default };

package/esm/components/TippedButton.js

@@ -1,28 +1,45 @@
-import * as React from "react";
-import React2 from "react";
-import { DSTooltipV3 } from "@elliemae/ds-tooltip";
-const TippedButton = ({
-  className,
-  tip,
-  children,
-  onClick = () => null,
-  zIndex = 1,
-  ...rest
-}) => /* @__PURE__ */ React2.createElement("div", {
-  className: "tooltip"
-}, /* @__PURE__ */ React2.createElement(DSTooltipV3, {
-  text: tip,
-  zIndex
-}, /* @__PURE__ */ React2.createElement("button", {
-  type: "button",
-  className,
-  onClick: (e) => {
-    e.preventDefault();
-    onClick(e);
-  },
-  ...rest
-}, children)));
-export {
-  TippedButton
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'react';
+import { DSTooltipV3 } from '@elliemae/ds-tooltip';
+import { jsx } from 'react/jsx-runtime';
+
+const _excluded = ["className", "tip", "children", "onClick", "zIndex"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const TippedButton = _ref => {
+  let {
+    className,
+    tip,
+    children,
+    onClick = () => null,
+    zIndex = 1
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_jsx("div", {
+    className: "tooltip"
+  }, void 0, /*#__PURE__*/_jsx(DSTooltipV3, {
+    text: tip,
+    zIndex: zIndex
+  }, void 0, /*#__PURE__*/jsx("button", _objectSpread(_objectSpread({
+    type: "button",
+    className: className,
+    onClick: e => {
+      e.preventDefault();
+      onClick(e);
+    }
+  }, rest), {}, {
+    children: children
+  }))));
 };
-//# sourceMappingURL=TippedButton.js.map
+
+export { TippedButton };

package/esm/components/TippedSelect.js

@@ -1,27 +1,37 @@
-import * as React from "react";
-import React2 from "react";
-import { DSTooltipV3 } from "@elliemae/ds-tooltip";
-const TippedSelect = (props) => {
-  const { tip, onChange = () => null, className, options, defaultValue = "", values, zIndex, children } = props;
-  const fallBackChildren = values && values.map((value, index) => /* @__PURE__ */ React2.createElement("option", {
-    key: value,
-    value: value === "normal" ? "" : value
-  }, options ? options[index] : null));
-  return /* @__PURE__ */ React2.createElement("div", {
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'react';
+import { DSTooltipV3 } from '@elliemae/ds-tooltip';
+
+const TippedSelect = props => {
+  const {
+    tip,
+    onChange = () => null,
+    className,
+    options,
+    defaultValue = '',
+    values,
+    zIndex,
+    children
+  } = props;
+  const fallBackChildren = values && values.map((value, index) => /*#__PURE__*/_jsx("option", {
+    value: value === 'normal' ? '' : value
+  }, value, options ? options[index] : null));
+  return /*#__PURE__*/_jsx("div", {
     className: "tooltip"
-  }, /* @__PURE__ */ React2.createElement(DSTooltipV3, {
+  }, void 0, /*#__PURE__*/_jsx(DSTooltipV3, {
     text: tip,
-    zIndex
-  }, /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement("select", {
-    className,
-    defaultValue,
-    onChange: (e) => {
+    zIndex: zIndex
+  }, void 0, /*#__PURE__*/_jsx("div", {}, void 0, /*#__PURE__*/_jsx("select", {
+    className: className,
+    defaultValue: defaultValue,
+    onChange: e => {
       e.persist();
       onChange(e);
     }
-  }, children || fallBackChildren))));
-};
-export {
-  TippedSelect
+  }, void 0, children || fallBackChildren))));
 };
-//# sourceMappingURL=TippedSelect.js.map
+
+export { TippedSelect };

package/esm/components/colors.js

@@ -1,21 +1,26 @@
-import * as React from "react";
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+
 function sinToHex(i, size, phase) {
   const sin = Math.sin(Math.PI / size * 2 * i + phase);
   const int = Math.floor(sin * 127) + 128;
   const hex = int.toString(16);
-  return hex.length === 1 ? `0${hex}` : hex;
+  return hex.length === 1 ? "0".concat(hex) : hex;
 }
-function getRainbowColors(size = 28) {
-  const colors = new Array(size).fill(void 0);
+
+function getRainbowColors() {
+  let size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 28;
+  const colors = new Array(size).fill(undefined);
   return colors.map((color, idx) => {
-    const red = sinToHex(idx, size, 0 * Math.PI * 2 / 3);
-    const blue = sinToHex(idx, size, 1 * Math.PI * 2 / 3);
-    const green = sinToHex(idx, size, 2 * Math.PI * 2 / 3);
-    color = `#${red}${green}${blue}`;
+    const red = sinToHex(idx, size, 0 * Math.PI * 2 / 3); // 0   deg
+
+    const blue = sinToHex(idx, size, 1 * Math.PI * 2 / 3); // 120 deg
+
+    const green = sinToHex(idx, size, 2 * Math.PI * 2 / 3); // 240 deg
+
+    color = "#".concat(red).concat(green).concat(blue);
     return color;
   });
 }
-export {
-  getRainbowColors
-};
-//# sourceMappingURL=colors.js.map
+
+export { getRainbowColors };

package/esm/components/customFields.js

@@ -1,47 +1,49 @@
-import * as React from "react";
-const fields = [
-  "Lender Name \xAD \xAB315\xBB",
-  "Lender Address \xAD \xAB319\xBB",
-  "Lender City \xAD \xAB313\xBB",
-  "Lender State \xAD \xAB321\xBB",
-  "Lender Zip \xAD \xAB323\xBB",
-  "Borrower First Name \xAD \xAB4000\xBB",
-  "Borrower Last Name \xAD \xAB4002\xBB",
-  "Total Loan Amount \xAD \xAB2\xBB",
-  "Loan Term \xAD \xAB4\xBB",
-  "Loan to Value \xAD \xAB976\xBB",
-  "Monthly Payment \xAD \xAB912\xBB",
-  "Interest Rate \xAD \xAB3\xBB",
-  "Loan Originator Name \xAD \xAB1612\xBB",
-  "Loan Originator Email \xAD \xAB3968\xBB",
-  "Loan Originator Phone \xAD \xAB1823\xBB",
-  "NMLS Loan Originator ID \xAD \xAB3238\xBB"
-];
-const getFields = (customFields = fields) => customFields.map((opt, index) => ({
-  id: `${opt}_${index}`,
-  label: `${opt}`,
-  onClick: opt.indexOf("\xAB") !== -1 ? () => (void 0).onOptionClick((void 0).getFieldCode(opt)) : null,
-  type: opt === "" ? "separator" : null
-}));
-const getFieldName = (field) => {
-  const codeIndex = field.indexOf("\xAB");
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+
+var _this = undefined;
+const fields = ['Lender Name ­ «315»', 'Lender Address ­ «319»', 'Lender City ­ «313»', 'Lender State ­ «321»', 'Lender Zip ­ «323»', 'Borrower First Name ­ «4000»', 'Borrower Last Name ­ «4002»', 'Total Loan Amount ­ «2»', 'Loan Term ­ «4»', 'Loan to Value ­ «976»', 'Monthly Payment ­ «912»', 'Interest Rate ­ «3»', 'Loan Originator Name ­ «1612»', 'Loan Originator Email ­ «3968»', 'Loan Originator Phone ­ «1823»', 'NMLS Loan Originator ID ­ «3238»'];
+/**
+ * Returns the fields names
+ *
+ * @param customFields
+ */
+
+const getFields = function () {
+  let customFields = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : fields;
+  return customFields.map((opt, index) => ({
+    id: "".concat(opt, "_").concat(index),
+    // icon: 'ADD',
+    label: "".concat(opt),
+    onClick: opt.indexOf('«') !== -1 ? () => _this.onOptionClick(_this.getFieldCode(opt)) : null,
+    type: opt === '' ? 'separator' : null
+  }));
+};
+/**
+ * Returns a field's name
+ *
+ * @param field
+ */
+
+const getFieldName = field => {
+  const codeIndex = field.indexOf('«');
   return field.substring(0, codeIndex);
 };
-const getFieldCode = (field) => {
-  const codeIndex = field.indexOf("\xAB");
+/**
+ * Returns a field's id. E.g: «456»
+ *
+ * @param field
+ */
+
+const getFieldCode = field => {
+  const codeIndex = field.indexOf('«');
   return field.substring(codeIndex);
 };
-var customFields_default = {
+var customFields = {
   fields,
   getFields,
   getFieldName,
   getFieldCode
 };
-export {
-  customFields_default as default,
-  fields,
-  getFieldCode,
-  getFieldName,
-  getFields
-};
-//# sourceMappingURL=customFields.js.map
+
+export { customFields as default, fields, getFieldCode, getFieldName, getFields };

package/esm/constants.js

@@ -1,85 +1,32 @@
-import * as React from "react";
-import { getRainbowColors } from "./components/colors";
-const colors = [
-  "#000000",
-  "#e60000",
-  "#ff9900",
-  "#ffff00",
-  "#008A00",
-  "#0066cc",
-  "#9933ff",
-  "#ffffff",
-  "#facccc",
-  "#ffebcc",
-  "#ffffcc",
-  "#cce8cc",
-  "#cce0f5",
-  "#ebd6ff",
-  "#bbbbbb",
-  "#f06666",
-  "#ffc266",
-  "#ffff66",
-  "#66b966",
-  "#66a3e0",
-  "#c285ff",
-  "#888888",
-  "#a10000",
-  "#b26b00",
-  "#b2b200",
-  "#006100",
-  "#0047b2",
-  "#6b24b2",
-  "#444444",
-  "#5c0000",
-  "#663d00",
-  "#666600",
-  "#003700",
-  "#002966",
-  "#3d1466",
-  ...getRainbowColors(28)
-];
-const fonts = [
-  "Sans Serif",
-  "Serif",
-  "Monospace",
-  "Arial",
-  "Georgia",
-  "Helvetica"
-];
-const sizes = ["Small", "Normal", "Large", "Huge"];
-const sizesReal = [
-  "X-Small",
-  "Normal",
-  "Large",
-  "X-Large"
-];
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { getRainbowColors } from './components/colors.js';
+
+const colors = ['#000000', '#e60000', '#ff9900', '#ffff00', '#008A00', '#0066cc', '#9933ff', '#ffffff', '#facccc', '#ffebcc', '#ffffcc', '#cce8cc', '#cce0f5', '#ebd6ff', '#bbbbbb', '#f06666', '#ffc266', '#ffff66', '#66b966', '#66a3e0', '#c285ff', '#888888', '#a10000', '#b26b00', '#b2b200', '#006100', '#0047b2', '#6b24b2', '#444444', '#5c0000', '#663d00', '#666600', '#003700', '#002966', '#3d1466', ...getRainbowColors(28)];
+const fonts = ['Sans Serif', 'Serif', 'Monospace', 'Arial', 'Georgia', 'Helvetica'];
+const sizes = ['Small', 'Normal', 'Large', 'Huge'];
+const sizesReal = [// https://www.w3schools.com/cssref/pr_font_font-size.asp
+'X-Small', 'Normal', 'Large', 'X-Large'];
 const defaultItems = {
-  HEADER: "header",
-  FONT: "font",
-  FONT_SIZE: "size",
-  BOLD: "bold",
-  ITALIC: "italic",
-  UNDERLINE: "underline",
-  STRIKE: "strike",
-  SUB: "sub",
-  SUPER: "super",
-  ORDERED_LIST: "ordered list",
-  BULLET_LIST: "bullet list",
-  INDENT_MINUS_ONE: "indent -1",
-  INDENT_PLUS_ONE: "indent +1",
-  ALIGN: "align",
-  FONT_COLOR: "font color",
-  FONT_BACKGROUND_COLOR: "font background color",
-  HYPERLINK: "hyperlink",
-  IMAGE: "image",
-  CLEAR_FORMAT: "clear format",
-  SHOW_HTML: "show html"
+  HEADER: 'header',
+  FONT: 'font',
+  FONT_SIZE: 'size',
+  BOLD: 'bold',
+  ITALIC: 'italic',
+  UNDERLINE: 'underline',
+  STRIKE: 'strike',
+  SUB: 'sub',
+  SUPER: 'super',
+  ORDERED_LIST: 'ordered list',
+  BULLET_LIST: 'bullet list',
+  INDENT_MINUS_ONE: 'indent -1',
+  INDENT_PLUS_ONE: 'indent +1',
+  ALIGN: 'align',
+  FONT_COLOR: 'font color',
+  FONT_BACKGROUND_COLOR: 'font background color',
+  HYPERLINK: 'hyperlink',
+  IMAGE: 'image',
+  CLEAR_FORMAT: 'clear format',
+  SHOW_HTML: 'show html'
 };
-export {
-  colors,
-  defaultItems,
-  fonts,
-  sizes,
-  sizesReal
-};
-//# sourceMappingURL=constants.js.map
+
+export { colors, defaultItems, fonts, sizes, sizesReal };