@elliemae/ds-wysiwygeditor 3.4.2 → 3.4.3

package/dist/cjs/quillOverrides/LinkFormat.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var LinkFormat_exports = {};
 __export(LinkFormat_exports, {

package/dist/cjs/quillOverrides/LinkFormat.js.map

@@ -2,6 +2,6 @@
   "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' || value === null) 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;AAAA;ACAA,YAAuB;ADCvB,yBAAsB;AAEtB,MAAM,mBAAmB,CAAC,UAAU;AAClC,MAAI,OAAO,UAAU,aAAa,UAAU;AAAM,WAAO;AACzD,MAAI,SAAS;AACb,MACE,CAAC,MAAM,WAAW,MAAM,KACxB,CAAC,MAAM,WAAW,KAAK,KACvB,CAAC,MAAM,WAAW,SAAS,KAC3B,CAAC,MAAM,WAAW,IAAI,GACtB;AACA,QAAI,CAAC,MAAM,WAAW,KAAK,GAAG;AAC5B,eAAS,eAAe;AAAA,IAC1B;AAAO,eAAS,WAAW;AAAA,EAC7B;AACA,SAAO;AACT;AAEA,4BAA4B,KAAK,WAAW;AAC1C,QAAM,SAAS,SAAS,cAAc,GAAG;AACzC,SAAO,OAAO;AACd,QAAM,WAAW,OAAO,KAAK,MAAM,GAAG,OAAO,KAAK,QAAQ,GAAG,CAAC;AAC9D,SAAO,UAAU,QAAQ,QAAQ,IAAI;AACvC;AAEA,MAAM,OAAO,yBAAM,OAAO,cAAc;AAExC,MAAM,mBAAmB,KAAK;AAAA,EAA9B;AAAA;AACE,oBAAW;AAEX,mBAAU;AAEV,yBAAgB;AAEhB,8BAAqB,CAAC,QAAQ,OAAO,SAAS,UAAU,KAAK;AAAA;AAAA,EAE7D,OAAO,OAAO,OAAO;AACnB,UAAM,SAAS,iBAAiB,KAAK;AACrC,UAAM,OAAO,MAAM,OAAO,MAAM;AAChC,SAAK,aAAa,QAAQ,MAAM;AAChC,WAAO;AAAA,EACT;AAAA,EAEA,OAAO,QAAQ,SAAS;AACtB,WAAO,SAAS,eAAe,MAAM;AAAA,EACvC;AAAA,EAEA,OAAO,SAAS,KAAK;AACnB,WAAO,mBAAmB,KAAK,KAAK,kBAAkB,IAAI,MAAM,KAAK;AAAA,EACvE;AAAA,EAEA,OAAO,MAAM,OAAO;AAClB,UAAM,SAAS,iBAAiB,KAAK;AAErC,QAAI,SAAS,UAAU,UAAU,OAAO;AACtC,WAAK,QAAQ,gBAAgB,MAAM;AAAA,IACrC,WAAW,SAAS,KAAK,QAAQ,YAAY,CAAC,QAAQ;AACpD,YAAM,OAAO,MAAM,MAAM;AAAA,IAC3B,OAAO;AACL,WAAK,QAAQ,aAAa,QAAQ,KAAK,YAAY,SAAS,MAAM,CAAC;AAAA,IACrE;AAAA,EACF;AACF;AAEA,IAAO,qBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,yBAAsB;AAEtB,MAAM,mBAAmB,CAAC,UAAU;AAClC,MAAI,OAAO,UAAU,aAAa,UAAU;AAAM,WAAO;AACzD,MAAI,SAAS;AACb,MACE,CAAC,MAAM,WAAW,MAAM,KACxB,CAAC,MAAM,WAAW,KAAK,KACvB,CAAC,MAAM,WAAW,SAAS,KAC3B,CAAC,MAAM,WAAW,IAAI,GACtB;AACA,QAAI,CAAC,MAAM,WAAW,KAAK,GAAG;AAC5B,eAAS,eAAe;AAAA,IAC1B;AAAO,eAAS,WAAW;AAAA,EAC7B;AACA,SAAO;AACT;AAEA,SAAS,mBAAmB,KAAK,WAAW;AAC1C,QAAM,SAAS,SAAS,cAAc,GAAG;AACzC,SAAO,OAAO;AACd,QAAM,WAAW,OAAO,KAAK,MAAM,GAAG,OAAO,KAAK,QAAQ,GAAG,CAAC;AAC9D,SAAO,UAAU,QAAQ,QAAQ,IAAI;AACvC;AAEA,MAAM,OAAO,yBAAM,OAAO,cAAc;AAExC,MAAM,mBAAmB,KAAK;AAAA,EAA9B;AAAA;AACE,oBAAW;AAEX,mBAAU;AAEV,yBAAgB;AAEhB,8BAAqB,CAAC,QAAQ,OAAO,SAAS,UAAU,KAAK;AAAA;AAAA,EAE7D,OAAO,OAAO,OAAO;AACnB,UAAM,SAAS,iBAAiB,KAAK;AACrC,UAAM,OAAO,MAAM,OAAO,MAAM;AAChC,SAAK,aAAa,QAAQ,MAAM;AAChC,WAAO;AAAA,EACT;AAAA,EAEA,OAAO,QAAQ,SAAS;AACtB,WAAO,SAAS,eAAe,MAAM;AAAA,EACvC;AAAA,EAEA,OAAO,SAAS,KAAK;AACnB,WAAO,mBAAmB,KAAK,KAAK,kBAAkB,IAAI,MAAM,KAAK;AAAA,EACvE;AAAA,EAEA,OAAO,MAAM,OAAO;AAClB,UAAM,SAAS,iBAAiB,KAAK;AAErC,QAAI,SAAS,UAAU,UAAU,OAAO;AACtC,WAAK,QAAQ,gBAAgB,MAAM;AAAA,IACrC,WAAW,SAAS,KAAK,QAAQ,YAAY,CAAC,QAAQ;AACpD,YAAM,OAAO,MAAM,MAAM;AAAA,IAC3B,OAAO;AACL,WAAK,QAAQ,aAAa,QAAQ,KAAK,YAAY,SAAS,MAAM,CAAC;AAAA,IACrE;AAAA,EACF;AACF;AAEA,IAAO,qBAAQ;",
   "names": []
 }

package/dist/cjs/quillOverrides/PlainClipboard.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var PlainClipboard_exports = {};
 __export(PlainClipboard_exports, {

package/dist/cjs/quillOverrides/PlainClipboard.js.map

@@ -2,6 +2,6 @@
   "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;AAAA;ACAA,YAAuB;ADAvB,yBAAsB;AAEtB,MAAM,YAAY,yBAAM,OAAO,mBAAmB;AAClD,MAAM,QAAQ,yBAAM,OAAO,OAAO;AAKlC,MAAO,uBAAqC,UAAU;AAAA,EACpD,QAAQ,OAAO,MAAM;AACnB,QAAI,OAAO,SAAS,UAAU;AAC5B,WAAK,UAAU,YAAY;AAAA,IAC7B;AACA,UAAM,OAAO,KAAK,UAAU;AAC5B,SAAK,UAAU,YAAY;AAC3B,WAAO,IAAI,MAAM,EAAE,OAAO,IAAI;AAAA,EAChC;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,yBAAsB;AAEtB,MAAM,YAAY,yBAAM,OAAO,mBAAmB;AAClD,MAAM,QAAQ,yBAAM,OAAO,OAAO;AAKlC,MAAO,uBAAqC,UAAU;AAAA,EACpD,QAAQ,OAAO,MAAM;AACnB,QAAI,OAAO,SAAS,UAAU;AAC5B,WAAK,UAAU,YAAY;AAAA,IAC7B;AACA,UAAM,OAAO,KAAK,UAAU;AAC5B,SAAK,UAAU,YAAY;AAC3B,WAAO,IAAI,MAAM,EAAE,OAAO,IAAI;AAAA,EAChC;AACF;",
   "names": []
 }

package/dist/cjs/utils.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var utils_exports = {};
 __export(utils_exports, {

package/dist/cjs/utils.js.map

@@ -2,6 +2,6 @@
   "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;AAAA;ACAA,YAAuB;ADAhB,MAAM,aAAa,CAAC,SAAS;AAClC,QAAM,MAAM;AACZ,MAAI,SAAS;AACb,MAAI,SAAS;AAEb,OAAK,MAAM,OAAO,EAAE,QAAQ,CAAC,YAAY;AACvC,QAAI,QAAQ,MAAM,OAAO,GAAG;AAC1B,eAAS,OAAO,UAAU,IAAI,MAAM;AAAA,IACtC;AAEA,cAAU,GAAG,UAAU;AAAA;AAEvB,QAAI,QAAQ,MAAM,iBAAiB,GAAG;AACpC,gBAAU;AAAA,IACZ;AAAA,EACF,CAAC;AAED,SAAO,OAAO,UAAU,GAAG,OAAO,SAAS,CAAC;AAC9C;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,aAAa,CAAC,SAAS;AAClC,QAAM,MAAM;AACZ,MAAI,SAAS;AACb,MAAI,SAAS;AAEb,OAAK,MAAM,OAAO,EAAE,QAAQ,CAAC,YAAY;AACvC,QAAI,QAAQ,MAAM,OAAO,GAAG;AAC1B,eAAS,OAAO,UAAU,IAAI,MAAM;AAAA,IACtC;AAEA,cAAU,GAAG,UAAU;AAAA;AAEvB,QAAI,QAAQ,MAAM,iBAAiB,GAAG;AACpC,gBAAU;AAAA,IACZ;AAAA,EACF,CAAC;AAED,SAAO,OAAO,UAAU,GAAG,OAAO,SAAS,CAAC;AAC9C;",
   "names": []
 }

package/dist/esm/DSWYSIWYGEditor.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useState, useEffect } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
 import { describe, PropTypes } from "@elliemae/ds-utilities";
 import DSWYSIWYGEditorImpl from "./components/DSWYSIWYGEditorImpl";
 const DSWYSIWYGEditor = ({
@@ -18,7 +19,7 @@ const DSWYSIWYGEditor = ({
   };
   const [showHTML, setShowHTML] = useState(showRawHTML);
   useEffect(() => setShowHTML(showRawHTML), [showRawHTML]);
-  return /* @__PURE__ */ React2.createElement(DSWYSIWYGEditorImpl, {
+  return /* @__PURE__ */ jsx(DSWYSIWYGEditorImpl, {
     forceHttpLink: true,
     handleCustomFieldClick: emptyAction,
     handleImageClick: emptyAction,
@@ -38,20 +39,26 @@ const DSWYSIWYGEditor = ({
 };
 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. 
+  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,
+    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."),
+  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)")
+  zIndex: PropTypes.number.description(
+    "zIndex to be used (required when used in a modal for correct tooltips displaying)"
+  )
 };
 DSWYSIWYGEditor.propTypes = wysiwygEditorProps;
 DSWYSIWYGEditor.displayName = "DSWYSIWYGEditor";

package/dist/esm/DSWYSIWYGEditor.js.map

@@ -2,6 +2,6 @@
   "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 '@elliemae/ds-utilities';\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;\nDSWYSIWYGEditor.displayName = 'DSWYSIWYGEditor';\nconst WYSIWYWithSchema = describe(DSWYSIWYGEditor);\nWYSIWYWithSchema.propTypes = wysiwygEditorProps;\n\nexport { WYSIWYWithSchema, DSWYSIWYGEditor };\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,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,KACG;AAAA,MACC;AACJ,QAAM,cAAc,MAAM;AAAA,EAAC;AAC3B,QAAM,CAAC,UAAU,eAAe,SAAS,WAAW;AAEpD,YAAU,MAAM,YAAY,WAAW,GAAG,CAAC,WAAW,CAAC;AAEvD,SACE,qCAAC;AAAA,IACC,eAAa;AAAA,IACb,wBAAwB;AAAA,IACxB,kBAAkB;AAAA,IAClB,gBAAgB,CAAC;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,YAAY,MAAM,YAAY,CAAC,QAAQ;AAAA,IACvC;AAAA,IACA;AAAA,IACC,GAAG;AAAA,GACN;AAEJ;AAEA,MAAM,qBAAqB;AAAA,EACzB,OAAO,UAAU,OAAO,YAAY,eAAe,EAAE;AAAA,EACrD,UAAU,UAAU,KAAK,YACvB;AAAA;AAAA;AAAA;AAAA,8DAKF,EAAE;AAAA,EACF,aAAa,UAAU,KAAK,YAAY,8BAA8B;AAAA,EACtE,cAAc,UAAU,OAAO,YAAY,kCAAkC;AAAA,EAC7E,eAAe,UAAU,QAAQ,YAAY,gBAAgB;AAAA,EAC7D,iBAAiB,UAAU,OAAO,YAAY,8BAA8B;AAAA,EAC5E,aAAa,UAAU,KAAK,YAAY,qCAAqC,EAAE,aAAa,KAAK;AAAA,EACjG,QAAQ,UAAU,OAAO,YAAY,iCAAiC;AAAA,EACtE,UAAU,UAAU,OAAO,YACzB,qFACF;AAAA,EACA,WAAW,UAAU,OAAO,YAAY,mDAAmD,EAAE,aAAa,CAAC,CAAC;AAAA,EAC5G,QAAQ,UAAU,OAAO,YACvB,mFACF;AACF;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,mBAAmB,SAAS,eAAe;AACjD,iBAAiB,YAAY;AAG7B,IAAO,0BAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,UAAU,iBAAiB;AAC3C,SAAS,UAAU,iBAAiB;AACpC,OAAO,yBAAyB;AAEhC,MAAM,kBAAkB,CAAC;AAAA,EACvB,QAAQ;AAAA,EACR,WAAW,MAAM;AAAA,EACjB,cAAc,MAAM;AAAA,EACpB,eAAe,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,KACG;AACL,MAAM;AACJ,QAAM,cAAc,MAAM;AAAA,EAAC;AAC3B,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,WAAW;AAEpD,YAAU,MAAM,YAAY,WAAW,GAAG,CAAC,WAAW,CAAC;AAEvD,SACE,oBAAC;AAAA,IACC,eAAa;AAAA,IACb,wBAAwB;AAAA,IACxB,kBAAkB;AAAA,IAClB,gBAAgB,CAAC;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,YAAY,MAAM,YAAY,CAAC,QAAQ;AAAA,IACvC;AAAA,IACA;AAAA,IACC,GAAG;AAAA,GACN;AAEJ;AAEA,MAAM,qBAAqB;AAAA,EACzB,OAAO,UAAU,OAAO,YAAY,eAAe,EAAE;AAAA,EACrD,UAAU,UAAU,KAAK;AAAA,IACvB;AAAA;AAAA;AAAA;AAAA;AAAA,EAKF,EAAE;AAAA,EACF,aAAa,UAAU,KAAK,YAAY,8BAA8B;AAAA,EACtE,cAAc,UAAU,OAAO,YAAY,kCAAkC;AAAA,EAC7E,eAAe,UAAU,QAAQ,YAAY,gBAAgB;AAAA,EAC7D,iBAAiB,UAAU,OAAO,YAAY,8BAA8B;AAAA,EAC5E,aAAa,UAAU,KAAK,YAAY,qCAAqC,EAAE,aAAa,KAAK;AAAA,EACjG,QAAQ,UAAU,OAAO,YAAY,iCAAiC;AAAA,EACtE,UAAU,UAAU,OAAO;AAAA,IACzB;AAAA,EACF;AAAA,EACA,WAAW,UAAU,OAAO,YAAY,mDAAmD,EAAE,aAAa,CAAC,CAAC;AAAA,EAC5G,QAAQ,UAAU,OAAO;AAAA,IACvB;AAAA,EACF;AACF;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,mBAAmB,SAAS,eAAe;AACjD,iBAAiB,YAAY;AAG7B,IAAO,0BAAQ;",
   "names": []
 }

package/dist/esm/components/CustomImageUploader.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+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";
@@ -54,39 +55,51 @@ const CustomImageUploader = ({
       }
     }
   };
-  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)));
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [
+      /* @__PURE__ */ jsx(TippedButton, {
+        zIndex,
+        tip: "Insert Image",
+        onClick: () => {
+          setLastSelection(quillRef?.getEditor().getSelection());
+          setIsOpen(true);
+        },
+        children: /* @__PURE__ */ jsx(Image, {
+          color: ["neutral", 500],
+          size: "s"
+        })
+      }),
+      /* @__PURE__ */ jsxs(DSModal, {
+        isOpen,
+        title: "",
+        onConfirm: () => {
+          setIsOpen(false);
+        },
+        onClose: () => {
+          setIsOpen(false);
+        },
+        showClose: true,
+        version: 2,
+        size: "xsmall",
+        modalType: MODAL_TYPE_V2.DECISION,
+        confirmLabel: "Cancel",
+        message: "",
+        children: [
+          !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" },
+            children: error
+          })
+        ]
+      })
+    ]
+  });
 };
 export {
   CustomImageUploader

package/dist/esm/components/CustomImageUploader.js.map

@@ -2,6 +2,6 @@
   "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,KAAK;AAC1C,QAAM,CAAC,OAAO,YAAY,SAAS,IAAI;AACvC,QAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;AAClD,QAAM,CAAC,eAAe,oBAAoB,SAAS,EAAE,OAAO,GAAG,QAAQ,EAAE,CAAC;AAE1E,QAAM,YAAY,cAAc;AAGhC,QAAM,mBAAmB,OAAO,UAAU;AACxC,QAAI,CAAC,YAAY;AACf,eAAS,IAAI;AACb,YAAM,eAAe,MAAM;AAC3B,UAAI,CAAC,cAAc;AACjB,iBAAS,uBAAuB;AAChC,eAAO;AAAA,MACT;AACA,UAAI,CAAC,aAAa,KAAK,MAAM,aAAa,GAAG;AAC3C,iBAAS,wBAAwB;AAAA,MACnC,WAAW,aAAa,OAAO,kBAAkB;AAC/C,iBAAS,oBAAoB;AAAA,MAC/B,OAAO;AACL,cAAM,KAAK,IAAI,WAAW;AAC1B,WAAG,SAAS,YAAY;AACtB,wBAAc,IAAI;AAClB,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,YACX,CAAC;AACD,sBAAU,KAAK;AACf,sBAAU,UAAU,EAAE,YAAY,eAAe,SAAS,GAAG,SAAS,GAAG;AAAA,UAC3E,SAAS,GAAP;AACA,qBAAS,kCAAkC;AAAA,UAC7C;AACA,wBAAc,KAAK;AAAA,QACrB;AACA,WAAG,kBAAkB,YAAY;AAAA,MACnC;AAAA,IACF;AAAA,EACF;AACA,SACE,4DACE,qCAAC;AAAA,IACC;AAAA,IACA,KAAI;AAAA,IACJ,SAAS,MAAM;AACb,uBAAiB,UAAU,UAAU,EAAE,aAAa,CAAC;AACrD,gBAAU,IAAI;AAAA,IAChB;AAAA,KAEA,qCAAC;AAAA,IAAM,OAAO,CAAC,WAAW,GAAG;AAAA,IAAG,MAAK;AAAA,GAAI,CAC3C,GACA,qCAAC;AAAA,IACC;AAAA,IACA,OAAM;AAAA,IACN,WAAW,MAAM;AACf,gBAAU,KAAK;AAAA,IACjB;AAAA,IACA,SAAS,MAAM;AACb,gBAAU,KAAK;AAAA,IACjB;AAAA,IACA,WAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAK;AAAA,IACL,WAAW,cAAc;AAAA,IACzB,cAAa;AAAA,IACb,SAAQ;AAAA,KAEP,CAAC,cACA,qCAAC;AAAA,IACC,gBAAgB,EAAE,IAAI,UAAU;AAAA,IAChC,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,QAAQ;AAAA,GACV,GAED,cAAc,yBACd,SAAS,qCAAC;AAAA,IAAI,OAAO,EAAE,OAAO,OAAO,WAAW,OAAO;AAAA,KAAI,KAAM,CACpE,CACF;AAEJ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAIA,SAAgB,gBAAgB;AAChC,SAAS,aAAa;AACtB,OAAO,gBAAgB;AACvB,OAAO,WAAW,qBAAqB;AACvC,SAAS,oBAAoB;AAE7B,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;AACX,MAAM;AACJ,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,IAAI;AACvC,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,EAAE,OAAO,GAAG,QAAQ,EAAE,CAAC;AAE1E,QAAM,YAAY,cAAc;AAGhC,QAAM,mBAAmB,OAAO,UAAU;AACxC,QAAI,CAAC,YAAY;AACf,eAAS,IAAI;AACb,YAAM,eAAe,MAAM;AAC3B,UAAI,CAAC,cAAc;AACjB,iBAAS,uBAAuB;AAChC,eAAO;AAAA,MACT;AACA,UAAI,CAAC,aAAa,KAAK,MAAM,aAAa,GAAG;AAC3C,iBAAS,wBAAwB;AAAA,MACnC,WAAW,aAAa,OAAO,kBAAkB;AAC/C,iBAAS,oBAAoB;AAAA,MAC/B,OAAO;AACL,cAAM,KAAK,IAAI,WAAW;AAC1B,WAAG,SAAS,YAAY;AACtB,wBAAc,IAAI;AAClB,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,YACX,CAAC;AACD,sBAAU,KAAK;AACf,sBAAU,UAAU,EAAE,YAAY,eAAe,SAAS,GAAG,SAAS,GAAG;AAAA,UAC3E,SAAS,GAAP;AACA,qBAAS,kCAAkC;AAAA,UAC7C;AACA,wBAAc,KAAK;AAAA,QACrB;AACA,WAAG,kBAAkB,YAAY;AAAA,MACnC;AAAA,IACF;AAAA,EACF;AACA,SACE;AAAA,IACE;AAAA,0BAAC;AAAA,QACC;AAAA,QACA,KAAI;AAAA,QACJ,SAAS,MAAM;AACb,2BAAiB,UAAU,UAAU,EAAE,aAAa,CAAC;AACrD,oBAAU,IAAI;AAAA,QAChB;AAAA,QAEA,8BAAC;AAAA,UAAM,OAAO,CAAC,WAAW,GAAG;AAAA,UAAG,MAAK;AAAA,SAAI;AAAA,OAC3C;AAAA,MACA,qBAAC;AAAA,QACC;AAAA,QACA,OAAM;AAAA,QACN,WAAW,MAAM;AACf,oBAAU,KAAK;AAAA,QACjB;AAAA,QACA,SAAS,MAAM;AACb,oBAAU,KAAK;AAAA,QACjB;AAAA,QACA,WAAS;AAAA,QACT,SAAS;AAAA,QACT,MAAK;AAAA,QACL,WAAW,cAAc;AAAA,QACzB,cAAa;AAAA,QACb,SAAQ;AAAA,QAEP;AAAA,WAAC,cACA,oBAAC;AAAA,YACC,gBAAgB,EAAE,IAAI,UAAU;AAAA,YAChC,eAAe;AAAA,YACf,mBAAmB;AAAA,YACnB,QAAQ;AAAA,WACV;AAAA,UAED,cAAc;AAAA,UACd,SAAS,oBAAC;AAAA,YAAI,OAAO,EAAE,OAAO,OAAO,WAAW,OAAO;AAAA,YAAI;AAAA,WAAM;AAAA;AAAA,OACpE;AAAA;AAAA,GACF;AAEJ;",
   "names": []
 }