@dextinity/admin-rte 2.0.0-canary-20260729062014

package/LICENSE

@@ -0,0 +1,24 @@
+BSD 2-Clause License
+
+Copyright (c) 2023, Vivid Planet Software GmbH
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+1. Redistributions of source code must retain the above copyright notice, this
+   list of conditions and the following disclaimer.
+
+2. Redistributions in binary form must reproduce the above copyright notice,
+   this list of conditions and the following disclaimer in the documentation
+   and/or other materials provided with the distribution.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
+FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
+SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
+CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
+OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

package/lib/core/BlockElement.d.ts

@@ -0,0 +1,29 @@
+import { type ThemedComponentBaseProps } from "@dextinity/admin";
+import { type ComponentsOverrides, type Theme, Typography, type TypographyProps } from "@mui/material";
+import type { ElementType } from "react";
+import type { SupportedThings } from "./Rte";
+type StylableBlockTypes = Extract<SupportedThings, "header-one" | "header-two" | "header-three" | "header-four" | "header-five" | "header-six" | "blockquote" | "unordered-list" | "ordered-list">;
+export type RteBlockElementClassKey = StylableBlockTypes | "root";
+export interface RteBlockElementProps extends ThemedComponentBaseProps<{
+    root: typeof Typography;
+}>, TypographyProps {
+    type?: StylableBlockTypes;
+    component?: ElementType;
+}
+export declare function BlockElement(inProps: RteBlockElementProps): import("react/jsx-runtime").JSX.Element;
+declare module "@mui/material/styles" {
+    interface ComponentNameToClassKey {
+        CometAdminRteBlockElement: RteBlockElementClassKey;
+    }
+    interface ComponentsPropsList {
+        CometAdminRteBlockElement: RteBlockElementProps;
+    }
+    interface Components {
+        CometAdminRteBlockElement?: {
+            defaultProps?: Partial<ComponentsPropsList["CometAdminRteBlockElement"]>;
+            styleOverrides?: ComponentsOverrides<Theme>["CometAdminRteBlockElement"];
+        };
+    }
+}
+export {};
+//# sourceMappingURL=BlockElement.d.ts.map

package/lib/core/BlockElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockElement.d.ts","sourceRoot":"","sources":["../../src/core/BlockElement.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AACtF,OAAO,EAAE,KAAK,mBAAmB,EAAO,KAAK,KAAK,EAAE,UAAU,EAAE,KAAK,eAAe,EAAiB,MAAM,eAAe,CAAC;AAC3H,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAG7C,KAAK,kBAAkB,GAAG,OAAO,CAC7B,eAAe,EACf,YAAY,GAAG,YAAY,GAAG,cAAc,GAAG,aAAa,GAAG,aAAa,GAAG,YAAY,GAAG,YAAY,GAAG,gBAAgB,GAAG,cAAc,CACjJ,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,kBAAkB,GAAG,MAAM,CAAC;AA4FlE,MAAM,WAAW,oBACb,SAAQ,wBAAwB,CAAC;IACzB,IAAI,EAAE,OAAO,UAAU,CAAC;CAC3B,CAAC,EACF,eAAe;IACnB,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,SAAS,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,wBAAgB,YAAY,CAAC,OAAO,EAAE,oBAAoB,2CAMzD;AAED,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,uBAAuB;QAC7B,yBAAyB,EAAE,uBAAuB,CAAC;KACtD;IAED,UAAU,mBAAmB;QACzB,yBAAyB,EAAE,oBAAoB,CAAC;KACnD;IAED,UAAU,UAAU;QAChB,yBAAyB,CAAC,EAAE;YACxB,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,2BAA2B,CAAC,CAAC,CAAC;YACzE,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,2BAA2B,CAAC,CAAC;SAC5E,CAAC;KACL;CACJ"}

package/lib/core/BlockElement.js

