@fileverse-dev/fortune-react 1.0.26-patch-1 → 1.1.0

package/es/components/ImgBoxs/index.js

@@ -1,219 +0,0 @@
-import _ from "lodash";
-import { onImageMoveStart, onImageResizeStart } from "@fileverse-dev/fortune-core";
-import React, { useContext, useMemo } from "react";
-import WorkbookContext from "../../context";
-var ImgBoxs = function ImgBoxs() {
-  var _a;
-  var _b = useContext(WorkbookContext),
-    context = _b.context,
-    setContext = _b.setContext,
-    refs = _b.refs;
-  var activeImg = useMemo(function () {
-    return _.find(context.insertedImgs, {
-      id: context.activeImg
-    });
-  }, [context.activeImg, context.insertedImgs]);
-  return /*#__PURE__*/React.createElement("div", {
-    id: "luckysheet-image-showBoxs"
-  }, activeImg && (/*#__PURE__*/React.createElement("div", {
-    id: "luckysheet-modal-dialog-activeImage",
-    className: "luckysheet-modal-dialog",
-    style: {
-      padding: 0,
-      position: "absolute",
-      zIndex: 300,
-      width: activeImg.width * context.zoomRatio,
-      height: activeImg.height * context.zoomRatio,
-      left: activeImg.left * context.zoomRatio,
-      top: activeImg.top * context.zoomRatio
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "luckysheet-modal-dialog-border",
-    style: {
-      position: "absolute"
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "luckysheet-modal-dialog-content",
-    style: {
-      width: activeImg.width * context.zoomRatio,
-      height: activeImg.height * context.zoomRatio,
-      backgroundImage: "url(".concat(activeImg.src, ")"),
-      backgroundSize: "".concat(activeImg.width * context.zoomRatio, "px ").concat(activeImg.height * context.zoomRatio, "px"),
-      backgroundRepeat: "no-repeat"
-    },
-    onMouseDown: function onMouseDown(e) {
-      var nativeEvent = e.nativeEvent;
-      onImageMoveStart(context, refs.globalCache, nativeEvent);
-      e.stopPropagation();
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "luckysheet-modal-dialog-resize"
-  }, ["lt", "mt", "lm", "rm", "rt", "lb", "mb", "rb"].map(function (v) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: v,
-      className: "luckysheet-modal-dialog-resize-item luckysheet-modal-dialog-resize-item-".concat(v),
-      "data-type": v,
-      onMouseDown: function onMouseDown(e) {
-        var nativeEvent = e.nativeEvent;
-        onImageResizeStart(refs.globalCache, nativeEvent, v);
-        e.stopPropagation();
-      }
-    });
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "luckysheet-modal-dialog-controll"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "luckysheet-modal-controll-btn luckysheet-modal-controll-crop",
-    role: "button",
-    tabIndex: 0,
-    "aria-label": "\u88C1\u526A",
-    title: "\u88C1\u526A"
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "fa fa-pencil",
-    "aria-hidden": "true"
-  })), /*#__PURE__*/React.createElement("span", {
-    className: "luckysheet-modal-controll-btn luckysheet-modal-controll-restore",
-    role: "button",
-    tabIndex: 0,
-    "aria-label": "\u6062\u590D\u539F\u56FE",
-    title: "\u6062\u590D\u539F\u56FE"
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "fa fa-window-maximize",
-    "aria-hidden": "true"
-  })), /*#__PURE__*/React.createElement("span", {
-    className: "luckysheet-modal-controll-btn luckysheet-modal-controll-del",
-    role: "button",
-    tabIndex: 0,
-    "aria-label": "\u5220\u9664",
-    title: "\u5220\u9664"
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "fa fa-trash",
-    "aria-hidden": "true"
-  }))))), /*#__PURE__*/React.createElement("div", {
-    className: "img-list"
-  }, (_a = context.insertedImgs) === null || _a === void 0 ? void 0 : _a.map(function (v) {
-    var id = v.id,
-      left = v.left,
-      top = v.top,
-      width = v.width,
-      height = v.height,
-      src = v.src;
-    if (v.id === context.activeImg) return null;
-    return /*#__PURE__*/React.createElement("div", {
-      id: id,
-      key: id,
-      className: "luckysheet-modal-dialog luckysheet-modal-dialog-image",
-      style: {
-        width: width * context.zoomRatio,
-        height: height * context.zoomRatio,
-        padding: 0,
-        position: "absolute",
-        left: left * context.zoomRatio,
-        top: top * context.zoomRatio,
-        zIndex: 200
-      },
-      onMouseDown: function onMouseDown(e) {
-        return e.stopPropagation();
-      },
-      onClick: function onClick(e) {
-        setContext(function (ctx) {
-          ctx.activeImg = id;
-        });
-        e.stopPropagation();
-      },
-      tabIndex: 0
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "luckysheet-modal-dialog-content",
-      style: {
-        width: "100%",
-        height: "100%",
-        overflow: "hidden",
-        position: "relative"
-      }
-    }, /*#__PURE__*/React.createElement("img", {
-      src: src,
-      alt: "",
-      style: {
-        width: width * context.zoomRatio,
-        height: height * context.zoomRatio
-      }
-    })), /*#__PURE__*/React.createElement("div", {
-      className: "luckysheet-modal-dialog-border"
-    }));
-  })), /*#__PURE__*/React.createElement("div", {
-    id: "luckysheet-modal-dialog-cropping",
-    className: "luckysheet-modal-dialog",
-    style: {
-      display: "none",
-      padding: 0,
-      position: "absolute",
-      zIndex: 300
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "cropping-mask"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "cropping-content"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "luckysheet-modal-dialog-border",
-    style: {
-      position: "absolute"
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "luckysheet-modal-dialog-resize"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "resize-item lt",
-    "data-type": "lt"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "resize-item mt",
-    "data-type": "mt"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "resize-item lm",
-    "data-type": "lm"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "resize-item rm",
-    "data-type": "rm"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "resize-item rt",
-    "data-type": "rt"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "resize-item lb",
-    "data-type": "lb"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "resize-item mb",
-    "data-type": "mb"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "resize-item rb",
-    "data-type": "rb"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "luckysheet-modal-dialog-controll"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "luckysheet-modal-controll-btn luckysheet-modal-controll-crop",
-    role: "button",
-    tabIndex: 0,
-    "aria-label": "\u88C1\u526A",
-    title: "\u88C1\u526A"
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "fa fa-pencil",
-    "aria-hidden": "true"
-  })), /*#__PURE__*/React.createElement("span", {
-    className: "luckysheet-modal-controll-btn luckysheet-modal-controll-restore",
-    role: "button",
-    tabIndex: 0,
-    "aria-label": "\u6062\u590D\u539F\u56FE",
-    title: "\u6062\u590D\u539F\u56FE"
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "fa fa-window-maximize",
-    "aria-hidden": "true"
-  })), /*#__PURE__*/React.createElement("span", {
-    className: "luckysheet-modal-controll-btn luckysheet-modal-controll-del",
-    role: "button",
-    tabIndex: 0,
-    "aria-label": "\u5220\u9664",
-    title: "\u5220\u9664"
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "fa fa-trash",
-    "aria-hidden": "true"
-  })))), /*#__PURE__*/React.createElement("div", {
-    className: "cell-date-picker"
-  }));
-};
-export default ImgBoxs;

