@univerjs/sheets-data-validation-ui 0.5.5-nightly.202501210925 → 0.5.5-nightly.202501220324

package/lib/es/index.js

@@ -2,7 +2,7 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key != "symbol" ? key + "" : key, value);
-import React, { useState, forwardRef, useRef, createElement, useMemo, useEffect } from "react";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { Inject, LocaleService, Disposable, DataValidationErrorStyle, useDependency, ICommandService, dayjs, numfmt, CellValueType, UniverInstanceType, toDisposable, IUniverInstanceService, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, DisposableCollection, CommandType, BuildTextUtils, DataValidationRenderMode, DataValidationType, IConfigService, UndoCommand, RedoCommand, isUnitRangesEqual, debounce, shallowEqual, Injector, DataValidationStatus, ObjectMatrix, Range, Rectangle, queryObjectMatrix, Optional, RxDisposable, InterceptorEffectEnum, sequenceExecute, bufferDebounceTime, isFormulaString, Tools, ThemeService, VerticalAlign, HorizontalAlign, DEFAULT_STYLES, WrapStrategy, DocumentDataModel, DEFAULT_EMPTY_DOCUMENT_VALUE, BooleanNumber, Plugin, merge } from "@univerjs/core";
 import { Button, DatePanel, Scrollbar, FormLayout, RadioGroup, Radio, Checkbox, Input, Select, DraggableList } from "@univerjs/design";
 import { DeviceInputEventType, IRenderManagerService, fixLineWidthByScale, Transform, CheckboxShape, CURSOR_TYPE, FontCache, Shape, Rect, getFontStyleString, getDocsSkeletonPageSize, DocumentViewModel, DocumentSkeleton, Documents } from "@univerjs/engine-render";
@@ -11,42 +11,13 @@ import { SheetDataValidationModel, getCellValueOrigin, getDataValidationCellValu
 import { getPatternType } from "@univerjs/sheets-numfmt";
 import { SetCellEditVisibleOperation, SheetCanvasPopManagerService, IEditorBridgeService, IMarkSelectionService, HoverManagerService, CellAlertManagerService, CellAlertType, IAutoFillService, APPLY_TYPE, virtualizeDiscreteRanges, getAutoFillRepeatRange, COPY_TYPE, rangeToDiscreteRange, PREDEFINED_HOOK_NAME, getRepeatRange, ISheetClipboardService, getCurrentRangeDisable$, AutoHeightController, SheetSkeletonManagerService } from "@univerjs/sheets-ui";
 import { IDialogService, KeyCode, ISidebarService, useObservable, ComponentManager, IZenZoneService, RectPopup, useEvent, useSidebarClick, MenuItemType, getMenuHiddenObservable, RibbonStartGroup, IMenuManagerService } from "@univerjs/ui";
+import React, { useState, forwardRef, useRef, createElement, useMemo, useEffect } from "react";
 import { DataValidatorRegistryService, DataValidationModel, DataValidatorRegistryScope, TWO_FORMULA_OPERATOR_COUNT, getRuleOptions, getRuleSetting } from "@univerjs/data-validation";
 import { RichTextEditingMutation } from "@univerjs/docs";
 import { filter, BehaviorSubject, distinctUntilChanged, Subject, debounceTime, bufferTime } from "rxjs";
 import { deserializeRangeWithSheet, serializeRange } from "@univerjs/engine-formula";
 import { RangeSelector, FormulaEditor } from "@univerjs/sheets-formula-ui";
-var jsxRuntime = { exports: {} }, reactJsxRuntime_production_min = {};
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var hasRequiredReactJsxRuntime_production_min;
-function requireReactJsxRuntime_production_min() {
-  if (hasRequiredReactJsxRuntime_production_min) return reactJsxRuntime_production_min;
-  hasRequiredReactJsxRuntime_production_min = 1;
-  var f = React, k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function q(c, a, g) {
-    var b, d = {}, e = null, h = null;
-    g !== void 0 && (e = "" + g), a.key !== void 0 && (e = "" + a.key), a.ref !== void 0 && (h = a.ref);
-    for (b in a) m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
-    if (c && c.defaultProps) for (b in a = c.defaultProps, a) d[b] === void 0 && (d[b] = a[b]);
-    return { $$typeof: k, type: c, key: e, ref: h, props: d, _owner: n.current };
-  }
-  return __name(q, "q"), reactJsxRuntime_production_min.Fragment = l, reactJsxRuntime_production_min.jsx = q, reactJsxRuntime_production_min.jsxs = q, reactJsxRuntime_production_min;
-}
-__name(requireReactJsxRuntime_production_min, "requireReactJsxRuntime_production_min");
-var hasRequiredJsxRuntime;
-function requireJsxRuntime() {
-  return hasRequiredJsxRuntime || (hasRequiredJsxRuntime = 1, jsxRuntime.exports = requireReactJsxRuntime_production_min()), jsxRuntime.exports;
-}
-__name(requireJsxRuntime, "requireJsxRuntime");
-var jsxRuntimeExports = requireJsxRuntime(), __defProp$f = Object.defineProperty, __getOwnPropDesc$f = Object.getOwnPropertyDescriptor, __decorateClass$f = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+var __defProp$f = Object.defineProperty, __getOwnPropDesc$f = Object.getOwnPropertyDescriptor, __decorateClass$f = /* @__PURE__ */ __name((decorators, target, key, kind) => {
   for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$f(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
   return kind && result && __defProp$f(target, key, result), result;
@@ -204,8 +175,8 @@ function DateDropdown(props) {
       }
     })) : rejectInputController.showReject(validator.getRuleFinalError(rule, { row, col, unitId, subUnitId }));
   }, "handleSave");
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$6.dvDateDropdown, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxs("div", { className: styles$6.dvDateDropdown, children: [
+    /* @__PURE__ */ jsx(
       DatePanel,
       {
         defaultValue: date,
@@ -220,7 +191,7 @@ function DateDropdown(props) {
         disabledDate: /* @__PURE__ */ __name((current) => !numfmt.parseDate(current.format("YYYY-MM-DD")), "disabledDate")
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$6.dvDateDropdownBtns, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "small", type: "primary", onClick: handleSave, disabled: !date.isValid(), children: localeService.t("dataValidation.alert.ok") }) })
+    /* @__PURE__ */ jsx("div", { className: styles$6.dvDateDropdownBtns, children: /* @__PURE__ */ jsx(Button, { size: "small", type: "primary", onClick: handleSave, disabled: !date.isValid(), children: localeService.t("dataValidation.alert.ok") }) })
   ] });
 }
 __name(DateDropdown, "DateDropdown");