@@ -0,0 +1,43 @@
+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); }
+var _excluded = ["type", "slotProps"];
+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; }
+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 _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) } })); }
+import { createComponentSlot } from "@dextinity/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) {
+    return [Boolean(ownerState.type) && ownerState.type];
+  }
+})(function (_ref) {
+  var theme = _ref.theme,
+    ownerState = _ref.ownerState;
+  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]));
+});
+export function BlockElement(inProps) {
+  var _useThemeProps = useThemeProps({
+      props: inProps,
+      name: "CometAdminRteBlockElement"
+    }),
+    type = _useThemeProps.type,
+    slotProps = _useThemeProps.slotProps,
+    restProps = _objectWithoutProperties(_useThemeProps, _excluded);
+  var ownerState = {
+    type: type
+  };
+  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.d.ts

@@ -0,0 +1,16 @@
+import { type ComponentsOverrides, type Theme } from "@mui/material";
+import type { IControlProps } from "../types";
+export type RteBlockTypeControlsClassKey = "root" | "select";
+declare const _default: (p: IControlProps) => import("react/jsx-runtime").JSX.Element | null;
+export default _default;
+declare module "@mui/material/styles" {
+    interface ComponentNameToClassKey {
+        CometAdminRteBlockTypeControls: RteBlockTypeControlsClassKey;
+    }
+    interface Components {
+        CometAdminRteBlockTypeControls?: {
+            styleOverrides?: ComponentsOverrides<Theme>["CometAdminRteBlockTypeControls"];
+        };
+    }
+}
+//# sourceMappingURL=BlockTypesControls.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockTypesControls.d.ts","sourceRoot":"","sources":["../../../src/core/Controls/BlockTypesControls.tsx"],"names":[],"mappings":"AACA,OAAO,EACH,KAAK,mBAAmB,EAOxB,KAAK,KAAK,EAEb,MAAM,eAAe,CAAC;AAGvB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAa9C,MAAM,MAAM,4BAA4B,GAAG,MAAM,GAAG,QAAQ,CAAC;yBAoE7C,GAAG,aAAa;AAAhC,wBASE;AAEF,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,uBAAuB;QAC7B,8BAA8B,EAAE,4BAA4B,CAAC;KAChE;IAED,UAAU,UAAU;QAChB,8BAA8B,CAAC,EAAE;YAC7B,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,gCAAgC,CAAC,CAAC;SACjF,CAAC;KACL;CACJ"}

package/lib/core/Controls/BlockTypesControls.js

@@ -0,0 +1,91 @@
+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); }
+var _excluded = ["disabled", "blockTypes", "slotProps"];
+var _templateObject, _templateObject2;
+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 _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) } })); }
+import { createComponentSlot } from "@dextinity/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"
+})(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 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 = useThemeProps({
+      props: inProps,
+      name: "CometAdminRteBlockTypeControls"
+    }),
+    disabled = _useThemeProps.disabled,
+    blockTypes = _useThemeProps.blockTypes,
+    slotProps = _useThemeProps.slotProps,
+    restProps = _objectWithoutProperties(_useThemeProps, _excluded);
+  var dropdownFeatures = blockTypes.dropdownFeatures,
+    activeDropdownBlockType = blockTypes.activeDropdownBlockType,
+    handleBlockTypeChange = blockTypes.handleBlockTypeChange;
+  var blockTypesListItems = dropdownFeatures.map(function (c) {
+    return {
+      name: c.name,
+      label: c.label
+    };
+  });
+  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,
+      variant: "filled",
+      MenuProps: {
+        elevation: 1
+      },
+      onChange: handleBlockTypeChange,
+      children: blockTypesListItems.map(function (c) {
+        return /*#__PURE__*/_jsx(MenuItem, {
+          value: c.name,
+          dense: true,
+          children: c.label
+        }, c.name);
+      })
+    }))
+  }));
+}
+
+// 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
+export default (function (p) {
+  var editorState = p.editorState,
+    setEditorState = p.setEditorState,
+    editorRef = p.editorRef,
+    options = p.options;
+  var supportedThings = options.supports,
+    blocktypeMap = options.blocktypeMap,
+    standardBlockType = options.standardBlockType;
+  var blockTypes = useBlockTypes({
+    editorState: editorState,
+    setEditorState: setEditorState,
+    supportedThings: supportedThings,
+    blocktypeMap: blocktypeMap,
+    editorRef: editorRef,
+    standardBlockType: standardBlockType
+  });
+  if (!blockTypes.dropdownFeatures.length) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(StyledBlockTypesControls, _objectSpread(_objectSpread({}, p), {}, {
+    blockTypes: blockTypes
+  }));
+});

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

