@elliemae/ds-wysiwygeditor 1.58.0-rc.2 → 1.58.0

package/cjs/DSWYSIWYGEditor.js

@@ -8,13 +8,12 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
 var React = require('react');
 var reactDesc = require('react-desc');
 var components_DSWYSIWYGEditorImpl = require('./components/DSWYSIWYGEditorImpl.js');
+require('@babel/runtime/helpers/defineProperty');
 require('@babel/runtime/helpers/classCallCheck');
 require('@babel/runtime/helpers/createClass');
-require('@babel/runtime/helpers/assertThisInitialized');
 require('@babel/runtime/helpers/inherits');
 require('@babel/runtime/helpers/possibleConstructorReturn');
 require('@babel/runtime/helpers/getPrototypeOf');
-require('@babel/runtime/helpers/defineProperty');
 require('react-quill');
 require('quill-blot-formatter');
 require('./components/ImageLibraryModal.js');

package/cjs/DSWYSIWYGEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"DSWYSIWYGEditor.js","sources":["../../src/DSWYSIWYGEditor.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport DSWYSIWYGEditorImpl from './components/DSWYSIWYGEditorImpl';\n\nconst DSWYSIWYGEditor = ({\n  value = '',\n  onChange = () => null,\n  getQuillRef = () => null,\n  quillModules = {},\n  customToolbar,\n  toolbarHandlers,\n  showRawHTML = false,\n  height,\n  hideItems,\n  ...rest\n}) => {\n  const emptyAction = () => {};\n  const [showHTML, setShowHTML] = useState(showRawHTML);\n\n  useEffect(() => setShowHTML(showRawHTML), [showRawHTML]);\n\n  return (\n    <DSWYSIWYGEditorImpl\n      forceHttpLink\n      handleCustomFieldClick={emptyAction}\n      handleImageClick={emptyAction}\n      quillOverrides={[]}\n      value={value}\n      onChange={onChange}\n      getQuillRef={getQuillRef}\n      quillModules={quillModules}\n      customToolbar={customToolbar}\n      toolbarHandlers={toolbarHandlers}\n      showRawHTML={showHTML}\n      onShowHTML={() => setShowHTML(!showHTML)}\n      height={height}\n      hideItems={hideItems}\n      {...rest}\n    />\n  );\n};\n\nconst wysiwygEditorProps = {\n  value: PropTypes.string.description('editors value').isRequired,\n  onChange: PropTypes.func.description(\n    `(content, delta, source, editor) : Called back with the new contents of the editor after change. \n    It will be passed the HTML contents of the editor, a delta object expressing the change, the source of the change, and finally a read-only proxy to editor accessors such as getHTML(). \n    ⚠️ Do not use this delta object as value, as it will cause a loop. \n    Use editor.getContents() instead. See Using Deltas for details. \n    Read more: https://github.com/zenoamaro/react-quill#props`,\n  ).isRequired,\n  getQuillRef: PropTypes.func.description('function to use quill.js ref'),\n  quillModules: PropTypes.object.description('object to override quill modules'),\n  customToolbar: PropTypes.element.description('custom toolbar'),\n  toolbarHandlers: PropTypes.object.description('object with toolbar handlers'),\n  showRawHTML: PropTypes.bool.description('whether to display html view or not').defaultValue(false),\n  height: PropTypes.string.description('heigth of the editors text area'),\n  readOnly: PropTypes.string.description(\n    \"If true, the editor won't allow changing its contents. Wraps the Quill disable API.\",\n  ),\n  hideItems: PropTypes.object.description('object of defaultItems to be removed from toolbar').defaultValue({}),\n  zIndex: PropTypes.number.description(\n    'zIndex to be used (required when used in a modal for correct tooltips displaying)',\n  ),\n};\n\nDSWYSIWYGEditor.propTypes = wysiwygEditorProps;\n\nconst WYSIWYWithSchema = describe(DSWYSIWYGEditor);\nWYSIWYWithSchema.propTypes = wysiwygEditorProps;\n\nexport { WYSIWYWithSchema };\nexport default DSWYSIWYGEditor;\n"],"names":["DSWYSIWYGEditor","value","onChange","getQuillRef","quillModules","customToolbar","toolbarHandlers","showRawHTML","height","hideItems","rest","emptyAction","useState","showHTML","setShowHTML","useEffect","React","DSWYSIWYGEditorImpl","wysiwygEditorProps","PropTypes","string","description","isRequired","func","object","element","bool","defaultValue","readOnly","zIndex","number","propTypes","WYSIWYWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"DSWYSIWYGEditor.js","sources":["../../src/DSWYSIWYGEditor.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport DSWYSIWYGEditorImpl from './components/DSWYSIWYGEditorImpl';\n\nconst DSWYSIWYGEditor = ({\n  value = '',\n  onChange = () => null,\n  getQuillRef = () => null,\n  quillModules = {},\n  customToolbar,\n  toolbarHandlers,\n  showRawHTML = false,\n  height,\n  hideItems,\n  ...rest\n}) => {\n  const emptyAction = () => {};\n  const [showHTML, setShowHTML] = useState(showRawHTML);\n\n  useEffect(() => setShowHTML(showRawHTML), [showRawHTML]);\n\n  return (\n    <DSWYSIWYGEditorImpl\n      forceHttpLink\n      handleCustomFieldClick={emptyAction}\n      handleImageClick={emptyAction}\n      quillOverrides={[]}\n      value={value}\n      onChange={onChange}\n      getQuillRef={getQuillRef}\n      quillModules={quillModules}\n      customToolbar={customToolbar}\n      toolbarHandlers={toolbarHandlers}\n      showRawHTML={showHTML}\n      onShowHTML={() => setShowHTML(!showHTML)}\n      height={height}\n      hideItems={hideItems}\n      {...rest}\n    />\n  );\n};\n\nconst wysiwygEditorProps = {\n  value: PropTypes.string.description('editors value').isRequired,\n  onChange: PropTypes.func.description(\n    `(content, delta, source, editor) : Called back with the new contents of the editor after change. \n    It will be passed the HTML contents of the editor, a delta object expressing the change, the source of the change, and finally a read-only proxy to editor accessors such as getHTML(). \n    ⚠️ Do not use this delta object as value, as it will cause a loop. \n    Use editor.getContents() instead. See Using Deltas for details. \n    Read more: https://github.com/zenoamaro/react-quill#props`,\n  ).isRequired,\n  getQuillRef: PropTypes.func.description('function to use quill.js ref'),\n  quillModules: PropTypes.object.description('object to override quill modules'),\n  customToolbar: PropTypes.element.description('custom toolbar'),\n  toolbarHandlers: PropTypes.object.description('object with toolbar handlers'),\n  showRawHTML: PropTypes.bool.description('whether to display html view or not').defaultValue(false),\n  height: PropTypes.string.description('heigth of the editors text area'),\n  readOnly: PropTypes.string.description(\n    \"If true, the editor won't allow changing its contents. Wraps the Quill disable API.\",\n  ),\n  hideItems: PropTypes.object.description('object of defaultItems to be removed from toolbar').defaultValue({}),\n  zIndex: PropTypes.number.description(\n    'zIndex to be used (required when used in a modal for correct tooltips displaying)',\n  ),\n};\n\nDSWYSIWYGEditor.propTypes = wysiwygEditorProps;\n\nconst WYSIWYWithSchema = describe(DSWYSIWYGEditor);\nWYSIWYWithSchema.propTypes = wysiwygEditorProps;\n\nexport { WYSIWYWithSchema };\nexport default DSWYSIWYGEditor;\n"],"names":["DSWYSIWYGEditor","value","onChange","getQuillRef","quillModules","customToolbar","toolbarHandlers","showRawHTML","height","hideItems","rest","emptyAction","useState","showHTML","setShowHTML","useEffect","React","DSWYSIWYGEditorImpl","wysiwygEditorProps","PropTypes","string","description","isRequired","func","object","element","bool","defaultValue","readOnly","zIndex","number","propTypes","WYSIWYWithSchema","describe"],"mappings":"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"}

package/cjs/components/DSWYSIWYGEditorImpl.js

@@ -2,13 +2,12 @@
 
 var _extends = require('@babel/runtime/helpers/extends');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _createClass = require('@babel/runtime/helpers/createClass');
-var _assertThisInitialized = require('@babel/runtime/helpers/assertThisInitialized');
 var _inherits = require('@babel/runtime/helpers/inherits');
 var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
 var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var ReactQuill = require('react-quill');
 var BlotFormatter = require('quill-blot-formatter');
@@ -41,13 +40,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
 var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
-var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized);
 var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
 var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
 var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var ReactQuill__default = /*#__PURE__*/_interopDefaultLegacy(ReactQuill);
 var BlotFormatter__default = /*#__PURE__*/_interopDefaultLegacy(BlotFormatter);
