@comet/admin-rte 8.20.2 → 9.0.0-beta.1

package/lib/core/BlockElement.js

@@ -1,15 +1,6 @@
-"use strict";
-
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BlockElement = BlockElement;
-var _admin = require("@comet/admin");
-var _material = require("@mui/material");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["type", "slotProps"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0; // Only block-types used in block-type-map should be styled
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -18,7 +9,12 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-var Root = (0, _admin.createComponentSlot)(_material.Typography)({
+import { createComponentSlot } from "@comet/admin";
+import { css, Typography, useThemeProps } from "@mui/material";
+
+// Only block-types used in block-type-map should be styled
+import { jsx as _jsx } from "react/jsx-runtime";
+var Root = createComponentSlot(Typography)({
   componentName: "RteBlockElement",
   slotName: "root",
   classesResolver: function classesResolver(ownerState) {
@@ -27,10 +23,10 @@ var Root = (0, _admin.createComponentSlot)(_material.Typography)({
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return (0, _material.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        font-size: 16px;\n        line-height: 20px;\n        font-weight: 300;\n        color: ", ";\n        margin-bottom: 10px;\n\n        ", "\n\n        ", "\n\n        ", "\n\n        ", "\n\n        ", "\n\n        ", "\n\n        ", "\n\n        ", "\n\n        ", "\n    "])), theme.palette.grey[800], ownerState.type === "header-one" && (0, _material.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            font-size: 30px;\n            line-height: 1.2;\n            font-weight: 500;\n        "]))), ownerState.type === "header-two" && (0, _material.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            font-size: 28px;\n            line-height: 1.2;\n            font-weight: 500;\n        "]))), ownerState.type === "header-three" && (0, _material.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            font-size: 26px;\n            line-height: 1.2;\n            font-weight: 500;\n        "]))), ownerState.type === "header-four" && (0, _material.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n            font-size: 22px;\n            line-height: 1.2;\n            font-weight: 500;\n        "]))), ownerState.type === "header-five" && (0, _material.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n            font-size: 20px;\n            line-height: 1.2;\n            font-weight: 500;\n        "]))), ownerState.type === "header-six" && (0, _material.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n            font-size: 18px;\n            line-height: 1.2;\n            font-weight: 500;\n        "]))), ownerState.type === "ordered-list" && (0, _material.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n            padding-left: 0;\n        "]))), ownerState.type === "unordered-list" && (0, _material.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n            padding-left: 0;\n        "]))), ownerState.type === "blockquote" && (0, _material.css)(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n            display: block;\n            position: relative;\n            padding-left: 20px;\n            padding-top: 5px;\n            padding-bottom: 5px;\n\n            &:before {\n                content: \"\";\n                position: absolute;\n                top: 0;\n                bottom: 0;\n                left: 2px;\n                width: 4px;\n                background-color: ", ";\n                border-radius: 2px;\n            }\n        "])), theme.palette.grey[200]));
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        font-size: 16px;\n        line-height: 20px;\n        font-weight: 300;\n        color: ", ";\n        margin-bottom: 10px;\n\n        ", "\n\n        ", "\n\n        ", "\n\n        ", "\n\n        ", "\n\n        ", "\n\n        ", "\n\n        ", "\n\n        ", "\n    "])), theme.palette.grey[800], ownerState.type === "header-one" && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            font-size: 30px;\n            line-height: 1.2;\n            font-weight: 500;\n        "]))), ownerState.type === "header-two" && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            font-size: 28px;\n            line-height: 1.2;\n            font-weight: 500;\n        "]))), ownerState.type === "header-three" && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            font-size: 26px;\n            line-height: 1.2;\n            font-weight: 500;\n        "]))), ownerState.type === "header-four" && css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n            font-size: 22px;\n            line-height: 1.2;\n            font-weight: 500;\n        "]))), ownerState.type === "header-five" && css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n            font-size: 20px;\n            line-height: 1.2;\n            font-weight: 500;\n        "]))), ownerState.type === "header-six" && css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n            font-size: 18px;\n            line-height: 1.2;\n            font-weight: 500;\n        "]))), ownerState.type === "ordered-list" && css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n            padding-left: 0;\n        "]))), ownerState.type === "unordered-list" && css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n            padding-left: 0;\n        "]))), ownerState.type === "blockquote" && css(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n            display: block;\n            position: relative;\n            padding-left: 20px;\n            padding-top: 5px;\n            padding-bottom: 5px;\n\n            &:before {\n                content: \"\";\n                position: absolute;\n                top: 0;\n                bottom: 0;\n                left: 2px;\n                width: 4px;\n                background-color: ", ";\n                border-radius: 2px;\n            }\n        "])), theme.palette.grey[200]));
 });
