@fileverse-dev/fortune-react 1.2.67 → 1.2.69

package/es/components/ConditionFormat/formating.css

@@ -0,0 +1,103 @@
+.toolbar-container {
+  width: 100%;
+  max-width: 896px;
+  background-color: white;
+  border-radius: 4px;
+  border: 1px solid hsl(var(--color-border-default, #E8EBEC));
+  overflow: hidden;
+}
+
+.toolbar-header {
+  background-color: #dcfce7;
+  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));
+}
+
+.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;
+}
+
+.toolbar-content {
+  padding: 4px;
+  display: flex;
+  gap: 16px;
+  align-items: center;
+}
+
+.toolbar-button {
+  width: 48px;
+  height: 48px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: white;
+  border: 1px solid #e5e7eb;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  padding: 0;
+}
+
+.toolbar-button:hover {
+  background-color: #f9fafb;
+  border-color: #d1d5db;
+}
+
+.toolbar-button:active {
+  transform: scale(0.95);
+}
+
+.button-text {
+  font-size: 24px;
+  color: #1f2937;
+  font-weight: 500;
+}
+
+.button-text.bold {
+  font-weight: 700;
+}
+
+.button-text.italic {
+  font-style: italic;
+  font-family: Georgia, serif;
+}
+
+.button-text.underline {
+  text-decoration: underline;
+  text-decoration-thickness: 2px;
+  text-underline-offset: 2px;
+}
+
+.button-text.strikethrough {
+  text-decoration: line-through;
+  text-decoration-thickness: 2px;
+}
+
+.button-text.color-button {
+  position: relative;
+  color: #16a34a;
+}
+
+.button-text.color-button::after {
+  content: "";
+  position: absolute;
+  bottom: -4px;
+  left: 0;
+  right: 0;
+  height: 3px;
+  background-color: #16a34a;
+  border-radius: 2px;
+}
+
+.button-icon {
+  width: 24px;
+  height: 24px;
+  color: #1f2937;
+}

package/es/components/ConditionFormat/index.css

@@ -115,7 +115,7 @@
 }
 
 .condition-rules-set-title {
-  margin: 6px 0px;
+  margin: 0px 0px 16px 0px;
 }
 
 .condition-rules-setbox {
@@ -149,13 +149,23 @@
 }
 
 .condition-rules-select-color {
-  background: hsl(var(--color-bg-default));
-  width: 2.5rem;
-  height: 1.5rem;
-  border-radius: 4px;
+  background: transparent;
+  width: 16px;
+  height: 4px;
+  border-radius: 0px;
+  border: none;
   padding: 0;
   margin: 0;
   cursor: pointer;
+  outline: none;
+}
+
+input[type="color"]::-webkit-color-swatch-wrapper {
+  padding: 0;
+}
+
+input[type="color"]::-webkit-color-swatch {
+  border: 1px solid #d4d4d4;
 }
 
 .condition-rules-between-box {
@@ -210,3 +220,50 @@ input[type="number"].condition-rules-project-input::-webkit-inner-spin-button {
 input[type="number"].condition-rules-project-input {
   -moz-appearance: textfield;
 }
+
+.condition-list-parent {
+  padding: 12px 8px;
+  gap: 12px;
+}
+
+.condition-list-parent:hover {
+  background-color: hsl(var(--color-bg-default-hover));
+}
+
+.condition-list-pill {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 44px;
+  height: 56px;
+  padding: 4px 16px;
+  gap: 10px;
+  border-radius: 4px;
+  border: 1px solid #E8EBEC;
+}
+
+.condition-list-text {
+  font-family: "Helvetica Neue";
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 20px;
+}
+
+.condition-list-type {
+  color: hsl(var(--color-text-default, #363B3F));
+  font-family: "Helvetica Neue";
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 20px;
+}
+
+.condition-list-range {
+  color: hsl(var(--color-text-secondary, #77818A));
+  font-family: "Helvetica Neue";
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+}

package/es/components/ConditionFormat/index.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useContext, useEffect, useRef } from "react";
 import "./index.css";
-import { locale, updateItem } from "@fileverse-dev/fortune-core";
+import { locale } from "@fileverse-dev/fortune-core";
 import _ from "lodash";
 import WorkbookContext from "../../context";
 import Select, { Option } from "../Toolbar/Select";
@@ -226,11 +226,7 @@ var ConditionalFormat = function ConditionalFormat(_a) {
           style: {
             padding: "6px 10px"
           },
-          onClick: function onClick() {
-            setContext(function (ctx) {
-              updateItem(ctx, "delSheet");
-            });
-          },
+          onClick: function onClick() {},
           tabIndex: 0
         }, conditionformat[v]);
       }))));

