@fileverse-dev/fortune-react 1.0.38 → 1.0.40

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

@@ -61,7 +61,7 @@ var SheetTab = function SheetTab() {
     className: "w-full",
     id: "denomination-warning",
     style: {
-      position: "relative",
+      position: "fixed",
       display: "none",
       backgroundColor: "#F8F9FA",
       borderBottom: "1px solid #E8EBEC",
@@ -69,7 +69,8 @@ var SheetTab = function SheetTab() {
       fontFamily: "Helvetica Neue",
       fontSize: "var(--font-size-2xsm, 12px)",
       fontStyle: "normal",
-      fontWeight: "400"
+      fontWeight: "400",
+      bottom: "31px"
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: "max-w-7xl mx-auto px-4 py-1"

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) => "Ethereum" | "DollarSign" | "" | "ChevronDown" | "Undo" | "Redo" | "PaintRoller" | "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";
 declare const Toolbar: React.FC<{
     setMoreItems: React.Dispatch<React.SetStateAction<React.ReactNode>>;
     moreItemsOpen: boolean;

package/es/components/Toolbar/index.js

@@ -153,6 +153,8 @@ export var getLucideIcon = function getLucideIcon(title) {
       return "Undo";
     case "redo":
       return "Redo";
+    case "format-painter":
+      return "PaintRoller";
     case "bold":
       return "Bold";
     case "italic":

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

@@ -1,7 +1,9 @@
 import { api, Cell, Context, Op, Range, Selection, Presence, Settings, SingleRange, Sheet, CellMatrix, CellWithRowAndCol, GlobalCache } from "@fileverse-dev/fortune-core";
+import { getCryptoPrice } from "../../utils/cryptoApi";
 import { SetContextOptions } from "../../context";
 export declare function generateAPIs(context: Context, setContext: (recipe: (ctx: Context) => void, options?: SetContextOptions) => void, handleUndo: () => void, handleRedo: () => void, settings: Required<Settings>, cellInput: HTMLDivElement | null, scrollbarX: HTMLDivElement | null, scrollbarY: HTMLDivElement | null, globalCache: GlobalCache | null): {
     applyOp: (ops: Op[]) => void;
+    getCryptoPrice: typeof getCryptoPrice;
     getCellValue: (row: number, column: number, options?: api.CommonOptions & {
         type?: keyof Cell;
     }) => any;

package/es/components/Workbook/api.js

@@ -1,6 +1,7 @@
 import { addSheet, api, deleteRowCol, deleteSheet, insertRowCol, opToPatch, createFilterOptions, getSheetIndex, locale, setCaretPosition, newComment } from "@fileverse-dev/fortune-core";
 import { applyPatches } from "immer";
 import _ from "lodash";
+import { getCryptoPrice } from "../../utils/cryptoApi";
 export function generateAPIs(context, setContext, handleUndo, handleRedo, settings, cellInput, scrollbarX, scrollbarY, globalCache) {
   return {
     applyOp: function applyOp(ops) {
@@ -54,6 +55,7 @@ export function generateAPIs(context, setContext, handleUndo, handleRedo, settin
         noHistory: true
       });
     },
+    getCryptoPrice: getCryptoPrice,
     getCellValue: function getCellValue(row, column, options) {
       if (options === void 0) {
         options = {};

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;
+}

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

@@ -9,6 +9,7 @@ type AdditionalProps = {
 };
 declare const Workbook: React.ForwardRefExoticComponent<Settings & AdditionalProps & React.RefAttributes<{
     applyOp: (ops: Op[]) => void;
+    getCryptoPrice: typeof import("../../utils/cryptoApi").getCryptoPrice;
     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;

package/es/components/Workbook/index.js

@@ -318,6 +318,10 @@ var Workbook = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       });
     }
   }, [emitOp]);
+  useEffect(function () {
+    var _a, _b;
+    (_b = (_a = mergedSettings.hooks) === null || _a === void 0 ? void 0 : _a.afterActivateSheet) === null || _b === void 0 ? void 0 : _b.call(_a, context.currentSheetId);
+  }, [context.currentSheetId]);
   useEffect(function () {
     var _a, _b;
     setContext(function (ctx) {
@@ -337,10 +341,17 @@ var Workbook = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       var scrollBar = document.getElementsByClassName("luckysheet-scrollbar-x")[0];
       if (denominatedUsed && denoWarn) {
         denoWarn.style.display = "block";
-        if (scrollBar) scrollBar.style.bottom = "28px";
+        denoWarn.style.left = "0px";
+        if (scrollBar) {
+          scrollBar.style.bottom = "40px !important";
+          scrollBar.style.backgroundColor = "red !important";
+        }
       } else if (!denominatedUsed && denoWarn) {
         denoWarn.style.display = "none";
-        if (scrollBar) scrollBar.style.bottom = "0px";
+        denoWarn.style.left = "-9999px";
+        if (scrollBar) {
+          scrollBar.style.bottom = "12px !important";
+        }
       }
       return ctx;
     });

package/es/hooks/useCryptoCells.d.ts

@@ -1,11 +1 @@
-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>;
-};
+

package/es/hooks/useCryptoCells.js

@@ -1,210 +1 @@
-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);
-};
-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 { useEffect, useRef, useState } from "react";
-import { getCryptoPrice } from "../utils/cryptoApi";
-export function useCryptoCells() {
-  var _this = this;
-  var _a = useState([]),
-    cryptoCells = _a[0],
-    setCryptoCells = _a[1];
-  var timerRef = useRef(null);
-  var upsertCryptoCell = function upsertCryptoCell(cellId, baseValue, cryptoType, fiat) {
-    return __awaiter(_this, void 0, void 0, function () {
-      var price;
-      return __generator(this, function (_a) {
-        switch (_a.label) {
-          case 0:
-            return [4, getCryptoPrice(cryptoType, fiat)];
-          case 1:
-            price = _a.sent();
-            setCryptoCells(function (prev) {
-              var idx = prev.findIndex(function (c) {
-                return c.cellId === cellId;
-              });
-              var newCell = {
-                cellId: cellId,
-                baseValue: baseValue,
-                cryptoType: cryptoType,
-                fiat: fiat,
-                value: baseValue / price
-              };
-              if (idx === -1) return __spreadArray(__spreadArray([], prev, true), [newCell], false);
-              var updated = __spreadArray([], prev, true);
-              updated[idx] = newCell;
-              return updated;
-            });
-            return [2];
-        }
-      });
-    });
-  };
-  useEffect(function () {
-    function refreshAll() {
-      return __awaiter(this, void 0, void 0, function () {
-        var _this = this;
-        return __generator(this, function (_a) {
-          setCryptoCells(function (prev) {
-            var updatePromises = prev.map(function (cell) {
-              return __awaiter(_this, void 0, void 0, function () {
-                var price;
-                return __generator(this, function (_a) {
-                  switch (_a.label) {
-                    case 0:
-                      return [4, getCryptoPrice(cell.cryptoType, cell.fiat)];
-                    case 1:
-                      price = _a.sent();
-                      return [2, __assign(__assign({}, cell), {
-                        value: cell.baseValue / price
-                      })];
-                  }
-                });
-              });
-            });
-            return Promise.all(updatePromises);
-          });
-          return [2];
-        });
-      });
-    }
-    timerRef.current = setInterval(refreshAll, 20 * 60 * 1000);
-    return function () {
-      if (timerRef.current) clearInterval(timerRef.current);
-    };
-  }, []);
-  return {
-    cryptoCells: cryptoCells,
-    upsertCryptoCell: upsertCryptoCell
-  };
-}
+"use strict";

package/lib/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/lib/components/SheetOverlay/index.js

@@ -252,14 +252,14 @@ var SheetOverlay = function SheetOverlay() {
     axis: "y"
   }), /*#__PURE__*/_react.default.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.default.createElement("div", {
     id: "fortune-formula-functionrange"

package/lib/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/lib/components/SheetTab/index.js

@@ -70,7 +70,7 @@ var SheetTab = function SheetTab() {
     className: "w-full",
     id: "denomination-warning",
     style: {
-      position: "relative",
+      position: "fixed",
       display: "none",
       backgroundColor: "#F8F9FA",
       borderBottom: "1px solid #E8EBEC",
@@ -78,7 +78,8 @@ var SheetTab = function SheetTab() {
       fontFamily: "Helvetica Neue",
       fontSize: "var(--font-size-2xsm, 12px)",
       fontStyle: "normal",
-      fontWeight: "400"
+      fontWeight: "400",
+      bottom: "31px"
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "max-w-7xl mx-auto px-4 py-1"

package/lib/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) => "Ethereum" | "DollarSign" | "" | "ChevronDown" | "Undo" | "Redo" | "PaintRoller" | "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";
 declare const Toolbar: React.FC<{
     setMoreItems: React.Dispatch<React.SetStateAction<React.ReactNode>>;
     moreItemsOpen: boolean;

package/lib/components/Toolbar/index.js

@@ -162,6 +162,8 @@ var getLucideIcon = exports.getLucideIcon = function getLucideIcon(title) {
       return "Undo";
     case "redo":
       return "Redo";
+    case "format-painter":
+      return "PaintRoller";
     case "bold":
       return "Bold";
     case "italic":

package/lib/components/Workbook/api.d.ts

@@ -1,7 +1,9 @@
 import { api, Cell, Context, Op, Range, Selection, Presence, Settings, SingleRange, Sheet, CellMatrix, CellWithRowAndCol, GlobalCache } from "@fileverse-dev/fortune-core";
+import { getCryptoPrice } from "../../utils/cryptoApi";
 import { SetContextOptions } from "../../context";
 export declare function generateAPIs(context: Context, setContext: (recipe: (ctx: Context) => void, options?: SetContextOptions) => void, handleUndo: () => void, handleRedo: () => void, settings: Required<Settings>, cellInput: HTMLDivElement | null, scrollbarX: HTMLDivElement | null, scrollbarY: HTMLDivElement | null, globalCache: GlobalCache | null): {
     applyOp: (ops: Op[]) => void;
+    getCryptoPrice: typeof getCryptoPrice;
     getCellValue: (row: number, column: number, options?: api.CommonOptions & {
         type?: keyof Cell;
     }) => any;

package/lib/components/Workbook/api.js

@@ -7,6 +7,7 @@ exports.generateAPIs = generateAPIs;
 var _fortuneCore = require("@fileverse-dev/fortune-core");
 var _immer = require("immer");
 var _lodash = _interopRequireDefault(require("lodash"));
+var _cryptoApi = require("../../utils/cryptoApi");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function generateAPIs(context, setContext, handleUndo, handleRedo, settings, cellInput, scrollbarX, scrollbarY, globalCache) {
   return {
@@ -61,6 +62,7 @@ function generateAPIs(context, setContext, handleUndo, handleRedo, settings, cel
         noHistory: true
       });
     },
+    getCryptoPrice: _cryptoApi.getCryptoPrice,
     getCellValue: function getCellValue(row, column, options) {
       if (options === void 0) {
         options = {};

package/lib/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;
+}

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

@@ -9,6 +9,7 @@ type AdditionalProps = {
 };
 declare const Workbook: React.ForwardRefExoticComponent<Settings & AdditionalProps & React.RefAttributes<{
     applyOp: (ops: Op[]) => void;
+    getCryptoPrice: typeof import("../../utils/cryptoApi").getCryptoPrice;
     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;

package/lib/components/Workbook/index.js

@@ -327,6 +327,10 @@ var Workbook = /*#__PURE__*/_react.default.forwardRef(function (_a, ref) {
       });
     }
   }, [emitOp]);
+  (0, _react.useEffect)(function () {
+    var _a, _b;
+    (_b = (_a = mergedSettings.hooks) === null || _a === void 0 ? void 0 : _a.afterActivateSheet) === null || _b === void 0 ? void 0 : _b.call(_a, context.currentSheetId);
+  }, [context.currentSheetId]);
   (0, _react.useEffect)(function () {
     var _a, _b;
     setContext(function (ctx) {
@@ -346,10 +350,17 @@ var Workbook = /*#__PURE__*/_react.default.forwardRef(function (_a, ref) {
       var scrollBar = document.getElementsByClassName("luckysheet-scrollbar-x")[0];
       if (denominatedUsed && denoWarn) {
         denoWarn.style.display = "block";
-        if (scrollBar) scrollBar.style.bottom = "28px";
+        denoWarn.style.left = "0px";
+        if (scrollBar) {
+          scrollBar.style.bottom = "40px !important";
+          scrollBar.style.backgroundColor = "red !important";
+        }
       } else if (!denominatedUsed && denoWarn) {
         denoWarn.style.display = "none";
-        if (scrollBar) scrollBar.style.bottom = "0px";
+        denoWarn.style.left = "-9999px";
+        if (scrollBar) {
+          scrollBar.style.bottom = "12px !important";
+        }
       }
       return ctx;
     });

package/lib/hooks/useCryptoCells.d.ts

@@ -1,11 +1 @@
-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>;
-};
+

package/lib/hooks/useCryptoCells.js

@@ -1,216 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useCryptoCells = useCryptoCells;
-var _react = require("react");
-var _cryptoApi = require("../utils/cryptoApi");
-var __assign = void 0 && (void 0).__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);
-};
-var __awaiter = void 0 && (void 0).__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 = void 0 && (void 0).__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 = void 0 && (void 0).__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));
-};
-function useCryptoCells() {
-  var _this = this;
-  var _a = (0, _react.useState)([]),
-    cryptoCells = _a[0],
-    setCryptoCells = _a[1];
-  var timerRef = (0, _react.useRef)(null);
-  var upsertCryptoCell = function upsertCryptoCell(cellId, baseValue, cryptoType, fiat) {
-    return __awaiter(_this, void 0, void 0, function () {
-      var price;
-      return __generator(this, function (_a) {
-        switch (_a.label) {
-          case 0:
-            return [4, (0, _cryptoApi.getCryptoPrice)(cryptoType, fiat)];
-          case 1:
-            price = _a.sent();
-            setCryptoCells(function (prev) {
-              var idx = prev.findIndex(function (c) {
-                return c.cellId === cellId;
-              });
-              var newCell = {
-                cellId: cellId,
-                baseValue: baseValue,
-                cryptoType: cryptoType,
-                fiat: fiat,
-                value: baseValue / price
-              };
-              if (idx === -1) return __spreadArray(__spreadArray([], prev, true), [newCell], false);
-              var updated = __spreadArray([], prev, true);
-              updated[idx] = newCell;
-              return updated;
-            });
-            return [2];
-        }
-      });
-    });
-  };
-  (0, _react.useEffect)(function () {
-    function refreshAll() {
-      return __awaiter(this, void 0, void 0, function () {
-        var _this = this;
-        return __generator(this, function (_a) {
-          setCryptoCells(function (prev) {
-            var updatePromises = prev.map(function (cell) {
-              return __awaiter(_this, void 0, void 0, function () {
-                var price;
-                return __generator(this, function (_a) {
-                  switch (_a.label) {
-                    case 0:
-                      return [4, (0, _cryptoApi.getCryptoPrice)(cell.cryptoType, cell.fiat)];
-                    case 1:
-                      price = _a.sent();
-                      return [2, __assign(__assign({}, cell), {
-                        value: cell.baseValue / price
-                      })];
-                  }
-                });
-              });
-            });
-            return Promise.all(updatePromises);
-          });
-          return [2];
-        });
-      });
-    }
-    timerRef.current = setInterval(refreshAll, 20 * 60 * 1000);
-    return function () {
-      if (timerRef.current) clearInterval(timerRef.current);
-    };
-  }, []);
-  return {
-    cryptoCells: cryptoCells,
-    upsertCryptoCell: upsertCryptoCell
-  };
-}
+"use strict";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fileverse-dev/fortune-react",
-  "version": "1.0.38",
+  "version": "1.0.40",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "module": "es/index.js",
@@ -16,7 +16,7 @@
     "tsc": "tsc"
   },
   "dependencies": {
-    "@fileverse-dev/fortune-core": "1.0.38",
+    "@fileverse-dev/fortune-core": "1.0.40",
     "@fileverse/ui": "^4.1.7-patch-16",
     "@tippyjs/react": "^4.2.6",
     "@types/regenerator-runtime": "^0.13.6",