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

package/dist/esm/components/InsertFieldModal.js

@@ -0,0 +1,185 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import React2 from "react";
+import PropTypes from "prop-types";
+import DSModal, { MODAL_TYPE } from "@elliemae/ds-modal";
+import { sizeOptions } from "@elliemae/ds-shared/constants";
+import { includes } from "lodash";
+import { fields, getFieldName, getFieldCode } from "./customFields";
+const modalTypes = Object.values(MODAL_TYPE);
+const elementClassName = "insertfieldmodal-element";
+class InsertFieldModal extends React2.PureComponent {
+  constructor(props) {
+    super(props);
+    this.onConfirm = () => {
+      const { onConfirm, onClose } = this.props;
+      const { selectedFieldCode } = this.state;
+      onConfirm(selectedFieldCode);
+      onClose();
+    };
+    this.onReject = () => {
+      const { onReject, onClose } = this.props;
+      if (onReject) {
+        onReject();
+      } else {
+        onClose();
+      }
+    };
+    this.drawDiv = (className, content, content2) => /* @__PURE__ */ React2.createElement("div", {
+      className
+    }, /* @__PURE__ */ React2.createElement("span", null, content), /* @__PURE__ */ React2.createElement("span", null, content2));
+    this.drawLabel = (className, label, value) => /* @__PURE__ */ React2.createElement("div", {
+      className
+    }, /* @__PURE__ */ React2.createElement("span", {
+      className: "label"
+    }, label), /* @__PURE__ */ React2.createElement("span", {
+      className: "value"
+    }, value));
+    this.handleElementClick = (e, selectedFieldCode) => {
+      if (e.key && e.key !== " ") {
+        return;
+      }
+      const { selectedFieldCode: fCode } = this.state;
+      const { disableDoubleClick } = this.props;
+      if (selectedFieldCode === fCode && !disableDoubleClick) {
+        this.onConfirm();
+        return;
+      }
+      this.setState({
+        selectedFieldCode
+      });
+      const { onSelect } = this.props;
+      if (onSelect) {
+        onSelect(selectedFieldCode);
+      }
+    };
+    this.preventSpacebarScroll = () => {
+      document.onkeypress = function(e) {
+        if (!includes(e.target.className, elementClassName)) {
+          return true;
+        }
+        e = e || window.event;
+        const charCode = e.keyCode || e.which;
+        if (charCode === 32) {
+          e.preventDefault();
+          return false;
+        }
+        return true;
+      };
+    };
+    this.renderElements = () => {
+      const { customFields } = this.props;
+      if (!customFields) {
+        return "Empty";
+      }
+      const { selectedFieldCode } = this.state;
+      return customFields.map((customField, idx) => {
+        const extras = {};
+        const fieldCode = getFieldCode(customField);
+        if (this.focusFirst && idx === 0) {
+          extras.ref = (element) => element && element.focus();
+          this.focusFirst = void 0;
+        } else if (fieldCode === selectedFieldCode) {
+          extras.ref = (element) => element && element.focus();
+        }
+        return /* @__PURE__ */ React2.createElement("div", __spreadValues({
+          key: fieldCode,
+          className: elementClassName,
+          onClick: (e) => this.handleElementClick(e, fieldCode),
+          onKeyUp: (e) => this.handleElementClick(e, fieldCode),
+          role: "button",
+          tabIndex: 0
+        }, extras), this.drawLabel("content", getFieldName(customField), fieldCode));
+      });
+    };
+    this.state = {
+      selectedFieldCode: getFieldCode(fields[0])
+    };
+    this.preventSpacebarScroll();
+  }
+  componentDidMount() {
+    const { customFields } = this.props;
+    if (customFields) {
+      this.handleElementClick({}, customFields[0]);
+      this.focusFirst = true;
+    }
+  }
+  getDerivedStateFromProps(nextProps) {
+    const { customFields } = this.props;
+    if (!customFields && nextProps.customFields) {
+      this.setState({ selectedFieldCode: customFields[0] });
+    }
+  }
+  render() {
+    const _a = this.props, { customFields, onSelect } = _a, modalProps = __objRest(_a, ["customFields", "onSelect"]);
+    return /* @__PURE__ */ React2.createElement(DSModal, __spreadProps(__spreadValues({}, modalProps), {
+      className: "insert-field-modal",
+      onConfirm: this.onConfirm,
+      onReject: this.onReject
+    }), /* @__PURE__ */ React2.createElement("div", {
+      className: "wrapper"
+    }, /* @__PURE__ */ React2.createElement("div", {
+      className: "col-1"
+    }, this.drawDiv("title", "Field Name", "\xAB Field ID \xBB"), this.renderElements())));
+  }
+}
+InsertFieldModal.propTypes = {
+  onConfirm: PropTypes.func.isRequired,
+  onClose: PropTypes.func.isRequired,
+  confirmLabel: PropTypes.string,
+  customFields: PropTypes.arrayOf(PropTypes.string),
+  disableDoubleClick: PropTypes.bool,
+  isOpen: PropTypes.bool,
+  modalTitle: PropTypes.string,
+  modalType: PropTypes.string,
+  rejectLabel: PropTypes.string,
+  shouldCloseOnOverlayClick: PropTypes.bool,
+  size: PropTypes.string,
+  onSelect: PropTypes.func
+};
+InsertFieldModal.defaultProps = {
+  confirmLabel: "Add",
+  customFields: fields,
+  disableDoubleClick: false,
+  isOpen: true,
+  modalTitle: "Add Field",
+  modalType: modalTypes[1],
+  rejectLabel: "Cancel",
+  shouldCloseOnOverlayClick: true,
+  size: sizeOptions[1],
+  onSelect: void 0
+};
+export {
+  InsertFieldModal as default
+};
+//# sourceMappingURL=InsertFieldModal.js.map

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

