@fileverse-dev/fortune-react 1.0.2-mod-67-patch-1 → 1.0.2-mod-68

package/dist/index.js

@@ -866,7 +866,9 @@ var FormulaSearch = function FormulaSearch(props) {
       style: {
         width: "20px"
       }
-    })), v.API_KEY && (/*#__PURE__*/React__default['default'].createElement("div", {
+    })), v.API_KEY && (/*#__PURE__*/React__default['default'].createElement(ui.Tooltip, {
+      text: localStorage.getItem(v.API_KEY) ? "API Key added" : "API Key required"
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
       style: {
         borderRadius: "4px",
         backgroundColor: "".concat(localStorage.getItem(v.API_KEY) ? "#177E23" : "#e8ebec"),
@@ -881,7 +883,7 @@ var FormulaSearch = function FormulaSearch(props) {
         width: "12px",
         height: "12px"
       }
-    }))))), /*#__PURE__*/React__default['default'].createElement("div", {
+    })))))), /*#__PURE__*/React__default['default'].createElement("div", {
       className: "luckysheet-formula-search-detail mt-1 text-helper-text-sm color-text-secondary"
     }, v.d));
   }), /*#__PURE__*/React__default['default'].createElement("hr", {
@@ -1930,6 +1932,7 @@ var SearchReplace = function SearchReplace(_ref) {
       var _tableContainerRef$cu;
       if (e.target === tableContainerRef.current || ((_tableContainerRef$cu = tableContainerRef.current) === null || _tableContainerRef$cu === void 0 ? void 0 : _tableContainerRef$cu.contains(e.target))) {
         var _tableContainerRef$cu2;
+        e.preventDefault();
         e.stopPropagation();
         (_tableContainerRef$cu2 = tableContainerRef.current) === null || _tableContainerRef$cu2 === void 0 ? void 0 : _tableContainerRef$cu2.focus();
       }
@@ -1938,13 +1941,17 @@ var SearchReplace = function SearchReplace(_ref) {
       e.preventDefault();
       e.stopPropagation();
       if (tableContainerRef.current) {
-        tableContainerRef.current.scrollTop += e.deltaY;
+        var delta = e.deltaY;
+        var currentScroll = tableContainerRef.current.scrollTop;
+        tableContainerRef.current.scrollTop = currentScroll + delta;
       }
     },
     onTouchStart: function onTouchStart(e) {
+      e.preventDefault();
       e.stopPropagation();
     },
     onTouchMove: function onTouchMove(e) {
+      e.preventDefault();
       e.stopPropagation();
     },
     tabIndex: 0
@@ -3719,11 +3726,8 @@ var IframeBoxs = function IframeBoxs() {
       });
     })), /*#__PURE__*/React__default['default'].createElement("div", {
       className: "luckysheet-modal-dialog-controll"
-    }, /*#__PURE__*/React__default['default'].createElement("span", {
-      className: "luckysheet-modal-controll-btn luckysheet-modal-controll-del",
-      role: "button",
-      tabIndex: 0,
-      title: "Delete",
+    }, /*#__PURE__*/React__default['default'].createElement(ui.IconButton, {
+      icon: "Trash2",
       onClick: function onClick() {
         setContext(function (ctx) {
           var currentSheet = ctx.luckysheetfile.find(function (sheet) {
@@ -3737,8 +3741,10 @@ var IframeBoxs = function IframeBoxs() {
           }
           ctx.activeIframe = undefined;
         });
-      }
-    }, "DELETE")))));
+      },
+      variant: "ghost",
+      className: "fortune-iframe-boxes-delete-button"
+    })))));
   }));
 };
 
