@elliemae/ds-wysiwygeditor 3.3.0-next.3 → 3.3.0-next.6

package/dist/cjs/DSWYSIWYGEditor.js

@@ -3,34 +3,8 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -56,33 +30,23 @@ var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_DSWYSIWYGEditorImpl = __toESM(require("./components/DSWYSIWYGEditorImpl"));
-const DSWYSIWYGEditor = (_a) => {
-  var _b = _a, {
-    value = "",
-    onChange = () => null,
-    getQuillRef = () => null,
-    quillModules = {},
-    customToolbar,
-    toolbarHandlers,
-    showRawHTML = false,
-    height,
-    hideItems
-  } = _b, rest = __objRest(_b, [
-    "value",
-    "onChange",
-    "getQuillRef",
-    "quillModules",
-    "customToolbar",
-    "toolbarHandlers",
-    "showRawHTML",
-    "height",
-    "hideItems"
-  ]);
+const DSWYSIWYGEditor = ({
+  value = "",
+  onChange = () => null,
+  getQuillRef = () => null,
+  quillModules = {},
+  customToolbar,
+  toolbarHandlers,
+  showRawHTML = false,
+  height,
+  hideItems,
+  ...rest
+}) => {
   const emptyAction = () => {
   };
   const [showHTML, setShowHTML] = (0, import_react.useState)(showRawHTML);
   (0, import_react.useEffect)(() => setShowHTML(showRawHTML), [showRawHTML]);
-  return /* @__PURE__ */ import_react.default.createElement(import_DSWYSIWYGEditorImpl.default, __spreadValues({
+  return /* @__PURE__ */ import_react.default.createElement(import_DSWYSIWYGEditorImpl.default, {
     forceHttpLink: true,
     handleCustomFieldClick: emptyAction,
     handleImageClick: emptyAction,
@@ -96,8 +60,9 @@ const DSWYSIWYGEditor = (_a) => {
     showRawHTML: showHTML,
     onShowHTML: () => setShowHTML(!showHTML),
     height,
-    hideItems
-  }, rest));
+    hideItems,
+    ...rest
+  });
 };
 const wysiwygEditorProps = {
   value: import_ds_utilities.PropTypes.string.description("editors value").isRequired,

package/dist/cjs/DSWYSIWYGEditor.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/DSWYSIWYGEditor.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA2C;AAC3C,0BAAoC;AACpC,iCAAgC;AAEhC,MAAM,kBAAkB,CAAC,OAWnB;AAXmB,eACvB;AAAA,YAAQ;AAAA,IACR,WAAW,MAAM;AAAA,IACjB,cAAc,MAAM;AAAA,IACpB,eAAe,CAAC;AAAA,IAChB;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA,MATuB,IAUpB,iBAVoB,IAUpB;AAAA,IATH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,cAAc,MAAM;AAAA,EAAC;AAC3B,QAAM,CAAC,UAAU,eAAe,2BAAS,WAAW;AAEpD,8BAAU,MAAM,YAAY,WAAW,GAAG,CAAC,WAAW,CAAC;AAEvD,SACE,mDAAC;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,KACI,KACN;AAEJ;AAEA,MAAM,qBAAqB;AAAA,EACzB,OAAO,8BAAU,OAAO,YAAY,eAAe,EAAE;AAAA,EACrD,UAAU,8BAAU,KAAK,YACvB;AAAA;AAAA;AAAA;AAAA,8DAKF,EAAE;AAAA,EACF,aAAa,8BAAU,KAAK,YAAY,8BAA8B;AAAA,EACtE,cAAc,8BAAU,OAAO,YAAY,kCAAkC;AAAA,EAC7E,eAAe,8BAAU,QAAQ,YAAY,gBAAgB;AAAA,EAC7D,iBAAiB,8BAAU,OAAO,YAAY,8BAA8B;AAAA,EAC5E,aAAa,8BAAU,KAAK,YAAY,qCAAqC,EAAE,aAAa,KAAK;AAAA,EACjG,QAAQ,8BAAU,OAAO,YAAY,iCAAiC;AAAA,EACtE,UAAU,8BAAU,OAAO,YACzB,qFACF;AAAA,EACA,WAAW,8BAAU,OAAO,YAAY,mDAAmD,EAAE,aAAa,CAAC,CAAC;AAAA,EAC5G,QAAQ,8BAAU,OAAO,YACvB,mFACF;AACF;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,mBAAmB,kCAAS,eAAe;AACjD,iBAAiB,YAAY;AAG7B,IAAO,0BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA2C;AAC3C,0BAAoC;AACpC,iCAAgC;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;AAAA,MACC;AACJ,QAAM,cAAc,MAAM;AAAA,EAAC;AAC3B,QAAM,CAAC,UAAU,eAAe,2BAAS,WAAW;AAEpD,8BAAU,MAAM,YAAY,WAAW,GAAG,CAAC,WAAW,CAAC;AAEvD,SACE,mDAAC;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,8BAAU,OAAO,YAAY,eAAe,EAAE;AAAA,EACrD,UAAU,8BAAU,KAAK,YACvB;AAAA;AAAA;AAAA;AAAA,8DAKF,EAAE;AAAA,EACF,aAAa,8BAAU,KAAK,YAAY,8BAA8B;AAAA,EACtE,cAAc,8BAAU,OAAO,YAAY,kCAAkC;AAAA,EAC7E,eAAe,8BAAU,QAAQ,YAAY,gBAAgB;AAAA,EAC7D,iBAAiB,8BAAU,OAAO,YAAY,8BAA8B;AAAA,EAC5E,aAAa,8BAAU,KAAK,YAAY,qCAAqC,EAAE,aAAa,KAAK;AAAA,EACjG,QAAQ,8BAAU,OAAO,YAAY,iCAAiC;AAAA,EACtE,UAAU,8BAAU,OAAO,YACzB,qFACF;AAAA,EACA,WAAW,8BAAU,OAAO,YAAY,mDAAmD,EAAE,aAAa,CAAC,CAAC;AAAA,EAC5G,QAAQ,8BAAU,OAAO,YACvB,mFACF;AACF;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,mBAAmB,kCAAS,eAAe;AACjD,iBAAiB,YAAY;AAG7B,IAAO,0BAAQ;",
   "names": []
 }

package/dist/cjs/components/DSWYSIWYGEditorImpl.js

@@ -1,39 +1,10 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -95,16 +66,19 @@ import_react_quill.Quill.register(import_Image.default, true);
 class DSWYSIWYGEditorImpl extends import_react.default.PureComponent {
   constructor(props) {
     super(props);
-    this.quillModules = __spreadValues({
+    this.quillModules = {
       toolbar: {
         container: this.props.toolbarContainer ? `#${this.props.toolbarContainer}` : "#toolbar",
-        handlers: __spreadValues({}, this.props.toolbarHandlers)
+        handlers: {
+          ...this.props.toolbarHandlers
+        }
       },
       clipboard: {
         matchVisual: false
       },
-      blotFormatter: {}
-    }, this.props.quillModules);
+      blotFormatter: {},
+      ...this.props.quillModules
+    };
     this.getEditor = () => this.quill?.getEditor();
     this.onChangeQuill = (html, delta, source, editor) => {
       console.log("quill detected a change");
@@ -179,7 +153,7 @@ class DSWYSIWYGEditorImpl extends import_react.default.PureComponent {
   }
   render() {
     const { isFieldModalOpen, isImageModalOpen } = this.state;
-    const _a = this.props, {
+    const {
       containerProps = {},
       customFields,
       imagesData,
@@ -191,29 +165,18 @@ class DSWYSIWYGEditorImpl extends import_react.default.PureComponent {
       showRawHTML,
       onShowHTML,
       onChange,
-      hideItems
-    } = _a, editorProps = __objRest(_a, [
-      "containerProps",
-      "customFields",
-      "imagesData",
-      "customToolbar",
-      "handleImageClick",
-      "handleCustomFieldClick",
-      "height",
-      "value",
-      "showRawHTML",
-      "onShowHTML",
-      "onChange",
-      "hideItems"
-    ]);
-    return /* @__PURE__ */ import_react.default.createElement("div", __spreadProps(__spreadValues({}, containerProps), {
+      hideItems,
+      ...editorProps
+    } = this.props;
+    return /* @__PURE__ */ import_react.default.createElement("div", {
+      ...containerProps,
       className: `quill-wysiwyg-editor ${showRawHTML ? "show-raw" : ""}`
-    }), customToolbar || /* @__PURE__ */ import_react.default.createElement(import_CustomToolbar.CustomToolbar, {
+    }, customToolbar || /* @__PURE__ */ import_react.default.createElement(import_CustomToolbar.CustomToolbar, {
       customFields,
       onShowHTML,
       hideItems,
       userProps: this.props
-    }), /* @__PURE__ */ import_react.default.createElement(import_react_quill.default, __spreadProps(__spreadValues({
+    }), /* @__PURE__ */ import_react.default.createElement(import_react_quill.default, {
       ref: this.quillRef,
       modules: this.quillModules,
       onChange: this.onChangeQuill,
@@ -221,10 +184,10 @@ class DSWYSIWYGEditorImpl extends import_react.default.PureComponent {
       style: {
         height,
         borderBottom: "1px solid #ccc"
-      }
-    }, editorProps), {
+      },
+      ...editorProps,
       id: "wysiwyg-text-container"
-    })), /* @__PURE__ */ import_react.default.createElement("textarea", {
+    }), /* @__PURE__ */ import_react.default.createElement("textarea", {
       className: "raw-editor ql-container ql-snow ql-editor",
       style: {
         width: "100%",

package/dist/cjs/components/DSWYSIWYGEditorImpl.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/DSWYSIWYGEditorImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React from 'react';\nimport ReactQuill, { Quill } from 'react-quill';\nimport BlotFormatter from 'quill-blot-formatter';\n\nimport ImageLibraryModal from './ImageLibraryModal';\nimport InsertFieldModal from './InsertFieldModal';\nimport { CustomToolbar } from './CustomToolbar';\nimport IndentStyle from '../quillOverrides/IndentStyle';\nimport LinkFormat from '../quillOverrides/LinkFormat';\nimport Image from '../quillOverrides/Image';\nimport { formatHTML } from '../utils';\nimport { clipboardLinkWithTagMatcher } from '../quillMatchers/clipboardLinkWithTagMatcher';\n\nQuill.register('modules/blotFormatter', BlotFormatter);\n\n// Fix block styled formats ----------------\nconst AlignStyle = Quill.import('attributors/style/align');\nconst FontStyle = Quill.import('attributors/style/font');\nFontStyle.whitelist = [\n  // allow ONLY these fonts and the default\n  'serif',\n  'monospace',\n  'arial',\n  'comic-sans',\n  'courier-new',\n  'georgia',\n  'helvetica',\n  'lucida',\n];\nconst SizeStyle = Quill.import('attributors/style/size');\nSizeStyle.whitelist = [\n  // allow ONLY these sizes and the default\n  'x-small',\n  'large',\n  'x-large',\n];\n\n// Fix Doc Viewer p tags extra margin issue ---------\nconst Block = Quill.import('blots/block');\nBlock.tagName = 'p';\nQuill.register(Block);\n\nQuill.register(AlignStyle, true);\nQuill.register(IndentStyle, true);\nQuill.register(FontStyle, true);\nQuill.register(SizeStyle, true);\n// -----------------------------------------\nQuill.register(Image, true);\n\nexport default class DSWYSIWYGEditorImpl extends React.PureComponent {\n  quillModules = {\n    toolbar: {\n      container: this.props.toolbarContainer ? `#${this.props.toolbarContainer}` : '#toolbar',\n      handlers: {\n        ...this.props.toolbarHandlers,\n      },\n    },\n    clipboard: {\n      // toggle to add extra line breaks when pasting HTML:\n      matchVisual: false,\n    },\n    blotFormatter: {\n      // options... https://github.com/Fandom-OSS/quill-blot-formatter\n    },\n    ...this.props.quillModules,\n  };\n\n  constructor(props) {\n    super(props);\n    Quill.register(LinkFormat, true);\n    if (props.quillOverrides.length) {\n      props.quillOverrides.map((override) => Quill.register(override, true));\n    }\n    this.state = {\n      isImageModalOpen: false,\n      isFieldModalOpen: false,\n    };\n    const { toolbar } = this.quillModules;\n    if (props.imagesData) {\n      toolbar.handlers.image = (value) => {\n        const { imagesData, handleImageClick } = this.props;\n        if (!imagesData.length) {\n          return;\n        }\n        this.setState({ isImageModalOpen: !!value });\n        handleImageClick(value);\n      };\n    }\n    if (props.customFields) {\n      toolbar.handlers.customFields = (value) => {\n        const { customFields, handleCustomFieldClick } = this.props;\n        if (!customFields.length) {\n          return;\n        }\n        this.setState({ isFieldModalOpen: !!value });\n        handleCustomFieldClick(value);\n      };\n    }\n  }\n\n  componentDidMount() {\n    // this.quill doesn't exist untill the full call-stack execute\n    // we need to \"setTimeout\" so this componentDidMount work as expected\n    setTimeout(() => {\n      const quillDomRef = this.quill;\n      this.props.getQuillRef(quillDomRef);\n\n      const editor = quillDomRef?.getEditor();\n      // https://github.com/quilljs/quill/issues/2677\n      editor?.clipboard.addMatcher('a', clipboardLinkWithTagMatcher);\n    });\n  }\n\n  getEditor = () => this.quill?.getEditor();\n\n  // eslint-disable-next-line max-params\n  onChangeQuill = (html, delta, source, editor) => {\n    console.log('quill detected a change')\n    const { showRawHTML, onChange } = this.props;\n    if (!showRawHTML) onChange(html, delta, source, editor);\n  };\n\n  onChangeTextArea = (e) => {\n    const { showRawHTML, onChange } = this.props;\n    if (showRawHTML) onChange(e.target.value);\n  };\n\n  onInserFieldConfirm = (fieldCode) => {\n    const editor = this.getEditor();\n    const range = editor.getSelection(true);\n    editor.insertText(range.index, fieldCode);\n  };\n\n  onImageConfirm = (image) => {\n    if (!image) {\n      return;\n    }\n    const editor = this.getEditor();\n    const range = editor.getSelection(true);\n    editor.insertEmbed(range.index, 'image', image.url);\n  };\n\n  onFieldModalClose = () => {\n    this.setState({ isFieldModalOpen: false });\n  };\n\n  onImageModalClose = () => {\n    this.setState({ isImageModalOpen: false });\n  };\n\n  quillRef = (ref) => {\n    this.quill = ref;\n  };\n\n  render() {\n    const { isFieldModalOpen, isImageModalOpen } = this.state;\n    const {\n      containerProps = {},\n      customFields,\n      imagesData,\n      customToolbar,\n      handleImageClick,\n      handleCustomFieldClick,\n      height,\n      value,\n      showRawHTML,\n      onShowHTML,\n      onChange,\n      hideItems,\n      ...editorProps\n    } = this.props;\n\n    return (\n      <div\n        // data-testid=\"wysiwyg-text-container\"\n        {...containerProps}\n        className={`quill-wysiwyg-editor ${showRawHTML ? 'show-raw' : ''}`}\n      >\n        {customToolbar || (\n          <CustomToolbar\n            customFields={customFields}\n            onShowHTML={onShowHTML}\n            hideItems={hideItems}\n            userProps={this.props}\n          />\n        )}\n        <ReactQuill\n          ref={this.quillRef}\n          modules={this.quillModules}\n          onChange={this.onChangeQuill}\n          value={value}\n          style={{\n            height,\n            borderBottom: '1px solid #ccc',\n          }}\n          {...editorProps}\n          id=\"wysiwyg-text-container\"\n        />\n        <textarea\n          className=\"raw-editor ql-container ql-snow ql-editor\"\n          style={{\n            width: '100%',\n            resize: 'none',\n            height,\n            minHeight: '200px',\n          }}\n          onChange={this.onChangeTextArea}\n          value={formatHTML(value)}\n        />\n        {imagesData && imagesData.length && (\n          <ImageLibraryModal\n            imagesData={imagesData}\n            isOpen={isImageModalOpen}\n            onClose={this.onImageModalClose}\n            onConfirm={this.onImageConfirm}\n          />\n        )}\n        {customFields && customFields.length && (\n          <InsertFieldModal\n            customFields={customFields}\n            isOpen={isFieldModalOpen}\n            onClose={this.onFieldModalClose}\n            onConfirm={this.onInserFieldConfirm}\n          />\n        )}\n      </div>\n    );\n  }\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/components/ImageLibraryModal.js

@@ -1,27 +1,10 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -62,10 +45,11 @@ class ImageLibraryModal extends import_react.default.PureComponent {
     };
   }
   render() {
-    return /* @__PURE__ */ import_react.default.createElement(import_ds_imagelibrarymodal.default, __spreadProps(__spreadValues({}, this.props), {
+    return /* @__PURE__ */ import_react.default.createElement(import_ds_imagelibrarymodal.default, {
+      ...this.props,
       onConfirm: this.onConfirm,
       onSelect: this.onSelect
-    }));
+    });
   }
 }
 ImageLibraryModal.propTypes = {

package/dist/cjs/components/ImageLibraryModal.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/ImageLibraryModal.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport DSImageLibraryModal from '@elliemae/ds-imagelibrarymodal';\nimport PropTypes from 'prop-types';\n\nexport default class ImageLibraryModal extends React.PureComponent {\n  static propTypes = {\n    onConfirm: PropTypes.func.isRequired,\n    onClose: PropTypes.func.isRequired,\n    onReject: PropTypes.func,\n    imagesData: PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string,\n        url: PropTypes.string.isRequired,\n        name: PropTypes.string.isRequired,\n        description: PropTypes.string,\n        createdBy: PropTypes.string.isRequired,\n        createdDate: PropTypes.string.isRequired,\n      }),\n    ),\n    isOpen: PropTypes.bool.isRequired,\n  };\n\n  static defaultProps = {\n    onReject: undefined,\n    imagesData: [\n      {\n        url: 'https://www.freeiconspng.com/minicovers/no-image-icon-6.png',\n        name: 'no image',\n        createdBy: 'user:John Doe',\n        createdDate: '0000-01-01 00:00 AM UTC',\n      },\n      {\n        url:\n          'https://asset-service-bucket-int.s3.us-west-2.amazonaws.com/bd527d8c-472f-4dff-b8c5-1c90d5bae01e',\n        name: 'no image 2',\n        createdBy: 'user:Jane Doe',\n        createdDate: '0000-01-01 00:00 AM UTC',\n      },\n    ],\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      selectedImage: undefined,\n    };\n  }\n\n  onSelect = selectedImage => {\n    this.setState({ selectedImage });\n  };\n\n  onConfirm = () => {\n    const { selectedImage } = this.state;\n    const { onConfirm, onClose } = this.props;\n    onConfirm(selectedImage);\n    onClose();\n  };\n\n  render() {\n    return (\n      <DSImageLibraryModal\n        {...this.props}\n        onConfirm={this.onConfirm}\n        onSelect={this.onSelect}\n      />\n    );\n  }\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,kCAAgC;AAChC,wBAAsB;AAEtB,MAAO,0BAAwC,qBAAM,cAAc;AAAA,EAqCjE,YAAY,OAAO;AACjB,UAAM,KAAK;AAMb,oBAAW,mBAAiB;AAC1B,WAAK,SAAS,EAAE,cAAc,CAAC;AAAA,IACjC;AAEA,qBAAY,MAAM;AAChB,YAAM,EAAE,kBAAkB,KAAK;AAC/B,YAAM,EAAE,WAAW,YAAY,KAAK;AACpC,gBAAU,aAAa;AACvB,cAAQ;AAAA,IACV;AAdE,SAAK,QAAQ;AAAA,MACX,eAAe;AAAA,IACjB;AAAA,EACF;AAAA,EAaA,SAAS;AACP,WACE,mDAAC,sEACK,KAAK,QADV;AAAA,MAEC,WAAW,KAAK;AAAA,MAChB,UAAU,KAAK;AAAA,MACjB;AAAA,EAEJ;AACF;AA/DE,AADmB,kBACZ,YAAY;AAAA,EACjB,WAAW,0BAAU,KAAK;AAAA,EAC1B,SAAS,0BAAU,KAAK;AAAA,EACxB,UAAU,0BAAU;AAAA,EACpB,YAAY,0BAAU,QACpB,0BAAU,MAAM;AAAA,IACd,IAAI,0BAAU;AAAA,IACd,KAAK,0BAAU,OAAO;AAAA,IACtB,MAAM,0BAAU,OAAO;AAAA,IACvB,aAAa,0BAAU;AAAA,IACvB,WAAW,0BAAU,OAAO;AAAA,IAC5B,aAAa,0BAAU,OAAO;AAAA,EAChC,CAAC,CACH;AAAA,EACA,QAAQ,0BAAU,KAAK;AACzB;AAEA,AAlBmB,kBAkBZ,eAAe;AAAA,EACpB,UAAU;AAAA,EACV,YAAY;AAAA,IACV;AAAA,MACE,KAAK;AAAA,MACL,MAAM;AAAA,MACN,WAAW;AAAA,MACX,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,KACE;AAAA,MACF,MAAM;AAAA,MACN,WAAW;AAAA,MACX,aAAa;AAAA,IACf;AAAA,EACF;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,kCAAgC;AAChC,wBAAsB;AAEtB,MAAO,0BAAwC,qBAAM,cAAc;AAAA,EAqCjE,YAAY,OAAO;AACjB,UAAM,KAAK;AAMb,oBAAW,mBAAiB;AAC1B,WAAK,SAAS,EAAE,cAAc,CAAC;AAAA,IACjC;AAEA,qBAAY,MAAM;AAChB,YAAM,EAAE,kBAAkB,KAAK;AAC/B,YAAM,EAAE,WAAW,YAAY,KAAK;AACpC,gBAAU,aAAa;AACvB,cAAQ;AAAA,IACV;AAdE,SAAK,QAAQ;AAAA,MACX,eAAe;AAAA,IACjB;AAAA,EACF;AAAA,EAaA,SAAS;AACP,WACE,mDAAC;AAAA,MACE,GAAG,KAAK;AAAA,MACT,WAAW,KAAK;AAAA,MAChB,UAAU,KAAK;AAAA,KACjB;AAAA,EAEJ;AACF;AA/DE,AADmB,kBACZ,YAAY;AAAA,EACjB,WAAW,0BAAU,KAAK;AAAA,EAC1B,SAAS,0BAAU,KAAK;AAAA,EACxB,UAAU,0BAAU;AAAA,EACpB,YAAY,0BAAU,QACpB,0BAAU,MAAM;AAAA,IACd,IAAI,0BAAU;AAAA,IACd,KAAK,0BAAU,OAAO;AAAA,IACtB,MAAM,0BAAU,OAAO;AAAA,IACvB,aAAa,0BAAU;AAAA,IACvB,WAAW,0BAAU,OAAO;AAAA,IAC5B,aAAa,0BAAU,OAAO;AAAA,EAChC,CAAC,CACH;AAAA,EACA,QAAQ,0BAAU,KAAK;AACzB;AAEA,AAlBmB,kBAkBZ,eAAe;AAAA,EACpB,UAAU;AAAA,EACV,YAAY;AAAA,IACV;AAAA,MACE,KAAK;AAAA,MACL,MAAM;AAAA,MACN,WAAW;AAAA,MACX,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,KACE;AAAA,MACF,MAAM;AAAA,MACN,WAAW;AAAA,MACX,aAAa;AAAA,IACf;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/cjs/components/InsertFieldModal.js

@@ -1,39 +1,10 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -136,14 +107,15 @@ class InsertFieldModal extends import_react.default.PureComponent {
         } else if (fieldCode === selectedFieldCode) {
           extras.ref = (element) => element && element.focus();
         }
-        return /* @__PURE__ */ import_react.default.createElement("div", __spreadValues({
+        return /* @__PURE__ */ import_react.default.createElement("div", {
           key: fieldCode,
           className: elementClassName,
           onClick: (e) => this.handleElementClick(e, fieldCode),
           onKeyUp: (e) => this.handleElementClick(e, fieldCode),
           role: "button",
-          tabIndex: 0
-        }, extras), this.drawLabel("content", (0, import_customFields.getFieldName)(customField), fieldCode));
+          tabIndex: 0,
+          ...extras
+        }, this.drawLabel("content", (0, import_customFields.getFieldName)(customField), fieldCode));
       });
     };
     this.state = {
@@ -165,12 +137,13 @@ class InsertFieldModal extends import_react.default.PureComponent {
     }
   }
   render() {
-    const _a = this.props, { customFields, onSelect } = _a, modalProps = __objRest(_a, ["customFields", "onSelect"]);
-    return /* @__PURE__ */ import_react.default.createElement(import_ds_modal.default, __spreadProps(__spreadValues({}, modalProps), {
+    const { customFields, onSelect, ...modalProps } = this.props;
+    return /* @__PURE__ */ import_react.default.createElement(import_ds_modal.default, {
+      ...modalProps,
       className: "insert-field-modal",
       onConfirm: this.onConfirm,
       onReject: this.onReject
-    }), /* @__PURE__ */ import_react.default.createElement("div", {
+    }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "wrapper"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "col-1"

package/dist/cjs/components/InsertFieldModal.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/InsertFieldModal.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\n/* eslint-disable react/static-property-placement */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport DSModal, { MODAL_TYPE } from '@elliemae/ds-modal';\nimport { sizeOptions } from '@elliemae/ds-shared';\nimport { includes } from 'lodash';\nimport { fields, getFieldName, getFieldCode } from './customFields';\n\nconst modalTypes = Object.values(MODAL_TYPE);\nconst elementClassName = 'insertfieldmodal-element';\n\nexport default class InsertFieldModal extends React.PureComponent {\n  static propTypes = {\n    onConfirm: PropTypes.func.isRequired,\n    onClose: PropTypes.func.isRequired,\n    confirmLabel: PropTypes.string,\n    customFields: PropTypes.arrayOf(PropTypes.string),\n    disableDoubleClick: PropTypes.bool,\n    isOpen: PropTypes.bool,\n    modalTitle: PropTypes.string,\n    modalType: PropTypes.string,\n    rejectLabel: PropTypes.string,\n    shouldCloseOnOverlayClick: PropTypes.bool,\n    size: PropTypes.string,\n    onSelect: PropTypes.func,\n  };\n\n  static defaultProps = {\n    confirmLabel: 'Add',\n    customFields: fields,\n    disableDoubleClick: false,\n    isOpen: true,\n    modalTitle: 'Add Field',\n    modalType: modalTypes[1],\n    rejectLabel: 'Cancel',\n    shouldCloseOnOverlayClick: true,\n    size: sizeOptions[1],\n    onSelect: undefined,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      selectedFieldCode: getFieldCode(fields[0]),\n    };\n    this.preventSpacebarScroll();\n  }\n\n  componentDidMount() {\n    const { customFields } = this.props;\n    if (customFields) {\n      this.handleElementClick({}, customFields[0]);\n      this.focusFirst = true;\n    }\n  }\n\n  getDerivedStateFromProps(nextProps) {\n    const { customFields } = this.props;\n    if (!customFields && nextProps.customFields) {\n      this.setState({ selectedFieldCode: customFields[0] });\n    }\n  }\n\n  onConfirm = () => {\n    const { onConfirm, onClose } = this.props;\n    const { selectedFieldCode } = this.state;\n    onConfirm(selectedFieldCode);\n    onClose();\n  };\n\n  onReject = () => {\n    const { onReject, onClose } = this.props;\n    if (onReject) {\n      onReject();\n    } else {\n      onClose();\n    }\n  };\n\n  drawDiv = (className, content, content2) => (\n    <div className={className}>\n      <span>{content}</span>\n      <span>{content2}</span>\n    </div>\n  );\n\n  drawLabel = (className, label, value) => (\n    <div className={className}>\n      <span className=\"label\">{label}</span>\n      <span className=\"value\">{value}</span>\n    </div>\n  );\n\n  handleElementClick = (e, selectedFieldCode) => {\n    if (e.key && e.key !== ' ') {\n      return;\n    }\n    const { selectedFieldCode: fCode } = this.state;\n    const { disableDoubleClick } = this.props;\n    if (selectedFieldCode === fCode && !disableDoubleClick) {\n      this.onConfirm();\n      return;\n    }\n    this.setState({\n      selectedFieldCode,\n    });\n    const { onSelect } = this.props;\n    if (onSelect) {\n      onSelect(selectedFieldCode);\n    }\n  };\n\n  preventSpacebarScroll = () => {\n    document.onkeypress = function (e) {\n      if (!includes(e.target.className, elementClassName)) {\n        return true;\n      }\n      e = e || window.event;\n      const charCode = e.keyCode || e.which;\n      if (charCode === 32) {\n        e.preventDefault();\n        return false;\n      }\n      return true;\n    };\n  };\n\n  renderElements = () => {\n    const { customFields } = this.props;\n    if (!customFields) {\n      return 'Empty';\n    }\n    const { selectedFieldCode } = this.state;\n    return customFields.map((customField, idx) => {\n      const extras = {};\n      const fieldCode = getFieldCode(customField);\n      if (this.focusFirst && idx === 0) {\n        extras.ref = (element) => element && element.focus();\n        this.focusFirst = undefined;\n      } else if (fieldCode === selectedFieldCode) {\n        extras.ref = (element) => element && element.focus();\n      }\n      return (\n        <div\n          key={fieldCode}\n          className={elementClassName}\n          onClick={(e) => this.handleElementClick(e, fieldCode)}\n          onKeyUp={(e) => this.handleElementClick(e, fieldCode)}\n          role=\"button\"\n          tabIndex={0}\n          {...extras}\n        >\n          {this.drawLabel('content', getFieldName(customField), fieldCode)}\n        </div>\n      );\n    });\n  };\n\n  render() {\n    const { customFields, onSelect, ...modalProps } = this.props;\n    return (\n      <DSModal {...modalProps} className=\"insert-field-modal\" onConfirm={this.onConfirm} onReject={this.onReject}>\n        <div className=\"wrapper\">\n          <div className=\"col-1\">\n            {this.drawDiv('title', 'Field Name', '\u00AB Field ID \u00BB')}\n            {this.renderElements()}\n          </div>\n        </div>\n      </DSModal>\n    );\n  }\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/components/TippedButton.js

@@ -3,34 +3,8 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -53,33 +27,26 @@ module.exports = __toCommonJS(TippedButton_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_ds_tooltip = require("@elliemae/ds-tooltip");
-const TippedButton = (_a) => {
-  var _b = _a, {
-    className,
-    tip,
-    children,
-    onClick = () => null,
-    zIndex = 1
-  } = _b, rest = __objRest(_b, [
-    "className",
-    "tip",
-    "children",
-    "onClick",
-    "zIndex"
-  ]);
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "tooltip"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.DSTooltipV3, {
-    text: tip,
-    zIndex,
-    withoutPortal: false
-  }, /* @__PURE__ */ import_react.default.createElement("button", __spreadValues({
-    type: "button",
-    className,
-    onClick: (e) => {
-      e.preventDefault();
-      onClick(e);
-    }
-  }, rest), children)));
-};
+const TippedButton = ({
+  className,
+  tip,
+  children,
+  onClick = () => null,
+  zIndex = 1,
+  ...rest
+}) => /* @__PURE__ */ import_react.default.createElement("div", {
+  className: "tooltip"
+}, /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.DSTooltipV3, {
+  text: tip,
+  zIndex,
+  withoutPortal: false
+}, /* @__PURE__ */ import_react.default.createElement("button", {
+  type: "button",
+  className,
+  onClick: (e) => {
+    e.preventDefault();
+    onClick(e);
+  },
+  ...rest
+}, children)));
 //# sourceMappingURL=TippedButton.js.map

package/dist/cjs/components/TippedButton.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/TippedButton.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\n\ninterface TippedButtonPropsT {\n  tip: string;\n  zIndex: number;\n  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  children?: React.ReactNode;\n  style?: React.CSSProperties;\n  className?: string;\n  value?: string;\n}\n\nexport const TippedButton = ({\n  className,\n  tip,\n  children,\n  onClick = () => null,\n  zIndex = 1,\n  ...rest\n}: TippedButtonPropsT): JSX.Element => (\n  <div className=\"tooltip\">\n    <DSTooltipV3 text={tip} zIndex={zIndex} withoutPortal={false}>\n      <button\n        type=\"button\"\n        className={className}\n        onClick={(e) => {\n          e.preventDefault();\n          onClick(e);\n        }}\n        {...rest}\n      >\n        {children}\n      </button>\n    </DSTooltipV3>\n  </div>\n);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAA4B;AAYrB,MAAM,eAAe,CAAC,OAOO;AAPP,eAC3B;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,MAAM;AAAA,IAChB,SAAS;AAAA,MALkB,IAMxB,iBANwB,IAMxB;AAAA,IALH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,4DAAC;AAAA,IAAI,WAAU;AAAA,KACb,mDAAC;AAAA,IAAY,MAAM;AAAA,IAAK;AAAA,IAAgB,eAAe;AAAA,KACrD,mDAAC;AAAA,IACC,MAAK;AAAA,IACL;AAAA,IACA,SAAS,CAAC,MAAM;AACd,QAAE,eAAe;AACjB,cAAQ,CAAC;AAAA,IACX;AAAA,KACI,OAEH,QACH,CACF,CACF;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAA4B;AAYrB,MAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU,MAAM;AAAA,EAChB,SAAS;AAAA,KACN;AAAA,MAEH,mDAAC;AAAA,EAAI,WAAU;AAAA,GACb,mDAAC;AAAA,EAAY,MAAM;AAAA,EAAK;AAAA,EAAgB,eAAe;AAAA,GACrD,mDAAC;AAAA,EACC,MAAK;AAAA,EACL;AAAA,EACA,SAAS,CAAC,MAAM;AACd,MAAE,eAAe;AACjB,YAAQ,CAAC;AAAA,EACX;AAAA,EACC,GAAG;AAAA,GAEH,QACH,CACF,CACF;",
   "names": []
 }

package/dist/esm/DSWYSIWYGEditor.js

@@ -1,63 +1,25 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 import * as React from "react";
 import React2, { useState, useEffect } from "react";
 import { describe, PropTypes } from "@elliemae/ds-utilities";
 import DSWYSIWYGEditorImpl from "./components/DSWYSIWYGEditorImpl";
-const DSWYSIWYGEditor = (_a) => {
-  var _b = _a, {
-    value = "",
-    onChange = () => null,
-    getQuillRef = () => null,
-    quillModules = {},
-    customToolbar,
-    toolbarHandlers,
-    showRawHTML = false,
-    height,
-    hideItems
-  } = _b, rest = __objRest(_b, [
-    "value",
-    "onChange",
-    "getQuillRef",
-    "quillModules",
-    "customToolbar",
-    "toolbarHandlers",
-    "showRawHTML",
-    "height",
-    "hideItems"
-  ]);
+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__ */ React2.createElement(DSWYSIWYGEditorImpl, __spreadValues({
+  return /* @__PURE__ */ React2.createElement(DSWYSIWYGEditorImpl, {
     forceHttpLink: true,
     handleCustomFieldClick: emptyAction,
     handleImageClick: emptyAction,
@@ -71,8 +33,9 @@ const DSWYSIWYGEditor = (_a) => {
     showRawHTML: showHTML,
     onShowHTML: () => setShowHTML(!showHTML),
     height,
-    hideItems
-  }, rest));
+    hideItems,
+    ...rest
+  });
 };
 const wysiwygEditorProps = {
   value: PropTypes.string.description("editors value").isRequired,

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,OAWnB;AAXmB,eACvB;AAAA,YAAQ;AAAA,IACR,WAAW,MAAM;AAAA,IACjB,cAAc,MAAM;AAAA,IACpB,eAAe,CAAC;AAAA,IAChB;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA,MATuB,IAUpB,iBAVoB,IAUpB;AAAA,IATH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,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,KACI,KACN;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;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;",
   "names": []
 }

package/dist/esm/components/DSWYSIWYGEditorImpl.js

@@ -1,35 +1,4 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 import * as React from "react";
 import React2 from "react";
 import ReactQuill, { Quill } from "react-quill";
@@ -72,16 +41,19 @@ Quill.register(Image, true);
 class DSWYSIWYGEditorImpl extends React2.PureComponent {
   constructor(props) {
     super(props);
-    this.quillModules = __spreadValues({
+    this.quillModules = {
       toolbar: {
         container: this.props.toolbarContainer ? `#${this.props.toolbarContainer}` : "#toolbar",
-        handlers: __spreadValues({}, this.props.toolbarHandlers)
+        handlers: {
+          ...this.props.toolbarHandlers
+        }
       },
       clipboard: {
         matchVisual: false
       },
-      blotFormatter: {}
-    }, this.props.quillModules);
+      blotFormatter: {},
+      ...this.props.quillModules
+    };
     this.getEditor = () => this.quill?.getEditor();
     this.onChangeQuill = (html, delta, source, editor) => {
       console.log("quill detected a change");
@@ -156,7 +128,7 @@ class DSWYSIWYGEditorImpl extends React2.PureComponent {
   }
   render() {
     const { isFieldModalOpen, isImageModalOpen } = this.state;
-    const _a = this.props, {
+    const {
       containerProps = {},
       customFields,
       imagesData,
@@ -168,29 +140,18 @@ class DSWYSIWYGEditorImpl extends React2.PureComponent {
       showRawHTML,
       onShowHTML,
       onChange,
-      hideItems
-    } = _a, editorProps = __objRest(_a, [
-      "containerProps",
-      "customFields",
-      "imagesData",
-      "customToolbar",
-      "handleImageClick",
-      "handleCustomFieldClick",
-      "height",
-      "value",
-      "showRawHTML",
-      "onShowHTML",
-      "onChange",
-      "hideItems"
-    ]);
-    return /* @__PURE__ */ React2.createElement("div", __spreadProps(__spreadValues({}, containerProps), {
+      hideItems,
+      ...editorProps
+    } = this.props;
+    return /* @__PURE__ */ React2.createElement("div", {
+      ...containerProps,
       className: `quill-wysiwyg-editor ${showRawHTML ? "show-raw" : ""}`
-    }), customToolbar || /* @__PURE__ */ React2.createElement(CustomToolbar, {
+    }, customToolbar || /* @__PURE__ */ React2.createElement(CustomToolbar, {
       customFields,
       onShowHTML,
       hideItems,
       userProps: this.props
-    }), /* @__PURE__ */ React2.createElement(ReactQuill, __spreadProps(__spreadValues({
+    }), /* @__PURE__ */ React2.createElement(ReactQuill, {
       ref: this.quillRef,
       modules: this.quillModules,
       onChange: this.onChangeQuill,
@@ -198,10 +159,10 @@ class DSWYSIWYGEditorImpl extends React2.PureComponent {
       style: {
         height,
         borderBottom: "1px solid #ccc"
-      }
-    }, editorProps), {
+      },
+      ...editorProps,
       id: "wysiwyg-text-container"
-    })), /* @__PURE__ */ React2.createElement("textarea", {
+    }), /* @__PURE__ */ React2.createElement("textarea", {
       className: "raw-editor ql-container ql-snow ql-editor",
       style: {
         width: "100%",

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/DSWYSIWYGEditorImpl.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React from 'react';\nimport ReactQuill, { Quill } from 'react-quill';\nimport BlotFormatter from 'quill-blot-formatter';\n\nimport ImageLibraryModal from './ImageLibraryModal';\nimport InsertFieldModal from './InsertFieldModal';\nimport { CustomToolbar } from './CustomToolbar';\nimport IndentStyle from '../quillOverrides/IndentStyle';\nimport LinkFormat from '../quillOverrides/LinkFormat';\nimport Image from '../quillOverrides/Image';\nimport { formatHTML } from '../utils';\nimport { clipboardLinkWithTagMatcher } from '../quillMatchers/clipboardLinkWithTagMatcher';\n\nQuill.register('modules/blotFormatter', BlotFormatter);\n\n// Fix block styled formats ----------------\nconst AlignStyle = Quill.import('attributors/style/align');\nconst FontStyle = Quill.import('attributors/style/font');\nFontStyle.whitelist = [\n  // allow ONLY these fonts and the default\n  'serif',\n  'monospace',\n  'arial',\n  'comic-sans',\n  'courier-new',\n  'georgia',\n  'helvetica',\n  'lucida',\n];\nconst SizeStyle = Quill.import('attributors/style/size');\nSizeStyle.whitelist = [\n  // allow ONLY these sizes and the default\n  'x-small',\n  'large',\n  'x-large',\n];\n\n// Fix Doc Viewer p tags extra margin issue ---------\nconst Block = Quill.import('blots/block');\nBlock.tagName = 'p';\nQuill.register(Block);\n\nQuill.register(AlignStyle, true);\nQuill.register(IndentStyle, true);\nQuill.register(FontStyle, true);\nQuill.register(SizeStyle, true);\n// -----------------------------------------\nQuill.register(Image, true);\n\nexport default class DSWYSIWYGEditorImpl extends React.PureComponent {\n  quillModules = {\n    toolbar: {\n      container: this.props.toolbarContainer ? `#${this.props.toolbarContainer}` : '#toolbar',\n      handlers: {\n        ...this.props.toolbarHandlers,\n      },\n    },\n    clipboard: {\n      // toggle to add extra line breaks when pasting HTML:\n      matchVisual: false,\n    },\n    blotFormatter: {\n      // options... https://github.com/Fandom-OSS/quill-blot-formatter\n    },\n    ...this.props.quillModules,\n  };\n\n  constructor(props) {\n    super(props);\n    Quill.register(LinkFormat, true);\n    if (props.quillOverrides.length) {\n      props.quillOverrides.map((override) => Quill.register(override, true));\n    }\n    this.state = {\n      isImageModalOpen: false,\n      isFieldModalOpen: false,\n    };\n    const { toolbar } = this.quillModules;\n    if (props.imagesData) {\n      toolbar.handlers.image = (value) => {\n        const { imagesData, handleImageClick } = this.props;\n        if (!imagesData.length) {\n          return;\n        }\n        this.setState({ isImageModalOpen: !!value });\n        handleImageClick(value);\n      };\n    }\n    if (props.customFields) {\n      toolbar.handlers.customFields = (value) => {\n        const { customFields, handleCustomFieldClick } = this.props;\n        if (!customFields.length) {\n          return;\n        }\n        this.setState({ isFieldModalOpen: !!value });\n        handleCustomFieldClick(value);\n      };\n    }\n  }\n\n  componentDidMount() {\n    // this.quill doesn't exist untill the full call-stack execute\n    // we need to \"setTimeout\" so this componentDidMount work as expected\n    setTimeout(() => {\n      const quillDomRef = this.quill;\n      this.props.getQuillRef(quillDomRef);\n\n      const editor = quillDomRef?.getEditor();\n      // https://github.com/quilljs/quill/issues/2677\n      editor?.clipboard.addMatcher('a', clipboardLinkWithTagMatcher);\n    });\n  }\n\n  getEditor = () => this.quill?.getEditor();\n\n  // eslint-disable-next-line max-params\n  onChangeQuill = (html, delta, source, editor) => {\n    console.log('quill detected a change')\n    const { showRawHTML, onChange } = this.props;\n    if (!showRawHTML) onChange(html, delta, source, editor);\n  };\n\n  onChangeTextArea = (e) => {\n    const { showRawHTML, onChange } = this.props;\n    if (showRawHTML) onChange(e.target.value);\n  };\n\n  onInserFieldConfirm = (fieldCode) => {\n    const editor = this.getEditor();\n    const range = editor.getSelection(true);\n    editor.insertText(range.index, fieldCode);\n  };\n\n  onImageConfirm = (image) => {\n    if (!image) {\n      return;\n    }\n    const editor = this.getEditor();\n    const range = editor.getSelection(true);\n    editor.insertEmbed(range.index, 'image', image.url);\n  };\n\n  onFieldModalClose = () => {\n    this.setState({ isFieldModalOpen: false });\n  };\n\n  onImageModalClose = () => {\n    this.setState({ isImageModalOpen: false });\n  };\n\n  quillRef = (ref) => {\n    this.quill = ref;\n  };\n\n  render() {\n    const { isFieldModalOpen, isImageModalOpen } = this.state;\n    const {\n      containerProps = {},\n      customFields,\n      imagesData,\n      customToolbar,\n      handleImageClick,\n      handleCustomFieldClick,\n      height,\n      value,\n      showRawHTML,\n      onShowHTML,\n      onChange,\n      hideItems,\n      ...editorProps\n    } = this.props;\n\n    return (\n      <div\n        // data-testid=\"wysiwyg-text-container\"\n        {...containerProps}\n        className={`quill-wysiwyg-editor ${showRawHTML ? 'show-raw' : ''}`}\n      >\n        {customToolbar || (\n          <CustomToolbar\n            customFields={customFields}\n            onShowHTML={onShowHTML}\n            hideItems={hideItems}\n            userProps={this.props}\n          />\n        )}\n        <ReactQuill\n          ref={this.quillRef}\n          modules={this.quillModules}\n          onChange={this.onChangeQuill}\n          value={value}\n          style={{\n            height,\n            borderBottom: '1px solid #ccc',\n          }}\n          {...editorProps}\n          id=\"wysiwyg-text-container\"\n        />\n        <textarea\n          className=\"raw-editor ql-container ql-snow ql-editor\"\n          style={{\n            width: '100%',\n            resize: 'none',\n            height,\n            minHeight: '200px',\n          }}\n          onChange={this.onChangeTextArea}\n          value={formatHTML(value)}\n        />\n        {imagesData && imagesData.length && (\n          <ImageLibraryModal\n            imagesData={imagesData}\n            isOpen={isImageModalOpen}\n            onClose={this.onImageModalClose}\n            onConfirm={this.onImageConfirm}\n          />\n        )}\n        {customFields && customFields.length && (\n          <InsertFieldModal\n            customFields={customFields}\n            isOpen={isFieldModalOpen}\n            onClose={this.onFieldModalClose}\n            onConfirm={this.onInserFieldConfirm}\n          />\n        )}\n      </div>\n    );\n  }\n}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/components/ImageLibraryModal.js

@@ -1,23 +1,4 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import React2 from "react";
 import DSImageLibraryModal from "@elliemae/ds-imagelibrarymodal";
@@ -39,10 +20,11 @@ class ImageLibraryModal extends React2.PureComponent {
     };
   }
   render() {
-    return /* @__PURE__ */ React2.createElement(DSImageLibraryModal, __spreadProps(__spreadValues({}, this.props), {
+    return /* @__PURE__ */ React2.createElement(DSImageLibraryModal, {
+      ...this.props,
       onConfirm: this.onConfirm,
       onSelect: this.onSelect
-    }));
+    });
   }
 }
 ImageLibraryModal.propTypes = {

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/ImageLibraryModal.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport DSImageLibraryModal from '@elliemae/ds-imagelibrarymodal';\nimport PropTypes from 'prop-types';\n\nexport default class ImageLibraryModal extends React.PureComponent {\n  static propTypes = {\n    onConfirm: PropTypes.func.isRequired,\n    onClose: PropTypes.func.isRequired,\n    onReject: PropTypes.func,\n    imagesData: PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string,\n        url: PropTypes.string.isRequired,\n        name: PropTypes.string.isRequired,\n        description: PropTypes.string,\n        createdBy: PropTypes.string.isRequired,\n        createdDate: PropTypes.string.isRequired,\n      }),\n    ),\n    isOpen: PropTypes.bool.isRequired,\n  };\n\n  static defaultProps = {\n    onReject: undefined,\n    imagesData: [\n      {\n        url: 'https://www.freeiconspng.com/minicovers/no-image-icon-6.png',\n        name: 'no image',\n        createdBy: 'user:John Doe',\n        createdDate: '0000-01-01 00:00 AM UTC',\n      },\n      {\n        url:\n          'https://asset-service-bucket-int.s3.us-west-2.amazonaws.com/bd527d8c-472f-4dff-b8c5-1c90d5bae01e',\n        name: 'no image 2',\n        createdBy: 'user:Jane Doe',\n        createdDate: '0000-01-01 00:00 AM UTC',\n      },\n    ],\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      selectedImage: undefined,\n    };\n  }\n\n  onSelect = selectedImage => {\n    this.setState({ selectedImage });\n  };\n\n  onConfirm = () => {\n    const { selectedImage } = this.state;\n    const { onConfirm, onClose } = this.props;\n    onConfirm(selectedImage);\n    onClose();\n  };\n\n  render() {\n    return (\n      <DSImageLibraryModal\n        {...this.props}\n        onConfirm={this.onConfirm}\n        onSelect={this.onSelect}\n      />\n    );\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AAEA,MAAO,0BAAwC,OAAM,cAAc;AAAA,EAqCjE,YAAY,OAAO;AACjB,UAAM,KAAK;AAMb,oBAAW,mBAAiB;AAC1B,WAAK,SAAS,EAAE,cAAc,CAAC;AAAA,IACjC;AAEA,qBAAY,MAAM;AAChB,YAAM,EAAE,kBAAkB,KAAK;AAC/B,YAAM,EAAE,WAAW,YAAY,KAAK;AACpC,gBAAU,aAAa;AACvB,cAAQ;AAAA,IACV;AAdE,SAAK,QAAQ;AAAA,MACX,eAAe;AAAA,IACjB;AAAA,EACF;AAAA,EAaA,SAAS;AACP,WACE,qCAAC,sDACK,KAAK,QADV;AAAA,MAEC,WAAW,KAAK;AAAA,MAChB,UAAU,KAAK;AAAA,MACjB;AAAA,EAEJ;AACF;AA/DE,AADmB,kBACZ,YAAY;AAAA,EACjB,WAAW,UAAU,KAAK;AAAA,EAC1B,SAAS,UAAU,KAAK;AAAA,EACxB,UAAU,UAAU;AAAA,EACpB,YAAY,UAAU,QACpB,UAAU,MAAM;AAAA,IACd,IAAI,UAAU;AAAA,IACd,KAAK,UAAU,OAAO;AAAA,IACtB,MAAM,UAAU,OAAO;AAAA,IACvB,aAAa,UAAU;AAAA,IACvB,WAAW,UAAU,OAAO;AAAA,IAC5B,aAAa,UAAU,OAAO;AAAA,EAChC,CAAC,CACH;AAAA,EACA,QAAQ,UAAU,KAAK;AACzB;AAEA,AAlBmB,kBAkBZ,eAAe;AAAA,EACpB,UAAU;AAAA,EACV,YAAY;AAAA,IACV;AAAA,MACE,KAAK;AAAA,MACL,MAAM;AAAA,MACN,WAAW;AAAA,MACX,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,KACE;AAAA,MACF,MAAM;AAAA,MACN,WAAW;AAAA,MACX,aAAa;AAAA,IACf;AAAA,EACF;AACF;",
+  "mappings": ";AAAA;ACAA;AACA;AACA;AAEA,MAAO,0BAAwC,OAAM,cAAc;AAAA,EAqCjE,YAAY,OAAO;AACjB,UAAM,KAAK;AAMb,oBAAW,mBAAiB;AAC1B,WAAK,SAAS,EAAE,cAAc,CAAC;AAAA,IACjC;AAEA,qBAAY,MAAM;AAChB,YAAM,EAAE,kBAAkB,KAAK;AAC/B,YAAM,EAAE,WAAW,YAAY,KAAK;AACpC,gBAAU,aAAa;AACvB,cAAQ;AAAA,IACV;AAdE,SAAK,QAAQ;AAAA,MACX,eAAe;AAAA,IACjB;AAAA,EACF;AAAA,EAaA,SAAS;AACP,WACE,qCAAC;AAAA,MACE,GAAG,KAAK;AAAA,MACT,WAAW,KAAK;AAAA,MAChB,UAAU,KAAK;AAAA,KACjB;AAAA,EAEJ;AACF;AA/DE,AADmB,kBACZ,YAAY;AAAA,EACjB,WAAW,UAAU,KAAK;AAAA,EAC1B,SAAS,UAAU,KAAK;AAAA,EACxB,UAAU,UAAU;AAAA,EACpB,YAAY,UAAU,QACpB,UAAU,MAAM;AAAA,IACd,IAAI,UAAU;AAAA,IACd,KAAK,UAAU,OAAO;AAAA,IACtB,MAAM,UAAU,OAAO;AAAA,IACvB,aAAa,UAAU;AAAA,IACvB,WAAW,UAAU,OAAO;AAAA,IAC5B,aAAa,UAAU,OAAO;AAAA,EAChC,CAAC,CACH;AAAA,EACA,QAAQ,UAAU,KAAK;AACzB;AAEA,AAlBmB,kBAkBZ,eAAe;AAAA,EACpB,UAAU;AAAA,EACV,YAAY;AAAA,IACV;AAAA,MACE,KAAK;AAAA,MACL,MAAM;AAAA,MACN,WAAW;AAAA,MACX,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,KACE;AAAA,MACF,MAAM;AAAA,MACN,WAAW;AAAA,MACX,aAAa;AAAA,IACf;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/components/InsertFieldModal.js

@@ -1,35 +1,4 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 import * as React from "react";
 import React2 from "react";
 import PropTypes from "prop-types";
@@ -113,14 +82,15 @@ class InsertFieldModal extends React2.PureComponent {
         } else if (fieldCode === selectedFieldCode) {
           extras.ref = (element) => element && element.focus();
         }
-        return /* @__PURE__ */ React2.createElement("div", __spreadValues({
+        return /* @__PURE__ */ React2.createElement("div", {
           key: fieldCode,
           className: elementClassName,
           onClick: (e) => this.handleElementClick(e, fieldCode),
           onKeyUp: (e) => this.handleElementClick(e, fieldCode),
           role: "button",
-          tabIndex: 0
-        }, extras), this.drawLabel("content", getFieldName(customField), fieldCode));
+          tabIndex: 0,
+          ...extras
+        }, this.drawLabel("content", getFieldName(customField), fieldCode));
       });
     };
     this.state = {
@@ -142,12 +112,13 @@ class InsertFieldModal extends React2.PureComponent {
     }
   }
   render() {
-    const _a = this.props, { customFields, onSelect } = _a, modalProps = __objRest(_a, ["customFields", "onSelect"]);
-    return /* @__PURE__ */ React2.createElement(DSModal, __spreadProps(__spreadValues({}, modalProps), {
+    const { customFields, onSelect, ...modalProps } = this.props;
+    return /* @__PURE__ */ React2.createElement(DSModal, {
+      ...modalProps,
       className: "insert-field-modal",
       onConfirm: this.onConfirm,
       onReject: this.onReject
-    }), /* @__PURE__ */ React2.createElement("div", {
+    }, /* @__PURE__ */ React2.createElement("div", {
       className: "wrapper"
     }, /* @__PURE__ */ React2.createElement("div", {
       className: "col-1"

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/InsertFieldModal.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\n/* eslint-disable react/static-property-placement */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport DSModal, { MODAL_TYPE } from '@elliemae/ds-modal';\nimport { sizeOptions } from '@elliemae/ds-shared';\nimport { includes } from 'lodash';\nimport { fields, getFieldName, getFieldCode } from './customFields';\n\nconst modalTypes = Object.values(MODAL_TYPE);\nconst elementClassName = 'insertfieldmodal-element';\n\nexport default class InsertFieldModal extends React.PureComponent {\n  static propTypes = {\n    onConfirm: PropTypes.func.isRequired,\n    onClose: PropTypes.func.isRequired,\n    confirmLabel: PropTypes.string,\n    customFields: PropTypes.arrayOf(PropTypes.string),\n    disableDoubleClick: PropTypes.bool,\n    isOpen: PropTypes.bool,\n    modalTitle: PropTypes.string,\n    modalType: PropTypes.string,\n    rejectLabel: PropTypes.string,\n    shouldCloseOnOverlayClick: PropTypes.bool,\n    size: PropTypes.string,\n    onSelect: PropTypes.func,\n  };\n\n  static defaultProps = {\n    confirmLabel: 'Add',\n    customFields: fields,\n    disableDoubleClick: false,\n    isOpen: true,\n    modalTitle: 'Add Field',\n    modalType: modalTypes[1],\n    rejectLabel: 'Cancel',\n    shouldCloseOnOverlayClick: true,\n    size: sizeOptions[1],\n    onSelect: undefined,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      selectedFieldCode: getFieldCode(fields[0]),\n    };\n    this.preventSpacebarScroll();\n  }\n\n  componentDidMount() {\n    const { customFields } = this.props;\n    if (customFields) {\n      this.handleElementClick({}, customFields[0]);\n      this.focusFirst = true;\n    }\n  }\n\n  getDerivedStateFromProps(nextProps) {\n    const { customFields } = this.props;\n    if (!customFields && nextProps.customFields) {\n      this.setState({ selectedFieldCode: customFields[0] });\n    }\n  }\n\n  onConfirm = () => {\n    const { onConfirm, onClose } = this.props;\n    const { selectedFieldCode } = this.state;\n    onConfirm(selectedFieldCode);\n    onClose();\n  };\n\n  onReject = () => {\n    const { onReject, onClose } = this.props;\n    if (onReject) {\n      onReject();\n    } else {\n      onClose();\n    }\n  };\n\n  drawDiv = (className, content, content2) => (\n    <div className={className}>\n      <span>{content}</span>\n      <span>{content2}</span>\n    </div>\n  );\n\n  drawLabel = (className, label, value) => (\n    <div className={className}>\n      <span className=\"label\">{label}</span>\n      <span className=\"value\">{value}</span>\n    </div>\n  );\n\n  handleElementClick = (e, selectedFieldCode) => {\n    if (e.key && e.key !== ' ') {\n      return;\n    }\n    const { selectedFieldCode: fCode } = this.state;\n    const { disableDoubleClick } = this.props;\n    if (selectedFieldCode === fCode && !disableDoubleClick) {\n      this.onConfirm();\n      return;\n    }\n    this.setState({\n      selectedFieldCode,\n    });\n    const { onSelect } = this.props;\n    if (onSelect) {\n      onSelect(selectedFieldCode);\n    }\n  };\n\n  preventSpacebarScroll = () => {\n    document.onkeypress = function (e) {\n      if (!includes(e.target.className, elementClassName)) {\n        return true;\n      }\n      e = e || window.event;\n      const charCode = e.keyCode || e.which;\n      if (charCode === 32) {\n        e.preventDefault();\n        return false;\n      }\n      return true;\n    };\n  };\n\n  renderElements = () => {\n    const { customFields } = this.props;\n    if (!customFields) {\n      return 'Empty';\n    }\n    const { selectedFieldCode } = this.state;\n    return customFields.map((customField, idx) => {\n      const extras = {};\n      const fieldCode = getFieldCode(customField);\n      if (this.focusFirst && idx === 0) {\n        extras.ref = (element) => element && element.focus();\n        this.focusFirst = undefined;\n      } else if (fieldCode === selectedFieldCode) {\n        extras.ref = (element) => element && element.focus();\n      }\n      return (\n        <div\n          key={fieldCode}\n          className={elementClassName}\n          onClick={(e) => this.handleElementClick(e, fieldCode)}\n          onKeyUp={(e) => this.handleElementClick(e, fieldCode)}\n          role=\"button\"\n          tabIndex={0}\n          {...extras}\n        >\n          {this.drawLabel('content', getFieldName(customField), fieldCode)}\n        </div>\n      );\n    });\n  };\n\n  render() {\n    const { customFields, onSelect, ...modalProps } = this.props;\n    return (\n      <DSModal {...modalProps} className=\"insert-field-modal\" onConfirm={this.onConfirm} onReject={this.onReject}>\n        <div className=\"wrapper\">\n          <div className=\"col-1\">\n            {this.drawDiv('title', 'Field Name', '\u00AB Field ID \u00BB')}\n            {this.renderElements()}\n          </div>\n        </div>\n      </DSModal>\n    );\n  }\n}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/components/TippedButton.js

@@ -1,64 +1,29 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 import * as React from "react";
 import React2 from "react";
 import { DSTooltipV3 } from "@elliemae/ds-tooltip";
-const TippedButton = (_a) => {
-  var _b = _a, {
-    className,
-    tip,
-    children,
-    onClick = () => null,
-    zIndex = 1
-  } = _b, rest = __objRest(_b, [
-    "className",
-    "tip",
-    "children",
-    "onClick",
-    "zIndex"
-  ]);
-  return /* @__PURE__ */ React2.createElement("div", {
-    className: "tooltip"
-  }, /* @__PURE__ */ React2.createElement(DSTooltipV3, {
-    text: tip,
-    zIndex,
-    withoutPortal: false
-  }, /* @__PURE__ */ React2.createElement("button", __spreadValues({
-    type: "button",
-    className,
-    onClick: (e) => {
-      e.preventDefault();
-      onClick(e);
-    }
-  }, rest), children)));
-};
+const TippedButton = ({
+  className,
+  tip,
+  children,
+  onClick = () => null,
+  zIndex = 1,
+  ...rest
+}) => /* @__PURE__ */ React2.createElement("div", {
+  className: "tooltip"
+}, /* @__PURE__ */ React2.createElement(DSTooltipV3, {
+  text: tip,
+  zIndex,
+  withoutPortal: false
+}, /* @__PURE__ */ React2.createElement("button", {
+  type: "button",
+  className,
+  onClick: (e) => {
+    e.preventDefault();
+    onClick(e);
+  },
+  ...rest
+}, children)));
 export {
   TippedButton
 };

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/TippedButton.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\n\ninterface TippedButtonPropsT {\n  tip: string;\n  zIndex: number;\n  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  children?: React.ReactNode;\n  style?: React.CSSProperties;\n  className?: string;\n  value?: string;\n}\n\nexport const TippedButton = ({\n  className,\n  tip,\n  children,\n  onClick = () => null,\n  zIndex = 1,\n  ...rest\n}: TippedButtonPropsT): JSX.Element => (\n  <div className=\"tooltip\">\n    <DSTooltipV3 text={tip} zIndex={zIndex} withoutPortal={false}>\n      <button\n        type=\"button\"\n        className={className}\n        onClick={(e) => {\n          e.preventDefault();\n          onClick(e);\n        }}\n        {...rest}\n      >\n        {children}\n      </button>\n    </DSTooltipV3>\n  </div>\n);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAYO,MAAM,eAAe,CAAC,OAOO;AAPP,eAC3B;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,MAAM;AAAA,IAChB,SAAS;AAAA,MALkB,IAMxB,iBANwB,IAMxB;AAAA,IALH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,8CAAC;AAAA,IAAI,WAAU;AAAA,KACb,qCAAC;AAAA,IAAY,MAAM;AAAA,IAAK;AAAA,IAAgB,eAAe;AAAA,KACrD,qCAAC;AAAA,IACC,MAAK;AAAA,IACL;AAAA,IACA,SAAS,CAAC,MAAM;AACd,QAAE,eAAe;AACjB,cAAQ,CAAC;AAAA,IACX;AAAA,KACI,OAEH,QACH,CACF,CACF;AAAA;",
+  "mappings": ";AAAA;ACAA;AACA;AAYO,MAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU,MAAM;AAAA,EAChB,SAAS;AAAA,KACN;AAAA,MAEH,qCAAC;AAAA,EAAI,WAAU;AAAA,GACb,qCAAC;AAAA,EAAY,MAAM;AAAA,EAAK;AAAA,EAAgB,eAAe;AAAA,GACrD,qCAAC;AAAA,EACC,MAAK;AAAA,EACL;AAAA,EACA,SAAS,CAAC,MAAM;AACd,MAAE,eAAe;AACjB,YAAQ,CAAC;AAAA,EACX;AAAA,EACC,GAAG;AAAA,GAEH,QACH,CACF,CACF;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-wysiwygeditor",
-  "version": "3.3.0-next.3",
+  "version": "3.3.0-next.6",
   "license": "MIT",
   "description": "ICE MT - Dimsum - WYSIWYG Editor",
   "files": [
@@ -99,15 +99,15 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-button": "3.3.0-next.3",
-    "@elliemae/ds-dropdownmenu": "3.3.0-next.3",
-    "@elliemae/ds-icons": "3.3.0-next.3",
-    "@elliemae/ds-imagelibrarymodal": "3.3.0-next.3",
-    "@elliemae/ds-modal": "3.3.0-next.3",
-    "@elliemae/ds-shared": "3.3.0-next.3",
-    "@elliemae/ds-tooltip": "3.3.0-next.3",
-    "@elliemae/ds-uploader": "3.3.0-next.3",
-    "@elliemae/ds-utilities": "3.3.0-next.3",
+    "@elliemae/ds-button": "3.3.0-next.6",
+    "@elliemae/ds-dropdownmenu": "3.3.0-next.6",
+    "@elliemae/ds-icons": "3.3.0-next.6",
+    "@elliemae/ds-imagelibrarymodal": "3.3.0-next.6",
+    "@elliemae/ds-modal": "3.3.0-next.6",
+    "@elliemae/ds-shared": "3.3.0-next.6",
+    "@elliemae/ds-tooltip": "3.3.0-next.6",
+    "@elliemae/ds-uploader": "3.3.0-next.6",
+    "@elliemae/ds-utilities": "3.3.0-next.6",
     "prop-types": "~15.8.1",
     "quill-blot-formatter": "~1.0.5",
     "react-quill": "2.0.0-beta.2"