@elliemae/ds-wysiwygeditor 2.2.0 → 2.3.0-alpha.3

package/esm/components/InsertFieldModal.js

@@ -1,208 +1,156 @@
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import React from 'react';
-import DSModal, { MODAL_TYPE } from '@elliemae/ds-modal';
-import { sizeOptions } from '@elliemae/ds-shared/constants';
-import { includes } from 'lodash';
-import { getFieldCode, getFieldName, fields } from './customFields.js';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["customFields", "onSelect"];
-
-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(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; }
+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 React.PureComponent {
+const elementClassName = "insertfieldmodal-element";
+class InsertFieldModal extends React2.PureComponent {
   constructor(props) {
     super(props);
-
     this.onConfirm = () => {
-      const {
-        onConfirm,
-        onClose
-      } = this.props;
-      const {
-        selectedFieldCode
-      } = this.state;
+      const { onConfirm, onClose } = this.props;
+      const { selectedFieldCode } = this.state;
       onConfirm(selectedFieldCode);
       onClose();
     };
-
     this.onReject = () => {
-      const {
-        onReject,
-        onClose
-      } = this.props;
-
+      const { onReject, onClose } = this.props;
       if (onReject) {
         onReject();
       } else {
         onClose();
       }
     };
-
-    this.drawDiv = (className, content, content2) => /*#__PURE__*/_jsx("div", {
-      className: className
-    }, void 0, /*#__PURE__*/_jsx("span", {}, void 0, content), /*#__PURE__*/_jsx("span", {}, void 0, content2));
-
-    this.drawLabel = (className, label, value) => /*#__PURE__*/_jsx("div", {
-      className: className
-    }, void 0, /*#__PURE__*/_jsx("span", {
+    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"
-    }, void 0, label), /*#__PURE__*/_jsx("span", {
+    }, label), /* @__PURE__ */ React2.createElement("span", {
       className: "value"
-    }, void 0, value));
-
+    }, value));
     this.handleElementClick = (e, selectedFieldCode) => {
-      if (e.key && e.key !== ' ') {
+      if (e.key && e.key !== " ") {
         return;
       }
-
-      const {
-        selectedFieldCode: fCode
-      } = this.state;
-      const {
-        disableDoubleClick
-      } = this.props;
-
+      const { selectedFieldCode: fCode } = this.state;
+      const { disableDoubleClick } = this.props;
       if (selectedFieldCode === fCode && !disableDoubleClick) {
         this.onConfirm();
         return;
       }
-
       this.setState({
         selectedFieldCode
       });
-      const {
-        onSelect
-      } = this.props;
-
+      const { onSelect } = this.props;
       if (onSelect) {
         onSelect(selectedFieldCode);
       }
     };
-
     this.preventSpacebarScroll = () => {
-      document.onkeypress = function (e) {
+      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;
-
+      const { customFields } = this.props;
       if (!customFields) {
-        return 'Empty';
+        return "Empty";
       }
-
-      const {
-        selectedFieldCode
-      } = this.state;
+      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 = undefined;
+          extras.ref = (element) => element && element.focus();
+          this.focusFirst = void 0;
         } else if (fieldCode === selectedFieldCode) {
-          extras.ref = element => element && element.focus();
+          extras.ref = (element) => element && element.focus();
         }
-
-        return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
+        return /* @__PURE__ */ React2.createElement("div", {
+          key: fieldCode,
           className: elementClassName,
-          onClick: e => this.handleElementClick(e, fieldCode),
-          onKeyUp: e => this.handleElementClick(e, fieldCode),
+          onClick: (e) => this.handleElementClick(e, fieldCode),
+          onKeyUp: (e) => this.handleElementClick(e, fieldCode),
           role: "button",
-          tabIndex: 0
-        }, extras), {}, {
-          children: this.drawLabel('content', getFieldName(customField), fieldCode)
-        }), fieldCode);
+          tabIndex: 0,
+          ...extras
+        }, this.drawLabel("content", getFieldName(customField), fieldCode));
       });
     };
-
     this.state = {
       selectedFieldCode: getFieldCode(fields[0])
     };
     this.preventSpacebarScroll();
   }
