@elliemae/ds-wysiwygeditor 2.3.1 → 3.0.0-alpha.3

package/cjs/components/CustomToolbar.js

@@ -1,282 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/es.string.replace.js');
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
-var DSButton = require('@elliemae/ds-button');
-var dsIcons = require('@elliemae/ds-icons');
-var DSDropdownMenu = require('@elliemae/ds-dropdownmenu');
-var constants = require('../constants.js');
-var TippedButton = require('./TippedButton.js');
-var TippedSelect = require('./TippedSelect.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-var DSDropdownMenu__default = /*#__PURE__*/_interopDefaultLegacy(DSDropdownMenu);
-
-var _span, _ArrowheadDown, _Divider, _Divider2, _Divider3, _Divider4, _Divider5, _Divider6, _Divider7, _Divider8, _Divider9, _CustomFields, _Divider10;
-
-const optionsToValues = options => options.map(opt => opt.toLowerCase().replace(' ', '-')); // Stateless Components -----------------------------------------
-
-
-const CustomFields = () => _span || (_span = /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, "\u1438\u1433")); // eslint-disable-line react/jsx-one-expression-per-line
-
-
-const Color = _ref => {
-  let {
-    color
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"]("option", {
-    value: color
-  });
-};
-
-const Colors = _ref2 => {
-  let {
-    className,
-    tip,
-    zIndex
-  } = _ref2;
-  return /*#__PURE__*/_jsx__default["default"](TippedSelect.TippedSelect, {
-    className: className,
-    tip: tip,
-    zIndex: zIndex
-  }, void 0, constants.colors.map(color => /*#__PURE__*/_jsx__default["default"](Color, {
-    color: color
-  }, color)));
-};
-
-const CustomDropdown = _ref3 => {
-  let {
-    options,
-    label,
-    onSelectMenuItem = () => null,
-    onClickOutsideMenu = () => null,
-    onClose = () => null,
-    closeMenuOnItemSelection,
-    isOpen,
-    minWidth,
-    maxWidth,
-    zIndex = 10
-  } = _ref3;
-  return /*#__PURE__*/_jsx__default["default"](DSDropdownMenu__default["default"], {
-    onClickOutsideMenu: onClickOutsideMenu,
-    options: options,
-    onSelectMenuItem: onSelectMenuItem,
-    onClose: onClose,
-    closeMenuOnItemSelection: closeMenuOnItemSelection,
-    isOpen: isOpen,
-    minWidth: minWidth,
-    maxWidth: maxWidth,
-    zIndex: zIndex,
-    preventOverflow: "scrollParent",
-    triggerComponent: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
-      labelText: label,
-      buttonType: "text",
-      icon: _ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadDown, {}))
-    })
-  });
-};
-
-const Divider = () => /*#__PURE__*/_jsx__default["default"]("div", {
-  style: {
-    height: '21px',
-    width: '1px',
-    margin: '0 10px',
-    padding: '0',
-    borderLeft: '1px solid #bbb',
-    display: 'inline-block'
-  }
-});
-
-const CustomToolbar = _ref4 => {
-  let {
-    customFields,
-    customItems = [],
-    hideItems = {},
-    onShowHTML = () => {},
-    id = 'toolbar',
-    userProps
-  } = _ref4;
-  const {
-    HEADER,
-    FONT,
-    FONT_SIZE,
-    BOLD,
-    ITALIC,
-    UNDERLINE,
-    STRIKE,
-    SUB,
-    SUPER,
-    ORDERED_LIST,
-    BULLET_LIST,
-    INDENT_MINUS_ONE,
-    INDENT_PLUS_ONE,
-    ALIGN,
-    FONT_COLOR,
-    FONT_BACKGROUND_COLOR,
-    HYPERLINK,
-    IMAGE,
-    CLEAR_FORMAT,
-    SHOW_HTML
-  } = hideItems;
-  const [showHTML, setShowHTML] = React.useState(false);
-
-  const handleShowHTML = e => {
-    e.preventDefault();
-    setShowHTML(!showHTML);
-    onShowHTML();
-  };
-
-  return /*#__PURE__*/_jsx__default["default"]("div", {
-    id: id,
-    className: "ds-ql-custom-toolbar"
-  }, void 0, (!HEADER || !FONT || !FONT_SIZE) && /*#__PURE__*/_jsx__default["default"]("span", {
-    className: "ql-formats"
-  }, void 0, !HEADER && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/_jsx__default["default"](TippedSelect.TippedSelect, {
-      className: "ql-header",
-      tip: "Header",
-      values: ['', '1', '2', '3', '4', '5', '6'],
-      zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1
-    }), _Divider || (_Divider = /*#__PURE__*/_jsx__default["default"](Divider, {}))]
-  }), !FONT && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/_jsx__default["default"](TippedSelect.TippedSelect, {
-      className: "ql-font",
-      defaultValue: "sans-serif",
-      options: constants.fonts,
-      tip: "Font",
-      values: optionsToValues(constants.fonts),
-      zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1
-    }), _Divider2 || (_Divider2 = /*#__PURE__*/_jsx__default["default"](Divider, {}))]
-  }), !FONT_SIZE && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/_jsx__default["default"](TippedSelect.TippedSelect, {
-      className: "ql-size",
-      options: constants.sizes,
-      tip: "Font Size",
-      values: optionsToValues(constants.sizesReal),
-      zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1
-    }), _Divider3 || (_Divider3 = /*#__PURE__*/_jsx__default["default"](Divider, {}))]
-  })), (!BOLD || !ITALIC || !UNDERLINE || !STRIKE) && /*#__PURE__*/_jsx__default["default"]("span", {
-    className: "ql-formats"
-  }, void 0, !BOLD && /*#__PURE__*/_jsx__default["default"](TippedButton.TippedButton, {
-    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
-    className: "ql-bold",
-    tip: "Bold"
-  }), !ITALIC && /*#__PURE__*/_jsx__default["default"](TippedButton.TippedButton, {
-    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
-    className: "ql-italic",
-    tip: "Italic"
-  }), !UNDERLINE && /*#__PURE__*/_jsx__default["default"](TippedButton.TippedButton, {
-    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
-    className: "ql-underline",
-    tip: "Underline"
-  }), !STRIKE && /*#__PURE__*/_jsx__default["default"](TippedButton.TippedButton, {
-    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
-    className: "ql-strike",
-    tip: "Strike"
-  })), (!SUB || !SUPER) && /*#__PURE__*/_jsx__default["default"]("span", {
-    className: "ql-formats"
-  }, void 0, !SUB && /*#__PURE__*/_jsx__default["default"](TippedButton.TippedButton, {
-    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
-    className: "ql-script",
-    tip: "Sub",
-    value: "sub"
-  }), !SUPER && /*#__PURE__*/_jsx__default["default"](TippedButton.TippedButton, {
-    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
-    className: "ql-script",
-    tip: "Super",
-    value: "super"
-  }), _Divider4 || (_Divider4 = /*#__PURE__*/_jsx__default["default"](Divider, {}))), (!ORDERED_LIST || !BULLET_LIST) && /*#__PURE__*/_jsx__default["default"]("span", {
-    className: "ql-formats"
-  }, void 0, !ORDERED_LIST && /*#__PURE__*/_jsx__default["default"](TippedButton.TippedButton, {
-    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
-    className: "ql-list",
-    tip: "Ordered List",
-    value: "ordered"
-  }), !BULLET_LIST && /*#__PURE__*/_jsx__default["default"](TippedButton.TippedButton, {
-    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
-    className: "ql-list",
-    tip: "Bullet List",
-    value: "bullet"
-  })), (!INDENT_MINUS_ONE || !INDENT_PLUS_ONE) && /*#__PURE__*/_jsx__default["default"]("span", {
-    className: "ql-formats"
-  }, void 0, !INDENT_MINUS_ONE && /*#__PURE__*/_jsx__default["default"](TippedButton.TippedButton, {
-    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
-    className: "ql-indent",
-    tip: "Indent -1",
-    value: "-1"
-  }), !INDENT_PLUS_ONE && /*#__PURE__*/_jsx__default["default"](TippedButton.TippedButton, {
-    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
-    className: "ql-indent",
-    tip: "Indent +1",
-    value: "+1"
-  })), !ALIGN && /*#__PURE__*/_jsx__default["default"]("span", {
-    className: "ql-formats"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](TippedSelect.TippedSelect, {
-    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
-    className: "ql-align",
-    tip: "Align"
-  }), _Divider5 || (_Divider5 = /*#__PURE__*/_jsx__default["default"](Divider, {}))), (!FONT_COLOR || !FONT_BACKGROUND_COLOR) && /*#__PURE__*/_jsx__default["default"]("span", {
-    className: "ql-formats"
-  }, void 0, !FONT_COLOR && /*#__PURE__*/_jsx__default["default"](Colors, {
-    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
-    className: "ql-color",
-    tip: "Font Color"
-  }), !FONT_BACKGROUND_COLOR && /*#__PURE__*/_jsx__default["default"](Colors, {
-    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
-    className: "ql-background",
-    tip: "Font Background Color"
-  }), _Divider6 || (_Divider6 = /*#__PURE__*/_jsx__default["default"](Divider, {}))), (!HYPERLINK || !IMAGE) && /*#__PURE__*/_jsx__default["default"]("span", {
-    className: "ql-formats"
-  }, void 0, !HYPERLINK && /*#__PURE__*/_jsx__default["default"](TippedButton.TippedButton, {
-    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
-    className: "ql-link",
-    tip: "Hyperlink: Select Text First"
-  }), !IMAGE && /*#__PURE__*/_jsx__default["default"](TippedButton.TippedButton, {
-    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
-    className: "ql-image",
-    tip: "Insert Image"
-  }), _Divider7 || (_Divider7 = /*#__PURE__*/_jsx__default["default"](Divider, {}))), !CLEAR_FORMAT && /*#__PURE__*/_jsx__default["default"]("span", {
-    className: "ql-formats"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](TippedButton.TippedButton, {
-    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
-    className: "ql-clean",
-    tip: "Clear Format (Select Text)"
-  })), !SHOW_HTML && /*#__PURE__*/_jsx__default["default"]("span", {
-    className: "ql-formats"
-  }, void 0, _Divider8 || (_Divider8 = /*#__PURE__*/_jsx__default["default"](Divider, {})), /*#__PURE__*/_jsx__default["default"](TippedButton.TippedButton, {
-    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
-    style: {
-      width: 'fit-content',
-      color: '#1e79c2',
-      fontWeight: '500'
-    },
-    onClick: handleShowHTML,
-    tip: showHTML ? 'SHOW TEXT' : 'SHOW HTML',
-    className: "ql-customFields-html"
-  }, void 0, showHTML ? 'SHOW TEXT' : 'SHOW HTML')), customFields && /*#__PURE__*/_jsx__default["default"]("span", {
-    className: "ql-formats"
-  }, void 0, _Divider9 || (_Divider9 = /*#__PURE__*/_jsx__default["default"](Divider, {})), /*#__PURE__*/_jsx__default["default"](TippedButton.TippedButton, {
-    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
-    className: "ql-customFields",
-    tip: "Insert Custom Field"
-  }, void 0, _CustomFields || (_CustomFields = /*#__PURE__*/_jsx__default["default"](CustomFields, {})))), customItems && /*#__PURE__*/_jsx__default["default"]("span", {
-    style: {
-      display: 'inline-flex'
-    }
-  }, void 0, customItems.map(Item => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [_Divider10 || (_Divider10 = /*#__PURE__*/_jsx__default["default"](Divider, {})), /*#__PURE__*/_jsx__default["default"](Item, {})]
-  }))));
-};
-
-exports.CustomDropdown = CustomDropdown;
-exports.CustomToolbar = CustomToolbar;

