@fileverse-dev/fortune-react 1.1.0 → 1.1.2

package/es/components/ZoomControl/index.css

@@ -0,0 +1,54 @@
+.fortune-zoom-container {
+  white-space: nowrap;
+  overflow: visible;
+  display: flex;
+  align-items: center;
+  user-select: none;
+}
+
+.fortune-zoom-button {
+  display: flex;
+  cursor: pointer;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+}
+
+.fortune-zoom-button:hover {
+  background: #efefef;
+}
+
+.fortune-zoom-ratio {
+  position: relative;
+  display: flex;
+  justify-content: center;
+  width: 48px;
+  color: #1e1e1f;
+  font-size: 12px;
+  cursor: pointer;
+}
+
+.fortune-zoom-ratio-current {
+  width: 100%;
+}
+
+.fortune-zoom-ratio-item:hover {
+  background: #efefef;
+}
+
+.fortune-zoom-ratio-menu {
+  position: absolute;
+  bottom: 30px;
+  left: 0;
+  line-height: 24px;
+  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
+  padding: 10px 0px 10px 0px;
+  border-radius: 6px;
+  background: white;
+  z-index: 1004;
+}
+
+.fortune-zoom-ratio-text {
+  padding: 0px 10px 0px 10px;
+}

package/{dist/packages/react/src → es}/components/ZoomControl/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import "./index.css";
-declare const ZoomControl: React.FC;
-export default ZoomControl;
+import React from "react";
+import "./index.css";
+declare const ZoomControl: React.FC;
+export default ZoomControl;

package/es/components/ZoomControl/index.js

@@ -0,0 +1,111 @@
+import React, { useCallback, useContext, useRef, useState } from "react";
+import { MAX_ZOOM_RATIO, MIN_ZOOM_RATIO, getSheetIndex } from "@fileverse-dev/fortune-core";
+import WorkbookContext from "../../context";
+import SVGIcon from "../SVGIcon";
+import { useOutsideClick } from "../../hooks/useOutsideClick";
+import "./index.css";
+var presets = [{
+  text: "10%",
+  value: 0.1
+}, {
+  text: "30%",
+  value: 0.3
+}, {
+  text: "50%",
+  value: 0.5
+}, {
+  text: "70%",
+  value: 0.7
+}, {
+  text: "100%",
+  value: 1
+}, {
+  text: "150%",
+  value: 1.5
+}, {
+  text: "200%",
+  value: 2
+}, {
+  text: "300%",
+  value: 3
+}, {
+  text: "400%",
+  value: 4
+}];
+var ZoomControl = function ZoomControl() {
+  var _a = useContext(WorkbookContext),
+    context = _a.context,
+    setContext = _a.setContext;
+  var menuRef = useRef(null);
+  var _b = useState(false),
+    radioMenuOpen = _b[0],
+    setRadioMenuOpen = _b[1];
+  useOutsideClick(menuRef, function () {
+    setRadioMenuOpen(false);
+  }, []);
+  var zoomTo = useCallback(function (val) {
+    val = parseFloat(val.toFixed(1));
+    if (val > MAX_ZOOM_RATIO || val < MIN_ZOOM_RATIO) {
+      return;
+    }
+    setContext(function (ctx) {
+      var index = getSheetIndex(ctx, ctx.currentSheetId);
+      if (index == null) {
+        return;
+      }
+      ctx.luckysheetfile[index].zoomRatio = val;
+      ctx.zoomRatio = val;
+    }, {
+      noHistory: true
+    });
+  }, [setContext]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "fortune-zoom-container"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "fortune-zoom-button",
+    onClick: function onClick(e) {
+      zoomTo(context.zoomRatio - 0.1);
+      e.stopPropagation();
+    },
+    tabIndex: 0
+  }, /*#__PURE__*/React.createElement(SVGIcon, {
+    name: "minus",
+    width: 16,
+    height: 16
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "fortune-zoom-ratio"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "fortune-zoom-ratio-current fortune-zoom-button",
+    onClick: function onClick() {
+      return setRadioMenuOpen(true);
+    },
+    tabIndex: 0
+  }, (context.zoomRatio * 100).toFixed(0), "%"), radioMenuOpen && (/*#__PURE__*/React.createElement("div", {
+    className: "fortune-zoom-ratio-menu",
+    ref: menuRef
+  }, presets.map(function (v) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "fortune-zoom-ratio-item",
+      key: v.text,
+      onClick: function onClick(e) {
+        zoomTo(v.value);
+        e.preventDefault();
+      },
+      tabIndex: 0
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "fortune-zoom-ratio-text"
+    }, v.text));
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: "fortune-zoom-button",
+    onClick: function onClick(e) {
+      zoomTo(context.zoomRatio + 0.1);
+      e.stopPropagation();
+    },
+    tabIndex: 0
+  }, /*#__PURE__*/React.createElement(SVGIcon, {
+    name: "plus",
+    width: 16,
+    height: 16
+  })));
+};
+export default ZoomControl;