@@ -5480,7 +5486,6 @@ var DuneChartsInputModal = function DuneChartsInputModal(_ref) {
   var isOpen = _ref.isOpen,
     onClose = _ref.onClose,
     onSubmit = _ref.onSubmit,
-    icon = _ref.icon,
     _ref$submitText = _ref.submitText,
     submitText = _ref$submitText === void 0 ? "Submit" : _ref$submitText,
     _ref$placeholder = _ref.placeholder,
@@ -5522,6 +5527,8 @@ var DuneChartsInputModal = function DuneChartsInputModal(_ref) {
     e.stopPropagation();
     if (e.key === "Enter") {
       handleSubmit();
+    } else if (e.key === "Escape") {
+      onClose();
     }
   };
   return /*#__PURE__*/React__default['default'].createElement("div", {
@@ -5538,8 +5545,8 @@ var DuneChartsInputModal = function DuneChartsInputModal(_ref) {
     onKeyDown: handleKeyDown
   }, /*#__PURE__*/React__default['default'].createElement("div", {
     className: "modal-header"
-  }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-    name: icon
+  }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+    name: "DuneChart"
   }), /*#__PURE__*/React__default['default'].createElement("input", {
     ref: inputRef,
     className: "modal-input",
@@ -6942,7 +6949,6 @@ var Toolbar = function Toolbar(_ref) {
     onClose: function onClose() {
       return setShowDuneModal(false);
     },
-    icon: "dune-logo",
     placeholder: "Add Dune chart link to embed",
     submitText: "Embed Dune chart"
   }))));
@@ -7823,12 +7829,8 @@ var ContextMenu = function ContextMenu() {
         className: "context-item"
       }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
         name: "split-flv",
-        width: 17,
-        height: 17,
-        style: {
-          marginTop: "4px",
-          marginRight: "8px"
-        }
+        width: 18,
+        height: 18
       }), "Split text to columns"));
     }
     if (name === "freeze-row") {
@@ -7850,14 +7852,8 @@ var ContextMenu = function ContextMenu() {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "freeze-flv",
-        width: 16,
-        height: 16,
-        style: {
-          marginTop: "4px",
-          marginRight: "4px"
-        }
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "Freeze"
       }), isFrozen ? "Unfreeze row" : "Freeze to current row"));
     }
     if (name === "freeze-column") {
@@ -7880,14 +7876,8 @@ var ContextMenu = function ContextMenu() {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "freeze-flv",
-        width: 18,
-        height: 18,
-        style: {
-          marginTop: "4px",
-          marginRight: "4px"
-        }
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "Freeze"
       }), /*#__PURE__*/React__default['default'].createElement("p", null, _isFrozen ? "Unfreeze column" : "Freeze to current column")));
     }
     if (name === "comment") {
@@ -7901,14 +7891,8 @@ var ContextMenu = function ContextMenu() {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "comment-flv",
-        width: 18,
-        height: 18,
-        style: {
-          marginTop: "4px",
-          marginRight: "8px"
-        }
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "MessageSquarePlus"
       }), /*#__PURE__*/React__default['default'].createElement("p", null, "Comment")));
     }
     if (name === "dataVerification") {
@@ -7923,13 +7907,8 @@ var ContextMenu = function ContextMenu() {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "dataVerification",
-        width: 20,
-        height: 20,
-        style: {
-          marginRight: "7px"
-        }
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "ShieldCheck"
       }), /*#__PURE__*/React__default['default'].createElement("p", null, "Data Verification")));
     }
     if (name === "searchReplace") {
@@ -7945,13 +7924,8 @@ var ContextMenu = function ContextMenu() {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "search",
-        width: 20,
-        height: 20,
-        style: {
-          marginRight: "7px"
-        }
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "Search"
       }), /*#__PURE__*/React__default['default'].createElement("p", null, "Find and Replace")));
     }
     if (name === "copy") {
@@ -7971,14 +7945,8 @@ var ContextMenu = function ContextMenu() {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "copy-flv",
-        width: 21,
-        height: 21,
-        style: {
-          marginTop: "4px",
-          marginRight: "4px"
-        }
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "Copy"
       }), /*#__PURE__*/React__default['default'].createElement("p", null, rightclick.copy)));
     }
     if (name === "cut") {
@@ -8011,13 +7979,8 @@ var ContextMenu = function ContextMenu() {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "cut-flv",
-        width: 17,
-        height: 17,
-        style: {
-          marginRight: "8px"
-        }
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "Scissors"
       }), /*#__PURE__*/React__default['default'].createElement("p", null, "Cut")));
     }
     if (name === "paste" && regeneratorRuntime__default['default']) {
@@ -8049,13 +8012,8 @@ var ContextMenu = function ContextMenu() {
         }()
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "paste-flv",
-        width: 17,
-        height: 17,
-        style: {
-          marginRight: "8px"
-        }
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "Clipboard"
       }), /*#__PURE__*/React__default['default'].createElement("p", null, rightclick.paste)));
     }
     if (name === "insert-column") {
@@ -8087,10 +8045,10 @@ var ContextMenu = function ContextMenu() {
               insertRowColOp: insertRowColOp
             });
           }
