@atlaskit/editor-plugin-text-color
Version:
Text color plugin for @atlaskit/editor-core
30 lines • 1.37 kB
JavaScript
/* TextMenuSection.tsx generated by @compiled/babel-plugin v0.39.1 */
import "./TextMenuSection.compiled.css";
import { ax, ix } from "@compiled/react/runtime";
import React from 'react';
import { TEXT_COLLAPSED_MENU } from '@atlaskit/editor-common/toolbar';
import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
import { fg } from '@atlaskit/platform-feature-flags';
import { Box } from '@atlaskit/primitives/compiled';
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
const styles = {
menuOld: "_1rjcv77o _18zru2gc",
menu: "_zulpu2gc _1rjc12x7 _18zrutpp _1e0c1txw _2lx21bp4"
};
export const TextMenuSection = ({
children,
parents
}) => {
const hasSeparator = parents.some(parent => parent.key === TEXT_COLLAPSED_MENU.key);
const onMouseDown = event => {
if (expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && fg('platform_editor_lovability_text_bg_color_patch_1')) {
event.stopPropagation();
}
};
return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
hasSeparator: hasSeparator
}, /*#__PURE__*/React.createElement(Box, {
xcss: expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && fg('platform_editor_lovability_text_bg_color_patch_1') ? styles.menu : styles.menuOld,
onMouseDown: onMouseDown
}, children));
};