@elliemae/ds-wysiwygeditor 2.2.0 → 2.3.0-alpha.3

package/cjs/quillOverrides/LinkFormat.js

@@ -1,68 +1,86 @@
-'use strict';
-
-require('core-js/modules/web.dom-collections.iterator.js');
-var ReactQuill = require('react-quill');
-
-const sanitizeProtocol = value => {
-  if (typeof value === 'boolean') return value;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var LinkFormat_exports = {};
+__export(LinkFormat_exports, {
+  default: () => LinkFormat_default
+});
+var React = __toESM(require("react"));
+var import_react_quill = require("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.".concat(value);
-    } else newVal = "https://".concat(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}`;
   }
-
   return newVal;
 };
-
 function getIsValidProtocol(url, protocols) {
-  const anchor = document.createElement('a');
+  const anchor = document.createElement("a");
   anchor.href = url;
-  const protocol = anchor.href.slice(0, anchor.href.indexOf(':'));
+  const protocol = anchor.href.slice(0, anchor.href.indexOf(":"));
   return protocols.indexOf(protocol) > -1;
 }
-
-const Link = ReactQuill.Quill.import('formats/link');
-
+const Link = import_react_quill.Quill.import("formats/link");
 class LinkFormat extends Link {
   constructor() {
     super(...arguments);
-    this.blotName = 'link';
-    this.tagName = 'A';
-    this.SANITIZED_URL = 'about:blank';
-    this.PROTOCOL_WHITELIST = ['http', 'ftp', 'https', 'mailto', 'tel'];
+    this.blotName = "link";
+    this.tagName = "A";
+    this.SANITIZED_URL = "about:blank";
+    this.PROTOCOL_WHITELIST = ["http", "ftp", "https", "mailto", "tel"];
   }
-
   static create(value) {
     const newVal = sanitizeProtocol(value);
     const node = super.create(newVal);
-    node.setAttribute('href', newVal);
+    node.setAttribute("href", newVal);
     return node;
   }
-
   static formats(domNode) {
-    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');
+    return domNode?.getAttribute?.("href");
   }
-
   static sanitize(url) {
     return getIsValidProtocol(url, this.PROTOCOL_WHITELIST) ? url : this.SANITIZED_URL;
   }
-
   format(name, value) {
-    const newVal = sanitizeProtocol(value); // Remove link case
-
-    if (name === 'link' && value === false) {
-      this.domNode.removeAttribute('href');
+    const newVal = sanitizeProtocol(value);
+    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));
+      this.domNode.setAttribute("href", this.constructor.sanitize(newVal));
     }
   }
-
 }
-
-module.exports = LinkFormat;
+var LinkFormat_default = LinkFormat;
+module.exports = __toCommonJS(LinkFormat_exports);
+//# sourceMappingURL=LinkFormat.js.map

package/cjs/quillOverrides/LinkFormat.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/quillOverrides/LinkFormat.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport { Quill } from 'react-quill';\n\nconst sanitizeProtocol = (value) => {\n  if (typeof value === 'boolean') return value;\n  let newVal = value;\n  if (\n    !value.startsWith('http') &&\n    !value.startsWith('ftp') &&\n    !value.startsWith('mailto:') &&\n    !value.startsWith('{{')\n  ) {\n    if (!value.startsWith('www')) {\n      newVal = `https://www.${value}`;\n    } else newVal = `https://${value}`;\n  }\n  return newVal;\n};\n\nfunction getIsValidProtocol(url, protocols) {\n  const anchor = document.createElement('a');\n  anchor.href = url;\n  const protocol = anchor.href.slice(0, anchor.href.indexOf(':'));\n  return protocols.indexOf(protocol) > -1;\n}\n\nconst Link = Quill.import('formats/link');\n\nclass LinkFormat extends Link {\n  blotName = 'link';\n\n  tagName = 'A';\n\n  SANITIZED_URL = 'about:blank';\n\n  PROTOCOL_WHITELIST = ['http', 'ftp', 'https', 'mailto', 'tel'];\n\n  static create(value) {\n    const newVal = sanitizeProtocol(value);\n    const node = super.create(newVal);\n    node.setAttribute('href', newVal);\n    return node;\n  }\n\n  static formats(domNode) {\n    return domNode?.getAttribute?.('href');\n  }\n\n  static sanitize(url) {\n    return getIsValidProtocol(url, this.PROTOCOL_WHITELIST) ? url : this.SANITIZED_URL;\n  }\n\n  format(name, value) {\n    const newVal = sanitizeProtocol(value);\n    // Remove link case\n    if (name === 'link' && value === false) {\n      this.domNode.removeAttribute('href');\n    } else if (name !== this.statics.blotName || !newVal) {\n      super.format(name, newVal);\n    } else {\n      this.domNode.setAttribute('href', this.constructor.sanitize(newVal));\n    }\n  }\n}\n\nexport default LinkFormat;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,yBAAsB;AAEtB,MAAM,mBAAmB,CAAC,UAAU;AAClC,MAAI,OAAO,UAAU;AAAW,WAAO;AACvC,MAAI,SAAS;AACb,MACE,CAAC,MAAM,WAAW,WAClB,CAAC,MAAM,WAAW,UAClB,CAAC,MAAM,WAAW,cAClB,CAAC,MAAM,WAAW,OAClB;AACA,QAAI,CAAC,MAAM,WAAW,QAAQ;AAC5B,eAAS,eAAe;AAAA;AACnB,eAAS,WAAW;AAAA;AAE7B,SAAO;AAAA;AAGT,4BAA4B,KAAK,WAAW;AAC1C,QAAM,SAAS,SAAS,cAAc;AACtC,SAAO,OAAO;AACd,QAAM,WAAW,OAAO,KAAK,MAAM,GAAG,OAAO,KAAK,QAAQ;AAC1D,SAAO,UAAU,QAAQ,YAAY;AAAA;AAGvC,MAAM,OAAO,yBAAM,OAAO;AAE1B,yBAAyB,KAAK;AAAA,EAA9B,cA5BA;AA4BA;AACE,oBAAW;AAEX,mBAAU;AAEV,yBAAgB;AAEhB,8BAAqB,CAAC,QAAQ,OAAO,SAAS,UAAU;AAAA;AAAA,SAEjD,OAAO,OAAO;AACnB,UAAM,SAAS,iBAAiB;AAChC,UAAM,OAAO,MAAM,OAAO;AAC1B,SAAK,aAAa,QAAQ;AAC1B,WAAO;AAAA;AAAA,SAGF,QAAQ,SAAS;AACtB,WAAO,SAAS,eAAe;AAAA;AAAA,SAG1B,SAAS,KAAK;AACnB,WAAO,mBAAmB,KAAK,KAAK,sBAAsB,MAAM,KAAK;AAAA;AAAA,EAGvE,OAAO,MAAM,OAAO;AAClB,UAAM,SAAS,iBAAiB;AAEhC,QAAI,SAAS,UAAU,UAAU,OAAO;AACtC,WAAK,QAAQ,gBAAgB;AAAA,eACpB,SAAS,KAAK,QAAQ,YAAY,CAAC,QAAQ;AACpD,YAAM,OAAO,MAAM;AAAA,WACd;AACL,WAAK,QAAQ,aAAa,QAAQ,KAAK,YAAY,SAAS;AAAA;AAAA;AAAA;AAKlE,IAAO,qBAAQ;",
+  "names": []
+}