-        }, /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-          name: "insert-flv",
-          width: 18,
-          height: 18
+        }, /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "context-item"
+        }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+          name: "Plus"
         }), /*#__PURE__*/React__default['default'].createElement("div", null, "Insert column to the left")));
       });
     }
@@ -8123,10 +8081,10 @@ var ContextMenu = function ContextMenu() {
               insertRowColOp: insertRowColOp
             });
           }
-        }, /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-          name: "insert-flv",
-          width: 18,
-          height: 18
+        }, /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "context-item"
+        }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+          name: "Plus"
         }), /*#__PURE__*/React__default['default'].createElement("div", null, "Insert row below")));
       });
     }
@@ -8173,13 +8131,8 @@ var ContextMenu = function ContextMenu() {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "delete-flv",
-        width: 18,
-        height: 18,
-        style: {
-          marginRight: "8px"
-        }
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "Trash2"
       }), /*#__PURE__*/React__default['default'].createElement("div", null, rightclick.deleteSelected, rightclick.column))));
     }
     if (name === "cell-delete-column") {
@@ -8225,13 +8178,8 @@ var ContextMenu = function ContextMenu() {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "delete-flv",
-        width: 18,
-        height: 18,
-        style: {
-          marginRight: "8px"
-        }
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "Trash2"
       }), /*#__PURE__*/React__default['default'].createElement("div", null, rightclick.deleteSelected, rightclick.column))));
     }
     if (name === "delete-row") {
@@ -8276,13 +8224,8 @@ var ContextMenu = function ContextMenu() {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "delete-flv",
-        width: 18,
-        height: 18,
-        style: {
-          marginRight: "8px"
-        }
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "Trash2"
       }), /*#__PURE__*/React__default['default'].createElement("div", null, rightclick.deleteSelected, rightclick.row))));
     }
     if (name === "cell-delete-row") {
@@ -8327,13 +8270,8 @@ var ContextMenu = function ContextMenu() {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "delete-flv",
-        width: 18,
-        height: 18,
-        style: {
-          marginRight: "8px"
-        }
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "Trash2"
       }), /*#__PURE__*/React__default['default'].createElement("div", null, rightclick.deleteSelected, rightclick.row))));
     }
     if (name === "hide-row") {
@@ -8356,13 +8294,8 @@ var ContextMenu = function ContextMenu() {
           }
         }, /*#__PURE__*/React__default['default'].createElement("div", {
           className: "context-item"
-        }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-          name: "hide-flv",
-          width: 18,
-          height: 18,
-          style: {
-            marginRight: "8px"
-          }
+        }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+          name: "EyeOff"
         }), /*#__PURE__*/React__default['default'].createElement("div", null, rightclick[item] + rightclick.row)));
       });
     }