@@ -90,8 +88,7 @@ var DSWYSIWYGEditorImpl = /*#__PURE__*/function (_React$PureComponent) {
     _classCallCheck__default['default'](this, DSWYSIWYGEditorImpl);
 
     _this = _super.call(this, props);
-
-    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "quillModules", _objectSpread({
+    _this.quillModules = _objectSpread({
       toolbar: {
         container: _this.props.toolbarContainer ? "#".concat(_this.props.toolbarContainer) : '#toolbar',
         handlers: _objectSpread({}, _this.props.toolbarHandlers)
@@ -102,30 +99,30 @@ var DSWYSIWYGEditorImpl = /*#__PURE__*/function (_React$PureComponent) {
       },
       blotFormatter: {// options... https://github.com/Fandom-OSS/quill-blot-formatter
       }
-    }, _this.props.quillModules));
+    }, _this.props.quillModules);
 
-    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onChangeQuill", function (html, delta, source, editor) {
+    _this.onChangeQuill = function (html, delta, source, editor) {
       var _this$props = _this.props,
           showRawHTML = _this$props.showRawHTML,
           onChange = _this$props.onChange;
       if (!showRawHTML) onChange(html, delta, source, editor);
-    });
+    };
 
-    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onChangeTextArea", function (e) {
+    _this.onChangeTextArea = function (e) {
       var _this$props2 = _this.props,
           showRawHTML = _this$props2.showRawHTML,
           onChange = _this$props2.onChange;
       if (showRawHTML) onChange(e.target.value);
-    });
+    };
 
-    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onInserFieldConfirm", function (fieldCode) {
+    _this.onInserFieldConfirm = function (fieldCode) {
       var editor = _this.getEditor();
 
       var range = editor.getSelection(true);
       editor.insertText(range.index, fieldCode);
-    });
+    };
 
-    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onImageConfirm", function (image) {
+    _this.onImageConfirm = function (image) {
       if (!image) {
         return;
       }
@@ -134,23 +131,23 @@ var DSWYSIWYGEditorImpl = /*#__PURE__*/function (_React$PureComponent) {
 
       var range = editor.getSelection(true);
       editor.insertEmbed(range.index, 'image', image.url);
-    });
+    };
 
-    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onFieldModalClose", function () {
+    _this.onFieldModalClose = function () {
       _this.setState({
         isFieldModalOpen: false
       });
-    });
+    };
 
-    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onImageModalClose", function () {
+    _this.onImageModalClose = function () {
       _this.setState({
         isImageModalOpen: false
       });
-    });
+    };
 
-    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "quillRef", function (ref) {
+    _this.quillRef = function (ref) {
       _this.quill = ref;
-    });
+    };
 
     ReactQuill.Quill.register(quillOverrides_LinkFormat, true);
 

package/cjs/components/DSWYSIWYGEditorImpl.js.map

