@elliemae/ds-wysiwygeditor 2.0.0-alpha.10 → 2.0.0-alpha.11

package/cjs/DSWYSIWYGEditor.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var reactDesc = require('react-desc');
 var DSWYSIWYGEditorImpl = require('./components/DSWYSIWYGEditorImpl.js');
@@ -58,11 +59,7 @@ const DSWYSIWYGEditor = _ref => {
 
 const wysiwygEditorProps = {
   value: reactDesc.PropTypes.string.description('editors value').isRequired,
-  onChange: reactDesc.PropTypes.func.description(`(content, delta, source, editor) : Called back with the new contents of the editor after change. 
-    It will be passed the HTML contents of the editor, a delta object expressing the change, the source of the change, and finally a read-only proxy to editor accessors such as getHTML(). 
-    ⚠️ Do not use this delta object as value, as it will cause a loop. 
-    Use editor.getContents() instead. See Using Deltas for details. 
-    Read more: https://github.com/zenoamaro/react-quill#props`).isRequired,
+  onChange: reactDesc.PropTypes.func.description("(content, delta, source, editor) : Called back with the new contents of the editor after change. \n    It will be passed the HTML contents of the editor, a delta object expressing the change, the source of the change, and finally a read-only proxy to editor accessors such as getHTML(). \n    \u26A0\uFE0F Do not use this delta object as value, as it will cause a loop. \n    Use editor.getContents() instead. See Using Deltas for details. \n    Read more: https://github.com/zenoamaro/react-quill#props").isRequired,
   getQuillRef: reactDesc.PropTypes.func.description('function to use quill.js ref'),
   quillModules: reactDesc.PropTypes.object.description('object to override quill modules'),
   customToolbar: reactDesc.PropTypes.element.description('custom toolbar'),

package/cjs/components/CustomImageUploader.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var Image = require('@elliemae/ds-icons/Image');
 var DSUploader = require('@elliemae/ds-uploader');
@@ -34,7 +35,7 @@ const CustomImageUploader = ({
     index: 0,
     length: 0
   });
-  const elementId = `uploadImage${editorFieldName}`; // eslint-disable-next-line consistent-return
+  const elementId = "uploadImage".concat(editorFieldName); // eslint-disable-next-line consistent-return
 
   const handleFileChange = async files => {
     if (!inProgress) {

package/cjs/components/CustomToolbar.js

@@ -6,6 +6,7 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('core-js/modules/es.string.replace.js');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var DSButton = require('@elliemae/ds-basic/Button');
 var ArrowheadDown = require('@elliemae/ds-icons/ArrowheadDown');

package/cjs/components/DSWYSIWYGEditorImpl.js

@@ -52,7 +52,7 @@ class DSWYSIWYGEditorImpl extends React__default["default"].PureComponent {
 
     _defineProperty__default["default"](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: {
@@ -195,7 +195,7 @@ class DSWYSIWYGEditorImpl extends React__default["default"].PureComponent {
           editorProps = _objectWithoutProperties__default["default"](_this$props, _excluded);
 
     return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, containerProps), {}, {
-      className: `quill-wysiwyg-editor ${showRawHTML ? 'show-raw' : ''}`,
+      className: "quill-wysiwyg-editor ".concat(showRawHTML ? 'show-raw' : ''),
       children: [customToolbar || /*#__PURE__*/_jsx__default["default"](CustomToolbar.CustomToolbar, {
         customFields: customFields,
         onShowHTML: onShowHTML,
@@ -207,7 +207,6 @@ class DSWYSIWYGEditorImpl extends React__default["default"].PureComponent {
         value: value,
         style: {
           height,
-          overflow: 'scroll',
           borderBottom: '1px solid #ccc'
         }
       }, editorProps), {}, {

package/cjs/components/colors.js

@@ -6,7 +6,7 @@ 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) {
@@ -18,7 +18,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

@@ -10,9 +10,9 @@ const fields = ['Lender Name ­ «315»', 'Lender Address ­ «319»', 'Lender C
  */
 
 const getFields = (customFields = fields) => customFields.map((opt, index) => ({
-  id: `${opt}_${index}`,
+  id: "".concat(opt, "_").concat(index),
   // icon: 'ADD',
-  label: `${opt}`,
+  label: "".concat(opt),
   onClick: opt.indexOf('«') !== -1 ? () => undefined.onOptionClick(undefined.getFieldCode(opt)) : null,
   type: opt === '' ? 'separator' : null
 }));

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/quillOverrides/IndentStyle.js

@@ -8,7 +8,7 @@ const multiplier = 2;
 
 class IndentAttributor extends Parchment.Attributor.Style {
   add(node, value) {
-    return super.add(node, `${value * multiplier}em`);
+    return super.add(node, "".concat(value * multiplier, "em"));
   }
 
   value(node) {
@@ -23,7 +23,7 @@ class IndentAttributor extends Parchment.Attributor.Style {
 
 const IndentStyle = new IndentAttributor('indent', 'margin-left', {
   scope: Parchment.Scope.BLOCK,
-  whitelist: levels.map(value => `${value * multiplier}em`)
+  whitelist: levels.map(value => "".concat(value * multiplier, "em"))
 });
 
 module.exports = IndentStyle;

package/cjs/quillOverrides/LinkFormat.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
 var ReactQuill = require('react-quill');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -8,12 +9,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 
 const sanitizeProtocol = value => {
+  if (typeof value === 'boolean') return value;
   let newVal = value;
 
   if (!value.startsWith('http') && !value.startsWith('ftp') && !value.startsWith('mailto:') && !value.startsWith('{{')) {
     if (!value.startsWith('www')) {
-      newVal = `https://www.${value}`;
-    } else newVal = `https://${value}`;
+      newVal = "https://www.".concat(value);
+    } else newVal = "https://".concat(value);
   }
 
   return newVal;
@@ -49,7 +51,9 @@ class LinkFormat extends Link {
   }
 
   static formats(domNode) {
-    return domNode.getAttribute('href');
+    var _domNode$getAttribute;
+
+    return domNode === null || domNode === void 0 ? void 0 : (_domNode$getAttribute = domNode.getAttribute) === null || _domNode$getAttribute === void 0 ? void 0 : _domNode$getAttribute.call(domNode, 'href');
   }
 
   static sanitize(url) {
@@ -57,9 +61,11 @@ class LinkFormat extends Link {
   }
 
   format(name, value) {
-    const newVal = sanitizeProtocol(value);
+    const newVal = sanitizeProtocol(value); // Remove link case
 
-    if (name !== this.statics.blotName || !newVal) {
+    if (name === 'link' && value === false) {
+      this.domNode.removeAttribute('href');
+    } else if (name !== this.statics.blotName || !newVal) {
       super.format(name, newVal);
     } else {
       this.domNode.setAttribute('href', this.constructor.sanitize(newVal));

package/cjs/utils.js

@@ -11,7 +11,7 @@ const formatHTML = html => {
       indent = indent.substring(tab.length);
     }
 
-    result += `${indent}<${element}>\r\n`;
+    result += "".concat(indent, "<").concat(element, ">\r\n");
 
     if (element.match(/^<?\w[^>]*[^/]$/)) {
       indent += tab;

package/esm/DSWYSIWYGEditor.js

@@ -1,5 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useEffect } from 'react';
 import { PropTypes, describe } from 'react-desc';
 import DSWYSIWYGEditorImpl from './components/DSWYSIWYGEditorImpl.js';
@@ -49,11 +50,7 @@ const DSWYSIWYGEditor = _ref => {
 
 const wysiwygEditorProps = {
   value: PropTypes.string.description('editors value').isRequired,
-  onChange: PropTypes.func.description(`(content, delta, source, editor) : Called back with the new contents of the editor after change. 
-    It will be passed the HTML contents of the editor, a delta object expressing the change, the source of the change, and finally a read-only proxy to editor accessors such as getHTML(). 
-    ⚠️ Do not use this delta object as value, as it will cause a loop. 
-    Use editor.getContents() instead. See Using Deltas for details. 
-    Read more: https://github.com/zenoamaro/react-quill#props`).isRequired,
+  onChange: PropTypes.func.description("(content, delta, source, editor) : Called back with the new contents of the editor after change. \n    It will be passed the HTML contents of the editor, a delta object expressing the change, the source of the change, and finally a read-only proxy to editor accessors such as getHTML(). \n    \u26A0\uFE0F Do not use this delta object as value, as it will cause a loop. \n    Use editor.getContents() instead. See Using Deltas for details. \n    Read more: https://github.com/zenoamaro/react-quill#props").isRequired,
   getQuillRef: PropTypes.func.description('function to use quill.js ref'),
   quillModules: PropTypes.object.description('object to override quill modules'),
   customToolbar: PropTypes.element.description('custom toolbar'),

package/esm/components/CustomImageUploader.js

@@ -1,4 +1,5 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState } from 'react';
 import Image from '@elliemae/ds-icons/Image';
 import DSUploader from '@elliemae/ds-uploader';
@@ -23,7 +24,7 @@ const CustomImageUploader = ({
     index: 0,
     length: 0
   });
-  const elementId = `uploadImage${editorFieldName}`; // eslint-disable-next-line consistent-return
+  const elementId = "uploadImage".concat(editorFieldName); // eslint-disable-next-line consistent-return
 
   const handleFileChange = async files => {
     if (!inProgress) {

package/esm/components/CustomToolbar.js

@@ -2,6 +2,7 @@ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState } from 'react';
 import DSButton from '@elliemae/ds-basic/Button';
 import ArrowheadDown from '@elliemae/ds-icons/ArrowheadDown';

package/esm/components/DSWYSIWYGEditorImpl.js

@@ -41,7 +41,7 @@ class DSWYSIWYGEditorImpl extends React.PureComponent {
 
     _defineProperty(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: {
@@ -184,7 +184,7 @@ class DSWYSIWYGEditorImpl extends React.PureComponent {
           editorProps = _objectWithoutProperties(_this$props, _excluded);
 
     return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, containerProps), {}, {
-      className: `quill-wysiwyg-editor ${showRawHTML ? 'show-raw' : ''}`,
+      className: "quill-wysiwyg-editor ".concat(showRawHTML ? 'show-raw' : ''),
       children: [customToolbar || /*#__PURE__*/_jsx(CustomToolbar, {
         customFields: customFields,
         onShowHTML: onShowHTML,
@@ -196,7 +196,6 @@ class DSWYSIWYGEditorImpl extends React.PureComponent {
         value: value,
         style: {
           height,
-          overflow: 'scroll',
           borderBottom: '1px solid #ccc'
         }
       }, editorProps), {}, {

package/esm/components/colors.js

@@ -2,7 +2,7 @@ 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) {
@@ -14,7 +14,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/esm/components/customFields.js

@@ -6,9 +6,9 @@ const fields = ['Lender Name ­ «315»', 'Lender Address ­ «319»', 'Lender C
  */
 
 const getFields = (customFields = fields) => customFields.map((opt, index) => ({
-  id: `${opt}_${index}`,
+  id: "".concat(opt, "_").concat(index),
   // icon: 'ADD',
-  label: `${opt}`,
+  label: "".concat(opt),
   onClick: opt.indexOf('«') !== -1 ? () => undefined.onOptionClick(undefined.getFieldCode(opt)) : null,
   type: opt === '' ? 'separator' : null
 }));

package/esm/constants.js

@@ -1,3 +1,4 @@
+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)];

package/esm/quillOverrides/IndentStyle.js

@@ -6,7 +6,7 @@ const multiplier = 2;
 
 class IndentAttributor extends Parchment.Attributor.Style {
   add(node, value) {
-    return super.add(node, `${value * multiplier}em`);
+    return super.add(node, "".concat(value * multiplier, "em"));
   }
 
   value(node) {
@@ -21,7 +21,7 @@ class IndentAttributor extends Parchment.Attributor.Style {
 
 const IndentStyle = new IndentAttributor('indent', 'margin-left', {
   scope: Parchment.Scope.BLOCK,
-  whitelist: levels.map(value => `${value * multiplier}em`)
+  whitelist: levels.map(value => "".concat(value * multiplier, "em"))
 });
 
 export { IndentStyle as default };

package/esm/quillOverrides/LinkFormat.js

@@ -1,13 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { Quill } from 'react-quill';
 
 const sanitizeProtocol = value => {
+  if (typeof value === 'boolean') return value;
   let newVal = value;
 
   if (!value.startsWith('http') && !value.startsWith('ftp') && !value.startsWith('mailto:') && !value.startsWith('{{')) {
     if (!value.startsWith('www')) {
-      newVal = `https://www.${value}`;
-    } else newVal = `https://${value}`;
+      newVal = "https://www.".concat(value);
+    } else newVal = "https://".concat(value);
   }
 
   return newVal;
@@ -43,7 +45,9 @@ class LinkFormat extends Link {
   }
 
   static formats(domNode) {
-    return domNode.getAttribute('href');
+    var _domNode$getAttribute;
+
+    return domNode === null || domNode === void 0 ? void 0 : (_domNode$getAttribute = domNode.getAttribute) === null || _domNode$getAttribute === void 0 ? void 0 : _domNode$getAttribute.call(domNode, 'href');
   }
 
   static sanitize(url) {
@@ -51,9 +55,11 @@ class LinkFormat extends Link {
   }
 
   format(name, value) {
-    const newVal = sanitizeProtocol(value);
+    const newVal = sanitizeProtocol(value); // Remove link case
 
-    if (name !== this.statics.blotName || !newVal) {
+    if (name === 'link' && value === false) {
+      this.domNode.removeAttribute('href');
+    } else if (name !== this.statics.blotName || !newVal) {
       super.format(name, newVal);
     } else {
       this.domNode.setAttribute('href', this.constructor.sanitize(newVal));

package/esm/utils.js

@@ -7,7 +7,7 @@ const formatHTML = html => {
       indent = indent.substring(tab.length);
     }
 
-    result += `${indent}<${element}>\r\n`;
+    result += "".concat(indent, "<").concat(element, ">\r\n");
 
     if (element.match(/^<?\w[^>]*[^/]$/)) {
       indent += tab;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-wysiwygeditor",
-  "version": "2.0.0-alpha.10",
+  "version": "2.0.0-alpha.11",
   "license": "MIT",
   "description": "ICE MT - Dimsum - WYSIWYG Editor",
   "module": "./esm/index.js",
@@ -84,11 +84,11 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-basic": "2.0.0-alpha.10",
-    "@elliemae/ds-classnames": "2.0.0-alpha.10",
-    "@elliemae/ds-imagelibrarymodal": "2.0.0-alpha.10",
-    "@elliemae/ds-shared": "2.0.0-alpha.10",
-    "@elliemae/ds-uploader": "2.0.0-alpha.10",
+    "@elliemae/ds-basic": "2.0.0-alpha.11",
+    "@elliemae/ds-classnames": "2.0.0-alpha.11",
+    "@elliemae/ds-imagelibrarymodal": "2.0.0-alpha.11",
+    "@elliemae/ds-shared": "2.0.0-alpha.11",
+    "@elliemae/ds-uploader": "2.0.0-alpha.11",
     "immutable": "4.0.0-rc.14",
     "quill-blot-formatter": "~1.0.5",
     "react-quill": "2.0.0-beta1"

package/cjs/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "commonjs",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}

package/esm/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "module",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}