@fileverse-dev/fortune-react 1.2.79 → 1.2.81-yield

package/es/components/ConditionFormat/ConditionRules.js

@@ -1,6 +1,6 @@
 import React, { useRef, useCallback, useContext, useEffect, useState } from "react";
 import "./index.css";
-import { cn, Button, IconButton, LucideIcon, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, TextField } from "@fileverse/ui";
+import { cn, Button, IconButton, LucideIcon, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, SelectGroup, SelectLabel, TextField } from "@fileverse/ui";
 import { locale, setConditionRules, getSheetIndex } from "@fileverse-dev/fortune-core";
 import produce from "immer";
 import { numberToColumn } from "../SheetOverlay/helper";
@@ -27,6 +27,7 @@ var ConditionRules = function ConditionRules(_a) {
     editConditionFormatKey = _d[0],
     setEditConditionFormatKey = _d[1];
   var editKeyRef = useRef(null);
+  var firstRenderRef = useRef(true);
   var _e = useState(""),
     editConditionRange = _e[0],
     setEditConditionRange = _e[1];
@@ -47,8 +48,8 @@ var ConditionRules = function ConditionRules(_a) {
     protection = _j.protection,
     generalDialog = _j.generalDialog;
   var _k = useState({
-      textColor: "#FFFFFF",
-      cellColor: "#D82E2A"
+      textColor: "#177E23",
+      cellColor: "#DDFBDF"
     }),
     colorRules = _k[0],
     setColorRules = _k[1];
@@ -66,6 +67,7 @@ var ConditionRules = function ConditionRules(_a) {
     setStrikethrough = _p[1];
   useEffect(function () {
     var _a, _b;
+    if (create) return;
     var index = getSheetIndex(context, context === null || context === void 0 ? void 0 : context.currentSheetId) || 0;
     var allCondition = context.luckysheetfile[index].luckysheet_conditionformat_save;
     setAllConditionFormats(allCondition);
@@ -89,11 +91,13 @@ var ConditionRules = function ConditionRules(_a) {
       setMatchedConditionFormatKey(matchedCondition);
     }
     if (buttonClickCreateRef.current) return;
-    if (matchedCondition.length === 0) {
-      setCreate(true);
-    } else if (matchedCondition.length > 0) {
+    if (matchedCondition.length >= 0) {
       setCreate(false);
     }
+    if (firstRenderRef.current && matchedCondition.length <= 0) {
+      setCreate(true);
+      firstRenderRef.current = false;
+    }
   }, [context]);
   var updateCacheRules = function updateCacheRules() {
     setContext(function (ctx) {
@@ -146,7 +150,6 @@ var ConditionRules = function ConditionRules(_a) {
       buttonClickCreateRef.current = false;
       setCreate(false);
       setContext(function (ctx) {
-        console.log("whole rule", ctx.conditionRules);
         ctx.conditionRules.textColor.color = colorRules.textColor;
         ctx.conditionRules.cellColor.color = colorRules.cellColor;
         ctx.conditionRules.font = {
@@ -203,6 +206,14 @@ var ConditionRules = function ConditionRules(_a) {
         projectValue: "10"
       };
     });
+    setBold(false);
+    setItalic(false);
+    setUnderline(false);
+    setStrikethrough(false);
+    setColorRules({
+      textColor: "#177E23",
+      cellColor: "#DDFBDF"
+    });
     updateCacheRules();
     setEditConditionFormatKey(null);
     setContext(function (ctx) {
@@ -257,7 +268,7 @@ var ConditionRules = function ConditionRules(_a) {
       ctx.rangeDialog.rangeTxt = "";
     });
   }, [type]);
-  var conditionList = [{
+  var cellHighlightConditionList = [{
     text: "greaterThan",
     value: ">",
     label: "Greater Than"
@@ -293,7 +304,8 @@ var ConditionRules = function ConditionRules(_a) {
     text: "duplicateValue",
     value: "##",
     label: "Duplicate Value"
-  }, {
+  }];
+  var itemSelectionConditionList = [{
     text: "top10",
     value: conditionformat.top10
   }, {
@@ -330,11 +342,9 @@ var ConditionRules = function ConditionRules(_a) {
         var _a;
         setEditConditionFormatKey(key);
         setContext(function (ctx) {
-          var _a, _b, _c, _d;
+          var _a, _b;
           var index = getSheetIndex(ctx, ctx.currentSheetId);
-          console.log("why set editkey", (_b = (_a = ctx.luckysheetfile[index]) === null || _a === void 0 ? void 0 : _a.conditionRules) === null || _b === void 0 ? void 0 : _b.editKey);
-          if (((_d = (_c = ctx.luckysheetfile[index]) === null || _c === void 0 ? void 0 : _c.conditionRules) === null || _d === void 0 ? void 0 : _d.editKey) === undefined) {
-            console.log("set editkey");
+          if (((_b = (_a = ctx.luckysheetfile[index]) === null || _a === void 0 ? void 0 : _a.conditionRules) === null || _b === void 0 ? void 0 : _b.editKey) === undefined) {
             ctx.luckysheetfile[index].conditionRules.editKey = key;
           }
         });
@@ -459,19 +469,28 @@ var ConditionRules = function ConditionRules(_a) {
     sideOffset: 4,
     className: "z-[100]",
     "data-dropdown-content": "true"
-  }, conditionList.map(function (option) {
+  }, /*#__PURE__*/React.createElement(SelectGroup, null, /*#__PURE__*/React.createElement(SelectLabel, null, "Cell highlight rules"), cellHighlightConditionList.map(function (option) {
     return /*#__PURE__*/React.createElement(SelectItem, {
       key: option.value,
       value: option.text
     }, /*#__PURE__*/React.createElement("div", {
       className: "flex items-center gap-2"
     }, /*#__PURE__*/React.createElement("span", null, conditionformat[option.text])));
-  })))), !["aboveAverage", "belowAverage"].includes(type) && (/*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React.createElement(SelectGroup, null, /*#__PURE__*/React.createElement(SelectLabel, null, "Item selections rules"), itemSelectionConditionList.map(function (option) {
+    return /*#__PURE__*/React.createElement(SelectItem, {
+      key: option.value,
+      value: option.text
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "flex items-center gap-2"
+    }, /*#__PURE__*/React.createElement("span", null, conditionformat[option.text])));
+  }))))), !["aboveAverage", "belowAverage"].includes(type) && (/*#__PURE__*/React.createElement("div", {
     className: "flex flex-col"
   }, (type === "greaterThan" || type === "greaterThanOrEqual" || type === "lessThan" || type === "lessThanOrEqual" || type === "equal" || type === "textContains") && (/*#__PURE__*/React.createElement("div", {
     className: "w-full"
   }, /*#__PURE__*/React.createElement(TextField, {
-    placeholder: "Value",
+    label: "Value for condition",
+    required: true,
+    placeholder: "Value is required",
     onKeyDown: function onKeyDown(e) {
       e.stopPropagation();
     },
@@ -595,9 +614,19 @@ var ConditionRules = function ConditionRules(_a) {
   }, "Formatting styles"), /*#__PURE__*/React.createElement("div", {
     className: "toolbar-container"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "toolbar-header"
+    className: "toolbar-header",
+    style: {
+      backgroundColor: colorRules.cellColor,
+      color: colorRules.textColor,
+      textDecoration: underline ? "underline" : "",
+      textDecorationLine: strikethrough ? "line-through" : ""
+    }
   }, /*#__PURE__*/React.createElement("h2", {
-    className: "toolbar-title"
+    className: "toolbar-title",
+    style: {
+      fontWeight: bold ? "bold" : "",
+      fontStyle: italic ? "italic" : ""
+    }
   }, "Formatting styles preview")), /*#__PURE__*/React.createElement("div", {
     className: "toolbar-content"
   }, /*#__PURE__*/React.createElement(Button, {
@@ -766,6 +795,7 @@ var ConditionRules = function ConditionRules(_a) {
     },
     tabIndex: 0
   }, button.cancel), editConditionFormatKey !== null ? (/*#__PURE__*/React.createElement(Button, {
+    disabled: context.conditionRules.rulesValue === "",
     variant: "default",
     style: {
       minWidth: "80px"
@@ -774,7 +804,8 @@ var ConditionRules = function ConditionRules(_a) {
       close("edit");
     },
     tabIndex: 0
-  }, "Edit rule")) : (/*#__PURE__*/React.createElement(Button, {
+  }, "Update rule")) : (/*#__PURE__*/React.createElement(Button, {
+    disabled: context.conditionRules.rulesValue === "",
     variant: "default",
     style: {
       minWidth: "80px"

package/es/components/ConditionFormat/formating.css

@@ -8,26 +8,25 @@
 }
 
 .toolbar-header {
-  background-color: #dcfce7;
+  height: 36px;
   padding: 4px 16px;
   border-radius: var(--border-radius-sm, 4px) var(--border-radius-sm, 4px) var(--border-radius-none, 0) var(--border-radius-none, 0);
-border-bottom: 1px solid hsl(var(--color-border-default, #E8EBEC));
-background: hsl(var(--color-bg-success-light, #DDFBDF));
+  border-bottom: 1px solid hsl(var(--color-border-default, #E8EBEC));
+  background: hsl(var(--color-bg-success-light, #DDFBDF));
 }
 
 .toolbar-title {
-  color: hsl(var(--color-text-success, #177E23));
-font-family: "Helvetica Neue";
-font-size: 14px;
-font-style: normal;
-font-weight: 400;
-line-height: 20px;
+  font-family: "Helvetica Neue";
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 20px;
 }
 
 .toolbar-content {
   padding: 4px;
   display: flex;
-  gap: 16px;
+  gap: 12px;
   align-items: center;
 }
 
@@ -100,4 +99,4 @@ line-height: 20px;
   width: 24px;
   height: 24px;
   color: #1f2937;
-}
+}

package/es/components/ErrorState/index.js

@@ -22,7 +22,7 @@ var ErrorBoxes = function ErrorBoxes() {
       zIndex: 100,
       borderRadius: "4px"
     },
-    className: "shadow-lg flex flex-col gap-2"
+    className: "shadow-lg flex flex-col gap-2 break-all"
   }, /*#__PURE__*/React.createElement("h3", {
     className: "text-heading-xsm color-text-danger"
   }, title), /*#__PURE__*/React.createElement("div", {

package/es/components/FxEditor/index.js

@@ -11,26 +11,26 @@ import usePrevious from "../../hooks/usePrevious";
 import { LucideIcon } from "../../components/SheetOverlay/LucideIcon";
 import { countCommasBeforeCursor, isLetterNumberPattern, moveCursorToEnd } from "../../components/SheetOverlay/helper";
 var FxEditor = function FxEditor() {
-  var _a, _b, _c;
+  var _a;
   var hideFormulaHintLocal = localStorage.getItem("formulaMore") === "true";
-  var _d = useState(false),
-    showSearchHint = _d[0],
-    setShowSearchHint = _d[1];
-  var _e = useState(!hideFormulaHintLocal),
-    showFormulaHint = _e[0],
-    setShowFormulaHint = _e[1];
-  var _f = useState(0),
-    commaCount = _f[0],
-    setCommaCount = _f[1];
-  var _g = useContext(WorkbookContext),
-    context = _g.context,
-    setContext = _g.setContext,
-    refs = _g.refs;
+  var _b = useState(false),
+    showSearchHint = _b[0],
+    setShowSearchHint = _b[1];
+  var _c = useState(!hideFormulaHintLocal),
+    showFormulaHint = _c[0],
+    setShowFormulaHint = _c[1];
+  var _d = useState(0),
+    commaCount = _d[0],
+    setCommaCount = _d[1];
+  var _e = useContext(WorkbookContext),
+    context = _e.context,
+    setContext = _e.setContext,
+    refs = _e.refs;
   var lastKeyDownEventRef = useRef(null);
   var inputContainerRef = useRef(null);
-  var _h = useState(false),
-    isHidenRC = _h[0],
-    setIsHidenRC = _h[1];
+  var _f = useState(false),
+    isHidenRC = _f[0],
+    setIsHidenRC = _f[1];
   var firstSelection = (_a = context.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[0];
   var prevFirstSelection = usePrevious(firstSelection);
   var prevSheetId = usePrevious(context.currentSheetId);
@@ -267,6 +267,24 @@ var FxEditor = function FxEditor() {
       });
     }
   }, [refs.cellInput, refs.fxInput, setContext]);
+  var getFunctionNameFromInput = useCallback(function () {
+    var _a, _b, _c, _d;
+    var inputText = ((_b = (_a = refs.fxInput) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.innerText) || "";
+    if (!inputText.startsWith("=")) return null;
+    var functionMatch = inputText.match(/^=([A-Za-z_][A-Za-z0-9_]*)\s*\(/);
+    if (functionMatch) {
+      return functionMatch[1].toUpperCase();
+    }
+    if ((_c = refs.fxInput) === null || _c === void 0 ? void 0 : _c.current) {
+      var funcSpan = refs.fxInput.current.querySelector(".luckysheet-formula-text-func");
+      if (funcSpan) {
+        return ((_d = funcSpan.textContent) === null || _d === void 0 ? void 0 : _d.toUpperCase()) || null;
+      }
+    }
+    return null;
+  }, []);
+  var functionName = context.functionHint || getFunctionNameFromInput();
+  var fn = functionName ? context.formulaCache.functionlistMap[functionName] : null;
   var allowEdit = useMemo(function () {
     if (context.allowEdit === false) {
       return false;
@@ -280,9 +298,9 @@ var FxEditor = function FxEditor() {
     return true;
   }, [context.config, context.luckysheet_select_save, context.luckysheetfile, context.currentSheetId, isHidenRC]);
   var divRef = useRef(null);
-  var _j = useState(false),
-    isResizing = _j[0],
-    setIsResizing = _j[1];
+  var _g = useState(false),
+    isResizing = _g[0],
+    setIsResizing = _g[1];
   var startResize = function startResize(e) {
     e.preventDefault();
     setIsResizing(true);
@@ -358,11 +376,12 @@ var FxEditor = function FxEditor() {
     }
   })), /*#__PURE__*/React.createElement("div", {
     className: "fx-hint"
-  }, context.functionHint && ((_c = (_b = refs.fxInput) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.innerText.includes("(")) && (/*#__PURE__*/React.createElement(FormulaHint, {
+  }, showFormulaHint && fn && (/*#__PURE__*/React.createElement(FormulaHint, {
     handleShowFormulaHint: handleShowFormulaHint,
     showFormulaHint: showFormulaHint,
-    commaCount: commaCount
-  })), context.functionHint && !showFormulaHint && (/*#__PURE__*/React.createElement("div", {
+    commaCount: commaCount,
+    functionName: functionName
+  })), !showFormulaHint && fn && (/*#__PURE__*/React.createElement("div", {
     className: "luckysheet-hin absolute show-more-btn",
     onClick: function onClick() {
       handleShowFormulaHint();

package/es/components/SheetOverlay/FormulaHint/index.js

@@ -18,12 +18,13 @@ var FormulaHint = function FormulaHint(props) {
   var _a;
   var showFormulaHint = props.showFormulaHint,
     handleShowFormulaHint = props.handleShowFormulaHint,
-    commaCount = props.commaCount;
+    commaCount = props.commaCount,
+    functionName = props.functionName;
   var dragHasMoved = useRef(false);
   var context = useContext(WorkbookContext).context;
   var firstSelection = (_a = context.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[0];
   var formulaMore = locale(context).formulaMore;
-  var fn = context.formulaCache.functionlistMap[context.functionHint];
+  var fn = functionName ? context.formulaCache.functionlistMap[functionName] : context.formulaCache.functionlistMap[(context === null || context === void 0 ? void 0 : context.functionHint) || ""];
   var _b = useState(localStorage.getItem(fn === null || fn === void 0 ? void 0 : fn.API_KEY)),
     API_KEY = _b[0],
     setAPI_KEY = _b[1];

package/es/components/SheetOverlay/InputBox.js

@@ -20,47 +20,47 @@ import usePrevious from "../../hooks/usePrevious";
 import { moveCursorToEnd, getCursorPosition, isLetterNumberPattern, removeLastSpan, incrementColumn, decrementColumn, incrementRow, decrementRow, countCommasBeforeCursor } from "./helper";
 import { LucideIcon } from "./LucideIcon";
 var InputBox = function InputBox() {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
-  var _j = useContext(WorkbookContext),
-    context = _j.context,
-    setContext = _j.setContext,
-    refs = _j.refs;
+  var _a, _b, _c, _d, _e, _f, _g;
+  var _h = useContext(WorkbookContext),
+    context = _h.context,
+    setContext = _h.setContext,
+    refs = _h.refs;
   var inputRef = useRef(null);
   var lastKeyDownEventRef = useRef(null);
   var prevCellUpdate = usePrevious(context.luckysheetCellUpdate);
   var prevSheetId = usePrevious(context.currentSheetId);
+  var _j = useState(false),
+    isHidenRC = _j[0],
+    setIsHidenRC = _j[1];
   var _k = useState(false),
-    isHidenRC = _k[0],
-    setIsHidenRC = _k[1];
-  var _l = useState(false),
-    isInputBoxActive = _l[0],
-    setIsInputBoxActive = _l[1];
+    isInputBoxActive = _k[0],
+    setIsInputBoxActive = _k[1];
+  var _l = useState(""),
+    activeCell = _l[0],
+    setActiveCell = _l[1];
   var _m = useState(""),
-    activeCell = _m[0],
-    setActiveCell = _m[1];
-  var _o = useState(""),
-    activeRefCell = _o[0],
-    setActiveRefCell = _o[1];
-  var _p = useState({
+    activeRefCell = _m[0],
+    setActiveRefCell = _m[1];
+  var _o = useState({
       left: 0,
       top: 0
     }),
-    frozenPosition = _p[0],
-    setFrozenPosition = _p[1];
+    frozenPosition = _o[0],
+    setFrozenPosition = _o[1];
   var firstSelection = (_a = context.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[0];
-  var _q = useState({}),
-    firstSelectionActiveCell = _q[0],
-    setFirstSelectionActiveCell = _q[1];
-  var _r = useState(0),
-    commaCount = _r[0],
-    setCommaCount = _r[1];
+  var _p = useState({}),
+    firstSelectionActiveCell = _p[0],
+    setFirstSelectionActiveCell = _p[1];
+  var _q = useState(0),
+    commaCount = _q[0],
+    setCommaCount = _q[1];
   var hideFormulaHintLocal = localStorage.getItem("formulaMore") === "true";
-  var _s = useState(!hideFormulaHintLocal),
-    showFormulaHint = _s[0],
-    setShowFormulaHint = _s[1];
-  var _t = useState(false),
-    showSearchHint = _t[0],
-    setShowSearchHint = _t[1];
+  var _r = useState(!hideFormulaHintLocal),
+    showFormulaHint = _r[0],
+    setShowFormulaHint = _r[1];
+  var _s = useState(false),
+    showSearchHint = _s[0],
+    setShowSearchHint = _s[1];
   var row_index = firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.row_focus;
   var col_index = firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.column_focus;
   var preText = useRef("");
@@ -517,7 +517,24 @@ var InputBox = function InputBox() {
     }
     return activeCell || cell;
   };
-  var fn = context.formulaCache.functionlistMap[context.functionHint];
+  var getFunctionNameFromInput = useCallback(function () {
+    var _a, _b;
+    var inputText = ((_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.innerText) || "";
+    if (!inputText.startsWith("=")) return null;
+    var functionMatch = inputText.match(/^=([A-Za-z_][A-Za-z0-9_]*)\s*\(/);
+    if (functionMatch) {
+      return functionMatch[1].toUpperCase();
+    }
+    if (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) {
+      var funcSpan = inputRef.current.querySelector(".luckysheet-formula-text-func");
+      if (funcSpan) {
+        return ((_b = funcSpan.textContent) === null || _b === void 0 ? void 0 : _b.toUpperCase()) || null;
+      }
+    }
+    return null;
+  }, []);
+  var functionName = context.functionHint || getFunctionNameFromInput();
+  var fn = functionName ? context.formulaCache.functionlistMap[functionName] : null;
   return /*#__PURE__*/React.createElement("div", {
     className: "luckysheet-input-box",
     id: "luckysheet-input-box",
@@ -561,7 +578,7 @@ var InputBox = function InputBox() {
     onKeyDown: onKeyDown,
     onPaste: onPaste,
     allowEdit: edit ? !isHidenRC : edit
-  })), (context.functionCandidates.length > 0 || context.functionHint || context.defaultCandidates.length > 0) && (/*#__PURE__*/React.createElement(React.Fragment, null, showSearchHint && (/*#__PURE__*/React.createElement(FormulaSearch, {
+  })), (context.functionCandidates.length > 0 || context.functionHint || context.defaultCandidates.length > 0 || fn) && (/*#__PURE__*/React.createElement(React.Fragment, null, showSearchHint && (/*#__PURE__*/React.createElement(FormulaSearch, {
     onMouseMove: function onMouseMove(e) {
       if (document.getElementById("luckysheet-formula-search-c")) {
         var hoveredItem = e.target.closest(".luckysheet-formula-search-item");
@@ -576,10 +593,11 @@ var InputBox = function InputBox() {
     }
   })), /*#__PURE__*/React.createElement("div", {
     className: "cell-hint"
-  }, showFormulaHint && fn && ((_h = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _h === void 0 ? void 0 : _h.innerText.includes("(")) && (/*#__PURE__*/React.createElement(FormulaHint, {
+  }, showFormulaHint && fn && (/*#__PURE__*/React.createElement(FormulaHint, {
     handleShowFormulaHint: handleShowFormulaHint,
     showFormulaHint: showFormulaHint,
-    commaCount: commaCount
+    commaCount: commaCount,
+    functionName: functionName
   })), !showFormulaHint && fn && (/*#__PURE__*/React.createElement(Tooltip, {
     text: "Turn on formula suggestions (F10)",
     placement: "top",

package/lib/components/ConditionFormat/ConditionRules.js

@@ -36,6 +36,7 @@ var ConditionRules = function ConditionRules(_a) {
     editConditionFormatKey = _d[0],
     setEditConditionFormatKey = _d[1];
   var editKeyRef = (0, _react.useRef)(null);
+  var firstRenderRef = (0, _react.useRef)(true);
   var _e = (0, _react.useState)(""),
     editConditionRange = _e[0],
     setEditConditionRange = _e[1];
@@ -56,8 +57,8 @@ var ConditionRules = function ConditionRules(_a) {
     protection = _j.protection,
     generalDialog = _j.generalDialog;
   var _k = (0, _react.useState)({
-      textColor: "#FFFFFF",
-      cellColor: "#D82E2A"
+      textColor: "#177E23",
+      cellColor: "#DDFBDF"
     }),
     colorRules = _k[0],
     setColorRules = _k[1];
@@ -75,6 +76,7 @@ var ConditionRules = function ConditionRules(_a) {
     setStrikethrough = _p[1];
   (0, _react.useEffect)(function () {
     var _a, _b;
+    if (create) return;
     var index = (0, _fortuneCore.getSheetIndex)(context, context === null || context === void 0 ? void 0 : context.currentSheetId) || 0;
     var allCondition = context.luckysheetfile[index].luckysheet_conditionformat_save;
     setAllConditionFormats(allCondition);
@@ -98,11 +100,13 @@ var ConditionRules = function ConditionRules(_a) {
       setMatchedConditionFormatKey(matchedCondition);
     }
     if (buttonClickCreateRef.current) return;
-    if (matchedCondition.length === 0) {
-      setCreate(true);
-    } else if (matchedCondition.length > 0) {
+    if (matchedCondition.length >= 0) {
       setCreate(false);
     }
+    if (firstRenderRef.current && matchedCondition.length <= 0) {
+      setCreate(true);
+      firstRenderRef.current = false;
+    }
   }, [context]);
   var updateCacheRules = function updateCacheRules() {
     setContext(function (ctx) {
@@ -155,7 +159,6 @@ var ConditionRules = function ConditionRules(_a) {
       buttonClickCreateRef.current = false;
       setCreate(false);
       setContext(function (ctx) {
-        console.log("whole rule", ctx.conditionRules);
         ctx.conditionRules.textColor.color = colorRules.textColor;
         ctx.conditionRules.cellColor.color = colorRules.cellColor;
         ctx.conditionRules.font = {
@@ -212,6 +215,14 @@ var ConditionRules = function ConditionRules(_a) {
         projectValue: "10"
       };
     });
+    setBold(false);
+    setItalic(false);
+    setUnderline(false);
+    setStrikethrough(false);
+    setColorRules({
+      textColor: "#177E23",
+      cellColor: "#DDFBDF"
+    });
     updateCacheRules();
     setEditConditionFormatKey(null);
     setContext(function (ctx) {
@@ -266,7 +277,7 @@ var ConditionRules = function ConditionRules(_a) {
       ctx.rangeDialog.rangeTxt = "";
     });
   }, [type]);
-  var conditionList = [{
+  var cellHighlightConditionList = [{
     text: "greaterThan",
     value: ">",
     label: "Greater Than"
@@ -302,7 +313,8 @@ var ConditionRules = function ConditionRules(_a) {
     text: "duplicateValue",
     value: "##",
     label: "Duplicate Value"
-  }, {
+  }];
+  var itemSelectionConditionList = [{
     text: "top10",
     value: conditionformat.top10
   }, {
@@ -339,11 +351,9 @@ var ConditionRules = function ConditionRules(_a) {
         var _a;
         setEditConditionFormatKey(key);
         setContext(function (ctx) {
-          var _a, _b, _c, _d;
+          var _a, _b;
           var index = (0, _fortuneCore.getSheetIndex)(ctx, ctx.currentSheetId);
-          console.log("why set editkey", (_b = (_a = ctx.luckysheetfile[index]) === null || _a === void 0 ? void 0 : _a.conditionRules) === null || _b === void 0 ? void 0 : _b.editKey);
-          if (((_d = (_c = ctx.luckysheetfile[index]) === null || _c === void 0 ? void 0 : _c.conditionRules) === null || _d === void 0 ? void 0 : _d.editKey) === undefined) {
-            console.log("set editkey");
+          if (((_b = (_a = ctx.luckysheetfile[index]) === null || _a === void 0 ? void 0 : _a.conditionRules) === null || _b === void 0 ? void 0 : _b.editKey) === undefined) {
             ctx.luckysheetfile[index].conditionRules.editKey = key;
           }
         });
@@ -468,19 +478,28 @@ var ConditionRules = function ConditionRules(_a) {
     sideOffset: 4,
     className: "z-[100]",
     "data-dropdown-content": "true"
-  }, conditionList.map(function (option) {
+  }, /*#__PURE__*/_react.default.createElement(_ui.SelectGroup, null, /*#__PURE__*/_react.default.createElement(_ui.SelectLabel, null, "Cell highlight rules"), cellHighlightConditionList.map(function (option) {
     return /*#__PURE__*/_react.default.createElement(_ui.SelectItem, {
       key: option.value,
       value: option.text
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "flex items-center gap-2"
     }, /*#__PURE__*/_react.default.createElement("span", null, conditionformat[option.text])));
-  })))), !["aboveAverage", "belowAverage"].includes(type) && (/*#__PURE__*/_react.default.createElement("div", {
+  })), /*#__PURE__*/_react.default.createElement(_ui.SelectGroup, null, /*#__PURE__*/_react.default.createElement(_ui.SelectLabel, null, "Item selections rules"), itemSelectionConditionList.map(function (option) {
+    return /*#__PURE__*/_react.default.createElement(_ui.SelectItem, {
+      key: option.value,
+      value: option.text
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "flex items-center gap-2"
+    }, /*#__PURE__*/_react.default.createElement("span", null, conditionformat[option.text])));
+  }))))), !["aboveAverage", "belowAverage"].includes(type) && (/*#__PURE__*/_react.default.createElement("div", {
     className: "flex flex-col"
   }, (type === "greaterThan" || type === "greaterThanOrEqual" || type === "lessThan" || type === "lessThanOrEqual" || type === "equal" || type === "textContains") && (/*#__PURE__*/_react.default.createElement("div", {
     className: "w-full"
   }, /*#__PURE__*/_react.default.createElement(_ui.TextField, {
-    placeholder: "Value",
+    label: "Value for condition",
+    required: true,
+    placeholder: "Value is required",
     onKeyDown: function onKeyDown(e) {
       e.stopPropagation();
     },
@@ -604,9 +623,19 @@ var ConditionRules = function ConditionRules(_a) {
   }, "Formatting styles"), /*#__PURE__*/_react.default.createElement("div", {
     className: "toolbar-container"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "toolbar-header"
+    className: "toolbar-header",
+    style: {
+      backgroundColor: colorRules.cellColor,
+      color: colorRules.textColor,
+      textDecoration: underline ? "underline" : "",
+      textDecorationLine: strikethrough ? "line-through" : ""
+    }
   }, /*#__PURE__*/_react.default.createElement("h2", {
-    className: "toolbar-title"
+    className: "toolbar-title",
+    style: {
+      fontWeight: bold ? "bold" : "",
+      fontStyle: italic ? "italic" : ""
+    }
   }, "Formatting styles preview")), /*#__PURE__*/_react.default.createElement("div", {
     className: "toolbar-content"
   }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
@@ -775,6 +804,7 @@ var ConditionRules = function ConditionRules(_a) {
     },
     tabIndex: 0
   }, button.cancel), editConditionFormatKey !== null ? (/*#__PURE__*/_react.default.createElement(_ui.Button, {
+    disabled: context.conditionRules.rulesValue === "",
     variant: "default",
     style: {
       minWidth: "80px"
@@ -783,7 +813,8 @@ var ConditionRules = function ConditionRules(_a) {
       close("edit");
     },
     tabIndex: 0
-  }, "Edit rule")) : (/*#__PURE__*/_react.default.createElement(_ui.Button, {
+  }, "Update rule")) : (/*#__PURE__*/_react.default.createElement(_ui.Button, {
+    disabled: context.conditionRules.rulesValue === "",
     variant: "default",
     style: {
       minWidth: "80px"

package/lib/components/ConditionFormat/formating.css

@@ -8,26 +8,25 @@
 }
 
 .toolbar-header {
-  background-color: #dcfce7;
+  height: 36px;
   padding: 4px 16px;
   border-radius: var(--border-radius-sm, 4px) var(--border-radius-sm, 4px) var(--border-radius-none, 0) var(--border-radius-none, 0);
-border-bottom: 1px solid hsl(var(--color-border-default, #E8EBEC));
-background: hsl(var(--color-bg-success-light, #DDFBDF));
+  border-bottom: 1px solid hsl(var(--color-border-default, #E8EBEC));
+  background: hsl(var(--color-bg-success-light, #DDFBDF));
 }
 
 .toolbar-title {
-  color: hsl(var(--color-text-success, #177E23));
-font-family: "Helvetica Neue";
-font-size: 14px;
-font-style: normal;
-font-weight: 400;
-line-height: 20px;
+  font-family: "Helvetica Neue";
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 20px;
 }
 
 .toolbar-content {
   padding: 4px;
   display: flex;
-  gap: 16px;
+  gap: 12px;
   align-items: center;
 }
 
@@ -100,4 +99,4 @@ line-height: 20px;
   width: 24px;
   height: 24px;
   color: #1f2937;
-}
+}

package/lib/components/ErrorState/index.js

@@ -31,7 +31,7 @@ var ErrorBoxes = function ErrorBoxes() {
       zIndex: 100,
       borderRadius: "4px"
     },
-    className: "shadow-lg flex flex-col gap-2"
+    className: "shadow-lg flex flex-col gap-2 break-all"
   }, /*#__PURE__*/_react.default.createElement("h3", {
     className: "text-heading-xsm color-text-danger"
   }, title), /*#__PURE__*/_react.default.createElement("div", {

package/lib/components/FxEditor/index.js

@@ -20,26 +20,26 @@ var _helper = require("../../components/SheetOverlay/helper");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var FxEditor = function FxEditor() {
-  var _a, _b, _c;
+  var _a;
   var hideFormulaHintLocal = localStorage.getItem("formulaMore") === "true";
-  var _d = (0, _react.useState)(false),
-    showSearchHint = _d[0],
-    setShowSearchHint = _d[1];
-  var _e = (0, _react.useState)(!hideFormulaHintLocal),
-    showFormulaHint = _e[0],
-    setShowFormulaHint = _e[1];
-  var _f = (0, _react.useState)(0),
-    commaCount = _f[0],
-    setCommaCount = _f[1];
-  var _g = (0, _react.useContext)(_context.default),
-    context = _g.context,
-    setContext = _g.setContext,
-    refs = _g.refs;
+  var _b = (0, _react.useState)(false),
+    showSearchHint = _b[0],
+    setShowSearchHint = _b[1];
+  var _c = (0, _react.useState)(!hideFormulaHintLocal),
+    showFormulaHint = _c[0],
+    setShowFormulaHint = _c[1];
+  var _d = (0, _react.useState)(0),
+    commaCount = _d[0],
+    setCommaCount = _d[1];
+  var _e = (0, _react.useContext)(_context.default),
+    context = _e.context,
+    setContext = _e.setContext,
+    refs = _e.refs;
   var lastKeyDownEventRef = (0, _react.useRef)(null);
   var inputContainerRef = (0, _react.useRef)(null);
-  var _h = (0, _react.useState)(false),
-    isHidenRC = _h[0],
-    setIsHidenRC = _h[1];
+  var _f = (0, _react.useState)(false),
+    isHidenRC = _f[0],
+    setIsHidenRC = _f[1];
   var firstSelection = (_a = context.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[0];
   var prevFirstSelection = (0, _usePrevious.default)(firstSelection);
   var prevSheetId = (0, _usePrevious.default)(context.currentSheetId);
@@ -276,6 +276,24 @@ var FxEditor = function FxEditor() {
       });
     }
   }, [refs.cellInput, refs.fxInput, setContext]);
+  var getFunctionNameFromInput = (0, _react.useCallback)(function () {
+    var _a, _b, _c, _d;
+    var inputText = ((_b = (_a = refs.fxInput) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.innerText) || "";
+    if (!inputText.startsWith("=")) return null;
+    var functionMatch = inputText.match(/^=([A-Za-z_][A-Za-z0-9_]*)\s*\(/);
+    if (functionMatch) {
+      return functionMatch[1].toUpperCase();
+    }
+    if ((_c = refs.fxInput) === null || _c === void 0 ? void 0 : _c.current) {
+      var funcSpan = refs.fxInput.current.querySelector(".luckysheet-formula-text-func");
+      if (funcSpan) {
+        return ((_d = funcSpan.textContent) === null || _d === void 0 ? void 0 : _d.toUpperCase()) || null;
+      }
+    }
+    return null;
+  }, []);
+  var functionName = context.functionHint || getFunctionNameFromInput();
+  var fn = functionName ? context.formulaCache.functionlistMap[functionName] : null;
   var allowEdit = (0, _react.useMemo)(function () {
     if (context.allowEdit === false) {
       return false;
@@ -289,9 +307,9 @@ var FxEditor = function FxEditor() {
     return true;
   }, [context.config, context.luckysheet_select_save, context.luckysheetfile, context.currentSheetId, isHidenRC]);
   var divRef = (0, _react.useRef)(null);
-  var _j = (0, _react.useState)(false),
-    isResizing = _j[0],
-    setIsResizing = _j[1];
+  var _g = (0, _react.useState)(false),
+    isResizing = _g[0],
+    setIsResizing = _g[1];
   var startResize = function startResize(e) {
     e.preventDefault();
     setIsResizing(true);
@@ -367,11 +385,12 @@ var FxEditor = function FxEditor() {
     }
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "fx-hint"
-  }, context.functionHint && ((_c = (_b = refs.fxInput) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.innerText.includes("(")) && (/*#__PURE__*/_react.default.createElement(_FormulaHint.default, {
+  }, showFormulaHint && fn && (/*#__PURE__*/_react.default.createElement(_FormulaHint.default, {
     handleShowFormulaHint: handleShowFormulaHint,
     showFormulaHint: showFormulaHint,
-    commaCount: commaCount
-  })), context.functionHint && !showFormulaHint && (/*#__PURE__*/_react.default.createElement("div", {
+    commaCount: commaCount,
+    functionName: functionName
+  })), !showFormulaHint && fn && (/*#__PURE__*/_react.default.createElement("div", {
     className: "luckysheet-hin absolute show-more-btn",
     onClick: function onClick() {
       handleShowFormulaHint();

package/lib/components/SheetOverlay/FormulaHint/index.js

@@ -27,12 +27,13 @@ var FormulaHint = function FormulaHint(props) {
   var _a;
   var showFormulaHint = props.showFormulaHint,
     handleShowFormulaHint = props.handleShowFormulaHint,
-    commaCount = props.commaCount;
+    commaCount = props.commaCount,
+    functionName = props.functionName;
   var dragHasMoved = (0, _react.useRef)(false);
   var context = (0, _react.useContext)(_context.default).context;
   var firstSelection = (_a = context.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[0];
   var formulaMore = (0, _fortuneCore.locale)(context).formulaMore;
-  var fn = context.formulaCache.functionlistMap[context.functionHint];
+  var fn = functionName ? context.formulaCache.functionlistMap[functionName] : context.formulaCache.functionlistMap[(context === null || context === void 0 ? void 0 : context.functionHint) || ""];
   var _b = (0, _react.useState)(localStorage.getItem(fn === null || fn === void 0 ? void 0 : fn.API_KEY)),
     API_KEY = _b[0],
     setAPI_KEY = _b[1];

package/lib/components/SheetOverlay/InputBox.js

@@ -17,7 +17,7 @@ var _usePrevious = _interopRequireDefault(require("../../hooks/usePrevious"));
 var _helper = require("./helper");
 var _LucideIcon = require("./LucideIcon");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var __assign = void 0 && (void 0).__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -29,47 +29,47 @@ var __assign = void 0 && (void 0).__assign || function () {
   return __assign.apply(this, arguments);
 };
 var InputBox = function InputBox() {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
-  var _j = (0, _react.useContext)(_context.default),
-    context = _j.context,
-    setContext = _j.setContext,
-    refs = _j.refs;
+  var _a, _b, _c, _d, _e, _f, _g;
+  var _h = (0, _react.useContext)(_context.default),
+    context = _h.context,
+    setContext = _h.setContext,
+    refs = _h.refs;
   var inputRef = (0, _react.useRef)(null);
   var lastKeyDownEventRef = (0, _react.useRef)(null);
   var prevCellUpdate = (0, _usePrevious.default)(context.luckysheetCellUpdate);
   var prevSheetId = (0, _usePrevious.default)(context.currentSheetId);
+  var _j = (0, _react.useState)(false),
+    isHidenRC = _j[0],
+    setIsHidenRC = _j[1];
   var _k = (0, _react.useState)(false),
-    isHidenRC = _k[0],
-    setIsHidenRC = _k[1];
-  var _l = (0, _react.useState)(false),
-    isInputBoxActive = _l[0],
-    setIsInputBoxActive = _l[1];
+    isInputBoxActive = _k[0],
+    setIsInputBoxActive = _k[1];
+  var _l = (0, _react.useState)(""),
+    activeCell = _l[0],
+    setActiveCell = _l[1];
   var _m = (0, _react.useState)(""),
-    activeCell = _m[0],
-    setActiveCell = _m[1];
-  var _o = (0, _react.useState)(""),
-    activeRefCell = _o[0],
-    setActiveRefCell = _o[1];
-  var _p = (0, _react.useState)({
+    activeRefCell = _m[0],
+    setActiveRefCell = _m[1];
+  var _o = (0, _react.useState)({
       left: 0,
       top: 0
     }),
-    frozenPosition = _p[0],
-    setFrozenPosition = _p[1];
+    frozenPosition = _o[0],
+    setFrozenPosition = _o[1];
   var firstSelection = (_a = context.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[0];
-  var _q = (0, _react.useState)({}),
-    firstSelectionActiveCell = _q[0],
-    setFirstSelectionActiveCell = _q[1];
-  var _r = (0, _react.useState)(0),
-    commaCount = _r[0],
-    setCommaCount = _r[1];
+  var _p = (0, _react.useState)({}),
+    firstSelectionActiveCell = _p[0],
+    setFirstSelectionActiveCell = _p[1];
+  var _q = (0, _react.useState)(0),
+    commaCount = _q[0],
+    setCommaCount = _q[1];
   var hideFormulaHintLocal = localStorage.getItem("formulaMore") === "true";
-  var _s = (0, _react.useState)(!hideFormulaHintLocal),
-    showFormulaHint = _s[0],
-    setShowFormulaHint = _s[1];
-  var _t = (0, _react.useState)(false),
-    showSearchHint = _t[0],
-    setShowSearchHint = _t[1];
+  var _r = (0, _react.useState)(!hideFormulaHintLocal),
+    showFormulaHint = _r[0],
+    setShowFormulaHint = _r[1];
+  var _s = (0, _react.useState)(false),
+    showSearchHint = _s[0],
+    setShowSearchHint = _s[1];
   var row_index = firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.row_focus;
   var col_index = firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.column_focus;
   var preText = (0, _react.useRef)("");
@@ -526,7 +526,24 @@ var InputBox = function InputBox() {
     }
     return activeCell || cell;
   };
-  var fn = context.formulaCache.functionlistMap[context.functionHint];
+  var getFunctionNameFromInput = (0, _react.useCallback)(function () {
+    var _a, _b;
+    var inputText = ((_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.innerText) || "";
+    if (!inputText.startsWith("=")) return null;
+    var functionMatch = inputText.match(/^=([A-Za-z_][A-Za-z0-9_]*)\s*\(/);
+    if (functionMatch) {
+      return functionMatch[1].toUpperCase();
+    }
+    if (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) {
+      var funcSpan = inputRef.current.querySelector(".luckysheet-formula-text-func");
+      if (funcSpan) {
+        return ((_b = funcSpan.textContent) === null || _b === void 0 ? void 0 : _b.toUpperCase()) || null;
+      }
+    }
+    return null;
+  }, []);
+  var functionName = context.functionHint || getFunctionNameFromInput();
+  var fn = functionName ? context.formulaCache.functionlistMap[functionName] : null;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "luckysheet-input-box",
     id: "luckysheet-input-box",
@@ -570,7 +587,7 @@ var InputBox = function InputBox() {
     onKeyDown: onKeyDown,
     onPaste: onPaste,
     allowEdit: edit ? !isHidenRC : edit
-  })), (context.functionCandidates.length > 0 || context.functionHint || context.defaultCandidates.length > 0) && (/*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showSearchHint && (/*#__PURE__*/_react.default.createElement(_FormulaSearch.default, {
+  })), (context.functionCandidates.length > 0 || context.functionHint || context.defaultCandidates.length > 0 || fn) && (/*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showSearchHint && (/*#__PURE__*/_react.default.createElement(_FormulaSearch.default, {
     onMouseMove: function onMouseMove(e) {
       if (document.getElementById("luckysheet-formula-search-c")) {
         var hoveredItem = e.target.closest(".luckysheet-formula-search-item");
@@ -585,10 +602,11 @@ var InputBox = function InputBox() {
     }
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "cell-hint"
-  }, showFormulaHint && fn && ((_h = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _h === void 0 ? void 0 : _h.innerText.includes("(")) && (/*#__PURE__*/_react.default.createElement(_FormulaHint.default, {
+  }, showFormulaHint && fn && (/*#__PURE__*/_react.default.createElement(_FormulaHint.default, {
     handleShowFormulaHint: handleShowFormulaHint,
     showFormulaHint: showFormulaHint,
-    commaCount: commaCount
+    commaCount: commaCount,
+    functionName: functionName
   })), !showFormulaHint && fn && (/*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
     text: "Turn on formula suggestions (F10)",
     placement: "top",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fileverse-dev/fortune-react",
-  "version": "1.2.79",
+  "version": "1.2.81-yield",
   "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.2.79",
+    "@fileverse-dev/fortune-core": "1.2.81-yield",
     "@fileverse/ui": "^4.1.7-patch-40",
     "@tippyjs/react": "^4.2.6",
     "@types/regenerator-runtime": "^0.13.6",