@@ -1 +1 @@
-{"version":3,"file":"DSWYSIWYGEditorImpl.js","sources":["../../../src/components/DSWYSIWYGEditorImpl.tsx"],"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 { 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// -----------------------------------------\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      const editor = quillDomRef.getEditor();\n      this.props.getQuillRef(quillDomRef);\n      // https://github.com/quilljs/quill/issues/2677\n      editor.clipboard.addMatcher('a', clipboardLinkWithTagMatcher);\n    });\n  }\n\n  // eslint-disable-next-line max-params\n  onChangeQuill = (html, delta, source, editor) => {\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  getEditor() {\n    return this.quill.getEditor();\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"],"names":["Quill","register","BlotFormatter","AlignStyle","import","FontStyle","whitelist","SizeStyle","Block","tagName","IndentStyle","DSWYSIWYGEditorImpl","props","toolbar","container","toolbarContainer","handlers","toolbarHandlers","clipboard","matchVisual","blotFormatter","quillModules","html","delta","source","editor","showRawHTML","onChange","e","target","value","fieldCode","getEditor","range","getSelection","insertText","index","image","insertEmbed","url","setState","isFieldModalOpen","isImageModalOpen","ref","quill","LinkFormat","quillOverrides","length","map","override","state","imagesData","handleImageClick","customFields","handleCustomFieldClick","setTimeout","quillDomRef","getQuillRef","addMatcher","clipboardLinkWithTagMatcher","containerProps","customToolbar","height","onShowHTML","hideItems","editorProps","React","CustomToolbar","ReactQuill","quillRef","onChangeQuill","borderBottom","width","resize","minHeight","onChangeTextArea","formatHTML","ImageLibraryModal","onImageModalClose","onImageConfirm","InsertFieldModal","onFieldModalClose","onInserFieldConfirm","PureComponent"],"mappings":"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"}
+{"version":3,"file":"DSWYSIWYGEditorImpl.js","sources":["../../../src/components/DSWYSIWYGEditorImpl.tsx"],"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 { 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// -----------------------------------------\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      const editor = quillDomRef.getEditor();\n      this.props.getQuillRef(quillDomRef);\n      // https://github.com/quilljs/quill/issues/2677\n      editor.clipboard.addMatcher('a', clipboardLinkWithTagMatcher);\n    });\n  }\n\n  // eslint-disable-next-line max-params\n  onChangeQuill = (html, delta, source, editor) => {\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  getEditor() {\n    return this.quill.getEditor();\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"],"names":["Quill","register","BlotFormatter","AlignStyle","import","FontStyle","whitelist","SizeStyle","Block","tagName","IndentStyle","DSWYSIWYGEditorImpl","props","quillModules","toolbar","container","toolbarContainer","handlers","toolbarHandlers","clipboard","matchVisual","blotFormatter","onChangeQuill","html","delta","source","editor","showRawHTML","onChange","onChangeTextArea","e","target","value","onInserFieldConfirm","fieldCode","getEditor","range","getSelection","insertText","index","onImageConfirm","image","insertEmbed","url","onFieldModalClose","setState","isFieldModalOpen","onImageModalClose","isImageModalOpen","quillRef","ref","quill","LinkFormat","quillOverrides","length","map","override","state","imagesData","handleImageClick","customFields","handleCustomFieldClick","setTimeout","quillDomRef","getQuillRef","addMatcher","clipboardLinkWithTagMatcher","containerProps","customToolbar","height","onShowHTML","hideItems","editorProps","React","CustomToolbar","ReactQuill","borderBottom","width","resize","minHeight","formatHTML","ImageLibraryModal","InsertFieldModal","PureComponent"],"mappings":"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"}

package/cjs/components/ImageLibraryModal.js

@@ -3,11 +3,9 @@
 var _extends = require('@babel/runtime/helpers/extends');
 var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _createClass = require('@babel/runtime/helpers/createClass');
-var _assertThisInitialized = require('@babel/runtime/helpers/assertThisInitialized');
 var _inherits = require('@babel/runtime/helpers/inherits');
 var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
 var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var DSImageLibraryModal = require('@elliemae/ds-imagelibrarymodal');
 var PropTypes = require('prop-types');
@@ -17,11 +15,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
 var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
-var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized);
 var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
 var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
 var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var DSImageLibraryModal__default = /*#__PURE__*/_interopDefaultLegacy(DSImageLibraryModal);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
@@ -42,20 +38,20 @@ var ImageLibraryModal = /*#__PURE__*/function (_React$PureComponent) {
 
     _this = _super.call(this, props);
 
-    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onSelect", function (selectedImage) {
+    _this.onSelect = function (selectedImage) {
       _this.setState({
         selectedImage: selectedImage
       });
-    });
+    };
 