@@ -8386,13 +8319,8 @@ var ContextMenu = function ContextMenu() {
           }
         }, /*#__PURE__*/React__default['default'].createElement("div", {
           className: "context-item"
-        }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-          name: "hide-flv",
-          width: 18,
-          height: 18,
-          style: {
-            marginRight: "8px"
-          }
+        }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+          name: "EyeOff"
         }), /*#__PURE__*/React__default['default'].createElement("div", null, rightclick[item] + rightclick.column)));
       });
     }
@@ -8428,13 +8356,8 @@ var ContextMenu = function ContextMenu() {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "resize-flv",
-        width: 18,
-        height: 18,
-        style: {
-          marginRight: "8px"
-        }
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "Resize"
       }), /*#__PURE__*/React__default['default'].createElement("div", null, "Resize row height", /*#__PURE__*/React__default['default'].createElement("input", {
         onClick: function onClick(e) {
           return e.stopPropagation();
@@ -8468,13 +8391,8 @@ var ContextMenu = function ContextMenu() {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "resize-flv",
-        width: 18,
-        height: 18,
-        style: {
-          marginRight: "8px"
-        }
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "Resize"
       }), /*#__PURE__*/React__default['default'].createElement("div", null, "Resize column width")))) : null;
     }
     if (name === "clear") {
@@ -8502,13 +8420,8 @@ var ContextMenu = function ContextMenu() {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "clear-flv",
-        width: 17,
-        height: 17,
-        style: {
-          marginRight: "8px"
-        }
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "Eraser"
       }), /*#__PURE__*/React__default['default'].createElement("p", null, rightclick.clearContent)));
     }
     if (name === "ascSort") {
@@ -8524,14 +8437,8 @@ var ContextMenu = function ContextMenu() {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "asc-sort-flv",
-        width: 18,
-        height: 18,
-        style: {
-          marginTop: "4px",
-          marginRight: "8px"
-        }
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "ArrowUp"
       }), /*#__PURE__*/React__default['default'].createElement("p", null, "Ascending sort")));
     }
     if (name === "desSort") {
@@ -8547,14 +8454,8 @@ var ContextMenu = function ContextMenu() {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "des-sort-flv",
-        width: 18,
-        height: 18,
-        style: {
-          marginTop: "4px",
-          marginRight: "8px"
-        }
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "ArrowDown"
       }), /*#__PURE__*/React__default['default'].createElement("p", null, "Descending sort")));
     }
     if (name === "sort") {
@@ -8588,13 +8489,8 @@ var ContextMenu = function ContextMenu() {
           style: {
             height: "40px"
           }
-        }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-          name: "sort-asc",
-          width: 24,
-          height: 18,
-          style: {
-            marginRight: "4px"
-          }
+        }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+          name: "ArrowUp"
         }), /*#__PURE__*/React__default['default'].createElement("p", null, sort.asc))), /*#__PURE__*/React__default['default'].createElement(Menu, {
           onClick: function onClick() {
             setContext(function (draftCtx) {
@@ -8607,13 +8503,8 @@ var ContextMenu = function ContextMenu() {
           style: {
             height: "40px"
           }
-        }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-          name: "sort-desc",
-          width: 24,
-          height: 18,
-          style: {
-            marginRight: "4px"
-          }
+        }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+          name: "ArrowDown"
         }), /*#__PURE__*/React__default['default'].createElement("p", null, sort.desc))))),
         trigger: "mouseenter focus",
         hideOnClick: false
