@elliemae/ds-wysiwygeditor 3.4.2 → 3.4.3

package/dist/esm/components/CustomToolbar.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 import DSButton from "@elliemae/ds-button";
 import { ArrowheadDown } from "@elliemae/ds-icons";
 import DSDropdownMenu from "@elliemae/ds-dropdownmenu";
@@ -7,18 +8,20 @@ import { colors, fonts, sizes, sizesReal } from "../constants";
 import { TippedButton } from "./TippedButton";
 import { TippedSelect } from "./TippedSelect";
 const optionsToValues = (options) => options.map((opt) => opt.toLowerCase().replace(" ", "-"));
-const CustomFields = () => /* @__PURE__ */ React2.createElement("span", null, "\u1438\u1433");
-const Color = ({ color }) => /* @__PURE__ */ React2.createElement("option", {
+const CustomFields = () => /* @__PURE__ */ jsx("span", {
+  children: "\u1438\u1433"
+});
+const Color = ({ color }) => /* @__PURE__ */ jsx("option", {
   value: color
 });
-const Colors = ({ className, tip, zIndex }) => /* @__PURE__ */ React2.createElement(TippedSelect, {
+const Colors = ({ className, tip, zIndex }) => /* @__PURE__ */ jsx(TippedSelect, {
   className,
   tip,
-  zIndex
-}, colors.map((color) => /* @__PURE__ */ React2.createElement(Color, {
-  key: color,
-  color
-})));
+  zIndex,
+  children: colors.map((color) => /* @__PURE__ */ jsx(Color, {
+    color
+  }, color))
+});
 const CustomDropdown = ({
   options,
   label,
@@ -30,7 +33,7 @@ const CustomDropdown = ({
   minWidth,
   maxWidth,
   zIndex = 10
-}) => /* @__PURE__ */ React2.createElement(DSDropdownMenu, {
+}) => /* @__PURE__ */ jsx(DSDropdownMenu, {
   onClickOutsideMenu,
   options,
   onSelectMenuItem,
@@ -41,13 +44,13 @@ const CustomDropdown = ({
   maxWidth,
   zIndex,
   preventOverflow: "scrollParent",
-  triggerComponent: /* @__PURE__ */ React2.createElement(DSButton, {
+  triggerComponent: /* @__PURE__ */ jsx(DSButton, {
     labelText: label,
     buttonType: "text",
-    icon: /* @__PURE__ */ React2.createElement(ArrowheadDown, null)
+    icon: /* @__PURE__ */ jsx(ArrowheadDown, {})
   })
 });
-const Divider = () => /* @__PURE__ */ React2.createElement("div", {
+const Divider = () => /* @__PURE__ */ jsx("div", {
   style: {
     height: "21px",
     width: "1px",
@@ -94,136 +97,220 @@ const CustomToolbar = ({
     setShowHTML(!showHTML);
     onShowHTML();
   };
-  return /* @__PURE__ */ React2.createElement("div", {
+  return /* @__PURE__ */ jsxs("div", {
     id,
-    className: "ds-ql-custom-toolbar"
-  }, (!HEADER || !FONT || !FONT_SIZE) && /* @__PURE__ */ React2.createElement("span", {
-    className: "ql-formats"
-  }, !HEADER && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(TippedSelect, {
-    className: "ql-header",
-    tip: "Header",
-    values: ["", "1", "2", "3", "4", "5", "6"],
-    zIndex: userProps?.zIndex || 1
-  }), /* @__PURE__ */ React2.createElement(Divider, null)), !FONT && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(TippedSelect, {
-    className: "ql-font",
-    defaultValue: "sans-serif",
-    options: fonts,
-    tip: "Font",
-    values: optionsToValues(fonts),
-    zIndex: userProps?.zIndex || 1
-  }), /* @__PURE__ */ React2.createElement(Divider, null)), !FONT_SIZE && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(TippedSelect, {
-    className: "ql-size",
-    options: sizes,
-    tip: "Font Size",
-    values: optionsToValues(sizesReal),
-    zIndex: userProps?.zIndex || 1
-  }), /* @__PURE__ */ React2.createElement(Divider, null))), (!BOLD || !ITALIC || !UNDERLINE || !STRIKE) && /* @__PURE__ */ React2.createElement("span", {
-    className: "ql-formats"
-  }, !BOLD && /* @__PURE__ */ React2.createElement(TippedButton, {
-    zIndex: userProps?.zIndex || 1,
-    className: "ql-bold",
-    tip: "Bold"
-  }), !ITALIC && /* @__PURE__ */ React2.createElement(TippedButton, {
-    zIndex: userProps?.zIndex || 1,
-    className: "ql-italic",
-    tip: "Italic"
-  }), !UNDERLINE && /* @__PURE__ */ React2.createElement(TippedButton, {
-    zIndex: userProps?.zIndex || 1,
-    className: "ql-underline",
-    tip: "Underline"
-  }), !STRIKE && /* @__PURE__ */ React2.createElement(TippedButton, {
-    zIndex: userProps?.zIndex || 1,
-    className: "ql-strike",
-    tip: "Strike"
-  })), (!SUB || !SUPER) && /* @__PURE__ */ React2.createElement("span", {
-    className: "ql-formats"
-  }, !SUB && /* @__PURE__ */ React2.createElement(TippedButton, {
-    zIndex: userProps?.zIndex || 1,
-    className: "ql-script",
-    tip: "Sub",
-    value: "sub"
-  }), !SUPER && /* @__PURE__ */ React2.createElement(TippedButton, {
-    zIndex: userProps?.zIndex || 1,
-    className: "ql-script",
-    tip: "Super",
-    value: "super"
-  }), /* @__PURE__ */ React2.createElement(Divider, null)), (!ORDERED_LIST || !BULLET_LIST) && /* @__PURE__ */ React2.createElement("span", {
-    className: "ql-formats"
-  }, !ORDERED_LIST && /* @__PURE__ */ React2.createElement(TippedButton, {
-    zIndex: userProps?.zIndex || 1,
-    className: "ql-list",
-    tip: "Ordered List",
-    value: "ordered"
-  }), !BULLET_LIST && /* @__PURE__ */ React2.createElement(TippedButton, {
-    zIndex: userProps?.zIndex || 1,
-    className: "ql-list",
-    tip: "Bullet List",
-    value: "bullet"
-  })), (!INDENT_MINUS_ONE || !INDENT_PLUS_ONE) && /* @__PURE__ */ React2.createElement("span", {
-    className: "ql-formats"
-  }, !INDENT_MINUS_ONE && /* @__PURE__ */ React2.createElement(TippedButton, {
-    zIndex: userProps?.zIndex || 1,
-    className: "ql-indent",
-    tip: "Indent -1",
-    value: "-1"
-  }), !INDENT_PLUS_ONE && /* @__PURE__ */ React2.createElement(TippedButton, {
-    zIndex: userProps?.zIndex || 1,
-    className: "ql-indent",
-    tip: "Indent +1",
-    value: "+1"
-  })), !ALIGN && /* @__PURE__ */ React2.createElement("span", {
-    className: "ql-formats"
-  }, /* @__PURE__ */ React2.createElement(TippedSelect, {
-    zIndex: userProps?.zIndex || 1,
-    className: "ql-align",
-    tip: "Align"
-  }), /* @__PURE__ */ React2.createElement(Divider, null)), (!FONT_COLOR || !FONT_BACKGROUND_COLOR) && /* @__PURE__ */ React2.createElement("span", {
-    className: "ql-formats"
-  }, !FONT_COLOR && /* @__PURE__ */ React2.createElement(Colors, {
-    zIndex: userProps?.zIndex || 1,
-    className: "ql-color",
-    tip: "Font Color"
-  }), !FONT_BACKGROUND_COLOR && /* @__PURE__ */ React2.createElement(Colors, {
-    zIndex: userProps?.zIndex || 1,
-    className: "ql-background",
-    tip: "Font Background Color"
-  }), /* @__PURE__ */ React2.createElement(Divider, null)), (!HYPERLINK || !IMAGE) && /* @__PURE__ */ React2.createElement("span", {
-    className: "ql-formats"
-  }, !HYPERLINK && /* @__PURE__ */ React2.createElement(TippedButton, {
-    zIndex: userProps?.zIndex || 1,
-    className: "ql-link",
-    tip: "Hyperlink: Select Text First"
-  }), !IMAGE && /* @__PURE__ */ React2.createElement(TippedButton, {
-    zIndex: userProps?.zIndex || 1,
-    className: "ql-image",
-    tip: "Insert Image"
-  }), /* @__PURE__ */ React2.createElement(Divider, null)), !CLEAR_FORMAT && /* @__PURE__ */ React2.createElement("span", {
-    className: "ql-formats"
-  }, /* @__PURE__ */ React2.createElement(TippedButton, {
-    zIndex: userProps?.zIndex || 1,
-    className: "ql-clean",
-    tip: "Clear Format (Select Text)"
-  })), !SHOW_HTML && /* @__PURE__ */ React2.createElement("span", {
-    className: "ql-formats"
-  }, /* @__PURE__ */ React2.createElement(Divider, null), /* @__PURE__ */ React2.createElement(TippedButton, {
-    zIndex: userProps?.zIndex || 1,
-    style: {
-      width: "fit-content",
-      color: "#1e79c2",
-      fontWeight: "500"
-    },
-    onClick: handleShowHTML,
-    tip: showHTML ? "SHOW TEXT" : "SHOW HTML",
-    className: "ql-customFields-html"
-  }, showHTML ? "SHOW TEXT" : "SHOW HTML")), customFields && /* @__PURE__ */ React2.createElement("span", {
-    className: "ql-formats"
-  }, /* @__PURE__ */ React2.createElement(Divider, null), /* @__PURE__ */ React2.createElement(TippedButton, {
-    zIndex: userProps?.zIndex || 1,
-    className: "ql-customFields",
-    tip: "Insert Custom Field"
-  }, /* @__PURE__ */ React2.createElement(CustomFields, null))), customItems && /* @__PURE__ */ React2.createElement("span", {
-    style: { display: "inline-flex" }
-  }, customItems.map((Item) => /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Divider, null), /* @__PURE__ */ React2.createElement(Item, null)))));
+    className: "ds-ql-custom-toolbar",
+    children: [
+      (!HEADER || !FONT || !FONT_SIZE) && /* @__PURE__ */ jsxs("span", {
+        className: "ql-formats",
+        children: [
+          !HEADER && /* @__PURE__ */ jsxs(Fragment, {
+            children: [
+              /* @__PURE__ */ jsx(TippedSelect, {
+                className: "ql-header",
+                tip: "Header",
+                values: ["", "1", "2", "3", "4", "5", "6"],
+                zIndex: userProps?.zIndex || 1
+              }),
+              /* @__PURE__ */ jsx(Divider, {})
+            ]
+          }),
+          !FONT && /* @__PURE__ */ jsxs(Fragment, {
+            children: [
+              /* @__PURE__ */ jsx(TippedSelect, {
+                className: "ql-font",
+                defaultValue: "sans-serif",
+                options: fonts,
+                tip: "Font",
+                values: optionsToValues(fonts),
+                zIndex: userProps?.zIndex || 1
+              }),
+              /* @__PURE__ */ jsx(Divider, {})
+            ]
+          }),
+          !FONT_SIZE && /* @__PURE__ */ jsxs(Fragment, {
+            children: [
+              /* @__PURE__ */ jsx(TippedSelect, {
+                className: "ql-size",
+                options: sizes,
+                tip: "Font Size",
+                values: optionsToValues(sizesReal),
+                zIndex: userProps?.zIndex || 1
+              }),
+              /* @__PURE__ */ jsx(Divider, {})
+            ]
+          })
+        ]
+      }),
+      (!BOLD || !ITALIC || !UNDERLINE || !STRIKE) && /* @__PURE__ */ jsxs("span", {
+        className: "ql-formats",
+        children: [
+          !BOLD && /* @__PURE__ */ jsx(TippedButton, {
+            zIndex: userProps?.zIndex || 1,
+            className: "ql-bold",
+            tip: "Bold"
+          }),
+          !ITALIC && /* @__PURE__ */ jsx(TippedButton, {
+            zIndex: userProps?.zIndex || 1,
+            className: "ql-italic",
+            tip: "Italic"
+          }),
+          !UNDERLINE && /* @__PURE__ */ jsx(TippedButton, {
+            zIndex: userProps?.zIndex || 1,
+            className: "ql-underline",
+            tip: "Underline"
+          }),
+          !STRIKE && /* @__PURE__ */ jsx(TippedButton, {
+            zIndex: userProps?.zIndex || 1,
+            className: "ql-strike",
+            tip: "Strike"
+          })
+        ]
+      }),
+      (!SUB || !SUPER) && /* @__PURE__ */ jsxs("span", {
+        className: "ql-formats",
+        children: [
+          !SUB && /* @__PURE__ */ jsx(TippedButton, {
+            zIndex: userProps?.zIndex || 1,
+            className: "ql-script",
+            tip: "Sub",
+            value: "sub"
+          }),
+          !SUPER && /* @__PURE__ */ jsx(TippedButton, {
+            zIndex: userProps?.zIndex || 1,
+            className: "ql-script",
+            tip: "Super",
+            value: "super"
+          }),
+          /* @__PURE__ */ jsx(Divider, {})
+        ]
+      }),
+      (!ORDERED_LIST || !BULLET_LIST) && /* @__PURE__ */ jsxs("span", {
+        className: "ql-formats",
+        children: [
+          !ORDERED_LIST && /* @__PURE__ */ jsx(TippedButton, {
+            zIndex: userProps?.zIndex || 1,
+            className: "ql-list",
+            tip: "Ordered List",
+            value: "ordered"
+          }),
+          !BULLET_LIST && /* @__PURE__ */ jsx(TippedButton, {
+            zIndex: userProps?.zIndex || 1,
+            className: "ql-list",
+            tip: "Bullet List",
+            value: "bullet"
+          })
+        ]
+      }),
+      (!INDENT_MINUS_ONE || !INDENT_PLUS_ONE) && /* @__PURE__ */ jsxs("span", {
+        className: "ql-formats",
+        children: [
+          !INDENT_MINUS_ONE && /* @__PURE__ */ jsx(TippedButton, {
+            zIndex: userProps?.zIndex || 1,
+            className: "ql-indent",
+            tip: "Indent -1",
+            value: "-1"
+          }),
+          !INDENT_PLUS_ONE && /* @__PURE__ */ jsx(TippedButton, {
+            zIndex: userProps?.zIndex || 1,
+            className: "ql-indent",
+            tip: "Indent +1",
+            value: "+1"
+          })
+        ]
+      }),
+      !ALIGN && /* @__PURE__ */ jsxs("span", {
+        className: "ql-formats",
+        children: [
+          /* @__PURE__ */ jsx(TippedSelect, {
+            zIndex: userProps?.zIndex || 1,
+            className: "ql-align",
+            tip: "Align"
+          }),
+          /* @__PURE__ */ jsx(Divider, {})
+        ]
+      }),
+      (!FONT_COLOR || !FONT_BACKGROUND_COLOR) && /* @__PURE__ */ jsxs("span", {
+        className: "ql-formats",
+        children: [
+          !FONT_COLOR && /* @__PURE__ */ jsx(Colors, {
+            zIndex: userProps?.zIndex || 1,
+            className: "ql-color",
+            tip: "Font Color"
+          }),
+          !FONT_BACKGROUND_COLOR && /* @__PURE__ */ jsx(Colors, {
+            zIndex: userProps?.zIndex || 1,
+            className: "ql-background",
+            tip: "Font Background Color"
+          }),
+          /* @__PURE__ */ jsx(Divider, {})
+        ]
+      }),
+      (!HYPERLINK || !IMAGE) && /* @__PURE__ */ jsxs("span", {
+        className: "ql-formats",
+        children: [
+          !HYPERLINK && /* @__PURE__ */ jsx(TippedButton, {
+            zIndex: userProps?.zIndex || 1,
+            className: "ql-link",
+            tip: "Hyperlink: Select Text First"
+          }),
+          !IMAGE && /* @__PURE__ */ jsx(TippedButton, {
+            zIndex: userProps?.zIndex || 1,
+            className: "ql-image",
+            tip: "Insert Image"
+          }),
+          /* @__PURE__ */ jsx(Divider, {})
+        ]
+      }),
+      !CLEAR_FORMAT && /* @__PURE__ */ jsx("span", {
+        className: "ql-formats",
+        children: /* @__PURE__ */ jsx(TippedButton, {
+          zIndex: userProps?.zIndex || 1,
+          className: "ql-clean",
+          tip: "Clear Format (Select Text)"
+        })
+      }),
+      !SHOW_HTML && /* @__PURE__ */ jsxs("span", {
+        className: "ql-formats",
+        children: [
+          /* @__PURE__ */ jsx(Divider, {}),
+          /* @__PURE__ */ jsx(TippedButton, {
+            zIndex: userProps?.zIndex || 1,
+            style: {
+              width: "fit-content",
+              color: "#1e79c2",
+              fontWeight: "500"
+            },
+            onClick: handleShowHTML,
+            tip: showHTML ? "SHOW TEXT" : "SHOW HTML",
+            className: "ql-customFields-html",
+            children: showHTML ? "SHOW TEXT" : "SHOW HTML"
+          })
+        ]
+      }),
+      customFields && /* @__PURE__ */ jsxs("span", {
+        className: "ql-formats",
+        children: [
+          /* @__PURE__ */ jsx(Divider, {}),
+          /* @__PURE__ */ jsx(TippedButton, {
+            zIndex: userProps?.zIndex || 1,
+            className: "ql-customFields",
+            tip: "Insert Custom Field",
+            children: /* @__PURE__ */ jsx(CustomFields, {})
+          })
+        ]
+      }),
+      customItems && /* @__PURE__ */ jsx("span", {
+        style: { display: "inline-flex" },
+        children: customItems.map((Item) => /* @__PURE__ */ jsxs(Fragment, {
+          children: [
+            /* @__PURE__ */ jsx(Divider, {}),
+            /* @__PURE__ */ jsx(Item, {})
+          ]
+        }))
+      })
+    ]
+  });
 };
 export {
   CustomDropdown,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/CustomToolbar.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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-button';\nimport { ArrowheadDown } from '@elliemae/ds-icons';\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>\u1438\u1433</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"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/components/DSWYSIWYGEditorImpl.js

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import React2 from "react";
 import ReactQuill, { Quill } from "react-quill";
 import BlotFormatter from "quill-blot-formatter";
@@ -142,46 +143,53 @@ class DSWYSIWYGEditorImpl extends React2.PureComponent {
       hideItems,
       ...editorProps
     } = this.props;
-    return /* @__PURE__ */ React2.createElement("div", {
+    return /* @__PURE__ */ jsxs("div", {
       ...containerProps,
-      className: `quill-wysiwyg-editor ${showRawHTML ? "show-raw" : ""}`
-    }, customToolbar || /* @__PURE__ */ React2.createElement(CustomToolbar, {
-      customFields,
-      onShowHTML,
-      hideItems,
-      userProps: this.props
-    }), /* @__PURE__ */ React2.createElement(ReactQuill, {
-      ref: this.quillRef,
-      modules: this.quillModules,
-      onChange: this.onChangeQuill,
-      value,
-      style: {
-        height,
-        borderBottom: "1px solid #ccc"
-      },
-      ...editorProps,
-      id: "wysiwyg-text-container"
-    }), /* @__PURE__ */ React2.createElement("textarea", {
-      className: "raw-editor ql-container ql-snow ql-editor",
-      style: {
-        width: "100%",
-        resize: "none",
-        height,
-        minHeight: "200px"
-      },
-      onChange: this.onChangeTextArea,
-      value: formatHTML(value)
-    }), imagesData && imagesData.length && /* @__PURE__ */ React2.createElement(ImageLibraryModal, {
-      imagesData,
-      isOpen: isImageModalOpen,
-      onClose: this.onImageModalClose,
-      onConfirm: this.onImageConfirm
-    }), customFields && customFields.length && /* @__PURE__ */ React2.createElement(InsertFieldModal, {
-      customFields,
-      isOpen: isFieldModalOpen,
-      onClose: this.onFieldModalClose,
-      onConfirm: this.onInserFieldConfirm
-    }));
+      className: `quill-wysiwyg-editor ${showRawHTML ? "show-raw" : ""}`,
+      children: [
+        customToolbar || /* @__PURE__ */ jsx(CustomToolbar, {
+          customFields,
+          onShowHTML,
+          hideItems,
+          userProps: this.props
+        }),
+        /* @__PURE__ */ jsx(ReactQuill, {
+          ref: this.quillRef,
+          modules: this.quillModules,
+          onChange: this.onChangeQuill,
+          value,
+          style: {
+            height,
+            borderBottom: "1px solid #ccc"
+          },
+          ...editorProps,
+          id: "wysiwyg-text-container"
+        }),
+        /* @__PURE__ */ jsx("textarea", {
+          className: "raw-editor ql-container ql-snow ql-editor",
+          style: {
+            width: "100%",
+            resize: "none",
+            height,
+            minHeight: "200px"
+          },
+          onChange: this.onChangeTextArea,
+          value: formatHTML(value)
+        }),
+        imagesData && imagesData.length && /* @__PURE__ */ jsx(ImageLibraryModal, {
+          imagesData,
+          isOpen: isImageModalOpen,
+          onClose: this.onImageModalClose,
+          onConfirm: this.onImageConfirm
+        }),
+        customFields && customFields.length && /* @__PURE__ */ jsx(InsertFieldModal, {
+          customFields,
+          isOpen: isFieldModalOpen,
+          onClose: this.onFieldModalClose,
+          onConfirm: this.onInserFieldConfirm
+        })
+      ]
+    });
   }
 }
 export {

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/DSWYSIWYGEditorImpl.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React from 'react';\nimport ReactQuill, { Quill } from 'react-quill';\nimport BlotFormatter from 'quill-blot-formatter';\n\nimport ImageLibraryModal from './ImageLibraryModal';\nimport InsertFieldModal from './InsertFieldModal';\nimport { CustomToolbar } from './CustomToolbar';\nimport IndentStyle from '../quillOverrides/IndentStyle';\nimport LinkFormat from '../quillOverrides/LinkFormat';\nimport Image from '../quillOverrides/Image';\nimport { formatHTML } from '../utils';\nimport { clipboardLinkWithTagMatcher } from '../quillMatchers/clipboardLinkWithTagMatcher';\n\nQuill.register('modules/blotFormatter', BlotFormatter);\n\n// Fix block styled formats ----------------\nconst AlignStyle = Quill.import('attributors/style/align');\nconst FontStyle = Quill.import('attributors/style/font');\nFontStyle.whitelist = [\n  // allow ONLY these fonts and the default\n  'serif',\n  'monospace',\n  'arial',\n  'comic-sans',\n  'courier-new',\n  'georgia',\n  'helvetica',\n  'lucida',\n];\nconst SizeStyle = Quill.import('attributors/style/size');\nSizeStyle.whitelist = [\n  // allow ONLY these sizes and the default\n  'x-small',\n  'large',\n  'x-large',\n];\n\n// Fix Doc Viewer p tags extra margin issue ---------\nconst Block = Quill.import('blots/block');\nBlock.tagName = 'p';\nQuill.register(Block);\n\nQuill.register(AlignStyle, true);\nQuill.register(IndentStyle, true);\nQuill.register(FontStyle, true);\nQuill.register(SizeStyle, true);\n// -----------------------------------------\nQuill.register(Image, true);\n\nexport default class DSWYSIWYGEditorImpl extends React.PureComponent {\n  quillModules = {\n    toolbar: {\n      container: this.props.toolbarContainer ? `#${this.props.toolbarContainer}` : '#toolbar',\n      handlers: {\n        ...this.props.toolbarHandlers,\n      },\n    },\n    clipboard: {\n      // toggle to add extra line breaks when pasting HTML:\n      matchVisual: false,\n    },\n    blotFormatter: {\n      // options... https://github.com/Fandom-OSS/quill-blot-formatter\n    },\n    ...this.props.quillModules,\n  };\n\n  constructor(props) {\n    super(props);\n    Quill.register(LinkFormat, true);\n    if (props.quillOverrides.length) {\n      props.quillOverrides.map((override) => Quill.register(override, true));\n    }\n    this.state = {\n      isImageModalOpen: false,\n      isFieldModalOpen: false,\n    };\n    const { toolbar } = this.quillModules;\n    if (props.imagesData) {\n      toolbar.handlers.image = (value) => {\n        const { imagesData, handleImageClick } = this.props;\n        if (!imagesData.length) {\n          return;\n        }\n        this.setState({ isImageModalOpen: !!value });\n        handleImageClick(value);\n      };\n    }\n    if (props.customFields) {\n      toolbar.handlers.customFields = (value) => {\n        const { customFields, handleCustomFieldClick } = this.props;\n        if (!customFields.length) {\n          return;\n        }\n        this.setState({ isFieldModalOpen: !!value });\n        handleCustomFieldClick(value);\n      };\n    }\n  }\n\n  componentDidMount() {\n    // this.quill doesn't exist untill the full call-stack execute\n    // we need to \"setTimeout\" so this componentDidMount work as expected\n    setTimeout(() => {\n      const quillDomRef = this.quill;\n      this.props.getQuillRef(quillDomRef);\n\n      const editor = quillDomRef?.getEditor();\n      // https://github.com/quilljs/quill/issues/2677\n      editor?.clipboard.addMatcher('a', clipboardLinkWithTagMatcher);\n    });\n  }\n\n  getEditor = () => this.quill?.getEditor();\n\n  // eslint-disable-next-line max-params\n  onChangeQuill = (html, delta, source, editor) => {\n    console.log('quill detected a change')\n    const { showRawHTML, onChange } = this.props;\n    if (!showRawHTML) onChange(html, delta, source, editor);\n  };\n\n  onChangeTextArea = (e) => {\n    const { showRawHTML, onChange } = this.props;\n    if (showRawHTML) onChange(e.target.value);\n  };\n\n  onInserFieldConfirm = (fieldCode) => {\n    const editor = this.getEditor();\n    const range = editor.getSelection(true);\n    editor.insertText(range.index, fieldCode);\n  };\n\n  onImageConfirm = (image) => {\n    if (!image) {\n      return;\n    }\n    const editor = this.getEditor();\n    const range = editor.getSelection(true);\n    editor.insertEmbed(range.index, 'image', image.url);\n  };\n\n  onFieldModalClose = () => {\n    this.setState({ isFieldModalOpen: false });\n  };\n\n  onImageModalClose = () => {\n    this.setState({ isImageModalOpen: false });\n  };\n\n  quillRef = (ref) => {\n    this.quill = ref;\n  };\n\n  render() {\n    const { isFieldModalOpen, isImageModalOpen } = this.state;\n    const {\n      containerProps = {},\n      customFields,\n      imagesData,\n      customToolbar,\n      handleImageClick,\n      handleCustomFieldClick,\n      height,\n      value,\n      showRawHTML,\n      onShowHTML,\n      onChange,\n      hideItems,\n      ...editorProps\n    } = this.props;\n\n    return (\n      <div\n        // data-testid=\"wysiwyg-text-container\"\n        {...containerProps}\n        className={`quill-wysiwyg-editor ${showRawHTML ? 'show-raw' : ''}`}\n      >\n        {customToolbar || (\n          <CustomToolbar\n            customFields={customFields}\n            onShowHTML={onShowHTML}\n            hideItems={hideItems}\n            userProps={this.props}\n          />\n        )}\n        <ReactQuill\n          ref={this.quillRef}\n          modules={this.quillModules}\n          onChange={this.onChangeQuill}\n          value={value}\n          style={{\n            height,\n            borderBottom: '1px solid #ccc',\n          }}\n          {...editorProps}\n          id=\"wysiwyg-text-container\"\n        />\n        <textarea\n          className=\"raw-editor ql-container ql-snow ql-editor\"\n          style={{\n            width: '100%',\n            resize: 'none',\n            height,\n            minHeight: '200px',\n          }}\n          onChange={this.onChangeTextArea}\n          value={formatHTML(value)}\n        />\n        {imagesData && imagesData.length && (\n          <ImageLibraryModal\n            imagesData={imagesData}\n            isOpen={isImageModalOpen}\n            onClose={this.onImageModalClose}\n            onConfirm={this.onImageConfirm}\n          />\n        )}\n        {customFields && customFields.length && (\n          <InsertFieldModal\n            customFields={customFields}\n            isOpen={isFieldModalOpen}\n            onClose={this.onFieldModalClose}\n            onConfirm={this.onInserFieldConfirm}\n          />\n        )}\n      </div>\n    );\n  }\n}\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["React"]
 }