package/es/components/index.d.ts

@@ -0,0 +1,5 @@
+import Workbook from "./Workbook";
+export { ERROR_MESSAGES_FLAG, SERVICES_API_KEY, } from "@fileverse-dev/formulajs/crypto-constants";
+export { Workbook };
+export type { WorkbookInstance } from "./Workbook";
+export type { Cell, Sheet } from "@fileverse-dev/fortune-core";

package/es/components/index.js

@@ -0,0 +1,3 @@
+import Workbook from "./Workbook";
+export { ERROR_MESSAGES_FLAG, SERVICES_API_KEY } from "@fileverse-dev/formulajs/crypto-constants";
+export { Workbook };

package/es/constants.d.ts

@@ -0,0 +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

@@ -0,0 +1,45 @@
+import { SERVICES_API_KEY } from "@fileverse-dev/formulajs/crypto-constants";
+export var API_KEY_PLACEHOLDER = Object.fromEntries(Object.values(SERVICES_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/{dist/packages/react/src → es}/context/index.d.ts

@@ -1,25 +1,25 @@
-import React from "react";
-import { Context, Settings, GlobalCache, PatchOptions } from "@fileverse-dev/fortune-core";
-export type RefValues = {
-    globalCache: GlobalCache;
-    cellInput: React.MutableRefObject<HTMLDivElement | null>;
-    fxInput: React.MutableRefObject<HTMLDivElement | null>;
-    canvas: React.MutableRefObject<HTMLCanvasElement | null>;
-    scrollbarX: React.MutableRefObject<HTMLDivElement | null>;
-    scrollbarY: React.MutableRefObject<HTMLDivElement | null>;
-    cellArea: React.MutableRefObject<HTMLDivElement | null>;
-    workbookContainer: React.MutableRefObject<HTMLDivElement | null>;
-};
-export type SetContextOptions = {
-    noHistory?: boolean;
-    logPatch?: boolean;
-} & PatchOptions;
-declare const WorkbookContext: React.Context<{
-    context: Context;
-    setContext: (recipe: (ctx: Context) => void, options?: SetContextOptions) => void;
-    settings: Required<Settings>;
-    refs: RefValues;
-    handleUndo: () => void;
-    handleRedo: () => void;
-}>;
-export default WorkbookContext;
+import React from "react";
+import { Context, Settings, GlobalCache, PatchOptions } from "@fileverse-dev/fortune-core";
+export type RefValues = {
+    globalCache: GlobalCache;
+    cellInput: React.MutableRefObject<HTMLDivElement | null>;
+    fxInput: React.MutableRefObject<HTMLDivElement | null>;
+    canvas: React.MutableRefObject<HTMLCanvasElement | null>;
+    scrollbarX: React.MutableRefObject<HTMLDivElement | null>;
+    scrollbarY: React.MutableRefObject<HTMLDivElement | null>;
+    cellArea: React.MutableRefObject<HTMLDivElement | null>;
+    workbookContainer: React.MutableRefObject<HTMLDivElement | null>;
+};
+export type SetContextOptions = {
+    noHistory?: boolean;
+    logPatch?: boolean;
+} & PatchOptions;
+declare const WorkbookContext: React.Context<{
+    context: Context;
+    setContext: (recipe: (ctx: Context) => void, options?: SetContextOptions) => void;
+    settings: Required<Settings>;
+    refs: RefValues;
+    handleUndo: () => void;
+    handleRedo: () => void;
+}>;
+export default WorkbookContext;

package/es/context/index.js

@@ -0,0 +1,34 @@
+import React from "react";
+import { defaultContext, defaultSettings } from "@fileverse-dev/fortune-core";
+var defaultRefs = {
+  globalCache: {
+    undoList: [],
+    redoList: []
+  },
+  cellInput: /*#__PURE__*/React.createRef(),
+  fxInput: /*#__PURE__*/React.createRef(),
+  canvas: /*#__PURE__*/React.createRef(),
+  cellArea: /*#__PURE__*/React.createRef(),
+  workbookContainer: /*#__PURE__*/React.createRef()
+};
+var WorkbookContext = /*#__PURE__*/React.createContext({
+  context: defaultContext(defaultRefs),
+  setContext: function setContext() {},
+  settings: defaultSettings,
+  handleUndo: function handleUndo() {},
+  handleRedo: function handleRedo() {},
+  refs: {
+    globalCache: {
+      undoList: [],
+      redoList: []
+    },
+    cellInput: /*#__PURE__*/React.createRef(),
+    fxInput: /*#__PURE__*/React.createRef(),
+    canvas: /*#__PURE__*/React.createRef(),
+    scrollbarX: /*#__PURE__*/React.createRef(),
+    scrollbarY: /*#__PURE__*/React.createRef(),
+    cellArea: /*#__PURE__*/React.createRef(),
+    workbookContainer: /*#__PURE__*/React.createRef()
+  }
+});
+export default WorkbookContext;

package/{dist/packages/react/src → es}/context/modal.d.ts

@@ -1,10 +1,10 @@
-import React from "react";
-declare const ModalContext: React.Context<{
-    component: React.ReactNode;
-    showModal: (c: React.ReactNode) => void;
-    hideModal: () => void;
-}>;
-declare const ModalProvider: React.FC<{
-    children?: React.ReactNode;
-}>;
-export { ModalContext, ModalProvider };
+import React from "react";
+declare const ModalContext: React.Context<{
+    component: React.ReactNode;
+    showModal: (c: React.ReactNode) => void;
+    hideModal: () => void;
+}>;
+declare const ModalProvider: React.FC<{
+    children?: React.ReactNode;
+}>;
+export { ModalContext, ModalProvider };

package/es/context/modal.js

@@ -0,0 +1,43 @@
+import React, { useCallback, useState, useMemo } from "react";
+var ModalContext = /*#__PURE__*/React.createContext({
+  component: null,
+  showModal: function showModal() {},
+  hideModal: function hideModal() {}
+});
+var ModalProvider = function ModalProvider(_a) {
+  var children = _a.children;
+  var _b = useState(null),
+    component = _b[0],
+    setComponent = _b[1];
+  var showModal = useCallback(function (c) {
+    setComponent(c);
+  }, []);
+  var hideModal = useCallback(function () {
+    setComponent(null);
+  }, []);
+  var providerValue = useMemo(function () {
+    return {
+      component: null,
+      showModal: showModal,
+      hideModal: hideModal
+    };
+  }, [hideModal, showModal]);
+  return /*#__PURE__*/React.createElement(ModalContext.Provider, {
+    value: providerValue
+  }, children, component && (/*#__PURE__*/React.createElement("div", {
+    onMouseDown: function onMouseDown(e) {
+      return e.stopPropagation();
+    },
+    onMouseMove: function onMouseMove(e) {
+      return e.stopPropagation();
+    },
+    onMouseUp: function onMouseUp(e) {
+      return e.stopPropagation();
+    },
+    onContextMenu: function onContextMenu(e) {
+      return e.stopPropagation();
+    },
+    className: "fortune-popover-backdrop fortune-modal-container"
+  }, component)));
+};
+export { ModalContext, ModalProvider };

package/{dist/packages/react/src → es}/hooks/useAlert.d.ts

@@ -1,4 +1,4 @@
-export declare function useAlert(): {
-    showAlert: (message: string, type?: "ok" | "yesno", onOk?: () => void, onCancel?: () => void) => void;
-    hideAlert: () => void;
-};
+export declare function useAlert(): {
+    showAlert: (message: string, type?: "ok" | "yesno", onOk?: () => void, onCancel?: () => void) => void;
+    hideAlert: () => void;
+};

package/es/hooks/useAlert.js

@@ -0,0 +1,28 @@
+import React, { useContext, useCallback } from "react";
+import MessageBox from "../components/MessageBox";
+import { ModalContext } from "../context/modal";
+export function useAlert() {
+  var _a = useContext(ModalContext),
+    showModal = _a.showModal,
+    hideModal = _a.hideModal;
+  var showAlert = useCallback(function (message, type, onOk, onCancel) {
+    if (type === void 0) {
+      type = "ok";
+    }
+    if (onOk === void 0) {
+      onOk = hideModal;
+    }
+    if (onCancel === void 0) {
+      onCancel = hideModal;
+    }
+    showModal(/*#__PURE__*/React.createElement(MessageBox, {
+      type: type,
+      onOk: onOk,
+      onCancel: onCancel
+    }, message));
+  }, [hideModal, showModal]);
+  return {
+    showAlert: showAlert,
+    hideAlert: hideModal
+  };
+}

package/{dist/packages/react/src → es}/hooks/useDialog.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-export declare function useDialog(): {
-    showDialog: (content: string | React.ReactNode, type?: "ok" | "yesno", title?: string | React.ReactNode, okLabel?: string, cancelLabel?: string, onOk?: () => void, onCancel?: () => void) => void;
-    hideDialog: () => void;
-};
+import React from "react";
+export declare function useDialog(): {
+    showDialog: (content: string | React.ReactNode, type?: "ok" | "yesno", title?: string | React.ReactNode, okLabel?: string, cancelLabel?: string, onOk?: () => void, onCancel?: () => void) => void;
+    hideDialog: () => void;
+};

package/es/hooks/useDialog.js

@@ -0,0 +1,28 @@
+import React, { useContext, useCallback } from "react";
+import Dialog from "../components/Dialog";
+import { ModalContext } from "../context/modal";
+export function useDialog() {
+  var _a = useContext(ModalContext),
+    showModal = _a.showModal,
+    hideModal = _a.hideModal;
+  var showDialog = useCallback(function (content, type, title, okLabel, cancelLabel, onOk, onCancel) {
+    if (onOk === void 0) {
+      onOk = hideModal;
+    }
+    if (onCancel === void 0) {
+      onCancel = hideModal;
+    }
+    showModal(/*#__PURE__*/React.createElement(Dialog, {
+      type: type,
+      onOk: onOk,
+      onCancel: onCancel,
+      title: title,
+      okLabel: okLabel,
+      cancelLabel: cancelLabel
+    }, content));
+  }, [hideModal, showModal]);
+  return {
+    showDialog: showDialog,
+    hideDialog: hideModal
+  };
+}

package/{dist/packages/react/src → es}/hooks/useOutsideClick.d.ts

@@ -1,2 +1,2 @@
-import React from "react";
-export declare function useOutsideClick(containerRef: React.RefObject<HTMLElement | null>, handler: () => void, deps?: React.DependencyList, optionalContainerRef?: React.RefObject<HTMLElement>): void;
+import React from "react";
+export declare function useOutsideClick(containerRef: React.RefObject<HTMLElement | null>, handler: () => void, deps?: React.DependencyList, optionalContainerRef?: React.RefObject<HTMLElement>): void;

package/es/hooks/useOutsideClick.js

@@ -0,0 +1,15 @@
+import { useEffect } from "react";
+export function useOutsideClick(containerRef, handler, deps, optionalContainerRef) {
+  useEffect(function () {
+    function handleClickOutside(e) {
+      var _a;
+      if (containerRef && containerRef.current && !containerRef.current.contains(e.target) && (!optionalContainerRef || !((_a = optionalContainerRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target)))) {
+        handler();
+      }
+    }
+    document.addEventListener("mousedown", handleClickOutside);
+    return function () {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, deps);
+}

package/{dist/packages/react/src → es}/hooks/usePrevious.d.ts

@@ -1,2 +1,2 @@
-declare function usePrevious<T>(value: T): T | null;
-export default usePrevious;
+declare function usePrevious<T>(value: T): T | null;
+export default usePrevious;

package/es/hooks/usePrevious.js

@@ -0,0 +1,9 @@
+import { useEffect, useRef } from "react";
+function usePrevious(value) {
+  var ref = useRef(null);
+  useEffect(function () {
+    ref.current = value;
+  }, [value]);
+  return ref.current;
+}
+export default usePrevious;

package/es/index.css

@@ -0,0 +1,27 @@
+/* Main CSS file for @fileverse-dev/fortune-react */
+@import "./components/ChangeColor/index.css";
+@import "./components/ConditionFormat/index.css";
+@import "./components/ContextMenu/index.css";
+@import "./components/CustomSort/index.css";
+@import "./components/DataVerification/index.css";
+@import "./components/Dialog/index.css";
+@import "./components/DuneChartsInputModal/duneChartsInputModal.css";
+@import "./components/DunePreview/index.css";
+@import "./components/FormatSearch/index.css";
+@import "./components/FormulaSearch/index.css";
+@import "./components/FxEditor/index.css";
+@import "./components/IFrameBoxs/iFrameBoxs.css";
+@import "./components/LinkEidtCard/index.css";
+@import "./components/LocationCondition/index.css";
+@import "./components/SearchReplace/index.css";
+@import "./components/Sheet/index.css";
+@import "./components/SheetList/index.css";
+@import "./components/SheetOverlay/index.css";
+@import "./components/SheetOverlay/FormulaHint/index.css";
+@import "./components/SheetOverlay/FormulaSearch/index.css";
+@import "./components/SheetOverlay/ScrollBar/index.css";
+@import "./components/SheetTab/index.css";
+@import "./components/SplitColumn/index.css";
+@import "./components/Toolbar/index.css";
+@import "./components/Workbook/index.css";
+@import "./components/ZoomControl/index.css"; 

package/{dist/packages/react/src → es}/index.d.ts

@@ -1 +1 @@
-export * from "./components";
+export * from "./components";

package/es/index.js

@@ -0,0 +1 @@
+export * from "./components";

package/es/utils/convertCellsToCrypto.d.ts

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