@@ -0,0 +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/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', '\u00AB Field ID \u00BB')}\n            {this.renderElements()}\n          </div>\n        </div>\n      </DSModal>\n    );\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/components/TippedButton.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/TippedButton.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\n\ninterface TippedButtonPropsT {\n  tip: string;\n  zIndex: number;\n  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  children?: React.ReactNode;\n  style?: React.CSSProperties;\n  className?: string;\n  value?: string;\n}\n\nexport const TippedButton = ({\n  className,\n  tip,\n  children,\n  onClick = () => null,\n  zIndex = 1,\n  ...rest\n}: TippedButtonPropsT): JSX.Element => (\n  <div className=\"tooltip\">\n    <DSTooltipV3 text={tip} zIndex={zIndex} withoutPortal={false}>\n      <button\n        type=\"button\"\n        className={className}\n        onClick={(e) => {\n          e.preventDefault();\n          onClick(e);\n        }}\n        {...rest}\n      >\n        {children}\n      </button>\n    </DSTooltipV3>\n  </div>\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAYO,MAAM,eAAe,CAAC,OAOO;AAPP,eAC3B;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,MAAM;AAAA,IAChB,SAAS;AAAA,MALkB,IAMxB,iBANwB,IAMxB;AAAA,IALH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,8CAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KACb,qCAAC,aAAD;AAAA,IAAa,MAAM;AAAA,IAAK;AAAA,IAAgB,eAAe;AAAA,KACrD,qCAAC,UAAD;AAAA,IACE,MAAK;AAAA,IACL;AAAA,IACA,SAAS,CAAC,MAAM;AACd,QAAE;AACF,cAAQ;AAAA;AAAA,KAEN,OAEH;AAAA;",
+  "names": []
+}

package/dist/esm/components/TippedSelect.js

@@ -0,0 +1,28 @@
+import * as React from "react";
+import React2 from "react";
+import { DSTooltipV3 } from "@elliemae/ds-tooltip";
+const TippedSelect = (props) => {
+  const { tip, onChange = () => null, className, options, defaultValue = "", values, zIndex, children } = props;
+  const fallBackChildren = values && values.map((value, index) => /* @__PURE__ */ React2.createElement("option", {
+    key: value,
+    value: value === "normal" ? "" : value
+  }, options ? options[index] : null));
+  return /* @__PURE__ */ React2.createElement("div", {
+    className: "tooltip"
+  }, /* @__PURE__ */ React2.createElement(DSTooltipV3, {
+    text: tip,
+    zIndex,
+    withoutPortal: false
+  }, /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement("select", {
+    className,
+    defaultValue,
+    onChange: (e) => {
+      e.persist();
+      onChange(e);
+    }
+  }, children || fallBackChildren))));
+};
+export {
+  TippedSelect
+};
+//# sourceMappingURL=TippedSelect.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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;ACAA;AACA;AAaO,MAAM,eAAe,CAAC,UAA2C;AACtE,QAAM,EAAE,KAAK,WAAW,MAAM,MAAM,WAAW,SAAS,eAAe,IAAI,QAAQ,QAAQ,aAAa;AACxG,QAAM,mBACJ,UACA,OAAO,IAAI,CAAC,OAAO,UACjB,qCAAC,UAAD;AAAA,IAAQ,KAAK;AAAA,IAAO,OAAO,UAAU,WAAW,KAAK;AAAA,KAClD,UAAU,QAAQ,SAAS;AAIlC,SACE,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KACb,qCAAC,aAAD;AAAA,IAAa,MAAM;AAAA,IAAK;AAAA,IAAgB,eAAe;AAAA,KACrD,qCAAC,OAAD,MACE,qCAAC,UAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,UAAU,CAAC,MAAM;AACf,QAAE;AACF,eAAS;AAAA;AAAA,KAGV,YAAY;AAAA;",
+  "names": []
+}

