@elliemae/ds-wysiwygeditor 2.0.0-alpha.1 → 2.0.0-alpha.13

package/cjs/components/DSWYSIWYGEditorImpl.js

@@ -3,6 +3,13 @@
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var ReactQuill = require('react-quill');
 var BlotFormatter = require('quill-blot-formatter');
@@ -12,6 +19,7 @@ var CustomToolbar = require('./CustomToolbar.js');
 var IndentStyle = require('../quillOverrides/IndentStyle.js');
 var LinkFormat = require('../quillOverrides/LinkFormat.js');
 var utils = require('../utils.js');
+var clipboardLinkWithTagMatcher = require('../quillMatchers/clipboardLinkWithTagMatcher.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -27,8 +35,8 @@ const _excluded = ["containerProps", "customFields", "imagesData", "customToolba
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-ReactQuill.Quill.register('modules/blotFormatter', BlotFormatter__default['default']); // Fix block styled formats ----------------
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+ReactQuill.Quill.register('modules/blotFormatter', BlotFormatter__default["default"]); // Fix block styled formats ----------------
 
 const AlignStyle = ReactQuill.Quill.import('attributors/style/align');
 const FontStyle = ReactQuill.Quill.import('attributors/style/font');
@@ -46,13 +54,12 @@ ReactQuill.Quill.register(IndentStyle, true);
 ReactQuill.Quill.register(FontStyle, true);
 ReactQuill.Quill.register(SizeStyle, true); // -----------------------------------------
 
-class DSWYSIWYGEditorImpl extends React__default['default'].PureComponent {
+class DSWYSIWYGEditorImpl extends React__default["default"].PureComponent {
   constructor(props) {
     super(props);
-
-    _defineProperty__default['default'](this, "quillModules", _objectSpread({
+    this.quillModules = _objectSpread({
       toolbar: {
-        container: this.props.toolbarContainer ? `#${this.props.toolbarContainer}` : '#toolbar',
+        container: this.props.toolbarContainer ? "#".concat(this.props.toolbarContainer) : '#toolbar',
         handlers: _objectSpread({}, this.props.toolbarHandlers)
       },
       clipboard: {
@@ -61,31 +68,31 @@ class DSWYSIWYGEditorImpl extends React__default['default'].PureComponent {
       },
       blotFormatter: {// options... https://github.com/Fandom-OSS/quill-blot-formatter
       }
-    }, this.props.quillModules));
+    }, this.props.quillModules);
 
-    _defineProperty__default['default'](this, "onChangeQuill", (html, delta, source, editor) => {
+    this.onChangeQuill = (html, delta, source, editor) => {
       const {
         showRawHTML,
         onChange
       } = this.props;
       if (!showRawHTML) onChange(html, delta, source, editor);
-    });
+    };
 
-    _defineProperty__default['default'](this, "onChangeTextArea", e => {
+    this.onChangeTextArea = e => {
       const {
         showRawHTML,
         onChange
       } = this.props;
       if (showRawHTML) onChange(e.target.value);
-    });
+    };
 
-    _defineProperty__default['default'](this, "onInserFieldConfirm", fieldCode => {
+    this.onInserFieldConfirm = fieldCode => {
       const editor = this.getEditor();
       const range = editor.getSelection(true);
       editor.insertText(range.index, fieldCode);
-    });
+    };
 
-    _defineProperty__default['default'](this, "onImageConfirm", image => {
+    this.onImageConfirm = image => {
       if (!image) {
         return;
       }
@@ -93,23 +100,23 @@ class DSWYSIWYGEditorImpl extends React__default['default'].PureComponent {
       const editor = this.getEditor();
       const range = editor.getSelection(true);
       editor.insertEmbed(range.index, 'image', image.url);
-    });
+    };
 
-    _defineProperty__default['default'](this, "onFieldModalClose", () => {
+    this.onFieldModalClose = () => {
       this.setState({
         isFieldModalOpen: false
       });
-    });
+    };
 
-    _defineProperty__default['default'](this, "onImageModalClose", () => {
+    this.onImageModalClose = () => {
       this.setState({
         isImageModalOpen: false
       });
-    });
+    };
 
-    _defineProperty__default['default'](this, "quillRef", ref => {
+    this.quillRef = ref => {
       this.quill = ref;
-    });
+    };
 
     ReactQuill.Quill.register(LinkFormat, true);
 
@@ -163,7 +170,15 @@ class DSWYSIWYGEditorImpl extends React__default['default'].PureComponent {
   }
 
   componentDidMount() {
-    this.props.getQuillRef(this.quill);
+    // this.quill doesn't exist untill the full call-stack execute
+    // we need to "setTimeout" so this componentDidMount work as expected
+    setTimeout(() => {
+      const quillDomRef = this.quill;
+      const editor = quillDomRef.getEditor();
+      this.props.getQuillRef(quillDomRef); // https://github.com/quilljs/quill/issues/2677
+
+      editor.clipboard.addMatcher('a', clipboardLinkWithTagMatcher.clipboardLinkWithTagMatcher);
+    });
   } // eslint-disable-next-line max-params
 
 
@@ -192,27 +207,27 @@ class DSWYSIWYGEditorImpl extends React__default['default'].PureComponent {
       onChange,
       hideItems
     } = _this$props,
-          editorProps = _objectWithoutProperties__default['default'](_this$props, _excluded);
+          editorProps = _objectWithoutProperties__default["default"](_this$props, _excluded);
 
     return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, containerProps), {}, {
-      className: `quill-wysiwyg-editor ${showRawHTML ? 'show-raw' : ''}`,
-      children: [customToolbar || /*#__PURE__*/_jsx__default['default'](CustomToolbar.CustomToolbar, {
+      className: "quill-wysiwyg-editor ".concat(showRawHTML ? 'show-raw' : ''),
+      children: [customToolbar || /*#__PURE__*/_jsx__default["default"](CustomToolbar.CustomToolbar, {
         customFields: customFields,
         onShowHTML: onShowHTML,
-        hideItems: hideItems
-      }), /*#__PURE__*/jsxRuntime.jsx(ReactQuill__default['default'], _objectSpread(_objectSpread({
+        hideItems: hideItems,
+        userProps: this.props
+      }), /*#__PURE__*/jsxRuntime.jsx(ReactQuill__default["default"], _objectSpread(_objectSpread({
         ref: this.quillRef,
         modules: this.quillModules,
         onChange: this.onChangeQuill,
         value: value,
         style: {
           height,
-          overflow: 'scroll',
           borderBottom: '1px solid #ccc'
         }
       }, editorProps), {}, {
         id: "wysiwyg-text-container"
-      })), /*#__PURE__*/_jsx__default['default']("textarea", {
+      })), /*#__PURE__*/_jsx__default["default"]("textarea", {
         className: "raw-editor ql-container ql-snow ql-editor",
         style: {
           width: '100%',
@@ -222,12 +237,12 @@ class DSWYSIWYGEditorImpl extends React__default['default'].PureComponent {
         },
         onChange: this.onChangeTextArea,
         value: utils.formatHTML(value)
-      }), imagesData && imagesData.length && /*#__PURE__*/_jsx__default['default'](ImageLibraryModal, {
+      }), imagesData && imagesData.length && /*#__PURE__*/_jsx__default["default"](ImageLibraryModal, {
         imagesData: imagesData,
         isOpen: isImageModalOpen,
         onClose: this.onImageModalClose,
         onConfirm: this.onImageConfirm
-      }), customFields && customFields.length && /*#__PURE__*/_jsx__default['default'](InsertFieldModal, {
+      }), customFields && customFields.length && /*#__PURE__*/_jsx__default["default"](InsertFieldModal, {
         customFields: customFields,
         isOpen: isFieldModalOpen,
         onClose: this.onFieldModalClose,

package/cjs/components/ImageLibraryModal.js

@@ -1,5 +1,10 @@
 'use strict';
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var DSImageLibraryModal = require('@elliemae/ds-imagelibrarymodal');
@@ -13,18 +18,18 @@ var DSImageLibraryModal__default = /*#__PURE__*/_interopDefaultLegacy(DSImageLib
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-class ImageLibraryModal extends React__default['default'].PureComponent {
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+class ImageLibraryModal extends React__default["default"].PureComponent {
   constructor(props) {
     super(props);
 
-    _defineProperty__default['default'](this, "onSelect", selectedImage => {
+    this.onSelect = selectedImage => {
       this.setState({
         selectedImage
       });
-    });
+    };
 
-    _defineProperty__default['default'](this, "onConfirm", () => {
+    this.onConfirm = () => {
       const {
         selectedImage
       } = this.state;
@@ -34,7 +39,7 @@ class ImageLibraryModal extends React__default['default'].PureComponent {
       } = this.props;
       onConfirm(selectedImage);
       onClose();
-    });
+    };
 
     this.state = {
       selectedImage: undefined
@@ -42,15 +47,14 @@ class ImageLibraryModal extends React__default['default'].PureComponent {
   }
 
   render() {
-    return /*#__PURE__*/jsxRuntime.jsx(DSImageLibraryModal__default['default'], _objectSpread(_objectSpread({}, this.props), {}, {
+    return /*#__PURE__*/jsxRuntime.jsx(DSImageLibraryModal__default["default"], _objectSpread(_objectSpread({}, this.props), {}, {
       onConfirm: this.onConfirm,
       onSelect: this.onSelect
     }));
   }
 
 }
-
-_defineProperty__default['default'](ImageLibraryModal, "defaultProps", {
+ImageLibraryModal.defaultProps = {
   onReject: undefined,
   imagesData: [{
     url: 'https://www.freeiconspng.com/minicovers/no-image-icon-6.png',
@@ -63,6 +67,6 @@ _defineProperty__default['default'](ImageLibraryModal, "defaultProps", {
     createdBy: 'user:Jane Doe',
     createdDate: '0000-01-01 00:00 AM UTC'
   }]
-});
+};
 
 module.exports = ImageLibraryModal;

package/cjs/components/InsertFieldModal.js

@@ -1,20 +1,27 @@
 'use strict';
 
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var DSModal = require('@elliemae/ds-modal');
-var lodash = require('lodash');
 var constants = require('@elliemae/ds-shared/constants');
+var lodash = require('lodash');
 var customFields = require('./customFields.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var DSModal__default = /*#__PURE__*/_interopDefaultLegacy(DSModal);
 
@@ -22,14 +29,14 @@ const _excluded = ["customFields", "onSelect"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 const modalTypes = Object.values(DSModal.MODAL_TYPE);
 const elementClassName = 'insertfieldmodal-element';
-class InsertFieldModal extends React__default['default'].PureComponent {
+class InsertFieldModal extends React__default["default"].PureComponent {
   constructor(props) {
     super(props);
 
-    _defineProperty__default['default'](this, "onConfirm", () => {
+    this.onConfirm = () => {
       const {
         onConfirm,
         onClose
@@ -39,9 +46,9 @@ class InsertFieldModal extends React__default['default'].PureComponent {
       } = this.state;
       onConfirm(selectedFieldCode);
       onClose();
-    });
+    };
 
-    _defineProperty__default['default'](this, "onReject", () => {
+    this.onReject = () => {
       const {
         onReject,
         onClose
@@ -52,21 +59,21 @@ class InsertFieldModal extends React__default['default'].PureComponent {
       } else {
         onClose();
       }
-    });
+    };
 
-    _defineProperty__default['default'](this, "drawDiv", (className, content, content2) => /*#__PURE__*/_jsx__default['default']("div", {
+    this.drawDiv = (className, content, content2) => /*#__PURE__*/_jsx__default["default"]("div", {
       className: className
-    }, void 0, /*#__PURE__*/_jsx__default['default']("span", {}, void 0, content), /*#__PURE__*/_jsx__default['default']("span", {}, void 0, content2)));
+    }, void 0, /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, content), /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, content2));
 
-    _defineProperty__default['default'](this, "drawLabel", (className, label, value) => /*#__PURE__*/_jsx__default['default']("div", {
+    this.drawLabel = (className, label, value) => /*#__PURE__*/_jsx__default["default"]("div", {
       className: className
-    }, void 0, /*#__PURE__*/_jsx__default['default']("span", {
+    }, void 0, /*#__PURE__*/_jsx__default["default"]("span", {
       className: "label"
-    }, void 0, label), /*#__PURE__*/_jsx__default['default']("span", {
+    }, void 0, label), /*#__PURE__*/_jsx__default["default"]("span", {
       className: "value"
-    }, void 0, value)));
+    }, void 0, value));
 
-    _defineProperty__default['default'](this, "handleElementClick", (e, selectedFieldCode) => {
+    this.handleElementClick = (e, selectedFieldCode) => {
       if (e.key && e.key !== ' ') {
         return;
       }
@@ -93,9 +100,9 @@ class InsertFieldModal extends React__default['default'].PureComponent {
       if (onSelect) {
         onSelect(selectedFieldCode);
       }
-    });
+    };
 
-    _defineProperty__default['default'](this, "preventSpacebarScroll", () => {
+    this.preventSpacebarScroll = () => {
       document.onkeypress = function (e) {
         if (!lodash.includes(e.target.className, elementClassName)) {
           return true;
@@ -111,9 +118,9 @@ class InsertFieldModal extends React__default['default'].PureComponent {
 
         return true;
       };
-    });
+    };
 
-    _defineProperty__default['default'](this, "renderElements", () => {
+    this.renderElements = () => {
       const {
         customFields: customFields$1
       } = this.props;
@@ -147,7 +154,7 @@ class InsertFieldModal extends React__default['default'].PureComponent {
           children: this.drawLabel('content', customFields.getFieldName(customField), fieldCode)
         }), fieldCode);
       });
-    });
+    };
 
     this.state = {
       selectedFieldCode: customFields.getFieldCode(customFields.fields[0])
@@ -180,23 +187,22 @@ class InsertFieldModal extends React__default['default'].PureComponent {
 
   render() {
     const _this$props = this.props,
-          modalProps = _objectWithoutProperties__default['default'](_this$props, _excluded);
+          modalProps = _objectWithoutProperties__default["default"](_this$props, _excluded);
 
-    return /*#__PURE__*/jsxRuntime.jsx(DSModal__default['default'], _objectSpread(_objectSpread({}, modalProps), {}, {
+    return /*#__PURE__*/jsxRuntime.jsx(DSModal__default["default"], _objectSpread(_objectSpread({}, modalProps), {}, {
       className: "insert-field-modal",
       onConfirm: this.onConfirm,
       onReject: this.onReject,
-      children: /*#__PURE__*/_jsx__default['default']("div", {
+      children: /*#__PURE__*/_jsx__default["default"]("div", {
         className: "wrapper"
-      }, void 0, /*#__PURE__*/_jsx__default['default']("div", {
+      }, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
         className: "col-1"
       }, void 0, this.drawDiv('title', 'Field Name', '« Field ID »'), this.renderElements()))
     }));
   }
 
 }
-
-_defineProperty__default['default'](InsertFieldModal, "defaultProps", {
+InsertFieldModal.defaultProps = {
   confirmLabel: 'Add',
   customFields: customFields.fields,
   disableDoubleClick: false,
@@ -207,6 +213,6 @@ _defineProperty__default['default'](InsertFieldModal, "defaultProps", {
   shouldCloseOnOverlayClick: true,
   size: constants.sizeOptions[1],
   onSelect: undefined
-});
+};
 
 module.exports = InsertFieldModal;

package/cjs/components/TippedButton.js

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('react');
+var dsTooltip = require('@elliemae/ds-tooltip');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+
+const _excluded = ["className", "tip", "children", "onClick", "zIndex"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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__default["default"](_ref, _excluded);
+
+  return /*#__PURE__*/_jsx__default["default"]("div", {
+    className: "tooltip"
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsTooltip.DSTooltipV3, {
+    text: tip,
+    zIndex: zIndex
+  }, void 0, /*#__PURE__*/jsxRuntime.jsx("button", _objectSpread(_objectSpread({
+    type: "button",
+    className: className,
+    onClick: e => {
+      e.preventDefault();
+      onClick(e);
+    }
+  }, rest), {}, {
+    children: children
+  }))));
+};
+
+exports.TippedButton = TippedButton;

package/cjs/components/TippedSelect.js

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('react');
+var dsTooltip = require('@elliemae/ds-tooltip');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const TippedSelect = props => {
+  const {
+    tip,
+    onChange = () => null,
+    className,
+    options,
+    defaultValue = '',
+    values,
+    zIndex,
+    children
+  } = props;
+  const fallBackChildren = values && values.map((value, index) => /*#__PURE__*/_jsx__default["default"]("option", {
+    value: value === 'normal' ? '' : value
+  }, value, options ? options[index] : null));
+  return /*#__PURE__*/_jsx__default["default"]("div", {
+    className: "tooltip"
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsTooltip.DSTooltipV3, {
+    text: tip,
+    zIndex: zIndex
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, /*#__PURE__*/_jsx__default["default"]("select", {
+    className: className,
+    defaultValue: defaultValue,
+    onChange: e => {
+      e.persist();
+      onChange(e);
+    }
+  }, void 0, children || fallBackChildren))));
+};
+
+exports.TippedSelect = TippedSelect;

package/cjs/components/colors.js

@@ -2,14 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.map.js');
+require('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) {
+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); // 0   deg
@@ -18,7 +22,7 @@ function getRainbowColors(size = 28) {
 
     const green = sinToHex(idx, size, 2 * Math.PI * 2 / 3); // 240 deg
 
-    color = `#${red}${green}${blue}`;
+    color = "#".concat(red).concat(green).concat(blue);
     return color;
   });
 }

package/cjs/components/customFields.js

@@ -2,6 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.map.js');
+require('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
@@ -9,13 +13,16 @@ const fields = ['Lender Name ­ «315»', 'Lender Address ­ «319»', 'Lender C
  * @param customFields
  */
 
-const getFields = (customFields = fields) => customFields.map((opt, index) => ({
-  id: `${opt}_${index}`,
-  // icon: 'ADD',
-  label: `${opt}`,
-  onClick: opt.indexOf('«') !== -1 ? () => undefined.onOptionClick(undefined.getFieldCode(opt)) : null,
-  type: opt === '' ? 'separator' : null
-}));
+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
  *
@@ -43,7 +50,7 @@ var customFields = {
   getFieldCode
 };
 
-exports['default'] = customFields;
+exports["default"] = customFields;
 exports.fields = fields;
 exports.getFieldCode = getFieldCode;
 exports.getFieldName = getFieldName;

package/cjs/constants.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/web.dom-collections.iterator.js');
 var colors$1 = require('./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', ...colors$1.getRainbowColors(28)];

package/cjs/index.js

@@ -10,11 +10,9 @@ var constants = require('./constants.js');
 
 
 exports.WYSIWYWithSchema = DSWYSIWYGEditor.WYSIWYWithSchema;
-exports.default = DSWYSIWYGEditor['default'];
+exports["default"] = DSWYSIWYGEditor["default"];
 exports.CustomDropdown = CustomToolbar.CustomDropdown;
 exports.CustomToolbar = CustomToolbar.CustomToolbar;
-exports.TippedButton = CustomToolbar.TippedButton;
-exports.TippedSelect = CustomToolbar.TippedSelect;
 exports.CustomImageUploader = CustomImageUploader.CustomImageUploader;
 exports.colors = constants.colors;
 exports.defaultItems = constants.defaultItems;

package/cjs/quillMatchers/clipboardLinkWithTagMatcher.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.find.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.find.js');
+require('core-js/modules/es.string.replace.js');
+
+const hrefTagRegexp = /%7B%7B.+%7D%7D/gm;
+const clipboardLinkWithTagMatcher = (node, delta) => {
+  if (node.origin === window.location.origin) {
+    const nodeHref = node.href;
+    const tagMatch = nodeHref.match(hrefTagRegexp);
+
+    if (tagMatch) {
+      var _delta$ops;
+
+      const [overWrittenHrefValue] = tagMatch;
+      const insertLinkOperation = delta === null || delta === void 0 ? void 0 : (_delta$ops = delta.ops) === null || _delta$ops === void 0 ? void 0 : _delta$ops.find(operation => {
+        var _operation$attributes, _operation$attributes2, _operation$attributes3;
+
+        return operation === null || operation === void 0 ? void 0 : (_operation$attributes = operation.attributes) === null || _operation$attributes === void 0 ? void 0 : (_operation$attributes2 = _operation$attributes.link) === null || _operation$attributes2 === void 0 ? void 0 : (_operation$attributes3 = _operation$attributes2.match) === null || _operation$attributes3 === void 0 ? void 0 : _operation$attributes3.call(_operation$attributes2, hrefTagRegexp);
+      });
+      if (insertLinkOperation) insertLinkOperation.attributes.link = overWrittenHrefValue.replace(/%7B%7B/gm, '{{').replace(/%7D%7D/gm, '}}');
+    }
+  }
+
+  return delta;
+};
+
+exports.clipboardLinkWithTagMatcher = clipboardLinkWithTagMatcher;