package/cjs/quillOverrides/PlainClipboard.js

@@ -1,27 +1,47 @@
-'use strict';
-
-var ReactQuill = require('react-quill');
-
-const Clipboard = ReactQuill.Quill.import('modules/clipboard');
-const Delta = ReactQuill.Quill.import('delta');
-/**
- * Just for the sake of an example. https://quilljs.com/docs/modules/
- */
-
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var PlainClipboard_exports = {};
+__export(PlainClipboard_exports, {
+  default: () => PlainClipboard
+});
+var React = __toESM(require("react"));
+var import_react_quill = require("react-quill");
+const Clipboard = import_react_quill.Quill.import("modules/clipboard");
+const Delta = import_react_quill.Quill.import("delta");
 class PlainClipboard extends Clipboard {
-  convert() {
-    let html = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-
-    if (typeof html === 'string') {
+  convert(html = null) {
+    if (typeof html === "string") {
       this.container.innerHTML = html;
     }
-
     const text = this.container.innerText;
-    this.container.innerHTML = '';
+    this.container.innerHTML = "";
     return new Delta().insert(text);
   }
-
-} // Uncomment if adding custom clipboard, or add in the file you are importing this to
-// Quill.register('modules/clipboard', PlainClipboard)
-
-module.exports = PlainClipboard;
+}
+module.exports = __toCommonJS(PlainClipboard_exports);
+//# sourceMappingURL=PlainClipboard.js.map

package/cjs/quillOverrides/PlainClipboard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/quillOverrides/PlainClipboard.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { Quill } from 'react-quill';\n\nconst Clipboard = Quill.import('modules/clipboard');\nconst Delta = Quill.import('delta');\n\n/**\n * Just for the sake of an example. https://quilljs.com/docs/modules/\n */\nexport default class PlainClipboard extends Clipboard {\n  convert(html = null) {\n    if (typeof html === 'string') {\n      this.container.innerHTML = html;\n    }\n    const text = this.container.innerText;\n    this.container.innerHTML = '';\n    return new Delta().insert(text);\n  }\n}\n\n// Uncomment if adding custom clipboard, or add in the file you are importing this to\n// Quill.register('modules/clipboard', PlainClipboard)\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,yBAAsB;AAEtB,MAAM,YAAY,yBAAM,OAAO;AAC/B,MAAM,QAAQ,yBAAM,OAAO;AAK3B,6BAA4C,UAAU;AAAA,EACpD,QAAQ,OAAO,MAAM;AACnB,QAAI,OAAO,SAAS,UAAU;AAC5B,WAAK,UAAU,YAAY;AAAA;AAE7B,UAAM,OAAO,KAAK,UAAU;AAC5B,SAAK,UAAU,YAAY;AAC3B,WAAO,IAAI,QAAQ,OAAO;AAAA;AAAA;",
+  "names": []
+}