package/dist/esm/components/colors.js

@@ -0,0 +1,21 @@
+import * as React from "react";
+function sinToHex(i, size, phase) {
+  const sin = Math.sin(Math.PI / size * 2 * i + phase);
+  const int = Math.floor(sin * 127) + 128;
+  const hex = int.toString(16);
+  return hex.length === 1 ? `0${hex}` : hex;
+}
+function getRainbowColors(size = 28) {
+  const colors = new Array(size).fill(void 0);
+  return colors.map((color, idx) => {
+    const red = sinToHex(idx, size, 0 * Math.PI * 2 / 3);
+    const blue = sinToHex(idx, size, 1 * Math.PI * 2 / 3);
+    const green = sinToHex(idx, size, 2 * Math.PI * 2 / 3);
+    color = `#${red}${green}${blue}`;
+    return color;
+  });
+}
+export {
+  getRainbowColors
+};
+//# sourceMappingURL=colors.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/colors.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "function sinToHex(i, size, phase) {\n  const sin = Math.sin((Math.PI / size) * 2 * i + phase);\n  const int = Math.floor(sin * 127) + 128;\n  const hex = int.toString(16);\n\n  return hex.length === 1 ? `0${hex}` : hex;\n}\nexport function getRainbowColors(size = 28) {\n  const colors = new Array(size).fill(undefined);\n  return colors.map((color, idx) => {\n    const red = sinToHex(idx, size, (0 * Math.PI * 2) / 3); // 0   deg\n    const blue = sinToHex(idx, size, (1 * Math.PI * 2) / 3); // 120 deg\n    const green = sinToHex(idx, size, (2 * Math.PI * 2) / 3); // 240 deg\n\n    color = `#${red}${green}${blue}`;\n    return color;\n  });\n}\n"],
+  "mappings": "AAAA;ACAA,kBAAkB,GAAG,MAAM,OAAO;AAChC,QAAM,MAAM,KAAK,IAAK,KAAK,KAAK,OAAQ,IAAI,IAAI;AAChD,QAAM,MAAM,KAAK,MAAM,MAAM,OAAO;AACpC,QAAM,MAAM,IAAI,SAAS;AAEzB,SAAO,IAAI,WAAW,IAAI,IAAI,QAAQ;AAAA;AAEjC,0BAA0B,OAAO,IAAI;AAC1C,QAAM,SAAS,IAAI,MAAM,MAAM,KAAK;AACpC,SAAO,OAAO,IAAI,CAAC,OAAO,QAAQ;AAChC,UAAM,MAAM,SAAS,KAAK,MAAO,IAAI,KAAK,KAAK,IAAK;AACpD,UAAM,OAAO,SAAS,KAAK,MAAO,IAAI,KAAK,KAAK,IAAK;AACrD,UAAM,QAAQ,SAAS,KAAK,MAAO,IAAI,KAAK,KAAK,IAAK;AAEtD,YAAQ,IAAI,MAAM,QAAQ;AAC1B,WAAO;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/components/customFields.js

