@elliemae/ds-wysiwygeditor 2.2.0-alpha.2 → 2.2.0-beta.0

package/cjs/components/CustomToolbar.js

@@ -1,103 +1,111 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/es.string.replace.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+var React = require('react');
+var DSButton = require('@elliemae/ds-button');
+var dsIcons = require('@elliemae/ds-icons');
+var DSDropdownMenu = require('@elliemae/ds-dropdownmenu');
+var constants = require('../constants.js');
+var TippedButton = require('./TippedButton.js');
+var TippedSelect = require('./TippedSelect.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
+var DSDropdownMenu__default = /*#__PURE__*/_interopDefaultLegacy(DSDropdownMenu);
+
+var _span, _ArrowheadDown, _Divider, _Divider2, _Divider3, _Divider4, _Divider5, _Divider6, _Divider7, _Divider8, _Divider9, _CustomFields, _Divider10;
+
+const optionsToValues = options => options.map(opt => opt.toLowerCase().replace(' ', '-')); // Stateless Components -----------------------------------------
+
+
+const CustomFields = () => _span || (_span = /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, "\u1438\u1433")); // eslint-disable-line react/jsx-one-expression-per-line
+
+
+const Color = _ref => {
+  let {
+    color
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"]("option", {
+    value: color
+  });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
+
+const Colors = _ref2 => {
+  let {
+    className,
+    tip,
+    zIndex
+  } = _ref2;
+  return /*#__PURE__*/_jsx__default["default"](TippedSelect.TippedSelect, {
+    className: className,
+    tip: tip,
+    zIndex: zIndex
+  }, void 0, constants.colors.map(color => /*#__PURE__*/_jsx__default["default"](Color, {
+    color: color
+  }, color)));
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+
+const CustomDropdown = _ref3 => {
+  let {
+    options,
+    label,
+    onSelectMenuItem = () => null,
+    onClickOutsideMenu = () => null,
+    onClose = () => null,
+    closeMenuOnItemSelection,
+    isOpen,
+    minWidth,
+    maxWidth,
+    zIndex = 10
+  } = _ref3;
+  return /*#__PURE__*/_jsx__default["default"](DSDropdownMenu__default["default"], {
+    onClickOutsideMenu: onClickOutsideMenu,
+    options: options,
+    onSelectMenuItem: onSelectMenuItem,
+    onClose: onClose,
+    closeMenuOnItemSelection: closeMenuOnItemSelection,
+    isOpen: isOpen,
+    minWidth: minWidth,
+    maxWidth: maxWidth,
+    zIndex: zIndex,
+    preventOverflow: "scrollParent",
+    triggerComponent: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
+      labelText: label,
+      buttonType: "text",
+      icon: _ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadDown, {}))
+    })
+  });
 };
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var CustomToolbar_exports = {};
-__export(CustomToolbar_exports, {
-  CustomDropdown: () => CustomDropdown,
-  CustomToolbar: () => CustomToolbar
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_button = __toESM(require("@elliemae/ds-button"));
-var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
-var import_ds_dropdownmenu = __toESM(require("@elliemae/ds-dropdownmenu"));
-var import_constants = __toESM(require("../constants"));
-var import_TippedButton = __toESM(require("./TippedButton"));
-var import_TippedSelect = __toESM(require("./TippedSelect"));
-const optionsToValues = (options) => options.map((opt) => opt.toLowerCase().replace(" ", "-"));
-const CustomFields = () => /* @__PURE__ */ import_react.default.createElement("span", null, "\u1438\u1433");
-const Color = ({ color }) => /* @__PURE__ */ import_react.default.createElement("option", {
-  value: color
-});
-const Colors = ({ className, tip, zIndex }) => /* @__PURE__ */ import_react.default.createElement(import_TippedSelect.TippedSelect, {
-  className,
-  tip,
-  zIndex
-}, import_constants.colors.map((color) => /* @__PURE__ */ import_react.default.createElement(Color, {
-  key: color,
-  color
-})));
-const CustomDropdown = ({
-  options,
-  label,
-  onSelectMenuItem = () => null,
-  onClickOutsideMenu = () => null,
-  onClose = () => null,
-  closeMenuOnItemSelection,
-  isOpen,
-  minWidth,
-  maxWidth,
-  zIndex = 10
-}) => /* @__PURE__ */ import_react.default.createElement(import_ds_dropdownmenu.default, {
-  onClickOutsideMenu,
-  options,
-  onSelectMenuItem,
-  onClose,
-  closeMenuOnItemSelection,
-  isOpen,
-  minWidth,
-  maxWidth,
-  zIndex,
-  preventOverflow: "scrollParent",
-  triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
-    labelText: label,
-    buttonType: "text",
-    icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadDown, null)
-  })
-});
-const Divider = () => /* @__PURE__ */ import_react.default.createElement("div", {
+
+const Divider = () => /*#__PURE__*/_jsx__default["default"]("div", {
   style: {
-    height: "21px",
-    width: "1px",
-    margin: "0 10px",
-    padding: "0",
-    borderLeft: "1px solid #bbb",
-    display: "inline-block"
+    height: '21px',
+    width: '1px',
+    margin: '0 10px',
+    padding: '0',
+    borderLeft: '1px solid #bbb',
+    display: 'inline-block'
   }
 });
-const CustomToolbar = ({
-  customFields,
-  customItems = [],
-  hideItems = {},
-  onShowHTML = () => {
-  },
-  id = "toolbar",
-  userProps
-}) => {
+
+const CustomToolbar = _ref4 => {
+  let {
+    customFields,
+    customItems = [],
+    hideItems = {},
+    onShowHTML = () => {},
+    id = 'toolbar',
+    userProps
+  } = _ref4;
   const {
     HEADER,
     FONT,
@@ -120,142 +128,155 @@ const CustomToolbar = ({
     CLEAR_FORMAT,
     SHOW_HTML
   } = hideItems;
-  const [showHTML, setShowHTML] = (0, import_react.useState)(false);
-  const handleShowHTML = (e) => {
+  const [showHTML, setShowHTML] = React.useState(false);
+
+  const handleShowHTML = e => {
     e.preventDefault();
     setShowHTML(!showHTML);
     onShowHTML();
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    id,
+
+  return /*#__PURE__*/_jsx__default["default"]("div", {
+    id: id,
     className: "ds-ql-custom-toolbar"
-  }, (!HEADER || !FONT || !FONT_SIZE) && /* @__PURE__ */ import_react.default.createElement("span", {
+  }, void 0, (!HEADER || !FONT || !FONT_SIZE) && /*#__PURE__*/_jsx__default["default"]("span", {
     className: "ql-formats"
-  }, !HEADER && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_TippedSelect.TippedSelect, {
-    className: "ql-header",
-    tip: "Header",
-    values: ["", "1", "2", "3", "4", "5", "6"],
-    zIndex: userProps?.zIndex || 1
-  }), /* @__PURE__ */ import_react.default.createElement(Divider, null)), !FONT && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_TippedSelect.TippedSelect, {
-    className: "ql-font",
-    defaultValue: "sans-serif",
-    options: import_constants.fonts,
-    tip: "Font",
-    values: optionsToValues(import_constants.fonts),
-    zIndex: userProps?.zIndex || 1
-  }), /* @__PURE__ */ import_react.default.createElement(Divider, null)), !FONT_SIZE && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_TippedSelect.TippedSelect, {
-    className: "ql-size",
-    options: import_constants.sizes,
-    tip: "Font Size",
-    values: optionsToValues(import_constants.sizesReal),
-    zIndex: userProps?.zIndex || 1
-  }), /* @__PURE__ */ import_react.default.createElement(Divider, null))), (!BOLD || !ITALIC || !UNDERLINE || !STRIKE) && /* @__PURE__ */ import_react.default.createElement("span", {
+  }, void 0, !HEADER && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/_jsx__default["default"](TippedSelect.TippedSelect, {
+      className: "ql-header",
+      tip: "Header",
+      values: ['', '1', '2', '3', '4', '5', '6'],
+      zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1
+    }), _Divider || (_Divider = /*#__PURE__*/_jsx__default["default"](Divider, {}))]
+  }), !FONT && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/_jsx__default["default"](TippedSelect.TippedSelect, {
+      className: "ql-font",
+      defaultValue: "sans-serif",
+      options: constants.fonts,
+      tip: "Font",
+      values: optionsToValues(constants.fonts),
+      zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1
+    }), _Divider2 || (_Divider2 = /*#__PURE__*/_jsx__default["default"](Divider, {}))]
+  }), !FONT_SIZE && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/_jsx__default["default"](TippedSelect.TippedSelect, {
+      className: "ql-size",
+      options: constants.sizes,
+      tip: "Font Size",
+      values: optionsToValues(constants.sizesReal),
+      zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1
+    }), _Divider3 || (_Divider3 = /*#__PURE__*/_jsx__default["default"](Divider, {}))]
+  })), (!BOLD || !ITALIC || !UNDERLINE || !STRIKE) && /*#__PURE__*/_jsx__default["default"]("span", {
     className: "ql-formats"
-  }, !BOLD && /* @__PURE__ */ import_react.default.createElement(import_TippedButton.TippedButton, {
-    zIndex: userProps?.zIndex || 1,
+  }, void 0, !BOLD && /*#__PURE__*/_jsx__default["default"](TippedButton.TippedButton, {
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
     className: "ql-bold",
     tip: "Bold"
-  }), !ITALIC && /* @__PURE__ */ import_react.default.createElement(import_TippedButton.TippedButton, {
-    zIndex: userProps?.zIndex || 1,
+  }), !ITALIC && /*#__PURE__*/_jsx__default["default"](TippedButton.TippedButton, {
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
     className: "ql-italic",
     tip: "Italic"
-  }), !UNDERLINE && /* @__PURE__ */ import_react.default.createElement(import_TippedButton.TippedButton, {
-    zIndex: userProps?.zIndex || 1,
+  }), !UNDERLINE && /*#__PURE__*/_jsx__default["default"](TippedButton.TippedButton, {
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
     className: "ql-underline",
     tip: "Underline"
-  }), !STRIKE && /* @__PURE__ */ import_react.default.createElement(import_TippedButton.TippedButton, {
-    zIndex: userProps?.zIndex || 1,
+  }), !STRIKE && /*#__PURE__*/_jsx__default["default"](TippedButton.TippedButton, {
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
     className: "ql-strike",
     tip: "Strike"
-  })), (!SUB || !SUPER) && /* @__PURE__ */ import_react.default.createElement("span", {
+  })), (!SUB || !SUPER) && /*#__PURE__*/_jsx__default["default"]("span", {
     className: "ql-formats"
-  }, !SUB && /* @__PURE__ */ import_react.default.createElement(import_TippedButton.TippedButton, {
-    zIndex: userProps?.zIndex || 1,
+  }, void 0, !SUB && /*#__PURE__*/_jsx__default["default"](TippedButton.TippedButton, {
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
     className: "ql-script",
     tip: "Sub",
     value: "sub"
-  }), !SUPER && /* @__PURE__ */ import_react.default.createElement(import_TippedButton.TippedButton, {
-    zIndex: userProps?.zIndex || 1,
+  }), !SUPER && /*#__PURE__*/_jsx__default["default"](TippedButton.TippedButton, {
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
     className: "ql-script",
     tip: "Super",
     value: "super"
-  }), /* @__PURE__ */ import_react.default.createElement(Divider, null)), (!ORDERED_LIST || !BULLET_LIST) && /* @__PURE__ */ import_react.default.createElement("span", {
+  }), _Divider4 || (_Divider4 = /*#__PURE__*/_jsx__default["default"](Divider, {}))), (!ORDERED_LIST || !BULLET_LIST) && /*#__PURE__*/_jsx__default["default"]("span", {
     className: "ql-formats"
-  }, !ORDERED_LIST && /* @__PURE__ */ import_react.default.createElement(import_TippedButton.TippedButton, {
-    zIndex: userProps?.zIndex || 1,
+  }, void 0, !ORDERED_LIST && /*#__PURE__*/_jsx__default["default"](TippedButton.TippedButton, {
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
     className: "ql-list",
     tip: "Ordered List",
     value: "ordered"
-  }), !BULLET_LIST && /* @__PURE__ */ import_react.default.createElement(import_TippedButton.TippedButton, {
-    zIndex: userProps?.zIndex || 1,
+  }), !BULLET_LIST && /*#__PURE__*/_jsx__default["default"](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__ */ import_react.default.createElement("span", {
+  })), (!INDENT_MINUS_ONE || !INDENT_PLUS_ONE) && /*#__PURE__*/_jsx__default["default"]("span", {
     className: "ql-formats"
-  }, !INDENT_MINUS_ONE && /* @__PURE__ */ import_react.default.createElement(import_TippedButton.TippedButton, {
-    zIndex: userProps?.zIndex || 1,
+  }, void 0, !INDENT_MINUS_ONE && /*#__PURE__*/_jsx__default["default"](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__ */ import_react.default.createElement(import_TippedButton.TippedButton, {
-    zIndex: userProps?.zIndex || 1,
+  }), !INDENT_PLUS_ONE && /*#__PURE__*/_jsx__default["default"](TippedButton.TippedButton, {
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
     className: "ql-indent",
     tip: "Indent +1",
     value: "+1"
-  })), !ALIGN && /* @__PURE__ */ import_react.default.createElement("span", {
+  })), !ALIGN && /*#__PURE__*/_jsx__default["default"]("span", {
     className: "ql-formats"
-  }, /* @__PURE__ */ import_react.default.createElement(import_TippedSelect.TippedSelect, {
-    zIndex: userProps?.zIndex || 1,
+  }, void 0, /*#__PURE__*/_jsx__default["default"](TippedSelect.TippedSelect, {
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
     className: "ql-align",
     tip: "Align"
-  }), /* @__PURE__ */ import_react.default.createElement(Divider, null)), (!FONT_COLOR || !FONT_BACKGROUND_COLOR) && /* @__PURE__ */ import_react.default.createElement("span", {
+  }), _Divider5 || (_Divider5 = /*#__PURE__*/_jsx__default["default"](Divider, {}))), (!FONT_COLOR || !FONT_BACKGROUND_COLOR) && /*#__PURE__*/_jsx__default["default"]("span", {
     className: "ql-formats"
-  }, !FONT_COLOR && /* @__PURE__ */ import_react.default.createElement(Colors, {
-    zIndex: userProps?.zIndex || 1,
+  }, void 0, !FONT_COLOR && /*#__PURE__*/_jsx__default["default"](Colors, {
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
     className: "ql-color",
     tip: "Font Color"
-  }), !FONT_BACKGROUND_COLOR && /* @__PURE__ */ import_react.default.createElement(Colors, {
-    zIndex: userProps?.zIndex || 1,
+  }), !FONT_BACKGROUND_COLOR && /*#__PURE__*/_jsx__default["default"](Colors, {
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
     className: "ql-background",
     tip: "Font Background Color"
-  }), /* @__PURE__ */ import_react.default.createElement(Divider, null)), (!HYPERLINK || !IMAGE) && /* @__PURE__ */ import_react.default.createElement("span", {
+  }), _Divider6 || (_Divider6 = /*#__PURE__*/_jsx__default["default"](Divider, {}))), (!HYPERLINK || !IMAGE) && /*#__PURE__*/_jsx__default["default"]("span", {
     className: "ql-formats"
-  }, !HYPERLINK && /* @__PURE__ */ import_react.default.createElement(import_TippedButton.TippedButton, {
-    zIndex: userProps?.zIndex || 1,
+  }, void 0, !HYPERLINK && /*#__PURE__*/_jsx__default["default"](TippedButton.TippedButton, {
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
     className: "ql-link",
     tip: "Hyperlink: Select Text First"
-  }), !IMAGE && /* @__PURE__ */ import_react.default.createElement(import_TippedButton.TippedButton, {
-    zIndex: userProps?.zIndex || 1,
+  }), !IMAGE && /*#__PURE__*/_jsx__default["default"](TippedButton.TippedButton, {
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
     className: "ql-image",
     tip: "Insert Image"
-  }), /* @__PURE__ */ import_react.default.createElement(Divider, null)), !CLEAR_FORMAT && /* @__PURE__ */ import_react.default.createElement("span", {
+  }), _Divider7 || (_Divider7 = /*#__PURE__*/_jsx__default["default"](Divider, {}))), !CLEAR_FORMAT && /*#__PURE__*/_jsx__default["default"]("span", {
     className: "ql-formats"
-  }, /* @__PURE__ */ import_react.default.createElement(import_TippedButton.TippedButton, {
-    zIndex: userProps?.zIndex || 1,
+  }, void 0, /*#__PURE__*/_jsx__default["default"](TippedButton.TippedButton, {
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
     className: "ql-clean",
     tip: "Clear Format (Select Text)"
-  })), !SHOW_HTML && /* @__PURE__ */ import_react.default.createElement("span", {
+  })), !SHOW_HTML && /*#__PURE__*/_jsx__default["default"]("span", {
     className: "ql-formats"
-  }, /* @__PURE__ */ import_react.default.createElement(Divider, null), /* @__PURE__ */ import_react.default.createElement(import_TippedButton.TippedButton, {
-    zIndex: userProps?.zIndex || 1,
+  }, void 0, _Divider8 || (_Divider8 = /*#__PURE__*/_jsx__default["default"](Divider, {})), /*#__PURE__*/_jsx__default["default"](TippedButton.TippedButton, {
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
     style: {
-      width: "fit-content",
-      color: "#1e79c2",
-      fontWeight: "500"
+      width: 'fit-content',
+      color: '#1e79c2',
+      fontWeight: '500'
     },
     onClick: handleShowHTML,
-    tip: showHTML ? "SHOW TEXT" : "SHOW HTML",
+    tip: showHTML ? 'SHOW TEXT' : 'SHOW HTML',
     className: "ql-customFields-html"
-  }, showHTML ? "SHOW TEXT" : "SHOW HTML")), customFields && /* @__PURE__ */ import_react.default.createElement("span", {
+  }, void 0, showHTML ? 'SHOW TEXT' : 'SHOW HTML')), customFields && /*#__PURE__*/_jsx__default["default"]("span", {
     className: "ql-formats"
-  }, /* @__PURE__ */ import_react.default.createElement(Divider, null), /* @__PURE__ */ import_react.default.createElement(import_TippedButton.TippedButton, {
-    zIndex: userProps?.zIndex || 1,
+  }, void 0, _Divider9 || (_Divider9 = /*#__PURE__*/_jsx__default["default"](Divider, {})), /*#__PURE__*/_jsx__default["default"](TippedButton.TippedButton, {
+    zIndex: (userProps === null || userProps === void 0 ? void 0 : userProps.zIndex) || 1,
     className: "ql-customFields",
     tip: "Insert Custom Field"
-  }, /* @__PURE__ */ import_react.default.createElement(CustomFields, null))), customItems && /* @__PURE__ */ import_react.default.createElement("span", {
-    style: { display: "inline-flex" }
-  }, customItems.map((Item) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(Divider, null), /* @__PURE__ */ import_react.default.createElement(Item, null)))));
+  }, void 0, _CustomFields || (_CustomFields = /*#__PURE__*/_jsx__default["default"](CustomFields, {})))), customItems && /*#__PURE__*/_jsx__default["default"]("span", {
+    style: {
+      display: 'inline-flex'
+    }
+  }, void 0, customItems.map(Item => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [_Divider10 || (_Divider10 = /*#__PURE__*/_jsx__default["default"](Divider, {})), /*#__PURE__*/_jsx__default["default"](Item, {})]
+  }))));
 };
-module.exports = __toCommonJS(CustomToolbar_exports);
-//# sourceMappingURL=CustomToolbar.js.map
+
+exports.CustomDropdown = CustomDropdown;
+exports.CustomToolbar = CustomToolbar;