package/cjs/utils.js

@@ -1,27 +1,50 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-
-const formatHTML = html => {
-  const tab = '\t';
-  let result = '';
-  let indent = '';
-  html.split(/>\s*</).forEach(element => {
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var utils_exports = {};
+__export(utils_exports, {
+  formatHTML: () => formatHTML
+});
+var React = __toESM(require("react"));
+const formatHTML = (html) => {
+  const tab = "	";
+  let result = "";
+  let indent = "";
+  html.split(/>\s*</).forEach((element) => {
     if (element.match(/^\/\w/)) {
       indent = indent.substring(tab.length);
     }
-
-    result += "".concat(indent, "<").concat(element, ">\r\n");
-
+    result += `${indent}<${element}>\r
+`;
     if (element.match(/^<?\w[^>]*[^/]$/)) {
       indent += tab;
     }
   });
   return result.substring(1, result.length - 3);
 };
-
-exports.formatHTML = formatHTML;
+module.exports = __toCommonJS(utils_exports);
+//# sourceMappingURL=utils.js.map

package/cjs/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const formatHTML = (html) => {\n  const tab = '\\t';\n  let result = '';\n  let indent = '';\n\n  html.split(/>\\s*</).forEach((element) => {\n    if (element.match(/^\\/\\w/)) {\n      indent = indent.substring(tab.length);\n    }\n\n    result += `${indent}<${element}>\\r\\n`;\n\n    if (element.match(/^<?\\w[^>]*[^/]$/)) {\n      indent += tab;\n    }\n  });\n\n  return result.substring(1, result.length - 3);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,aAAa,CAAC,SAAS;AAClC,QAAM,MAAM;AACZ,MAAI,SAAS;AACb,MAAI,SAAS;AAEb,OAAK,MAAM,SAAS,QAAQ,CAAC,YAAY;AACvC,QAAI,QAAQ,MAAM,UAAU;AAC1B,eAAS,OAAO,UAAU,IAAI;AAAA;AAGhC,cAAU,GAAG,UAAU;AAAA;AAEvB,QAAI,QAAQ,MAAM,oBAAoB;AACpC,gBAAU;AAAA;AAAA;AAId,SAAO,OAAO,UAAU,GAAG,OAAO,SAAS;AAAA;",
+  "names": []
+}

package/esm/DSWYSIWYGEditor.js

@@ -1,72 +1,64 @@
-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 '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 { useState, useEffect } from 'react';
-import { PropTypes, describe } from 'react-desc';
-import DSWYSIWYGEditorImpl from './components/DSWYSIWYGEditorImpl.js';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["value", "onChange", "getQuillRef", "quillModules", "customToolbar", "toolbarHandlers", "showRawHTML", "height", "hideItems"];
-
-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 DSWYSIWYGEditor = _ref => {
-  let {
-    value = '',
-    onChange = () => null,
-    getQuillRef = () => null,
-    quillModules = {},
-    customToolbar,
-    toolbarHandlers,
-    showRawHTML = false,
-    height,
-    hideItems
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  const emptyAction = () => {};
-
+import * as React from "react";
+import React2, { useState, useEffect } from "react";
+import { describe, PropTypes } from "react-desc";
+import DSWYSIWYGEditorImpl from "./components/DSWYSIWYGEditorImpl";
+const DSWYSIWYGEditor = ({
+  value = "",
+  onChange = () => null,
+  getQuillRef = () => null,
+  quillModules = {},
+  customToolbar,
+  toolbarHandlers,
+  showRawHTML = false,
+  height,
+  hideItems,
+  ...rest
+}) => {
+  const emptyAction = () => {
+  };
   const [showHTML, setShowHTML] = useState(showRawHTML);
   useEffect(() => setShowHTML(showRawHTML), [showRawHTML]);
-  return /*#__PURE__*/jsx(DSWYSIWYGEditorImpl, _objectSpread({
+  return /* @__PURE__ */ React2.createElement(DSWYSIWYGEditorImpl, {
     forceHttpLink: true,
     handleCustomFieldClick: emptyAction,
     handleImageClick: emptyAction,
     quillOverrides: [],
-    value: value,
-    onChange: onChange,
-    getQuillRef: getQuillRef,
-    quillModules: quillModules,
-    customToolbar: customToolbar,
-    toolbarHandlers: toolbarHandlers,
+    value,
+    onChange,
+    getQuillRef,
+    quillModules,
+    customToolbar,
+    toolbarHandlers,
     showRawHTML: showHTML,
     onShowHTML: () => setShowHTML(!showHTML),
-    height: height,
-    hideItems: hideItems
-  }, rest));
+    height,
+    hideItems,
+    ...rest
+  });
 };
-
 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. \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'),
-  toolbarHandlers: PropTypes.object.description('object with toolbar handlers'),
-  showRawHTML: PropTypes.bool.description('whether to display html view or not').defaultValue(false),
-  height: PropTypes.string.description('heigth of the editors text area'),
+  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(). 
+    \u26A0\uFE0F 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,
+  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"),
+  toolbarHandlers: PropTypes.object.description("object with toolbar handlers"),
+  showRawHTML: PropTypes.bool.description("whether to display html view or not").defaultValue(false),
+  height: PropTypes.string.description("heigth of the editors text area"),
   readOnly: PropTypes.string.description("If true, the editor won't allow changing its contents. Wraps the Quill disable API."),
-  hideItems: PropTypes.object.description('object of defaultItems to be removed from toolbar').defaultValue({}),
-  zIndex: PropTypes.number.description('zIndex to be used (required when used in a modal for correct tooltips displaying)')
+  hideItems: PropTypes.object.description("object of defaultItems to be removed from toolbar").defaultValue({}),
+  zIndex: PropTypes.number.description("zIndex to be used (required when used in a modal for correct tooltips displaying)")
 };
+DSWYSIWYGEditor.propTypes = wysiwygEditorProps;
 const WYSIWYWithSchema = describe(DSWYSIWYGEditor);
 WYSIWYWithSchema.propTypes = wysiwygEditorProps;
-
-export { WYSIWYWithSchema, DSWYSIWYGEditor as default };
+var DSWYSIWYGEditor_default = DSWYSIWYGEditor;
+export {
+  WYSIWYWithSchema,
+  DSWYSIWYGEditor_default as default
+};
+//# sourceMappingURL=DSWYSIWYGEditor.js.map

package/esm/DSWYSIWYGEditor.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSWYSIWYGEditor.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useEffect } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport DSWYSIWYGEditorImpl from './components/DSWYSIWYGEditorImpl';\n\nconst DSWYSIWYGEditor = ({\n  value = '',\n  onChange = () => null,\n  getQuillRef = () => null,\n  quillModules = {},\n  customToolbar,\n  toolbarHandlers,\n  showRawHTML = false,\n  height,\n  hideItems,\n  ...rest\n}) => {\n  const emptyAction = () => {};\n  const [showHTML, setShowHTML] = useState(showRawHTML);\n\n  useEffect(() => setShowHTML(showRawHTML), [showRawHTML]);\n\n  return (\n    <DSWYSIWYGEditorImpl\n      forceHttpLink\n      handleCustomFieldClick={emptyAction}\n      handleImageClick={emptyAction}\n      quillOverrides={[]}\n      value={value}\n      onChange={onChange}\n      getQuillRef={getQuillRef}\n      quillModules={quillModules}\n      customToolbar={customToolbar}\n      toolbarHandlers={toolbarHandlers}\n      showRawHTML={showHTML}\n      onShowHTML={() => setShowHTML(!showHTML)}\n      height={height}\n      hideItems={hideItems}\n      {...rest}\n    />\n  );\n};\n\nconst wysiwygEditorProps = {\n  value: PropTypes.string.description('editors value').isRequired,\n  onChange: PropTypes.func.description(\n    `(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`,\n  ).isRequired,\n  getQuillRef: PropTypes.func.description('function to use quill.js ref'),\n  quillModules: PropTypes.object.description('object to override quill modules'),\n  customToolbar: PropTypes.element.description('custom toolbar'),\n  toolbarHandlers: PropTypes.object.description('object with toolbar handlers'),\n  showRawHTML: PropTypes.bool.description('whether to display html view or not').defaultValue(false),\n  height: PropTypes.string.description('heigth of the editors text area'),\n  readOnly: PropTypes.string.description(\n    \"If true, the editor won't allow changing its contents. Wraps the Quill disable API.\",\n  ),\n  hideItems: PropTypes.object.description('object of defaultItems to be removed from toolbar').defaultValue({}),\n  zIndex: PropTypes.number.description(\n    'zIndex to be used (required when used in a modal for correct tooltips displaying)',\n  ),\n};\n\nDSWYSIWYGEditor.propTypes = wysiwygEditorProps;\n\nconst WYSIWYWithSchema = describe(DSWYSIWYGEditor);\nWYSIWYWithSchema.propTypes = wysiwygEditorProps;\n\nexport { WYSIWYWithSchema };\nexport default DSWYSIWYGEditor;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,kBAAkB,CAAC;AAAA,EACvB,QAAQ;AAAA,EACR,WAAW,MAAM;AAAA,EACjB,cAAc,MAAM;AAAA,EACpB,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,KACG;AAAA,MACC;AACJ,QAAM,cAAc,MAAM;AAAA;AAC1B,QAAM,CAAC,UAAU,eAAe,SAAS;AAEzC,YAAU,MAAM,YAAY,cAAc,CAAC;AAE3C,SACE,qCAAC,qBAAD;AAAA,IACE,eAAa;AAAA,IACb,wBAAwB;AAAA,IACxB,kBAAkB;AAAA,IAClB,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,YAAY,MAAM,YAAY,CAAC;AAAA,IAC/B;AAAA,IACA;AAAA,OACI;AAAA;AAAA;AAKV,MAAM,qBAAqB;AAAA,EACzB,OAAO,UAAU,OAAO,YAAY,iBAAiB;AAAA,EACrD,UAAU,UAAU,KAAK,YACvB;AAAA;AAAA;AAAA;AAAA,gEAKA;AAAA,EACF,aAAa,UAAU,KAAK,YAAY;AAAA,EACxC,cAAc,UAAU,OAAO,YAAY;AAAA,EAC3C,eAAe,UAAU,QAAQ,YAAY;AAAA,EAC7C,iBAAiB,UAAU,OAAO,YAAY;AAAA,EAC9C,aAAa,UAAU,KAAK,YAAY,uCAAuC,aAAa;AAAA,EAC5F,QAAQ,UAAU,OAAO,YAAY;AAAA,EACrC,UAAU,UAAU,OAAO,YACzB;AAAA,EAEF,WAAW,UAAU,OAAO,YAAY,qDAAqD,aAAa;AAAA,EAC1G,QAAQ,UAAU,OAAO,YACvB;AAAA;AAIJ,gBAAgB,YAAY;AAE5B,MAAM,mBAAmB,SAAS;AAClC,iBAAiB,YAAY;AAG7B,IAAO,0BAAQ;",
+  "names": []
+}

package/esm/components/CustomImageUploader.js

@@ -1,53 +1,40 @@
-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';
-import DSUploader from '@elliemae/ds-uploader';
-import DSModal, { MODAL_TYPE_V2 } from '@elliemae/ds-modal';
-import { TippedButton } from './TippedButton.js';
-import { jsxs, Fragment } from 'react/jsx-runtime';
-
-const ALLOWED_TYPES_TEXT = 'JPG, JPEG, PNG, GIF, BMP, TIFF';
+import * as React from "react";
+import React2, { useState } from "react";
+import { Image } from "@elliemae/ds-icons";
+import DSUploader from "@elliemae/ds-uploader";
+import DSModal, { MODAL_TYPE_V2 } from "@elliemae/ds-modal";
+import { TippedButton } from "./TippedButton";
+const ALLOWED_TYPES_TEXT = "JPG, JPEG, PNG, GIF, BMP, TIFF";
 const ALLOWED_TYPES = /image\/(jpeg|jpg|png|gif|bmp|tiff)/;
-const DEFAULT_MAX_SIZE = 1024 * 1024; // 1 MB
-
-const CustomImageUploader = _ref => {
-  let {
-    quillRef,
-    editorFieldName,
-    allowedImageTypes = ALLOWED_TYPES_TEXT,
-    uploadAsset = () => null,
-    zIndex = 1
-  } = _ref;
+const DEFAULT_MAX_SIZE = 1024 * 1024;
+const CustomImageUploader = ({
+  quillRef,
+  editorFieldName,
+  allowedImageTypes = ALLOWED_TYPES_TEXT,
+  uploadAsset = () => null,
+  zIndex = 1
+}) => {
   const [isOpen, setIsOpen] = useState(false);
   const [error, setError] = useState(null);
   const [inProgress, setInProgress] = useState(false);
-  const [lastSelection, setLastSelection] = useState({
-    index: 0,
-    length: 0
-  });
-  const elementId = "uploadImage".concat(editorFieldName); // eslint-disable-next-line consistent-return
-
-  const handleFileChange = async files => {
+  const [lastSelection, setLastSelection] = useState({ index: 0, length: 0 });
+  const elementId = `uploadImage${editorFieldName}`;
+  const handleFileChange = async (files) => {
     if (!inProgress) {
       setError(null);
       const selectedFile = files[0];
-
       if (!selectedFile) {
-        setError('Please select a file.');
+        setError("Please select a file.");
         return false;
       }
-
       if (!selectedFile.type.match(ALLOWED_TYPES)) {
-        setError('File must be an image.');
+        setError("File must be an image.");
       } else if (selectedFile.size > DEFAULT_MAX_SIZE) {
-        setError('File is too large.');
+        setError("File is too large.");
       } else {
         const fr = new FileReader();
-
         fr.onload = async () => {
           setInProgress(true);
-
           try {
             const url = await uploadAsset({
               name: selectedFile.name,
@@ -57,59 +44,51 @@ const CustomImageUploader = _ref => {
               file: fr.result
             });
             setIsOpen(false);
-            quillRef === null || quillRef === void 0 ? void 0 : quillRef.getEditor().insertEmbed((lastSelection === null || lastSelection === void 0 ? void 0 : lastSelection.index) || 0, 'image', url);
+            quillRef?.getEditor().insertEmbed(lastSelection?.index || 0, "image", url);
           } catch (e) {
-            setError('An error has occurred, try again');
+            setError("An error has occurred, try again");
           }
-
           setInProgress(false);
         };
-
         fr.readAsArrayBuffer(selectedFile);
       }
     }
   };
-
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/_jsx(TippedButton, {
-      zIndex: zIndex,
-      tip: "Insert Image",
-      onClick: () => {
-        setLastSelection(quillRef === null || quillRef === void 0 ? void 0 : quillRef.getEditor().getSelection());
-        setIsOpen(true);
-      }
-    }, void 0, /*#__PURE__*/_jsx(Image, {
-      color: ['neutral', 500],
-      size: "s"
-    })), /*#__PURE__*/_jsx(DSModal, {
-      isOpen: isOpen,
-      title: "",
-      onConfirm: () => {
-        setIsOpen(false);
-      },
-      onClose: () => {
-        setIsOpen(false);
-      },
-      showClose: true,
-      version: 2,
-      size: "xsmall",
-      modalType: MODAL_TYPE_V2.DECISION,
-      confirmLabel: "Cancel",
-      message: ""
-    }, void 0, !inProgress && /*#__PURE__*/_jsx(DSUploader, {
-      containerProps: {
-        id: elementId
-      },
-      showAltAction: false,
-      acceptedTypesText: allowedImageTypes,
-      onDrop: handleFileChange
-    }), inProgress && 'Upload in progress...', error && /*#__PURE__*/_jsx("div", {
-      style: {
-        color: 'red',
-        marginTop: '10px'
-      }
-    }, void 0, error))]
-  });
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(TippedButton, {
+    zIndex,
+    tip: "Insert Image",
+    onClick: () => {
+      setLastSelection(quillRef?.getEditor().getSelection());
+      setIsOpen(true);
+    }
+  }, /* @__PURE__ */ React2.createElement(Image, {
+    color: ["neutral", 500],
+    size: "s"
+  })), /* @__PURE__ */ React2.createElement(DSModal, {
+    isOpen,
+    title: "",
+    onConfirm: () => {
+      setIsOpen(false);
+    },
+    onClose: () => {
+      setIsOpen(false);
+    },
+    showClose: true,
+    version: 2,
+    size: "xsmall",
+    modalType: MODAL_TYPE_V2.DECISION,
+    confirmLabel: "Cancel",
+    message: ""
+  }, !inProgress && /* @__PURE__ */ React2.createElement(DSUploader, {
+    containerProps: { id: elementId },
+    showAltAction: false,
+    acceptedTypesText: allowedImageTypes,
+    onDrop: handleFileChange
+  }), inProgress && "Upload in progress...", error && /* @__PURE__ */ React2.createElement("div", {
+    style: { color: "red", marginTop: "10px" }
+  }, error)));
+};
+export {
+  CustomImageUploader
 };
-
-export { CustomImageUploader };
+//# sourceMappingURL=CustomImageUploader.js.map

package/esm/components/CustomImageUploader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/CustomImageUploader.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable react/prop-types */\nimport React, { useState } from 'react';\nimport { Image } from '@elliemae/ds-icons';\nimport DSUploader from '@elliemae/ds-uploader';\nimport DSModal, { MODAL_TYPE_V2 } from '@elliemae/ds-modal';\nimport { TippedButton } from './TippedButton';\n\nconst ALLOWED_TYPES_TEXT = 'JPG, JPEG, PNG, GIF, BMP, TIFF';\nconst ALLOWED_TYPES = /image\\/(jpeg|jpg|png|gif|bmp|tiff)/;\nconst DEFAULT_MAX_SIZE = 1024 * 1024; // 1 MB\n\nexport const CustomImageUploader = ({\n  quillRef,\n  editorFieldName,\n  allowedImageTypes = ALLOWED_TYPES_TEXT,\n  uploadAsset = () => null,\n  zIndex = 1,\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [error, setError] = useState(null);\n  const [inProgress, setInProgress] = useState(false);\n  const [lastSelection, setLastSelection] = useState({ index: 0, length: 0 });\n\n  const elementId = `uploadImage${editorFieldName}`;\n\n  // eslint-disable-next-line consistent-return\n  const handleFileChange = async (files) => {\n    if (!inProgress) {\n      setError(null);\n      const selectedFile = files[0];\n      if (!selectedFile) {\n        setError('Please select a file.');\n        return false;\n      }\n      if (!selectedFile.type.match(ALLOWED_TYPES)) {\n        setError('File must be an image.');\n      } else if (selectedFile.size > DEFAULT_MAX_SIZE) {\n        setError('File is too large.');\n      } else {\n        const fr = new FileReader();\n        fr.onload = async () => {\n          setInProgress(true);\n          try {\n            const url = await uploadAsset({\n              name: selectedFile.name,\n              type: selectedFile.type,\n              description: selectedFile.name,\n              isSystemAsset: false,\n              file: fr.result,\n            });\n            setIsOpen(false);\n            quillRef?.getEditor().insertEmbed(lastSelection?.index || 0, 'image', url);\n          } catch (e) {\n            setError('An error has occurred, try again');\n          }\n          setInProgress(false);\n        };\n        fr.readAsArrayBuffer(selectedFile);\n      }\n    }\n  };\n  return (\n    <>\n      <TippedButton\n        zIndex={zIndex}\n        tip=\"Insert Image\"\n        onClick={() => {\n          setLastSelection(quillRef?.getEditor().getSelection());\n          setIsOpen(true);\n        }}\n      >\n        <Image color={['neutral', 500]} size=\"s\" />\n      </TippedButton>\n      <DSModal\n        isOpen={isOpen}\n        title=\"\"\n        onConfirm={() => {\n          setIsOpen(false);\n        }}\n        onClose={() => {\n          setIsOpen(false);\n        }}\n        showClose\n        version={2}\n        size=\"xsmall\"\n        modalType={MODAL_TYPE_V2.DECISION}\n        confirmLabel=\"Cancel\"\n        message=\"\"\n      >\n        {!inProgress && (\n          <DSUploader\n            containerProps={{ id: elementId }}\n            showAltAction={false}\n            acceptedTypesText={allowedImageTypes}\n            onDrop={handleFileChange}\n          />\n        )}\n        {inProgress && 'Upload in progress...'}\n        {error && <div style={{ color: 'red', marginTop: '10px' }}>{error}</div>}\n      </DSModal>\n    </>\n  );\n};\n"],
+  "mappings": "AAAA;ACIA;AACA;AACA;AACA;AACA;AAEA,MAAM,qBAAqB;AAC3B,MAAM,gBAAgB;AACtB,MAAM,mBAAmB,OAAO;AAEzB,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA,oBAAoB;AAAA,EACpB,cAAc,MAAM;AAAA,EACpB,SAAS;AAAA,MACL;AACJ,QAAM,CAAC,QAAQ,aAAa,SAAS;AACrC,QAAM,CAAC,OAAO,YAAY,SAAS;AACnC,QAAM,CAAC,YAAY,iBAAiB,SAAS;AAC7C,QAAM,CAAC,eAAe,oBAAoB,SAAS,EAAE,OAAO,GAAG,QAAQ;AAEvE,QAAM,YAAY,cAAc;AAGhC,QAAM,mBAAmB,OAAO,UAAU;AACxC,QAAI,CAAC,YAAY;AACf,eAAS;AACT,YAAM,eAAe,MAAM;AAC3B,UAAI,CAAC,cAAc;AACjB,iBAAS;AACT,eAAO;AAAA;AAET,UAAI,CAAC,aAAa,KAAK,MAAM,gBAAgB;AAC3C,iBAAS;AAAA,iBACA,aAAa,OAAO,kBAAkB;AAC/C,iBAAS;AAAA,aACJ;AACL,cAAM,KAAK,IAAI;AACf,WAAG,SAAS,YAAY;AACtB,wBAAc;AACd,cAAI;AACF,kBAAM,MAAM,MAAM,YAAY;AAAA,cAC5B,MAAM,aAAa;AAAA,cACnB,MAAM,aAAa;AAAA,cACnB,aAAa,aAAa;AAAA,cAC1B,eAAe;AAAA,cACf,MAAM,GAAG;AAAA;AAEX,sBAAU;AACV,sBAAU,YAAY,YAAY,eAAe,SAAS,GAAG,SAAS;AAAA,mBAC/D,GAAP;AACA,qBAAS;AAAA;AAEX,wBAAc;AAAA;AAEhB,WAAG,kBAAkB;AAAA;AAAA;AAAA;AAI3B,SACE,4DACE,qCAAC,cAAD;AAAA,IACE;AAAA,IACA,KAAI;AAAA,IACJ,SAAS,MAAM;AACb,uBAAiB,UAAU,YAAY;AACvC,gBAAU;AAAA;AAAA,KAGZ,qCAAC,OAAD;AAAA,IAAO,OAAO,CAAC,WAAW;AAAA,IAAM,MAAK;AAAA,OAEvC,qCAAC,SAAD;AAAA,IACE;AAAA,IACA,OAAM;AAAA,IACN,WAAW,MAAM;AACf,gBAAU;AAAA;AAAA,IAEZ,SAAS,MAAM;AACb,gBAAU;AAAA;AAAA,IAEZ,WAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAK;AAAA,IACL,WAAW,cAAc;AAAA,IACzB,cAAa;AAAA,IACb,SAAQ;AAAA,KAEP,CAAC,cACA,qCAAC,YAAD;AAAA,IACE,gBAAgB,EAAE,IAAI;AAAA,IACtB,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,QAAQ;AAAA,MAGX,cAAc,yBACd,SAAS,qCAAC,OAAD;AAAA,IAAK,OAAO,EAAE,OAAO,OAAO,WAAW;AAAA,KAAW;AAAA;",
+  "names": []
+}