@@ -0,0 +1,47 @@
+import * as React from "react";
+const fields = [
+  "Lender Name \xAD \xAB315\xBB",
+  "Lender Address \xAD \xAB319\xBB",
+  "Lender City \xAD \xAB313\xBB",
+  "Lender State \xAD \xAB321\xBB",
+  "Lender Zip \xAD \xAB323\xBB",
+  "Borrower First Name \xAD \xAB4000\xBB",
+  "Borrower Last Name \xAD \xAB4002\xBB",
+  "Total Loan Amount \xAD \xAB2\xBB",
+  "Loan Term \xAD \xAB4\xBB",
+  "Loan to Value \xAD \xAB976\xBB",
+  "Monthly Payment \xAD \xAB912\xBB",
+  "Interest Rate \xAD \xAB3\xBB",
+  "Loan Originator Name \xAD \xAB1612\xBB",
+  "Loan Originator Email \xAD \xAB3968\xBB",
+  "Loan Originator Phone \xAD \xAB1823\xBB",
+  "NMLS Loan Originator ID \xAD \xAB3238\xBB"
+];
+const getFields = (customFields = fields) => customFields.map((opt, index) => ({
+  id: `${opt}_${index}`,
+  label: `${opt}`,
+  onClick: opt.indexOf("\xAB") !== -1 ? () => (void 0).onOptionClick((void 0).getFieldCode(opt)) : null,
+  type: opt === "" ? "separator" : null
+}));
+const getFieldName = (field) => {
+  const codeIndex = field.indexOf("\xAB");
+  return field.substring(0, codeIndex);
+};
+const getFieldCode = (field) => {
+  const codeIndex = field.indexOf("\xAB");
+  return field.substring(codeIndex);
+};
+var customFields_default = {
+  fields,
+  getFields,
+  getFieldName,
+  getFieldCode
+};
+export {
+  customFields_default as default,
+  fields,
+  getFieldCode,
+  getFieldName,
+  getFields
+};
+//# sourceMappingURL=customFields.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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 \u00AD \u00AB315\u00BB',\n  'Lender Address \u00AD \u00AB319\u00BB',\n  'Lender City \u00AD \u00AB313\u00BB',\n  'Lender State \u00AD \u00AB321\u00BB',\n  'Lender Zip \u00AD \u00AB323\u00BB',\n  'Borrower First Name \u00AD \u00AB4000\u00BB',\n  'Borrower Last Name \u00AD \u00AB4002\u00BB',\n  'Total Loan Amount \u00AD \u00AB2\u00BB',\n  'Loan Term \u00AD \u00AB4\u00BB',\n  'Loan to Value \u00AD \u00AB976\u00BB',\n  'Monthly Payment \u00AD \u00AB912\u00BB',\n  'Interest Rate \u00AD \u00AB3\u00BB',\n  'Loan Originator Name \u00AD \u00AB1612\u00BB',\n  'Loan Originator Email \u00AD \u00AB3968\u00BB',\n  'Loan Originator Phone \u00AD \u00AB1823\u00BB',\n  'NMLS Loan Originator ID \u00AD \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;ACAO,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;AAOK,MAAM,YAAY,CAAC,eAAe,WACvC,aAAa,IAAI,CAAC,KAAK,UAAW;AAAA,EAChC,IAAI,GAAG,OAAO;AAAA,EAEd,OAAO,GAAG;AAAA,EACV,SAAS,IAAI,QAAQ,YAAS,KAAK,MAAM,SAAK,cAAc,SAAK,aAAa,QAAQ;AAAA,EACtF,MAAM,QAAQ,KAAK,cAAc;AAAA;AAO9B,MAAM,eAAe,CAAC,UAAU;AACrC,QAAM,YAAY,MAAM,QAAQ;AAChC,SAAO,MAAM,UAAU,GAAG;AAAA;AAOrB,MAAM,eAAe,CAAC,UAAU;AACrC,QAAM,YAAY,MAAM,QAAQ;AAChC,SAAO,MAAM,UAAU;AAAA;AAGzB,IAAO,uBAAQ;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;",
+  "names": []
+}

package/dist/esm/constants.js