@@ -0,0 +1,28 @@
+import { type ThemedComponentBaseProps } from "@dextinity/admin";
+import type { ComponentsOverrides } from "@mui/material";
+import { type Theme } from "@mui/material/styles";
+import type { SvgIconProps } from "@mui/material/SvgIcon";
+import type { ForwardRefExoticComponent, MouseEvent, PropsWithChildren, RefAttributes } from "react";
+export type RteControlButtonClassKey = "root" | "selected" | "renderAsIcon";
+export interface IProps extends ThemedComponentBaseProps<{
+    root: "button";
+}> {
+    disabled?: boolean;
+    selected?: boolean;
+    onButtonClick?: (e: MouseEvent) => void;
+    icon?: ForwardRefExoticComponent<Omit<SvgIconProps, "ref"> & RefAttributes<SVGSVGElement>>;
+    /** @deprecated use icon instead */
+    Icon?: ForwardRefExoticComponent<Omit<SvgIconProps, "ref"> & RefAttributes<SVGSVGElement>>;
+}
+export declare function ControlButton(inProps: PropsWithChildren<IProps>): import("react/jsx-runtime").JSX.Element;
+declare module "@mui/material/styles" {
+    interface ComponentNameToClassKey {
+        CometAdminRteControlButton: RteControlButtonClassKey;
+    }
+    interface Components {
+        CometAdminRteControlButton?: {
+            styleOverrides?: ComponentsOverrides<Theme>["CometAdminRteControlButton"];
+        };
+    }
+}
+//# sourceMappingURL=ControlButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ControlButton.d.ts","sourceRoot":"","sources":["../../../src/core/Controls/ControlButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AACtF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAO,KAAK,KAAK,EAAiB,MAAM,sBAAsB,CAAC;AACtE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,yBAAyB,EAAE,UAAU,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAIrG,MAAM,MAAM,wBAAwB,GAAG,MAAM,GAAG,UAAU,GAAG,cAAc,CAAC;AA4D5E,MAAM,WAAW,MACb,SAAQ,wBAAwB,CAAC;IAC7B,IAAI,EAAE,QAAQ,CAAC;CAClB,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;IAE3F,mCAAmC;IACnC,IAAI,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;CAC9F;AAED,wBAAgB,aAAa,CAAC,OAAO,EAAE,iBAAiB,CAAC,MAAM,CAAC,2CAyB/D;AAED,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,uBAAuB;QAC7B,0BAA0B,EAAE,wBAAwB,CAAC;KACxD;IAED,UAAU,UAAU;QAChB,0BAA0B,CAAC,EAAE;YACzB,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,4BAA4B,CAAC,CAAC;SAC7E,CAAC;KACL;CACJ"}

package/lib/core/Controls/ControlButton.js

@@ -0,0 +1,62 @@
+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); }
+var _excluded = ["disabled", "selected", "onButtonClick", "icon", "children", "Icon", "slotProps"];
+var _templateObject, _templateObject2, _templateObject3;
+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 _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) } })); }
+import { createComponentSlot } from "@dextinity/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) {
+    return [ownerState.selected && "selected", Boolean(ownerState.Icon) && "renderAsIcon"];
+  }
+})(function (_ref) {
+  var _theme$components, _rteTheme$colors, _rteTheme$colors2, _rteTheme$colors3, _rteTheme$colors4, _rteTheme$colors5;
+  var ownerState = _ref.ownerState,
+    theme = _ref.theme;
+  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        "]))));
+});
+export function ControlButton(inProps) {
+  var _useThemeProps = useThemeProps({
+      props: inProps,
+      name: "CometAdminRteControlButton"
+    }),
+    _useThemeProps$disabl = _useThemeProps.disabled,
+    disabled = _useThemeProps$disabl === void 0 ? false : _useThemeProps$disabl,
+    _useThemeProps$select = _useThemeProps.selected,
+    selected = _useThemeProps$select === void 0 ? false : _useThemeProps$select,
+    onButtonClick = _useThemeProps.onButtonClick,
+    icon = _useThemeProps.icon,
+    children = _useThemeProps.children,
+    deprecatedIcon = _useThemeProps.Icon,
+    slotProps = _useThemeProps.slotProps,
+    restProps = _objectWithoutProperties(_useThemeProps, _excluded);
+  var Icon = icon || deprecatedIcon;
+  var ownerState = {
+    selected: selected,
+    Icon: Icon
+  };
+  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__*/_jsx(Icon, {
+      sx: {
+        fontSize: 15
+      },
+      color: "inherit"
+    }), children]
+  }));
+}

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

