@fileverse-dev/fortune-react 1.0.34 → 1.0.36

package/es/components/Toolbar/index.js

@@ -1,7 +1,131 @@
+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 } from "@fileverse/ui";
+import { IconButton, LucideIcon, Tooltip, Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from "@fileverse/ui";
 import WorkbookContext from "../../context";
 import "./index.css";
 import Button from "./Button";
@@ -19,6 +143,10 @@ 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":
@@ -63,6 +191,8 @@ 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":
@@ -87,6 +217,8 @@ export var getLucideIcon = function getLucideIcon(title) {
       return "Search";
     case "dune":
       return "DuneChart";
+    case "crypto":
+      return "Ethereum";
     case "Ellipsis":
       return "Ellipsis";
     default:
@@ -152,6 +284,15 @@ 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;
@@ -1244,6 +1385,183 @@ 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"
@@ -1296,7 +1614,7 @@ var Toolbar = function Toolbar(_a) {
     onClose: onMoreToolbarItemsClose
   }, moreToolbarItems))), /*#__PURE__*/React.createElement("div", {
     className: "fortune-toolbar-right"
-  }, settings.customToolbarItems.length > 0 && (/*#__PURE__*/React.createElement(Button, {
+  }, settings.customToolbarItems.length > 0 && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
     iconId: "dune",
     tooltip: "Insert Dune Chart",
     key: "dune-charts",
@@ -1308,7 +1626,20 @@ var Toolbar = function Toolbar(_a) {
       backgroundColor: "#F4603E2E",
       borderRadius: "8px"
     }
-  })), settings.customToolbarItems.filter(function (n) {
+  }), /*#__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) {
     return n.key !== "import-export";
   }).map(function (n) {
     return /*#__PURE__*/React.createElement(CustomButton, {

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

@@ -1,4 +1,4 @@
-import { Settings, Context, CellWithRowAndCol, Sheet as SheetType, Op, CellMatrix } from "@fileverse-dev/fortune-core";
+import { Settings, Context, CellWithRowAndCol, Sheet as SheetType, Op, CellMatrix, api } from "@fileverse-dev/fortune-core";
 import React from "react";
 import "./index.css";
 import { generateAPIs } from "./api";
@@ -9,29 +9,29 @@ type AdditionalProps = {
 };
 declare const Workbook: React.ForwardRefExoticComponent<Settings & AdditionalProps & React.RefAttributes<{
     applyOp: (ops: Op[]) => void;
-    getCellValue: (row: number, column: number, options?: import("@fileverse-dev/fortune-core/lib/api").CommonOptions & {
+    getCellValue: (row: number, column: number, options?: api.CommonOptions & {
         type?: "rt" | "m" | "v" | "mc" | "f" | "ct" | "qp" | "spl" | "bg" | "lo" | "ps" | "hl" | keyof import("@fileverse-dev/fortune-core").CellStyle | undefined;
     }) => any;
     onboardingActiveCell: (functionName: string) => void;
     initializeComment: (row: number, column: number) => void;
-    setCellValue: (row: number, column: number, value: any, options?: import("@fileverse-dev/fortune-core/lib/api").CommonOptions & {
+    setCellValue: (row: number, column: number, value: any, options?: api.CommonOptions & {
         type?: "rt" | "m" | "v" | "mc" | "f" | "ct" | "qp" | "spl" | "bg" | "lo" | "ps" | "hl" | keyof import("@fileverse-dev/fortune-core").CellStyle | undefined;
     }) => void;
-    clearCell: (row: number, column: number, options?: import("@fileverse-dev/fortune-core/lib/api").CommonOptions) => void;
-    setCellFormat: (row: number, column: number, attr: "rt" | "m" | "v" | "mc" | "f" | "ct" | "qp" | "spl" | "bg" | "lo" | "ps" | "hl" | keyof import("@fileverse-dev/fortune-core").CellStyle, value: any, options?: import("@fileverse-dev/fortune-core/lib/api").CommonOptions) => void;
+    clearCell: (row: number, column: number, options?: api.CommonOptions) => void;
+    setCellFormat: (row: number, column: number, attr: "rt" | "m" | "v" | "mc" | "f" | "ct" | "qp" | "spl" | "bg" | "lo" | "ps" | "hl" | keyof import("@fileverse-dev/fortune-core").CellStyle, value: any, options?: api.CommonOptions) => void;
     autoFillCell: (copyRange: import("@fileverse-dev/fortune-core").SingleRange, applyRange: import("@fileverse-dev/fortune-core").SingleRange, direction: "left" | "right" | "down" | "up") => void;
     freeze: (type: "column" | "both" | "row", range: {
         row: number;
         column: number;
-    }, options?: import("@fileverse-dev/fortune-core/lib/api").CommonOptions) => void;
-    insertRowOrColumn: (type: "column" | "row", index: number, count: number, direction?: "lefttop" | "rightbottom", options?: import("@fileverse-dev/fortune-core/lib/api").CommonOptions) => void;
-    deleteRowOrColumn: (type: "column" | "row", start: number, end: number, options?: import("@fileverse-dev/fortune-core/lib/api").CommonOptions) => void;
+    }, options?: api.CommonOptions) => void;
+    insertRowOrColumn: (type: "column" | "row", index: number, count: number, direction?: "lefttop" | "rightbottom", options?: api.CommonOptions) => void;
+    deleteRowOrColumn: (type: "column" | "row", start: number, end: number, options?: api.CommonOptions) => void;
     hideRowOrColumn: (rowOrColInfo: string[], type: "column" | "row") => void;
     showRowOrColumn: (rowOrColInfo: string[], type: "column" | "row") => void;
-    setRowHeight: (rowInfo: Record<string, number>, options?: import("@fileverse-dev/fortune-core/lib/api").CommonOptions, custom?: boolean) => void;
-    setColumnWidth: (columnInfo: Record<string, number>, options?: import("@fileverse-dev/fortune-core/lib/api").CommonOptions, custom?: boolean) => void;
-    getRowHeight: (rows: number[], options?: import("@fileverse-dev/fortune-core/lib/api").CommonOptions) => Record<number, number>;
-    getColumnWidth: (columns: number[], options?: import("@fileverse-dev/fortune-core/lib/api").CommonOptions) => Record<number, number>;
+    setRowHeight: (rowInfo: Record<string, number>, options?: api.CommonOptions, custom?: boolean) => void;
+    setColumnWidth: (columnInfo: Record<string, number>, options?: api.CommonOptions, custom?: boolean) => void;
+    getRowHeight: (rows: number[], options?: api.CommonOptions) => Record<number, number>;
+    getColumnWidth: (columns: number[], options?: api.CommonOptions) => Record<number, number>;
     getSelection: () => {
         row: number[];
         column: number[];
@@ -45,15 +45,15 @@ declare const Workbook: React.ForwardRefExoticComponent<Settings & AdditionalPro
         c: number;
     }[] | undefined) => (import("@fileverse-dev/fortune-core").Cell | null)[];
     getSelectionCoordinates: () => string[];
-    getCellsByRange: (range: import("@fileverse-dev/fortune-core").Selection, options?: import("@fileverse-dev/fortune-core/lib/api").CommonOptions) => (import("@fileverse-dev/fortune-core").Cell | null)[][];
-    getHtmlByRange: (range: import("@fileverse-dev/fortune-core").Range, options?: import("@fileverse-dev/fortune-core/lib/api").CommonOptions) => string | null;
-    setSelection: (range: import("@fileverse-dev/fortune-core").Range, options?: import("@fileverse-dev/fortune-core/lib/api").CommonOptions) => void;
-    setCellValuesByRange: (data: any[][], range: import("@fileverse-dev/fortune-core").SingleRange, options?: import("@fileverse-dev/fortune-core/lib/api").CommonOptions) => void;
-    setCellFormatByRange: (attr: "rt" | "m" | "v" | "mc" | "f" | "ct" | "qp" | "spl" | "bg" | "lo" | "ps" | "hl" | keyof import("@fileverse-dev/fortune-core").CellStyle, value: any, range: import("@fileverse-dev/fortune-core").SingleRange | import("@fileverse-dev/fortune-core").Range, options?: import("@fileverse-dev/fortune-core/lib/api").CommonOptions) => void;
-    mergeCells: (ranges: import("@fileverse-dev/fortune-core").Range, type: string, options?: import("@fileverse-dev/fortune-core/lib/api").CommonOptions) => void;
-    cancelMerge: (ranges: import("@fileverse-dev/fortune-core").Range, options?: import("@fileverse-dev/fortune-core/lib/api").CommonOptions) => void;
+    getCellsByRange: (range: import("@fileverse-dev/fortune-core").Selection, options?: api.CommonOptions) => (import("@fileverse-dev/fortune-core").Cell | null)[][];
+    getHtmlByRange: (range: import("@fileverse-dev/fortune-core").Range, options?: api.CommonOptions) => string | null;
+    setSelection: (range: import("@fileverse-dev/fortune-core").Range, options?: api.CommonOptions) => void;
+    setCellValuesByRange: (data: any[][], range: import("@fileverse-dev/fortune-core").SingleRange, options?: api.CommonOptions) => void;
+    setCellFormatByRange: (attr: "rt" | "m" | "v" | "mc" | "f" | "ct" | "qp" | "spl" | "bg" | "lo" | "ps" | "hl" | keyof import("@fileverse-dev/fortune-core").CellStyle, value: any, range: import("@fileverse-dev/fortune-core").SingleRange | import("@fileverse-dev/fortune-core").Range, options?: api.CommonOptions) => void;
+    mergeCells: (ranges: import("@fileverse-dev/fortune-core").Range, type: string, options?: api.CommonOptions) => void;
+    cancelMerge: (ranges: import("@fileverse-dev/fortune-core").Range, options?: api.CommonOptions) => void;
     getAllSheets: () => SheetType[];
-    getSheet: (options?: import("@fileverse-dev/fortune-core/lib/api").CommonOptions) => {
+    getSheet: (options?: api.CommonOptions) => {
         celldata: CellWithRowAndCol[];
         name: string;
         config?: import("@fileverse-dev/fortune-core").SheetConfig | undefined;
@@ -116,10 +116,10 @@ declare const Workbook: React.ForwardRefExoticComponent<Settings & AdditionalPro
         } | undefined;
     };
     addSheet: () => void;
-    deleteSheet: (options?: import("@fileverse-dev/fortune-core/lib/api").CommonOptions) => void;
+    deleteSheet: (options?: api.CommonOptions) => void;
     updateSheet: (data: SheetType[]) => void;
-    activateSheet: (options?: import("@fileverse-dev/fortune-core/lib/api").CommonOptions) => void;
-    setSheetName: (name: string, options?: import("@fileverse-dev/fortune-core/lib/api").CommonOptions) => void;
+    activateSheet: (options?: api.CommonOptions) => void;
+    setSheetName: (name: string, options?: api.CommonOptions) => void;
     setSheetOrder: (orderList: Record<string, number>) => void;
     scroll: (options: {
         scrollLeft?: number | undefined;

package/es/components/Workbook/index.js

@@ -15,7 +15,7 @@ var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
   }
   return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { defaultContext, defaultSettings, initSheetIndex, handleGlobalKeyDown, getSheetIndex, handlePaste, filterPatch, patchToOp, inverseRowColOptions, ensureSheetIndex, insertRowCol, locale, calcSelectionInfo, groupValuesRefresh, insertDuneChart } from "@fileverse-dev/fortune-core";
+import { defaultContext, defaultSettings, initSheetIndex, handleGlobalKeyDown, getSheetIndex, handlePaste, filterPatch, patchToOp, inverseRowColOptions, ensureSheetIndex, insertRowCol, locale, calcSelectionInfo, groupValuesRefresh, insertDuneChart, getFlowdata, api } from "@fileverse-dev/fortune-core";
 import React, { useMemo, useState, useCallback, useEffect, useRef, useImperativeHandle } from "react";
 import "./index.css";
 import produce, { applyPatches, enablePatches, produceWithPatches } from "immer";
@@ -320,6 +320,30 @@ var Workbook = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   }, [emitOp]);
   useEffect(function () {
     var _a, _b;
+    setContext(function (ctx) {
+      var _a, _b;
+      var gridData = getFlowdata(ctx);
+      var cellData = api.dataToCelldata(gridData);
+      var denominatedUsed = false;
+      for (var _i = 0, cellData_1 = cellData; _i < cellData_1.length; _i++) {
+        var cell = cellData_1[_i];
+        var value = (_b = (_a = cell === null || cell === void 0 ? void 0 : cell.v) === null || _a === void 0 ? void 0 : _a.m) === null || _b === void 0 ? void 0 : _b.toString();
+        if ((value === null || value === void 0 ? void 0 : value.includes("BTC")) || (value === null || value === void 0 ? void 0 : value.includes("ETH")) || (value === null || value === void 0 ? void 0 : value.includes("SOL"))) {
+          denominatedUsed = true;
+          break;
+        }
+      }
+      var denoWarn = document.getElementById("denomination-warning");
+      var scrollBar = document.getElementsByClassName("luckysheet-scrollbar-x")[0];
+      if (denominatedUsed && denoWarn) {
+        denoWarn.style.display = "block";
+        if (scrollBar) scrollBar.style.bottom = "28px";
+      } else if (!denominatedUsed && denoWarn) {
+        denoWarn.style.display = "none";
+        if (scrollBar) scrollBar.style.bottom = "0px";
+      }
+      return ctx;
+    });
     if (context.luckysheet_select_save != null) {
       (_b = (_a = mergedSettings.hooks) === null || _a === void 0 ? void 0 : _a.afterSelectionChange) === null || _b === void 0 ? void 0 : _b.call(_a, context.currentSheetId, context.luckysheet_select_save[0]);
     }

package/es/constants.d.ts

@@ -1 +1,27 @@
 export declare const API_KEY_PLACEHOLDER: Record<string, string>;
+export declare const CRYPTO_OPTIONS: {
+    label: string;
+    value: string;
+    icon: string;
+    type: string;
+}[];
+export declare const FIAT_ICON_MAP: {
+    USD: string;
+    EUR: string;
+    GBP: string;
+    JPY: string;
+    CNY: string;
+    INR: string;
+};
+export declare function getGroupedCurrencyOptions(currencyDetail: Array<{
+    name: string;
+    value: string;
+}>): {
+    group: string;
+    options: {
+        label: string;
+        value: string;
+        icon: string | undefined;
+        type: string;
+    }[];
+}[];

package/es/constants.js

@@ -1,4 +1,45 @@
 import { SERVICE_API_KEY } from "@fileverse-dev/formulajs/crypto-constants";
 export var API_KEY_PLACEHOLDER = Object.fromEntries(Object.values(SERVICE_API_KEY).map(function (key) {
   return [key, "".concat(key.replace(/_/g, " ").replace(/\bAPI\b/, "API key"))];
-}));
+}));
+export var CRYPTO_OPTIONS = [{
+  label: "Bitcoin (BTC)",
+  value: "BTC",
+  icon: "Btc",
+  type: "crypto"
+}, {
+  label: "Ethereum (ETH)",
+  value: "ETH",
+  icon: "Ethereum",
+  type: "crypto"
+}, {
+  label: "Solana (SOL)",
+  value: "SOL",
+  icon: "Solana",
+  type: "crypto"
+}];
+export var FIAT_ICON_MAP = {
+  USD: "DollarSign",
+  EUR: "Euro",
+  GBP: "PoundSterling",
+  JPY: "Yen",
+  CNY: "Yuan",
+  INR: "Rupee"
+};
+export function getGroupedCurrencyOptions(currencyDetail) {
+  var fiatOptions = currencyDetail.map(function (c) {
+    return {
+      label: c.name,
+      value: c.value,
+      icon: FIAT_ICON_MAP[c.value] || undefined,
+      type: "fiat"
+    };
+  });
+  return [{
+    group: "Crypto",
+    options: CRYPTO_OPTIONS
+  }, {
+    group: "Currency",
+    options: fiatOptions
+  }];
+}

package/es/hooks/useCryptoCells.d.ts

@@ -0,0 +1,11 @@
+export interface CryptoCell {
+    cellId: string;
+    baseValue: number;
+    cryptoType: string;
+    fiat: string;
+    value: number;
+}
+export declare function useCryptoCells(): {
+    cryptoCells: CryptoCell[];
+    upsertCryptoCell: (cellId: string, baseValue: number, cryptoType: string, fiat: string) => Promise<void>;
+};