@fileverse-dev/fortune-react 1.0.38 → 1.0.39

package/es/components/CryptoDenominationSelector/index.css

@@ -1,67 +0,0 @@
-.crypto-denomination-selector {
-  min-width: 240px;
-  font-family: inherit;
-  color: hsl(var(--color-text-default));
-}
-
-.cds-row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  font-size: 14px;
-  line-height: 20px;
-}
-.cds-row input[type="number"] {
-  width: 40px;
-  height: 28px;
-  text-align: center;
-  border: 1px solid hsl(var(--color-border-default));
-  border-radius: 6px;
-  font-size: 14px;
-  padding: 0 4px;
-  margin: 0 4px;
-}
-
-/* Chrome, Safari, Edge, Opera */
-.cds-row input::-webkit-outer-spin-button,
-.cds-row input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-
-/* Firefox */
-.cds-row input[type=number] {
-  -moz-appearance: textfield;
-}
-
-.cds-list {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  margin-top: 8px;
-}
-.cds-option {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 8px 12px;
-  border-radius: 8px;
-  font-size: 14px;
-  line-height: 20px;
-  cursor: pointer;
-  transition: background 0.13s;
-  position: relative;
-}
-.cds-option.selected {
-  background: hsl(var(--color-bg-default-selected));
-}
-.cds-option:hover {
-  background: hsl(var(--color-bg-default-hover));
-}
-.cds-icon {
-  width: 16px;
-  height: 16px;
-  display: inline-block;
-  background-size: contain;
-  background-repeat: no-repeat;
-}

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

@@ -1,8 +0,0 @@
-import React from "react";
-import "./index.css";
-interface CryptoDenominationSelectorProps {
-    initialDecimals?: number;
-    children: React.ReactNode;
-}
-declare const CryptoDenominationSelector: React.FC<CryptoDenominationSelectorProps>;
-export default CryptoDenominationSelector;

package/es/components/CryptoDenominationSelector/index.js