-    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onConfirm", function () {
+    _this.onConfirm = function () {
       var selectedImage = _this.state.selectedImage;
       var _this$props = _this.props,
           onConfirm = _this$props.onConfirm,
           onClose = _this$props.onClose;
       onConfirm(selectedImage);
       onClose();
-    });
+    };
 
     _this.state = {
       selectedImage: undefined
@@ -76,7 +72,7 @@ var ImageLibraryModal = /*#__PURE__*/function (_React$PureComponent) {
   return ImageLibraryModal;
 }(React__default['default'].PureComponent);
 
-_defineProperty__default['default'](ImageLibraryModal, "propTypes", {
+ImageLibraryModal.propTypes = {
   onConfirm: PropTypes__default['default'].func.isRequired,
   onClose: PropTypes__default['default'].func.isRequired,
   onReject: PropTypes__default['default'].func,
@@ -89,9 +85,8 @@ _defineProperty__default['default'](ImageLibraryModal, "propTypes", {
     createdDate: PropTypes__default['default'].string.isRequired
   })),
   isOpen: PropTypes__default['default'].bool.isRequired
-});
-
-_defineProperty__default['default'](ImageLibraryModal, "defaultProps", {
+};
+ImageLibraryModal.defaultProps = {
   onReject: undefined,
   imagesData: [{
     url: 'https://www.freeiconspng.com/minicovers/no-image-icon-6.png',
@@ -104,7 +99,7 @@ _defineProperty__default['default'](ImageLibraryModal, "defaultProps", {
     createdBy: 'user:Jane Doe',
     createdDate: '0000-01-01 00:00 AM UTC'
   }]
-});
+};
 
 module.exports = ImageLibraryModal;
 //# sourceMappingURL=ImageLibraryModal.js.map

package/cjs/components/ImageLibraryModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageLibraryModal.js","sources":["../../../src/components/ImageLibraryModal.tsx"],"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"],"names":["ImageLibraryModal","props","selectedImage","setState","state","onConfirm","onClose","undefined","React","DSImageLibraryModal","onSelect","PureComponent","PropTypes","func","isRequired","onReject","imagesData","arrayOf","shape","id","string","url","name","description","createdBy","createdDate","isOpen","bool"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIqBA;;;;;AAqCnB,6BAAYC,KAAZ,EAAmB;AAAA;;AAAA;;AACjB,8BAAMA,KAAN;;AADiB,uGAOR,UAAAC,aAAa,EAAI;AAC1B,YAAKC,QAAL,CAAc;AAAED,QAAAA,aAAa,EAAbA;AAAF,OAAd;AACD,KATkB;;AAAA,wGAWP,YAAM;AAChB,UAAQA,aAAR,GAA0B,MAAKE,KAA/B,CAAQF,aAAR;AACA,wBAA+B,MAAKD,KAApC;AAAA,UAAQI,SAAR,eAAQA,SAAR;AAAA,UAAmBC,OAAnB,eAAmBA,OAAnB;AACAD,MAAAA,SAAS,CAACH,aAAD,CAAT;AACAI,MAAAA,OAAO;AACR,KAhBkB;;AAEjB,UAAKF,KAAL,GAAa;AACXF,MAAAA,aAAa,EAAEK;AADJ,KAAb;AAFiB;AAKlB;;;;WAaD,kBAAS;AACP,0BACEC,wCAACC,uCAAD,mCACM,KAAKR,KADX;AAEE,QAAA,SAAS,EAAE,KAAKI,SAFlB;AAGE,QAAA,QAAQ,EAAE,KAAKK;AAHjB,SADF;AAOD;;;;EA/D4CF,yBAAK,CAACG;;oCAAhCX,gCACA;AACjBK,EAAAA,SAAS,EAAEO,6BAAS,CAACC,IAAV,CAAeC,UADT;AAEjBR,EAAAA,OAAO,EAAEM,6BAAS,CAACC,IAAV,CAAeC,UAFP;AAGjBC,EAAAA,QAAQ,EAAEH,6BAAS,CAACC,IAHH;AAIjBG,EAAAA,UAAU,EAAEJ,6BAAS,CAACK,OAAV,CACVL,6BAAS,CAACM,KAAV,CAAgB;AACdC,IAAAA,EAAE,EAAEP,6BAAS,CAACQ,MADA;AAEdC,IAAAA,GAAG,EAAET,6BAAS,CAACQ,MAAV,CAAiBN,UAFR;AAGdQ,IAAAA,IAAI,EAAEV,6BAAS,CAACQ,MAAV,CAAiBN,UAHT;AAIdS,IAAAA,WAAW,EAAEX,6BAAS,CAACQ,MAJT;AAKdI,IAAAA,SAAS,EAAEZ,6BAAS,CAACQ,MAAV,CAAiBN,UALd;AAMdW,IAAAA,WAAW,EAAEb,6BAAS,CAACQ,MAAV,CAAiBN;AANhB,GAAhB,CADU,CAJK;AAcjBY,EAAAA,MAAM,EAAEd,6BAAS,CAACe,IAAV,CAAeb;AAdN;;oCADAd,mCAkBG;AACpBe,EAAAA,QAAQ,EAAER,SADU;AAEpBS,EAAAA,UAAU,EAAE,CACV;AACEK,IAAAA,GAAG,EAAE,6DADP;AAEEC,IAAAA,IAAI,EAAE,UAFR;AAGEE,IAAAA,SAAS,EAAE,eAHb;AAIEC,IAAAA,WAAW,EAAE;AAJf,GADU,EAOV;AACEJ,IAAAA,GAAG,EACD,kGAFJ;AAGEC,IAAAA,IAAI,EAAE,YAHR;AAIEE,IAAAA,SAAS,EAAE,eAJb;AAKEC,IAAAA,WAAW,EAAE;AALf,GAPU;AAFQ;;;;"}
+{"version":3,"file":"ImageLibraryModal.js","sources":["../../../src/components/ImageLibraryModal.tsx"],"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"],"names":["ImageLibraryModal","props","onSelect","selectedImage","setState","onConfirm","state","onClose","undefined","React","DSImageLibraryModal","PureComponent","propTypes","PropTypes","func","isRequired","onReject","imagesData","arrayOf","shape","id","string","url","name","description","createdBy","createdDate","isOpen","bool","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIqBA;;;;;AAqCnB,6BAAYC,KAAZ,EAAmB;AAAA;;AAAA;;AACjB,8BAAMA,KAAN;;AADiB,UAOnBC,QAPmB,GAOR,UAAAC,aAAa,EAAI;AAC1B,YAAKC,QAAL,CAAc;AAAED,QAAAA,aAAa,EAAbA;AAAF,OAAd;AACD,KATkB;;AAAA,UAWnBE,SAXmB,GAWP,YAAM;AAChB,UAAQF,aAAR,GAA0B,MAAKG,KAA/B,CAAQH,aAAR;AACA,wBAA+B,MAAKF,KAApC;AAAA,UAAQI,SAAR,eAAQA,SAAR;AAAA,UAAmBE,OAAnB,eAAmBA,OAAnB;AACAF,MAAAA,SAAS,CAACF,aAAD,CAAT;AACAI,MAAAA,OAAO;AACR,KAhBkB;;AAEjB,UAAKD,KAAL,GAAa;AACXH,MAAAA,aAAa,EAAEK;AADJ,KAAb;AAFiB;AAKlB;;;;WAaD,kBAAS;AACP,0BACEC,wCAACC,uCAAD,mCACM,KAAKT,KADX;AAEE,QAAA,SAAS,EAAE,KAAKI,SAFlB;AAGE,QAAA,QAAQ,EAAE,KAAKH;AAHjB,SADF;AAOD;;;;EA/D4CO,yBAAK,CAACE;;AAAhCX,kBACZY,YAAY;AACjBP,EAAAA,SAAS,EAAEQ,6BAAS,CAACC,IAAV,CAAeC,UADT;AAEjBR,EAAAA,OAAO,EAAEM,6BAAS,CAACC,IAAV,CAAeC,UAFP;AAGjBC,EAAAA,QAAQ,EAAEH,6BAAS,CAACC,IAHH;AAIjBG,EAAAA,UAAU,EAAEJ,6BAAS,CAACK,OAAV,CACVL,6BAAS,CAACM,KAAV,CAAgB;AACdC,IAAAA,EAAE,EAAEP,6BAAS,CAACQ,MADA;AAEdC,IAAAA,GAAG,EAAET,6BAAS,CAACQ,MAAV,CAAiBN,UAFR;AAGdQ,IAAAA,IAAI,EAAEV,6BAAS,CAACQ,MAAV,CAAiBN,UAHT;AAIdS,IAAAA,WAAW,EAAEX,6BAAS,CAACQ,MAJT;AAKdI,IAAAA,SAAS,EAAEZ,6BAAS,CAACQ,MAAV,CAAiBN,UALd;AAMdW,IAAAA,WAAW,EAAEb,6BAAS,CAACQ,MAAV,CAAiBN;AANhB,GAAhB,CADU,CAJK;AAcjBY,EAAAA,MAAM,EAAEd,6BAAS,CAACe,IAAV,CAAeb;AAdN;AADAf,kBAkBZ6B,eAAe;AACpBb,EAAAA,QAAQ,EAAER,SADU;AAEpBS,EAAAA,UAAU,EAAE,CACV;AACEK,IAAAA,GAAG,EAAE,6DADP;AAEEC,IAAAA,IAAI,EAAE,UAFR;AAGEE,IAAAA,SAAS,EAAE,eAHb;AAIEC,IAAAA,WAAW,EAAE;AAJf,GADU,EAOV;AACEJ,IAAAA,GAAG,EACD,kGAFJ;AAGEC,IAAAA,IAAI,EAAE,YAHR;AAIEE,IAAAA,SAAS,EAAE,eAJb;AAKEC,IAAAA,WAAW,EAAE;AALf,GAPU;AAFQ;;;;"}

package/cjs/components/InsertFieldModal.js

@@ -4,11 +4,9 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
 var _extends = require('@babel/runtime/helpers/extends');
 var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _createClass = require('@babel/runtime/helpers/createClass');
-var _assertThisInitialized = require('@babel/runtime/helpers/assertThisInitialized');
 var _inherits = require('@babel/runtime/helpers/inherits');
 var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
 var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var PropTypes = require('prop-types');
 var DSModal = require('@elliemae/ds-modal');
@@ -22,11 +20,9 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_obje
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
 var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
-var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized);
 var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
 var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
 var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var DSModal__default = /*#__PURE__*/_interopDefaultLegacy(DSModal);
