@elliemae/ds-wysiwygeditor 1.53.7 → 1.53.11

package/cjs/DSWYSIWYGEditor.js

@@ -22,21 +22,24 @@ require('@elliemae/ds-imagelibrarymodal');
 require('prop-types');
 require('./components/InsertFieldModal.js');
 require('@elliemae/ds-modal');
-require('lodash');
 require('@elliemae/ds-shared/constants');
+require('lodash');
 require('./components/customFields.js');
 require('./components/CustomToolbar.js');
 require('@elliemae/ds-basic/Button');
 require('@elliemae/ds-icons/ArrowheadDown');
 require('@elliemae/ds-dropdownmenu');
-require('@elliemae/ds-basic/Tooltip');
 require('./constants.js');
 require('@babel/runtime/helpers/toConsumableArray');
 require('./components/colors.js');
+require('./components/TippedButton.js');
+require('@elliemae/ds-tooltip');
+require('./components/TippedSelect.js');
 require('./quillOverrides/IndentStyle.js');
 require('@babel/runtime/helpers/get');
 require('./quillOverrides/LinkFormat.js');
 require('./utils.js');
+require('./quillMatchers/clipboardLinkWithTagMatcher.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -108,7 +111,8 @@ var wysiwygEditorProps = {
   showRawHTML: reactDesc.PropTypes.bool.description('whether to display html view or not').defaultValue(false),
   height: reactDesc.PropTypes.string.description('heigth of the editors text area'),
   readOnly: reactDesc.PropTypes.string.description("If true, the editor won't allow changing its contents. Wraps the Quill disable API."),
-  hideItems: reactDesc.PropTypes.object.description('object of defaultItems to be removed from toolbar').defaultValue({})
+  hideItems: reactDesc.PropTypes.object.description('object of defaultItems to be removed from toolbar').defaultValue({}),
+  zIndex: reactDesc.PropTypes.number.description('zIndex to be used (required when used in a modal for correct tooltips displaying)')
 };
 DSWYSIWYGEditor.propTypes = wysiwygEditorProps;
 var WYSIWYWithSchema = reactDesc.describe(DSWYSIWYGEditor);

package/cjs/DSWYSIWYGEditor.js.map

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

package/cjs/components/CustomImageUploader.js

@@ -9,16 +9,10 @@ var React = require('react');
 var Image = require('@elliemae/ds-icons/Image');
 var DSUploader = require('@elliemae/ds-uploader');
 var DSModal = require('@elliemae/ds-modal');
-var components_CustomToolbar = require('./CustomToolbar.js');
+var components_TippedButton = require('./TippedButton.js');
 require('@babel/runtime/helpers/extends');
 require('@babel/runtime/helpers/objectWithoutProperties');