@@ -1,272 +0,0 @@
-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
-    };
-  }
-};
-import React, { useState, useContext, useCallback, useMemo } from "react";
-import { getFlowdata, normalizedCellAttr } from "@fileverse-dev/fortune-core";
-import { IconButton, LucideIcon, Popover, PopoverContent, PopoverTrigger } from "@fileverse/ui";
-import "./index.css";
-import SVGIcon from "../SVGIcon";
-import WorkbookContext from "../../context";
-import { convertCellsToCrypto } from "../../utils/convertCellsToCrypto";
-import { updateCellsDecimalFormat } from "../../utils/updateCellsDecimalFormat";
-var CRYPTO_OPTIONS = [{
-  label: "Bitcoin (BTC)",
-  value: "BTC",
-  icon: "Btc"
-}, {
-  label: "Ethereum (ETH)",
-  value: "ETH",
-  icon: "Ethereum"
-}, {
-  label: "Solana (SOL)",
-  value: "SOL",
-  icon: "Solana"
-}];
-var CryptoDenominationSelector = function CryptoDenominationSelector(_a) {
-  var _b = _a.initialDecimals,
-    initialDecimals = _b === void 0 ? 6 : _b,
-    children = _a.children;
-  var _c = useContext(WorkbookContext),
-    setContext = _c.setContext,
-    context = _c.context;
-  var activeCryptoCurrency = useMemo(function () {
-    var _a, _b;
-    var firstSelection = (_a = context.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[0];
-    var flowdata = getFlowdata(context);
-    if (!firstSelection || !flowdata) return null;
-    var row = firstSelection.row_focus;
-    var col = firstSelection.column_focus;
-    if (row == null || col == null) return null;
-    var cell = (_b = flowdata[row]) === null || _b === void 0 ? void 0 : _b[col];
-    if (!cell) return null;
-    var curr = normalizedCellAttr(cell, "ct");
-    if (!(curr === null || curr === void 0 ? void 0 : curr.fa)) return null;
-    var found = CRYPTO_OPTIONS.find(function (option) {
-      return curr.fa.includes(option.value);
-    });
-    return found ? found.value : null;
-  }, [context]);
-  var _d = useState(initialDecimals),
-    decimals = _d[0],
-    setDecimals = _d[1];
-  var _e = useState(false),
-    open = _e[0],
-    setOpen = _e[1];
-  var handleDenominationChange = useCallback(function (newDenomination) {
-    return __awaiter(void 0, void 0, void 0, function () {
-      return __generator(this, function (_a) {
-        switch (_a.label) {
-          case 0:
-            return [4, convertCellsToCrypto({
-              context: context,
-              setContext: setContext,
-              denomination: newDenomination,
-              decimals: decimals,
-              baseCurrency: "USD"
-            })];
-          case 1:
-            _a.sent();
-            return [2];
-        }
-      });
-    });
-  }, [context, setContext, decimals]);
-  var handleDecimalsChange = useCallback(function (newDecimals) {
-    setDecimals(newDecimals);
-    updateCellsDecimalFormat({
-      context: context,
-      setContext: setContext,
-      decimals: newDecimals
-    });
-  }, [context, setContext]);
-  var handleTriggerClick = useCallback(function (e) {
-    e.preventDefault();
-    e.stopPropagation();
-    if (context.allowEdit === false) {
-      return;
-    }
-    setOpen(!open);
-  }, [open, context.allowEdit]);
-  return /*#__PURE__*/React.createElement(Popover, {
-    open: open,
-    onOpenChange: setOpen
-  }, /*#__PURE__*/React.createElement(PopoverTrigger, {
-    asChild: true
-  }, /*#__PURE__*/React.createElement("div", {
-    onClick: handleTriggerClick
-  }, children)), /*#__PURE__*/React.createElement(PopoverContent, {
-    align: "end",
-    side: "bottom",
-    sideOffset: 4,
-    className: "p-2"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "crypto-denomination-selector"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "cds-row px-2"
-  }, /*#__PURE__*/React.createElement("span", null, "Decimal places:"), /*#__PURE__*/React.createElement("span", {
-    className: "flex items-center"
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    icon: "Minus",
-    variant: "ghost",
-    size: "sm",
-    className: "!bg-transparent",
-    disabled: decimals === 1,
-    onClick: function onClick() {
-      return handleDecimalsChange(Math.max(1, decimals - 1));
-    }
-  }), /*#__PURE__*/React.createElement("input", {
-    type: "number",
-    min: 1,
-    max: 18,
-    value: decimals,
-    onChange: function onChange(e) {
-      return handleDecimalsChange(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 handleDecimalsChange(Math.min(18, decimals + 1));
-    }
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: "cds-list"
-  }, CRYPTO_OPTIONS.map(function (opt) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: opt.value,
-      className: "flex items-center justify-between cds-option".concat(activeCryptoCurrency === opt.value ? " selected" : ""),
-      onClick: function onClick() {
-        return handleDenominationChange(opt.value);
-      }
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "flex items-center gap-2"
-    }, activeCryptoCurrency === opt.value ? (/*#__PURE__*/React.createElement(LucideIcon, {
-      name: "Check",
-      className: "w-4 h-4"
-    })) : (/*#__PURE__*/React.createElement("div", {
-      className: "w-4 h-4"
-    })), opt.label), /*#__PURE__*/React.createElement(LucideIcon, {
-      name: opt.icon,
-      className: "cds-icon"
-    }), opt.value === "SOL" && (/*#__PURE__*/React.createElement(SVGIcon, {
-      name: "solana",
-      width: 16,
-      height: 16
-    })));
-  })))));
-};
-export default CryptoDenominationSelector;

package/es/hooks/useCryptoCells.d.ts

@@ -1,11 +0,0 @@
-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 +0,0 @@
-var __assign = this && this.__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-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
-  };
-}

package/es/utils/convertCellsToCrypto.d.ts

@@ -1,8 +0,0 @@
-export declare const getFiatSymbol: (code: string) => string;
-export declare function convertCellsToCrypto({ context, setContext, denomination, decimals, baseCurrency, }: {
-    context: any;
-    setContext: (fn: (ctx: any) => void) => void;
-    denomination: string;
-    decimals: number;
-    baseCurrency: string;
-}): Promise<void>;