-
   componentDidMount() {
-    const {
-      customFields
-    } = this.props;
-
+    const { customFields } = this.props;
     if (customFields) {
       this.handleElementClick({}, customFields[0]);
       this.focusFirst = true;
     }
   }
-
   getDerivedStateFromProps(nextProps) {
-    const {
-      customFields
-    } = this.props;
-
+    const { customFields } = this.props;
     if (!customFields && nextProps.customFields) {
-      this.setState({
-        selectedFieldCode: customFields[0]
-      });
+      this.setState({ selectedFieldCode: customFields[0] });
     }
   }
-
   render() {
-    const _this$props = this.props,
-          modalProps = _objectWithoutProperties(_this$props, _excluded);
-
-    return /*#__PURE__*/jsx(DSModal, _objectSpread(_objectSpread({}, modalProps), {}, {
+    const { customFields, onSelect, ...modalProps } = this.props;
+    return /* @__PURE__ */ React2.createElement(DSModal, {
+      ...modalProps,
       className: "insert-field-modal",
       onConfirm: this.onConfirm,
-      onReject: this.onReject,
-      children: /*#__PURE__*/_jsx("div", {
-        className: "wrapper"
-      }, void 0, /*#__PURE__*/_jsx("div", {
-        className: "col-1"
-      }, void 0, this.drawDiv('title', 'Field Name', '« Field ID »'), this.renderElements()))
-    }));
+      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',
+  confirmLabel: "Add",
   customFields: fields,
   disableDoubleClick: false,
   isOpen: true,
-  modalTitle: 'Add Field',
+  modalTitle: "Add Field",
   modalType: modalTypes[1],
-  rejectLabel: 'Cancel',
+  rejectLabel: "Cancel",
   shouldCloseOnOverlayClick: true,
   size: sizeOptions[1],
-  onSelect: undefined
+  onSelect: void 0
+};
+export {
+  InsertFieldModal as default
 };
-
-export { InsertFieldModal as default };
+//# sourceMappingURL=InsertFieldModal.js.map

package/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/esm/components/TippedButton.js

@@ -1,45 +1,28 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import { DSTooltipV3 } from '@elliemae/ds-tooltip';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["className", "tip", "children", "onClick", "zIndex"];
-
-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(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; }
-const TippedButton = _ref => {
-  let {
-    className,
-    tip,
-    children,
-    onClick = () => null,
-    zIndex = 1
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/_jsx("div", {
-    className: "tooltip"
-  }, void 0, /*#__PURE__*/_jsx(DSTooltipV3, {
-    text: tip,
-    zIndex: zIndex
-  }, void 0, /*#__PURE__*/jsx("button", _objectSpread(_objectSpread({
-    type: "button",
-    className: className,
-    onClick: e => {
-      e.preventDefault();
-      onClick(e);
-    }
-  }, rest), {}, {
-    children: children
-  }))));
+import * as React from "react";
+import React2 from "react";
+import { DSTooltipV3 } from "@elliemae/ds-tooltip";
+const TippedButton = ({
+  className,
+  tip,
+  children,
+  onClick = () => null,
+  zIndex = 1,
+  ...rest
+}) => /* @__PURE__ */ React2.createElement("div", {
+  className: "tooltip"
+}, /* @__PURE__ */ React2.createElement(DSTooltipV3, {
+  text: tip,
+  zIndex
+}, /* @__PURE__ */ React2.createElement("button", {
+  type: "button",
+  className,
+  onClick: (e) => {
+    e.preventDefault();
+    onClick(e);
+  },
+  ...rest
+}, children)));
+export {
+  TippedButton
 };
-
-export { TippedButton };
+//# sourceMappingURL=TippedButton.js.map

package/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}>\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;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU,MAAM;AAAA,EAChB,SAAS;AAAA,KACN;AAAA,MAEH,qCAAC,OAAD;AAAA,EAAK,WAAU;AAAA,GACb,qCAAC,aAAD;AAAA,EAAa,MAAM;AAAA,EAAK;AAAA,GACtB,qCAAC,UAAD;AAAA,EACE,MAAK;AAAA,EACL;AAAA,EACA,SAAS,CAAC,MAAM;AACd,MAAE;AACF,YAAQ;AAAA;AAAA,KAEN;AAAA,GAEH;",
+  "names": []
+}

package/esm/components/TippedSelect.js

@@ -1,37 +1,27 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import '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__*/_jsx("option", {
-    value: value === 'normal' ? '' : value
-  }, value, options ? options[index] : null));
-  return /*#__PURE__*/_jsx("div", {
+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"
-  }, void 0, /*#__PURE__*/_jsx(DSTooltipV3, {
+  }, /* @__PURE__ */ React2.createElement(DSTooltipV3, {
     text: tip,
-    zIndex: zIndex
-  }, void 0, /*#__PURE__*/_jsx("div", {}, void 0, /*#__PURE__*/_jsx("select", {
-    className: className,
-    defaultValue: defaultValue,
-    onChange: e => {
+    zIndex
+  }, /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement("select", {
+    className,
+    defaultValue,
+    onChange: (e) => {
       e.persist();
       onChange(e);
     }
-  }, void 0, children || fallBackChildren))));
+  }, children || fallBackChildren))));
+};
+export {
+  TippedSelect
 };