@@ -8621,16 +8512,12 @@ var ContextMenu = function ContextMenu() {
         className: "flex items-center justify-between w-full"
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "sort-flv",
-        width: 18,
-        height: 18,
-        style: {
-          marginRight: "8px"
-        }
-      }), /*#__PURE__*/React__default['default'].createElement("p", null, rightclick.sortSelection)), /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "rightArrow",
-        width: 18
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "ArrowDownUp"
+      }), /*#__PURE__*/React__default['default'].createElement("p", null, rightclick.sortSelection)), /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "ChevronRight",
+        width: 16,
+        height: 16
       })))));
     }
     if (name === "filter") {
@@ -8664,13 +8551,8 @@ var ContextMenu = function ContextMenu() {
           style: {
             height: "40px"
           }
-        }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-          name: "filter",
-          width: 22,
-          height: 22,
-          style: {
-            marginRight: "4px"
-          }
+        }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+          name: "Filter"
         }), /*#__PURE__*/React__default['default'].createElement("p", null, filter.filter))), /*#__PURE__*/React__default['default'].createElement(Menu, {
           onClick: function onClick() {
             setContext(function (draftCtx) {
@@ -8683,14 +8565,8 @@ var ContextMenu = function ContextMenu() {
           style: {
             height: "40px"
           }
-        }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-          name: "eraser",
-          width: 22,
-          height: 22,
-          style: {
-            marginRight: "4px",
-            marginLeft: "2px"
-          }
+        }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+          name: "Eraser"
         }), /*#__PURE__*/React__default['default'].createElement("p", null, filter.clearFilter))))),
         trigger: "mouseenter focus",
         hideOnClick: false
@@ -8698,17 +8574,12 @@ var ContextMenu = function ContextMenu() {
         className: "flex items-center justify-between w-full"
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "filter",
-        width: 22,
-        height: 22,
-        style: {
-          marginRight: "4px",
-          marginTop: "2px"
-        }
-      }), /*#__PURE__*/React__default['default'].createElement("p", null, rightclick.filterSelection)), /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "rightArrow",
-        width: 18
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "Filter"
+      }), /*#__PURE__*/React__default['default'].createElement("p", null, rightclick.filterSelection)), /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "ChevronRight",
+        width: 16,
+        height: 16
       })))));
     }
     if (name === "image") {
@@ -8733,13 +8604,8 @@ var ContextMenu = function ContextMenu() {
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "link",
-        width: 20,
-        height: 20,
-        style: {
-          marginRight: "7px"
-        }
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "Link"
       }), /*#__PURE__*/React__default['default'].createElement("p", null, rightclick.link)));
     }
     if (name === "conditionFormat") {
@@ -8770,16 +8636,11 @@ var ContextMenu = function ContextMenu() {
       }, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(Menu, null, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "flex items-center justify-between w-full"
       }, /*#__PURE__*/React__default['default'].createElement("div", {
-        className: "flex items-center gap-2"
-      }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "conditionFormat",
-        width: 16,
-        height: 16,
-        style: {
-          marginRight: "2px"
-        }
-      }), /*#__PURE__*/React__default['default'].createElement("p", null, rightclick.conditionFormat || "Conditional Format")), /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
-        name: "rightArrow",
+        className: "flex items-center gap-2 context-item"
+      }, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "PaintbrushVertical"
+      }), /*#__PURE__*/React__default['default'].createElement("p", null, rightclick.conditionFormat || "Conditional Format")), /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
+        name: "ChevronRight",
         width: 16,
         height: 16
       })))));
@@ -12096,13 +11957,14 @@ var DunePreview = function DunePreview(_ref) {
     }
   })), /*#__PURE__*/React__default['default'].createElement("p", null, "Do you want to insert Dune chart?"), /*#__PURE__*/React__default['default'].createElement("div", {
     className: "fortune-dune-preview-footer"
-  }, /*#__PURE__*/React__default['default'].createElement(ui.Button, {
-    variant: "ghost",
+  }, /*#__PURE__*/React__default['default'].createElement("button", {
+    type: "button",
     onClick: onKeepAsLink,
-    className: "!w-fit px-0"
-  }, "Keep as Link"), /*#__PURE__*/React__default['default'].createElement(ui.Button, {
+    className: "fortune-dune-preview-button"
+  }, "Keep as Link"), /*#__PURE__*/React__default['default'].createElement("button", {
+    type: "button",
     onClick: onEmbed,
-    className: "!w-fit px-0"
+    className: "fortune-dune-preview-button primary"
   }, "Embed")));
 };