@@ -386,19 +357,16 @@ function CellDropdown() {
   if (!activeDropdown)
     return null;
   const { location, componentKey } = activeDropdown, Component = componentManager.get(componentKey), key = `${location.unitId}-${location.subUnitId}-${location.row}-${location.col}`;
-  if (!Component)
-    return null;
-  const hideFn = /* @__PURE__ */ __name(() => {
-    dropdownManagerService.hideDropdown();
-  }, "hideFn");
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return Component ? /* @__PURE__ */ jsx(
     Component,
     {
       location,
-      hideFn
+      hideFn: /* @__PURE__ */ __name(() => {
+        dropdownManagerService.hideDropdown();
+      }, "hideFn")
     },
     key
-  );
+  ) : null;
 }
 __name(CellDropdown, "CellDropdown");
 const DROP_DOWN_KEY = "sheet.ui.dropdown";
@@ -593,9 +561,9 @@ const DATA_VALIDATION_PANEL = "DataValidationPanel", OpenValidationPanelOperatio
     unitId,
     subUnitId
   ), [sheetPermissionCheckController, col, row, unitId, subUnitId]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$5.dvListDropdown, style, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.dvListDropdownTitle, children: title }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.dvListDropdownList, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Scrollbar, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.dvListDropdownListContainer, children: filteredOptions.map((item, i) => {
+  return /* @__PURE__ */ jsxs("div", { className: styles$5.dvListDropdown, style, children: [
+    /* @__PURE__ */ jsx("div", { className: styles$5.dvListDropdownTitle, children: title }),
+    /* @__PURE__ */ jsx("div", { className: styles$5.dvListDropdownList, children: /* @__PURE__ */ jsx(Scrollbar, { children: /* @__PURE__ */ jsx("div", { className: styles$5.dvListDropdownListContainer, children: filteredOptions.map((item, i) => {
       const selected = value.indexOf(item.value) > -1, handleClick = /* @__PURE__ */ __name(() => {
         let set;
         selected ? set = new Set(value.filter((sub) => sub !== item.value)) : set = new Set(multiple ? [...value, item.value] : [item.value]);
@@ -604,18 +572,18 @@ const DATA_VALIDATION_PANEL = "DataValidationPanel", OpenValidationPanelOperatio
           set.has(opt.value) && newValue.push(opt.value);
         }), onChange(newValue);
       }, "handleClick"), index = item.label.toLocaleLowerCase().indexOf(lowerFilter);
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$5.dvListDropdownItemContainer, onClick: handleClick, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.dvListDropdownItem, style: { background: item.color || DROP_DOWN_DEFAULT_COLOR }, children: lowerFilter && item.label.toLowerCase().includes(lowerFilter) ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: item.label.substring(0, index) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { fontWeight: "bold" }, children: item.label.substring(index, index + lowerFilter.length) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: item.label.substring(index + lowerFilter.length) })
+      return /* @__PURE__ */ jsxs("div", { className: styles$5.dvListDropdownItemContainer, onClick: handleClick, children: [
+        /* @__PURE__ */ jsx("div", { className: styles$5.dvListDropdownItem, style: { background: item.color || DROP_DOWN_DEFAULT_COLOR }, children: lowerFilter && item.label.toLowerCase().includes(lowerFilter) ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { children: item.label.substring(0, index) }),
+          /* @__PURE__ */ jsx("span", { style: { fontWeight: "bold" }, children: item.label.substring(index, index + lowerFilter.length) }),
+          /* @__PURE__ */ jsx("span", { children: item.label.substring(index + lowerFilter.length) })
         ] }) : item.label }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.dvListDropdownSelectedIcon, children: selected ? /* @__PURE__ */ jsxRuntimeExports.jsx(CheckMarkSingle, {}) : null })
+        /* @__PURE__ */ jsx("div", { className: styles$5.dvListDropdownSelectedIcon, children: selected ? /* @__PURE__ */ jsx(CheckMarkSingle, {}) : null })
       ] }, i);
     }) }) }, filter2) }),
