= ({ width, rgb, hex, hsv, hsl, onChange, onSwatchHover,\n disableAlpha, presetColors, renderers, styles: passedStyles = {}, className = \"\", lastUsedColors, displayEventLastUsedColors }) => {\n\n const sortedLastUsedColors = [...lastUsedColors].sort((a, b) => {\n return getLumaFromColor(b) - getLumaFromColor(a);\n });\n\n const styles = reactCSS(merge({\n \"default\": {\n picker: {\n width,\n padding: \"10px 10px 0\",\n boxSizing: \"initial\",\n background: \"#fff\",\n borderRadius: \"4px\",\n boxShadow: \"0 0 0 1px rgba(0,0,0,.15), 0 8px 16px rgba(0,0,0,.15)\",\n },\n saturation: {\n width: \"100%\",\n paddingBottom: \"75%\",\n position: \"relative\",\n overflow: \"hidden\",\n },\n Saturation: {\n radius: \"3px\",\n shadow: \"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)\",\n },\n controls: {\n display: \"flex\",\n },\n sliders: {\n padding: \"4px 0\",\n flex: \"1\",\n },\n color: {\n width: \"24px\",\n height: \"24px\",\n position: \"relative\",\n marginTop: \"4px\",\n marginLeft: \"4px\",\n borderRadius: \"3px\",\n },\n activeColor: {\n absolute: \"0px 0px 0px 0px\",\n borderRadius: \"2px\",\n background: `rgba(${ rgb.r },${ rgb.g },${ rgb.b },${ rgb.a })`,\n boxShadow: \"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)\",\n },\n hue: {\n position: \"relative\",\n height: \"10px\",\n overflow: \"hidden\",\n },\n Hue: {\n radius: \"2px\",\n shadow: \"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)\",\n },\n\n alpha: {\n position: \"relative\",\n height: \"10px\",\n marginTop: \"4px\",\n overflow: \"hidden\",\n },\n Alpha: {\n radius: \"2px\",\n shadow: \"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)\",\n },\n ...passedStyles,\n },\n \"disableAlpha\": {\n color: {\n height: \"10px\",\n },\n hue: {\n height: \"10px\",\n },\n alpha: {\n display: \"none\",\n },\n },\n }, passedStyles), { disableAlpha });\n\n return (\n \n
\n \n
\n
\n\n
\n
{I18n.t(\"react.color_picker.palette\")}\n
\n {displayEventLastUsedColors && (\n <>\n
{I18n.t(\"react.color_picker.recent_colors\")}\n
\n \n )}\n
\n \n
\n ) : \"\";\n }\n\n renderCreateBar() {\n const { hasCreate, onCreate, searchValue } = this.props;\n if (!hasCreate || !onCreate || !searchValue || searchValue.length === 0) return null;\n\n return ;\n }\n\n renderClearOrSelectButton() {\n const { hasSelectAll, searchValue, selectedItemIds } = this.props;\n if (searchValue && searchValue.length > 0) {\n return null;\n }\n return hasSelectAll ? (\n (selectedItemIds.length == 0) ? (\n \n
\n
\n
\n {I18n.t(\"react.reports.select_all\")}\n
\n
\n
\n
\n
\n
\n {I18n.t(\"react.reports.clear\")}\n
\n
\n
this.toggleFolder(folder._id)}>\n
\n \n \n \n {folder.name}\n \n
\n
{I18n.t(\"react.filter.no_item\")}
;\n }\n }\n\n toggleFolder(folderId) {\n this.setState(prevState => ({\n openedFolders: {\n ...prevState.openedFolders,\n [folderId]: !prevState.openedFolders[folderId]\n }\n }));\n }\n\n listItems(sortedItems, isUnderFolder = false) {\n const { multipleSelect, itemIdKey, itemNameKey, itemColorKey, itemIconKey, searchValue,\n selectedItemIds, intermediateItemIds, baseKey, actionButtons, additionalInfo, roundUpTheTopOfFirstOption } = this.props;\n const colorKey = itemColorKey;\n const folderContentIndentation = isUnderFolder ? { paddingLeft: \"50px\" } : {};\n\n return compact(sortedItems.map((item, index) => {\n let beforeName = \"\";\n let afterName = \"\";\n let selected = false;\n let buttonsAction = null;\n if (searchValue && searchValue.length > 0 && !includes(item[itemNameKey].toLowerCase(), searchValue.toLowerCase())) {\n return null;\n }\n let fontColor = \"\";\n const labelColor = item[colorKey] || DEFAULT_ITEM_COLOR;\n let backgroundColorStyle = {};\n if (includes(selectedItemIds, item[itemIdKey])) {\n beforeName = ;\n selected = true;\n buttonsAction = actionButtons && actionButtons(item);\n } else if (includes(intermediateItemIds, item[itemIdKey])) {\n beforeName = ();\n selected = true;\n }\n if (selected) {\n afterName = multipleSelect ? : \"\";\n fontColor = UI_COLORS.brand700;\n backgroundColorStyle = { backgroundColor: UI_COLORS.brand50 };\n }\n\n let color = \"\";\n if (labelColor != DEFAULT_ITEM_COLOR) {\n color = ;\n }\n\n let icon = \"\";\n if (item[itemIconKey]) {\n icon = ;\n }\n if (index === 0 && roundUpTheTopOfFirstOption) {\n backgroundColorStyle = { ...backgroundColorStyle, borderTopLeftRadius: \"5px\", borderTopRightRadius: \"5px\", borderTopWidth: \"0px\" };\n }\n\n return (\n \n
\n
\n {beforeName} \n
\n
\n \n {color} {icon} {item[itemNameKey]} {additionalInfo && additionalInfo(item)}\n \n
\n\n {multipleSelect &&
{afterName}}\n\n {buttonsAction}\n
\n
\n {this.renderSearchBar()}\n {this.renderCreateBar()}\n
\n { this.renderClearOrSelectButton() }\n { this.renderOptions() }\n
\n
\n \n
\n \n \n );\n }\n\n _itemCellsGroup(itemIds) {\n if (itemIds.length === 0) return null;\n\n const itemCells = itemIds.map(id => {\n return this._itemCell(id);\n });\n return (\n \n );\n }\n\n _onInputChange(e) {\n this.setState({ searchValue: e.target.value });\n }\n\n _sortItems() {\n const { selectedItemIds } = this.state;\n const { items, sortItems, selectedFirst, itemIdKey, itemNameKey } = this.props;\n const idKey = itemIdKey || \"id\";\n\n if (sortItems || selectedFirst) {\n items.sort((a, b) => {\n if (selectedFirst) {\n if (includes(selectedItemIds, a[idKey]) && !includes(selectedItemIds, b[idKey])) {\n return -1;\n } else if (!includes(selectedItemIds, a[idKey]) && includes(selectedItemIds, b[idKey])) {\n return 1;\n }\n }\n if (sortItems) {\n return (a[itemNameKey].toLowerCase() < b[itemNameKey].toLowerCase() ? -1 : 1);\n }\n return 0;\n });\n }\n }\n\n onUpdateState(stateValue) {\n const { onChange, liveChange } = this.props;\n if (liveChange && onChange) onChange(stateValue.selectedItemIds);\n this.setState(stateValue);\n }\n\n _renderOptions() {\n const { searchValue, selectedItemIds, intermediateItemIds, filterMaxHeight } = this.state;\n const { translationKey } = this.props;\n\n return (\n \n \n
\n
\n { I18n.t(`react.reports.${translationKey}.filter_popover_title`) }\n
\n
\n \n
\n
\n
\n
\n
\n {title || I18n.t(`react.reports.${translationKey}.filter_title`)} { badgeNbItems } \n
\n
\n \n {popoverToggle}\n \n {cellsGroup}\n
\n );\n }\n}\n\nexport default FilterDropdown;\n\nFilterDropdown.propTypes = {\n showBadgeNbItems: PropTypes.bool,\n disabled: PropTypes.bool,\n sortItems: PropTypes.bool.isRequired,\n selectedFirst: PropTypes.bool.isRequired,\n multipleSelect: PropTypes.bool.isRequired,\n hasSearch: PropTypes.bool.isRequired,\n hasSelectAll: PropTypes.bool.isRequired,\n showCells: PropTypes.bool.isRequired,\n nbItemsDisplay: PropTypes.bool.isRequired,\n selectedItemIds: PropTypes.arrayOf(PropTypes.string).isRequired,\n intermediateItemIds: PropTypes.arrayOf(PropTypes.string),\n items: PropTypes.arrayOf(PropTypes.object).isRequired,\n onClick: PropTypes.func,\n onChange: PropTypes.func.isRequired,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n liveChange: PropTypes.bool,\n itemIdKey: PropTypes.string,\n itemNameKey: PropTypes.string\n};\n\nFilterDropdown.defaultProps = {\n showBadgeNbItems: false,\n disabled: false,\n sortItems: true,\n showCells: true,\n nbItemsDisplay: false,\n selectedFirst: true,\n multipleSelect: true,\n hasSearch: true,\n hasSelectAll: true,\n selectedItemIds: [],\n intermediateItemIds: [],\n items: [],\n itemNameKey: \"name\",\n onClick: null,\n onChange: () => {},\n title: undefined,\n allowUnselect: false,\n onFocus: () => {},\n onBlur: () => {},\n liveChange: false,\n filterMinHeight: 120, // minimum decent height for filter panel\n filterMaxHeight: null // maximum height for filter panel depending on overflow with browser window\n};\n","import { Component } from \"react\";\n\nclass DropField extends Component {\n render() {\n const { children, className } = this.props;\n\n return (\n \n {children}\n \n );\n }\n}\n\nexport default DropField;","import { Component } from \"react\";\nimport classNames from \"classnames\";\nimport { ButtonGroup } from \"react-bootstrap\";\nimport StyleButton from \"./StyleButton.react\";\n\nclass EntityControls extends Component {\n render() {\n const { entityControls, editorState, additionalClasses, svgClasses } = this.props;\n const currentStyle = editorState.getCurrentInlineStyle();\n const btnGroupClasses = classNames({\n \"RichEditor-controls\": true,\n [additionalClasses]: true\n });\n\n return (\n \n {entityControls.map(type =>\n \n )}\n \n );\n }\n}\n\nexport default EntityControls;","import { Component } from \"react\";\nimport { Dropdown } from \"react-bootstrap\";\n\nclass FontSizeSelect extends Component {\n constructor() {\n super();\n [\"onSelectHandler\"].forEach (item => {\n this[item] = this[item].bind(this);\n });\n }\n\n onSelectHandler(value) {\n return () => {\n this.props.onSelect(value);\n };\n }\n\n renderOptions() {\n const { selectedValue } = this.props;\n return this.props.values.map(value => {\n return {value};\n });\n }\n\n render() {\n const { additionalClasses, svgClasses, selectedValue } = this.props;\n\n return (\n \n \n {selectedValue}\n \n \n \n { this.renderOptions() }\n \n \n );\n }\n}\n\nexport default FontSizeSelect;\n","import { Component } from \"react\";\nimport { Entity } from \"draft-js\";\n\nclass Link extends Component {\n render() {\n const { href } = Entity.get(this.props.entityKey).getData();\n return (\n \n {this.props.children}\n \n );\n }\n}\n\nexport default Link;","import { Component } from \"react\";\nimport { Button } from \"react-bootstrap\";\n\nclass StyleButton extends Component {\n constructor() {\n super();\n this.onToggle = (e) => {\n e.preventDefault();\n this.props.onToggle(this.props.style);\n };\n }\n\n render() {\n const { icon, label, active, svgClasses } = this.props;\n const iconNode = icon ? () : label;\n\n return (\n \n );\n }\n}\n\nexport default StyleButton;\n","import { UI_COLORS } from \"../../constants/Constants.js\";\n\ninterface Props {\n children: JSX.Element;\n}\n\nconst WhiteText: React.FC = (props) => {\n\n return (\n {props.children}\n );\n};\n\nexport default WhiteText;\n","import { Component } from \"react\";\nimport {\n ContentState,\n convertFromRaw,\n convertToRaw,\n EditorState,\n Entity,\n Modifier,\n RichUtils\n} from \"draft-js\";\nimport DraftPasteProcessor from \"draft-js/lib/DraftPasteProcessor\";\nimport findEntities from \"../../utils/rich_text_editor/findEntities\";\nimport DropField from \"../rich_text_editor/DropField.react\";\nimport Link from \"../rich_text_editor/Link\";\nimport FontSizeSelect from \"../rich_text_editor/FontSizeSelect.react\";\nimport EntityControls from \"../rich_text_editor/EntityControls.react\";\nimport ColorPicker from \"../../components/ColorPicker.react\";\nimport FilterDropdown from \"../FilterDropdown.react\";\nimport { Button, ButtonGroup } from \"react-bootstrap\";\n\nimport { stateToHTML } from \"draft-js-export-html\"; //https://github.com/sstur/draft-js-utils/tree/master/packages/draft-js-export-html\nimport Editor from \"@draft-js-plugins/editor\"; //https://www.draft-js-plugins.com/\nimport createStaticToolbarPlugin from \"@draft-js-plugins/static-toolbar\";\nimport buttonStyles from \"../../components/rich_text_editor/buttonsStyles.module.css\";\nimport toolbarStyles from \"../../components/rich_text_editor/toolbarStyles.module.css\";\nimport createTextAlignmentPlugin from \"../../utils/rich_text_editor/justify/textAlignmentPlugin/index\";\nimport {\n ItalicButton,\n BoldButton,\n UnderlineButton,\n CodeButton,\n HeadlineOneButton,\n HeadlineTwoButton,\n HeadlineThreeButton,\n UnorderedListButton,\n OrderedListButton,\n BlockquoteButton,\n} from \"@draft-js-plugins/buttons\";\nimport StyleButton from \"../rich_text_editor/StyleButton.react\";\nimport { getSelectionCustomInlineStyle, getStyleAtOffset } from \"../../utils/rich_text_editor/draftjs-utils/inline\";\nimport { getLumaFromColor } from \"../../utils/rich_text_editor/draftjs-utils/common\";\nimport WhiteText from \"../../components/rich_text_editor/WhiteText.react\";\nimport { UI_COLORS } from \"../../constants/Constants\";\nimport { getColorAtOffsetOrDefault } from \"../../utils/rich_text_editor/draftjs-utils/inline\";\nimport TextGeneratorButton from \"../../text_generator/TextGeneratorButton.react\";\nimport reduce from \"lodash/reduce\";\n\n// Custom styles displayed\nconst styleMap = {\n CODE: {\n backgroundColor: \"rgba(0, 0, 0, 0.05)\",\n fontFamily: \"'Inconsolata', 'Menlo', 'Consolas', 'monospace'\",\n padding: 2\n }\n};\n\nconst fontColorDynamicStyle = {\n prefix: \"fontColor\",\n cssTag: \"color\",\n jsxCssTag: \"color\"\n};\n\nconst fontSizeDynamicStyle = {\n prefix: \"fontSize\",\n cssTag: \"font-size\",\n jsxCssTag: \"fontSize\"\n};\n\nconst RTE_FONT_SIZES = [8, 9, 10, 11, 12, 14, 16, 18, 24, 30, 36, 48, 60, 72, 96];\n\nconst dynamicStyles = [fontColorDynamicStyle, fontSizeDynamicStyle];\n\nconst DROP_FIELD_REGEX = /<<([\\w. _]+)>>/g;\nexport const DEFAULT_FONT_COLOR = UI_COLORS.grey700;\n\n\nconst customDecorators = [\n {\n strategy: guestFieldTagStrategy,\n component: DropField\n },\n {\n strategy: findEntities.bind(null, \"LINK\"),\n component: Link\n },\n {\n strategy: whiteCharacterStrategy,\n component: WhiteText\n }\n];\n\nfunction findWithRegex(regex, contentBlock, callback) {\n const text = contentBlock.getText();\n let matchArr, start;\n while ((matchArr = regex.exec(text)) !== null) {\n start = matchArr.index;\n callback(start, start + matchArr[0].length);\n }\n}\n\nfunction guestFieldTagStrategy(contentBlock, callback) {\n findWithRegex(DROP_FIELD_REGEX, contentBlock, callback);\n}\n\nfunction whiteCharacterStrategy(contentBlock, callback) {\n const characterList = contentBlock.getCharacterList();\n characterList.forEach((char, offset) => {\n const colorStyleAtOffset = getStyleAtOffset(contentBlock, \"fontColor\", offset);\n if (colorStyleAtOffset === undefined) { return; }\n\n const colorAtOffset = colorStyleAtOffset.replace(\"fontColor\", \"\");\n const luma = getLumaFromColor(colorAtOffset);\n if (luma > 150) { callback(offset, offset + 1); }\n });\n}\n\nclass RichTextEditor extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n editorState: null,\n styleMap,\n dynamicStyleMap: {}\n };\n\n this.toggleInlineStyle = (style) => this._toggleInlineStyle(style);\n this.dynamicInlineTagMap = {};\n this.getBlockStyle = (block) => this._getBlockStyle(block);\n this.onChange = this.onChange.bind(this);\n this.addLink = this._addLink.bind(this);\n this.removeLink = this._removeLink.bind(this);\n this.sendHtmlToParent = this.sendHtmlToParent.bind(this);\n this.setFonSizeStyle = this.setFonSizeStyle.bind(this);\n this.setColorStyle = this.setColorStyle.bind(this);\n this.injectDynamicExclusiveInlineStyle = this.injectDynamicExclusiveInlineStyle.bind(this);\n this.registerDynamicStyle = this.registerDynamicStyle.bind(this);\n this.addDropField = this._addDropField.bind(this);\n this.updateWithProps = this.updateWithProps.bind(this);\n this.clearInlineStyles = this.clearInlineStyles.bind(this);\n this.setDomEditorRef = ref => this.domEditor = ref;\n this.handleKeyCommand = (command) => this._handleKeyCommand(command);\n this.onTextInjection = this.onTextInjection.bind(this);\n this.renderAiAssistantButton = this.renderAiAssistantButton.bind(this);\n this.ENTITY_CONTROLS = [\n { label: \"Add Link\", action: this.addLink, icon: \"fa-regular fa-link\" },\n { label: \"Remove Link\", action: this.removeLink, icon: \"fa-regular fa-chain-broken\" }\n ];\n\n const textAlignmentPlugin = createTextAlignmentPlugin();\n const staticToolbarPlugin = createStaticToolbarPlugin({\n theme: { buttonStyles, toolbarStyles }, //toolbarStyles.module.css is empty but needed for theme initialization.\n });\n this.PluginComponents = {\n Toolbar: staticToolbarPlugin.Toolbar,\n textAlignmentPlugin: textAlignmentPlugin\n\n };\n this.plugins = [staticToolbarPlugin, textAlignmentPlugin];\n }\n\n _toggleInlineStyle(inlineStyle) {\n this.onChange(\n RichUtils.toggleInlineStyle(\n this.state.editorState,\n inlineStyle\n )\n );\n }\n\n updateWithProps(props) {\n if (this.state.editorState) return;\n const { processHTML } = DraftPasteProcessor;\n const { content, draftjsContent } = props;\n let editorState = EditorState.createEmpty();\n let contentState = null;\n if (draftjsContent && Object.keys(draftjsContent).length > 0) {\n contentState = convertFromRaw(draftjsContent);\n } else {\n let htmlToProcess = content || \"\";\n htmlToProcess = htmlToProcess.replace(DROP_FIELD_REGEX, \"<<$1>>\");\n // Upgrading DraftJs from 0.10.1 to 0.11.7 doesn't allow to do contentState.hasText() in the below render() function.\n //if contentState is created from empty BlockArray\n // ContentState has to be creating from empty text now\n const processedHtml = processHTML(htmlToProcess);\n contentState = processedHtml.contentBlocks.length === 0 ? ContentState.createFromText(\"\") : ContentState.createFromBlockArray(processedHtml);\n }\n if (contentState) {\n editorState = EditorState.push(editorState, contentState);\n this.setState({ editorState });\n //build dynamic inline style map according to what's found\n\n const dynamicStylesToRegister = [];\n this.allInlineStyleUsed(editorState).forEach(style => {\n const dynamicStyle = dynamicStyles.find(ds => style.startsWith(ds.prefix));\n if (dynamicStyle) {\n dynamicStylesToRegister.push({\n dynamicStyle,\n value: style.split(dynamicStyle.prefix)[1]\n });\n }\n });\n this.registerDynamicStyle(...dynamicStylesToRegister);\n }\n }\n\n componentDidMount() {\n this.updateWithProps(this.props);\n }\n\n UNSAFE_componentWillReceiveProps(nextProps) {\n this.updateWithProps(nextProps);\n }\n\n allInlineStyleUsed(editorState) {\n let existingStyles = [];\n convertToRaw(editorState.getCurrentContent()).blocks.forEach(block => {\n existingStyles = existingStyles.concat(block.inlineStyleRanges.map(styleRange => styleRange.style));\n });\n return existingStyles;\n }\n\n _addDropField(text) {\n if (text instanceof Array && text.length == 0) return;\n const { editorState } = this.state;\n const currentContent = editorState.getCurrentContent();\n const entityKey = Entity.create(\"DROP_FIELD\", \"IMMUTABLE\", { text });\n const currentSelectionState = editorState.getSelection();\n const startKey = currentSelectionState.getStartKey();\n const startOffset = currentSelectionState.getStartOffset();\n const block = currentContent.getBlockForKey(startKey);\n const inlineStyles = block.getInlineStyleAt(startOffset);\n\n let dropFieldReplacedContent = Modifier.insertText(\n currentContent,\n currentSelectionState,\n `<<${text}>>`,\n inlineStyles,\n entityKey\n );\n\n // A space is appended right after for a smooth writing experience.\n dropFieldReplacedContent = Modifier.insertText(\n dropFieldReplacedContent,\n dropFieldReplacedContent.getSelectionAfter(),\n \" \",\n inlineStyles\n );\n\n let newEditorState = EditorState.push(\n editorState,\n dropFieldReplacedContent,\n \"insert-drop-field\"\n );\n newEditorState = EditorState.forceSelection(newEditorState, dropFieldReplacedContent.getSelectionAfter());\n this.onChange(newEditorState);\n }\n\n setFonSizeStyle(size) {\n this.injectDynamicExclusiveInlineStyle(fontSizeDynamicStyle, `${size}px`);\n }\n\n setColorStyle(color) {\n this.injectDynamicExclusiveInlineStyle(fontColorDynamicStyle, color);\n }\n\n injectDynamicExclusiveInlineStyle(dynamicStyle, value) {\n const { editorState } = this.state;\n const { prefix } = dynamicStyle;\n const inlineStyle = `${prefix}${value}`;\n\n // inject new style in the dynamic style map\n this.registerDynamicStyle({\n dynamicStyle,\n value\n });\n\n const selection = editorState.getSelection();\n\n let nextContentState = editorState.getCurrentContent();\n\n const stylesToRemove = this.allInlineStyleUsed(editorState).filter(style => style.startsWith(prefix));\n\n // remove all previously set fontSize style on the current selection\n stylesToRemove.forEach(style => {\n nextContentState = Modifier.removeInlineStyle(nextContentState, selection, style);\n });\n\n let nextEditorState = EditorState.push(\n editorState,\n nextContentState,\n \"change-inline-style\"\n );\n\n // push the new style\n nextEditorState = RichUtils.toggleInlineStyle(\n nextEditorState,\n inlineStyle\n );\n\n this.onChange(nextEditorState);\n }\n\n // expecting opts to be { dynamicStyle, value }\n registerDynamicStyle(...opts) {\n let nextDynamicStyleMap = Object.assign({}, this.state.dynamicStyleMap);\n opts.forEach(opt => {\n const { dynamicStyle, value } = opt;\n const inlineStyle = `${dynamicStyle.prefix}${value}`;\n nextDynamicStyleMap = Object.assign({}, nextDynamicStyleMap, { [inlineStyle]: { [dynamicStyle.jsxCssTag]: value } });\n this.dynamicInlineTagMap = Object.assign({}, this.dynamicInlineTagMap, { [inlineStyle]: [``, \"\"] });\n });\n\n this.setState({\n dynamicStyleMap: nextDynamicStyleMap\n });\n }\n\n blockStyleObject(block) {\n const textAlign = this.getBlockAlignment(block);\n const type = block.getType();\n\n const colorAtOffset = getColorAtOffsetOrDefault(block, 0);\n if (type === \"ordered-list-item\" || type === \"unordered-list-item\") {\n return {\n style: { textAlign: textAlign, color: colorAtOffset },\n };\n }\n if (typeof textAlign === \"string\" && textAlign.length === 0) return;\n if (textAlign) {\n return {\n element: \"span\",\n style: { textAlign: textAlign },\n };\n }\n }\n\n inlineStyleObject(styles) {\n let colorKey = \"fontColor\";\n let sizeKey = \"fontSize\";\n let color = styles.filter((value) => value.startsWith(colorKey)).first();\n let size = styles.filter((value) => value.startsWith(sizeKey)).first();\n let styleElements = {\n element: \"span\",\n style: {}\n };\n if (color) { styleElements.style.color = color.replace(colorKey, \"\"); }\n if (size) { styleElements.style.fontSize = size.replace(sizeKey, \"\"); }\n return styleElements;\n }\n\n entityStyleObject(entity) {\n const entityType = entity.get(\"type\").toLowerCase();\n if (entityType === \"link\") {\n const data = entity.getData();\n return {\n element: \"a\",\n attributes: {\n href: data.url,\n target: \"_blank\",\n rel: \"noopener noreferrer\"\n }\n };\n }\n }\n\n sendHtmlToParent() {\n const { editorState } = this.state;\n const { onBlur } = this.props;\n const raw = convertToRaw(editorState.getCurrentContent());\n\n let options = {\n blockStyleFn: (block) => { return this.blockStyleObject(block); },\n inlineStyleFn: (styles) => { return this.inlineStyleObject(styles); },\n entityStyleFn: (entity) => { return this.entityStyleObject(entity); },\n defaultBlockTag: \"div\"\n };\n\n let html = this.cleanStateToHTML(editorState.getCurrentContent(), options);\n onBlur(html, raw);\n }\n\n cleanStateToHTML(content, options) {\n //stateToHTML keep \"\\n\" in html string after line break character : https://github.com/sstur/draft-js-utils/blob/85b9d7e4181202adb99a22ea410922694c3347f8/packages/draft-js-export-html/src/stateToHTML.js#L499\n //this \"\\n\" will be replace by \"\\r\\n\" if html is used in a FormData here js/components/shared/AccesspointForm.react.js:152\n //this will double
when converting into HTML, we need to remove it.\n return stateToHTML(content, options).replaceAll(\"\\n\", \"\");\n }\n\n onChange(editorState) {\n this.setState({ editorState }, () => {\n clearTimeout(this.timeoutID);\n this.timeoutID = setTimeout(() => {\n this.sendHtmlToParent();\n }, 800);\n });\n }\n\n _addLink() {\n const { editorState } = this.state;\n const selection = editorState.getSelection();\n if (selection.isCollapsed()) return;\n const url = window.prompt(I18n.t(\"react.rich_text_editor.enter_url\"));\n if (url === null) return;\n const entityKey = Entity.create(\"LINK\", \"MUTABLE\", { url });\n this.onChange(RichUtils.toggleLink(editorState, selection, entityKey));\n }\n\n _removeLink() {\n const { editorState } = this.state;\n const selection = editorState.getSelection();\n if (selection.isCollapsed()) return;\n this.onChange(RichUtils.toggleLink(editorState, selection, null));\n }\n\n _getBlockStyle(block) {\n if (block.getType() == \"blockquote\") return \"RichEditor-blockquote\";\n let alignment = this.getBlockAlignment(block);\n if (block.getType() === \"ordered-list-item\" || block.getType() === \"unordered-list-item\") {\n this.appendCssClassToDomHead(block);\n return `color-for-${block.getKey()}`;\n }\n if (!block.getText()) {\n const previousBlock = this.state.editorState.getCurrentContent().getBlockBefore(block.getKey());\n if (previousBlock) alignment = this.getBlockAlignment(previousBlock);\n }\n return `alignment--${alignment.toLowerCase()}`;\n }\n\n getBlockAlignment(block) {\n let style = \"left\";\n block.findStyleRanges(function(e) {\n // Website created with old editor send \"CENTER\" alignment property, so we need to check for both \"center\" and \"CENTER\" property in html. Same thing for left and right ...\n if (e.hasStyle(\"center\") || e.hasStyle(\"CENTER\")) style = \"center\";\n if (e.hasStyle(\"right\") || e.hasStyle(\"RIGHT\")) style = \"right\";\n if (e.hasStyle(\"justify\") || e.hasStyle(\"JUSTIFY\")) style = \"justify\";\n });\n return style;\n }\n\n appendCssClassToDomHead(block) {\n const colorAtOffset = getColorAtOffsetOrDefault(block, 0);\n const cssClass = `.color-for-${block.getKey()} { color: ${colorAtOffset}; }`;\n const head = document.head || document.getElementsByTagName(\"head\")[0];\n const style = document.createElement(\"style\");\n\n head.appendChild(style);\n style.appendChild(document.createTextNode(cssClass));\n }\n\n dropFieldsDropDown() {\n const { dropFields, baseKey } = this.props;\n if (!dropFields || dropFields.length == 0) { return; }\n return \n \n \n
\n ;\n }\n\n toolbarSizeClass() {\n return `btn-group-${this.toolbarSize()}`;\n }\n\n toolbarSize() {\n const { toolbarSize } = this.props;\n switch (toolbarSize) {\n case \"large\": {\n return \"lg\";\n }\n case \"small\": {\n return \"sm\";\n }\n case \"extra-small\": {\n return \"xs\";\n }\n default:\n return \"\";\n }\n }\n\n buttonStyles(externalProps) {\n return {\n buttonWrapper: `${this.toolbarSizeClass()} btn-group`,\n button: `RichEditor-styleButton btn btn-secondary rte-${this.toolbarSize()}-svg custom-rte-btn`,\n active: externalProps.theme.active\n };\n }\n\n clearInlineStyles() {\n const { editorState } = this.state;\n const selection = editorState.getSelection();\n const contentWithoutStyles = reduce(this.allInlineStyleUsed(editorState), (newContentState, style) => (\n // Remove all color/font/bold/italic/... styles (inline styles)\n Modifier.removeInlineStyle(\n newContentState,\n selection,\n style\n )\n ), editorState.getCurrentContent());\n\n let newEditorState = EditorState.push(\n editorState,\n contentWithoutStyles,\n \"remove-style\"\n );\n\n newEditorState = RichUtils.toggleBlockType(newEditorState, \"unstyled\"); // Replace all ul/h1/... by p (block styles)\n newEditorState = RichUtils.toggleLink(newEditorState, selection, null); // Remove links\n this.onChange(newEditorState);\n }\n\n _handleKeyCommand(command) {\n const { editorState } = this.state;\n const newState = RichUtils.handleKeyCommand(editorState, command);\n if (newState) {\n this.onChange(newState);\n return true;\n }\n return false;\n }\n\n rubber() {\n return \n \n ;\n }\n\n isAutoTranslatedButton() {\n const { isAutoTranslated } = this.props;\n if (!isAutoTranslated) return null;\n\n return \n \n ;\n }\n\n renderAiAssistantButton() {\n const { aiModalSize, context, textGeneratorPrePromptKey } = this.props;\n if (context === \"website\") return null;\n\n return (\n \n );\n }\n\n currentSelectedFontSize() {\n const { editorState } = this.state;\n const selectionCustomInlineStyle = getSelectionCustomInlineStyle(editorState, [\"fontSize\"]);\n\n if (selectionCustomInlineStyle.fontSize) return selectionCustomInlineStyle.fontSize.match(/\\d+/)[0];\n return \"16\";\n }\n\n currentSelectedFontColor() {\n const { editorState } = this.state;\n const selectionCustomInlineStyle = getSelectionCustomInlineStyle(editorState, [\"fontColor\"]);\n\n if (selectionCustomInlineStyle[\"fontColor\"]) {\n return selectionCustomInlineStyle.fontColor.replace(\"fontColor\", \"\");\n }\n return DEFAULT_FONT_COLOR;\n }\n\n onTextInjection(generatedText) {\n const { editorState } = this.state;\n const currentContent = editorState.getCurrentContent();\n const selection = editorState.getSelection();\n const entityKey = Entity.create(\"MENTION\", \"IMMUTABLE\", {});\n const textWithEntity = Modifier.insertText(currentContent, selection, generatedText, null, entityKey);\n const newEditorState = EditorState.push(editorState, textWithEntity, \"insert-characters\");\n this.onChange(newEditorState);\n }\n\n render() {\n const { editorState, styleMap, dynamicStyleMap } = this.state;\n const { Toolbar, textAlignmentPlugin } = this.PluginComponents;\n const { isDisabled } = this.props;\n\n if (!editorState) return ;\n\n // If the user changes block type before entering any text, we can\n // either style the placeholder or hide it. Let's just hide it now.\n let className = \"RichEditor-editor\";\n var contentState = editorState.getCurrentContent();\n if (!contentState.hasText()) {\n if (contentState.getBlockMap().first().getType() !== \"unstyled\") {\n className += \" RichEditor-hidePlaceholder\";\n }\n }\n if (isDisabled) {\n className += \" RichEditor-disabled\";\n }\n\n // For some reasons (react mechanisms), the Toolbar must be rendered after the Editor\n // So we just use css to inverse the display order and have the toolbar above\n // https://github.com/draft-js-plugins/draft-js-plugins/issues/1369#issuecomment-746169201\n return (\n \n
\n \n
\n {!isDisabled && (\n
\n {\n (externalProps) => (\n \n
\n \n \n \n \n \n \n \n
\n \n \n \n \n \n \n \n \n
\n \n \n
\n
\n \n \n
\n \n \n { this.dropFieldsDropDown() }\n { this.rubber() }\n { this.isAutoTranslatedButton() }\n
\n { this.renderAiAssistantButton() }\n \n
\n )}\n
\n \n
\n );\n };\n}\n","import { EditorState } from \"draft-js\";\nimport { ButtonHTMLAttributes, ComponentType } from \"react\";\nimport AlignTextRightButton from \"./AlignTextRightButton\";\nimport AlignTextCenterButton from \"./AlignTextCenterButton\";\nimport AlignTextLeftButton from \"./AlignTextLeftButton\";\nimport JustifyTextButton from \"./JustifyTextButton\";\nimport createTextAlignmentButton from \"./createTextAlignmentButton\";\n\nexport interface DraftJsButtonTheme {\n // CSS classes to apply\n active?: string;\n button?: string;\n buttonWrapper?: string;\n}\n\nexport interface DraftJsButtonProps {\n theme: DraftJsButtonTheme;\n buttonProps?: ButtonHTMLAttributes;\n}\n\nexport interface DraftJsBlockAlignmentButtonProps extends DraftJsButtonProps {\n alignment: string | null;\n setAlignment(val: { alignment: string }): void;\n}\nexport interface DraftJsStyleButtonProps extends DraftJsButtonProps {\n setEditorState(editorState: EditorState): void;\n getEditorState(): EditorState;\n}\n\nexport type DraftJsBlockAlignmentButtonType =\n ComponentType;\nexport type DraftJsStyleButtonType = ComponentType;\n\nexport {\n createTextAlignmentButton,\n AlignTextRightButton,\n AlignTextCenterButton,\n AlignTextLeftButton,\n JustifyTextButton,\n};\n","/* eslint-disable react/no-array-index-key */\nimport {\n AlignTextLeftButton,\n AlignTextCenterButton,\n AlignTextRightButton,\n JustifyTextButton,\n DraftJsButtonTheme,\n} from \"../buttonPlugin/index\";\nimport { EditorState } from \"draft-js\";\nimport { ReactElement } from \"react\";\n\nexport interface AlignmentPluginsPubParams {\n theme: DraftJsButtonTheme;\n getEditorState: () => EditorState;\n setEditorState: (editorState: EditorState) => void;\n}\n\nexport default function Alignment(\n props: AlignmentPluginsPubParams\n): ReactElement {\n return (\n <>\n \n \n \n \n \n );\n}\n","import { EditorPlugin } from \"@draft-js-plugins/editor\";\nimport { ComponentType, ReactElement } from \"react\";\nimport TextAlignmentComponent, { AlignmentPluginsPubParams } from \"./TextAlignmentComponent\";\n\nexport type TextAlignmentPlugin = EditorPlugin & {\n TextAlignment: ComponentType;\n};\n\nexport default (): TextAlignmentPlugin => {\n\n const TextAlignment = (props: AlignmentPluginsPubParams): ReactElement => (\n \n );\n\n return { TextAlignment };\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"active\":\"ftYw5UXQ1tlwTRJn1p_w\"};","// extracted by mini-css-extract-plugin\nexport default {};"],"names":["_Constants","require","_querystring","_defineProperty","e","r","t","i","Symbol","toPrimitive","call","TypeError","String","Number","_toPrimitive","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","module","exports","receiveEvent","event","type","ActionTypes","RECEIVE_EVENT","fetchEventRequest","FETCH_EVENT_REQUEST","fetchEvent","eventId","options","arguments","length","undefined","FETCH_EVENT_SUCCESS","FETCH_EVENT_FAILURE","CALL_API","types","method","endpoint","concat","stringify","createEvent","eventParams","redirectTo","CREATE_EVENT_REQUEST","CREATE_EVENT_SUCCESS","CREATE_EVENT_FAILURE","body","updateEvent","notificationsOptions","UPDATE_EVENT_REQUEST","UPDATE_EVENT_SUCCESS","UPDATE_EVENT_FAILURE","createFromEvent","accountId","CREATE_FROM_EVENT_REQUEST","CREATE_FROM_EVENT_SUCCESS","CREATE_FROM_EVENT_FAILURE","fetchEvents","FETCH_EVENTS_REQUEST","FETCH_EVENTS_SUCCESS","DEV_NULL","page","perPage","published","search","params","fetchEventsFromUrl","url","_ref6","synchronizeContactsIntoEvent","fetchLeadsExportCustomEmail","FETCH_LEADS_EXPORT_EMAIL_SUCCESS","fetchVisitRouteDigestEmail","FETCH_VISIT_ROUTE_DIGEST_EMAIL_SUCCESS","fetchVisitRouteExportEmail","FETCH_VISIT_ROUTE_EXPORT_EMAIL_SUCCESS","updateVisitRoute","UPDATE_VISIT_ROUTE_SUCCESS","updateEventLastUsedColors","newColor","UPDATE_EVENT_LAST_USED_COLORS_SUCCESS","new_used_color","addOfflineErrors","errors","EVENT_ADD_OFFLINE_ERRORS","clearCustomEmailExport","CLEAR_LEADS_EXPORT_EMAIL","_react","_propTypes","_interopRequireDefault","_uniq","_reactBootstrap","_reactRedux","_EventActionCreators","_CustomSketchPicker","_jsxRuntime","__esModule","ownKeys","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","push","apply","_objectSpread","forEach","getOwnPropertyDescriptors","defineProperties","_toConsumableArray","Array","isArray","_arrayLikeToArray","_arrayWithoutHoles","iterator","from","_iterableToArray","a","toString","slice","constructor","name","test","_unsupportedIterableToArray","_nonIterableSpread","n","_defineProperties","key","_setPrototypeOf","setPrototypeOf","bind","__proto__","_createSuper","_isNativeReflectConstruct","_getPrototypeOf","s","Reflect","construct","_assertThisInitialized","_possibleConstructorReturn","ReferenceError","Boolean","prototype","valueOf","getPrototypeOf","colorSquareProperties","height","width","cursor","position","outline","borderRadius","ColorPicker","_Component","create","_inherits","_super","props","_this","_classCallCheck","item","state","selectedColor","colors","prevProps","this","setState","_ref","hex","setColor","_this$props","displayEventLastUsedColors","lastUsedColors","placement","_this$props2","selectableColors","primary_color","secondary_color","includes","uniq","_this$props3","jsx","Popover","id","children","disableAlpha","color","presetColors","onChangeComplete","onColorChange","colorSquareClass","className","style","background","_this$props4","displayValue","svgClasses","additionalClasses","displayColorSquare","disabled","backgroundColor","OverlayTrigger","trigger","rootClose","overlayPlacement","overlay","renderPopover","onExit","saveLastUsedColor","jsxs","colorSquare","Component","defaultProps","COLORS","propTypes","PropTypes","func","string","arrayOf","bool","object","mapDispatchToProps","ConnectedColorPicker","connect","_id","last_used_colors","_reactcss","_merge","_common","_SketchFields","_SketchPresetColors","_common2","CustomSketchPicker","rgb","hsv","hsl","onChange","onSwatchHover","renderers","_ref$styles","styles","passedStyles","_ref$className","sortedLastUsedColors","sort","b","getLumaFromColor","reactCSS","merge","picker","padding","boxSizing","boxShadow","saturation","paddingBottom","overflow","Saturation","radius","shadow","controls","display","sliders","flex","marginTop","marginLeft","activeColor","absolute","g","hue","Hue","alpha","Alpha","Checkboard","I18n","onClick","Fragment","oneOfType","number","_default","ColorWrap","_compact","_includes","_map","_pull","_orderBy","DEFAULT_ITEM_COLOR","Filter","openedFolders","folders","openFirstItemFolder","openFirstFolderAndSelectFirstItem","openSelectedItemFolder","items","selectedItemIds","selectedItems","folder_id","itemNameKey","firstFolder","itemsInFirstFolder","firstItemInFirstFolder","orderBy","toLowerCase","prevState","itemId","array","multipleSelect","allowUnselect","intermediateItemIds","closeParent","newSelectedItemIds","newInterdiamediateIds","pull","_this$props5","itemIdKey","map","_this$props6","searchValue","target","matchingFolderIds","updatedOpenedFolders","reduce","acc","folder","_this$props7","hasSearch","translationKey","placeholder","onInputChange","_this$props8","hasCreate","onCreate","paddingLeft","textAlign","_this$props9","hasSelectAll","selectAll","clear","_this2","_this$props10","foldersWithItems","sortedItems","itemsWithNoFolder","values","renderFolder","renderFolderContent","listItems","_this3","_this$props11","isOpen","hasMatchingItem","toggleFolder","some","sortItems","folderId","_this4","isUnderFolder","_this$props12","itemColorKey","itemIconKey","baseKey","actionButtons","additionalInfo","roundUpTheTopOfFirstOption","colorKey","folderContentIndentation","compact","index","beforeName","afterName","selected","buttonsAction","fontColor","labelColor","backgroundColorStyle","xmlns","x1","x2","y1","y2","stroke","fill","strokeWidth","UI_COLORS","brand700","brand50","marginRight","icon","borderTopLeftRadius","borderTopRightRadius","borderTopWidth","triggerItemSelection","_this$props13","maxHeight","renderSearchBar","renderCreateBar","renderClearOrSelectButton","renderOptions","isRequired","_isEqual","_isEmpty","_truncate","_Filter","FilterDropdown","filterMaxHeight","displayList","isEqual","submitLaunched","_onPageSubmit","handleFilterPlacement","handleFilterHeight","filterMinHeight","document","getElementById","getBoundingClientRect","top","window","innerHeight","popover","filterBtnOffsetTop","filterPanelHeight","calcNewHeightForFilterPanel","filterPanelNewHeight","parseFloat","popoverBtnHeight","clientHeight","filterCardHeight","popoverHeaderHeight","newPopoverHeight","_onExited","attributes","_sortItems","onFocus","onBlur","idKey","find","cellStyle","truncate","_deleteItem","itemIds","itemCells","_itemCell","selectedFirst","stateValue","liveChange","_this$state","ref","_close","onUpdateState","showCells","title","wrapperClasses","popoverAdditionalClasses","showBadgeNbItems","fromBadgeBuilder","_this$state2","cellsGroup","_itemCellsGroup","badgeNbItems","popoverToggle","isEmpty","maxWidth","_renderOptions","show","onToggle","onEnter","_onEnter","onExited","nbItemsDisplay","DropField","spellCheck","_classnames","_StyleButton","EntityControls","entityControls","editorState","currentStyle","getCurrentInlineStyle","btnGroupClasses","classNames","ButtonGroup","active","has","label","action","FontSizeSelect","onSelect","selectedValue","Dropdown","Item","onSelectHandler","Math","random","Toggle","variant","Menu","_draftJs","Link","href","Entity","get","entityKey","getData","StyleButton","preventDefault","iconNode","Button","onMouseDown","grey700","_DraftPasteProcessor","_findEntities","_DropField","_Link","_FontSizeSelect","_EntityControls","_ColorPicker","_FilterDropdown","_draftJsExportHtml","_editor","_staticToolbar","_buttonsStylesModule","_toolbarStylesModule","_index","_buttons","_inline","_WhiteText","_TextGeneratorButton","_reduce","styleMap","CODE","fontFamily","fontColorDynamicStyle","prefix","cssTag","jsxCssTag","fontSizeDynamicStyle","RTE_FONT_SIZES","dynamicStyles","DROP_FIELD_REGEX","DEFAULT_FONT_COLOR","customDecorators","strategy","contentBlock","callback","regex","matchArr","start","text","getText","exec","findWithRegex","component","findEntities","getCharacterList","char","offset","colorStyleAtOffset","getStyleAtOffset","colorAtOffset","replace","WhiteText","RichTextEditor","dynamicStyleMap","toggleInlineStyle","_toggleInlineStyle","dynamicInlineTagMap","getBlockStyle","block","_getBlockStyle","addLink","_addLink","removeLink","_removeLink","sendHtmlToParent","setFonSizeStyle","setColorStyle","injectDynamicExclusiveInlineStyle","registerDynamicStyle","addDropField","_addDropField","updateWithProps","clearInlineStyles","setDomEditorRef","domEditor","handleKeyCommand","command","_handleKeyCommand","onTextInjection","renderAiAssistantButton","ENTITY_CONTROLS","textAlignmentPlugin","createTextAlignmentPlugin","staticToolbarPlugin","createStaticToolbarPlugin","theme","buttonStyles","toolbarStyles","PluginComponents","Toolbar","plugins","inlineStyle","RichUtils","processHTML","DraftPasteProcessor","content","draftjsContent","EditorState","createEmpty","contentState","convertFromRaw","htmlToProcess","processedHtml","contentBlocks","ContentState","createFromText","createFromBlockArray","dynamicStylesToRegister","allInlineStyleUsed","dynamicStyle","ds","startsWith","split","nextProps","existingStyles","convertToRaw","getCurrentContent","blocks","inlineStyleRanges","styleRange","currentContent","currentSelectionState","getSelection","startKey","getStartKey","startOffset","getStartOffset","inlineStyles","getBlockForKey","getInlineStyleAt","dropFieldReplacedContent","Modifier","insertText","getSelectionAfter","newEditorState","forceSelection","size","selection","nextContentState","removeInlineStyle","nextEditorState","nextDynamicStyleMap","assign","_len","opts","_key","opt","getBlockAlignment","getType","getColorAtOffsetOrDefault","element","sizeKey","first","styleElements","fontSize","entity","rel","raw","blockStyleFn","blockStyleObject","inlineStyleFn","inlineStyleObject","entityStyleFn","entityStyleObject","defaultBlockTag","cleanStateToHTML","stateToHTML","replaceAll","clearTimeout","timeoutID","setTimeout","isCollapsed","prompt","toggleLink","alignment","appendCssClassToDomHead","getKey","previousBlock","getBlockBefore","findStyleRanges","hasStyle","cssClass","head","getElementsByTagName","createElement","appendChild","createTextNode","dropFields","toolbarSizeClass","toolbarSize","externalProps","buttonWrapper","button","contentWithoutStyles","newContentState","toggleBlockType","newState","isAutoTranslated","aiModalSize","context","textGeneratorPrePromptKey","onSubmitGeneratedText","forceToUseBasePrompt","buttonLabel","modalTitle","buttonClassesOverride","modalSize","prePromptKey","selectionCustomInlineStyle","getSelectionCustomInlineStyle","match","generatedText","textWithEntity","_this5","_this$PluginComponent","isDisabled","hasText","getBlockMap","flexDirection","customStyleMap","decorators","readOnly","HeadlineOneButton","HeadlineTwoButton","HeadlineThreeButton","BlockquoteButton","UnorderedListButton","OrderedListButton","BoldButton","ItalicButton","UnderlineButton","CodeButton","TextAlignment","currentSelectedFontSize","currentSelectedFontColor","dropFieldsDropDown","rubber","isAutoTranslatedButton","getSelectedBlocksMap","selectionState","endKey","getEndKey","blockMap","toSeq","skipUntil","_","k","takeUntil","toList","c","substring","parseInt","currentSelection","stylePrefix","end","getEndOffset","selectedBlocks","getSelectedBlocksList","_loop","blockStart","blockEnd","_loop2","j","_block","entityType","findEntityRanges","character","getEntity","_createTextAlignmentButton","createTextAlignmentButton","viewBox","d","_props$buttonProps","buttonProps","getEditorState","clsx","removeStyles","currentEditorState","focusBlock","getFocusKey","anchorBlock","getAnchorKey","selectionIsBackward","getIsBackward","changes","anchorOffset","focusOffset","getLength","selectWholeBlocks","modifiedContent","applyInlineStyle","finalContent","setEditorState","role","_clsx","_AlignTextRightButton","_AlignTextCenterButton","_AlignTextLeftButton","_JustifyTextButton","AlignTextLeftButton","AlignTextCenterButton","AlignTextRightButton","JustifyTextButton","_TextAlignmentComponent"],"sourceRoot":""}