@fileverse-dev/fortune-react 1.2.64-patch-6 → 1.2.64-patch-8

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";
@@ -227,9 +227,7 @@ var ConditionalFormat = function ConditionalFormat(_a) {
             padding: "6px 10px"
           },
           onClick: function onClick() {
-            setContext(function (ctx) {
-              updateItem(ctx, "delSheet");
-            });
+            setContext(function (ctx) {});
           },
           tabIndex: 0
         }, conditionformat[v]);

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/Workbook/index.js

@@ -683,7 +683,18 @@ var Workbook = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   }
   return /*#__PURE__*/React.createElement(WorkbookContext.Provider, {
     value: providerValue
-  }, /*#__PURE__*/React.createElement(ModalProvider, null, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
+    id: "placeholder-conditional-format",
+    style: {
+      width: "500px",
+      height: "500px",
+      position: "fixed",
+      zIndex: "1000",
+      backgroundColor: "white",
+      padding: "12px",
+      top: "100px"
+    }
+  }), /*#__PURE__*/React.createElement(ModalProvider, null, /*#__PURE__*/React.createElement("div", {
     className: "fortune-container",
     ref: workbookContainer,
     onKeyDown: onKeyDown

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

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