@elliemae/ds-wysiwygeditor 3.16.0-next.2 → 3.16.0-next.21

package/dist/esm/components/ImageLibraryModal.js

@@ -20,14 +20,7 @@ class ImageLibraryModal extends React2.PureComponent {
     };
   }
   render() {
-    return /* @__PURE__ */ jsx(
-      DSImageLibraryModal,
-      {
-        ...this.props,
-        onConfirm: this.onConfirm,
-        onSelect: this.onSelect
-      }
-    );
+    return /* @__PURE__ */ jsx(DSImageLibraryModal, { ...this.props, onConfirm: this.onConfirm, onSelect: this.onSelect });
   }
 }
 ImageLibraryModal.propTypes = {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/ImageLibraryModal.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport DSImageLibraryModal from '@elliemae/ds-imagelibrarymodal';\nimport PropTypes from 'prop-types';\n\nexport default class ImageLibraryModal extends React.PureComponent {\n  static propTypes = {\n    onConfirm: PropTypes.func.isRequired,\n    onClose: PropTypes.func.isRequired,\n    onReject: PropTypes.func,\n    imagesData: PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string,\n        url: PropTypes.string.isRequired,\n        name: PropTypes.string.isRequired,\n        description: PropTypes.string,\n        createdBy: PropTypes.string.isRequired,\n        createdDate: PropTypes.string.isRequired,\n      }),\n    ),\n    isOpen: PropTypes.bool.isRequired,\n  };\n\n  static defaultProps = {\n    onReject: undefined,\n    imagesData: [\n      {\n        url: 'https://www.freeiconspng.com/minicovers/no-image-icon-6.png',\n        name: 'no image',\n        createdBy: 'user:John Doe',\n        createdDate: '0000-01-01 00:00 AM UTC',\n      },\n      {\n        url:\n          'https://asset-service-bucket-int.s3.us-west-2.amazonaws.com/bd527d8c-472f-4dff-b8c5-1c90d5bae01e',\n        name: 'no image 2',\n        createdBy: 'user:Jane Doe',\n        createdDate: '0000-01-01 00:00 AM UTC',\n      },\n    ],\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      selectedImage: undefined,\n    };\n  }\n\n  onSelect = selectedImage => {\n    this.setState({ selectedImage });\n  };\n\n  onConfirm = () => {\n    const { selectedImage } = this.state;\n    const { onConfirm, onClose } = this.props;\n    onConfirm(selectedImage);\n    onClose();\n  };\n\n  render() {\n    return (\n      <DSImageLibraryModal\n        {...this.props}\n        onConfirm={this.onConfirm}\n        onSelect={this.onSelect}\n      />\n    );\n  }\n}\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC6DjB;AA7DN,OAAOA,YAAW;AAClB,OAAO,yBAAyB;AAChC,OAAO,eAAe;AAEtB,MAAO,0BAAwCA,OAAM,cAAc;AAAA,EAqCjE,YAAY,OAAO;AACjB,UAAM,KAAK;AAMb,oBAAW,mBAAiB;AAC1B,WAAK,SAAS,EAAE,cAAc,CAAC;AAAA,IACjC;AAEA,qBAAY,MAAM;AAChB,YAAM,EAAE,cAAc,IAAI,KAAK;AAC/B,YAAM,EAAE,WAAW,QAAQ,IAAI,KAAK;AACpC,gBAAU,aAAa;AACvB,cAAQ;AAAA,IACV;AAdE,SAAK,QAAQ;AAAA,MACX,eAAe;AAAA,IACjB;AAAA,EACF;AAAA,EAaA,SAAS;AACP,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG,KAAK;AAAA,QACT,WAAW,KAAK;AAAA,QAChB,UAAU,KAAK;AAAA;AAAA,IACjB;AAAA,EAEJ;AACF;AAhEqB,kBACZ,YAAY;AAAA,EACjB,WAAW,UAAU,KAAK;AAAA,EAC1B,SAAS,UAAU,KAAK;AAAA,EACxB,UAAU,UAAU;AAAA,EACpB,YAAY,UAAU;AAAA,IACpB,UAAU,MAAM;AAAA,MACd,IAAI,UAAU;AAAA,MACd,KAAK,UAAU,OAAO;AAAA,MACtB,MAAM,UAAU,OAAO;AAAA,MACvB,aAAa,UAAU;AAAA,MACvB,WAAW,UAAU,OAAO;AAAA,MAC5B,aAAa,UAAU,OAAO;AAAA,IAChC,CAAC;AAAA,EACH;AAAA,EACA,QAAQ,UAAU,KAAK;AACzB;AAhBmB,kBAkBZ,eAAe;AAAA,EACpB,UAAU;AAAA,EACV,YAAY;AAAA,IACV;AAAA,MACE,KAAK;AAAA,MACL,MAAM;AAAA,MACN,WAAW;AAAA,MACX,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,KACE;AAAA,MACF,MAAM;AAAA,MACN,WAAW;AAAA,MACX,aAAa;AAAA,IACf;AAAA,EACF;AACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport DSImageLibraryModal from '@elliemae/ds-imagelibrarymodal';\nimport PropTypes from 'prop-types';\n\nexport default class ImageLibraryModal extends React.PureComponent {\n  static propTypes = {\n    onConfirm: PropTypes.func.isRequired,\n    onClose: PropTypes.func.isRequired,\n    onReject: PropTypes.func,\n    imagesData: PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string,\n        url: PropTypes.string.isRequired,\n        name: PropTypes.string.isRequired,\n        description: PropTypes.string,\n        createdBy: PropTypes.string.isRequired,\n        createdDate: PropTypes.string.isRequired,\n      }),\n    ),\n    isOpen: PropTypes.bool.isRequired,\n  };\n\n  static defaultProps = {\n    onReject: undefined,\n    imagesData: [\n      {\n        url: 'https://www.freeiconspng.com/minicovers/no-image-icon-6.png',\n        name: 'no image',\n        createdBy: 'user:John Doe',\n        createdDate: '0000-01-01 00:00 AM UTC',\n      },\n      {\n        url: '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 <DSImageLibraryModal {...this.props} onConfirm={this.onConfirm} onSelect={this.onSelect} />;\n  }\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC2DZ;AA3DX,OAAOA,YAAW;AAClB,OAAO,yBAAyB;AAChC,OAAO,eAAe;AAEtB,MAAO,0BAAwCA,OAAM,cAAc;AAAA,EAoCjE,YAAY,OAAO;AACjB,UAAM,KAAK;AAMb,oBAAW,CAAC,kBAAkB;AAC5B,WAAK,SAAS,EAAE,cAAc,CAAC;AAAA,IACjC;AAEA,qBAAY,MAAM;AAChB,YAAM,EAAE,cAAc,IAAI,KAAK;AAC/B,YAAM,EAAE,WAAW,QAAQ,IAAI,KAAK;AACpC,gBAAU,aAAa;AACvB,cAAQ;AAAA,IACV;AAdE,SAAK,QAAQ;AAAA,MACX,eAAe;AAAA,IACjB;AAAA,EACF;AAAA,EAaA,SAAS;AACP,WAAO,oBAAC,uBAAqB,GAAG,KAAK,OAAO,WAAW,KAAK,WAAW,UAAU,KAAK,UAAU;AAAA,EAClG;AACF;AAzDqB,kBACZ,YAAY;AAAA,EACjB,WAAW,UAAU,KAAK;AAAA,EAC1B,SAAS,UAAU,KAAK;AAAA,EACxB,UAAU,UAAU;AAAA,EACpB,YAAY,UAAU;AAAA,IACpB,UAAU,MAAM;AAAA,MACd,IAAI,UAAU;AAAA,MACd,KAAK,UAAU,OAAO;AAAA,MACtB,MAAM,UAAU,OAAO;AAAA,MACvB,aAAa,UAAU;AAAA,MACvB,WAAW,UAAU,OAAO;AAAA,MAC5B,aAAa,UAAU,OAAO;AAAA,IAChC,CAAC;AAAA,EACH;AAAA,EACA,QAAQ,UAAU,KAAK;AACzB;AAhBmB,kBAkBZ,eAAe;AAAA,EACpB,UAAU;AAAA,EACV,YAAY;AAAA,IACV;AAAA,MACE,KAAK;AAAA,MACL,MAAM;AAAA,MACN,WAAW;AAAA,MACX,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,KAAK;AAAA,MACL,MAAM;AAAA,MACN,WAAW;AAAA,MACX,aAAa;AAAA,IACf;AAAA,EACF;AACF;",
   "names": ["React"]
 }

package/dist/esm/components/InsertFieldModal.js

@@ -5,7 +5,7 @@ import PropTypes from "prop-types";
 import DSModal, { MODAL_TYPE } from "@elliemae/ds-modal";
 import { sizeOptions } from "@elliemae/ds-shared";
 import { includes } from "lodash";
-import { fields, getFieldName, getFieldCode } from "./customFields";
+import { fields, getFieldName, getFieldCode } from "./customFields.js";
 const modalTypes = Object.values(MODAL_TYPE);
 const elementClassName = "insertfieldmodal-element";
 class InsertFieldModal extends React2.PureComponent {

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

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

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/TippedButton.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\n\ninterface TippedButtonPropsT {\n  tip: string;\n  zIndex: number;\n  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  children?: React.ReactNode;\n  style?: React.CSSProperties;\n  className?: string;\n  value?: string;\n}\n\nexport const TippedButton = ({\n  className,\n  tip,\n  children,\n  onClick = () => null,\n  zIndex = 1,\n  ...rest\n}: TippedButtonPropsT): JSX.Element => (\n  <div className=\"tooltip\">\n    <DSTooltipV3 text={tip} zIndex={zIndex} withoutPortal={false}>\n      <button\n        type=\"button\"\n        className={className}\n        onClick={(e) => {\n          e.preventDefault();\n          onClick(e);\n        }}\n        {...rest}\n      >\n        {children}\n      </button>\n    </DSTooltipV3>\n  </div>\n);\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACuBjB;AAtBN,SAAS,mBAAmB;AAYrB,MAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU,MAAM;AAAA,EAChB,SAAS;AAAA,KACN;AACL,MACE,oBAAC,SAAI,WAAU,WACb,8BAAC,eAAY,MAAM,KAAK,QAAgB,eAAe,OACrD;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL;AAAA,IACA,SAAS,CAAC,MAAM;AACd,QAAE,eAAe;AACjB,cAAQ,CAAC;AAAA,IACX;AAAA,IACC,GAAG;AAAA,IAEH;AAAA;AACH,GACF,GACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACuBjB;AAtBN,SAAS,mBAAmB;AAYrB,MAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU,MAAM;AAAA,EAChB,SAAS;AAAA,EACT,GAAG;AACL,MACE,oBAAC,SAAI,WAAU,WACb,8BAAC,eAAY,MAAM,KAAK,QAAgB,eAAe,OACrD;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL;AAAA,IACA,SAAS,CAAC,MAAM;AACd,QAAE,eAAe;AACjB,cAAQ,CAAC;AAAA,IACX;AAAA,IACC,GAAG;AAAA,IAEH;AAAA;AACH,GACF,GACF;",
   "names": []
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/TippedSelect.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\n\ninterface TippedSelectPropsT {\n  tip: string;\n  onChange?: (e: React.ChangeEvent<HTMLSelectElement>) => void;\n  className?: string;\n  options?: string[];\n  defaultValue?: string;\n  values?: string[];\n  zIndex?: number;\n  children?: React.ReactNode;\n}\n\nexport const TippedSelect = (props: TippedSelectPropsT): JSX.Element => {\n  const { tip, onChange = () => null, className, options, defaultValue = '', values, zIndex, children } = props;\n  const fallBackChildren =\n    values &&\n    values.map((value, index) => (\n      <option key={value} value={value === 'normal' ? '' : value}>\n        {options ? options[index] : null}\n      </option>\n    ));\n\n  return (\n    <div className=\"tooltip\">\n      <DSTooltipV3 text={tip} zIndex={zIndex} withoutPortal={false}>\n        <div>\n          <select\n            className={className}\n            defaultValue={defaultValue}\n            onChange={(e) => {\n              e.persist();\n              onChange(e);\n            }}\n          >\n            {children || fallBackChildren}\n          </select>\n        </div>\n      </DSTooltipV3>\n    </div>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACmBjB;AAlBN,SAAS,mBAAmB;AAarB,MAAM,eAAe,CAAC,UAA2C;AACtE,QAAM,EAAE,KAAK,WAAW,MAAM,MAAM,WAAW,SAAS,eAAe,IAAI,QAAQ,QAAQ,SAAS,IAAI;AACxG,QAAM,mBACJ,UACA,OAAO,IAAI,CAAC,OAAO,UACjB,oBAAC,YAAmB,OAAO,UAAU,WAAW,KAAK,OAClD,oBAAU,QAAQ,SAAS,QADjB,KAEb,CACD;AAEH,SACE,oBAAC,SAAI,WAAU,WACb,8BAAC,eAAY,MAAM,KAAK,QAAgB,eAAe,OACrD,8BAAC,SACC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,UAAU,CAAC,MAAM;AACf,UAAE,QAAQ;AACV,iBAAS,CAAC;AAAA,MACZ;AAAA,MAEC,sBAAY;AAAA;AAAA,EACf,GACF,GACF,GACF;AAEJ;",
+  "mappings": "AAAA,YAAY,WAAW;ACmBjB;AAlBN,SAAS,mBAAmB;AAarB,MAAM,eAAe,CAAC,UAA2C;AACtE,QAAM,EAAE,KAAK,WAAW,MAAM,MAAM,WAAW,SAAS,eAAe,IAAI,QAAQ,QAAQ,SAAS,IAAI;AACxG,QAAM,mBACJ,UACA,OAAO,IAAI,CAAC,OAAO,UACjB,oBAAC,YAAmB,OAAO,UAAU,WAAW,KAAK,OAClD,oBAAU,QAAQ,KAAK,IAAI,QADjB,KAEb,CACD;AAEH,SACE,oBAAC,SAAI,WAAU,WACb,8BAAC,eAAY,MAAM,KAAK,QAAgB,eAAe,OACrD,8BAAC,SACC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,UAAU,CAAC,MAAM;AACf,UAAE,QAAQ;AACV,iBAAS,CAAC;AAAA,MACZ;AAAA,MAEC,sBAAY;AAAA;AAAA,EACf,GACF,GACF,GACF;AAEJ;",
   "names": []
 }

package/dist/esm/components/customFields.js

@@ -19,6 +19,7 @@ const fields = [
 ];
 const getFields = (customFields = fields) => customFields.map((opt, index) => ({
   id: `${opt}_${index}`,
+  // icon: 'ADD',
   label: `${opt}`,
   onClick: opt.indexOf("\xAB") !== -1 ? () => (void 0).onOptionClick((void 0).getFieldCode(opt)) : null,
   type: opt === "" ? "separator" : null

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/customFields.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const fields = [\n  'Lender Name \u00AB315\u00BB',\n  'Lender Address \u00AB319\u00BB',\n  'Lender City \u00AB313\u00BB',\n  'Lender State \u00AB321\u00BB',\n  'Lender Zip \u00AB323\u00BB',\n  'Borrower First Name \u00AB4000\u00BB',\n  'Borrower Last Name \u00AB4002\u00BB',\n  'Total Loan Amount \u00AB2\u00BB',\n  'Loan Term \u00AB4\u00BB',\n  'Loan to Value \u00AB976\u00BB',\n  'Monthly Payment \u00AB912\u00BB',\n  'Interest Rate \u00AB3\u00BB',\n  'Loan Originator Name \u00AB1612\u00BB',\n  'Loan Originator Email \u00AB3968\u00BB',\n  'Loan Originator Phone \u00AB1823\u00BB',\n  'NMLS Loan Originator ID \u00AB3238\u00BB',\n];\n/**\n * Returns the fields names\n *\n * @param customFields\n */\nexport const getFields = (customFields = fields) =>\n  customFields.map((opt, index) => ({\n    id: `${opt}_${index}`,\n    // icon: 'ADD',\n    label: `${opt}`,\n    onClick: opt.indexOf('\u00AB') !== -1 ? () => this.onOptionClick(this.getFieldCode(opt)) : null,\n    type: opt === '' ? 'separator' : null,\n  }));\n/**\n * Returns a field's name\n *\n * @param field\n */\nexport const getFieldName = (field) => {\n  const codeIndex = field.indexOf('\u00AB');\n  return field.substring(0, codeIndex);\n};\n/**\n * Returns a field's id. E.g: \u00AB456\u00BB\n *\n * @param field\n */\nexport const getFieldCode = (field) => {\n  const codeIndex = field.indexOf('\u00AB');\n  return field.substring(codeIndex);\n};\n\nexport default {\n  fields,\n  getFields,\n  getFieldName,\n  getFieldCode,\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,SAAS;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAMO,MAAM,YAAY,CAAC,eAAe,WACvC,aAAa,IAAI,CAAC,KAAK,WAAW;AAAA,EAChC,IAAI,GAAG,OAAO;AAAA,EAEd,OAAO,GAAG;AAAA,EACV,SAAS,IAAI,QAAQ,MAAG,MAAM,KAAK,MAAM,SAAK,cAAc,SAAK,aAAa,GAAG,CAAC,IAAI;AAAA,EACtF,MAAM,QAAQ,KAAK,cAAc;AACnC,EAAE;AAMG,MAAM,eAAe,CAAC,UAAU;AACrC,QAAM,YAAY,MAAM,QAAQ,MAAG;AACnC,SAAO,MAAM,UAAU,GAAG,SAAS;AACrC;AAMO,MAAM,eAAe,CAAC,UAAU;AACrC,QAAM,YAAY,MAAM,QAAQ,MAAG;AACnC,SAAO,MAAM,UAAU,SAAS;AAClC;AAEA,IAAO,uBAAQ;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,SAAS;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAMO,MAAM,YAAY,CAAC,eAAe,WACvC,aAAa,IAAI,CAAC,KAAK,WAAW;AAAA,EAChC,IAAI,GAAG,OAAO;AAAA;AAAA,EAEd,OAAO,GAAG;AAAA,EACV,SAAS,IAAI,QAAQ,MAAG,MAAM,KAAK,MAAM,SAAK,cAAc,SAAK,aAAa,GAAG,CAAC,IAAI;AAAA,EACtF,MAAM,QAAQ,KAAK,cAAc;AACnC,EAAE;AAMG,MAAM,eAAe,CAAC,UAAU;AACrC,QAAM,YAAY,MAAM,QAAQ,MAAG;AACnC,SAAO,MAAM,UAAU,GAAG,SAAS;AACrC;AAMO,MAAM,eAAe,CAAC,UAAU;AACrC,QAAM,YAAY,MAAM,QAAQ,MAAG;AACnC,SAAO,MAAM,UAAU,SAAS;AAClC;AAEA,IAAO,uBAAQ;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;",
   "names": []
 }

package/dist/esm/constants.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { getRainbowColors } from "./components/colors";
+import { getRainbowColors } from "./components/colors.js";
 const colors = [
   "#000000",
   "#e60000",
@@ -48,6 +48,7 @@ const fonts = [
 ];
 const sizes = ["Small", "Normal", "Large", "Huge"];
 const sizesReal = [
+  // https://www.w3schools.com/cssref/pr_font_font-size.asp
   "X-Small",
   "Normal",
   "Large",

package/dist/esm/constants.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/constants.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable prettier/prettier */\nimport { getRainbowColors } from './components/colors';\n\nexport const colors = [\n  '#000000',\n  '#e60000',\n  '#ff9900',\n  '#ffff00',\n  '#008A00',\n  '#0066cc',\n  '#9933ff',\n  '#ffffff',\n  '#facccc',\n  '#ffebcc',\n  '#ffffcc',\n  '#cce8cc',\n  '#cce0f5',\n  '#ebd6ff',\n  '#bbbbbb',\n  '#f06666',\n  '#ffc266',\n  '#ffff66',\n  '#66b966',\n  '#66a3e0',\n  '#c285ff',\n  '#888888',\n  '#a10000',\n  '#b26b00',\n  '#b2b200',\n  '#006100',\n  '#0047b2',\n  '#6b24b2',\n  '#444444',\n  '#5c0000',\n  '#663d00',\n  '#666600',\n  '#003700',\n  '#002966',\n  '#3d1466',\n  ...getRainbowColors(28),\n];\nexport const fonts = [\n  'Sans Serif',\n  'Serif',\n  'Monospace',\n  'Arial',\n  'Georgia',\n  'Helvetica',\n];\nexport const sizes = ['Small', 'Normal', 'Large', 'Huge'];\nexport const sizesReal = [\n  // https://www.w3schools.com/cssref/pr_font_font-size.asp\n  'X-Small',\n  'Normal',\n  'Large',\n  'X-Large',\n];\n\nexport const defaultItems = {\n  HEADER: 'header',\n  FONT: 'font',\n  FONT_SIZE: 'size',\n  BOLD: 'bold',\n  ITALIC: 'italic',\n  UNDERLINE: 'underline',\n  STRIKE: 'strike',\n  SUB: 'sub',\n  SUPER: 'super',\n  ORDERED_LIST: 'ordered list',\n  BULLET_LIST: 'bullet list',\n  INDENT_MINUS_ONE: 'indent -1',\n  INDENT_PLUS_ONE: 'indent +1',\n  ALIGN: 'align',\n  FONT_COLOR: 'font color',\n  FONT_BACKGROUND_COLOR: 'font background color',\n  HYPERLINK: 'hyperlink',\n  IMAGE: 'image',\n  CLEAR_FORMAT: 'clear format',\n  SHOW_HTML: 'show html',\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,wBAAwB;AAE1B,MAAM,SAAS;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG,iBAAiB,EAAE;AACxB;AACO,MAAM,QAAQ;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AACO,MAAM,QAAQ,CAAC,SAAS,UAAU,SAAS,MAAM;AACjD,MAAM,YAAY;AAAA,EAEvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,eAAe;AAAA,EAC1B,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,WAAW;AAAA,EACX,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,OAAO;AAAA,EACP,cAAc;AAAA,EACd,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,uBAAuB;AAAA,EACvB,WAAW;AAAA,EACX,OAAO;AAAA,EACP,cAAc;AAAA,EACd,WAAW;AACb;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable prettier/prettier */\nimport { getRainbowColors } from './components/colors.js';\n\nexport const colors = [\n  '#000000',\n  '#e60000',\n  '#ff9900',\n  '#ffff00',\n  '#008A00',\n  '#0066cc',\n  '#9933ff',\n  '#ffffff',\n  '#facccc',\n  '#ffebcc',\n  '#ffffcc',\n  '#cce8cc',\n  '#cce0f5',\n  '#ebd6ff',\n  '#bbbbbb',\n  '#f06666',\n  '#ffc266',\n  '#ffff66',\n  '#66b966',\n  '#66a3e0',\n  '#c285ff',\n  '#888888',\n  '#a10000',\n  '#b26b00',\n  '#b2b200',\n  '#006100',\n  '#0047b2',\n  '#6b24b2',\n  '#444444',\n  '#5c0000',\n  '#663d00',\n  '#666600',\n  '#003700',\n  '#002966',\n  '#3d1466',\n  ...getRainbowColors(28),\n];\nexport const fonts = [\n  'Sans Serif',\n  'Serif',\n  'Monospace',\n  'Arial',\n  'Georgia',\n  'Helvetica',\n];\nexport const sizes = ['Small', 'Normal', 'Large', 'Huge'];\nexport const sizesReal = [\n  // https://www.w3schools.com/cssref/pr_font_font-size.asp\n  'X-Small',\n  'Normal',\n  'Large',\n  'X-Large',\n];\n\nexport const defaultItems = {\n  HEADER: 'header',\n  FONT: 'font',\n  FONT_SIZE: 'size',\n  BOLD: 'bold',\n  ITALIC: 'italic',\n  UNDERLINE: 'underline',\n  STRIKE: 'strike',\n  SUB: 'sub',\n  SUPER: 'super',\n  ORDERED_LIST: 'ordered list',\n  BULLET_LIST: 'bullet list',\n  INDENT_MINUS_ONE: 'indent -1',\n  INDENT_PLUS_ONE: 'indent +1',\n  ALIGN: 'align',\n  FONT_COLOR: 'font color',\n  FONT_BACKGROUND_COLOR: 'font background color',\n  HYPERLINK: 'hyperlink',\n  IMAGE: 'image',\n  CLEAR_FORMAT: 'clear format',\n  SHOW_HTML: 'show html',\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,wBAAwB;AAE1B,MAAM,SAAS;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG,iBAAiB,EAAE;AACxB;AACO,MAAM,QAAQ;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AACO,MAAM,QAAQ,CAAC,SAAS,UAAU,SAAS,MAAM;AACjD,MAAM,YAAY;AAAA;AAAA,EAEvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,eAAe;AAAA,EAC1B,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,WAAW;AAAA,EACX,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,OAAO;AAAA,EACP,cAAc;AAAA,EACd,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,uBAAuB;AAAA,EACvB,WAAW;AAAA,EACX,OAAO;AAAA,EACP,cAAc;AAAA,EACd,WAAW;AACb;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,8 +1,8 @@
 import * as React from "react";
-import { default as default2, DSWYSIWYGEditor, WYSIWYWithSchema } from "./DSWYSIWYGEditor";
-export * from "./components/CustomToolbar";
-export * from "./components/CustomImageUploader";
-export * from "./constants";
+import { default as default2, DSWYSIWYGEditor, WYSIWYWithSchema } from "./DSWYSIWYGEditor.js";
+export * from "./components/CustomToolbar.js";
+export * from "./components/CustomImageUploader.js";
+export * from "./constants.js";
 export {
   DSWYSIWYGEditor,
   WYSIWYWithSchema,

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default, DSWYSIWYGEditor, WYSIWYWithSchema } from './DSWYSIWYGEditor';\nexport * from './components/CustomToolbar';\nexport * from './components/CustomImageUploader';\nexport * from './constants';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default, DSWYSIWYGEditor, WYSIWYWithSchema } from './DSWYSIWYGEditor.js';\nexport * from './components/CustomToolbar.js';\nexport * from './components/CustomImageUploader.js';\nexport * from './constants.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAAA,UAAS,iBAAiB,wBAAwB;AAC3D,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": ["default"]
 }

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/esm/quillOverrides/Image.js

@@ -27,11 +27,11 @@ class Image extends BaseImage {
     }
   }
   sanitize_style(style) {
-    let style_arr = style.split(";");
+    const style_arr = style.split(";");
     let allow_style = "";
     style_arr.forEach((v, i) => {
       if (WHITE_STYLE.indexOf(v.trim().split(":")[0]) !== -1) {
-        allow_style += v + ";";
+        allow_style += `${v};`;
       }
     });
     return allow_style;

package/dist/esm/quillOverrides/Image.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/quillOverrides/Image.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Quill } from 'react-quill';\nconst BaseImage = Quill.import('formats/image');\n\nconst ATTRIBUTES = ['alt', 'height', 'width', 'style'];\n\nconst WHITE_STYLE = ['margin', 'display', 'float'];\n\nclass Image extends BaseImage {\n  static formats(domNode) {\n    return ATTRIBUTES.reduce(function (formats, attribute) {\n      if (domNode.hasAttribute(attribute)) {\n        formats[attribute] = domNode.getAttribute(attribute);\n      }\n      return formats;\n    }, {});\n  }\n\n  format(name, value) {\n    if (ATTRIBUTES.indexOf(name) > -1) {\n      if (value) {\n        if (name === 'style') {\n          value = this.sanitize_style(value);\n        }\n        this.domNode.setAttribute(name, value);\n      } else {\n        this.domNode.removeAttribute(name);\n      }\n    } else {\n      super.format(name, value);\n    }\n  }\n\n  sanitize_style(style) {\n    let style_arr = style.split(';');\n    let allow_style = '';\n    style_arr.forEach((v, i) => {\n      if (WHITE_STYLE.indexOf(v.trim().split(':')[0]) !== -1) {\n        allow_style += v + ';';\n      }\n    });\n    return allow_style;\n  }\n}\n\nexport default Image;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,aAAa;AACtB,MAAM,YAAY,MAAM,OAAO,eAAe;AAE9C,MAAM,aAAa,CAAC,OAAO,UAAU,SAAS,OAAO;AAErD,MAAM,cAAc,CAAC,UAAU,WAAW,OAAO;AAEjD,MAAM,cAAc,UAAU;AAAA,EAC5B,OAAO,QAAQ,SAAS;AACtB,WAAO,WAAW,OAAO,SAAU,SAAS,WAAW;AACrD,UAAI,QAAQ,aAAa,SAAS,GAAG;AACnC,gBAAQ,aAAa,QAAQ,aAAa,SAAS;AAAA,MACrD;AACA,aAAO;AAAA,IACT,GAAG,CAAC,CAAC;AAAA,EACP;AAAA,EAEA,OAAO,MAAM,OAAO;AAClB,QAAI,WAAW,QAAQ,IAAI,IAAI,IAAI;AACjC,UAAI,OAAO;AACT,YAAI,SAAS,SAAS;AACpB,kBAAQ,KAAK,eAAe,KAAK;AAAA,QACnC;AACA,aAAK,QAAQ,aAAa,MAAM,KAAK;AAAA,MACvC,OAAO;AACL,aAAK,QAAQ,gBAAgB,IAAI;AAAA,MACnC;AAAA,IACF,OAAO;AACL,YAAM,OAAO,MAAM,KAAK;AAAA,IAC1B;AAAA,EACF;AAAA,EAEA,eAAe,OAAO;AACpB,QAAI,YAAY,MAAM,MAAM,GAAG;AAC/B,QAAI,cAAc;AAClB,cAAU,QAAQ,CAAC,GAAG,MAAM;AAC1B,UAAI,YAAY,QAAQ,EAAE,KAAK,EAAE,MAAM,GAAG,EAAE,EAAE,MAAM,IAAI;AACtD,uBAAe,IAAI;AAAA,MACrB;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT;AACF;AAEA,IAAO,gBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Quill } from 'react-quill';\nconst BaseImage = Quill.import('formats/image');\n\nconst ATTRIBUTES = ['alt', 'height', 'width', 'style'];\n\nconst WHITE_STYLE = ['margin', 'display', 'float'];\n\nclass Image extends BaseImage {\n  static formats(domNode) {\n    return ATTRIBUTES.reduce(function (formats, attribute) {\n      if (domNode.hasAttribute(attribute)) {\n        formats[attribute] = domNode.getAttribute(attribute);\n      }\n      return formats;\n    }, {});\n  }\n\n  format(name, value) {\n    if (ATTRIBUTES.indexOf(name) > -1) {\n      if (value) {\n        if (name === 'style') {\n          value = this.sanitize_style(value);\n        }\n        this.domNode.setAttribute(name, value);\n      } else {\n        this.domNode.removeAttribute(name);\n      }\n    } else {\n      super.format(name, value);\n    }\n  }\n\n  sanitize_style(style) {\n    const style_arr = style.split(';');\n    let allow_style = '';\n    style_arr.forEach((v, i) => {\n      if (WHITE_STYLE.indexOf(v.trim().split(':')[0]) !== -1) {\n        allow_style += `${v};`;\n      }\n    });\n    return allow_style;\n  }\n}\n\nexport default Image;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,aAAa;AACtB,MAAM,YAAY,MAAM,OAAO,eAAe;AAE9C,MAAM,aAAa,CAAC,OAAO,UAAU,SAAS,OAAO;AAErD,MAAM,cAAc,CAAC,UAAU,WAAW,OAAO;AAEjD,MAAM,cAAc,UAAU;AAAA,EAC5B,OAAO,QAAQ,SAAS;AACtB,WAAO,WAAW,OAAO,SAAU,SAAS,WAAW;AACrD,UAAI,QAAQ,aAAa,SAAS,GAAG;AACnC,gBAAQ,SAAS,IAAI,QAAQ,aAAa,SAAS;AAAA,MACrD;AACA,aAAO;AAAA,IACT,GAAG,CAAC,CAAC;AAAA,EACP;AAAA,EAEA,OAAO,MAAM,OAAO;AAClB,QAAI,WAAW,QAAQ,IAAI,IAAI,IAAI;AACjC,UAAI,OAAO;AACT,YAAI,SAAS,SAAS;AACpB,kBAAQ,KAAK,eAAe,KAAK;AAAA,QACnC;AACA,aAAK,QAAQ,aAAa,MAAM,KAAK;AAAA,MACvC,OAAO;AACL,aAAK,QAAQ,gBAAgB,IAAI;AAAA,MACnC;AAAA,IACF,OAAO;AACL,YAAM,OAAO,MAAM,KAAK;AAAA,IAC1B;AAAA,EACF;AAAA,EAEA,eAAe,OAAO;AACpB,UAAM,YAAY,MAAM,MAAM,GAAG;AACjC,QAAI,cAAc;AAClB,cAAU,QAAQ,CAAC,GAAG,MAAM;AAC1B,UAAI,YAAY,QAAQ,EAAE,KAAK,EAAE,MAAM,GAAG,EAAE,CAAC,CAAC,MAAM,IAAI;AACtD,uBAAe,GAAG;AAAA,MACpB;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT;AACF;AAEA,IAAO,gBAAQ;",
   "names": []
 }

package/dist/esm/quillOverrides/IndentStyle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/quillOverrides/IndentStyle.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Quill } from 'react-quill';\n\nconst Parchment = Quill.import('parchment');\nconst levels = [1, 2, 3, 4, 5];\nconst multiplier = 2;\n\nclass IndentAttributor extends Parchment.Attributor.Style {\n  add(node, value) {\n    return super.add(node, `${value * multiplier}em`);\n  }\n\n  value(node) {\n    return parseFloat(super.value(node)) / multiplier || undefined; // Don't return NaN\n  }\n}\n\n/**\n * Meant to override quill's indent format's style and add the indentation inline instead of applying a class\n */\nconst IndentStyle = new IndentAttributor('indent', 'margin-left', {\n  scope: Parchment.Scope.BLOCK,\n  whitelist: levels.map(value => `${value * multiplier}em`),\n});\n\nexport default IndentStyle;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,aAAa;AAEtB,MAAM,YAAY,MAAM,OAAO,WAAW;AAC1C,MAAM,SAAS,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC;AAC7B,MAAM,aAAa;AAEnB,MAAM,yBAAyB,UAAU,WAAW,MAAM;AAAA,EACxD,IAAI,MAAM,OAAO;AACf,WAAO,MAAM,IAAI,MAAM,GAAG,QAAQ,cAAc;AAAA,EAClD;AAAA,EAEA,MAAM,MAAM;AACV,WAAO,WAAW,MAAM,MAAM,IAAI,CAAC,IAAI,cAAc;AAAA,EACvD;AACF;AAKA,MAAM,cAAc,IAAI,iBAAiB,UAAU,eAAe;AAAA,EAChE,OAAO,UAAU,MAAM;AAAA,EACvB,WAAW,OAAO,IAAI,WAAS,GAAG,QAAQ,cAAc;AAC1D,CAAC;AAED,IAAO,sBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Quill } from 'react-quill';\n\nconst Parchment = Quill.import('parchment');\nconst levels = [1, 2, 3, 4, 5];\nconst multiplier = 2;\n\nclass IndentAttributor extends Parchment.Attributor.Style {\n  add(node, value) {\n    return super.add(node, `${value * multiplier}em`);\n  }\n\n  value(node) {\n    return parseFloat(super.value(node)) / multiplier || undefined; // Don't return NaN\n  }\n}\n\n/**\n * Meant to override quill's indent format's style and add the indentation inline instead of applying a class\n */\nconst IndentStyle = new IndentAttributor('indent', 'margin-left', {\n  scope: Parchment.Scope.BLOCK,\n  whitelist: levels.map((value) => `${value * multiplier}em`),\n});\n\nexport default IndentStyle;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,aAAa;AAEtB,MAAM,YAAY,MAAM,OAAO,WAAW;AAC1C,MAAM,SAAS,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC;AAC7B,MAAM,aAAa;AAEnB,MAAM,yBAAyB,UAAU,WAAW,MAAM;AAAA,EACxD,IAAI,MAAM,OAAO;AACf,WAAO,MAAM,IAAI,MAAM,GAAG,QAAQ,cAAc;AAAA,EAClD;AAAA,EAEA,MAAM,MAAM;AACV,WAAO,WAAW,MAAM,MAAM,IAAI,CAAC,IAAI,cAAc;AAAA,EACvD;AACF;AAKA,MAAM,cAAc,IAAI,iBAAiB,UAAU,eAAe;AAAA,EAChE,OAAO,UAAU,MAAM;AAAA,EACvB,WAAW,OAAO,IAAI,CAAC,UAAU,GAAG,QAAQ,cAAc;AAC5D,CAAC;AAED,IAAO,sBAAQ;",
   "names": []
 }

package/dist/types/DSWYSIWYGEditor.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const DSWYSIWYGEditor: {
     ({ value, onChange, getQuillRef, quillModules, customToolbar, toolbarHandlers, showRawHTML, height, hideItems, ...rest }: {
         [x: string]: any;
@@ -12,21 +13,21 @@ declare const DSWYSIWYGEditor: {
         hideItems: any;
     }): JSX.Element;
     propTypes: {
-        value: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        onChange: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        getQuillRef: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        quillModules: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        customToolbar: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        toolbarHandlers: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        showRawHTML: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        height: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        readOnly: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        hideItems: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        zIndex: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        value: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        onChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        getQuillRef: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        quillModules: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        customToolbar: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        toolbarHandlers: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        showRawHTML: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        height: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        readOnly: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        hideItems: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        zIndex: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
     };
     displayName: string;
 };
-declare const WYSIWYWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
+declare const WYSIWYWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{
     [x: string]: any;
     value?: string | undefined;
     onChange?: (() => null) | undefined;

package/dist/types/components/CustomImageUploader.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const CustomImageUploader: ({ quillRef, editorFieldName, allowedImageTypes, uploadAsset, zIndex, }: {
     quillRef: any;
     editorFieldName: any;

package/dist/types/components/CustomToolbar.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const CustomDropdown: ({ options, label, onSelectMenuItem, onClickOutsideMenu, onClose, closeMenuOnItemSelection, isOpen, minWidth, maxWidth, zIndex, }: {
     options: any;
     label: any;

package/dist/types/components/InsertFieldModal.d.ts

@@ -21,7 +21,7 @@ export default class InsertFieldModal extends React.PureComponent {
         disableDoubleClick: boolean;
         isOpen: boolean;
         modalTitle: string;
-        modalType: string;
+        modalType: unknown;
         rejectLabel: string;
         shouldCloseOnOverlayClick: boolean;
         size: string;

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
-export { default, DSWYSIWYGEditor, WYSIWYWithSchema } from './DSWYSIWYGEditor';
-export * from './components/CustomToolbar';
-export * from './components/CustomImageUploader';
-export * from './constants';
+export { default, DSWYSIWYGEditor, WYSIWYWithSchema } from './DSWYSIWYGEditor.js';
+export * from './components/CustomToolbar.js';
+export * from './components/CustomImageUploader.js';
+export * from './constants.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-wysiwygeditor",
-  "version": "3.16.0-next.2",
+  "version": "3.16.0-next.21",
   "license": "MIT",
   "description": "ICE MT - Dimsum - WYSIWYG Editor",
   "files": [
@@ -102,15 +102,16 @@
     "prop-types": "~15.8.1",
     "quill-blot-formatter": "~1.0.5",
     "react-quill": "2.0.0-beta.2",
-    "@elliemae/ds-button": "3.16.0-next.2",
-    "@elliemae/ds-dropdownmenu": "3.16.0-next.2",
-    "@elliemae/ds-icons": "3.16.0-next.2",
-    "@elliemae/ds-imagelibrarymodal": "3.16.0-next.2",
-    "@elliemae/ds-modal": "3.16.0-next.2",
-    "@elliemae/ds-shared": "3.16.0-next.2",
-    "@elliemae/ds-tooltip": "3.16.0-next.2",
-    "@elliemae/ds-uploader": "3.16.0-next.2",
-    "@elliemae/ds-utilities": "3.16.0-next.2"
+    "@elliemae/ds-button": "3.16.0-next.21",
+    "@elliemae/ds-dropdownmenu": "3.16.0-next.21",
+    "@elliemae/ds-icons": "3.16.0-next.21",
+    "@elliemae/ds-modal": "3.16.0-next.21",
+    "@elliemae/ds-props-helpers": "3.16.0-next.21",
+    "@elliemae/ds-imagelibrarymodal": "3.16.0-next.21",
+    "@elliemae/ds-shared": "3.16.0-next.21",
+    "@elliemae/ds-tooltip": "3.16.0-next.21",
+    "@elliemae/ds-uploader": "3.16.0-next.21",
+    "@elliemae/ds-utilities": "3.16.0-next.21"
   },
   "devDependencies": {
     "quill-delta": "5.0.0"
@@ -128,10 +129,10 @@
     "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
     "test": "node ../../scripts/testing/test.mjs",
     "lint": "node ../../scripts/lint.mjs",
-    "eslint:fix": "exit 0 | echo",
+    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
     "dts": "node ../../scripts/dts.mjs",
     "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
-    "dev:build": "pnpm --filter {.}... build && pnpm --filter {.}... dts",
+    "dev:build": "pnpm --filter {.}... build",
     "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
     "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
   }