mui-tiptap
Version:
A Material-UI (MUI) styled WYSIWYG rich text editor, using Tiptap
48 lines (47 loc) • 2.41 kB
JavaScript
;
var __rest = (this && this.__rest) || function (s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
t[p[i]] = s[p[i]];
}
return t;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = MenuControlsContainer;
const jsx_runtime_1 = require("react/jsx-runtime");
const Box_1 = __importDefault(require("@mui/material/Box"));
const styles_1 = require("@mui/material/styles");
const clsx_1 = require("clsx");
const styles_2 = require("../styles");
const DebounceRender_1 = __importDefault(require("../utils/DebounceRender"));
const MenuControlsContainer_classes_1 = require("./MenuControlsContainer.classes");
const componentName = (0, styles_2.getUtilityComponentName)("MenuControlsContainer");
const MenuControlsContainerRoot = (0, styles_1.styled)(Box_1.default, {
name: componentName,
slot: "root",
overridesResolver: (props, styles) => styles.root,
})(({ theme }) => ({
display: "flex",
rowGap: theme.spacing(0.3),
columnGap: theme.spacing(0.3),
alignItems: "center",
flexWrap: "wrap",
}));
/** Provides consistent spacing between different editor controls components. */
function MenuControlsContainer(inProps) {
const props = (0, styles_1.useThemeProps)({ props: inProps, name: componentName });
const { children, className, classes = {}, sx, debounced, DebounceProps } = props, boxProps = __rest(props, ["children", "className", "classes", "sx", "debounced", "DebounceProps"]);
const content = ((0, jsx_runtime_1.jsx)(MenuControlsContainerRoot, Object.assign({}, boxProps, { className: (0, clsx_1.clsx)([
MenuControlsContainer_classes_1.menuControlsContainerClasses.root,
className,
classes.root,
]), sx: sx, children: children })));
return debounced ? ((0, jsx_runtime_1.jsx)(DebounceRender_1.default, Object.assign({}, DebounceProps, { children: content }))) : (content);
}