@@ -51,16 +47,16 @@ var InsertFieldModal = /*#__PURE__*/function (_React$PureComponent) {
 
     _this = _super.call(this, props);
 
-    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onConfirm", function () {
+    _this.onConfirm = function () {
       var _this$props = _this.props,
           onConfirm = _this$props.onConfirm,
           onClose = _this$props.onClose;
       var selectedFieldCode = _this.state.selectedFieldCode;
       onConfirm(selectedFieldCode);
       onClose();
-    });
+    };
 
-    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onReject", function () {
+    _this.onReject = function () {
       var _this$props2 = _this.props,
           onReject = _this$props2.onReject,
           onClose = _this$props2.onClose;
@@ -70,15 +66,15 @@ var InsertFieldModal = /*#__PURE__*/function (_React$PureComponent) {
       } else {
         onClose();
       }
-    });
+    };
 
-    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "drawDiv", function (className, content, content2) {
+    _this.drawDiv = function (className, content, content2) {
       return /*#__PURE__*/React__default['default'].createElement("div", {
         className: className
       }, /*#__PURE__*/React__default['default'].createElement("span", null, content), /*#__PURE__*/React__default['default'].createElement("span", null, content2));
-    });
+    };
 
-    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "drawLabel", function (className, label, value) {
+    _this.drawLabel = function (className, label, value) {
       return /*#__PURE__*/React__default['default'].createElement("div", {
         className: className
       }, /*#__PURE__*/React__default['default'].createElement("span", {
@@ -86,9 +82,9 @@ var InsertFieldModal = /*#__PURE__*/function (_React$PureComponent) {
       }, label), /*#__PURE__*/React__default['default'].createElement("span", {
         className: "value"
       }, value));
-    });
+    };
 
-    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "handleElementClick", function (e, selectedFieldCode) {
+    _this.handleElementClick = function (e, selectedFieldCode) {
       if (e.key && e.key !== ' ') {
         return;
       }
@@ -111,9 +107,9 @@ var InsertFieldModal = /*#__PURE__*/function (_React$PureComponent) {
       if (onSelect) {
         onSelect(selectedFieldCode);
       }
-    });
+    };
 
-    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "preventSpacebarScroll", function () {
+    _this.preventSpacebarScroll = function () {
       document.onkeypress = function (e) {
         if (!lodash.includes(e.target.className, elementClassName)) {
           return true;
@@ -129,9 +125,9 @@ var InsertFieldModal = /*#__PURE__*/function (_React$PureComponent) {
 
         return true;
       };
-    });
+    };
 
-    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "renderElements", function () {
+    _this.renderElements = function () {
       var customFields = _this.props.customFields;
 
       if (!customFields) {
@@ -168,7 +164,7 @@ var InsertFieldModal = /*#__PURE__*/function (_React$PureComponent) {
           tabIndex: 0
         }, extras), _this.drawLabel('content', components_customFields.getFieldName(customField), fieldCode));
       });
