@fileverse-dev/fortune-react 1.0.37 → 1.0.39

package/es/components/FormatSearch/index.js

@@ -45,7 +45,7 @@ export var FormatSearch = function FormatSearch(_a) {
       var index = getSheetIndex(ctx, ctx.currentSheetId);
       if (_.isNil(index)) return;
       var selectedFormat = toolbarFormat[selectedFormatIndex].value;
-      var formatString = "".concat(selectedFormat, " #,##0.").concat("0".repeat(decimalPlace));
+      var formatString = "".concat(selectedFormat, "#,##0.").concat("0".repeat(decimalPlace));
       _.forEach(ctx.luckysheet_select_save, function (selection) {
         var _a, _b, _c, _d;
         for (var r = selection.row[0]; r <= selection.row[1]; r += 1) {
@@ -98,19 +98,15 @@ export var FormatSearch = function FormatSearch(_a) {
     }
   }, /*#__PURE__*/React.createElement(SelectTrigger, {
     className: "w-full"
-  }, /*#__PURE__*/React.createElement(SelectValue, {
-    className: "flex items-center gap-2"
-  }, /*#__PURE__*/React.createElement("span", null, (_b = toolbarFormat[selectedFormatIndex]) === null || _b === void 0 ? void 0 : _b.name), /*#__PURE__*/React.createElement("span", {
-    className: "text-body-sm color-text-secondary ml-1"
-  }, "(", (_c = toolbarFormat[selectedFormatIndex]) === null || _c === void 0 ? void 0 : _c.value, ")"))), /*#__PURE__*/React.createElement(SelectContent, null, toolbarFormat.map(function (v, index) {
+  }, /*#__PURE__*/React.createElement(SelectValue, null, (_b = toolbarFormat[selectedFormatIndex]) === null || _b === void 0 ? void 0 : _b.name, " ", (_c = toolbarFormat[selectedFormatIndex]) === null || _c === void 0 ? void 0 : _c.value)), /*#__PURE__*/React.createElement(SelectContent, null, toolbarFormat.map(function (v, index) {
     return /*#__PURE__*/React.createElement(SelectItem, {
       key: v.name,
       value: String(index)
     }, /*#__PURE__*/React.createElement("div", {
-      className: "flex justify-between w-full items-center gap-2"
+      className: "flex justify-between w-full"
     }, /*#__PURE__*/React.createElement("span", null, v.name), /*#__PURE__*/React.createElement("span", {
-      className: "text-body-sm color-text-secondary"
-    }, "(", v.value, ")")));
+      className: "text-body-sm text-icon-secondary"
+    }, v.value)));
   }))))), /*#__PURE__*/React.createElement(Divider, {
     className: "w-full border-t-[1px] my-4"
   }), /*#__PURE__*/React.createElement("div", {

package/es/components/SVGDefines.js

@@ -1897,65 +1897,6 @@ var SVGDefines = function SVGDefines(_a) {
   }), /*#__PURE__*/React.createElement("path", {
     d: "M8.00147 1.3335C8.31859 1.33426 8.59155 1.55835 8.65382 1.86931C8.95517 3.3758 9.86768 4.83997 11.0835 5.81267L11.2677 5.96501C12.171 6.73236 12.8015 7.61685 13.1121 8.58741L12.4767 8.79053L11.842 8.99431C11.6214 8.30509 11.1562 7.61973 10.4045 6.98129L10.2508 6.85434C9.31898 6.10886 8.53727 5.12515 8.00017 4.03337C7.83296 4.35237 7.44178 4.48213 7.11671 4.32243C6.78643 4.15985 6.6502 3.76015 6.81267 3.42986C7.05681 2.9339 7.23662 2.40833 7.34717 1.86671L7.3615 1.80941C7.44507 1.52891 7.70415 1.33298 8.00147 1.3335Z",
     fill: "#363B3F"
-  }))), /*#__PURE__*/React.createElement("symbol", {
-    id: "solana",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none"
-  }, /*#__PURE__*/React.createElement("g", {
-    "clip-path": "url(#clip0_568_119011)"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M2.59975 11.6853C2.69631 11.5775 2.82907 11.5146 2.96988 11.5146H15.7393C15.9726 11.5146 16.0893 11.8291 15.9244 12.0132L13.4019 14.8294C13.3053 14.9372 13.1725 15.0001 13.0317 15.0001H0.262315C0.0289729 15.0001 -0.0876979 14.6856 0.0772505 14.5015L2.59975 11.6853Z",
-    fill: "url(#paint0_linear_568_119011)"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M2.59975 1.17068C2.70033 1.06288 2.8331 1 2.96988 1H15.7393C15.9726 1 16.0893 1.3144 15.9244 1.49856L13.4019 4.31473C13.3053 4.42252 13.1725 4.4854 13.0317 4.4854H0.262315C0.0289729 4.4854 -0.0876979 4.171 0.0772505 3.98685L2.59975 1.17068Z",
-    fill: "url(#paint1_linear_568_119011)"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M13.4019 6.39431C13.3053 6.28651 13.1725 6.22363 13.0317 6.22363H0.262315C0.0289729 6.22363 -0.0876979 6.53804 0.0772505 6.72219L2.59975 9.53836C2.69631 9.64615 2.82907 9.70903 2.96988 9.70903H15.7393C15.9726 9.70903 16.0893 9.39463 15.9244 9.21048L13.4019 6.39431Z",
-    fill: "url(#paint2_linear_568_119011)"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-    id: "paint0_linear_568_119011",
-    x1: "14.5195",
-    y1: "-0.682254",
-    x2: "4.0567",
-    y2: "17.2684",
-    gradientUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/React.createElement("stop", {
-    "stop-color": "#00FFA3"
-  }), /*#__PURE__*/React.createElement("stop", {
-    offset: "1",
-    "stop-color": "#DC1FFF"
-  })), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "paint1_linear_568_119011",
-    x1: "10.6552",
-    y1: "-2.93462",
-    x2: "0.192482",
-    y2: "15.016",
-    gradientUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/React.createElement("stop", {
-    "stop-color": "#00FFA3"
-  }), /*#__PURE__*/React.createElement("stop", {
-    offset: "1",
-    "stop-color": "#DC1FFF"
-  })), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "paint2_linear_568_119011",
-    x1: "12.575",
-    y1: "-1.81561",
-    x2: "2.11229",
-    y2: "16.135",
-    gradientUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/React.createElement("stop", {
-    "stop-color": "#00FFA3"
-  }), /*#__PURE__*/React.createElement("stop", {
-    offset: "1",
-    "stop-color": "#DC1FFF"
-  })), /*#__PURE__*/React.createElement("clipPath", {
-    id: "clip0_568_119011"
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: "16",
-    height: "16",
-    fill: "white"
-  }))))));
+  })))));
 };
 export default SVGDefines;