-
-export { TippedSelect };
+//# sourceMappingURL=TippedSelect.js.map

package/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}>\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,KACtB,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/esm/components/colors.js

@@ -1,26 +1,21 @@
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-
+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".concat(hex) : hex;
+  return hex.length === 1 ? `0${hex}` : hex;
 }
-
-function getRainbowColors() {
-  let size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 28;
-  const colors = new Array(size).fill(undefined);
+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); // 0   deg
-
-    const blue = sinToHex(idx, size, 1 * Math.PI * 2 / 3); // 120 deg
-
-    const green = sinToHex(idx, size, 2 * Math.PI * 2 / 3); // 240 deg
-
-    color = "#".concat(red).concat(green).concat(blue);
+    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 };
+export {
+  getRainbowColors
+};
+//# sourceMappingURL=colors.js.map

package/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/esm/components/customFields.js

@@ -1,49 +1,47 @@
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-
-var _this = undefined;
-const fields = ['Lender Name ­ «315»', 'Lender Address ­ «319»', 'Lender City ­ «313»', 'Lender State ­ «321»', 'Lender Zip ­ «323»', 'Borrower First Name ­ «4000»', 'Borrower Last Name ­ «4002»', 'Total Loan Amount ­ «2»', 'Loan Term ­ «4»', 'Loan to Value ­ «976»', 'Monthly Payment ­ «912»', 'Interest Rate ­ «3»', 'Loan Originator Name ­ «1612»', 'Loan Originator Email ­ «3968»', 'Loan Originator Phone ­ «1823»', 'NMLS Loan Originator ID ­ «3238»'];
-/**
- * Returns the fields names
- *
- * @param customFields
- */
-
-const getFields = function () {
-  let customFields = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : fields;
-  return customFields.map((opt, index) => ({
-    id: "".concat(opt, "_").concat(index),
-    // icon: 'ADD',
-    label: "".concat(opt),
-    onClick: opt.indexOf('«') !== -1 ? () => _this.onOptionClick(_this.getFieldCode(opt)) : null,
-    type: opt === '' ? 'separator' : null
-  }));
-};
-/**
- * Returns a field's name
- *
- * @param field
- */
-
-const getFieldName = field => {
-  const codeIndex = field.indexOf('«');
+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);
 };
-/**
- * Returns a field's id. E.g: «456»
- *
- * @param field
- */
-
-const getFieldCode = field => {
-  const codeIndex = field.indexOf('«');
+const getFieldCode = (field) => {
+  const codeIndex = field.indexOf("\xAB");
   return field.substring(codeIndex);
 };
-var customFields = {
+var customFields_default = {
   fields,
   getFields,
   getFieldName,
   getFieldCode
 };
-
-export { customFields as default, fields, getFieldCode, getFieldName, getFields };
+export {
+  customFields_default as default,
+  fields,
+  getFieldCode,
+  getFieldName,
+  getFields
+};
+//# sourceMappingURL=customFields.js.map

package/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": []
+}