package/es/components/ContextMenu/index.js

@@ -128,7 +128,6 @@ import Divider from "./Divider";
 import "./index.css";
 import Menu from "./Menu";
 import "tippy.js/dist/tippy.css";
-import ConditionalFormat from "../ConditionFormat";
 import SVGIcon from "../SVGIcon";
 import { LucideIcon as LocalLucidIcon } from "../../components/SheetOverlay/LucideIcon";
 var ContextMenu = function ContextMenu() {
@@ -986,50 +985,20 @@ var ContextMenu = function ContextMenu() {
       }), /*#__PURE__*/React.createElement("p", null, rightclick.link)));
     }
     if (name === "conditionFormat") {
-      var closeContextMenu = function closeContextMenu() {
-        return setContext(function (ctx) {
-          ctx.contextMenu = {};
-        });
-      };
-      return /*#__PURE__*/React.createElement(Tippy, {
+      return /*#__PURE__*/React.createElement(Menu, {
         key: name,
-        placement: "right-start",
-        interactive: true,
-        interactiveBorder: 50,
-        offset: [0, 0],
-        arrow: false,
-        zIndex: 3000,
-        appendTo: document.body,
-        onShow: function onShow() {
-          setActiveMenu("conditionFormat");
-        },
-        onHide: function onHide() {
-          if (activeMenu === "conditionFormat") setActiveMenu("");
-        },
-        content: /*#__PURE__*/React.createElement("div", {
-          style: {
-            minWidth: 220
-          }
-        }, /*#__PURE__*/React.createElement(ConditionalFormat, {
-          items: ["highlightCellRules", "itemSelectionRules", "-", "deleteRule"],
-          setOpen: closeContextMenu
-        })),
-        trigger: "mouseenter focus",
-        hideOnClick: false
-      }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Menu, {
-        isActive: activeMenu === "conditionFormat"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "flex items-center justify-between w-full"
+        onClick: function onClick() {
+          if (context.allowEdit === false) return;
+          setContext(function (draftCtx) {
+            draftCtx.contextMenu = {};
+          });
+          window.conditionalFormatClick(context.luckysheet_select_save);
+        }
       }, /*#__PURE__*/React.createElement("div", {
-        className: "flex items-center gap-2 context-item"
+        className: "context-item"
       }, /*#__PURE__*/React.createElement(LucideIcon, {
         name: "PaintbrushVertical"
-      }), /*#__PURE__*/React.createElement("p", null, rightclick.conditionFormat || "Conditional Format")), /*#__PURE__*/React.createElement(LucideIcon, {
-        name: "ChevronRight",
-        width: 16,
-        height: 16,
-        className: "color-text-secondary w-4 h-4"
-      })))));
+      }), /*#__PURE__*/React.createElement("p", null, "Conditional formatting")));
     }
     if (name === "clear-format") {
       return /*#__PURE__*/React.createElement(Menu, {

package/es/components/DataVerification/RangeDialog.js

@@ -3,7 +3,6 @@ import { Button, cn, IconButton, TextField } from "@fileverse/ui";
 import React, { useCallback, useContext, useEffect, useState } from "react";
 import WorkbookContext from "../../context";
 import { useDialog } from "../../hooks/useDialog";
-import ConditionRules from "../ConditionFormat/ConditionRules";
 import "./index.css";
 import { getDisplayedRangeTxt } from "./getDisplayedRangeTxt";
 var RangeDialog = function RangeDialog() {
@@ -24,20 +23,6 @@ var RangeDialog = function RangeDialog() {
       ctx.rangeDialog.singleSelect = false;
     });
     (_a = document.getElementById("data-verification-button")) === null || _a === void 0 ? void 0 : _a.click();
-    if (!context.rangeDialog) return;
-    var rangeDialogType = context.rangeDialog.type;
-    if (rangeDialogType.indexOf("between") >= 0) {
-      showDialog(/*#__PURE__*/React.createElement(ConditionRules, {
-        type: "between"
-      }), undefined, locale(context).conditionformat.conditionformat_between);
-      return;
-    }
-    if (rangeDialogType.indexOf("conditionRules") >= 0) {
-      var rulesType = rangeDialogType.substring("conditionRules".length, rangeDialogType.length);
-      showDialog(/*#__PURE__*/React.createElement(ConditionRules, {
-        type: rulesType
-      }), undefined, locale(context).conditionformat["conditionformat_".concat(rulesType)]);
-    }
   }, [setContext, showDialog, context]);
   useEffect(function () {
     setRangeTxt2(getDisplayedRangeTxt(context));

package/es/components/SheetOverlay/helper.d.ts

@@ -2,6 +2,7 @@ export declare function moveCursorToEnd(editableDiv: HTMLDivElement): void;
 export declare function getCursorPosition(editableDiv: HTMLDivElement): number;
 export declare function isLetterNumberPattern(str: string): boolean;
 export declare function removeLastSpan(htmlString: string): string;
+export declare function numberToColumn(colNumber: number): string;
 export declare function incrementColumn(cell: string): string;
 export declare function decrementColumn(cell: string): string;
 export declare function incrementRow(cell: string): string;

package/es/components/SheetOverlay/helper.js

@@ -47,7 +47,7 @@ function columnToNumber(colPart) {
   }
   return colNumber;
 }
-function numberToColumn(colNumber) {
+export function numberToColumn(colNumber) {
   var colPart = "";
   while (colNumber > 0) {
     colNumber -= 1;

package/es/components/Toolbar/conditionalFormatPortal.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare const ConditionalFormatPortal: ({ visible, context, }: {
+    visible: boolean;
+    context: any;
+}) => React.ReactPortal | null;
+export default ConditionalFormatPortal;

package/es/components/Toolbar/conditionalFormatPortal.js

@@ -0,0 +1,13 @@
+import React from "react";
+import { createPortal } from "react-dom";
+import ConditionRules from "../ConditionFormat/ConditionRules";
+var ConditionalFormatPortal = function ConditionalFormatPortal(_a) {
+  var visible = _a.visible,
+    context = _a.context;
+  var container = document.getElementById("placeholder-conditional-format");
+  if (!visible || !container) return null;
+  return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement(ConditionRules, {
+    context: context
+  }), container);
+};
+export default ConditionalFormatPortal;

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

@@ -1,7 +1,7 @@
 import React from "react";
 import { Cell } from "@fileverse-dev/fortune-core";
 import "./index.css";
-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";
+export declare const getLucideIcon: (title: string) => "Ethereum" | "DollarSign" | "" | "ChevronDown" | "Bold" | "Italic" | "Underline" | "Strikethrough" | "PaintBucket" | "Undo" | "Redo" | "PaintRoller" | "AlignLeft" | "AlignCenter" | "AlignRight" | "ArrowUpFromLine" | "AlignVerticalMiddle" | "ArrowDownToLine" | "TextOverflow" | "WrapText" | "TextClip" | "Baseline" | "Border" | "MergeHorizontal" | "Percent" | "DecimalsArrowLeft" | "DecimalsArrowRight" | "PaintbrushVertical" | "Filter" | "Link" | "MessageSquarePlus" | "Image" | "Sigma" | "ShieldCheck" | "Search" | "DuneChart" | "Ellipsis";
 export declare const CurrencySelector: ({ cell, defaultTextFormat, toolTipText, }: {
     cell: Cell | null | undefined;
     defaultTextFormat: string;

package/es/components/Toolbar/index.js

@@ -127,6 +127,7 @@ import { toolbarItemClickHandler, handleTextBackground, handleTextColor, handleT
 import _ from "lodash";
 import { IconButton, LucideIcon, Tooltip, Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from "@fileverse/ui";
 import DataVerificationPortal from "./dataVerificationPortal";
+import ConditionalFormatPortal from "./conditionalFormatPortal";
 import WorkbookContext from "../../context";
 import "./index.css";
 import Button from "./Button";
@@ -138,7 +139,6 @@ import { useDialog } from "../../hooks/useDialog";
 import { useAlert } from "../../hooks/useAlert";
 import { SplitColumn } from "../SplitColumn";
 import { LocationCondition } from "../LocationCondition";
-import ConditionalFormat from "../ConditionFormat";
 import CustomButton from "./CustomButton";
 import { CustomColor } from "./CustomColor";
 import { FormatSearch } from "../FormatSearch";
@@ -398,7 +398,6 @@ export var CurrencySelector = function CurrencySelector(_a) {
               return __generator(this, function (_a) {
                 switch (_a.label) {
                   case 0:
-                    console.log(opt, "kjbdnfgjbksndfjbkdnbksdfjkn");
                     if (!(opt.type === "crypto")) return [3, 2];
                     return [4, convertCellsToCrypto({
                       context: context,
@@ -601,6 +600,9 @@ var Toolbar = function Toolbar(_a) {
   var _p = useState(false),
     showDataValidation = _p[0],
     setShowDataValidation = _p[1];
+  var _q = useState(false),
+    showConditionalFormat = _q[0],
+    setShowConditionalFormat = _q[1];
   var dataVerificationClick = function dataVerificationClick(selectedCells) {
     var _a;
     var selection = api.getSelection(context);
@@ -619,8 +621,27 @@ var Toolbar = function Toolbar(_a) {
       setShowDataValidation(true);
     }, 100);
   };
+  var conditionalFormatClick = function conditionalFormatClick(selectedCells) {
+    var _a;
+    var selection = api.getSelection(context);
+    if (!selection && !selectedCells) {
+      setContext(function (ctx) {
+        api.setSelection(ctx, [{
+          row: [0, 0],
+          column: [0, 0]
+        }], {
+          id: context.currentSheetId
+        });
+      });
+    }
+    (_a = document.getElementById("conditional-format-button")) === null || _a === void 0 ? void 0 : _a.click();
+    setTimeout(function () {
+      setShowConditionalFormat(true);
+    }, 100);
+  };
   useEffect(function () {
     window.dataVerificationClick = dataVerificationClick;
+    window.conditionalFormatClick = conditionalFormatClick;
   }, []);
   var getToolbarItem = useCallback(function (name, i) {
     var _a, _b, _c, _d, _e, _f, _g;
@@ -737,7 +758,6 @@ var Toolbar = function Toolbar(_a) {
           return /*#__PURE__*/React.createElement(Option, {
             key: value,
             onClick: function onClick() {
-              console.log("format", value);
               setOpen(false);
               setContext(function (ctx) {
                 var d = getFlowdata(ctx);
@@ -1117,18 +1137,16 @@ var Toolbar = function Toolbar(_a) {
       });
     }
     if (name === "conditionFormat") {
-      var items_4 = ["highlightCellRules", "itemSelectionRules", "-", "deleteRule"];
-      return /*#__PURE__*/React.createElement(Combo, {
-        iconId: "conditionFormat",
+      return /*#__PURE__*/React.createElement(Tooltip, {
+        text: "Conditional Format",
+        placement: "bottom"
+      }, /*#__PURE__*/React.createElement(Button, {
+        id: "conditionFormat",
+        iconId: name,
+        tooltip: tooltip,
         key: name,
-        tooltip: toolbar.conditionalFormat,
-        showArrow: false
-      }, function (setOpen) {
-        return /*#__PURE__*/React.createElement(ConditionalFormat, {
-          items: items_4,
-          setOpen: setOpen
-        });
-      });
+        onClick: conditionalFormatClick
+      }));
     }
     if (name === "image") {
       return /*#__PURE__*/React.createElement(Button, {
@@ -1335,7 +1353,7 @@ var Toolbar = function Toolbar(_a) {
       });
     }
     if (name === "border") {
-      var items_5 = [{
+      var items_4 = [{
         text: border.borderTop,
         value: "border-top",
         icon: "BorderTop"
@@ -1390,7 +1408,7 @@ var Toolbar = function Toolbar(_a) {
       }, function (setOpen) {
         return /*#__PURE__*/React.createElement("div", {
           className: "fortune-toolbar-select fortune-border-grid"
-        }, items_5.map(function (_a) {
+        }, items_4.map(function (_a) {
           var value = _a.value,
             icon = _a.icon;
           return /*#__PURE__*/React.createElement("div", {
@@ -1411,7 +1429,7 @@ var Toolbar = function Toolbar(_a) {
       });
     }
     if (name === "freeze") {
-      var items_6 = [{
+      var items_5 = [{
         text: freezen.freezenRowRange,
         value: "freeze-row"
       }, {
@@ -1435,7 +1453,7 @@ var Toolbar = function Toolbar(_a) {
           });
         }
       }, function (setOpen) {
-        return /*#__PURE__*/React.createElement(Select, null, items_6.map(function (_a) {
+        return /*#__PURE__*/React.createElement(Select, null, items_5.map(function (_a) {
           var text = _a.text,
             value = _a.value;
           return /*#__PURE__*/React.createElement(Option, {
@@ -1457,7 +1475,7 @@ var Toolbar = function Toolbar(_a) {
       });
     }
     if (name === "text-wrap") {
-      var items_7 = [{
+      var items_6 = [{
         text: textWrap.clip,
         iconId: "text-clip",
         value: "clip"
@@ -1470,9 +1488,9 @@ var Toolbar = function Toolbar(_a) {
         iconId: "text-wrap",
         value: "wrap"
       }];
-      var curr_3 = items_7[0];
+      var curr_3 = items_6[0];
       if ((cell === null || cell === void 0 ? void 0 : cell.tb) != null) {
-        curr_3 = _.get(items_7, cell.tb);
+        curr_3 = _.get(items_6, cell.tb);
       }
       return /*#__PURE__*/React.createElement(Combo, {
         iconId: curr_3.iconId,
@@ -1489,7 +1507,7 @@ var Toolbar = function Toolbar(_a) {
             justifyContent: "center",
             gap: 4
           }
-        }, items_7.map(function (_a) {
+        }, items_6.map(function (_a) {
           var iconId = _a.iconId,
             value = _a.value;
           return /*#__PURE__*/React.createElement(IconButton, {
@@ -1520,7 +1538,7 @@ var Toolbar = function Toolbar(_a) {
       });
     }
     if (name === "text-rotation") {
-      var items_8 = [{
+      var items_7 = [{
         text: rotation.none,
         iconId: "text-rotation-none",
         value: "none"
@@ -1545,9 +1563,9 @@ var Toolbar = function Toolbar(_a) {
         iconId: "text-rotation-down",
         value: "rotation-down"
       }];
-      var curr = items_8[0];
+      var curr = items_7[0];
       if ((cell === null || cell === void 0 ? void 0 : cell.tr) != null) {
-        curr = _.get(items_8, cell.tr);
+        curr = _.get(items_7, cell.tr);
       }
       return /*#__PURE__*/React.createElement(Combo, {
         iconId: curr.iconId,
@@ -1555,7 +1573,7 @@ var Toolbar = function Toolbar(_a) {
         tooltip: toolbar.textRotate,
         showArrow: false
       }, function (setOpen) {
-        return /*#__PURE__*/React.createElement(Select, null, items_8.map(function (_a) {
+        return /*#__PURE__*/React.createElement(Select, null, items_7.map(function (_a) {
           var text = _a.text,
             iconId = _a.iconId,
             value = _a.value;
@@ -1580,7 +1598,7 @@ var Toolbar = function Toolbar(_a) {
       });
     }
     if (name === "filter") {
-      var items_9 = [{
+      var items_8 = [{
         iconId: "sort-asc",
         value: "sort-asc",
         text: sort.asc,
@@ -1630,7 +1648,7 @@ var Toolbar = function Toolbar(_a) {
           style: {
             minWidth: "11.25rem"
           }
-        }, items_9.map(function (_a, index) {
+        }, items_8.map(function (_a, index) {
           var text = _a.text,
             iconId = _a.iconId,
             value = _a.value,
@@ -1685,6 +1703,9 @@ var Toolbar = function Toolbar(_a) {
     "aria-label": toolbar.toolbar
   }, /*#__PURE__*/React.createElement(DataVerificationPortal, {
     visible: showDataValidation
+  }), /*#__PURE__*/React.createElement(ConditionalFormatPortal, {
+    visible: showConditionalFormat,
+    context: context
   }), /*#__PURE__*/React.createElement("input", {
     id: "fortune-img-upload",
     className: "test-fortune-img-upload",

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

@@ -1197,4 +1197,8 @@ export declare function generateAPIs(context: Context, setContext: (recipe: (ctx
     getRefs: () => any;
     getShowDialog: () => typeof useDialog;
     getSplitColComponent: () => import("react").FC<{}>;
+    getConditionalFormatComponent: () => import("react").FC<{
+        type?: string | undefined;
+        context?: any;
+    }>;
 };

package/es/components/Workbook/api.js

@@ -14,6 +14,7 @@ import _ from "lodash";
 import { getCryptoPrice } from "../../utils/cryptoApi";
 import { useDialog } from "../../hooks/useDialog";
 import { SplitColumn } from "../../components/SplitColumn";
+import ConditionRules from "../ConditionFormat/ConditionRules";
 export function generateAPIs(context, setContext, handleUndo, handleRedo, settings, cellInput, scrollbarX, scrollbarY, globalCache, refs) {
   return {
     applyOp: function applyOp(ops) {
@@ -452,6 +453,9 @@ export function generateAPIs(context, setContext, handleUndo, handleRedo, settin
     },
     getSplitColComponent: function getSplitColComponent() {
       return SplitColumn;
+    },
+    getConditionalFormatComponent: function getConditionalFormatComponent() {
+      return ConditionRules;
     }
   };
 }

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

@@ -1204,5 +1204,9 @@ declare const Workbook: React.ForwardRefExoticComponent<Settings & AdditionalPro
     getRefs: () => any;
     getShowDialog: () => typeof import("../../hooks/useDialog").useDialog;
     getSplitColComponent: () => React.FC<{}>;
+    getConditionalFormatComponent: () => React.FC<{
+        type?: string | undefined;
+        context?: any;
+    }>;
 }>>;
 export default Workbook;

package/lib/components/ConditionFormat/ConditionRules.d.ts

@@ -1,6 +1,8 @@
 import React from "react";
 import "./index.css";
+import "./formating.css";
 declare const ConditionRules: React.FC<{
-    type: string;
+    type?: string;
+    context?: any;
 }>;
 export default ConditionRules;