package/es/components/SheetOverlay/index.css

@@ -10,7 +10,6 @@
   position: relative;
   overflow: hidden;
   outline-style: none;
-  cursor: default;
 }
 
 .fortune-row-body {
@@ -377,7 +376,6 @@
 
 .luckysheet-cell-flow-clip {
   border-collapse: collapse;
-  cursor: default;
   width: 5000000px;
   touch-action: manipulation;
   overflow: hidden;

package/es/components/SheetOverlay/index.js

@@ -243,14 +243,14 @@ var SheetOverlay = function SheetOverlay() {
     axis: "y"
   }), /*#__PURE__*/React.createElement("div", {
     ref: refs.cellArea,
-    className: "fortune-cell-area",
+    className: "fortune-cell-area ".concat(context.luckysheetPaintModelOn ? "cursor-paint" : ""),
     onMouseDown: cellAreaMouseDown,
     onDoubleClick: cellAreaDoubleClick,
     onContextMenu: cellAreaContextMenu,
     style: {
       width: context.cellmainWidth,
       height: context.cellmainHeight,
-      cursor: context.luckysheet_cell_selected_extend ? "crosshair" : "default"
+      cursor: context.luckysheet_cell_selected_extend ? "crosshair" : ""
     }
   }, /*#__PURE__*/React.createElement("div", {
     id: "fortune-formula-functionrange"

package/es/components/SheetTab/index.css

@@ -7,7 +7,6 @@
   padding: 0 30px 0 44px;
   margin: 0;
   -webkit-touch-callout: none;
-  cursor: default;
   transition: 0.3s ease all;
   display: flex;
   align-items: center;
@@ -188,7 +187,6 @@
   border-top-color: #fff;
   color: #222;
   /* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); */
-  cursor: default;
   /* top: -2px; */
   /* border-bottom: none; */
   /* padding-right: 20px; */

package/es/components/SheetTab/index.js

@@ -57,27 +57,7 @@ var SheetTab = function SheetTab() {
     var _a;
     (_a = settings.onSheetCountChange) === null || _a === void 0 ? void 0 : _a.call(settings, context.luckysheetfile.length);
   }, [context.luckysheetfile.length]);
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    className: "w-full",
-    id: "denomination-warning",
-    style: {
-      position: "relative",
-      display: "none",
-      backgroundColor: "#F8F9FA",
-      borderBottom: "1px solid #E8EBEC",
-      color: "#77818A",
-      fontFamily: "Helvetica Neue",
-      fontSize: "var(--font-size-2xsm, 12px)",
-      fontStyle: "normal",
-      fontWeight: "400"
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "max-w-7xl mx-auto px-4 py-1"
-  }, /*#__PURE__*/React.createElement("p", {
-    className: "text-sm text-center"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "font-medium"
-  }, "Disclaimer:"), " Prices aren't updated in real time, so they might be slightly different from the source when you check. Updates can be delayed by up to 20 minutes."))), /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "luckysheet-sheet-area luckysheet-noselected-text",
     onContextMenu: function onContextMenu(e) {
       return e.preventDefault();
@@ -158,6 +138,6 @@ var SheetTab = function SheetTab() {
     height: 12
   })))), /*#__PURE__*/React.createElement("div", {
     className: "fortune-sheet-area-right"
-  }, /*#__PURE__*/React.createElement(ZoomControl, null))));
+  }, /*#__PURE__*/React.createElement(ZoomControl, null)));
 };
 export default SheetTab;