package/cjs/components/DSWYSIWYGEditorImpl.js

@@ -1,256 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var ReactQuill = require('react-quill');
-var BlotFormatter = require('quill-blot-formatter');
-var ImageLibraryModal = require('./ImageLibraryModal.js');
-var InsertFieldModal = require('./InsertFieldModal.js');
-var CustomToolbar = require('./CustomToolbar.js');
-var IndentStyle = require('../quillOverrides/IndentStyle.js');
-var LinkFormat = require('../quillOverrides/LinkFormat.js');
-var utils = require('../utils.js');
-var clipboardLinkWithTagMatcher = require('../quillMatchers/clipboardLinkWithTagMatcher.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var ReactQuill__default = /*#__PURE__*/_interopDefaultLegacy(ReactQuill);
-var BlotFormatter__default = /*#__PURE__*/_interopDefaultLegacy(BlotFormatter);
-
-const _excluded = ["containerProps", "customFields", "imagesData", "customToolbar", "handleImageClick", "handleCustomFieldClick", "height", "value", "showRawHTML", "onShowHTML", "onChange", "hideItems"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-ReactQuill.Quill.register('modules/blotFormatter', BlotFormatter__default["default"]); // Fix block styled formats ----------------
-
-const AlignStyle = ReactQuill.Quill.import('attributors/style/align');
-const FontStyle = ReactQuill.Quill.import('attributors/style/font');
-FontStyle.whitelist = [// allow ONLY these fonts and the default
-'serif', 'monospace', 'arial', 'comic-sans', 'courier-new', 'georgia', 'helvetica', 'lucida'];
-const SizeStyle = ReactQuill.Quill.import('attributors/style/size');
-SizeStyle.whitelist = [// allow ONLY these sizes and the default
-'x-small', 'large', 'x-large']; // Fix Doc Viewer p tags extra margin issue ---------
-
-const Block = ReactQuill.Quill.import('blots/block');
-Block.tagName = 'p';
-ReactQuill.Quill.register(Block);
-ReactQuill.Quill.register(AlignStyle, true);
-ReactQuill.Quill.register(IndentStyle, true);
-ReactQuill.Quill.register(FontStyle, true);
-ReactQuill.Quill.register(SizeStyle, true); // -----------------------------------------
-
-class DSWYSIWYGEditorImpl extends React__default["default"].PureComponent {
-  constructor(props) {
-    super(props);
-    this.quillModules = _objectSpread({
-      toolbar: {
-        container: this.props.toolbarContainer ? "#".concat(this.props.toolbarContainer) : '#toolbar',
-        handlers: _objectSpread({}, this.props.toolbarHandlers)
-      },
-      clipboard: {
-        // toggle to add extra line breaks when pasting HTML:
-        matchVisual: false
-      },
-      blotFormatter: {// options... https://github.com/Fandom-OSS/quill-blot-formatter
-      }
-    }, this.props.quillModules);
-
-    this.onChangeQuill = (html, delta, source, editor) => {
-      const {
-        showRawHTML,
-        onChange
-      } = this.props;
-      if (!showRawHTML) onChange(html, delta, source, editor);
-    };
-
-    this.onChangeTextArea = e => {
-      const {
-        showRawHTML,
-        onChange
-      } = this.props;
-      if (showRawHTML) onChange(e.target.value);
-    };
-
-    this.onInserFieldConfirm = fieldCode => {
-      const editor = this.getEditor();
-      const range = editor.getSelection(true);
-      editor.insertText(range.index, fieldCode);
-    };
-
-    this.onImageConfirm = image => {
-      if (!image) {
-        return;
-      }
-
-      const editor = this.getEditor();
-      const range = editor.getSelection(true);
-      editor.insertEmbed(range.index, 'image', image.url);
-    };
-
-    this.onFieldModalClose = () => {
-      this.setState({
-        isFieldModalOpen: false
-      });
-    };
-
-    this.onImageModalClose = () => {
-      this.setState({
-        isImageModalOpen: false
-      });
-    };
-
-    this.quillRef = ref => {
-      this.quill = ref;
-    };
-
-    ReactQuill.Quill.register(LinkFormat, true);
-
-    if (props.quillOverrides.length) {
-      props.quillOverrides.map(override => ReactQuill.Quill.register(override, true));
-    }
-
-    this.state = {
-      isImageModalOpen: false,
-      isFieldModalOpen: false
-    };
-    const {
-      toolbar
-    } = this.quillModules;
-
-    if (props.imagesData) {
-      toolbar.handlers.image = value => {
-        const {
-          imagesData,
-          handleImageClick
-        } = this.props;
-
-        if (!imagesData.length) {
-          return;
-        }
-
-        this.setState({
-          isImageModalOpen: !!value
-        });
-        handleImageClick(value);
-      };
-    }
-
-    if (props.customFields) {
-      toolbar.handlers.customFields = value => {
-        const {
-          customFields,
-          handleCustomFieldClick
-        } = this.props;
-
-        if (!customFields.length) {
-          return;
-        }
-
-        this.setState({
-          isFieldModalOpen: !!value
-        });
-        handleCustomFieldClick(value);
-      };
-    }
-  }
-
-  componentDidMount() {
-    // this.quill doesn't exist untill the full call-stack execute
-    // we need to "setTimeout" so this componentDidMount work as expected
-    setTimeout(() => {
-      const quillDomRef = this.quill;
-      const editor = quillDomRef.getEditor();
-      this.props.getQuillRef(quillDomRef); // https://github.com/quilljs/quill/issues/2677
-
-      editor.clipboard.addMatcher('a', clipboardLinkWithTagMatcher.clipboardLinkWithTagMatcher);
-    });
-  } // eslint-disable-next-line max-params
-
-
-  getEditor() {
-    return this.quill.getEditor();
-  }
-
-  render() {
-    const {
-      isFieldModalOpen,
-      isImageModalOpen
-    } = this.state;
-
-    const _this$props = this.props,
-          {
-      containerProps = {},
-      customFields,
-      imagesData,
-      customToolbar,
-      handleImageClick,
-      handleCustomFieldClick,
-      height,
-      value,
-      showRawHTML,
-      onShowHTML,
-      onChange,
-      hideItems
-    } = _this$props,
-          editorProps = _objectWithoutProperties__default["default"](_this$props, _excluded);
-
-    return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, containerProps), {}, {
-      className: "quill-wysiwyg-editor ".concat(showRawHTML ? 'show-raw' : ''),
-      children: [customToolbar || /*#__PURE__*/_jsx__default["default"](CustomToolbar.CustomToolbar, {
-        customFields: customFields,
-        onShowHTML: onShowHTML,
-        hideItems: hideItems,
-        userProps: this.props
-      }), /*#__PURE__*/jsxRuntime.jsx(ReactQuill__default["default"], _objectSpread(_objectSpread({
-        ref: this.quillRef,
-        modules: this.quillModules,
-        onChange: this.onChangeQuill,
-        value: value,
-        style: {
-          height,
-          borderBottom: '1px solid #ccc'
-        }
-      }, editorProps), {}, {
-        id: "wysiwyg-text-container"
-      })), /*#__PURE__*/_jsx__default["default"]("textarea", {
-        className: "raw-editor ql-container ql-snow ql-editor",
-        style: {
-          width: '100%',
-          resize: 'none',
-          height,
-          minHeight: '200px'
-        },
-        onChange: this.onChangeTextArea,
-        value: utils.formatHTML(value)
-      }), imagesData && imagesData.length && /*#__PURE__*/_jsx__default["default"](ImageLibraryModal, {
-        imagesData: imagesData,
-        isOpen: isImageModalOpen,
-        onClose: this.onImageModalClose,
-        onConfirm: this.onImageConfirm
-      }), customFields && customFields.length && /*#__PURE__*/_jsx__default["default"](InsertFieldModal, {
-        customFields: customFields,
-        isOpen: isFieldModalOpen,
-        onClose: this.onFieldModalClose,
-        onConfirm: this.onInserFieldConfirm
-      })]
-    }));
-  }
-
-}
-
-module.exports = DSWYSIWYGEditorImpl;