-    showEditOnDropdown && hasPermission ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.dvListDropdownSplit }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.dvListDropdownEdit, children: /* @__PURE__ */ jsxRuntimeExports.jsx("a", { onClick: onEdit, children: localeService.t("dataValidation.list.edit") }) })
+    showEditOnDropdown && hasPermission ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: styles$5.dvListDropdownSplit }),
+      /* @__PURE__ */ jsx("div", { className: styles$5.dvListDropdownEdit, children: /* @__PURE__ */ jsx("a", { onClick: onEdit, children: localeService.t("dataValidation.list.edit") }) })
     ] }) : null
   ] });
 }, "SelectList");
@@ -657,7 +625,7 @@ function ListDropDown(props) {
     value: item.label,
     color: showColor || item.color ? item.color : "transparent"
   }));
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsx(
     SelectList,
     {
       style: { minWidth: cellWidth, maxWidth: Math.max(cellWidth, 200) },
@@ -708,35 +676,35 @@ const dataValidationOptionsButton = "univer-data-validation-options-button", dat
 function DataValidationOptions(props) {
   var _a18;
   const localeService = useDependency(LocaleService), componentManager = useDependency(ComponentManager), { value, onChange, extraComponent } = props, [show, setShow] = useState(!1), ExtraOptions = extraComponent ? componentManager.get(extraComponent) : null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$4.dataValidationOptionsButton, onClick: /* @__PURE__ */ __name(() => setShow(!show), "onClick"), children: [
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: styles$4.dataValidationOptionsButton, onClick: /* @__PURE__ */ __name(() => setShow(!show), "onClick"), children: [
       localeService.t("dataValidation.panel.options"),
-      show ? /* @__PURE__ */ jsxRuntimeExports.jsx(MoreUpSingle, { className: styles$4.dataValidationOptionsButtonIcon }) : /* @__PURE__ */ jsxRuntimeExports.jsx(MoreDownSingle, { className: styles$4.dataValidationOptionsButtonIcon })
+      show ? /* @__PURE__ */ jsx(MoreUpSingle, { className: styles$4.dataValidationOptionsButtonIcon }) : /* @__PURE__ */ jsx(MoreDownSingle, { className: styles$4.dataValidationOptionsButtonIcon })
     ] }),
-    show && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      ExtraOptions ? /* @__PURE__ */ jsxRuntimeExports.jsx(ExtraOptions, { value, onChange }) : null,
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
+    show && /* @__PURE__ */ jsxs(Fragment, { children: [
+      ExtraOptions ? /* @__PURE__ */ jsx(ExtraOptions, { value, onChange }) : null,
+      /* @__PURE__ */ jsx(
         FormLayout,
         {
           label: localeService.t("dataValidation.panel.invalid"),
-          children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          children: /* @__PURE__ */ jsxs(
             RadioGroup,
             {
               value: `${(_a18 = value.errorStyle) != null ? _a18 : DataValidationErrorStyle.WARNING}`,
               onChange: /* @__PURE__ */ __name((errorStyle) => onChange({ ...value, errorStyle: +errorStyle }), "onChange"),
               children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(Radio, { value: `${DataValidationErrorStyle.WARNING}`, children: localeService.t("dataValidation.panel.showWarning") }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(Radio, { value: `${DataValidationErrorStyle.STOP}`, children: localeService.t("dataValidation.panel.rejectInput") })
+                /* @__PURE__ */ jsx(Radio, { value: `${DataValidationErrorStyle.WARNING}`, children: localeService.t("dataValidation.panel.showWarning") }),
+                /* @__PURE__ */ jsx(Radio, { value: `${DataValidationErrorStyle.STOP}`, children: localeService.t("dataValidation.panel.rejectInput") })
               ]
             }
           )
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsx(
         FormLayout,
         {
           label: localeService.t("dataValidation.panel.messageInfo"),
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          children: /* @__PURE__ */ jsx(
             Checkbox,
             {
               checked: value.showErrorMessage,
@@ -749,7 +717,7 @@ function DataValidationOptions(props) {
           )
         }
       ),
-      value.showErrorMessage ? /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { value: value.error, onChange: /* @__PURE__ */ __name((error) => onChange({ ...value, error }), "onChange") }) }) : null
+      value.showErrorMessage ? /* @__PURE__ */ jsx(FormLayout, { children: /* @__PURE__ */ jsx(Input, { value: value.error, onChange: /* @__PURE__ */ __name((error) => onChange({ ...value, error }), "onChange") }) }) : null
     ] })
   ] });
 }