@@ -0,0 +1,3 @@
+import type { IControlProps } from "../types";
+export default function Controls(p: IControlProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Controls.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Controls.d.ts","sourceRoot":"","sources":["../../../src/core/Controls/Controls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAY9C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,CAAC,EAAE,aAAa,2CAoBhD"}

package/lib/core/Controls/Controls.js

@@ -0,0 +1,30 @@
+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 _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+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; }
+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__*/_jsx(Toolbar, _objectSpread(_objectSpread({}, p), {}, {
+    children: [HistoryControls, BlockTypesControls, TranslationControls, InlineStyleTypeControls, ListsControls, ListsIndentControls, LinkControls, SpecialCharactersControls].concat(_toConsumableArray(hasCustomButtons ? [CustomControls] : []))
+  }));
+}

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

@@ -0,0 +1,3 @@
+import type { IControlProps } from "../types";
+export default function BlockTypesControls(p: IControlProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=CustomControls.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomControls.d.ts","sourceRoot":"","sources":["../../../src/core/Controls/CustomControls.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,CAAC,EAAE,aAAa,kDAiB1D"}

package/lib/core/Controls/CustomControls.js

@@ -0,0 +1,20 @@
+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); }
+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__*/_jsx(ButtonGroup, {
+    children: customToolbarButtons.map(function (comp, idx) {
+      var Comp = comp;
+      return /*#__PURE__*/_jsx(Comp, _objectSpread({}, p), idx);
+    })
+  });
+}

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

@@ -0,0 +1,30 @@
+import { type ThemedComponentBaseProps } from "@dextinity/admin";
+import { type ComponentsOverrides, ListItemIcon as MuiListItemIcon, MenuItem, type Theme } from "@mui/material";
+import type { Editor } from "draft-js";
+import { type RefObject } from "react";
+import type { IFeatureConfig } from "../types";
+interface IProps extends ThemedComponentBaseProps<{
+    root: "div";
+    buttonWrapper: "div";
+    listItem: typeof MenuItem;
+    listItemIcon: typeof MuiListItemIcon;
+}> {
+    features: IFeatureConfig[];
+    disabled?: boolean;
+    editorRef: RefObject<Editor | null>;
+    maxVisible?: number;
+}
+export declare function FeaturesButtonGroup(inProps: IProps): import("react/jsx-runtime").JSX.Element | null;
+export type RteFeaturesButtonGroupClassKey = "root" | "buttonWrapper" | "listItem" | "listItemIcon";
+declare module "@mui/material/styles" {
+    interface ComponentNameToClassKey {
+        CometAdminRteFeaturesButtonGroup: RteFeaturesButtonGroupClassKey;
+    }
+    interface Components {
+        CometAdminRteFeaturesButtonGroup?: {
+            styleOverrides?: ComponentsOverrides<Theme>["CometAdminRteFeaturesButtonGroup"];
+        };
+    }
+}
+export {};
+//# sourceMappingURL=FeaturesButtonGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeaturesButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/core/Controls/FeaturesButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,wBAAwB,EAAW,MAAM,kBAAkB,CAAC;AAE/F,OAAO,EAAE,KAAK,mBAAmB,EAAO,YAAY,IAAI,eAAe,EAAQ,QAAQ,EAAE,KAAK,KAAK,EAAiB,MAAM,eAAe,CAAC;AAC1I,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAmB,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAGlE,OAAO,KAAK,EAAE,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