@@ -0,0 +1,85 @@
+import * as React from "react";
+import { getRainbowColors } from "./components/colors";
+const colors = [
+  "#000000",
+  "#e60000",
+  "#ff9900",
+  "#ffff00",
+  "#008A00",
+  "#0066cc",
+  "#9933ff",
+  "#ffffff",
+  "#facccc",
+  "#ffebcc",
+  "#ffffcc",
+  "#cce8cc",
+  "#cce0f5",
+  "#ebd6ff",
+  "#bbbbbb",
+  "#f06666",
+  "#ffc266",
+  "#ffff66",
+  "#66b966",
+  "#66a3e0",
+  "#c285ff",
+  "#888888",
+  "#a10000",
+  "#b26b00",
+  "#b2b200",
+  "#006100",
+  "#0047b2",
+  "#6b24b2",
+  "#444444",
+  "#5c0000",
+  "#663d00",
+  "#666600",
+  "#003700",
+  "#002966",
+  "#3d1466",
+  ...getRainbowColors(28)
+];
+const fonts = [
+  "Sans Serif",
+  "Serif",
+  "Monospace",
+  "Arial",
+  "Georgia",
+  "Helvetica"
+];
+const sizes = ["Small", "Normal", "Large", "Huge"];
+const sizesReal = [
+  "X-Small",
+  "Normal",
+  "Large",
+  "X-Large"
+];
+const defaultItems = {
+  HEADER: "header",
+  FONT: "font",
+  FONT_SIZE: "size",
+  BOLD: "bold",
+  ITALIC: "italic",
+  UNDERLINE: "underline",
+  STRIKE: "strike",
+  SUB: "sub",
+  SUPER: "super",
+  ORDERED_LIST: "ordered list",
+  BULLET_LIST: "bullet list",
+  INDENT_MINUS_ONE: "indent -1",
+  INDENT_PLUS_ONE: "indent +1",
+  ALIGN: "align",
+  FONT_COLOR: "font color",
+  FONT_BACKGROUND_COLOR: "font background color",
+  HYPERLINK: "hyperlink",
+  IMAGE: "image",
+  CLEAR_FORMAT: "clear format",
+  SHOW_HTML: "show html"
+};
+export {
+  colors,
+  defaultItems,
+  fonts,
+  sizes,
+  sizesReal
+};
+//# sourceMappingURL=constants.js.map

package/dist/esm/constants.js.map

@@ -0,0 +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;ACCA;AAEO,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;AAAA;AAEf,MAAM,QAAQ;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAEK,MAAM,QAAQ,CAAC,SAAS,UAAU,SAAS;AAC3C,MAAM,YAAY;AAAA,EAEvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAGK,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;AAAA;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { default as default2, WYSIWYWithSchema } from "./DSWYSIWYGEditor";
+export * from "./components/CustomToolbar";
+export * from "./components/CustomImageUploader";
+export * from "./constants";
+export {
+  WYSIWYWithSchema,
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +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, WYSIWYWithSchema } from './DSWYSIWYGEditor';\nexport * from './components/CustomToolbar';\nexport * from './components/CustomImageUploader';\nexport * from './constants';\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;",
+  "names": []
+}

package/dist/esm/quillMatchers/clipboardLinkWithTagMatcher.js

@@ -0,0 +1,19 @@
+import * as React from "react";
+const hrefTagRegexp = /%7B%7B.+%7D%7D/gm;
+const clipboardLinkWithTagMatcher = (node, delta) => {
+  if (node.origin === window.location.origin) {
+    const nodeHref = node.href;
+    const tagMatch = nodeHref.match(hrefTagRegexp);
+    if (tagMatch) {
+      const [overWrittenHrefValue] = tagMatch;
+      const insertLinkOperation = delta?.ops?.find((operation) => operation?.attributes?.link?.match?.(hrefTagRegexp));
+      if (insertLinkOperation)
+        insertLinkOperation.attributes.link = overWrittenHrefValue.replace(/%7B%7B/gm, "{{").replace(/%7D%7D/gm, "}}");
+    }
+  }
+  return delta;
+};
+export {
+  clipboardLinkWithTagMatcher
+};
+//# sourceMappingURL=clipboardLinkWithTagMatcher.js.map

package/dist/esm/quillMatchers/clipboardLinkWithTagMatcher.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/quillMatchers/clipboardLinkWithTagMatcher.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import Delta from 'quill-delta';\n\nconst hrefTagRegexp = /%7B%7B.+%7D%7D/gm;\nexport const clipboardLinkWithTagMatcher = (node: HTMLAnchorElement, delta: Delta): Delta => {\n  if (node.origin === window.location.origin) {\n    const nodeHref = node.href;\n    const tagMatch = nodeHref.match(hrefTagRegexp);\n    if (tagMatch) {\n      const [overWrittenHrefValue] = tagMatch;\n      const insertLinkOperation = delta?.ops?.find((operation) => operation?.attributes?.link?.match?.(hrefTagRegexp));\n      if (insertLinkOperation)\n        insertLinkOperation.attributes.link = overWrittenHrefValue.replace(/%7B%7B/gm, '{{').replace(/%7D%7D/gm, '}}');\n    }\n  }\n  return delta;\n};\n"],
+  "mappings": "AAAA;ACEA,MAAM,gBAAgB;AACf,MAAM,8BAA8B,CAAC,MAAyB,UAAwB;AAC3F,MAAI,KAAK,WAAW,OAAO,SAAS,QAAQ;AAC1C,UAAM,WAAW,KAAK;AACtB,UAAM,WAAW,SAAS,MAAM;AAChC,QAAI,UAAU;AACZ,YAAM,CAAC,wBAAwB;AAC/B,YAAM,sBAAsB,OAAO,KAAK,KAAK,CAAC,cAAc,WAAW,YAAY,MAAM,QAAQ;AACjG,UAAI;AACF,4BAAoB,WAAW,OAAO,qBAAqB,QAAQ,YAAY,MAAM,QAAQ,YAAY;AAAA;AAAA;AAG/G,SAAO;AAAA;",
+  "names": []
+}

