@lobehub/editor 1.4.7 → 1.5.0

package/es/plugins/link/react/components/Toolbar.d.ts

@@ -1,7 +0,0 @@
-import { LexicalEditor } from 'lexical';
-import type { FC } from 'react';
-import { LinkNode } from '../../node/LinkNode';
-export declare const Toolbar: FC<{
-    editor: LexicalEditor;
-    linkNode: LinkNode | null;
-}>;

package/es/plugins/link/react/components/Toolbar.js

@@ -1,63 +0,0 @@
-import { ActionIconGroup } from '@lobehub/ui';
-import { EditIcon, ExternalLinkIcon, UnlinkIcon } from 'lucide-react';
-import { useTranslation } from "../../../../editor-kernel/react/useTranslation";
-import { TOGGLE_LINK_COMMAND } from "../../node/LinkNode";
-import { useStyles } from "../style";
-import { EDIT_LINK_COMMAND } from "./LinkEdit";
-import { jsx as _jsx } from "react/jsx-runtime";
-export var Toolbar = function Toolbar(_ref) {
-  var linkNode = _ref.linkNode,
-    editor = _ref.editor;
-  var _useStyles = useStyles(),
-    theme = _useStyles.theme;
-  var t = useTranslation();
-  var handleEdit = function handleEdit() {
-    // Edit link
-    if (linkNode) {
-      editor.dispatchCommand(EDIT_LINK_COMMAND, {
-        linkNode: linkNode,
-        linkNodeDOM: editor.getElementByKey(linkNode.getKey())
-      });
-    }
-  };
-  var handleRemove = function handleRemove() {
-    // Remove link
-    editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);
-  };
-  var handleOpenLink = function handleOpenLink() {
-    // Open link in new window
-    if (linkNode) {
-      var url = editor.read(function () {
-        return linkNode.getURL();
-      });
-      window.open(url, '_blank');
-    }
-  };
-  return /*#__PURE__*/_jsx(ActionIconGroup, {
-    items: [{
-      icon: EditIcon,
-      key: 'edit',
-      label: t('link.edit'),
-      onClick: handleEdit
-    }, {
-      icon: ExternalLinkIcon,
-      key: 'openLink',
-      label: t('link.open'),
-      onClick: handleOpenLink
-    }, {
-      icon: UnlinkIcon,
-      key: 'unlink',
-      label: t('link.unlink'),
-      onClick: handleRemove
-    }],
-    shadow: true,
-    size: {
-      blockSize: 32,
-      size: 16
-    },
-    style: {
-      background: theme.colorBgElevated
-    },
-    variant: 'outlined'
-  });
-};