package/es/components/Toolbar/Combo.js

@@ -18,11 +18,8 @@ var Combo = function Combo(_a) {
     open = _c[0],
     setOpen = _c[1];
   var buttonRef = useRef(null);
-  var handleOpenChange = function handleOpenChange(newOpen) {
-    setOpen(newOpen);
-  };
   var isLucideIcon = useMemo(function () {
-    return (iconId === null || iconId === void 0 ? void 0 : iconId.startsWith("align-")) || ["text-overflow", "text-wrap", "text-clip", "font-color", "background", "border-all", "merge-all", "format", "conditionFormat", "filter", "comment", "image", "formula-sum", "dune", "template", "font-color", "background", "currency"].includes(iconId);
+    return (iconId === null || iconId === void 0 ? void 0 : iconId.startsWith("align-")) || ["text-overflow", "text-wrap", "text-clip", "font-color", "background", "border-all", "merge-all", "format", "conditionFormat", "filter", "comment", "image", "formula-sum", "dune", "template", "font-color", "background"].includes(iconId);
   }, [iconId]);
   var trigger = !isLucideIcon ? (/*#__PURE__*/React.createElement(Tooltip, {
     text: tooltip,
@@ -78,8 +75,7 @@ var Combo = function Combo(_a) {
       return setOpen(!open);
     },
     className: cn("fortune-toolbar-combo-button", {
-      "custom-color-button": iconId === "font-color" && fillColor,
-      "min-w-fit rounded-l-none": iconId === "currency"
+      "custom-color-button": iconId === "font-color" && fillColor
     }),
     style: {
       color: iconId === "font-color" ? fillColor : undefined
@@ -90,8 +86,7 @@ var Combo = function Combo(_a) {
     className: "fortune-toolbar-item"
   }, /*#__PURE__*/React.createElement(Popover, {
     open: open,
-    onOpenChange: handleOpenChange,
-    modal: true
+    onOpenChange: setOpen
   }, /*#__PURE__*/React.createElement(PopoverTrigger, {
     asChild: true
   }, /*#__PURE__*/React.createElement("div", {
@@ -101,16 +96,7 @@ var Combo = function Combo(_a) {
     side: "bottom",
     sideOffset: 4,
     alignOffset: -16,
-    className: "fortune-toolbar-combo-popup border-none",
-    onMouseDown: function onMouseDown(e) {
-      return e.stopPropagation();
-    },
-    onMouseUp: function onMouseUp(e) {
-      return e.stopPropagation();
-    },
-    onClick: function onClick(e) {
-      return e.stopPropagation();
-    }
+    className: "fortune-toolbar-combo-popup border-none"
   }, children === null || children === void 0 ? void 0 : children(setOpen))));
 };
 export default Combo;

package/es/components/Toolbar/index.css

@@ -403,9 +403,3 @@
 .custom-color-button > svg > path:first-child {
   display: none !important;
 }
-
-#search-input-container [cmdk-input-wrapper] {
-  border: 1px solid hsl(var(--color-border-default));
-  border-radius: 8px;
-  margin: 8px 8px 0px 8px;
-}

package/es/components/Toolbar/index.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import "./index.css";
-export declare const getLucideIcon: (title: string) => "Ethereum" | "DollarSign" | "" | "ChevronDown" | "Undo" | "Redo" | "Bold" | "Italic" | "Strikethrough" | "Underline" | "AlignLeft" | "AlignCenter" | "AlignRight" | "ArrowUpFromLine" | "AlignVerticalMiddle" | "ArrowDownToLine" | "TextOverflow" | "WrapText" | "TextClip" | "Baseline" | "PaintBucket" | "Border" | "MergeHorizontal" | "Percent" | "DecimalsArrowLeft" | "DecimalsArrowRight" | "PaintbrushVertical" | "Filter" | "Link" | "MessageSquarePlus" | "Image" | "Sigma" | "ShieldCheck" | "Search" | "DuneChart" | "Ellipsis";
+export declare const getLucideIcon: (title: string) => "" | "Undo" | "Redo" | "PaintRoller" | "Bold" | "Italic" | "Strikethrough" | "Underline" | "AlignLeft" | "AlignCenter" | "AlignRight" | "ArrowUpFromLine" | "AlignVerticalMiddle" | "ArrowDownToLine" | "TextOverflow" | "WrapText" | "TextClip" | "Baseline" | "PaintBucket" | "Border" | "MergeHorizontal" | "DollarSign" | "Percent" | "DecimalsArrowLeft" | "DecimalsArrowRight" | "PaintbrushVertical" | "Filter" | "Link" | "MessageSquarePlus" | "Image" | "Sigma" | "ShieldCheck" | "Search" | "DuneChart" | "Ellipsis";
 declare const Toolbar: React.FC<{
     setMoreItems: React.Dispatch<React.SetStateAction<React.ReactNode>>;
     moreItemsOpen: boolean;

package/es/components/Toolbar/index.js

@@ -1,131 +1,7 @@
-var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {
-  function adopt(value) {
-    return value instanceof P ? value : new P(function (resolve) {
-      resolve(value);
-    });
-  }
-  return new (P || (P = Promise))(function (resolve, reject) {
-    function fulfilled(value) {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-    function rejected(value) {
-      try {
-        step(generator["throw"](value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-    function step(result) {
-      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-    }
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
-var __generator = this && this.__generator || function (thisArg, body) {
-  var _ = {
-      label: 0,
-      sent: function sent() {
-        if (t[0] & 1) throw t[1];
-        return t[1];
-      },
-      trys: [],
-      ops: []
-    },
-    f,
-    y,
-    t,
-    g;
-  return g = {
-    next: verb(0),
-    "throw": verb(1),
-    "return": verb(2)
-  }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
-    return this;
-  }), g;
-  function verb(n) {
-    return function (v) {
-      return step([n, v]);
-    };
-  }
-  function step(op) {
-    if (f) throw new TypeError("Generator is already executing.");
-    while (g && (g = 0, op[0] && (_ = 0)), _) try {
-      if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-      if (y = 0, t) op = [op[0] & 2, t.value];
-      switch (op[0]) {
-        case 0:
-        case 1:
-          t = op;
-          break;
-        case 4:
-          _.label++;
-          return {
-            value: op[1],
-            done: false
-          };
-        case 5:
-          _.label++;
-          y = op[1];
-          op = [0];
-          continue;
-        case 7:
-          op = _.ops.pop();
-          _.trys.pop();
-          continue;
-        default:
-          if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-            _ = 0;
-            continue;
-          }
-          if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
-            _.label = op[1];
-            break;
-          }
-          if (op[0] === 6 && _.label < t[1]) {
-            _.label = t[1];
-            t = op;
-            break;
-          }
-          if (t && _.label < t[2]) {
-            _.label = t[2];
-            _.ops.push(op);
-            break;
-          }
-          if (t[2]) _.ops.pop();
-          _.trys.pop();
-          continue;
-      }
-      op = body.call(thisArg, _);
-    } catch (e) {
-      op = [6, e];
-      y = 0;
-    } finally {
-      f = t = 0;
-    }
-    if (op[0] & 5) throw op[1];
-    return {
-      value: op[0] ? op[1] : void 0,
-      done: true
-    };
-  }
-};
-var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
-  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-    if (ar || !(i in from)) {
-      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-      ar[i] = from[i];
-    }
-  }
-  return to.concat(ar || Array.prototype.slice.call(from));
-};
 import React, { useContext, useCallback, useRef, useEffect, useState } from "react";
 import { toolbarItemClickHandler, handleTextBackground, handleTextColor, handleTextSize, normalizedCellAttr, getFlowdata, newComment, editComment, deleteComment, showHideComment, showHideAllComments, autoSelectionFormula, handleSum, locale, handleMerge, handleBorder, toolbarItemSelectedFunc, handleFreeze, insertImage, showImgChooser, updateFormat, handleSort, handleHorizontalAlign, handleVerticalAlign, handleScreenShot, createFilter, clearFilter, applyLocation, insertDuneChart } from "@fileverse-dev/fortune-core";
 import _ from "lodash";
-import { IconButton, LucideIcon, Tooltip, Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from "@fileverse/ui";
+import { IconButton, LucideIcon, Tooltip } from "@fileverse/ui";
 import WorkbookContext from "../../context";
 import "./index.css";
 import Button from "./Button";
@@ -143,16 +19,14 @@ import { CustomColor } from "./CustomColor";
 import { FormatSearch } from "../FormatSearch";
 import DuneChartsInputModal from "../DuneChartsInputModal/DuneChartsInputModal";
 import MoreItemsContaier from "./MoreItemsContainer";
-import CryptoDenominationSelector from "../CryptoDenominationSelector";
-import { getGroupedCurrencyOptions, CRYPTO_OPTIONS } from "../../constants";
-import { convertCellsToCrypto, getFiatSymbol } from "../../utils/convertCellsToCrypto";
-import { updateCellsDecimalFormat } from "../../utils/updateCellsDecimalFormat";
 export var getLucideIcon = function getLucideIcon(title) {
   switch (title) {
     case "undo":
       return "Undo";
     case "redo":
       return "Redo";
+    case "format-painter":
+      return "PaintRoller";
     case "bold":
       return "Bold";
     case "italic":
@@ -191,8 +65,6 @@ export var getLucideIcon = function getLucideIcon(title) {
       return "DollarSign";
     case "currency-format":
       return "DollarSign";
-    case "currency":
-      return "ChevronDown";
     case "percentage-format":
       return "Percent";
     case "number-decrease":
@@ -217,8 +89,6 @@ export var getLucideIcon = function getLucideIcon(title) {
       return "Search";
     case "dune":
       return "DuneChart";
-    case "crypto":
-      return "Ethereum";
     case "Ellipsis":
       return "Ellipsis";
     default:
@@ -284,15 +154,6 @@ var Toolbar = function Toolbar(_a) {
   var defaultFormat = defaultFmt(currency);
   var customColor = useState("#000000")[0];
   var customStyle = useState("1")[0];
-  var _m = useState(""),
-    searchTerm = _m[0],
-    setSearchTerm = _m[1];
-  var _o = useState(2),
-    decimals = _o[0],
-    setDecimals = _o[1];
-  var _p = useState("USD"),
-    selectedFiat = _p[0],
-    setSelectedFiat = _p[1];
   var showSubMenu = useCallback(function (e, className) {
     var target = e.target;
     var menuItem = target.className === "fortune-toolbar-menu-line" ? target.parentElement : target;
@@ -1385,183 +1246,6 @@ var Toolbar = function Toolbar(_a) {
         }));
       });
     }
-    if (name === "currency") {
-      var currentFmt_1 = defaultFormat[0].text;
-      var currentIcon = "currency";
-      if (cell) {
-        var curr_3 = normalizedCellAttr(cell, "ct");
-        if (curr_3 === null || curr_3 === void 0 ? void 0 : curr_3.fa) {
-          var allOptions = __spreadArray(__spreadArray([], CRYPTO_OPTIONS, true), locale(context).currencyDetail.map(function (c) {
-            return {
-              label: c.name,
-              value: c.value,
-              icon: undefined,
-              type: "fiat"
-            };
-          }), true);
-          var found = allOptions.find(function (o) {
-            return curr_3.fa.includes(o.value);
-          });
-          if (found) {
-            currentFmt_1 = found.label;
-          }
-        }
-      }
-      var groupedOptions_1 = getGroupedCurrencyOptions(locale(context).currencyDetail);
-      var filterOptions_1 = function filterOptions_1(options) {
-        if (!searchTerm.trim()) return options;
-        var query = searchTerm.trim().toLowerCase();
-        return options.filter(function (opt) {
-          return query.split(/\s+/).every(function (word) {
-            return opt.label.toLowerCase().includes(word) || opt.value.toLowerCase().includes(word);
-          });
-        });
-      };
-      var dedupeByValue_1 = function dedupeByValue_1(options) {
-        var seen = new Set();
-        return options.filter(function (opt) {
-          if (seen.has(opt.value)) return false;
-          seen.add(opt.value);
-          return true;
-        });
-      };
-      var handleCurrencyDecimalsChange_1 = function handleCurrencyDecimalsChange_1(newDecimals) {
-        setDecimals(newDecimals);
-        var isCrypto = false;
-        if (cell && cell.ct && typeof cell.ct.fa === "string") {
-          var _a = cell.ct.fa.match(/"([A-Z]+)"/) || [],
-            matchedDenom = _a[1];
-          if (matchedDenom) isCrypto = true;
-        }
-        updateCellsDecimalFormat({
-          context: context,
-          setContext: setContext,
-          decimals: newDecimals,
-          denomination: isCrypto ? undefined : selectedFiat
-        });
-      };
-      return /*#__PURE__*/React.createElement(Combo, {
-        iconId: currentIcon,
-        text: currentFmt_1,
-        key: name,
-        tooltip: tooltip,
-        showArrow: true
-      }, function () {
-        return /*#__PURE__*/React.createElement("div", {
-          style: {
-            minWidth: "20rem"
-          }
-        }, /*#__PURE__*/React.createElement(Command, {
-          className: "border color-border-default rounded-lg"
-        }, /*#__PURE__*/React.createElement("div", {
-          id: "search-input-container"
-        }, /*#__PURE__*/React.createElement(CommandInput, {
-          placeholder: "Search by name or code",
-          value: searchTerm,
-          onValueChange: setSearchTerm
-        })), /*#__PURE__*/React.createElement("div", {
-          className: "px-4 py-2 border-b color-border-default flex items-center justify-between gap-2 text-body-sm color-text-default",
-          onClick: function onClick(e) {
-            return e.stopPropagation();
-          }
-        }, /*#__PURE__*/React.createElement("span", null, "Decimal places:"), /*#__PURE__*/React.createElement("span", {
-          className: "cds-row flex items-center"
-        }, /*#__PURE__*/React.createElement(IconButton, {
-          icon: "Minus",
-          variant: "ghost",
-          size: "sm",
-          className: "!bg-transparent",
-          disabled: decimals === 1,
-          onClick: function onClick() {
-            return handleCurrencyDecimalsChange_1(Math.max(1, decimals - 1));
-          }
-        }), /*#__PURE__*/React.createElement("input", {
-          type: "number",
-          min: 1,
-          max: 18,
-          value: decimals,
-          onChange: function onChange(e) {
-            return handleCurrencyDecimalsChange_1(Math.max(1, Math.min(18, Number(e.target.value))));
-          }
-        }), /*#__PURE__*/React.createElement(IconButton, {
-          icon: "Plus",
-          variant: "ghost",
-          size: "sm",
-          className: "!bg-transparent",
-          disabled: decimals === 18,
-          onClick: function onClick() {
-            return handleCurrencyDecimalsChange_1(Math.min(18, decimals + 1));
-          }
-        }))), /*#__PURE__*/React.createElement(CommandList, null, /*#__PURE__*/React.createElement(CommandEmpty, {
-          className: "text-center text-body-sm color-text-secondary flex items-center justify-center",
-          style: {
-            minHeight: "5rem"
-          }
-        }, "No results found."), groupedOptions_1.map(function (group) {
-          var filtered = dedupeByValue_1(filterOptions_1(group.options));
-          return /*#__PURE__*/React.createElement(CommandGroup, {
-            key: group.group,
-            heading: group.group
-          }, filtered.map(function (opt) {
-            return /*#__PURE__*/React.createElement(CommandItem, {
-              key: opt.value,
-              value: "".concat(opt.label, " ").concat(opt.value),
-              onSelect: function onSelect() {
-                return __awaiter(void 0, void 0, void 0, function () {
-                  return __generator(this, function (_a) {
-                    switch (_a.label) {
-                      case 0:
-                        if (!(opt.type === "crypto")) return [3, 2];
-                        return [4, convertCellsToCrypto({
-                          context: context,
-                          setContext: setContext,
-                          denomination: opt.value,
-                          decimals: decimals,
-                          baseCurrency: "USD"
-                        })];
-                      case 1:
-                        _a.sent();
-                        return [3, 3];
-                      case 2:
-                        setSelectedFiat(opt.value);
-                        setContext(function (ctx) {
-                          var d = getFlowdata(ctx);
-                          if (d == null) return;
-                          var formatString = "".concat(getFiatSymbol(opt.value), " #,##0.").concat("0".repeat(decimals));
-                          updateFormat(ctx, refs.cellInput.current, d, "ct", formatString);
-                        });
-                        _a.label = 3;
-                      case 3:
-                        return [2];
-                    }
-                  });
-                });
-              }
-            }, /*#__PURE__*/React.createElement("div", {
-              className: "fortune-toolbar-menu-line flex items-center justify-between w-full"
-            }, /*#__PURE__*/React.createElement("div", {
-              className: "flex items-center gap-2"
-            }, currentFmt_1 === opt.label ? (/*#__PURE__*/React.createElement(LucideIcon, {
-              name: "Check",
-              className: "w-4 h-4"
-            })) : (/*#__PURE__*/React.createElement("span", {
-              className: "w-4 h-4"
-            })), /*#__PURE__*/React.createElement("span", null, opt.label)), opt.type === "crypto" ? (/*#__PURE__*/React.createElement("span", {
-              className: "color-text-secondary"
-            }, /*#__PURE__*/React.createElement(LucideIcon, {
-              name: opt.icon,
-              className: "cds-icon"
-            }), opt.value === "SOL" && (/*#__PURE__*/React.createElement(SVGIcon, {
-              name: "solana",
-              width: 16,
-              height: 16
-            })))) : (/*#__PURE__*/React.createElement("span", {
-              className: "color-text-secondary"
-            }, opt.value))));
-          }));
-        }))));
-      });
-    }
     return /*#__PURE__*/React.createElement(Tooltip, {
       text: tooltip,
       placement: "bottom"
@@ -1614,7 +1298,7 @@ var Toolbar = function Toolbar(_a) {
     onClose: onMoreToolbarItemsClose
   }, moreToolbarItems))), /*#__PURE__*/React.createElement("div", {
     className: "fortune-toolbar-right"
-  }, settings.customToolbarItems.length > 0 && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+  }, settings.customToolbarItems.length > 0 && (/*#__PURE__*/React.createElement(Button, {
     iconId: "dune",
     tooltip: "Insert Dune Chart",
     key: "dune-charts",
@@ -1626,20 +1310,7 @@ var Toolbar = function Toolbar(_a) {
       backgroundColor: "#F4603E2E",
       borderRadius: "8px"
     }
-  }), /*#__PURE__*/React.createElement("span", {
-    style: {
-      display: "inline-block",
-      position: "relative"
-    }
-  }, /*#__PURE__*/React.createElement(CryptoDenominationSelector, null, /*#__PURE__*/React.createElement(Button, {
-    iconId: "crypto",
-    tooltip: "Crypto denominations",
-    key: "crypto-denominations",
-    style: {
-      backgroundColor: "#e8ebec",
-      borderRadius: "8px"
-    }
-  }))))), settings.customToolbarItems.filter(function (n) {
+  })), settings.customToolbarItems.filter(function (n) {
     return n.key !== "import-export";
   }).map(function (n) {
     return /*#__PURE__*/React.createElement(CustomButton, {

package/es/components/Workbook/index.css

@@ -42,3 +42,7 @@ html::-webkit-scrollbar-button {
   justify-content: flex-end;
   align-items: center;
 }
+
+.cursor-paint {
+  cursor: url("../../assets/paint-roller.png") 16 16, auto;
+}