-require('@elliemae/ds-basic/Button');
-require('@elliemae/ds-icons/ArrowheadDown');
-require('@elliemae/ds-dropdownmenu');
-require('@elliemae/ds-basic/Tooltip');
-require('../constants.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('./colors.js');
+require('@elliemae/ds-tooltip');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -42,7 +36,9 @@ var CustomImageUploader = function CustomImageUploader(_ref) {
       _ref$uploadAsset = _ref.uploadAsset,
       uploadAsset = _ref$uploadAsset === void 0 ? function () {
     return null;
-  } : _ref$uploadAsset;
+  } : _ref$uploadAsset,
+      _ref$zIndex = _ref.zIndex,
+      zIndex = _ref$zIndex === void 0 ? 1 : _ref$zIndex;
 
   var _useState = React.useState(false),
       _useState2 = _slicedToArray__default['default'](_useState, 2),
@@ -154,7 +150,8 @@ var CustomImageUploader = function CustomImageUploader(_ref) {
     };
   }();
 
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(components_CustomToolbar.TippedButton, {
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(components_TippedButton.TippedButton, {
+    zIndex: zIndex,
     tip: "Insert Image",
     onClick: function onClick() {
       setLastSelection(quillRef === null || quillRef === void 0 ? void 0 : quillRef.getEditor().getSelection());

package/cjs/components/CustomImageUploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomImageUploader.js","sources":["../../../src/components/CustomImageUploader.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable react/prop-types */\nimport React, { useState } from 'react';\nimport Image from '@elliemae/ds-icons/Image';\nimport DSUploader from '@elliemae/ds-uploader';\nimport DSModal, { MODAL_TYPE_V2 } from '@elliemae/ds-modal';\nimport { TippedButton } from './CustomToolbar';\n\nconst ALLOWED_TYPES_TEXT = 'JPG, JPEG, PNG, GIF, BMP, TIFF';\nconst ALLOWED_TYPES = /image\\/(jpeg|jpg|png|gif|bmp|tiff)/;\nconst DEFAULT_MAX_SIZE = 1024 * 1024; // 1 MB\n\nexport const CustomImageUploader = ({\n  quillRef,\n  editorFieldName,\n  allowedImageTypes = ALLOWED_TYPES_TEXT,\n  uploadAsset = () => null,\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [error, setError] = useState(null);\n  const [inProgress, setInProgress] = useState(false);\n  const [lastSelection, setLastSelection] = useState({ index: 0, length: 0 });\n\n  const elementId = `uploadImage${editorFieldName}`;\n\n  // eslint-disable-next-line consistent-return\n  const handleFileChange = async (files) => {\n    if (!inProgress) {\n      setError(null);\n      const selectedFile = files[0];\n      if (!selectedFile) {\n        setError('Please select a file.');\n        return false;\n      }\n      if (!selectedFile.type.match(ALLOWED_TYPES)) {\n        setError('File must be an image.');\n      } else if (selectedFile.size > DEFAULT_MAX_SIZE) {\n        setError('File is too large.');\n      } else {\n        const fr = new FileReader();\n        fr.onload = async () => {\n          setInProgress(true);\n          try {\n            const url = await uploadAsset({\n              name: selectedFile.name,\n              type: selectedFile.type,\n              description: selectedFile.name,\n              isSystemAsset: false,\n              file: fr.result,\n            });\n            setIsOpen(false);\n            quillRef\n              ?.getEditor()\n              .insertEmbed(lastSelection?.index || 0, 'image', url);\n          } catch (e) {\n            setError('An error has occurred, try again');\n          }\n          setInProgress(false);\n        };\n        fr.readAsArrayBuffer(selectedFile);\n      }\n    }\n  };\n  return (\n    <>\n      <TippedButton\n        tip=\"Insert Image\"\n        onClick={() => {\n          setLastSelection(quillRef?.getEditor().getSelection());\n          setIsOpen(true);\n        }}\n      >\n        <Image color={['neutral', 500]} size=\"s\" />\n      </TippedButton>\n      <DSModal\n        isOpen={isOpen}\n        title=\"\"\n        onConfirm={() => {\n          setIsOpen(false);\n        }}\n        onClose={() => {\n          setIsOpen(false);\n        }}\n        showClose\n        version={2}\n        size=\"xsmall\"\n        modalType={MODAL_TYPE_V2.DECISION}\n        confirmLabel=\"Cancel\"\n        message=\"\"\n      >\n        {!inProgress && (\n          <DSUploader\n            containerProps={{ id: elementId }}\n            showAltAction={false}\n            acceptedTypesText={allowedImageTypes}\n            onDrop={handleFileChange}\n          />\n        )}\n        {inProgress && 'Upload in progress...'}\n        {error && (\n          <div style={{ color: 'red', marginTop: '10px' }}>{error}</div>\n        )}\n      </DSModal>\n    </>\n  );\n};\n"],"names":["ALLOWED_TYPES_TEXT","ALLOWED_TYPES","DEFAULT_MAX_SIZE","CustomImageUploader","quillRef","editorFieldName","allowedImageTypes","uploadAsset","useState","isOpen","setIsOpen","error","setError","inProgress","setInProgress","index","length","lastSelection","setLastSelection","elementId","handleFileChange","files","selectedFile","type","match","size","fr","FileReader","onload","name","description","isSystemAsset","file","result","url","getEditor","insertEmbed","readAsArrayBuffer","React","TippedButton","getSelection","Image","DSModal","MODAL_TYPE_V2","DECISION","DSUploader","id","color","marginTop"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,kBAAkB,GAAG,gCAA3B;AACA,IAAMC,aAAa,GAAG,oCAAtB;AACA,IAAMC,gBAAgB,GAAG,OAAO,IAAhC;;IAEaC,mBAAmB,GAAG,SAAtBA,mBAAsB,OAK7B;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,eAGI,QAHJA,eAGI;AAAA,mCAFJC,iBAEI;AAAA,MAFJA,iBAEI,sCAFgBN,kBAEhB;AAAA,8BADJO,WACI;AAAA,MADJA,WACI,iCADU;AAAA,WAAM,IAAN;AAAA,GACV;;AACJ,kBAA4BC,cAAQ,CAAC,KAAD,CAApC;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,SAAf;;AACA,mBAA0BF,cAAQ,CAAC,IAAD,CAAlC;AAAA;AAAA,MAAOG,KAAP;AAAA,MAAcC,QAAd;;AACA,mBAAoCJ,cAAQ,CAAC,KAAD,CAA5C;AAAA;AAAA,MAAOK,UAAP;AAAA,MAAmBC,aAAnB;;AACA,mBAA0CN,cAAQ,CAAC;AAAEO,IAAAA,KAAK,EAAE,CAAT;AAAYC,IAAAA,MAAM,EAAE;AAApB,GAAD,CAAlD;AAAA;AAAA,MAAOC,aAAP;AAAA,MAAsBC,gBAAtB;;AAEA,MAAMC,SAAS,wBAAiBd,eAAjB,CAAf,CANI;;AASJ,MAAMe,gBAAgB;AAAA,iHAAG,kBAAOC,KAAP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAClBR,UADkB;AAAA;AAAA;AAAA;;AAErBD,cAAAA,QAAQ,CAAC,IAAD,CAAR;AACMU,cAAAA,YAHe,GAGAD,KAAK,CAAC,CAAD,CAHL;;AAAA,kBAIhBC,YAJgB;AAAA;AAAA;AAAA;;AAKnBV,cAAAA,QAAQ,CAAC,uBAAD,CAAR;AALmB,gDAMZ,KANY;;AAAA;AAQrB,kBAAI,CAACU,YAAY,CAACC,IAAb,CAAkBC,KAAlB,CAAwBvB,aAAxB,CAAL,EAA6C;AAC3CW,gBAAAA,QAAQ,CAAC,wBAAD,CAAR;AACD,eAFD,MAEO,IAAIU,YAAY,CAACG,IAAb,GAAoBvB,gBAAxB,EAA0C;AAC/CU,gBAAAA,QAAQ,CAAC,oBAAD,CAAR;AACD,eAFM,MAEA;AACCc,gBAAAA,EADD,GACM,IAAIC,UAAJ,EADN;AAELD,gBAAAA,EAAE,CAACE,MAAH,iHAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AACVd,0BAAAA,aAAa,CAAC,IAAD,CAAb;AADU;AAAA;AAAA,iCAGUP,WAAW,CAAC;AAC5BsB,4BAAAA,IAAI,EAAEP,YAAY,CAACO,IADS;AAE5BN,4BAAAA,IAAI,EAAED,YAAY,CAACC,IAFS;AAG5BO,4BAAAA,WAAW,EAAER,YAAY,CAACO,IAHE;AAI5BE,4BAAAA,aAAa,EAAE,KAJa;AAK5BC,4BAAAA,IAAI,EAAEN,EAAE,CAACO;AALmB,2BAAD,CAHrB;;AAAA;AAGFC,0BAAAA,GAHE;AAURxB,0BAAAA,SAAS,CAAC,KAAD,CAAT;AACAN,0BAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CACJ+B,SADJ,GAEGC,WAFH,CAEe,CAAAnB,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAEF,KAAf,KAAwB,CAFvC,EAE0C,OAF1C,EAEmDmB,GAFnD;AAXQ;AAAA;;AAAA;AAAA;AAAA;AAeRtB,0BAAAA,QAAQ,CAAC,kCAAD,CAAR;;AAfQ;AAiBVE,0BAAAA,aAAa,CAAC,KAAD,CAAb;;AAjBU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAZ;AAmBAY,gBAAAA,EAAE,CAACW,iBAAH,CAAqBf,YAArB;AACD;;AAlCoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAH;;AAAA,oBAAhBF,gBAAgB;AAAA;AAAA;AAAA,KAAtB;;AAqCA,sBACEkB,+FACEA,wCAACC,qCAAD;AACE,IAAA,GAAG,EAAC,cADN;AAEE,IAAA,OAAO,EAAE,mBAAM;AACbrB,MAAAA,gBAAgB,CAACd,QAAD,aAACA,QAAD,uBAACA,QAAQ,CAAE+B,SAAV,GAAsBK,YAAtB,EAAD,CAAhB;AACA9B,MAAAA,SAAS,CAAC,IAAD,CAAT;AACD;AALH,kBAOE4B,wCAACG,yBAAD;AAAO,IAAA,KAAK,EAAE,CAAC,SAAD,EAAY,GAAZ,CAAd;AAAgC,IAAA,IAAI,EAAC;AAArC,IAPF,CADF,eAUEH,wCAACI,2BAAD;AACE,IAAA,MAAM,EAAEjC,MADV;AAEE,IAAA,KAAK,EAAC,EAFR;AAGE,IAAA,SAAS,EAAE,qBAAM;AACfC,MAAAA,SAAS,CAAC,KAAD,CAAT;AACD,KALH;AAME,IAAA,OAAO,EAAE,mBAAM;AACbA,MAAAA,SAAS,CAAC,KAAD,CAAT;AACD,KARH;AASE,IAAA,SAAS,MATX;AAUE,IAAA,OAAO,EAAE,CAVX;AAWE,IAAA,IAAI,EAAC,QAXP;AAYE,IAAA,SAAS,EAAEiC,qBAAa,CAACC,QAZ3B;AAaE,IAAA,YAAY,EAAC,QAbf;AAcE,IAAA,OAAO,EAAC;AAdV,KAgBG,CAAC/B,UAAD,iBACCyB,wCAACO,8BAAD;AACE,IAAA,cAAc,EAAE;AAAEC,MAAAA,EAAE,EAAE3B;AAAN,KADlB;AAEE,IAAA,aAAa,EAAE,KAFjB;AAGE,IAAA,iBAAiB,EAAEb,iBAHrB;AAIE,IAAA,MAAM,EAAEc;AAJV,IAjBJ,EAwBGP,UAAU,IAAI,uBAxBjB,EAyBGF,KAAK,iBACJ2B;AAAK,IAAA,KAAK,EAAE;AAAES,MAAAA,KAAK,EAAE,KAAT;AAAgBC,MAAAA,SAAS,EAAE;AAA3B;AAAZ,KAAkDrC,KAAlD,CA1BJ,CAVF,CADF;AA0CD;;;;"}
+{"version":3,"file":"CustomImageUploader.js","sources":["../../../src/components/CustomImageUploader.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable react/prop-types */\nimport React, { useState } from 'react';\nimport Image from '@elliemae/ds-icons/Image';\nimport DSUploader from '@elliemae/ds-uploader';\nimport DSModal, { MODAL_TYPE_V2 } from '@elliemae/ds-modal';\nimport { TippedButton } from './TippedButton';\n\nconst ALLOWED_TYPES_TEXT = 'JPG, JPEG, PNG, GIF, BMP, TIFF';\nconst ALLOWED_TYPES = /image\\/(jpeg|jpg|png|gif|bmp|tiff)/;\nconst DEFAULT_MAX_SIZE = 1024 * 1024; // 1 MB\n\nexport const CustomImageUploader = ({\n  quillRef,\n  editorFieldName,\n  allowedImageTypes = ALLOWED_TYPES_TEXT,\n  uploadAsset = () => null,\n  zIndex = 1,\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [error, setError] = useState(null);\n  const [inProgress, setInProgress] = useState(false);\n  const [lastSelection, setLastSelection] = useState({ index: 0, length: 0 });\n\n  const elementId = `uploadImage${editorFieldName}`;\n\n  // eslint-disable-next-line consistent-return\n  const handleFileChange = async (files) => {\n    if (!inProgress) {\n      setError(null);\n      const selectedFile = files[0];\n      if (!selectedFile) {\n        setError('Please select a file.');\n        return false;\n      }\n      if (!selectedFile.type.match(ALLOWED_TYPES)) {\n        setError('File must be an image.');\n      } else if (selectedFile.size > DEFAULT_MAX_SIZE) {\n        setError('File is too large.');\n      } else {\n        const fr = new FileReader();\n        fr.onload = async () => {\n          setInProgress(true);\n          try {\n            const url = await uploadAsset({\n              name: selectedFile.name,\n              type: selectedFile.type,\n              description: selectedFile.name,\n              isSystemAsset: false,\n              file: fr.result,\n            });\n            setIsOpen(false);\n            quillRef?.getEditor().insertEmbed(lastSelection?.index || 0, 'image', url);\n          } catch (e) {\n            setError('An error has occurred, try again');\n          }\n          setInProgress(false);\n        };\n        fr.readAsArrayBuffer(selectedFile);\n      }\n    }\n  };\n  return (\n    <>\n      <TippedButton\n        zIndex={zIndex}\n        tip=\"Insert Image\"\n        onClick={() => {\n          setLastSelection(quillRef?.getEditor().getSelection());\n          setIsOpen(true);\n        }}\n      >\n        <Image color={['neutral', 500]} size=\"s\" />\n      </TippedButton>\n      <DSModal\n        isOpen={isOpen}\n        title=\"\"\n        onConfirm={() => {\n          setIsOpen(false);\n        }}\n        onClose={() => {\n          setIsOpen(false);\n        }}\n        showClose\n        version={2}\n        size=\"xsmall\"\n        modalType={MODAL_TYPE_V2.DECISION}\n        confirmLabel=\"Cancel\"\n        message=\"\"\n      >\n        {!inProgress && (\n          <DSUploader\n            containerProps={{ id: elementId }}\n            showAltAction={false}\n            acceptedTypesText={allowedImageTypes}\n            onDrop={handleFileChange}\n          />\n        )}\n        {inProgress && 'Upload in progress...'}\n        {error && <div style={{ color: 'red', marginTop: '10px' }}>{error}</div>}\n      </DSModal>\n    </>\n  );\n};\n"],"names":["ALLOWED_TYPES_TEXT","ALLOWED_TYPES","DEFAULT_MAX_SIZE","CustomImageUploader","quillRef","editorFieldName","allowedImageTypes","uploadAsset","zIndex","useState","isOpen","setIsOpen","error","setError","inProgress","setInProgress","index","length","lastSelection","setLastSelection","elementId","handleFileChange","files","selectedFile","type","match","size","fr","FileReader","onload","name","description","isSystemAsset","file","result","url","getEditor","insertEmbed","readAsArrayBuffer","React","TippedButton","getSelection","Image","DSModal","MODAL_TYPE_V2","DECISION","DSUploader","id","color","marginTop"],"mappings":"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"}

package/cjs/components/CustomToolbar.js

@@ -3,33 +3,26 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var _extends = require('@babel/runtime/helpers/extends');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var DSButton = require('@elliemae/ds-basic/Button');
 var ArrowheadDown = require('@elliemae/ds-icons/ArrowheadDown');
 var DSDropdownMenu = require('@elliemae/ds-dropdownmenu');
-var DSTooltip = require('@elliemae/ds-basic/Tooltip');
 var constants = require('../constants.js');
+var components_TippedButton = require('./TippedButton.js');
+var components_TippedSelect = require('./TippedSelect.js');
 require('@babel/runtime/helpers/toConsumableArray');
 require('./colors.js');
+require('@babel/runtime/helpers/extends');
+require('@babel/runtime/helpers/objectWithoutProperties');
+require('@elliemae/ds-tooltip');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 var ArrowheadDown__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadDown);
 var DSDropdownMenu__default = /*#__PURE__*/_interopDefaultLegacy(DSDropdownMenu);
-var DSTooltip__default = /*#__PURE__*/_interopDefaultLegacy(DSTooltip);
-
-var _excluded = ["className", "tip", "children", "onClick"];
-
-var persist = function persist(e) {
-  return e.persist();
-};
 
 var optionsToValues = function optionsToValues(options) {
   return options.map(function (opt) {
@@ -52,10 +45,12 @@ var Color = function Color(_ref) {
 
 var Colors = function Colors(_ref2) {
   var className = _ref2.className,
-      tip = _ref2.tip;
-  return /*#__PURE__*/React__default['default'].createElement(TippedSelect, {
+      tip = _ref2.tip,
+      zIndex = _ref2.zIndex;
+  return /*#__PURE__*/React__default['default'].createElement(components_TippedSelect.TippedSelect, {
     className: className,
-    tip: tip
+    tip: tip,
+    zIndex: zIndex
   }, constants.colors.map(function (color) {
     return /*#__PURE__*/React__default['default'].createElement(Color, {
       key: color,
@@ -64,89 +59,27 @@ var Colors = function Colors(_ref2) {
   }));
 };
 
-var TippedButton = function TippedButton(_ref3) {
-  var className = _ref3.className,
-      tip = _ref3.tip,
-      children = _ref3.children,
-      _ref3$onClick = _ref3.onClick,
-      _onClick = _ref3$onClick === void 0 ? function () {
-    return null;
-  } : _ref3$onClick,
-      rest = _objectWithoutProperties__default['default'](_ref3, _excluded);
-
-  return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "tooltip"
-  }, /*#__PURE__*/React__default['default'].createElement(DSTooltip__default['default'], {
-    interactionType: "hover",
-    title: tip,
-    delayClose: 20,
-    triggerComponent: /*#__PURE__*/React__default['default'].createElement("button", _extends__default['default']({
-      className: className,
-      onClick: function onClick(e) {
-        e.preventDefault();
-
-        _onClick(e);
-      }
-    }, rest), children)
-  }));
-};
-var TippedSelect = function TippedSelect(_ref4) {
-  var className = _ref4.className,
-      options = _ref4.options,
-      tip = _ref4.tip,
-      _ref4$defaultValue = _ref4.defaultValue,
-      defaultValue = _ref4$defaultValue === void 0 ? '' : _ref4$defaultValue,
-      _ref4$onChange = _ref4.onChange,
-      _onChange = _ref4$onChange === void 0 ? function () {
-    return null;
-  } : _ref4$onChange,
-      values = _ref4.values,
-      _ref4$children = _ref4.children,
-      children = _ref4$children === void 0 ? values && values.map(function (value, index) {
-    return /*#__PURE__*/React__default['default'].createElement("option", {
-      key: value,
-      value: value === 'normal' ? '' : value
-    }, options ? options[index] : null);
-  }) : _ref4$children;
-
-  return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "tooltip"
-  }, /*#__PURE__*/React__default['default'].createElement(DSTooltip__default['default'], {
-    interactionType: "hover",
-    title: tip,
-    delayClose: 20,
-    triggerComponent: /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("select", {
-      className: className,
-      defaultValue: defaultValue,
-      onChange: function onChange(e) {
-        persist(e);
-
-        _onChange(e);
-      }
-    }, children))
-  }));
-};
-var CustomDropdown = function CustomDropdown(_ref5) {
-  var options = _ref5.options,
-      label = _ref5.label,
-      _ref5$onSelectMenuIte = _ref5.onSelectMenuItem,
-      onSelectMenuItem = _ref5$onSelectMenuIte === void 0 ? function () {
+var CustomDropdown = function CustomDropdown(_ref3) {
+  var options = _ref3.options,
+      label = _ref3.label,
+      _ref3$onSelectMenuIte = _ref3.onSelectMenuItem,
+      onSelectMenuItem = _ref3$onSelectMenuIte === void 0 ? function () {
     return null;
-  } : _ref5$onSelectMenuIte,
-      _ref5$onClickOutsideM = _ref5.onClickOutsideMenu,
-      onClickOutsideMenu = _ref5$onClickOutsideM === void 0 ? function () {
+  } : _ref3$onSelectMenuIte,
+      _ref3$onClickOutsideM = _ref3.onClickOutsideMenu,
+      onClickOutsideMenu = _ref3$onClickOutsideM === void 0 ? function () {
     return null;
-  } : _ref5$onClickOutsideM,
-      _ref5$onClose = _ref5.onClose,
-      onClose = _ref5$onClose === void 0 ? function () {
+  } : _ref3$onClickOutsideM,
+      _ref3$onClose = _ref3.onClose,
+      onClose = _ref3$onClose === void 0 ? function () {
     return null;
-  } : _ref5$onClose,
-      closeMenuOnItemSelection = _ref5.closeMenuOnItemSelection,
-      isOpen = _ref5.isOpen,
-      minWidth = _ref5.minWidth,
-      maxWidth = _ref5.maxWidth,
-      _ref5$zIndex = _ref5.zIndex,
-      zIndex = _ref5$zIndex === void 0 ? 10 : _ref5$zIndex;
+  } : _ref3$onClose,
+      closeMenuOnItemSelection = _ref3.closeMenuOnItemSelection,
+      isOpen = _ref3.isOpen,
+      minWidth = _ref3.minWidth,
+      maxWidth = _ref3.maxWidth,
+      _ref3$zIndex = _ref3.zIndex,
+      zIndex = _ref3$zIndex === void 0 ? 10 : _ref3$zIndex;
   return /*#__PURE__*/React__default['default'].createElement(DSDropdownMenu__default['default'], {
     onClickOutsideMenu: onClickOutsideMenu,
     options: options,
@@ -179,16 +112,17 @@ var Divider = function Divider() {
   });
 };
 
-var CustomToolbar = function CustomToolbar(_ref6) {
-  var customFields = _ref6.customFields,
-      _ref6$customItems = _ref6.customItems,
-      customItems = _ref6$customItems === void 0 ? [] : _ref6$customItems,
-      _ref6$hideItems = _ref6.hideItems,
-      hideItems = _ref6$hideItems === void 0 ? {} : _ref6$hideItems,
-      _ref6$onShowHTML = _ref6.onShowHTML,
-      onShowHTML = _ref6$onShowHTML === void 0 ? function () {} : _ref6$onShowHTML,
-      _ref6$id = _ref6.id,
-      id = _ref6$id === void 0 ? 'toolbar' : _ref6$id;
+var CustomToolbar = function CustomToolbar(_ref4) {
+  var customFields = _ref4.customFields,
+      _ref4$customItems = _ref4.customItems,
+      customItems = _ref4$customItems === void 0 ? [] : _ref4$customItems,
+      _ref4$hideItems = _ref4.hideItems,
+      hideItems = _ref4$hideItems === void 0 ? {} : _ref4$hideItems,
+      _ref4$onShowHTML = _ref4.onShowHTML,
+      onShowHTML = _ref4$onShowHTML === void 0 ? function () {} : _ref4$onShowHTML,
+      _ref4$id = _ref4.id,
+      id = _ref4$id === void 0 ? 'toolbar' : _ref4$id,
+      userProps = _ref4.userProps;
   var HEADER = hideItems.HEADER,
       FONT = hideItems.FONT,
       FONT_SIZE = hideItems.FONT_SIZE,
@@ -226,94 +160,114 @@ var CustomToolbar = function CustomToolbar(_ref6) {
     className: "ds-ql-custom-toolbar"
   }, (!HEADER || !FONT || !FONT_SIZE) && /*#__PURE__*/React__default['default'].createElement("span", {
     className: "ql-formats"
-  }, !HEADER && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(TippedSelect, {
+  }, !HEADER && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(components_TippedSelect.TippedSelect, {
     className: "ql-header",
     tip: "Header",
-    values: ['', '1', '2', '3', '4', '5', '6']
-  }), /*#__PURE__*/React__default['default'].createElement(Divider, null)), !FONT && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(TippedSelect, {
+    values: ['', '1', '2', '3', '4', '5', '6'],
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1
+  }), /*#__PURE__*/React__default['default'].createElement(Divider, null)), !FONT && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(components_TippedSelect.TippedSelect, {
     className: "ql-font",
     defaultValue: "sans-serif",
     options: constants.fonts,
     tip: "Font",
-    values: optionsToValues(constants.fonts)
-  }), /*#__PURE__*/React__default['default'].createElement(Divider, null)), !FONT_SIZE && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(TippedSelect, {
+    values: optionsToValues(constants.fonts),
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1
+  }), /*#__PURE__*/React__default['default'].createElement(Divider, null)), !FONT_SIZE && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(components_TippedSelect.TippedSelect, {
     className: "ql-size",
     options: constants.sizes,
     tip: "Font Size",
-    values: optionsToValues(constants.sizesReal)
+    values: optionsToValues(constants.sizesReal),
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1
   }), /*#__PURE__*/React__default['default'].createElement(Divider, null))), (!BOLD || !ITALIC || !UNDERLINE || !STRIKE) && /*#__PURE__*/React__default['default'].createElement("span", {
     className: "ql-formats"
-  }, !BOLD && /*#__PURE__*/React__default['default'].createElement(TippedButton, {
+  }, !BOLD && /*#__PURE__*/React__default['default'].createElement(components_TippedButton.TippedButton, {
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
     className: "ql-bold",
     tip: "Bold"
-  }), !ITALIC && /*#__PURE__*/React__default['default'].createElement(TippedButton, {
+  }), !ITALIC && /*#__PURE__*/React__default['default'].createElement(components_TippedButton.TippedButton, {
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
     className: "ql-italic",
     tip: "Italic"
-  }), !UNDERLINE && /*#__PURE__*/React__default['default'].createElement(TippedButton, {
+  }), !UNDERLINE && /*#__PURE__*/React__default['default'].createElement(components_TippedButton.TippedButton, {
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
     className: "ql-underline",
     tip: "Underline"
-  }), !STRIKE && /*#__PURE__*/React__default['default'].createElement(TippedButton, {
+  }), !STRIKE && /*#__PURE__*/React__default['default'].createElement(components_TippedButton.TippedButton, {
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
     className: "ql-strike",
     tip: "Strike"
   })), (!SUB || !SUPER) && /*#__PURE__*/React__default['default'].createElement("span", {
     className: "ql-formats"
-  }, !SUB && /*#__PURE__*/React__default['default'].createElement(TippedButton, {
+  }, !SUB && /*#__PURE__*/React__default['default'].createElement(components_TippedButton.TippedButton, {
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
     className: "ql-script",
     tip: "Sub",
     value: "sub"
-  }), !SUPER && /*#__PURE__*/React__default['default'].createElement(TippedButton, {
+  }), !SUPER && /*#__PURE__*/React__default['default'].createElement(components_TippedButton.TippedButton, {
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
     className: "ql-script",
     tip: "Super",
     value: "super"
   }), /*#__PURE__*/React__default['default'].createElement(Divider, null)), (!ORDERED_LIST || !BULLET_LIST) && /*#__PURE__*/React__default['default'].createElement("span", {
     className: "ql-formats"
-  }, !ORDERED_LIST && /*#__PURE__*/React__default['default'].createElement(TippedButton, {
+  }, !ORDERED_LIST && /*#__PURE__*/React__default['default'].createElement(components_TippedButton.TippedButton, {
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
     className: "ql-list",
     tip: "Ordered List",
     value: "ordered"
-  }), !BULLET_LIST && /*#__PURE__*/React__default['default'].createElement(TippedButton, {
+  }), !BULLET_LIST && /*#__PURE__*/React__default['default'].createElement(components_TippedButton.TippedButton, {
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
     className: "ql-list",
     tip: "Bullet List",
     value: "bullet"
   })), (!INDENT_MINUS_ONE || !INDENT_PLUS_ONE) && /*#__PURE__*/React__default['default'].createElement("span", {
     className: "ql-formats"
-  }, !INDENT_MINUS_ONE && /*#__PURE__*/React__default['default'].createElement(TippedButton, {
+  }, !INDENT_MINUS_ONE && /*#__PURE__*/React__default['default'].createElement(components_TippedButton.TippedButton, {
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
     className: "ql-indent",
     tip: "Indent -1",
     value: "-1"
-  }), !INDENT_PLUS_ONE && /*#__PURE__*/React__default['default'].createElement(TippedButton, {
+  }), !INDENT_PLUS_ONE && /*#__PURE__*/React__default['default'].createElement(components_TippedButton.TippedButton, {
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
     className: "ql-indent",
     tip: "Indent +1",
     value: "+1"
   })), !ALIGN && /*#__PURE__*/React__default['default'].createElement("span", {
     className: "ql-formats"
-  }, /*#__PURE__*/React__default['default'].createElement(TippedSelect, {
+  }, /*#__PURE__*/React__default['default'].createElement(components_TippedSelect.TippedSelect, {
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
     className: "ql-align",
     tip: "Align"
   }), /*#__PURE__*/React__default['default'].createElement(Divider, null)), (!FONT_COLOR || !FONT_BACKGROUND_COLOR) && /*#__PURE__*/React__default['default'].createElement("span", {
     className: "ql-formats"
   }, !FONT_COLOR && /*#__PURE__*/React__default['default'].createElement(Colors, {
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
     className: "ql-color",
     tip: "Font Color"
   }), !FONT_BACKGROUND_COLOR && /*#__PURE__*/React__default['default'].createElement(Colors, {
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
     className: "ql-background",
     tip: "Font Background Color"
   }), /*#__PURE__*/React__default['default'].createElement(Divider, null)), (!HYPERLINK || !IMAGE) && /*#__PURE__*/React__default['default'].createElement("span", {
     className: "ql-formats"
-  }, !HYPERLINK && /*#__PURE__*/React__default['default'].createElement(TippedButton, {
+  }, !HYPERLINK && /*#__PURE__*/React__default['default'].createElement(components_TippedButton.TippedButton, {
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
     className: "ql-link",
     tip: "Hyperlink: Select Text First"
-  }), !IMAGE && /*#__PURE__*/React__default['default'].createElement(TippedButton, {
+  }), !IMAGE && /*#__PURE__*/React__default['default'].createElement(components_TippedButton.TippedButton, {
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
     className: "ql-image",
     tip: "Insert Image"
   }), /*#__PURE__*/React__default['default'].createElement(Divider, null)), !CLEAR_FORMAT && /*#__PURE__*/React__default['default'].createElement("span", {
     className: "ql-formats"
-  }, /*#__PURE__*/React__default['default'].createElement(TippedButton, {
+  }, /*#__PURE__*/React__default['default'].createElement(components_TippedButton.TippedButton, {
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
     className: "ql-clean",
     tip: "Clear Format (Select Text)"
   })), !SHOW_HTML && /*#__PURE__*/React__default['default'].createElement("span", {
     className: "ql-formats"
-  }, /*#__PURE__*/React__default['default'].createElement(Divider, null), /*#__PURE__*/React__default['default'].createElement(TippedButton, {
+  }, /*#__PURE__*/React__default['default'].createElement(Divider, null), /*#__PURE__*/React__default['default'].createElement(components_TippedButton.TippedButton, {
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
     style: {
       width: 'fit-content',
       color: '#1e79c2',
@@ -324,7 +278,8 @@ var CustomToolbar = function CustomToolbar(_ref6) {
     className: "ql-customFields-html"
   }, showHTML ? 'SHOW TEXT' : 'SHOW HTML')), customFields && /*#__PURE__*/React__default['default'].createElement("span", {
     className: "ql-formats"
-  }, /*#__PURE__*/React__default['default'].createElement(Divider, null), /*#__PURE__*/React__default['default'].createElement(TippedButton, {
+  }, /*#__PURE__*/React__default['default'].createElement(Divider, null), /*#__PURE__*/React__default['default'].createElement(components_TippedButton.TippedButton, {
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
     className: "ql-customFields",
     tip: "Insert Custom Field"
   }, /*#__PURE__*/React__default['default'].createElement(CustomFields, null))), customItems && /*#__PURE__*/React__default['default'].createElement("span", {
@@ -338,6 +293,4 @@ var CustomToolbar = function CustomToolbar(_ref6) {
 
 exports.CustomDropdown = CustomDropdown;
 exports.CustomToolbar = CustomToolbar;
-exports.TippedButton = TippedButton;
-exports.TippedSelect = TippedSelect;
 //# sourceMappingURL=CustomToolbar.js.map

package/cjs/components/CustomToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomToolbar.js","sources":["../../../src/components/CustomToolbar.tsx"],"sourcesContent":["/* eslint-disable complexity */\n/* eslint-disable jsx-a11y/control-has-associated-label */\n/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\n/* eslint-disable react/button-has-type */\nimport React, { useState } from 'react';\nimport DSButton from '@elliemae/ds-basic/Button';\nimport ArrowheadDown from '@elliemae/ds-icons/ArrowheadDown';\nimport DSDropdownMenu from '@elliemae/ds-dropdownmenu';\nimport DSTooltip from '@elliemae/ds-basic/Tooltip';\nimport { colors, fonts, sizes, sizesReal } from '../constants';\n\n// Functions -----------------------------------------\nconst persist = (e) => e.persist();\nconst optionsToValues = (options) =>\n  options.map((opt) => opt.toLowerCase().replace(' ', '-'));\n\n// Stateless Components -----------------------------------------\n\nconst CustomFields = () => <span>ᐸᐳ</span>; // eslint-disable-line react/jsx-one-expression-per-line\nconst Color = ({ color }) => <option value={color} />;\nconst Colors = ({ className, tip }) => (\n  <TippedSelect className={className} tip={tip}>\n    {colors.map((color) => (\n      <Color key={color} color={color} />\n    ))}\n  </TippedSelect>\n);\nexport const TippedButton = ({\n  className,\n  tip,\n  children,\n  onClick = () => null,\n  ...rest\n}) => (\n  <div className=\"tooltip\">\n    <DSTooltip\n      interactionType=\"hover\"\n      title={tip}\n      delayClose={20}\n      triggerComponent={\n        <button\n          className={className}\n          onClick={(e) => {\n            e.preventDefault();\n            onClick(e);\n          }}\n          {...rest}\n        >\n          {children}\n        </button>\n      }\n    />\n  </div>\n);\nexport const TippedSelect = ({\n  className,\n  options,\n  tip,\n  defaultValue = '',\n  onChange = () => null,\n  values,\n  children = values &&\n    values.map((value, index) => (\n      <option key={value} value={value === 'normal' ? '' : value}>\n        {options ? options[index] : null}\n      </option>\n    )),\n}) => (\n  <div className=\"tooltip\">\n    <DSTooltip\n      interactionType=\"hover\"\n      title={tip}\n      delayClose={20}\n      triggerComponent={\n        <div>\n          <select\n            className={className}\n            defaultValue={defaultValue}\n            onChange={(e) => {\n              persist(e);\n              onChange(e);\n            }}\n          >\n            {children}\n          </select>\n        </div>\n      }\n    />\n  </div>\n);\n\nexport const CustomDropdown = ({\n  options,\n  label,\n  onSelectMenuItem = () => null,\n  onClickOutsideMenu = () => null,\n  onClose = () => null,\n  closeMenuOnItemSelection,\n  isOpen,\n  minWidth,\n  maxWidth,\n  zIndex = 10,\n}) => (\n  <DSDropdownMenu\n    onClickOutsideMenu={onClickOutsideMenu}\n    options={options}\n    onSelectMenuItem={onSelectMenuItem}\n    onClose={onClose}\n    closeMenuOnItemSelection={closeMenuOnItemSelection}\n    isOpen={isOpen}\n    minWidth={minWidth}\n    maxWidth={maxWidth}\n    zIndex={zIndex}\n    preventOverflow=\"scrollParent\"\n    triggerComponent={\n      <DSButton labelText={label} buttonType=\"text\" icon={<ArrowheadDown />} />\n    }\n  />\n);\n\nconst Divider = () => (\n  <div\n    style={{\n      height: '21px',\n      width: '1px',\n      margin: '0 10px',\n      padding: '0',\n      borderLeft: '1px solid #bbb',\n      display: 'inline-block',\n    }}\n  ></div>\n);\n\nexport const CustomToolbar = ({\n  customFields,\n  customItems = [],\n  hideItems = {},\n  onShowHTML = () => {},\n  id = 'toolbar',\n}) => {\n  const {\n    HEADER,\n    FONT,\n    FONT_SIZE,\n    BOLD,\n    ITALIC,\n    UNDERLINE,\n    STRIKE,\n    SUB,\n    SUPER,\n    ORDERED_LIST,\n    BULLET_LIST,\n    INDENT_MINUS_ONE,\n    INDENT_PLUS_ONE,\n    ALIGN,\n    FONT_COLOR,\n    FONT_BACKGROUND_COLOR,\n    HYPERLINK,\n    IMAGE,\n    CLEAR_FORMAT,\n    SHOW_HTML,\n  } = hideItems;\n  const [showHTML, setShowHTML] = useState(false);\n\n  const handleShowHTML = (e) => {\n    e.preventDefault();\n    setShowHTML(!showHTML);\n    onShowHTML();\n  };\n\n  return (\n    <div id={id} className=\"ds-ql-custom-toolbar\">\n      {(!HEADER || !FONT || !FONT_SIZE) && (\n        <span className=\"ql-formats\">\n          {!HEADER && (\n            <>\n              <TippedSelect\n                className=\"ql-header\"\n                tip=\"Header\"\n                values={['', '1', '2', '3', '4', '5', '6']}\n              />\n              <Divider />\n            </>\n          )}\n          {!FONT && (\n            <>\n              <TippedSelect\n                className=\"ql-font\"\n                defaultValue=\"sans-serif\"\n                options={fonts}\n                tip=\"Font\"\n                values={optionsToValues(fonts)}\n              />\n              <Divider />\n            </>\n          )}\n          {!FONT_SIZE && (\n            <>\n              <TippedSelect\n                className=\"ql-size\"\n                options={sizes}\n                tip=\"Font Size\"\n                values={optionsToValues(sizesReal)}\n              />\n              <Divider />\n            </>\n          )}\n        </span>\n      )}\n      {(!BOLD || !ITALIC || !UNDERLINE || !STRIKE) && (\n        <span className=\"ql-formats\">\n          {!BOLD && <TippedButton className=\"ql-bold\" tip=\"Bold\" />}\n          {!ITALIC && <TippedButton className=\"ql-italic\" tip=\"Italic\" />}\n          {!UNDERLINE && (\n            <TippedButton className=\"ql-underline\" tip=\"Underline\" />\n          )}\n          {!STRIKE && <TippedButton className=\"ql-strike\" tip=\"Strike\" />}\n        </span>\n      )}\n      {(!SUB || !SUPER) && (\n        <span className=\"ql-formats\">\n          {!SUB && <TippedButton className=\"ql-script\" tip=\"Sub\" value=\"sub\" />}\n          {!SUPER && (\n            <TippedButton className=\"ql-script\" tip=\"Super\" value=\"super\" />\n          )}\n          <Divider />\n        </span>\n      )}\n      {(!ORDERED_LIST || !BULLET_LIST) && (\n        <span className=\"ql-formats\">\n          {!ORDERED_LIST && (\n            <TippedButton\n              className=\"ql-list\"\n              tip=\"Ordered List\"\n              value=\"ordered\"\n            />\n          )}\n          {!BULLET_LIST && (\n            <TippedButton\n              className=\"ql-list\"\n              tip=\"Bullet List\"\n              value=\"bullet\"\n            />\n          )}\n        </span>\n      )}\n      {(!INDENT_MINUS_ONE || !INDENT_PLUS_ONE) && (\n        <span className=\"ql-formats\">\n          {!INDENT_MINUS_ONE && (\n            <TippedButton className=\"ql-indent\" tip=\"Indent -1\" value=\"-1\" />\n          )}\n          {!INDENT_PLUS_ONE && (\n            <TippedButton className=\"ql-indent\" tip=\"Indent +1\" value=\"+1\" />\n          )}\n        </span>\n      )}\n      {!ALIGN && (\n        <span className=\"ql-formats\">\n          <TippedSelect className=\"ql-align\" tip=\"Align\" />\n          <Divider />\n        </span>\n      )}\n      {(!FONT_COLOR || !FONT_BACKGROUND_COLOR) && (\n        <span className=\"ql-formats\">\n          {!FONT_COLOR && <Colors className=\"ql-color\" tip=\"Font Color\" />}\n          {!FONT_BACKGROUND_COLOR && (\n            <Colors className=\"ql-background\" tip=\"Font Background Color\" />\n          )}\n          <Divider />\n        </span>\n      )}\n      {(!HYPERLINK || !IMAGE) && (\n        <span className=\"ql-formats\">\n          {!HYPERLINK && (\n            <TippedButton\n              className=\"ql-link\"\n              tip=\"Hyperlink: Select Text First\"\n            />\n          )}\n          {!IMAGE && <TippedButton className=\"ql-image\" tip=\"Insert Image\" />}\n          <Divider />\n        </span>\n      )}\n      {!CLEAR_FORMAT && (\n        <span className=\"ql-formats\">\n          <TippedButton className=\"ql-clean\" tip=\"Clear Format (Select Text)\" />\n        </span>\n      )}\n      {!SHOW_HTML && (\n        <span className=\"ql-formats\">\n          <Divider />\n          <TippedButton\n            style={{\n              width: 'fit-content',\n              color: '#1e79c2',\n              fontWeight: '500',\n            }}\n            onClick={handleShowHTML}\n            tip={showHTML ? 'SHOW TEXT' : 'SHOW HTML'}\n            className=\"ql-customFields-html\"\n          >\n            {showHTML ? 'SHOW TEXT' : 'SHOW HTML'}\n          </TippedButton>\n        </span>\n      )}\n      {customFields && (\n        <span className=\"ql-formats\">\n          <Divider />\n          <TippedButton className=\"ql-customFields\" tip=\"Insert Custom Field\">\n            <CustomFields />\n          </TippedButton>\n        </span>\n      )}\n      {customItems && (\n        <span style={{ display: 'inline-flex' }}>\n          {customItems.map((Item) => (\n            <>\n              <Divider />\n              <Item />\n            </>\n          ))}\n        </span>\n      )}\n    </div>\n  );\n};\n"],"names":["persist","e","optionsToValues","options","map","opt","toLowerCase","replace","CustomFields","React","Color","color","Colors","className","tip","colors","TippedButton","children","onClick","rest","DSTooltip","preventDefault","TippedSelect","defaultValue","onChange","values","value","index","CustomDropdown","label","onSelectMenuItem","onClickOutsideMenu","onClose","closeMenuOnItemSelection","isOpen","minWidth","maxWidth","zIndex","DSDropdownMenu","DSButton","ArrowheadDown","Divider","height","width","margin","padding","borderLeft","display","CustomToolbar","customFields","customItems","hideItems","onShowHTML","id","HEADER","FONT","FONT_SIZE","BOLD","ITALIC","UNDERLINE","STRIKE","SUB","SUPER","ORDERED_LIST","BULLET_LIST","INDENT_MINUS_ONE","INDENT_PLUS_ONE","ALIGN","FONT_COLOR","FONT_BACKGROUND_COLOR","HYPERLINK","IMAGE","CLEAR_FORMAT","SHOW_HTML","useState","showHTML","setShowHTML","handleShowHTML","fonts","sizes","sizesReal","fontWeight","Item"],"mappings":"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"}
+{"version":3,"file":"CustomToolbar.js","sources":["../../../src/components/CustomToolbar.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\n/* eslint-disable complexity */\n/* eslint-disable jsx-a11y/control-has-associated-label */\n/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\n/* eslint-disable react/button-has-type */\nimport React, { useState } from 'react';\nimport DSButton from '@elliemae/ds-basic/Button';\nimport ArrowheadDown from '@elliemae/ds-icons/ArrowheadDown';\nimport DSDropdownMenu from '@elliemae/ds-dropdownmenu';\nimport { colors, fonts, sizes, sizesReal } from '../constants';\nimport { TippedButton } from './TippedButton';\nimport { TippedSelect } from './TippedSelect';\n\n// Functions -----------------------------------------\nconst optionsToValues = (options) => options.map((opt) => opt.toLowerCase().replace(' ', '-'));\n\n// Stateless Components -----------------------------------------\n\nconst CustomFields = () => <span>ᐸᐳ</span>; // eslint-disable-line react/jsx-one-expression-per-line\nconst Color = ({ color }) => <option value={color} />;\nconst Colors = ({ className, tip, zIndex }) => (\n  <TippedSelect className={className} tip={tip} zIndex={zIndex}>\n    {colors.map((color) => (\n      <Color key={color} color={color} />\n    ))}\n  </TippedSelect>\n);\n\nexport const CustomDropdown = ({\n  options,\n  label,\n  onSelectMenuItem = () => null,\n  onClickOutsideMenu = () => null,\n  onClose = () => null,\n  closeMenuOnItemSelection,\n  isOpen,\n  minWidth,\n  maxWidth,\n  zIndex = 10,\n}) => (\n  <DSDropdownMenu\n    onClickOutsideMenu={onClickOutsideMenu}\n    options={options}\n    onSelectMenuItem={onSelectMenuItem}\n    onClose={onClose}\n    closeMenuOnItemSelection={closeMenuOnItemSelection}\n    isOpen={isOpen}\n    minWidth={minWidth}\n    maxWidth={maxWidth}\n    zIndex={zIndex}\n    preventOverflow=\"scrollParent\"\n    triggerComponent={<DSButton labelText={label} buttonType=\"text\" icon={<ArrowheadDown />} />}\n  />\n);\n\nconst Divider = () => (\n  <div\n    style={{\n      height: '21px',\n      width: '1px',\n      margin: '0 10px',\n      padding: '0',\n      borderLeft: '1px solid #bbb',\n      display: 'inline-block',\n    }}\n  ></div>\n);\n\nexport const CustomToolbar = ({\n  customFields,\n  customItems = [],\n  hideItems = {},\n  onShowHTML = () => {},\n  id = 'toolbar',\n  userProps,\n}) => {\n  const {\n    HEADER,\n    FONT,\n    FONT_SIZE,\n    BOLD,\n    ITALIC,\n    UNDERLINE,\n    STRIKE,\n    SUB,\n    SUPER,\n    ORDERED_LIST,\n    BULLET_LIST,\n    INDENT_MINUS_ONE,\n    INDENT_PLUS_ONE,\n    ALIGN,\n    FONT_COLOR,\n    FONT_BACKGROUND_COLOR,\n    HYPERLINK,\n    IMAGE,\n    CLEAR_FORMAT,\n    SHOW_HTML,\n  } = hideItems;\n  const [showHTML, setShowHTML] = useState(false);\n\n  const handleShowHTML = (e) => {\n    e.preventDefault();\n    setShowHTML(!showHTML);\n    onShowHTML();\n  };\n\n  return (\n    <div id={id} className=\"ds-ql-custom-toolbar\">\n      {(!HEADER || !FONT || !FONT_SIZE) && (\n        <span className=\"ql-formats\">\n          {!HEADER && (\n            <>\n              <TippedSelect\n                className=\"ql-header\"\n                tip=\"Header\"\n                values={['', '1', '2', '3', '4', '5', '6']}\n                zIndex={userProps?.zIndex || 1}\n              />\n              <Divider />\n            </>\n          )}\n          {!FONT && (\n            <>\n              <TippedSelect\n                className=\"ql-font\"\n                defaultValue=\"sans-serif\"\n                options={fonts}\n                tip=\"Font\"\n                values={optionsToValues(fonts)}\n                zIndex={userProps?.zIndex || 1}\n              />\n              <Divider />\n            </>\n          )}\n          {!FONT_SIZE && (\n            <>\n              <TippedSelect\n                className=\"ql-size\"\n                options={sizes}\n                tip=\"Font Size\"\n                values={optionsToValues(sizesReal)}\n                zIndex={userProps?.zIndex || 1}\n              />\n              <Divider />\n            </>\n          )}\n        </span>\n      )}\n      {(!BOLD || !ITALIC || !UNDERLINE || !STRIKE) && (\n        <span className=\"ql-formats\">\n          {!BOLD && <TippedButton zIndex={userProps?.zIndex || 1} className=\"ql-bold\" tip=\"Bold\" />}\n          {!ITALIC && <TippedButton zIndex={userProps?.zIndex || 1} className=\"ql-italic\" tip=\"Italic\" />}\n          {!UNDERLINE && <TippedButton zIndex={userProps?.zIndex || 1} className=\"ql-underline\" tip=\"Underline\" />}\n          {!STRIKE && <TippedButton zIndex={userProps?.zIndex || 1} className=\"ql-strike\" tip=\"Strike\" />}\n        </span>\n      )}\n      {(!SUB || !SUPER) && (\n        <span className=\"ql-formats\">\n          {!SUB && <TippedButton zIndex={userProps?.zIndex || 1} className=\"ql-script\" tip=\"Sub\" value=\"sub\" />}\n          {!SUPER && <TippedButton zIndex={userProps?.zIndex || 1} className=\"ql-script\" tip=\"Super\" value=\"super\" />}\n          <Divider />\n        </span>\n      )}\n      {(!ORDERED_LIST || !BULLET_LIST) && (\n        <span className=\"ql-formats\">\n          {!ORDERED_LIST && (\n            <TippedButton zIndex={userProps?.zIndex || 1} className=\"ql-list\" tip=\"Ordered List\" value=\"ordered\" />\n          )}\n          {!BULLET_LIST && (\n            <TippedButton zIndex={userProps?.zIndex || 1} className=\"ql-list\" tip=\"Bullet List\" value=\"bullet\" />\n          )}\n        </span>\n      )}\n      {(!INDENT_MINUS_ONE || !INDENT_PLUS_ONE) && (\n        <span className=\"ql-formats\">\n          {!INDENT_MINUS_ONE && (\n            <TippedButton zIndex={userProps?.zIndex || 1} className=\"ql-indent\" tip=\"Indent -1\" value=\"-1\" />\n          )}\n          {!INDENT_PLUS_ONE && (\n            <TippedButton zIndex={userProps?.zIndex || 1} className=\"ql-indent\" tip=\"Indent +1\" value=\"+1\" />\n          )}\n        </span>\n      )}\n      {!ALIGN && (\n        <span className=\"ql-formats\">\n          <TippedSelect zIndex={userProps?.zIndex || 1} className=\"ql-align\" tip=\"Align\" />\n          <Divider />\n        </span>\n      )}\n      {(!FONT_COLOR || !FONT_BACKGROUND_COLOR) && (\n        <span className=\"ql-formats\">\n          {!FONT_COLOR && <Colors zIndex={userProps?.zIndex || 1} className=\"ql-color\" tip=\"Font Color\" />}\n          {!FONT_BACKGROUND_COLOR && (\n            <Colors zIndex={userProps?.zIndex || 1} className=\"ql-background\" tip=\"Font Background Color\" />\n          )}\n          <Divider />\n        </span>\n      )}\n      {(!HYPERLINK || !IMAGE) && (\n        <span className=\"ql-formats\">\n          {!HYPERLINK && (\n            <TippedButton zIndex={userProps?.zIndex || 1} className=\"ql-link\" tip=\"Hyperlink: Select Text First\" />\n          )}\n          {!IMAGE && <TippedButton zIndex={userProps?.zIndex || 1} className=\"ql-image\" tip=\"Insert Image\" />}\n          <Divider />\n        </span>\n      )}\n      {!CLEAR_FORMAT && (\n        <span className=\"ql-formats\">\n          <TippedButton zIndex={userProps?.zIndex || 1} className=\"ql-clean\" tip=\"Clear Format (Select Text)\" />\n        </span>\n      )}\n      {!SHOW_HTML && (\n        <span className=\"ql-formats\">\n          <Divider />\n          <TippedButton\n            zIndex={userProps?.zIndex || 1}\n            style={{\n              width: 'fit-content',\n              color: '#1e79c2',\n              fontWeight: '500',\n            }}\n            onClick={handleShowHTML}\n            tip={showHTML ? 'SHOW TEXT' : 'SHOW HTML'}\n            className=\"ql-customFields-html\"\n          >\n            {showHTML ? 'SHOW TEXT' : 'SHOW HTML'}\n          </TippedButton>\n        </span>\n      )}\n      {customFields && (\n        <span className=\"ql-formats\">\n          <Divider />\n          <TippedButton zIndex={userProps?.zIndex || 1} className=\"ql-customFields\" tip=\"Insert Custom Field\">\n            <CustomFields />\n          </TippedButton>\n        </span>\n      )}\n      {customItems && (\n        <span style={{ display: 'inline-flex' }}>\n          {customItems.map((Item) => (\n            <>\n              <Divider />\n              <Item />\n            </>\n          ))}\n        </span>\n      )}\n    </div>\n  );\n};\n"],"names":["optionsToValues","options","map","opt","toLowerCase","replace","CustomFields","React","Color","color","Colors","className","tip","zIndex","TippedSelect","colors","CustomDropdown","label","onSelectMenuItem","onClickOutsideMenu","onClose","closeMenuOnItemSelection","isOpen","minWidth","maxWidth","DSDropdownMenu","DSButton","ArrowheadDown","Divider","height","width","margin","padding","borderLeft","display","CustomToolbar","customFields","customItems","hideItems","onShowHTML","id","userProps","HEADER","FONT","FONT_SIZE","BOLD","ITALIC","UNDERLINE","STRIKE","SUB","SUPER","ORDERED_LIST","BULLET_LIST","INDENT_MINUS_ONE","INDENT_PLUS_ONE","ALIGN","FONT_COLOR","FONT_BACKGROUND_COLOR","HYPERLINK","IMAGE","CLEAR_FORMAT","SHOW_HTML","useState","showHTML","setShowHTML","handleShowHTML","e","preventDefault","fonts","sizes","sizesReal","TippedButton","fontWeight","Item"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,OAAD;AAAA,SAAaA,OAAO,CAACC,GAAR,CAAY,UAACC,GAAD;AAAA,WAASA,GAAG,CAACC,WAAJ,GAAkBC,OAAlB,CAA0B,GAA1B,EAA+B,GAA/B,CAAT;AAAA,GAAZ,CAAb;AAAA,CAAxB;;;AAIA,IAAMC,YAAY,GAAG,SAAfA,YAAe;AAAA,sBAAMC,qEAAN;AAAA,CAArB;;;AACA,IAAMC,KAAK,GAAG,SAARA,KAAQ;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,sBAAeF;AAAQ,IAAA,KAAK,EAAEE;AAAf,IAAf;AAAA,CAAd;;AACA,IAAMC,MAAM,GAAG,SAATA,MAAS;AAAA,MAAGC,SAAH,SAAGA,SAAH;AAAA,MAAcC,GAAd,SAAcA,GAAd;AAAA,MAAmBC,MAAnB,SAAmBA,MAAnB;AAAA,sBACbN,wCAACO,oCAAD;AAAc,IAAA,SAAS,EAAEH,SAAzB;AAAoC,IAAA,GAAG,EAAEC,GAAzC;AAA8C,IAAA,MAAM,EAAEC;AAAtD,KACGE,gBAAM,CAACb,GAAP,CAAW,UAACO,KAAD;AAAA,wBACVF,wCAAC,KAAD;AAAO,MAAA,GAAG,EAAEE,KAAZ;AAAmB,MAAA,KAAK,EAAEA;AAA1B,MADU;AAAA,GAAX,CADH,CADa;AAAA,CAAf;;IAQaO,cAAc,GAAG,SAAjBA,cAAiB;AAAA,MAC5Bf,OAD4B,SAC5BA,OAD4B;AAAA,MAE5BgB,KAF4B,SAE5BA,KAF4B;AAAA,oCAG5BC,gBAH4B;AAAA,MAG5BA,gBAH4B,sCAGT;AAAA,WAAM,IAAN;AAAA,GAHS;AAAA,oCAI5BC,kBAJ4B;AAAA,MAI5BA,kBAJ4B,sCAIP;AAAA,WAAM,IAAN;AAAA,GAJO;AAAA,4BAK5BC,OAL4B;AAAA,MAK5BA,OAL4B,8BAKlB;AAAA,WAAM,IAAN;AAAA,GALkB;AAAA,MAM5BC,wBAN4B,SAM5BA,wBAN4B;AAAA,MAO5BC,MAP4B,SAO5BA,MAP4B;AAAA,MAQ5BC,QAR4B,SAQ5BA,QAR4B;AAAA,MAS5BC,QAT4B,SAS5BA,QAT4B;AAAA,2BAU5BX,MAV4B;AAAA,MAU5BA,MAV4B,6BAUnB,EAVmB;AAAA,sBAY5BN,wCAACkB,kCAAD;AACE,IAAA,kBAAkB,EAAEN,kBADtB;AAEE,IAAA,OAAO,EAAElB,OAFX;AAGE,IAAA,gBAAgB,EAAEiB,gBAHpB;AAIE,IAAA,OAAO,EAAEE,OAJX;AAKE,IAAA,wBAAwB,EAAEC,wBAL5B;AAME,IAAA,MAAM,EAAEC,MANV;AAOE,IAAA,QAAQ,EAAEC,QAPZ;AAQE,IAAA,QAAQ,EAAEC,QARZ;AASE,IAAA,MAAM,EAAEX,MATV;AAUE,IAAA,eAAe,EAAC,cAVlB;AAWE,IAAA,gBAAgB,eAAEN,wCAACmB,4BAAD;AAAU,MAAA,SAAS,EAAET,KAArB;AAA4B,MAAA,UAAU,EAAC,MAAvC;AAA8C,MAAA,IAAI,eAAEV,wCAACoB,iCAAD;AAApD;AAXpB,IAZ4B;AAAA;;AA2B9B,IAAMC,OAAO,GAAG,SAAVA,OAAU;AAAA,sBACdrB;AACE,IAAA,KAAK,EAAE;AACLsB,MAAAA,MAAM,EAAE,MADH;AAELC,MAAAA,KAAK,EAAE,KAFF;AAGLC,MAAAA,MAAM,EAAE,QAHH;AAILC,MAAAA,OAAO,EAAE,GAJJ;AAKLC,MAAAA,UAAU,EAAE,gBALP;AAMLC,MAAAA,OAAO,EAAE;AANJ;AADT,IADc;AAAA,CAAhB;;IAaaC,aAAa,GAAG,SAAhBA,aAAgB,QAOvB;AAAA,MANJC,YAMI,SANJA,YAMI;AAAA,gCALJC,WAKI;AAAA,MALJA,WAKI,kCALU,EAKV;AAAA,8BAJJC,SAII;AAAA,MAJJA,SAII,gCAJQ,EAIR;AAAA,+BAHJC,UAGI;AAAA,MAHJA,UAGI,iCAHS,YAAM,EAGf;AAAA,uBAFJC,EAEI;AAAA,MAFJA,EAEI,yBAFC,SAED;AAAA,MADJC,SACI,SADJA,SACI;AACJ,MACEC,MADF,GAqBIJ,SArBJ,CACEI,MADF;AAAA,MAEEC,IAFF,GAqBIL,SArBJ,CAEEK,IAFF;AAAA,MAGEC,SAHF,GAqBIN,SArBJ,CAGEM,SAHF;AAAA,MAIEC,IAJF,GAqBIP,SArBJ,CAIEO,IAJF;AAAA,MAKEC,MALF,GAqBIR,SArBJ,CAKEQ,MALF;AAAA,MAMEC,SANF,GAqBIT,SArBJ,CAMES,SANF;AAAA,MAOEC,MAPF,GAqBIV,SArBJ,CAOEU,MAPF;AAAA,MAQEC,GARF,GAqBIX,SArBJ,CAQEW,GARF;AAAA,MASEC,KATF,GAqBIZ,SArBJ,CASEY,KATF;AAAA,MAUEC,YAVF,GAqBIb,SArBJ,CAUEa,YAVF;AAAA,MAWEC,WAXF,GAqBId,SArBJ,CAWEc,WAXF;AAAA,MAYEC,gBAZF,GAqBIf,SArBJ,CAYEe,gBAZF;AAAA,MAaEC,eAbF,GAqBIhB,SArBJ,CAaEgB,eAbF;AAAA,MAcEC,KAdF,GAqBIjB,SArBJ,CAcEiB,KAdF;AAAA,MAeEC,UAfF,GAqBIlB,SArBJ,CAeEkB,UAfF;AAAA,MAgBEC,qBAhBF,GAqBInB,SArBJ,CAgBEmB,qBAhBF;AAAA,MAiBEC,SAjBF,GAqBIpB,SArBJ,CAiBEoB,SAjBF;AAAA,MAkBEC,KAlBF,GAqBIrB,SArBJ,CAkBEqB,KAlBF;AAAA,MAmBEC,YAnBF,GAqBItB,SArBJ,CAmBEsB,YAnBF;AAAA,MAoBEC,SApBF,GAqBIvB,SArBJ,CAoBEuB,SApBF;;AAsBA,kBAAgCC,cAAQ,CAAC,KAAD,CAAxC;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;AAEA,MAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,CAAD,EAAO;AAC5BA,IAAAA,CAAC,CAACC,cAAF;AACAH,IAAAA,WAAW,CAAC,CAACD,QAAF,CAAX;AACAxB,IAAAA,UAAU;AACX,GAJD;;AAMA,sBACEhC;AAAK,IAAA,EAAE,EAAEiC,EAAT;AAAa,IAAA,SAAS,EAAC;AAAvB,KACG,CAAC,CAACE,MAAD,IAAW,CAACC,IAAZ,IAAoB,CAACC,SAAtB,kBACCrC;AAAM,IAAA,SAAS,EAAC;AAAhB,KACG,CAACmC,MAAD,iBACCnC,+FACEA,wCAACO,oCAAD;AACE,IAAA,SAAS,EAAC,WADZ;AAEE,IAAA,GAAG,EAAC,QAFN;AAGE,IAAA,MAAM,EAAE,CAAC,EAAD,EAAK,GAAL,EAAU,GAAV,EAAe,GAAf,EAAoB,GAApB,EAAyB,GAAzB,EAA8B,GAA9B,CAHV;AAIE,IAAA,MAAM,EAAE,CAAA2B,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAE5B,MAAX,KAAqB;AAJ/B,IADF,eAOEN,wCAAC,OAAD,OAPF,CAFJ,EAYG,CAACoC,IAAD,iBACCpC,+FACEA,wCAACO,oCAAD;AACE,IAAA,SAAS,EAAC,SADZ;AAEE,IAAA,YAAY,EAAC,YAFf;AAGE,IAAA,OAAO,EAAEsD,eAHX;AAIE,IAAA,GAAG,EAAC,MAJN;AAKE,IAAA,MAAM,EAAEpE,eAAe,CAACoE,eAAD,CALzB;AAME,IAAA,MAAM,EAAE,CAAA3B,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAE5B,MAAX,KAAqB;AAN/B,IADF,eASEN,wCAAC,OAAD,OATF,CAbJ,EAyBG,CAACqC,SAAD,iBACCrC,+FACEA,wCAACO,oCAAD;AACE,IAAA,SAAS,EAAC,SADZ;AAEE,IAAA,OAAO,EAAEuD,eAFX;AAGE,IAAA,GAAG,EAAC,WAHN;AAIE,IAAA,MAAM,EAAErE,eAAe,CAACsE,mBAAD,CAJzB;AAKE,IAAA,MAAM,EAAE,CAAA7B,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAE5B,MAAX,KAAqB;AAL/B,IADF,eAQEN,wCAAC,OAAD,OARF,CA1BJ,CAFJ,EAyCG,CAAC,CAACsC,IAAD,IAAS,CAACC,MAAV,IAAoB,CAACC,SAArB,IAAkC,CAACC,MAApC,kBACCzC;AAAM,IAAA,SAAS,EAAC;AAAhB,KACG,CAACsC,IAAD,iBAAStC,wCAACgE,oCAAD;AAAc,IAAA,MAAM,EAAE,CAAA9B,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAE5B,MAAX,KAAqB,CAA3C;AAA8C,IAAA,SAAS,EAAC,SAAxD;AAAkE,IAAA,GAAG,EAAC;AAAtE,IADZ,EAEG,CAACiC,MAAD,iBAAWvC,wCAACgE,oCAAD;AAAc,IAAA,MAAM,EAAE,CAAA9B,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAE5B,MAAX,KAAqB,CAA3C;AAA8C,IAAA,SAAS,EAAC,WAAxD;AAAoE,IAAA,GAAG,EAAC;AAAxE,IAFd,EAGG,CAACkC,SAAD,iBAAcxC,wCAACgE,oCAAD;AAAc,IAAA,MAAM,EAAE,CAAA9B,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAE5B,MAAX,KAAqB,CAA3C;AAA8C,IAAA,SAAS,EAAC,cAAxD;AAAuE,IAAA,GAAG,EAAC;AAA3E,IAHjB,EAIG,CAACmC,MAAD,iBAAWzC,wCAACgE,oCAAD;AAAc,IAAA,MAAM,EAAE,CAAA9B,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAE5B,MAAX,KAAqB,CAA3C;AAA8C,IAAA,SAAS,EAAC,WAAxD;AAAoE,IAAA,GAAG,EAAC;AAAxE,IAJd,CA1CJ,EAiDG,CAAC,CAACoC,GAAD,IAAQ,CAACC,KAAV,kBACC3C;AAAM,IAAA,SAAS,EAAC;AAAhB,KACG,CAAC0C,GAAD,iBAAQ1C,wCAACgE,oCAAD;AAAc,IAAA,MAAM,EAAE,CAAA9B,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAE5B,MAAX,KAAqB,CAA3C;AAA8C,IAAA,SAAS,EAAC,WAAxD;AAAoE,IAAA,GAAG,EAAC,KAAxE;AAA8E,IAAA,KAAK,EAAC;AAApF,IADX,EAEG,CAACqC,KAAD,iBAAU3C,wCAACgE,oCAAD;AAAc,IAAA,MAAM,EAAE,CAAA9B,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAE5B,MAAX,KAAqB,CAA3C;AAA8C,IAAA,SAAS,EAAC,WAAxD;AAAoE,IAAA,GAAG,EAAC,OAAxE;AAAgF,IAAA,KAAK,EAAC;AAAtF,IAFb,eAGEN,wCAAC,OAAD,OAHF,CAlDJ,EAwDG,CAAC,CAAC4C,YAAD,IAAiB,CAACC,WAAnB,kBACC7C;AAAM,IAAA,SAAS,EAAC;AAAhB,KACG,CAAC4C,YAAD,iBACC5C,wCAACgE,oCAAD;AAAc,IAAA,MAAM,EAAE,CAAA9B,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAE5B,MAAX,KAAqB,CAA3C;AAA8C,IAAA,SAAS,EAAC,SAAxD;AAAkE,IAAA,GAAG,EAAC,cAAtE;AAAqF,IAAA,KAAK,EAAC;AAA3F,IAFJ,EAIG,CAACuC,WAAD,iBACC7C,wCAACgE,oCAAD;AAAc,IAAA,MAAM,EAAE,CAAA9B,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAE5B,MAAX,KAAqB,CAA3C;AAA8C,IAAA,SAAS,EAAC,SAAxD;AAAkE,IAAA,GAAG,EAAC,aAAtE;AAAoF,IAAA,KAAK,EAAC;AAA1F,IALJ,CAzDJ,EAkEG,CAAC,CAACwC,gBAAD,IAAqB,CAACC,eAAvB,kBACC/C;AAAM,IAAA,SAAS,EAAC;AAAhB,KACG,CAAC8C,gBAAD,iBACC9C,wCAACgE,oCAAD;AAAc,IAAA,MAAM,EAAE,CAAA9B,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAE5B,MAAX,KAAqB,CAA3C;AAA8C,IAAA,SAAS,EAAC,WAAxD;AAAoE,IAAA,GAAG,EAAC,WAAxE;AAAoF,IAAA,KAAK,EAAC;AAA1F,IAFJ,EAIG,CAACyC,eAAD,iBACC/C,wCAACgE,oCAAD;AAAc,IAAA,MAAM,EAAE,CAAA9B,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAE5B,MAAX,KAAqB,CAA3C;AAA8C,IAAA,SAAS,EAAC,WAAxD;AAAoE,IAAA,GAAG,EAAC,WAAxE;AAAoF,IAAA,KAAK,EAAC;AAA1F,IALJ,CAnEJ,EA4EG,CAAC0C,KAAD,iBACChD;AAAM,IAAA,SAAS,EAAC;AAAhB,kBACEA,wCAACO,oCAAD;AAAc,IAAA,MAAM,EAAE,CAAA2B,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAE5B,MAAX,KAAqB,CAA3C;AAA8C,IAAA,SAAS,EAAC,UAAxD;AAAmE,IAAA,GAAG,EAAC;AAAvE,IADF,eAEEN,wCAAC,OAAD,OAFF,CA7EJ,EAkFG,CAAC,CAACiD,UAAD,IAAe,CAACC,qBAAjB,kBACClD;AAAM,IAAA,SAAS,EAAC;AAAhB,KACG,CAACiD,UAAD,iBAAejD,wCAAC,MAAD;AAAQ,IAAA,MAAM,EAAE,CAAAkC,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAE5B,MAAX,KAAqB,CAArC;AAAwC,IAAA,SAAS,EAAC,UAAlD;AAA6D,IAAA,GAAG,EAAC;AAAjE,IADlB,EAEG,CAAC4C,qBAAD,iBACClD,wCAAC,MAAD;AAAQ,IAAA,MAAM,EAAE,CAAAkC,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAE5B,MAAX,KAAqB,CAArC;AAAwC,IAAA,SAAS,EAAC,eAAlD;AAAkE,IAAA,GAAG,EAAC;AAAtE,IAHJ,eAKEN,wCAAC,OAAD,OALF,CAnFJ,EA2FG,CAAC,CAACmD,SAAD,IAAc,CAACC,KAAhB,kBACCpD;AAAM,IAAA,SAAS,EAAC;AAAhB,KACG,CAACmD,SAAD,iBACCnD,wCAACgE,oCAAD;AAAc,IAAA,MAAM,EAAE,CAAA9B,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAE5B,MAAX,KAAqB,CAA3C;AAA8C,IAAA,SAAS,EAAC,SAAxD;AAAkE,IAAA,GAAG,EAAC;AAAtE,IAFJ,EAIG,CAAC8C,KAAD,iBAAUpD,wCAACgE,oCAAD;AAAc,IAAA,MAAM,EAAE,CAAA9B,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAE5B,MAAX,KAAqB,CAA3C;AAA8C,IAAA,SAAS,EAAC,UAAxD;AAAmE,IAAA,GAAG,EAAC;AAAvE,IAJb,eAKEN,wCAAC,OAAD,OALF,CA5FJ,EAoGG,CAACqD,YAAD,iBACCrD;AAAM,IAAA,SAAS,EAAC;AAAhB,kBACEA,wCAACgE,oCAAD;AAAc,IAAA,MAAM,EAAE,CAAA9B,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAE5B,MAAX,KAAqB,CAA3C;AAA8C,IAAA,SAAS,EAAC,UAAxD;AAAmE,IAAA,GAAG,EAAC;AAAvE,IADF,CArGJ,EAyGG,CAACgD,SAAD,iBACCtD;AAAM,IAAA,SAAS,EAAC;AAAhB,kBACEA,wCAAC,OAAD,OADF,eAEEA,wCAACgE,oCAAD;AACE,IAAA,MAAM,EAAE,CAAA9B,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAE5B,MAAX,KAAqB,CAD/B;AAEE,IAAA,KAAK,EAAE;AACLiB,MAAAA,KAAK,EAAE,aADF;AAELrB,MAAAA,KAAK,EAAE,SAFF;AAGL+D,MAAAA,UAAU,EAAE;AAHP,KAFT;AAOE,IAAA,OAAO,EAAEP,cAPX;AAQE,IAAA,GAAG,EAAEF,QAAQ,GAAG,WAAH,GAAiB,WARhC;AASE,IAAA,SAAS,EAAC;AATZ,KAWGA,QAAQ,GAAG,WAAH,GAAiB,WAX5B,CAFF,CA1GJ,EA2HG3B,YAAY,iBACX7B;AAAM,IAAA,SAAS,EAAC;AAAhB,kBACEA,wCAAC,OAAD,OADF,eAEEA,wCAACgE,oCAAD;AAAc,IAAA,MAAM,EAAE,CAAA9B,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAE5B,MAAX,KAAqB,CAA3C;AAA8C,IAAA,SAAS,EAAC,iBAAxD;AAA0E,IAAA,GAAG,EAAC;AAA9E,kBACEN,wCAAC,YAAD,OADF,CAFF,CA5HJ,EAmIG8B,WAAW,iBACV9B;AAAM,IAAA,KAAK,EAAE;AAAE2B,MAAAA,OAAO,EAAE;AAAX;AAAb,KACGG,WAAW,CAACnC,GAAZ,CAAgB,UAACuE,IAAD;AAAA,wBACflE,+FACEA,wCAAC,OAAD,OADF,eAEEA,wCAAC,IAAD,OAFF,CADe;AAAA,GAAhB,CADH,CApIJ,CADF;AAgJD;;;;;"}