package/es/components/LinkEidtCard/index.css

@@ -1,255 +0,0 @@
-.fortune-link-modify-modal {
-  position: absolute;
-  overflow: hidden;
-  background-color: #fff;
-  z-index: 300;
-  padding: 16px 20px 20px 20px;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-  border: 1px solid #e5e5e5;
-  border-radius: 8px;
-  min-width: 320px;
-}
-
-.fortune-link-cards-container {
-  position: absolute;
-  display: flex;
-  gap: 16px;
-  z-index: 300;
-}
-
-.fortune-link-card {
-  position: absolute;
-  background-color: #fff;
-  border: 1px solid #e5e5e5;
-  border-radius: 8px;
-  padding: 16px;
-  width: 300px;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  z-index: 300;
-}
-
-.fortune-link-type-select {
-  width: 100% !important;
-}
-
-.fortune-link-type-dropdown {
-  z-index: 999999 !important;
-}
-
-.fortune-sheet-dropdown {
-  z-index: 999999 !important;
-}
-
-.fortune-input-with-icon {
-  position: relative;
-  display: flex;
-  align-items: center;
-}
-
-.fortune-input-with-icon .input-icon {
-  position: absolute;
-  left: 12px;
-  top: 50%;
-  transform: translateY(-50%);
-  width: 16px;
-  height: 16px;
-  color: #666;
-  z-index: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.fortune-input-with-icon .input-icon svg {
-  width: 16px;
-  height: 16px;
-}
-
-.fortune-link-input {
-  width: 100% !important;
-  padding-left: 36px !important;
-}
-
-.fortune-sheet-select {
-  width: 100% !important;
-  padding-left: 36px !important;
-}
-
-/* Ensure Select dropdowns appear above everything */
-[data-radix-portal] {
-  z-index: 999999 !important;
-}
-
-.fortune-insert-button {
-  width: 100% !important;
-  border: none !important;
-  border-radius: 6px !important;
-  padding: 12px !important;
-  font-weight: 500 !important;
-}
-
-.fortune-link-modify-modal.link-toolbar {
-  display: flex;
-  flex-direction: row;
-  padding: 2px 8px 2px 16px;
-  align-items: center;
-}
-
-.fortune-link-modify-modal .link-content {
-  margin-right: 6px;
-}
-
-.fortune-link-modify-modal .link-content:hover {
-  color: #2674fb;
-  cursor: pointer;
-}
-
-.fortune-link-modify-modal .divider {
-  width: 1px;
-  height: 16px;
-  margin: 0px 6px;
-  background-color: #e0e0e0;
-  flex-shrink: 0;
-}
-
-.fortune-link-modify-modal .fortune-toolbar-button {
-  padding: 6px;
-}
-
-.fortune-link-modify-modal .fortune-toolbar-button:hover {
-  background-color: rgba(0, 0, 0, 0.06);
-  cursor: pointer;
-}
-
-.fortune-link-modify-modal.range-selection-modal {
-  width: 380px;
-  padding: 22px;
-  user-select: auto;
-  background-color: #fff;
-}
-
-.fortune-link-modify-line {
-  padding-top: 16px;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-
-.fortune-link-modify-line:first-child {
-  padding-top: 0;
-}
-
-.fortune-link-modify-title {
-  font-size: 14px;
-  font-weight: 500;
-  color: #333333;
-  margin-bottom: 4px;
-}
-
-.fortune-link-modify-input {
-  width: 100% !important;
-}
-
-.fortune-link-modify-select {
-  width: 100% !important;
-}
-
-.input-with-selector {
-  position: relative;
-  display: flex;
-  align-items: center;
-}
-
-.input-with-selector .fortune-link-modify-input {
-  padding-right: 32px !important;
-}
-
-.fortune-link-modify-cell-selector {
-  position: absolute;
-  right: 8px;
-  top: 50%;
-  transform: translateY(-50%);
-  width: 20px;
-  height: 20px;
-  padding: 2px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border: none;
-  cursor: pointer;
-  background: transparent;
-  border-radius: 4px;
-}
-
-.fortune-link-modify-cell-selector:hover {
-  background-color: rgba(0, 0, 0, 0.06);
-}
-
-.fortune-link-modify-modal .modal-title {
-  font-weight: 600;
-  font-size: 18px;
-  color: rgba(0, 0, 0, 0.88);
-  margin-bottom: 16px;
-  line-height: 24px;
-}
-
-.fortune-link-modify-modal .range-selection-input {
-  width: 100% !important;
-}
-
-.fortune-link-modify-modal .modal-icon-close {
-  position: absolute;
-  right: 22px;
-  top: 22px;
-  cursor: pointer;
-  width: 20px;
-  height: 20px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 4px;
-}
-
-.fortune-link-modify-modal .modal-icon-close:hover {
-  background-color: rgba(0, 0, 0, 0.06);
-}
-
-.fortune-link-modify-modal .validation-input-tip {
-  font-size: 12px;
-  color: #ef4e2f;
-  margin-top: 4px;
-}
-
-.fortune-link-modify-modal .button-group {
-  display: flex;
-  gap: 12px;
-  justify-content: flex-end;
-}
-
-.fortune-link-modify-modal .modal-footer {
-  display: flex;
-  justify-content: flex-end;
-  padding-top: 20px;
-  margin-top: 8px;
-  border-top: 1px solid #f0f0f0;
-}
-
-.fortune-link-modify-modal.range-selection-modal .modal-footer {
-  padding-top: 16px;
-  border-top: 1px solid #f0f0f0;
-}
-
-/* Error state styling for fileverse/ui components */
-.fortune-link-modify-modal .error-input input,
-.fortune-link-card .error-input input {
-  border-color: #ef4e2f !important;
-}
-
-.fortune-link-modify-modal .error-input input:focus,
-.fortune-link-card .error-input input:focus {
-  border-color: #ef4e2f !important;
-  box-shadow: 0 0 0 2px rgba(239, 78, 47, 0.2) !important;
-}

package/es/components/LinkEidtCard/index.js

@@ -1,238 +0,0 @@
-var __assign = this && this.__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-import React, { useContext, useState, useMemo, useCallback, useLayoutEffect } from "react";
-import { locale, saveHyperlink, removeHyperlink, replaceHtml, goToLink, isLinkValid } from "@fileverse-dev/fortune-core";
-import { Button, TextField, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, LucideIcon } from "@fileverse/ui";
-import "./index.css";
-import _ from "lodash";
-import WorkbookContext from "../../context";
-import SVGIcon from "../SVGIcon";
-export var LinkEditCard = function LinkEditCard(_a) {
-  var r = _a.r,
-    c = _a.c,
-    rc = _a.rc,
-    originText = _a.originText,
-    originType = _a.originType,
-    originAddress = _a.originAddress,
-    isEditing = _a.isEditing,
-    position = _a.position;
-  var _b = useContext(WorkbookContext),
-    context = _b.context,
-    setContext = _b.setContext,
-    refs = _b.refs;
-  var _c = useState(originText),
-    linkText = _c[0],
-    setLinkText = _c[1];
-  var _d = useState(originAddress),
-    linkAddress = _d[0],
-    setLinkAddress = _d[1];
-  var _e = useState(originType),
-    linkType = _e[0],
-    setLinkType = _e[1];
-  var _f = locale(context),
-    insertLink = _f.insertLink,
-    linkTypeList = _f.linkTypeList;
-  var isLinkAddressValid = isLinkValid(context, linkType, linkAddress);
-  var isButtonDisabled = useMemo(function () {
-    if (!linkText.trim()) return true;
-    if (linkType === "webpage") {
-      return !linkAddress.trim() || !isLinkAddressValid.isValid;
-    }
-    if (linkType === "sheet") {
-      return !linkAddress.trim();
-    }
-    return false;
-  }, [linkText, linkAddress, linkType, isLinkAddressValid.isValid]);
-  var hideLinkCard = useCallback(function () {
-    _.set(refs.globalCache, "linkCard.mouseEnter", false);
-    setContext(function (draftCtx) {
-      draftCtx.linkCard = undefined;
-    });
-  }, [refs.globalCache, setContext]);
-  var containerEvent = useMemo(function () {
-    return {
-      onMouseEnter: function onMouseEnter() {
-        return _.set(refs.globalCache, "linkCard.mouseEnter", true);
-      },
-      onMouseLeave: function onMouseLeave() {
-        return _.set(refs.globalCache, "linkCard.mouseEnter", false);
-      },
-      onMouseDown: function onMouseDown(e) {
-        return e.stopPropagation();
-      },
-      onMouseMove: function onMouseMove(e) {
-        return e.stopPropagation();
-      },
-      onMouseUp: function onMouseUp(e) {
-        return e.stopPropagation();
-      },
-      onKeyDown: function onKeyDown(e) {
-        return e.stopPropagation();
-      },
-      onDoubleClick: function onDoubleClick(e) {
-        return e.stopPropagation();
-      }
-    };
-  }, [refs.globalCache]);
-  var renderToolbarButton = useCallback(function (iconId, onClick) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "fortune-toolbar-button",
-      onClick: onClick,
-      tabIndex: 0
-    }, /*#__PURE__*/React.createElement(SVGIcon, {
-      name: iconId,
-      style: {
-        width: 16,
-        height: 16
-      }
-    }));
-  }, []);
-  useLayoutEffect(function () {
-    setLinkAddress(originAddress);
-    setLinkText(originText);
-    setLinkType(originType);
-  }, [rc, originAddress, originText, originType]);
-  if (!isEditing) {
-    return /*#__PURE__*/React.createElement("div", __assign({}, containerEvent, {
-      onKeyDown: function onKeyDown(e) {
-        e.stopPropagation();
-      },
-      className: "fortune-link-modify-modal link-toolbar",
-      style: {
-        left: position.cellLeft + 20,
-        top: position.cellBottom
-      }
-    }), /*#__PURE__*/React.createElement("div", {
-      className: "link-content",
-      onClick: function onClick() {
-        setContext(function (draftCtx) {
-          return goToLink(draftCtx, r, c, linkType, linkAddress, refs.scrollbarX.current, refs.scrollbarY.current);
-        });
-      },
-      tabIndex: 0
-    }, linkType === "webpage" ? insertLink.openLink : replaceHtml(insertLink.goTo, {
-      linkAddress: linkAddress
-    })), context.allowEdit === true && /*#__PURE__*/React.createElement("div", {
-      className: "divider"
-    }), context.allowEdit === true && linkType === "webpage" && renderToolbarButton("copy", function () {
-      navigator.clipboard.writeText(originAddress);
-      hideLinkCard();
-    }), context.allowEdit === true && renderToolbarButton("pencil", function () {
-      return setContext(function (draftCtx) {
-        if (draftCtx.linkCard != null && draftCtx.allowEdit) {
-          draftCtx.linkCard.isEditing = true;
-        }
-      });
-    }), context.allowEdit === true && /*#__PURE__*/React.createElement("div", {
-      className: "divider"
-    }), context.allowEdit === true && renderToolbarButton("unlink", function () {
-      return setContext(function (draftCtx) {
-        _.set(refs.globalCache, "linkCard.mouseEnter", false);
-        removeHyperlink(draftCtx, r, c);
-      });
-    }));
-  }
-  return /*#__PURE__*/React.createElement("div", __assign({
-    className: "fortune-link-card",
-    style: {
-      left: position.cellLeft + 20,
-      top: position.cellBottom
-    }
-  }, containerEvent), /*#__PURE__*/React.createElement(Select, {
-    value: linkType,
-    onValueChange: function onValueChange(value) {
-      if (value === "sheet") {
-        if (!linkText) {
-          setLinkText(context.luckysheetfile[0].name);
-        }
-        setLinkAddress(context.luckysheetfile[0].name);
-      } else {
-        setLinkAddress("");
-      }
-      setLinkType(value);
-    }
-  }, /*#__PURE__*/React.createElement(SelectTrigger, {
-    className: "fortune-link-type-select"
-  }, /*#__PURE__*/React.createElement(SelectValue, null)), /*#__PURE__*/React.createElement(SelectContent, {
-    className: "fortune-link-type-dropdown"
-  }, linkTypeList.filter(function (type) {
-    return type.value !== "cellrange";
-  }).map(function (type) {
-    return /*#__PURE__*/React.createElement(SelectItem, {
-      key: type.value,
-      value: type.value
-    }, type.text);
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-input-with-icon"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "input-icon"
-  }, /*#__PURE__*/React.createElement(LucideIcon, {
-    name: "ALargeSmall"
-  })), /*#__PURE__*/React.createElement(TextField, {
-    placeholder: "Display text",
-    value: linkText,
-    onChange: function onChange(e) {
-      return setLinkText(e.target.value);
-    },
-    className: "fortune-link-input"
-  })), linkType === "webpage" && (/*#__PURE__*/React.createElement("div", {
-    className: "fortune-input-with-icon"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "input-icon"
-  }, /*#__PURE__*/React.createElement(SVGIcon, {
-    name: "link",
-    width: 16,
-    height: 16
-  })), /*#__PURE__*/React.createElement(TextField, {
-    placeholder: "Paste URL",
-    value: linkAddress,
-    onChange: function onChange(e) {
-      return setLinkAddress(e.target.value);
-    },
-    className: "fortune-link-input ".concat(!linkAddress || isLinkAddressValid.isValid ? "" : "error-input")
-  }))), linkType === "sheet" && (/*#__PURE__*/React.createElement("div", {
-    className: "fortune-input-with-icon"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "input-icon"
-  }, /*#__PURE__*/React.createElement(SVGIcon, {
-    name: "link",
-    width: 16,
-    height: 16
-  })), /*#__PURE__*/React.createElement(Select, {
-    onValueChange: function onValueChange(value) {
-      if (!linkText) setLinkText(value);
-      setLinkAddress(value);
-    },
-    value: linkAddress
-  }, /*#__PURE__*/React.createElement(SelectTrigger, {
-    className: "fortune-sheet-select"
-  }, /*#__PURE__*/React.createElement(SelectValue, {
-    placeholder: "[Sheet name]"
-  })), /*#__PURE__*/React.createElement(SelectContent, {
-    className: "fortune-sheet-dropdown"
-  }, context.luckysheetfile.map(function (sheet) {
-    return /*#__PURE__*/React.createElement(SelectItem, {
-      key: sheet.id,
-      value: sheet.name
-    }, sheet.name);
-  }))))), /*#__PURE__*/React.createElement(Button, {
-    className: "fortune-insert-button",
-    disabled: isButtonDisabled,
-    onClick: function onClick() {
-      if (isButtonDisabled) return;
-      _.set(refs.globalCache, "linkCard.mouseEnter", false);
-      setContext(function (draftCtx) {
-        return saveHyperlink(draftCtx, r, c, linkText, linkType, linkAddress);
-      });
-    }
-  }, "Insert link"));
-};
-export default LinkEditCard;