@antscorp/antsomi-ui 1.3.7-beta.7 → 1.3.7-beta.70

package/es/components/organism/TextEditor/ui/Toolbar/Toolbar.js

@@ -1,39 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { CopyDuplicateIcon, EditIcon } from '@antscorp/antsomi-ui/es/components/icons';
-import { useEditorState } from '@tiptap/react';
-import { Flex, Typography } from 'antd';
-import { ToolbarWrapper } from '../../styled';
-import { isShowLinkToolbar } from '../../utils';
-import { TextEditorButton } from '../Button';
-import { BoldAction, BulletListAction, ClearFormattingAction, EmoijiAction, FontFamilyAction, FontSizeAction, HistoryAction, IndentAction, ItalicAction, LetterSpacingAction, LinkAction, OrderedListAction, OutdentAction, SmartTagAction, LineSpacingAction, StrikeAction, SubscriptAction, SuperscriptAction, TextAlignAction, TextBackColorAction, TextColorAction, TextTransformAction, UnderlineAction, UnsetLinkAction, } from './actions';
-import { CUSTOM_LINK_EXTENSION_NAME, DEFAULT_TEXT_STYLE } from '../../constants';
-export const Toolbar = (props) => {
-    const { editor, smartTagHandler, linkHanlder, config, defaultTextStyle = DEFAULT_TEXT_STYLE, render, onChangeFont, } = props;
-    const { showLinkMenu, linkAttrs } = useEditorState({
-        editor,
-        selector: ctx => ({
-            showLinkMenu: isShowLinkToolbar(ctx.editor.state),
-            linkAttrs: editor.getAttributes(CUSTOM_LINK_EXTENSION_NAME),
-        }),
-    });
-    if (showLinkMenu) {
-        const href = String(linkAttrs?.href);
-        const goToLinkEl = (_jsx(Typography.Link, { style: { maxWidth: 150 }, ellipsis: true, href: href, children: href }));
-        const copyLinkEl = (_jsx(TextEditorButton, { icon: _jsx(CopyDuplicateIcon, { size: 18 }), tooltipProps: { title: 'Copy' }, onClick: () => {
-                navigator.clipboard.writeText(href);
-            } }));
-        const editLinkEl = (_jsx(TextEditorButton, { icon: _jsx(EditIcon, { size: 18 }), tooltipProps: { title: 'Edit' }, onClick: () => linkHanlder?.onUpsert?.() }));
-        const unsetLinkEl = _jsx(UnsetLinkAction, { editor: editor });
-        let linkTools = (_jsxs(_Fragment, { children: [goToLinkEl, copyLinkEl, editLinkEl, unsetLinkEl] }));
-        if (render?.renderLinkToolbar && linkAttrs) {
-            linkTools = render.renderLinkToolbar(linkAttrs, linkTools, {
-                copy: copyLinkEl,
-                edit: editLinkEl,
-                gotoLink: goToLinkEl,
-                unlink: unsetLinkEl,
-            });
-        }
-        return (_jsx(ToolbarWrapper, { wrap: "wrap", gap: 8, align: "center", children: linkTools }));
-    }
-    return (_jsxs(ToolbarWrapper, { vertical: true, gap: 20, children: [_jsxs(Flex, { gap: 15, justify: "flex-start", align: "center", children: [_jsx(FontFamilyAction, { editor: editor, fonts: config?.FontFamily?.fonts, onChange: (font, weight) => onChangeFont?.({ font, weight }), fontGroupingFn: config?.FontFamily?.fontGroupingFn, groupOrder: config?.FontFamily?.groupOrder }), _jsx(FontSizeAction, { editor: editor, defaultFontSize: defaultTextStyle.fontSize }), _jsx(BoldAction, { editor: editor }), _jsx(ItalicAction, { editor: editor }), _jsx(UnderlineAction, { editor: editor }), _jsx(LinkAction, { editor: editor, onClick: linkHanlder?.onUpsert }), _jsx(StrikeAction, { editor: editor }), _jsx(SuperscriptAction, { editor: editor }), _jsx(SubscriptAction, { editor: editor }), _jsx(TextTransformAction, { editor: editor }), _jsx(TextColorAction, { editor: editor }), _jsx(TextBackColorAction, { editor: editor }), _jsx(EmoijiAction, { editor: editor }), _jsx(SmartTagAction, { editor: editor, onClick: smartTagHandler?.onUpsert })] }), _jsxs(Flex, { gap: 15, justify: "flex-start", align: "center", children: [_jsx(BulletListAction, { editor: editor, useCustomBullet: config?.UnorderedList?.useCustomBullet }), _jsx(OrderedListAction, { editor: editor }), _jsx(TextAlignAction, { editor: editor }), _jsx(LineSpacingAction, { editor: editor, defaultValue: defaultTextStyle?.lineHeight }), _jsx(LetterSpacingAction, { editor: editor }), _jsx(IndentAction, { editor: editor }), _jsx(OutdentAction, { editor: editor }), _jsx(HistoryAction, { editor: editor }), _jsx(ClearFormattingAction, { editor: editor })] })] }));
-};