package/cjs/components/ImageLibraryModal.js

@@ -1,72 +0,0 @@
-'use strict';
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
-var DSImageLibraryModal = require('@elliemae/ds-imagelibrarymodal');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var DSImageLibraryModal__default = /*#__PURE__*/_interopDefaultLegacy(DSImageLibraryModal);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-class ImageLibraryModal extends React__default["default"].PureComponent {
-  constructor(props) {
-    super(props);
-
-    this.onSelect = selectedImage => {
-      this.setState({
-        selectedImage
-      });
-    };
-
-    this.onConfirm = () => {
-      const {
-        selectedImage
-      } = this.state;
-      const {
-        onConfirm,
-        onClose
-      } = this.props;
-      onConfirm(selectedImage);
-      onClose();
-    };
-
-    this.state = {
-      selectedImage: undefined
-    };
-  }
-
-  render() {
-    return /*#__PURE__*/jsxRuntime.jsx(DSImageLibraryModal__default["default"], _objectSpread(_objectSpread({}, this.props), {}, {
-      onConfirm: this.onConfirm,
-      onSelect: this.onSelect
-    }));
-  }
-
-}
-ImageLibraryModal.defaultProps = {
-  onReject: undefined,
-  imagesData: [{
-    url: 'https://www.freeiconspng.com/minicovers/no-image-icon-6.png',
-    name: 'no image',
-    createdBy: 'user:John Doe',
-    createdDate: '0000-01-01 00:00 AM UTC'
-  }, {
-    url: 'https://asset-service-bucket-int.s3.us-west-2.amazonaws.com/bd527d8c-472f-4dff-b8c5-1c90d5bae01e',
-    name: 'no image 2',
-    createdBy: 'user:Jane Doe',
-    createdDate: '0000-01-01 00:00 AM UTC'
-  }]
-};
-
-module.exports = ImageLibraryModal;