-    });
+    };
 
     _this.state = {
       selectedFieldCode: components_customFields.getFieldCode(components_customFields.fields[0])
@@ -223,7 +219,7 @@ var InsertFieldModal = /*#__PURE__*/function (_React$PureComponent) {
   return InsertFieldModal;
 }(React__default['default'].PureComponent);
 
-_defineProperty__default['default'](InsertFieldModal, "propTypes", {
+InsertFieldModal.propTypes = {
   onConfirm: PropTypes__default['default'].func.isRequired,
   onClose: PropTypes__default['default'].func.isRequired,
   confirmLabel: PropTypes__default['default'].string,
@@ -236,9 +232,8 @@ _defineProperty__default['default'](InsertFieldModal, "propTypes", {
   shouldCloseOnOverlayClick: PropTypes__default['default'].bool,
   size: PropTypes__default['default'].string,
   onSelect: PropTypes__default['default'].func
-});
-
-_defineProperty__default['default'](InsertFieldModal, "defaultProps", {
+};
+InsertFieldModal.defaultProps = {
   confirmLabel: 'Add',
   customFields: components_customFields.fields,
   disableDoubleClick: false,
@@ -249,7 +244,7 @@ _defineProperty__default['default'](InsertFieldModal, "defaultProps", {
   shouldCloseOnOverlayClick: true,
   size: constants.sizeOptions[1],
   onSelect: undefined
-});
+};
 
 module.exports = InsertFieldModal;
 //# sourceMappingURL=InsertFieldModal.js.map

package/cjs/components/InsertFieldModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"InsertFieldModal.js","sources":["../../../src/components/InsertFieldModal.tsx"],"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/constants';\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', '« Field ID »')}\n            {this.renderElements()}\n          </div>\n        </div>\n      </DSModal>\n    );\n  }\n}\n"],"names":["modalTypes","Object","values","MODAL_TYPE","elementClassName","InsertFieldModal","props","onConfirm","onClose","selectedFieldCode","state","onReject","className","content","content2","React","label","value","e","key","fCode","disableDoubleClick","setState","onSelect","document","onkeypress","includes","target","window","event","charCode","keyCode","which","preventDefault","customFields","map","customField","idx","extras","fieldCode","getFieldCode","focusFirst","ref","element","focus","undefined","handleElementClick","drawLabel","getFieldName","fields","preventSpacebarScroll","nextProps","modalProps","DSModal","drawDiv","renderElements","PureComponent","PropTypes","func","isRequired","confirmLabel","string","arrayOf","bool","isOpen","modalTitle","modalType","rejectLabel","shouldCloseOnOverlayClick","size","sizeOptions"],"mappings":"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"}
+{"version":3,"file":"InsertFieldModal.js","sources":["../../../src/components/InsertFieldModal.tsx"],"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/constants';\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', '« Field ID »')}\n            {this.renderElements()}\n          </div>\n        </div>\n      </DSModal>\n    );\n  }\n}\n"],"names":["modalTypes","Object","values","MODAL_TYPE","elementClassName","InsertFieldModal","props","onConfirm","onClose","selectedFieldCode","state","onReject","drawDiv","className","content","content2","React","drawLabel","label","value","handleElementClick","e","key","fCode","disableDoubleClick","setState","onSelect","preventSpacebarScroll","document","onkeypress","includes","target","window","event","charCode","keyCode","which","preventDefault","renderElements","customFields","map","customField","idx","extras","fieldCode","getFieldCode","focusFirst","ref","element","focus","undefined","getFieldName","fields","nextProps","modalProps","DSModal","PureComponent","propTypes","PropTypes","func","isRequired","confirmLabel","string","arrayOf","bool","isOpen","modalTitle","modalType","rejectLabel","shouldCloseOnOverlayClick","size","defaultProps","sizeOptions"],"mappings":"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"}

package/cjs/index.js

@@ -12,13 +12,12 @@ require('@babel/runtime/helpers/objectWithoutProperties');
 require('react');
 require('react-desc');
 require('./components/DSWYSIWYGEditorImpl.js');
+require('@babel/runtime/helpers/defineProperty');
 require('@babel/runtime/helpers/classCallCheck');
 require('@babel/runtime/helpers/createClass');
-require('@babel/runtime/helpers/assertThisInitialized');
 require('@babel/runtime/helpers/inherits');
 require('@babel/runtime/helpers/possibleConstructorReturn');
 require('@babel/runtime/helpers/getPrototypeOf');
-require('@babel/runtime/helpers/defineProperty');
 require('react-quill');
 require('quill-blot-formatter');
 require('./components/ImageLibraryModal.js');

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/quillOverrides/LinkFormat.js

@@ -2,24 +2,20 @@
 
 var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _createClass = require('@babel/runtime/helpers/createClass');
-var _assertThisInitialized = require('@babel/runtime/helpers/assertThisInitialized');
 var _get = require('@babel/runtime/helpers/get');
 var _inherits = require('@babel/runtime/helpers/inherits');
 var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
 var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var ReactQuill = require('react-quill');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
 var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
-var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized);
 var _get__default = /*#__PURE__*/_interopDefaultLegacy(_get);
 var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
 var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
 var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
@@ -62,15 +58,10 @@ var LinkFormat = /*#__PURE__*/function (_Link) {
     }
 
     _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "blotName", 'link');
-
-    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "tagName", 'A');
-
-    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "SANITIZED_URL", 'about:blank');
-
-    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "PROTOCOL_WHITELIST", ['http', 'ftp', 'https', 'mailto', 'tel']);
-
+    _this.blotName = 'link';
+    _this.tagName = 'A';
+    _this.SANITIZED_URL = 'about:blank';
+    _this.PROTOCOL_WHITELIST = ['http', 'ftp', 'https', 'mailto', 'tel'];
     return _this;
   }
 