package/dist/esm/quillOverrides/IndentStyle.js

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { Quill } from "react-quill";
+const Parchment = Quill.import("parchment");
+const levels = [1, 2, 3, 4, 5];
+const multiplier = 2;
+class IndentAttributor extends Parchment.Attributor.Style {
+  add(node, value) {
+    return super.add(node, `${value * multiplier}em`);
+  }
+  value(node) {
+    return parseFloat(super.value(node)) / multiplier || void 0;
+  }
+}
+const IndentStyle = new IndentAttributor("indent", "margin-left", {
+  scope: Parchment.Scope.BLOCK,
+  whitelist: levels.map((value) => `${value * multiplier}em`)
+});
+var IndentStyle_default = IndentStyle;
+export {
+  IndentStyle_default as default
+};
+//# sourceMappingURL=IndentStyle.js.map

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

@@ -0,0 +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;ACAA;AAEA,MAAM,YAAY,MAAM,OAAO;AAC/B,MAAM,SAAS,CAAC,GAAG,GAAG,GAAG,GAAG;AAC5B,MAAM,aAAa;AAEnB,+BAA+B,UAAU,WAAW,MAAM;AAAA,EACxD,IAAI,MAAM,OAAO;AACf,WAAO,MAAM,IAAI,MAAM,GAAG,QAAQ;AAAA;AAAA,EAGpC,MAAM,MAAM;AACV,WAAO,WAAW,MAAM,MAAM,SAAS,cAAc;AAAA;AAAA;AAOzD,MAAM,cAAc,IAAI,iBAAiB,UAAU,eAAe;AAAA,EAChE,OAAO,UAAU,MAAM;AAAA,EACvB,WAAW,OAAO,IAAI,WAAS,GAAG,QAAQ;AAAA;AAG5C,IAAO,sBAAQ;",
+  "names": []
+}

package/dist/esm/quillOverrides/LinkFormat.js

@@ -0,0 +1,57 @@
+import * as React from "react";
+import { Quill } from "react-quill";
+const sanitizeProtocol = (value) => {
+  if (typeof value === "boolean")
+    return value;
+  let newVal = value;
+  if (!value.startsWith("http") && !value.startsWith("ftp") && !value.startsWith("mailto:") && !value.startsWith("{{")) {
+    if (!value.startsWith("www")) {
+      newVal = `https://www.${value}`;
+    } else
+      newVal = `https://${value}`;
+  }
+  return newVal;
+};
+function getIsValidProtocol(url, protocols) {
+  const anchor = document.createElement("a");
+  anchor.href = url;
+  const protocol = anchor.href.slice(0, anchor.href.indexOf(":"));
+  return protocols.indexOf(protocol) > -1;
+}
+const Link = Quill.import("formats/link");
+class LinkFormat extends Link {
+  constructor() {
+    super(...arguments);
+    this.blotName = "link";
+    this.tagName = "A";
+    this.SANITIZED_URL = "about:blank";
+    this.PROTOCOL_WHITELIST = ["http", "ftp", "https", "mailto", "tel"];
+  }
+  static create(value) {
+    const newVal = sanitizeProtocol(value);
+    const node = super.create(newVal);
+    node.setAttribute("href", newVal);
+    return node;
+  }
+  static formats(domNode) {
+    return domNode?.getAttribute?.("href");
+  }
+  static sanitize(url) {
+    return getIsValidProtocol(url, this.PROTOCOL_WHITELIST) ? url : this.SANITIZED_URL;
+  }
+  format(name, value) {
+    const newVal = sanitizeProtocol(value);
+    if (name === "link" && value === false) {
+      this.domNode.removeAttribute("href");
+    } else if (name !== this.statics.blotName || !newVal) {
+      super.format(name, newVal);
+    } else {
+      this.domNode.setAttribute("href", this.constructor.sanitize(newVal));
+    }
+  }
+}
+var LinkFormat_default = LinkFormat;
+export {
+  LinkFormat_default as default
+};
+//# sourceMappingURL=LinkFormat.js.map