-function BlockElement(inProps) {
-  var _useThemeProps = (0, _material.useThemeProps)({
+export function BlockElement(inProps) {
+  var _useThemeProps = useThemeProps({
       props: inProps,
       name: "CometAdminRteBlockElement"
     }),
@@ -40,7 +36,7 @@ function BlockElement(inProps) {
   var ownerState = {
     type: type
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(Root, _objectSpread(_objectSpread({
     component: "div",
     ownerState: ownerState
   }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps));

package/lib/core/Controls/BlockTypesControls.js

@@ -1,18 +1,6 @@
-"use strict";
-
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _admin = require("@comet/admin");
-var _material = require("@mui/material");
-var _getRteTheme = _interopRequireDefault(require("../utils/getRteTheme"));
-var _useBlockTypes = _interopRequireDefault(require("./useBlockTypes"));
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["disabled", "blockTypes", "slotProps"];
 var _templateObject, _templateObject2;
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -21,20 +9,25 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-var Root = (0, _admin.createComponentSlot)(_material.FormControl)({
+import { createComponentSlot } from "@comet/admin";
+import { css, FormControl, inputBaseClasses, MenuItem, Select as MuiSelect, selectClasses, useThemeProps } from "@mui/material";
+import getRteTheme from "../utils/getRteTheme";
+import useBlockTypes from "./useBlockTypes";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Root = createComponentSlot(FormControl)({
   componentName: "RteBlockTypeControls",
   slotName: "root"
-})((0, _material.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .", " {\n        background-color: transparent;\n        height: auto;\n        border: none;\n        &,\n        &:hover {\n            &:before,\n            &:after {\n                border-bottom-width: 0;\n            }\n        }\n    }\n    .", " {\n        top: auto;\n        color: inherit;\n    }\n"])), _material.inputBaseClasses.root, _material.selectClasses.icon));
-var Select = (0, _admin.createComponentSlot)(_material.Select)({
+})(css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .", " {\n        background-color: transparent;\n        height: auto;\n        border: none;\n        &,\n        &:hover {\n            &:before,\n            &:after {\n                border-bottom-width: 0;\n            }\n        }\n    }\n    .", " {\n        top: auto;\n        color: inherit;\n    }\n"])), inputBaseClasses.root, selectClasses.icon));
+var Select = createComponentSlot(MuiSelect)({
   componentName: "RteBlockTypeControls",
   slotName: "select"
 })(function (_ref) {
   var _theme$components;
   var theme = _ref.theme;
-  return (0, _material.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        .", ".", " {\n            min-height: 0;\n            color: ", ";\n            min-width: 180px;\n            line-height: 24px;\n            font-size: 14px;\n            padding: 0;\n        }\n    "])), _material.selectClasses.select, _material.inputBaseClasses.input, (0, _getRteTheme["default"])((_theme$components = theme.components) === null || _theme$components === void 0 || (_theme$components = _theme$components.CometAdminRte) === null || _theme$components === void 0 ? void 0 : _theme$components.defaultProps).colors.buttonIcon);
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        .", ".", " {\n            min-height: 0;\n            color: ", ";\n            min-width: 180px;\n            line-height: 24px;\n            font-size: 14px;\n            padding: 0;\n        }\n    "])), selectClasses.select, inputBaseClasses.input, getRteTheme((_theme$components = theme.components) === null || _theme$components === void 0 || (_theme$components = _theme$components.CometAdminRte) === null || _theme$components === void 0 ? void 0 : _theme$components.defaultProps).colors.buttonIcon);
 });
 function StyledBlockTypesControls(inProps) {
-  var _useThemeProps = (0, _material.useThemeProps)({
+  var _useThemeProps = useThemeProps({
       props: inProps,
       name: "CometAdminRteBlockTypeControls"
     }),
@@ -51,8 +44,8 @@ function StyledBlockTypesControls(inProps) {
       label: c.label
     };
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, _objectSpread(_objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Select, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.select), {}, {
+  return /*#__PURE__*/_jsx(Root, _objectSpread(_objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
+    children: /*#__PURE__*/_jsx(Select, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.select), {}, {
       disabled: disabled,
       value: activeDropdownBlockType,
       displayEmpty: true,
@@ -62,7 +55,7 @@ function StyledBlockTypesControls(inProps) {
       },
       onChange: handleBlockTypeChange,
       children: blockTypesListItems.map(function (c) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
+        return /*#__PURE__*/_jsx(MenuItem, {
           value: c.name,
           dense: true,
           children: c.label
@@ -73,7 +66,7 @@ function StyledBlockTypesControls(inProps) {
 }
 
 // If there are no dropdown-features, this must return null not just an empty component, to prevent an empty item from being rendered in Toolbar
-var _default = exports["default"] = function _default(p) {
+export default (function (p) {
   var editorState = p.editorState,
     setEditorState = p.setEditorState,
     editorRef = p.editorRef,
@@ -81,7 +74,7 @@ var _default = exports["default"] = function _default(p) {
   var supportedThings = options.supports,
     blocktypeMap = options.blocktypeMap,
     standardBlockType = options.standardBlockType;
-  var blockTypes = (0, _useBlockTypes["default"])({
+  var blockTypes = useBlockTypes({
     editorState: editorState,
     setEditorState: setEditorState,
     supportedThings: supportedThings,
@@ -92,7 +85,7 @@ var _default = exports["default"] = function _default(p) {
   if (!blockTypes.dropdownFeatures.length) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledBlockTypesControls, _objectSpread(_objectSpread({}, p), {}, {
+  return /*#__PURE__*/_jsx(StyledBlockTypesControls, _objectSpread(_objectSpread({}, p), {}, {
     blockTypes: blockTypes
   }));
-};
+});

package/lib/core/Controls/ControlButton.js

@@ -1,17 +1,6 @@
-"use strict";
-
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ControlButton = ControlButton;
-var _admin = require("@comet/admin");
-var _styles = require("@mui/material/styles");
-var _getRteTheme = _interopRequireDefault(require("../utils/getRteTheme"));
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["disabled", "selected", "onButtonClick", "icon", "children", "Icon", "slotProps"];
 var _templateObject, _templateObject2, _templateObject3;
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -20,7 +9,11 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-var Root = (0, _admin.createComponentSlot)("button")({
+import { createComponentSlot } from "@comet/admin";
+import { css, useThemeProps } from "@mui/material/styles";
+import getRteTheme from "../utils/getRteTheme";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var Root = createComponentSlot("button")({
   componentName: "RteControlButton",
   slotName: "root",
   classesResolver: function classesResolver(ownerState) {
@@ -30,11 +23,11 @@ var Root = (0, _admin.createComponentSlot)("button")({
   var _theme$components, _rteTheme$colors, _rteTheme$colors2, _rteTheme$colors3, _rteTheme$colors4, _rteTheme$colors5;
   var ownerState = _ref.ownerState,
     theme = _ref.theme;
-  var rteTheme = (0, _getRteTheme["default"])((_theme$components = theme.components) === null || _theme$components === void 0 || (_theme$components = _theme$components.CometAdminRte) === null || _theme$components === void 0 ? void 0 : _theme$components.defaultProps);
-  return (0, _styles.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        height: 24px;\n        background-color: transparent;\n        border: 1px solid transparent;\n        box-sizing: border-box;\n        transition:\n            background-color 200ms,\n            border-color 200ms,\n            color 200ms;\n        font-size: 20px;\n        color: ", ";\n\n        &:hover {\n            background-color: ", ";\n            border-color: ", ";\n        }\n\n        &:disabled {\n            cursor: not-allowed;\n\n            &,\n            &:hover {\n                background-color: transparent;\n                border-color: transparent;\n                color: ", ";\n            }\n        }\n\n        ", "\n\n        ", "\n    "])), (_rteTheme$colors = rteTheme.colors) === null || _rteTheme$colors === void 0 ? void 0 : _rteTheme$colors.buttonIcon, (_rteTheme$colors2 = rteTheme.colors) === null || _rteTheme$colors2 === void 0 ? void 0 : _rteTheme$colors2.buttonBackgroundHover, (_rteTheme$colors3 = rteTheme.colors) === null || _rteTheme$colors3 === void 0 ? void 0 : _rteTheme$colors3.buttonBorderHover, (_rteTheme$colors4 = rteTheme.colors) === null || _rteTheme$colors4 === void 0 ? void 0 : _rteTheme$colors4.buttonIconDisabled, ownerState.selected && (0, _styles.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            &:not(:disabled),\n            &:not(:disabled):hover {\n                border-color: ", ";\n                background-color: white;\n            }\n        "])), (_rteTheme$colors5 = rteTheme.colors) === null || _rteTheme$colors5 === void 0 ? void 0 : _rteTheme$colors5.buttonBorderHover), Boolean(ownerState.Icon) && (0, _styles.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            width: 24px;\n        "]))));
+  var rteTheme = getRteTheme((_theme$components = theme.components) === null || _theme$components === void 0 || (_theme$components = _theme$components.CometAdminRte) === null || _theme$components === void 0 ? void 0 : _theme$components.defaultProps);
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        height: 24px;\n        background-color: transparent;\n        border: 1px solid transparent;\n        box-sizing: border-box;\n        transition:\n            background-color 200ms,\n            border-color 200ms,\n            color 200ms;\n        font-size: 20px;\n        color: ", ";\n\n        &:hover {\n            background-color: ", ";\n            border-color: ", ";\n        }\n\n        &:disabled {\n            cursor: not-allowed;\n\n            &,\n            &:hover {\n                background-color: transparent;\n                border-color: transparent;\n                color: ", ";\n            }\n        }\n\n        ", "\n\n        ", "\n    "])), (_rteTheme$colors = rteTheme.colors) === null || _rteTheme$colors === void 0 ? void 0 : _rteTheme$colors.buttonIcon, (_rteTheme$colors2 = rteTheme.colors) === null || _rteTheme$colors2 === void 0 ? void 0 : _rteTheme$colors2.buttonBackgroundHover, (_rteTheme$colors3 = rteTheme.colors) === null || _rteTheme$colors3 === void 0 ? void 0 : _rteTheme$colors3.buttonBorderHover, (_rteTheme$colors4 = rteTheme.colors) === null || _rteTheme$colors4 === void 0 ? void 0 : _rteTheme$colors4.buttonIconDisabled, ownerState.selected && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            &:not(:disabled),\n            &:not(:disabled):hover {\n                border-color: ", ";\n                background-color: white;\n            }\n        "])), (_rteTheme$colors5 = rteTheme.colors) === null || _rteTheme$colors5 === void 0 ? void 0 : _rteTheme$colors5.buttonBorderHover), Boolean(ownerState.Icon) && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            width: 24px;\n        "]))));
 });
-function ControlButton(inProps) {
-  var _useThemeProps = (0, _styles.useThemeProps)({
+export function ControlButton(inProps) {
+  var _useThemeProps = useThemeProps({
       props: inProps,
       name: "CometAdminRteControlButton"
     }),
@@ -53,13 +46,13 @@ function ControlButton(inProps) {
     selected: selected,
     Icon: Icon
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(Root, _objectSpread(_objectSpread(_objectSpread({
     type: "button",
     disabled: disabled,
     onMouseDown: onButtonClick,
     ownerState: ownerState
   }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
-    children: [!!Icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+    children: [!!Icon && /*#__PURE__*/_jsx(Icon, {
       sx: {
         fontSize: 15
       },

package/lib/core/Controls/Controls.js

@@ -1,22 +1,4 @@
-"use strict";
-
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = Controls;
-var _BlockTypesControls = _interopRequireDefault(require("./BlockTypesControls"));
-var _CustomControls = _interopRequireDefault(require("./CustomControls"));
-var _HistoryContols = _interopRequireDefault(require("./HistoryContols"));
-var _InlineStyleTypeControls = _interopRequireDefault(require("./InlineStyleTypeControls"));
-var _LinkControls = _interopRequireDefault(require("./LinkControls"));
-var _ListsControls = _interopRequireDefault(require("./ListsControls"));
-var _ListsIndentControls = _interopRequireDefault(require("./ListsIndentControls"));
-var _SpecialCharactersControls = _interopRequireDefault(require("./SpecialCharactersControls"));
-var _Toolbar = require("./Toolbar/Toolbar");
-var _TranslationControls = _interopRequireDefault(require("./TranslationControls"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -28,10 +10,21 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
 function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function Controls(p) {
+import BlockTypesControls from "./BlockTypesControls";
+import CustomControls from "./CustomControls";
+import HistoryControls from "./HistoryContols";
+import InlineStyleTypeControls from "./InlineStyleTypeControls";
+import LinkControls from "./LinkControls";
+import ListsControls from "./ListsControls";
+import ListsIndentControls from "./ListsIndentControls";
+import SpecialCharactersControls from "./SpecialCharactersControls";
+import { Toolbar } from "./Toolbar/Toolbar";
+import TranslationControls from "./TranslationControls";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Controls(p) {
   var customToolbarButtons = p.options.customToolbarButtons;
   var hasCustomButtons = customToolbarButtons && customToolbarButtons.length > 0;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toolbar.Toolbar, _objectSpread(_objectSpread({}, p), {}, {
-    children: [_HistoryContols["default"], _BlockTypesControls["default"], _TranslationControls["default"], _InlineStyleTypeControls["default"], _ListsControls["default"], _ListsIndentControls["default"], _LinkControls["default"], _SpecialCharactersControls["default"]].concat(_toConsumableArray(hasCustomButtons ? [_CustomControls["default"]] : []))
+  return /*#__PURE__*/_jsx(Toolbar, _objectSpread(_objectSpread({}, p), {}, {
+    children: [HistoryControls, BlockTypesControls, TranslationControls, InlineStyleTypeControls, ListsControls, ListsIndentControls, LinkControls, SpecialCharactersControls].concat(_toConsumableArray(hasCustomButtons ? [CustomControls] : []))
   }));
 }

package/lib/core/Controls/CustomControls.js

@@ -1,27 +1,20 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = BlockTypesControls;
-var _ButtonGroup = _interopRequireDefault(require("@mui/material/ButtonGroup"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function BlockTypesControls(p) {
+import ButtonGroup from "@mui/material/ButtonGroup";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function BlockTypesControls(p) {
   var customToolbarButtons = p.options.customToolbarButtons;
   if (!customToolbarButtons || customToolbarButtons.length < 1) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonGroup["default"], {
+  return /*#__PURE__*/_jsx(ButtonGroup, {
     children: customToolbarButtons.map(function (comp, idx) {
       var Comp = comp;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, _objectSpread({}, p), idx);
+      return /*#__PURE__*/_jsx(Comp, _objectSpread({}, p), idx);
     })
   });
 }

package/lib/core/Controls/FeaturesButtonGroup.d.ts

@@ -11,7 +11,7 @@ interface IProps extends ThemedComponentBaseProps<{
 }> {
     features: IFeatureConfig[];
     disabled?: boolean;
-    editorRef: RefObject<Editor>;
+    editorRef: RefObject<Editor | null>;
     maxVisible?: number;
 }
 export declare function FeaturesButtonGroup(inProps: IProps): import("react/jsx-runtime").JSX.Element | null;

package/lib/core/Controls/FeaturesButtonGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FeaturesButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/core/Controls/FeaturesButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,wBAAwB,EAAW,MAAM,cAAc,CAAC;AAE3F,OAAO,EAAE,KAAK,mBAAmB,EAAO,YAAY,IAAI,eAAe,EAAQ,QAAQ,EAAE,KAAK,KAAK,EAAiB,MAAM,eAAe,CAAC;AAC1I,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAmB,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAGlE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,UAAU,CAAC;AAG/C,UAAU,MACN,SAAQ,wBAAwB,CAAC;IAC7B,IAAI,EAAE,KAAK,CAAC;IACZ,aAAa,EAAE,KAAK,CAAC;IACrB,QAAQ,EAAE,OAAO,QAAQ,CAAC;IAC1B,YAAY,EAAE,OAAO,eAAe,CAAC;CACxC,CAAC;IACF,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,MAAM,kDA4FlD;AAED,MAAM,MAAM,8BAA8B,GAAG,MAAM,GAAG,eAAe,GAAG,UAAU,GAAG,cAAc,CAAC;AAkCpG,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,uBAAuB;QAC7B,gCAAgC,EAAE,8BAA8B,CAAC;KACpE;IAED,UAAU,UAAU;QAChB,gCAAgC,CAAC,EAAE;YAC/B,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,kCAAkC,CAAC,CAAC;SACnF,CAAC;KACL;CACJ"}
+{"version":3,"file":"FeaturesButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/core/Controls/FeaturesButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,wBAAwB,EAAW,MAAM,cAAc,CAAC;AAE3F,OAAO,EAAE,KAAK,mBAAmB,EAAO,YAAY,IAAI,eAAe,EAAQ,QAAQ,EAAE,KAAK,KAAK,EAAiB,MAAM,eAAe,CAAC;AAC1I,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAmB,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAGlE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,UAAU,CAAC;AAG/C,UAAU,MACN,SAAQ,wBAAwB,CAAC;IAC7B,IAAI,EAAE,KAAK,CAAC;IACZ,aAAa,EAAE,KAAK,CAAC;IACrB,QAAQ,EAAE,OAAO,QAAQ,CAAC;IAC1B,YAAY,EAAE,OAAO,eAAe,CAAC;CACxC,CAAC;IACF,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,MAAM,kDA4FlD;AAED,MAAM,MAAM,8BAA8B,GAAG,MAAM,GAAG,eAAe,GAAG,UAAU,GAAG,cAAc,CAAC;AAkCpG,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,uBAAuB;QAC7B,gCAAgC,EAAE,8BAA8B,CAAC;KACpE;IAED,UAAU,UAAU;QAChB,gCAAgC,CAAC,EAAE;YAC/B,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,kCAAkC,CAAC,CAAC;SACnF,CAAC;KACL;CACJ"}

package/lib/core/Controls/FeaturesButtonGroup.js

@@ -1,17 +1,4 @@
-"use strict";
-
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FeaturesButtonGroup = FeaturesButtonGroup;
-var _admin = require("@comet/admin");
-var _adminIcons = require("@comet/admin-icons");
-var _material = require("@mui/material");
-var _react = require("react");
-var _reactIntl = require("react-intl");
-var _ControlButton = require("./ControlButton");
-var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 var _excluded = ["features", "disabled", "editorRef", "maxVisible", "slotProps"],
   _excluded2 = ["name", "onButtonClick", "tooltipText", "disabled"];
@@ -29,8 +16,15 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-function FeaturesButtonGroup(inProps) {
-  var _useThemeProps = (0, _material.useThemeProps)({
+import { createComponentSlot, Tooltip } from "@comet/admin";
+import { MoreHorizontal } from "@comet/admin-icons";
+import { css, ListItemIcon as MuiListItemIcon, Menu, MenuItem, useThemeProps } from "@mui/material";
+import { useState, createElement as _createElement } from "react";
+import { FormattedMessage } from "react-intl";
+import { ControlButton } from "./ControlButton";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export function FeaturesButtonGroup(inProps) {
+  var _useThemeProps = useThemeProps({
       props: inProps,
       name: "CometAdminRteFeaturesButtonGroup"
     }),
@@ -40,7 +34,7 @@ function FeaturesButtonGroup(inProps) {
     maxVisible = _useThemeProps.maxVisible,
     slotProps = _useThemeProps.slotProps,
     restProps = _objectWithoutProperties(_useThemeProps, _excluded);
-  var _useState = (0, _react.useState)(null),
+  var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     anchorEl = _useState2[0],
     setAnchorEl = _useState2[1];
@@ -64,45 +58,45 @@ function FeaturesButtonGroup(inProps) {
   // If maxVisible = 4 and there are five features -> three features and the dropdown (containing two features) are shown
   var visibleFeatures = maxVisible !== undefined && features.length > maxVisible ? features.slice(0, maxVisible - 1) : features;
   var additionalFeatures = maxVisible !== undefined && features.length > maxVisible ? features.slice(maxVisible - 1) : [];
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, _objectSpread(_objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
+  return /*#__PURE__*/_jsxs(Root, _objectSpread(_objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
     children: [visibleFeatures.map(function (_ref) {
       var name = _ref.name,
         onButtonClick = _ref.onButtonClick,
         tooltipText = _ref.tooltipText,
         disabled = _ref.disabled,
         rest = _objectWithoutProperties(_ref, _excluded2);
-      return /*#__PURE__*/(0, _react.createElement)(ButtonWrapper, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.buttonWrapper), {}, {
+      return /*#__PURE__*/_createElement(ButtonWrapper, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.buttonWrapper), {}, {
         key: name
-      }), tooltipText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.Tooltip, {
+      }), tooltipText ? /*#__PURE__*/_jsx(Tooltip, {
         title: tooltipText,
         placement: "top",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ControlButton.ControlButton, _objectSpread({
+        children: /*#__PURE__*/_jsx("span", {
+          children: /*#__PURE__*/_jsx(ControlButton, _objectSpread({
             onButtonClick: onButtonClick,
             disabled: globallyDisabled || disabled
           }, rest))
         })
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ControlButton.ControlButton, _objectSpread({
+      }) : /*#__PURE__*/_jsx(ControlButton, _objectSpread({
         onButtonClick: onButtonClick,
         disabled: globallyDisabled || disabled
       }, rest)));
-    }), additionalFeatures.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonWrapper, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.buttonWrapper), {}, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.Tooltip, {
-          title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+    }), additionalFeatures.length > 0 && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(ButtonWrapper, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.buttonWrapper), {}, {
+        children: /*#__PURE__*/_jsx(Tooltip, {
+          title: /*#__PURE__*/_jsx(FormattedMessage, {
             id: "comet.rte.controls.moreOptionsTooltip",
             defaultMessage: "More options"
           }),
           placement: "top",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ControlButton.ControlButton, {
+          children: /*#__PURE__*/_jsx("span", {
+            children: /*#__PURE__*/_jsx(ControlButton, {
               onButtonClick: handleMoreOptionsClick,
               disabled: globallyDisabled,
-              icon: _adminIcons.MoreHorizontal
+              icon: MoreHorizontal
             })
           })
         })
-      })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Menu, {
+      })), /*#__PURE__*/_jsx(Menu, {
         open: Boolean(anchorEl),
         anchorEl: anchorEl,
         onClose: handleMenuClose,
@@ -113,7 +107,7 @@ function FeaturesButtonGroup(inProps) {
             selected = _ref2.selected,
             label = _ref2.label,
             Icon = _ref2.icon;
-          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ListItem, _objectSpread(_objectSpread({
+          return /*#__PURE__*/_jsxs(ListItem, _objectSpread(_objectSpread({
             onMouseDown: function onMouseDown(event) {
               handleMenuClose();
 
@@ -126,8 +120,8 @@ function FeaturesButtonGroup(inProps) {
             disabled: globallyDisabled || disabled,
             selected: selected
           }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.listItem), {}, {
-            children: [label, Icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItemIcon, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.listItemIcon), {}, {
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {})
+            children: [label, Icon && /*#__PURE__*/_jsx(ListItemIcon, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.listItemIcon), {}, {
+              children: /*#__PURE__*/_jsx(Icon, {})
             }))]
           }), name);
         })
@@ -135,19 +129,19 @@ function FeaturesButtonGroup(inProps) {
     })]
   }));
 }
-var Root = (0, _admin.createComponentSlot)("div")({
+var Root = createComponentSlot("div")({
   componentName: "RteFeaturesButtonGroup",
   slotName: "root"
-})((0, _material.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: inline-flex;\n    justify-content: flex-start;\n"]))));
-var ButtonWrapper = (0, _admin.createComponentSlot)("div")({
+})(css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: inline-flex;\n    justify-content: flex-start;\n"]))));
+var ButtonWrapper = createComponentSlot("div")({
   componentName: "RteFeaturesButtonGroup",
   slotName: "buttonWrapper"
-})((0, _material.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    margin-right: 1px;\n    &:last-child {\n        margin-right: 0;\n    }\n"]))));
-var ListItem = (0, _admin.createComponentSlot)(_material.MenuItem)({
+})(css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    margin-right: 1px;\n    &:last-child {\n        margin-right: 0;\n    }\n"]))));
+var ListItem = createComponentSlot(MenuItem)({
   componentName: "RteFeaturesButtonGroup",
   slotName: "listItem"
-})((0, _material.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    justify-content: space-between;\n"]))));
-var ListItemIcon = (0, _admin.createComponentSlot)(_material.ListItemIcon)({
+})(css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    justify-content: space-between;\n"]))));
+var ListItemIcon = createComponentSlot(MuiListItemIcon)({
   componentName: "RteFeaturesButtonGroup",
   slotName: "listItemIcon"
-})((0, _material.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    justify-content: flex-end;\n"]))));
+})(css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    justify-content: flex-end;\n"]))));

package/lib/core/Controls/HistoryContols.js

@@ -1,20 +1,13 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = HistoryControls;
-var _FeaturesButtonGroup = require("./FeaturesButtonGroup");
-var _useHistory2 = _interopRequireDefault(require("./useHistory"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function HistoryControls(_ref) {
+import { FeaturesButtonGroup } from "./FeaturesButtonGroup";
+import useHistory from "./useHistory";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function HistoryControls(_ref) {
   var editorState = _ref.editorState,
     setEditorState = _ref.setEditorState,
     options = _ref.options,
     disabled = _ref.disabled,
     editorRef = _ref.editorRef;
-  var _useHistory = (0, _useHistory2["default"])({
+  var _useHistory = useHistory({
       editorState: editorState,
       setEditorState: setEditorState,
       supportedThings: options.supports
@@ -23,7 +16,7 @@ function HistoryControls(_ref) {
   if (features.length < 1) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FeaturesButtonGroup.FeaturesButtonGroup, {
+  return /*#__PURE__*/_jsx(FeaturesButtonGroup, {
     features: features,
     disabled: disabled,
     editorRef: editorRef

package/lib/core/Controls/InlineStyleTypeControls.js

@@ -1,14 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = InlineStyleTypeControls;
-var _FeaturesButtonGroup = require("./FeaturesButtonGroup");
-var _useInlineStyleType2 = _interopRequireDefault(require("./useInlineStyleType"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function InlineStyleTypeControls(_ref) {
+import { FeaturesButtonGroup } from "./FeaturesButtonGroup";
+import useInlineStyleType from "./useInlineStyleType";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function InlineStyleTypeControls(_ref) {
   var editorState = _ref.editorState,
     setEditorState = _ref.setEditorState,
     _ref$options = _ref.options,
@@ -16,7 +9,7 @@ function InlineStyleTypeControls(_ref) {
     customInlineStyles = _ref$options.customInlineStyles,
     disabled = _ref.disabled,
     editorRef = _ref.editorRef;
-  var _useInlineStyleType = (0, _useInlineStyleType2["default"])({
+  var _useInlineStyleType = useInlineStyleType({
       editorState: editorState,
       setEditorState: setEditorState,
       supportedThings: supportedThings,
@@ -27,7 +20,7 @@ function InlineStyleTypeControls(_ref) {
   if (!features) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FeaturesButtonGroup.FeaturesButtonGroup, {
+  return /*#__PURE__*/_jsx(FeaturesButtonGroup, {
     features: features,
     disabled: disabled,
     editorRef: editorRef,