@fileverse-dev/fortune-react 1.2.64-patch-12 → 1.2.65

package/lib/components/ConditionFormat/index.js

@@ -236,7 +236,9 @@ var ConditionalFormat = function ConditionalFormat(_a) {
             padding: "6px 10px"
           },
           onClick: function onClick() {
-            setContext(function (ctx) {});
+            setContext(function (ctx) {
+              (0, _fortuneCore.updateItem)(ctx, "delSheet");
+            });
           },
           tabIndex: 0
         }, conditionformat[v]);

package/lib/components/ContextMenu/index.js

@@ -20,6 +20,7 @@ var _Divider = _interopRequireDefault(require("./Divider"));
 require("./index.css");
 var _Menu = _interopRequireDefault(require("./Menu"));
 require("tippy.js/dist/tippy.css");
+var _ConditionFormat = _interopRequireDefault(require("../ConditionFormat"));
 var _SVGIcon = _interopRequireDefault(require("../SVGIcon"));
 var _LucideIcon = require("../../components/SheetOverlay/LucideIcon");
 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); }
@@ -994,20 +995,50 @@ var ContextMenu = function ContextMenu() {
       }), /*#__PURE__*/_react.default.createElement("p", null, rightclick.link)));
     }
     if (name === "conditionFormat") {
-      return /*#__PURE__*/_react.default.createElement(_Menu.default, {
+      var closeContextMenu = function closeContextMenu() {
+        return setContext(function (ctx) {
+          ctx.contextMenu = {};
+        });
+      };
+      return /*#__PURE__*/_react.default.createElement(_react2.default, {
         key: name,
-        onClick: function onClick() {
-          if (context.allowEdit === false) return;
-          setContext(function (draftCtx) {
-            draftCtx.contextMenu = {};
-          });
-          window.conditionalFormatClick(context.luckysheet_select_save);
-        }
+        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.default.createElement("div", {
+          style: {
+            minWidth: 220
+          }
+        }, /*#__PURE__*/_react.default.createElement(_ConditionFormat.default, {
+          items: ["highlightCellRules", "itemSelectionRules", "-", "deleteRule"],
+          setOpen: closeContextMenu
+        })),
+        trigger: "mouseenter focus",
+        hideOnClick: false
+      }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Menu.default, {
+        isActive: activeMenu === "conditionFormat"
       }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "context-item"
+        className: "flex items-center justify-between w-full"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "flex items-center gap-2 context-item"
       }, /*#__PURE__*/_react.default.createElement(_ui.LucideIcon, {
         name: "PaintbrushVertical"
-      }), /*#__PURE__*/_react.default.createElement("p", null, "Conditional formatting")));
+      }), /*#__PURE__*/_react.default.createElement("p", null, rightclick.conditionFormat || "Conditional Format")), /*#__PURE__*/_react.default.createElement(_ui.LucideIcon, {
+        name: "ChevronRight",
+        width: 16,
+        height: 16,
+        className: "color-text-secondary w-4 h-4"
+      })))));
     }
     if (name === "clear-format") {
       return /*#__PURE__*/_react.default.createElement(_Menu.default, {

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

@@ -2,7 +2,6 @@ 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/lib/components/SheetOverlay/helper.js

@@ -11,7 +11,6 @@ exports.incrementColumn = incrementColumn;
 exports.incrementRow = incrementRow;
 exports.isLetterNumberPattern = isLetterNumberPattern;
 exports.moveCursorToEnd = moveCursorToEnd;
-exports.numberToColumn = numberToColumn;
 exports.removeLastSpan = removeLastSpan;
 function moveCursorToEnd(editableDiv) {
   editableDiv.focus();

package/lib/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" | "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 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 CurrencySelector: ({ cell, defaultTextFormat, toolTipText, }: {
     cell: Cell | null | undefined;
     defaultTextFormat: string;

package/lib/components/Toolbar/index.js

@@ -10,7 +10,6 @@ var _fortuneCore = require("@fileverse-dev/fortune-core");
 var _lodash = _interopRequireDefault(require("lodash"));
 var _ui = require("@fileverse/ui");
 var _dataVerificationPortal = _interopRequireDefault(require("./dataVerificationPortal"));
-var _conditionalFormatPortal = _interopRequireDefault(require("./conditionalFormatPortal"));
 var _context = _interopRequireDefault(require("../../context"));
 require("./index.css");
 var _Button = _interopRequireDefault(require("./Button"));
@@ -21,6 +20,7 @@ var _SVGIcon = _interopRequireDefault(require("../SVGIcon"));
 var _useDialog = require("../../hooks/useDialog");
 var _SplitColumn = require("../SplitColumn");
 var _LocationCondition = require("../LocationCondition");
+var _ConditionFormat = _interopRequireDefault(require("../ConditionFormat"));
 var _CustomButton = _interopRequireDefault(require("./CustomButton"));
 var _CustomColor = require("./CustomColor");
 var _FormatSearch = require("../FormatSearch");
@@ -605,9 +605,6 @@ var Toolbar = function Toolbar(_a) {
   var _o = (0, _react.useState)(false),
     showDataValidation = _o[0],
     setShowDataValidation = _o[1];
-  var _p = (0, _react.useState)(false),
-    showConditionalFormat = _p[0],
-    setShowConditionalFormat = _p[1];
   var dataVerificationClick = function dataVerificationClick(selectedCells) {
     var _a;
     var selection = _fortuneCore.api.getSelection(context);
@@ -628,26 +625,7 @@ var Toolbar = function Toolbar(_a) {
   };
   (0, _react.useEffect)(function () {
     window.dataVerificationClick = dataVerificationClick;
-    window.conditionalFormatClick = conditionalFormatClick;
   }, []);
-  var conditionalFormatClick = function conditionalFormatClick(selectedCells) {
-    var _a;
-    var selection = _fortuneCore.api.getSelection(context);
-    if (!selection && !selectedCells) {
-      setContext(function (ctx) {
-        _fortuneCore.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);
-  };
   var getToolbarItem = (0, _react.useCallback)(function (name, i) {
     var _a, _b, _c, _d, _e, _f, _g;
     var tooltip = toolbar[name];
@@ -1143,13 +1121,17 @@ var Toolbar = function Toolbar(_a) {
       });
     }
     if (name === "conditionFormat") {
-      var items = ["highlightCellRules", "itemSelectionRules", "-", "deleteRule"];
-      return /*#__PURE__*/_react.default.createElement(_Button.default, {
-        id: "conditionFormat",
-        iconId: name,
-        tooltip: tooltip,
+      var items_4 = ["highlightCellRules", "itemSelectionRules", "-", "deleteRule"];
+      return /*#__PURE__*/_react.default.createElement(_Combo.default, {
+        iconId: "conditionFormat",
         key: name,
-        onClick: conditionalFormatClick
+        tooltip: toolbar.conditionalFormat,
+        showArrow: false
+      }, function (setOpen) {
+        return /*#__PURE__*/_react.default.createElement(_ConditionFormat.default, {
+          items: items_4,
+          setOpen: setOpen
+        });
       });
     }
     if (name === "image") {
@@ -1342,7 +1324,7 @@ var Toolbar = function Toolbar(_a) {
       });
     }
     if (name === "border") {
-      var items_4 = [{
+      var items_5 = [{
         text: border.borderTop,
         value: "border-top",
         icon: "BorderTop"
@@ -1397,7 +1379,7 @@ var Toolbar = function Toolbar(_a) {
       }, function (setOpen) {
         return /*#__PURE__*/_react.default.createElement("div", {
           className: "fortune-toolbar-select fortune-border-grid"
-        }, items_4.map(function (_a) {
+        }, items_5.map(function (_a) {
           var value = _a.value,
             icon = _a.icon;
           return /*#__PURE__*/_react.default.createElement("div", {
@@ -1418,7 +1400,7 @@ var Toolbar = function Toolbar(_a) {
       });
     }
     if (name === "freeze") {
-      var items_5 = [{
+      var items_6 = [{
         text: freezen.freezenRowRange,
         value: "freeze-row"
       }, {
@@ -1442,7 +1424,7 @@ var Toolbar = function Toolbar(_a) {
           });
         }
       }, function (setOpen) {
-        return /*#__PURE__*/_react.default.createElement(_Select.default, null, items_5.map(function (_a) {
+        return /*#__PURE__*/_react.default.createElement(_Select.default, null, items_6.map(function (_a) {
           var text = _a.text,
             value = _a.value;
           return /*#__PURE__*/_react.default.createElement(_Select.Option, {
@@ -1464,7 +1446,7 @@ var Toolbar = function Toolbar(_a) {
       });
     }
     if (name === "text-wrap") {
-      var items_6 = [{
+      var items_7 = [{
         text: textWrap.clip,
         iconId: "text-clip",
         value: "clip"
@@ -1477,9 +1459,9 @@ var Toolbar = function Toolbar(_a) {
         iconId: "text-wrap",
         value: "wrap"
       }];
-      var curr_3 = items_6[0];
+      var curr_3 = items_7[0];
       if ((cell === null || cell === void 0 ? void 0 : cell.tb) != null) {
-        curr_3 = _lodash.default.get(items_6, cell.tb);
+        curr_3 = _lodash.default.get(items_7, cell.tb);
       }
       return /*#__PURE__*/_react.default.createElement(_Combo.default, {
         iconId: curr_3.iconId,
@@ -1496,7 +1478,7 @@ var Toolbar = function Toolbar(_a) {
             justifyContent: "center",
             gap: 4
           }
-        }, items_6.map(function (_a) {
+        }, items_7.map(function (_a) {
           var iconId = _a.iconId,
             value = _a.value;
           return /*#__PURE__*/_react.default.createElement(_ui.IconButton, {
@@ -1527,7 +1509,7 @@ var Toolbar = function Toolbar(_a) {
       });
     }
     if (name === "text-rotation") {
-      var items_7 = [{
+      var items_8 = [{
         text: rotation.none,
         iconId: "text-rotation-none",
         value: "none"
@@ -1552,9 +1534,9 @@ var Toolbar = function Toolbar(_a) {
         iconId: "text-rotation-down",
         value: "rotation-down"
       }];
-      var curr = items_7[0];
+      var curr = items_8[0];
       if ((cell === null || cell === void 0 ? void 0 : cell.tr) != null) {
-        curr = _lodash.default.get(items_7, cell.tr);
+        curr = _lodash.default.get(items_8, cell.tr);
       }
       return /*#__PURE__*/_react.default.createElement(_Combo.default, {
         iconId: curr.iconId,
@@ -1562,7 +1544,7 @@ var Toolbar = function Toolbar(_a) {
         tooltip: toolbar.textRotate,
         showArrow: false
       }, function (setOpen) {
-        return /*#__PURE__*/_react.default.createElement(_Select.default, null, items_7.map(function (_a) {
+        return /*#__PURE__*/_react.default.createElement(_Select.default, null, items_8.map(function (_a) {
           var text = _a.text,
             iconId = _a.iconId,
             value = _a.value;
@@ -1587,7 +1569,7 @@ var Toolbar = function Toolbar(_a) {
       });
     }
     if (name === "filter") {
-      var items_8 = [{
+      var items_9 = [{
         iconId: "sort-asc",
         value: "sort-asc",
         text: sort.asc,
@@ -1637,7 +1619,7 @@ var Toolbar = function Toolbar(_a) {
           style: {
             minWidth: "11.25rem"
           }
-        }, items_8.map(function (_a, index) {
+        }, items_9.map(function (_a, index) {
           var text = _a.text,
             iconId = _a.iconId,
             value = _a.value,
@@ -1686,18 +1668,12 @@ var Toolbar = function Toolbar(_a) {
       }
     }));
   }, [toolbar, cell, setContext, refs.cellInput, refs.fxInput, refs.globalCache, defaultFormat, align, handleUndo, handleRedo, flowdata, formula, showDuneModal, merge, border, freezen, screenshot, sort, textWrap, rotation, filter, splitText, findAndReplace, context.luckysheet_select_save, context.defaultFontSize, context.allowEdit, comment, fontarray, hideSubMenu, showSubMenu, refs.canvas, customColor, customStyle, toolbarFormat.moreCurrency, (_d = context.dataVerification) === null || _d === void 0 ? void 0 : _d.dataRegulation]);
-  (0, _react.useEffect)(function () {
-    console.log("context", context);
-  }, [context]);
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: containerRef,
     className: "fortune-toolbar",
     "aria-label": toolbar.toolbar
   }, /*#__PURE__*/_react.default.createElement(_dataVerificationPortal.default, {
     visible: showDataValidation
-  }), /*#__PURE__*/_react.default.createElement(_conditionalFormatPortal.default, {
-    visible: showConditionalFormat,
-    context: context
   }), /*#__PURE__*/_react.default.createElement("input", {
     id: "fortune-img-upload",
     className: "test-fortune-img-upload",

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

@@ -1196,8 +1196,4 @@ 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/lib/components/Workbook/api.js

@@ -10,7 +10,6 @@ var _lodash = _interopRequireDefault(require("lodash"));
 var _cryptoApi = require("../../utils/cryptoApi");
 var _useDialog = require("../../hooks/useDialog");
 var _SplitColumn = require("../../components/SplitColumn");
-var _ConditionRules = _interopRequireDefault(require("../ConditionFormat/ConditionRules"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var __assign = void 0 && (void 0).__assign || function () {
   __assign = Object.assign || function (t) {
@@ -460,9 +459,6 @@ function generateAPIs(context, setContext, handleUndo, handleRedo, settings, cel
     },
     getSplitColComponent: function getSplitColComponent() {
       return _SplitColumn.SplitColumn;
-    },
-    getConditionalFormatComponent: function getConditionalFormatComponent() {
-      return _ConditionRules.default;
     }
   };
 }

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

@@ -1203,9 +1203,5 @@ 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/Workbook/index.js

@@ -362,9 +362,6 @@ var Workbook = /*#__PURE__*/_react.default.forwardRef(function (_a, ref) {
       refs: refs
     };
   }, [context, handleRedo, handleUndo, mergedSettings, refs, setContextWithProduce]);
-  var _e = (0, _react.useState)(false),
-    show = _e[0],
-    setShow = _e[1];
   (0, _react.useEffect)(function () {
     if (!_lodash.default.isEmpty(context.luckysheetfile)) {
       onChange === null || onChange === void 0 ? void 0 : onChange(context.luckysheetfile);

package/package.json

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

package/es/components/ConditionFormat/formating.css

@@ -1,103 +0,0 @@
-.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/Toolbar/conditionalFormatPortal.d.ts

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

@@ -1,13 +0,0 @@
-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/lib/components/ConditionFormat/formating.css

@@ -1,103 +0,0 @@
-.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/lib/components/Toolbar/conditionalFormatPortal.d.ts

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

package/lib/components/Toolbar/conditionalFormatPortal.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactDom = require("react-dom");
-var _ConditionRules = _interopRequireDefault(require("../ConditionFormat/ConditionRules"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement(_ConditionRules.default, {
-    context: context
-  }), container);
-};
-var _default = exports.default = ConditionalFormatPortal;