@@ -0,0 +1,147 @@
+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); }
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _excluded = ["features", "disabled", "editorRef", "maxVisible", "slotProps"],
+  _excluded2 = ["name", "onButtonClick", "tooltipText", "disabled"];
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+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; }
+import { createComponentSlot, Tooltip } from "@dextinity/admin";
+import { MoreHorizontal } from "@dextinity/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"
+    }),
+    features = _useThemeProps.features,
+    globallyDisabled = _useThemeProps.disabled,
+    editorRef = _useThemeProps.editorRef,
+    maxVisible = _useThemeProps.maxVisible,
+    slotProps = _useThemeProps.slotProps,
+    restProps = _objectWithoutProperties(_useThemeProps, _excluded);
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    anchorEl = _useState2[0],
+    setAnchorEl = _useState2[1];
+  var handleMoreOptionsClick = function handleMoreOptionsClick(event) {
+    setAnchorEl(event.currentTarget);
+  };
+  var handleMenuClose = function handleMenuClose() {
+    setAnchorEl(null);
+    setTimeout(function () {
+      if (editorRef.current) {
+        editorRef.current.focus();
+      }
+    }, 0);
+  };
+  if (!features.length) {
+    return null;
+  }
+
+  // Ensures that the dropdown never contains only one feature and that maximum {maxVisible} buttons are shown
+  // If maxVisible = 4 and there are four features -> all four features (and no dropdown) are shown
+  // 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__*/_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__*/_createElement(ButtonWrapper, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.buttonWrapper), {}, {
+        key: name
+      }), tooltipText ? /*#__PURE__*/_jsx(Tooltip, {
+        title: tooltipText,
+        placement: "top",
+        children: /*#__PURE__*/_jsx("span", {
+          children: /*#__PURE__*/_jsx(ControlButton, _objectSpread({
+            onButtonClick: onButtonClick,
+            disabled: globallyDisabled || disabled
+          }, rest))
+        })
+      }) : /*#__PURE__*/_jsx(ControlButton, _objectSpread({
+        onButtonClick: onButtonClick,
+        disabled: globallyDisabled || disabled
+      }, rest)));
+    }), 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__*/_jsx("span", {
+            children: /*#__PURE__*/_jsx(ControlButton, {
+              onButtonClick: handleMoreOptionsClick,
+              disabled: globallyDisabled,
+              icon: MoreHorizontal
+            })
+          })
+        })
+      })), /*#__PURE__*/_jsx(Menu, {
+        open: Boolean(anchorEl),
+        anchorEl: anchorEl,
+        onClose: handleMenuClose,
+        children: additionalFeatures.map(function (_ref2) {
+          var name = _ref2.name,
+            onButtonClick = _ref2.onButtonClick,
+            disabled = _ref2.disabled,
+            selected = _ref2.selected,
+            label = _ref2.label,
+            Icon = _ref2.icon;
+          return /*#__PURE__*/_jsxs(ListItem, _objectSpread(_objectSpread({
+            onMouseDown: function onMouseDown(event) {
+              handleMenuClose();
+
+              // See https://reactjs.org/docs/legacy-event-pooling.html for more information.
+              event.persist();
+              setTimeout(function () {
+                onButtonClick === null || onButtonClick === void 0 || onButtonClick(event);
+              }, 0);
+            },
+            disabled: globallyDisabled || disabled,
+            selected: selected
+          }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.listItem), {}, {
+            children: [label, Icon && /*#__PURE__*/_jsx(ListItemIcon, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.listItemIcon), {}, {
+              children: /*#__PURE__*/_jsx(Icon, {})
+            }))]
+          }), name);
+        })
+      })]
+    })]
+  }));
+}
+var Root = createComponentSlot("div")({
+  componentName: "RteFeaturesButtonGroup",
+  slotName: "root"
+})(css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: inline-flex;\n    justify-content: flex-start;\n"]))));
+var ButtonWrapper = createComponentSlot("div")({
+  componentName: "RteFeaturesButtonGroup",
+  slotName: "buttonWrapper"
+})(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"
+})(css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    justify-content: space-between;\n"]))));
+var ListItemIcon = createComponentSlot(MuiListItemIcon)({
+  componentName: "RteFeaturesButtonGroup",
+  slotName: "listItemIcon"
+})(css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    justify-content: flex-end;\n"]))));

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

@@ -0,0 +1,3 @@
+import type { IControlProps } from "../types";
+export default function HistoryControls({ editorState, setEditorState, options, disabled, editorRef }: IControlProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=HistoryContols.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HistoryContols.d.ts","sourceRoot":"","sources":["../../../src/core/Controls/HistoryContols.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAI9C,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,WAAW,EAAE,cAAc,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,aAAa,kDAMnH"}

package/lib/core/Controls/HistoryContols.js

@@ -0,0 +1,24 @@
+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 = useHistory({
+      editorState: editorState,
+      setEditorState: setEditorState,
+      supportedThings: options.supports
+    }),
+    features = _useHistory.features;
+  if (features.length < 1) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(FeaturesButtonGroup, {
+    features: features,
+    disabled: disabled,
+    editorRef: editorRef
+  });
+}