@@ -884,13 +852,13 @@ function DataValidationDetail() {
     var _a19;
     const handleOutClick = (_a19 = rangeSelectorActionsRef.current) == null ? void 0 : _a19.handleOutClick;
     handleOutClick && handleOutClick(e, () => isFocusRangeSelectorSet(!1));
-  }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$3.dataValidationDetail, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
+  }), /* @__PURE__ */ jsxs("div", { className: styles$3.dataValidationDetail, children: [
+    /* @__PURE__ */ jsx(
       FormLayout,
       {
         label: localeService.t("dataValidation.panel.range"),
         error: !localRule.ranges.length || isRangeError ? localeService.t("dataValidation.panel.rangeError") : "",
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        children: /* @__PURE__ */ jsx(
           RangeSelector,
           {
             unitId,
@@ -905,7 +873,7 @@ function DataValidationDetail() {
         )
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { label: localeService.t("dataValidation.panel.type"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsx(FormLayout, { label: localeService.t("dataValidation.panel.type"), children: /* @__PURE__ */ jsx(
       Select,
       {
         options: validators == null ? void 0 : validators.map((validator2) => ({
@@ -917,7 +885,7 @@ function DataValidationDetail() {
         className: styles$3.dataValidationDetailFormItem
       }
     ) }),
-    operators != null && operators.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { label: localeService.t("dataValidation.panel.operator"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    operators != null && operators.length ? /* @__PURE__ */ jsx(FormLayout, { label: localeService.t("dataValidation.panel.operator"), children: /* @__PURE__ */ jsx(
       Select,
       {
         options: operators.map((op, i) => ({
@@ -934,7 +902,7 @@ function DataValidationDetail() {
         className: styles$3.dataValidationDetailFormItem
       }
     ) }) : null,
-    FormulaInput ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+    FormulaInput ? /* @__PURE__ */ jsx(
       FormulaInput,
       {
         isTwoFormula,
@@ -956,7 +924,7 @@ function DataValidationDetail() {
       },
       key + localRule.type
     ) : null,
-    /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsx(FormLayout, { children: /* @__PURE__ */ jsx(
       Checkbox,
       {
         checked: (_a18 = localRule.allowBlank) != null ? _a18 : !0,
@@ -970,10 +938,10 @@ function DataValidationDetail() {
         children: localeService.t("dataValidation.panel.allowBlank")
       }
     ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(DataValidationOptions, { value: options, onChange: handleUpdateRuleOptions, extraComponent: validator.optionsInput }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$3.dataValidationDetailButtons, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { className: styles$3.dataValidationDetailButton, onClick: handleDelete, children: localeService.t("dataValidation.panel.removeRule") }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { className: styles$3.dataValidationDetailButton, type: "primary", onClick: handleOk, children: localeService.t("dataValidation.panel.done") })
+    /* @__PURE__ */ jsx(DataValidationOptions, { value: options, onChange: handleUpdateRuleOptions, extraComponent: validator.optionsInput }),
+    /* @__PURE__ */ jsxs("div", { className: styles$3.dataValidationDetailButtons, children: [
+      /* @__PURE__ */ jsx(Button, { className: styles$3.dataValidationDetailButton, onClick: handleDelete, children: localeService.t("dataValidation.panel.removeRule") }),
+      /* @__PURE__ */ jsx(Button, { className: styles$3.dataValidationDetailButton, type: "primary", onClick: handleOk, children: localeService.t("dataValidation.panel.done") })
     ] })
   ] });
 }
@@ -984,7 +952,7 @@ const dataValidationItemContainer = "univer-data-validation-item-container", dat
   dataValidationItemContent,
   dataValidationItemIcon
 }, DataValidationItem = /* @__PURE__ */ __name((props) => {
-  const { rule, onClick, unitId, subUnitId, disable } = props, validatorRegistry = useDependency(DataValidatorRegistryService), commandService = useDependency(ICommandService), markSelectionService = useDependency(IMarkSelectionService), validator = validatorRegistry.getValidatorItem(rule.type), ids = useRef(), [isHover, setIsHover] = useState(!1), handleDelete = /* @__PURE__ */ __name((e) => {
+  const { rule, onClick, unitId, subUnitId, disable } = props, validatorRegistry = useDependency(DataValidatorRegistryService), commandService = useDependency(ICommandService), markSelectionService = useDependency(IMarkSelectionService), validator = validatorRegistry.getValidatorItem(rule.type), ids = useRef(void 0), [isHover, setIsHover] = useState(!1), handleDelete = /* @__PURE__ */ __name((e) => {
     commandService.executeCommand(RemoveSheetDataValidationCommand.id, {
       ruleId: rule.uid,
       unitId,
@@ -996,7 +964,7 @@ const dataValidationItemContainer = "univer-data-validation-item-container", dat
     ids.current && ((_a18 = ids.current) == null || _a18.forEach((id) => {
       id && markSelectionService.removeShape(id);
     }));
-  }, [markSelectionService]), /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  }, [markSelectionService]), /* @__PURE__ */ jsxs(
     "div",
     {
       className: styles$2.dataValidationItemContainer,
@@ -1021,9 +989,9 @@ const dataValidationItemContainer = "univer-data-validation-item-container", dat
         }), ids.current = void 0;
       }, "onMouseLeave"),
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$2.dataValidationItemTitle, children: validator == null ? void 0 : validator.generateRuleName(rule) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$2.dataValidationItemContent, children: rule.ranges.map((range) => serializeRange(range)).join(",") }),
-        isHover ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$2.dataValidationItemIcon, onClick: handleDelete, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DeleteSingle, {}) }) : null
+        /* @__PURE__ */ jsx("div", { className: styles$2.dataValidationItemTitle, children: validator == null ? void 0 : validator.generateRuleName(rule) }),
+        /* @__PURE__ */ jsx("div", { className: styles$2.dataValidationItemContent, children: rule.ranges.map((range) => serializeRange(range)).join(",") }),
+        isHover ? /* @__PURE__ */ jsx("div", { className: styles$2.dataValidationItemIcon, onClick: handleDelete, children: /* @__PURE__ */ jsx(DeleteSingle, {}) }) : null
       ]
     }
   );
@@ -1039,7 +1007,7 @@ function DataValidationList() {
     void 0,
     []
   );
-  return workbook ? /* @__PURE__ */ jsxRuntimeExports.jsx(DataValidationListWithWorkbook, { workbook }) : null;
+  return workbook ? /* @__PURE__ */ jsx(DataValidationListWithWorkbook, { workbook }) : null;
 }
 __name(DataValidationList, "DataValidationList");
 function DataValidationListWithWorkbook(props) {
@@ -1073,10 +1041,10 @@ function DataValidationListWithWorkbook(props) {
     const workbook2 = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET), worksheet2 = workbook2.getActiveSheet(), unitId2 = workbook2.getUnitId(), subUnitId2 = worksheet2.getSheetId();
     return rules2.map((rule) => checkRangesEditablePermission(injector, unitId2, subUnitId2, rule.ranges) ? { ...rule } : { ...rule, disable: !0 });
   }, "getDvRulesByPermissionCorrect"))(rules), hasDisableRule = rulesByPermissionCheck == null ? void 0 : rulesByPermissionCheck.some((rule) => rule.disable);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1.dataValidationList, children: [
+  return /* @__PURE__ */ jsxs("div", { className: styles$1.dataValidationList, children: [
     rulesByPermissionCheck == null ? void 0 : rulesByPermissionCheck.map((rule) => {
       var _a18;
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      return /* @__PURE__ */ jsx(
         DataValidationItem,
         {
           unitId,
@@ -1094,16 +1062,16 @@ function DataValidationListWithWorkbook(props) {
         rule.uid
       );
     }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1.dataValidationListButtons, children: [
-      rules.length && !hasDisableRule ? /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { className: styles$1.dataValidationListButton, onClick: handleRemoveAll, children: localeService.t("dataValidation.panel.removeAll") }) : null,
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { className: styles$1.dataValidationListButton, type: "primary", onClick: handleAddRule, children: localeService.t("dataValidation.panel.add") })
+    /* @__PURE__ */ jsxs("div", { className: styles$1.dataValidationListButtons, children: [
+      rules.length && !hasDisableRule ? /* @__PURE__ */ jsx(Button, { className: styles$1.dataValidationListButton, onClick: handleRemoveAll, children: localeService.t("dataValidation.panel.removeAll") }) : null,
+      /* @__PURE__ */ jsx(Button, { className: styles$1.dataValidationListButton, type: "primary", onClick: handleAddRule, children: localeService.t("dataValidation.panel.add") })
     ] })
   ] });
 }
 __name(DataValidationListWithWorkbook, "DataValidationListWithWorkbook");
 const DataValidationPanel = /* @__PURE__ */ __name(() => {
   const dataValidationPanelService = useDependency(DataValidationPanelService), activeRule = useObservable(dataValidationPanelService.activeRule$, dataValidationPanelService.activeRule);
-  return activeRule ? /* @__PURE__ */ jsxRuntimeExports.jsx(DataValidationDetail, {}, activeRule.rule.uid) : /* @__PURE__ */ jsxRuntimeExports.jsx(DataValidationList, {});
+  return activeRule ? /* @__PURE__ */ jsx(DataValidationDetail, {}, activeRule.rule.uid) : /* @__PURE__ */ jsx(DataValidationList, {});
 }, "DataValidationPanel"), LIST_DROPDOWN_KEY = "data-validation.list.dropdown", DATE_DROPDOWN_KEY = "data-validation.date.dropdown", AddSheetDataValidationAndOpenCommand = {
   type: CommandType.COMMAND,
   id: "data-validation.command.addRuleAndOpen",
@@ -1797,8 +1765,8 @@ const dataValidationFormula = "univer-data-validation-formula", dataValidationFo
   dataValidationFormulaColorItem
 }, BaseFormulaInput = /* @__PURE__ */ __name((props) => {
   const { isTwoFormula = !1, value, onChange, showError, validResult } = props, localeService = useDependency(LocaleService), formula1Res = showError ? validResult == null ? void 0 : validResult.formula1 : "", formula2Res = showError ? validResult == null ? void 0 : validResult.formula2 : "";
-  return isTwoFormula ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { error: formula1Res, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return isTwoFormula ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(FormLayout, { error: formula1Res, children: /* @__PURE__ */ jsx(
       Input,
       {
         className: styles.dataValidationFormula,
@@ -1812,8 +1780,8 @@ const dataValidationFormula = "univer-data-validation-formula", dataValidationFo
         }, "onChange")
       }
     ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles.dataValidationFormulaAnd, children: localeService.t("dataValidation.panel.formulaAnd") }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { error: formula2Res, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsx("div", { className: styles.dataValidationFormulaAnd, children: localeService.t("dataValidation.panel.formulaAnd") }),
+    /* @__PURE__ */ jsx(FormLayout, { error: formula2Res, children: /* @__PURE__ */ jsx(
       Input,
       {
         className: styles.dataValidationFormula,
@@ -1827,7 +1795,7 @@ const dataValidationFormula = "univer-data-validation-formula", dataValidationFo
         }, "onChange")
       }
     ) })
-  ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { error: formula1Res, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  ] }) : /* @__PURE__ */ jsx(FormLayout, { error: formula1Res, children: /* @__PURE__ */ jsx(
     Input,
     {
       className: styles.dataValidationFormula,
@@ -1841,8 +1809,8 @@ const dataValidationFormula = "univer-data-validation-formula", dataValidationFo
 }, "BaseFormulaInput");
 function CheckboxFormulaInput(props) {
   const { value, onChange, showError, validResult } = props, localeService = useDependency(LocaleService), formula1Res = showError ? validResult == null ? void 0 : validResult.formula1 : "", formula2Res = showError ? validResult == null ? void 0 : validResult.formula2 : "", [checked, setChecked] = useState(!((value == null ? void 0 : value.formula1) === void 0 && (value == null ? void 0 : value.formula2) === void 0));
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(FormLayout, { children: /* @__PURE__ */ jsx(
       Checkbox,
       {
         checked,
@@ -1856,7 +1824,7 @@ function CheckboxFormulaInput(props) {
         children: localeService.t("dataValidation.checkbox.tips")
       }
     ) }),
-    checked ? /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { label: localeService.t("dataValidation.checkbox.checked"), error: formula1Res, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    checked ? /* @__PURE__ */ jsx(FormLayout, { label: localeService.t("dataValidation.checkbox.checked"), error: formula1Res, children: /* @__PURE__ */ jsx(
       Input,
       {
         className: styles.dataValidationFormula,
@@ -1870,7 +1838,7 @@ function CheckboxFormulaInput(props) {
         }, "onChange")
       }
     ) }) : null,
-    checked ? /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { label: localeService.t("dataValidation.checkbox.unchecked"), error: formula2Res, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    checked ? /* @__PURE__ */ jsx(FormLayout, { label: localeService.t("dataValidation.checkbox.unchecked"), error: formula2Res, children: /* @__PURE__ */ jsx(
       Input,
       {
         className: styles.dataValidationFormula,
@@ -1894,7 +1862,7 @@ function CustomFormulaInput(props) {
     var _a19;
     const handleOutClick = (_a19 = formulaEditorActionsRef.current) == null ? void 0 : _a19.handleOutClick;
     handleOutClick && handleOutClick(e, () => isFocusFormulaEditorSet(!1));
-  }), /* @__PURE__ */ jsxRuntimeExports.jsx(
+  }), /* @__PURE__ */ jsx(
     FormulaEditor,
     {
       initValue: (_a18 = value == null ? void 0 : value.formula1) != null ? _a18 : "=",
@@ -1958,7 +1926,7 @@ const DEFAULT_COLOR_PRESET = [
   "#F248A6"
 ], ColorSelect = /* @__PURE__ */ __name((props) => {
   const { value, onChange, disabled } = props, [open, setOpen] = useState(!1);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsx(
     Select,
     {
       disabled,
@@ -1969,15 +1937,15 @@ const DEFAULT_COLOR_PRESET = [
       className: styles.dataValidationFormulaColorSelect,
       value,
       onChange,
-      labelRender: /* @__PURE__ */ __name((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+      labelRender: /* @__PURE__ */ __name((item) => /* @__PURE__ */ jsx(
         "div",
         {
           className: styles.dataValidationFormulaColorItem,
           style: { background: item.value, marginTop: 5 }
         }
       ), "labelRender"),
-      dropdownRender: /* @__PURE__ */ __name(() => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles.dataValidationFormulaColorSelectPanel, children: DEFAULT_COLOR_PRESET.map(
-        (color) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+      dropdownRender: /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx("div", { className: styles.dataValidationFormulaColorSelectPanel, children: DEFAULT_COLOR_PRESET.map(
+        (color) => /* @__PURE__ */ jsx(
           "div",
           {
             onClick: /* @__PURE__ */ __name(() => {
@@ -1993,9 +1961,9 @@ const DEFAULT_COLOR_PRESET = [
   );
 }, "ColorSelect"), Template = /* @__PURE__ */ __name((props) => {
   const { item, commonProps, style } = props, { onItemChange, onItemDelete } = commonProps;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.dataValidationFormulaListItem, style, children: [
-    item.isRef ? null : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles.dataValidationFormulaListItemDrag, "draggableHandle"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(SequenceSingle, {}) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxs("div", { className: styles.dataValidationFormulaListItem, style, children: [
+    item.isRef ? null : /* @__PURE__ */ jsx("div", { className: clsx(styles.dataValidationFormulaListItemDrag, "draggableHandle"), children: /* @__PURE__ */ jsx(SequenceSingle, {}) }),
+    /* @__PURE__ */ jsx(
       ColorSelect,
       {
         value: item.color,
@@ -2004,7 +1972,7 @@ const DEFAULT_COLOR_PRESET = [
         }, "onChange")
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsx(
       Input,
       {
         disabled: item.isRef,
@@ -2014,7 +1982,7 @@ const DEFAULT_COLOR_PRESET = [
         }, "onChange")
       }
     ),
-    item.isRef ? null : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles.dataValidationFormulaListItemIcon, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DeleteSingle, { onClick: /* @__PURE__ */ __name(() => onItemDelete(item.id), "onClick") }) })
+    item.isRef ? null : /* @__PURE__ */ jsx("div", { className: styles.dataValidationFormulaListItemIcon, children: /* @__PURE__ */ jsx(DeleteSingle, { onClick: /* @__PURE__ */ __name(() => onItemDelete(item.id), "onClick") }) })
   ] });
 }, "Template");
 function ListFormulaInput(props) {
@@ -2109,8 +2077,8 @@ function ListFormulaInput(props) {
     var _a18;
     const handleOutClick = (_a18 = formulaEditorActionsRef.current) == null ? void 0 : _a18.handleOutClick;
     handleOutClick && handleOutClick(e, () => isFocusFormulaEditorSet(!1));
-  }), /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { label: localeService.t("dataValidation.list.options"), children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  }), /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(FormLayout, { label: localeService.t("dataValidation.list.options"), children: /* @__PURE__ */ jsxs(
       RadioGroup,
       {
         value: isFormulaStr,
@@ -2121,13 +2089,13 @@ function ListFormulaInput(props) {
           });
         }, "onChange"),
         children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Radio, { value: "0", children: localeService.t("dataValidation.list.customOptions") }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Radio, { value: "1", children: localeService.t("dataValidation.list.refOptions") })
+          /* @__PURE__ */ jsx(Radio, { value: "0", children: localeService.t("dataValidation.list.customOptions") }),
+          /* @__PURE__ */ jsx(Radio, { value: "1", children: localeService.t("dataValidation.list.refOptions") })
         ]
       }
     ) }),
-    isFormulaStr === "1" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
+    isFormulaStr === "1" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
         FormulaEditor,
         {
           initValue: formulaStr,
@@ -2144,9 +2112,9 @@ function ListFormulaInput(props) {
           isSupportAcrossSheet: !0
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: containerRef, style: { marginTop: "12px" }, children: refFinalList.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(Template, { item, commonProps: { onItemChange: handleRefItemChange }, style: { marginBottom: 12 } }, item.id)) })
-    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { error: formula1Res, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: containerRef, style: { marginTop: "-12px" }, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsx("div", { ref: containerRef, style: { marginTop: "12px" }, children: refFinalList.map((item) => /* @__PURE__ */ jsx(Template, { item, commonProps: { onItemChange: handleRefItemChange }, style: { marginBottom: 12 } }, item.id)) })
+    ] }) : /* @__PURE__ */ jsx(FormLayout, { error: formula1Res, children: /* @__PURE__ */ jsxs("div", { ref: containerRef, style: { marginTop: "-12px" }, children: [
+      /* @__PURE__ */ jsx(
         DraggableList,
         {
           list: strList,
@@ -2154,7 +2122,7 @@ function ListFormulaInput(props) {
           rowHeight: 32,
           margin: [0, 12],
           draggableHandle: ".draggableHandle",
-          itemRender: /* @__PURE__ */ __name((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+          itemRender: /* @__PURE__ */ __name((item) => /* @__PURE__ */ jsx(
             Template,
             {
               item,
@@ -2168,8 +2136,8 @@ function ListFormulaInput(props) {
           idKey: "id"
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("a", { className: styles.dataValidationFormulaListAdd, onClick: handleAdd, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(IncreaseSingle, {}),
+      /* @__PURE__ */ jsxs("a", { className: styles.dataValidationFormulaListAdd, onClick: handleAdd, children: [
+        /* @__PURE__ */ jsx(IncreaseSingle, {}),
         localeService.t("dataValidation.list.add")
       ] })
     ] }) })
@@ -2197,10 +2165,10 @@ const CUSTOM_FORMULA_INPUT_NAME = "data-validation.custom-formula-input", BASE_F
 function ListRenderModeInput(props) {
   var _a18;
   const { value, onChange } = props, localeService = useDependency(LocaleService);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { label: localeService.t("dataValidation.renderMode.label"), children: /* @__PURE__ */ jsxRuntimeExports.jsxs(RadioGroup, { value: `${(_a18 = value.renderMode) != null ? _a18 : DataValidationRenderMode.CUSTOM}`, onChange: /* @__PURE__ */ __name((renderMode) => onChange({ ...value, renderMode: +renderMode }), "onChange"), children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Radio, { value: `${DataValidationRenderMode.CUSTOM}`, children: localeService.t("dataValidation.renderMode.chip") }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Radio, { value: `${DataValidationRenderMode.ARROW}`, children: localeService.t("dataValidation.renderMode.arrow") }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Radio, { value: `${DataValidationRenderMode.TEXT}`, children: localeService.t("dataValidation.renderMode.text") })
+  return /* @__PURE__ */ jsx(FormLayout, { label: localeService.t("dataValidation.renderMode.label"), children: /* @__PURE__ */ jsxs(RadioGroup, { value: `${(_a18 = value.renderMode) != null ? _a18 : DataValidationRenderMode.CUSTOM}`, onChange: /* @__PURE__ */ __name((renderMode) => onChange({ ...value, renderMode: +renderMode }), "onChange"), children: [
+    /* @__PURE__ */ jsx(Radio, { value: `${DataValidationRenderMode.CUSTOM}`, children: localeService.t("dataValidation.renderMode.chip") }),
+    /* @__PURE__ */ jsx(Radio, { value: `${DataValidationRenderMode.ARROW}`, children: localeService.t("dataValidation.renderMode.arrow") }),
+    /* @__PURE__ */ jsx(Radio, { value: `${DataValidationRenderMode.TEXT}`, children: localeService.t("dataValidation.renderMode.text") })
   ] }) });
 }
 __name(ListRenderModeInput, "ListRenderModeInput");
@@ -2209,7 +2177,7 @@ const DATE_SHOW_TIME_OPTION = "DATE_SHOW_TIME_OPTION";
 function DateShowTimeOption(props) {
   var _a18;
   const { value, onChange } = props, localeService = useDependency(LocaleService);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsx(FormLayout, { children: /* @__PURE__ */ jsx(
     Checkbox,
     {
       checked: (_a18 = value.bizInfo) == null ? void 0 : _a18.showTime,

package/lib/types/views/components/date-dropdown/index.d.ts

@@ -1,3 +1,2 @@
 import { IDropdownComponentProps } from '../../../services/dropdown-manager.service';
-import { default as React } from 'react';
-export declare function DateDropdown(props: IDropdownComponentProps): React.JSX.Element | null | undefined;
+export declare function DateDropdown(props: IDropdownComponentProps): import("react/jsx-runtime").JSX.Element | null | undefined;

package/lib/types/views/components/detail/index.d.ts

@@ -1,2 +1,16 @@
-import { default as React } from 'react';
-export declare function DataValidationDetail(): React.JSX.Element | null;
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export declare function DataValidationDetail(): import("react/jsx-runtime").JSX.Element | null;

package/lib/types/views/components/drop-down/CellDropdown.d.ts

@@ -1,2 +1,16 @@
-import { default as React } from 'react';
-export declare function CellDropdown(): React.JSX.Element | null;
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export declare function CellDropdown(): import("react/jsx-runtime").JSX.Element | null;

package/lib/types/views/components/formula-input/base-formula-input.d.ts

@@ -1,3 +1,2 @@
 import { IFormulaInputProps } from '@univerjs/data-validation';
-import { default as React } from 'react';
-export declare const BaseFormulaInput: (props: IFormulaInputProps) => React.JSX.Element;
+export declare const BaseFormulaInput: (props: IFormulaInputProps) => import("react/jsx-runtime").JSX.Element;

package/lib/types/views/components/formula-input/checkbox-formula-input.d.ts

@@ -1,3 +1,2 @@
 import { IFormulaInputProps } from '@univerjs/data-validation';
-import { default as React } from 'react';
-export declare function CheckboxFormulaInput(props: IFormulaInputProps): React.JSX.Element;
+export declare function CheckboxFormulaInput(props: IFormulaInputProps): import("react/jsx-runtime").JSX.Element;

package/lib/types/views/components/formula-input/custom-formula-input.d.ts

@@ -1,3 +1,2 @@
 import { IFormulaInputProps } from '@univerjs/data-validation';
-import { default as React } from 'react';
-export declare function CustomFormulaInput(props: IFormulaInputProps): React.JSX.Element;
+export declare function CustomFormulaInput(props: IFormulaInputProps): import("react/jsx-runtime").JSX.Element;