package/cjs/quillOverrides/LinkFormat.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkFormat.js","sources":["../../../src/quillOverrides/LinkFormat.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport { Quill } from 'react-quill';\n\nconst sanitizeProtocol = (value) => {\n  if (typeof value === 'boolean') return value;\n  let newVal = value;\n  if (\n    !value.startsWith('http') &&\n    !value.startsWith('ftp') &&\n    !value.startsWith('mailto:') &&\n    !value.startsWith('{{')\n  ) {\n    if (!value.startsWith('www')) {\n      newVal = `https://www.${value}`;\n    } else newVal = `https://${value}`;\n  }\n  return newVal;\n};\n\nfunction getIsValidProtocol(url, protocols) {\n  const anchor = document.createElement('a');\n  anchor.href = url;\n  const protocol = anchor.href.slice(0, anchor.href.indexOf(':'));\n  return protocols.indexOf(protocol) > -1;\n}\n\nconst Link = Quill.import('formats/link');\n\nclass LinkFormat extends Link {\n  blotName = 'link';\n\n  tagName = 'A';\n\n  SANITIZED_URL = 'about:blank';\n\n  PROTOCOL_WHITELIST = ['http', 'ftp', 'https', 'mailto', 'tel'];\n\n  static create(value) {\n    const newVal = sanitizeProtocol(value);\n    const node = super.create(newVal);\n    node.setAttribute('href', newVal);\n    return node;\n  }\n\n  static formats(domNode) {\n    return domNode?.getAttribute?.('href');\n  }\n\n  static sanitize(url) {\n    return getIsValidProtocol(url, this.PROTOCOL_WHITELIST) ? url : this.SANITIZED_URL;\n  }\n\n  format(name, value) {\n    const newVal = sanitizeProtocol(value);\n    // Remove link case\n    if (name === 'link' && value === false) {\n      this.domNode.removeAttribute('href');\n    } else if (name !== this.statics.blotName || !newVal) {\n      super.format(name, newVal);\n    } else {\n      this.domNode.setAttribute('href', this.constructor.sanitize(newVal));\n    }\n  }\n}\n\nexport default LinkFormat;\n"],"names":["sanitizeProtocol","value","newVal","startsWith","getIsValidProtocol","url","protocols","anchor","document","createElement","href","protocol","slice","indexOf","Link","Quill","import","LinkFormat","name","domNode","removeAttribute","statics","blotName","setAttribute","constructor","sanitize","node","getAttribute","PROTOCOL_WHITELIST","SANITIZED_URL"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAW;AAClC,MAAI,OAAOA,KAAP,KAAiB,SAArB,EAAgC,OAAOA,KAAP;AAChC,MAAIC,MAAM,GAAGD,KAAb;;AACA,MACE,CAACA,KAAK,CAACE,UAAN,CAAiB,MAAjB,CAAD,IACA,CAACF,KAAK,CAACE,UAAN,CAAiB,KAAjB,CADD,IAEA,CAACF,KAAK,CAACE,UAAN,CAAiB,SAAjB,CAFD,IAGA,CAACF,KAAK,CAACE,UAAN,CAAiB,IAAjB,CAJH,EAKE;AACA,QAAI,CAACF,KAAK,CAACE,UAAN,CAAiB,KAAjB,CAAL,EAA8B;AAC5BD,MAAAA,MAAM,yBAAkBD,KAAlB,CAAN;AACD,KAFD,MAEOC,MAAM,qBAAcD,KAAd,CAAN;AACR;;AACD,SAAOC,MAAP;AACD,CAdD;;AAgBA,SAASE,kBAAT,CAA4BC,GAA5B,EAAiCC,SAAjC,EAA4C;AAC1C,MAAMC,MAAM,GAAGC,QAAQ,CAACC,aAAT,CAAuB,GAAvB,CAAf;AACAF,EAAAA,MAAM,CAACG,IAAP,GAAcL,GAAd;AACA,MAAMM,QAAQ,GAAGJ,MAAM,CAACG,IAAP,CAAYE,KAAZ,CAAkB,CAAlB,EAAqBL,MAAM,CAACG,IAAP,CAAYG,OAAZ,CAAoB,GAApB,CAArB,CAAjB;AACA,SAAOP,SAAS,CAACO,OAAV,CAAkBF,QAAlB,IAA8B,CAAC,CAAtC;AACD;;AAED,IAAMG,IAAI,GAAGC,gBAAK,CAACC,MAAN,CAAa,cAAb,CAAb;;IAEMC;;;;;;;;;;;;;;;;uGACO;;sGAED;;4GAEM;;iHAEK,CAAC,MAAD,EAAS,KAAT,EAAgB,OAAhB,EAAyB,QAAzB,EAAmC,KAAnC;;;;;;;WAiBrB,gBAAOC,IAAP,EAAajB,KAAb,EAAoB;AAClB,UAAMC,MAAM,GAAGF,gBAAgB,CAACC,KAAD,CAA/B,CADkB;;AAGlB,UAAIiB,IAAI,KAAK,MAAT,IAAmBjB,KAAK,KAAK,KAAjC,EAAwC;AACtC,aAAKkB,OAAL,CAAaC,eAAb,CAA6B,MAA7B;AACD,OAFD,MAEO,IAAIF,IAAI,KAAK,KAAKG,OAAL,CAAaC,QAAtB,IAAkC,CAACpB,MAAvC,EAA+C;AACpD,uHAAagB,IAAb,EAAmBhB,MAAnB;AACD,OAFM,MAEA;AACL,aAAKiB,OAAL,CAAaI,YAAb,CAA0B,MAA1B,EAAkC,KAAKC,WAAL,CAAiBC,QAAjB,CAA0BvB,MAA1B,CAAlC;AACD;AACF;;;WAzBD,gBAAcD,KAAd,EAAqB;AACnB,UAAMC,MAAM,GAAGF,gBAAgB,CAACC,KAAD,CAA/B;;AACA,UAAMyB,IAAI,wGAAgBxB,MAAhB,CAAV;;AACAwB,MAAAA,IAAI,CAACH,YAAL,CAAkB,MAAlB,EAA0BrB,MAA1B;AACA,aAAOwB,IAAP;AACD;;;WAED,iBAAeP,OAAf,EAAwB;AAAA;;AACtB,aAAOA,OAAP,aAAOA,OAAP,gDAAOA,OAAO,CAAEQ,YAAhB,0DAAO,2BAAAR,OAAO,EAAiB,MAAjB,CAAd;AACD;;;WAED,kBAAgBd,GAAhB,EAAqB;AACnB,aAAOD,kBAAkB,CAACC,GAAD,EAAM,KAAKuB,kBAAX,CAAlB,GAAmDvB,GAAnD,GAAyD,KAAKwB,aAArE;AACD;;;;EAtBsBf;;;;"}
+{"version":3,"file":"LinkFormat.js","sources":["../../../src/quillOverrides/LinkFormat.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport { Quill } from 'react-quill';\n\nconst sanitizeProtocol = (value) => {\n  if (typeof value === 'boolean') return value;\n  let newVal = value;\n  if (\n    !value.startsWith('http') &&\n    !value.startsWith('ftp') &&\n    !value.startsWith('mailto:') &&\n    !value.startsWith('{{')\n  ) {\n    if (!value.startsWith('www')) {\n      newVal = `https://www.${value}`;\n    } else newVal = `https://${value}`;\n  }\n  return newVal;\n};\n\nfunction getIsValidProtocol(url, protocols) {\n  const anchor = document.createElement('a');\n  anchor.href = url;\n  const protocol = anchor.href.slice(0, anchor.href.indexOf(':'));\n  return protocols.indexOf(protocol) > -1;\n}\n\nconst Link = Quill.import('formats/link');\n\nclass LinkFormat extends Link {\n  blotName = 'link';\n\n  tagName = 'A';\n\n  SANITIZED_URL = 'about:blank';\n\n  PROTOCOL_WHITELIST = ['http', 'ftp', 'https', 'mailto', 'tel'];\n\n  static create(value) {\n    const newVal = sanitizeProtocol(value);\n    const node = super.create(newVal);\n    node.setAttribute('href', newVal);\n    return node;\n  }\n\n  static formats(domNode) {\n    return domNode?.getAttribute?.('href');\n  }\n\n  static sanitize(url) {\n    return getIsValidProtocol(url, this.PROTOCOL_WHITELIST) ? url : this.SANITIZED_URL;\n  }\n\n  format(name, value) {\n    const newVal = sanitizeProtocol(value);\n    // Remove link case\n    if (name === 'link' && value === false) {\n      this.domNode.removeAttribute('href');\n    } else if (name !== this.statics.blotName || !newVal) {\n      super.format(name, newVal);\n    } else {\n      this.domNode.setAttribute('href', this.constructor.sanitize(newVal));\n    }\n  }\n}\n\nexport default LinkFormat;\n"],"names":["sanitizeProtocol","value","newVal","startsWith","getIsValidProtocol","url","protocols","anchor","document","createElement","href","protocol","slice","indexOf","Link","Quill","import","LinkFormat","blotName","tagName","SANITIZED_URL","PROTOCOL_WHITELIST","name","domNode","removeAttribute","statics","setAttribute","constructor","sanitize","node","getAttribute"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAW;AAClC,MAAI,OAAOA,KAAP,KAAiB,SAArB,EAAgC,OAAOA,KAAP;AAChC,MAAIC,MAAM,GAAGD,KAAb;;AACA,MACE,CAACA,KAAK,CAACE,UAAN,CAAiB,MAAjB,CAAD,IACA,CAACF,KAAK,CAACE,UAAN,CAAiB,KAAjB,CADD,IAEA,CAACF,KAAK,CAACE,UAAN,CAAiB,SAAjB,CAFD,IAGA,CAACF,KAAK,CAACE,UAAN,CAAiB,IAAjB,CAJH,EAKE;AACA,QAAI,CAACF,KAAK,CAACE,UAAN,CAAiB,KAAjB,CAAL,EAA8B;AAC5BD,MAAAA,MAAM,yBAAkBD,KAAlB,CAAN;AACD,KAFD,MAEOC,MAAM,qBAAcD,KAAd,CAAN;AACR;;AACD,SAAOC,MAAP;AACD,CAdD;;AAgBA,SAASE,kBAAT,CAA4BC,GAA5B,EAAiCC,SAAjC,EAA4C;AAC1C,MAAMC,MAAM,GAAGC,QAAQ,CAACC,aAAT,CAAuB,GAAvB,CAAf;AACAF,EAAAA,MAAM,CAACG,IAAP,GAAcL,GAAd;AACA,MAAMM,QAAQ,GAAGJ,MAAM,CAACG,IAAP,CAAYE,KAAZ,CAAkB,CAAlB,EAAqBL,MAAM,CAACG,IAAP,CAAYG,OAAZ,CAAoB,GAApB,CAArB,CAAjB;AACA,SAAOP,SAAS,CAACO,OAAV,CAAkBF,QAAlB,IAA8B,CAAC,CAAtC;AACD;;AAED,IAAMG,IAAI,GAAGC,gBAAK,CAACC,MAAN,CAAa,cAAb,CAAb;;IAEMC;;;;;;;;;;;;;;;UACJC,WAAW;UAEXC,UAAU;UAEVC,gBAAgB;UAEhBC,qBAAqB,CAAC,MAAD,EAAS,KAAT,EAAgB,OAAhB,EAAyB,QAAzB,EAAmC,KAAnC;;;;;;WAiBrB,gBAAOC,IAAP,EAAarB,KAAb,EAAoB;AAClB,UAAMC,MAAM,GAAGF,gBAAgB,CAACC,KAAD,CAA/B,CADkB;;AAGlB,UAAIqB,IAAI,KAAK,MAAT,IAAmBrB,KAAK,KAAK,KAAjC,EAAwC;AACtC,aAAKsB,OAAL,CAAaC,eAAb,CAA6B,MAA7B;AACD,OAFD,MAEO,IAAIF,IAAI,KAAK,KAAKG,OAAL,CAAaP,QAAtB,IAAkC,CAAChB,MAAvC,EAA+C;AACpD,uHAAaoB,IAAb,EAAmBpB,MAAnB;AACD,OAFM,MAEA;AACL,aAAKqB,OAAL,CAAaG,YAAb,CAA0B,MAA1B,EAAkC,KAAKC,WAAL,CAAiBC,QAAjB,CAA0B1B,MAA1B,CAAlC;AACD;AACF;;;WAzBD,gBAAcD,KAAd,EAAqB;AACnB,UAAMC,MAAM,GAAGF,gBAAgB,CAACC,KAAD,CAA/B;;AACA,UAAM4B,IAAI,wGAAgB3B,MAAhB,CAAV;;AACA2B,MAAAA,IAAI,CAACH,YAAL,CAAkB,MAAlB,EAA0BxB,MAA1B;AACA,aAAO2B,IAAP;AACD;;;WAED,iBAAeN,OAAf,EAAwB;AAAA;;AACtB,aAAOA,OAAP,aAAOA,OAAP,gDAAOA,OAAO,CAAEO,YAAhB,0DAAO,2BAAAP,OAAO,EAAiB,MAAjB,CAAd;AACD;;;WAED,kBAAgBlB,GAAhB,EAAqB;AACnB,aAAOD,kBAAkB,CAACC,GAAD,EAAM,KAAKgB,kBAAX,CAAlB,GAAmDhB,GAAnD,GAAyD,KAAKe,aAArE;AACD;;;;EAtBsBN;;;;"}