@fileverse-dev/fortune-react 1.0.2-mod-38 → 1.0.2-mod-39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/components/DuneChartsInputModal/DuneChartsInputModal.d.ts +12 -0
  2. package/dist/components/DunePreview/DunePreview.d.ts +13 -0
  3. package/dist/components/IFrameBoxs/iFrameBoxs.d.ts +3 -0
  4. package/dist/components/Toolbar/index.d.ts +1 -0
  5. package/dist/components/Workbook/api.d.ts +9 -0
  6. package/dist/components/Workbook/index.d.ts +10 -1
  7. package/dist/index.css +188 -15
  8. package/dist/index.esm.css +188 -15
  9. package/dist/index.esm.js +688 -433
  10. package/dist/index.js +687 -432
  11. package/dist/index.umd.css +188 -15
  12. package/dist/index.umd.js +3335 -2817
  13. package/dist/index.umd.min.css +1 -1
  14. package/dist/index.umd.min.js +9 -9
  15. package/dist/utils/datepickerStyles.d.ts +2 -0
  16. package/package.json +2 -2
package/dist/index.js CHANGED
@@ -184,7 +184,7 @@ function _regenerator() {
184
184
  i = p[t],
185
185
  d = G.p,
186
186
  l = i[2];
187
- r > 3 ? (o = l === n) && (c = i[4] || 3, u = i[5] === e ? i[3] : i[5], i[4] = 3, i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0));
187
+ r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0));
188
188
  }
189
189
  if (o || r > 1) return a;
190
190
  throw y = !0, n;
@@ -796,37 +796,12 @@ var ContentEditable = function ContentEditable(_ref) {
796
796
  };
797
797
 
798
798
  var FormulaSearch = function FormulaSearch(props) {
799
- var _context$luckysheet_s;
800
799
  var _useContext = React.useContext(WorkbookContext),
801
800
  context = _useContext.context;
802
- var firstSelection = (_context$luckysheet_s = context.luckysheet_select_save) === null || _context$luckysheet_s === void 0 ? void 0 : _context$luckysheet_s[0];
803
- var hintRef = React.useRef(null);
804
- var _useState = React.useState(0),
805
- _useState2 = _slicedToArray(_useState, 2),
806
- top = _useState2[0],
807
- setTop = _useState2[1];
808
- var calcuatePopUpPlacement = function calcuatePopUpPlacement() {
809
- var _hintRef$current;
810
- if (!(firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.top) || !firstSelection.height_move || !hintRef.current) return;
811
- var hintHeight = hintRef.current.offsetHeight;
812
- var inputBottom = firstSelection.top + firstSelection.height_move;
813
- var availableBelow = window.innerHeight - inputBottom;
814
- var hintAbove = hintHeight > availableBelow;
815
- var selectionHeight = (firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.height_move) || 0;
816
- var divOffset = ((_hintRef$current = hintRef.current) === null || _hintRef$current === void 0 ? void 0 : _hintRef$current.offsetHeight) || 0;
817
- setTop(hintAbove ? selectionHeight - (divOffset + 70) : selectionHeight + 4);
818
- };
819
- React.useEffect(function () {
820
- calcuatePopUpPlacement();
821
- });
822
801
  if (___default['default'].isEmpty(context.functionCandidates)) return null;
823
802
  return /*#__PURE__*/React__default['default'].createElement("div", _objectSpread2(_objectSpread2({}, props), {}, {
824
- ref: hintRef,
825
803
  id: "luckysheet-formula-search-c",
826
- className: "luckysheet-formula-search-c",
827
- style: {
828
- top: top
829
- }
804
+ className: "luckysheet-formula-search-c"
830
805
  }), context.functionCandidates.map(function (v, index) {
831
806
  return /*#__PURE__*/React__default['default'].createElement("div", {
832
807
  key: v.n,
@@ -876,10 +851,8 @@ var FormulaSearch = function FormulaSearch(props) {
876
851
  };
877
852
 
878
853
  var FormulaHint = function FormulaHint(props) {
879
- var _context$luckysheet_s;
880
854
  var _useContext = React.useContext(WorkbookContext),
881
855
  context = _useContext.context;
882
- var firstSelection = (_context$luckysheet_s = context.luckysheet_select_save) === null || _context$luckysheet_s === void 0 ? void 0 : _context$luckysheet_s[0];
883
856
  var _locale = fortuneCore.locale(context),
884
857
  formulaMore = _locale.formulaMore;
885
858
  var fn = context.formulaCache.functionlistMap[context.functionHint];
@@ -895,7 +868,7 @@ var FormulaHint = function FormulaHint(props) {
895
868
  _useState6 = _slicedToArray(_useState5, 2),
896
869
  isKeyAdded = _useState6[0],
897
870
  setApiKeyAdded = _useState6[1];
898
- var _useState7 = React.useState(true),
871
+ var _useState7 = React.useState(false),
899
872
  _useState8 = _slicedToArray(_useState7, 2),
900
873
  showFunctionBody = _useState8[0],
901
874
  setShouldShowFunctionBody = _useState8[1];
@@ -909,66 +882,11 @@ var FormulaHint = function FormulaHint(props) {
909
882
  var apiKeyPlaceholder = {
910
883
  ETHERSCAN_API_KEY: "Etherscan API key"
911
884
  };
912
- var hintRef = React.useRef(null);
913
- var _useState9 = React.useState(0),
914
- _useState0 = _slicedToArray(_useState9, 2),
915
- top = _useState0[0],
916
- setTop = _useState0[1];
917
- var calcuatePopUpPlacement = function calcuatePopUpPlacement() {
918
- var _hintRef$current;
919
- if (!(firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.top) || !firstSelection.height_move || !hintRef.current) return;
920
- var hintHeight = 422;
921
- var inputBottom = firstSelection.top + firstSelection.height_move;
922
- var availableBelow = window.innerHeight - inputBottom;
923
- var hintAbove = hintHeight > availableBelow;
924
- var selectionHeight = (firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.height_move) || 0;
925
- var divOffset = ((_hintRef$current = hintRef.current) === null || _hintRef$current === void 0 ? void 0 : _hintRef$current.offsetHeight) || 0;
926
- setTop(hintAbove ? selectionHeight - (divOffset + 70) : selectionHeight + 4);
927
- };
928
- React.useEffect(function () {
929
- calcuatePopUpPlacement();
930
- });
931
- React.useEffect(function () {
932
- var el = document.getElementById("function-details");
933
- var handleWheel;
934
- if (el) {
935
- var scrollLockTimeout = null;
936
- var cache = {
937
- verticalScrollLock: false,
938
- horizontalScrollLock: false
939
- };
940
- handleWheel = function handleWheel(e) {
941
- e.preventDefault();
942
- var step = 40;
943
- var ratio = 1;
944
- if (e.deltaY !== 0 && !cache.verticalScrollLock) {
945
- cache.horizontalScrollLock = true;
946
- el.scrollTop += (e.deltaY > 0 ? 1 : -1) * step * ratio;
947
- } else if (e.deltaX !== 0 && !cache.horizontalScrollLock) {
948
- cache.verticalScrollLock = true;
949
- el.scrollLeft += (e.deltaX > 0 ? 1 : -1) * step * ratio;
950
- }
951
- clearTimeout(scrollLockTimeout);
952
- scrollLockTimeout = setTimeout(function () {
953
- cache.verticalScrollLock = false;
954
- cache.horizontalScrollLock = false;
955
- }, 50);
956
- };
957
- el.addEventListener("wheel", handleWheel, {
958
- passive: false
959
- });
960
- }
961
- return function () {
962
- if (el && handleWheel) el.removeEventListener("wheel", handleWheel);
963
- };
964
- }, []);
965
885
  if (!fn) return null;
966
886
  return /*#__PURE__*/React__default['default'].createElement("div", _objectSpread2(_objectSpread2({}, props), {}, {
967
- ref: hintRef,
968
887
  id: "luckysheet-formula-help-c",
969
888
  className: "luckysheet-formula-help-c",
970
889
  style: {
971
- top: top,
972
890
  borderWidth: "1px",
973
891
  borderColor: (fn === null || fn === void 0 ? void 0 : fn.BRAND_SECONDARY_COLOR) ? fn === null || fn === void 0 ? void 0 : fn.BRAND_SECONDARY_COLOR : "#F8F9FA",
974
892
  backgroundColor: "".concat(fn.BRAND_COLOR ? fn.BRAND_COLOR : "#F8F9FA"),
@@ -1059,11 +977,8 @@ var FormulaHint = function FormulaHint(props) {
1059
977
  height: 16
1060
978
  })))), showFunctionBody && (/*#__PURE__*/React__default['default'].createElement("div", {
1061
979
  className: "luckysheet-formula-help-content",
1062
- id: "function-details",
1063
980
  style: {
1064
- backgroundColor: "".concat(fn.BRAND_COLOR ? fn.BRAND_COLOR : "#F8F9FA"),
1065
- maxHeight: "318px",
1066
- overflowY: "scroll"
981
+ backgroundColor: "".concat(fn.BRAND_COLOR ? fn.BRAND_COLOR : "#F8F9FA")
1067
982
  }
1068
983
  }, fn.API_KEY && (/*#__PURE__*/React__default['default'].createElement("div", {
1069
984
  style: {
@@ -1200,12 +1115,8 @@ var FormulaHint = function FormulaHint(props) {
1200
1115
  borderBottomRightRadius: "10px"
1201
1116
  },
1202
1117
  className: "w-full"
1203
- }, /*#__PURE__*/React__default['default'].createElement("div", {
1204
- onClick: function onClick() {
1205
- var _document$getElementB;
1206
- (_document$getElementB = document.getElementById("function-button")) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.click();
1207
- },
1208
- className: "color-text-link cursor-pointer text-helper-text-sm"
1118
+ }, /*#__PURE__*/React__default['default'].createElement("p", {
1119
+ className: "color-text-link text-helper-text-sm"
1209
1120
  }, "Learn More")));
1210
1121
  };
1211
1122
 
@@ -1304,38 +1215,6 @@ var InputBox = function InputBox() {
1304
1215
  var getActiveFormula = React.useCallback(function () {
1305
1216
  return document.querySelector(".luckysheet-formula-search-item-active");
1306
1217
  }, []);
1307
- var insertSelectedFormula = React.useCallback(function (formulaName) {
1308
- var _getrangeseleciton;
1309
- var textEditor = document.getElementById("luckysheet-rich-text-editor");
1310
- if (!textEditor) return;
1311
- var searchTxt = ((_getrangeseleciton = fortuneCore.getrangeseleciton()) === null || _getrangeseleciton === void 0 ? void 0 : _getrangeseleciton.textContent) || "";
1312
- var deleteCount = searchTxt.length;
1313
- textEditor.focus();
1314
- var selection = window.getSelection();
1315
- if (!selection || selection.rangeCount === 0) return;
1316
- var range = selection.getRangeAt(0);
1317
- if (deleteCount !== 0 && range) {
1318
- var startOffset = Math.max(range.startOffset - deleteCount, 0);
1319
- var endOffset = range.startOffset;
1320
- range.setStart(range.startContainer, startOffset);
1321
- range.setEnd(range.startContainer, endOffset);
1322
- range.deleteContents();
1323
- }
1324
- var funcNode = new DOMParser().parseFromString("<span dir=\"auto\" class=\"luckysheet-formula-text-func\">".concat(formulaName, "</span>"), "text/html").body.firstChild;
1325
- var parNode = new DOMParser().parseFromString("<span dir=\"auto\" class=\"luckysheet-formula-text-lpar\">(</span>", "text/html").body.firstChild;
1326
- if (range === null || range === void 0 ? void 0 : range.startContainer.parentNode) {
1327
- range.setStart(range.startContainer.parentNode, 1);
1328
- }
1329
- if (parNode) range.insertNode(parNode);
1330
- if (funcNode) range.insertNode(funcNode);
1331
- range.collapse();
1332
- selection.removeAllRanges();
1333
- selection.addRange(range);
1334
- setContext(function (draftCtx) {
1335
- draftCtx.functionCandidates = [];
1336
- draftCtx.functionHint = formulaName;
1337
- });
1338
- }, [setContext]);
1339
1218
  var clearSearchItemActiveClass = React.useCallback(function () {
1340
1219
  var activeFormula = getActiveFormula();
1341
1220
  if (activeFormula) {
@@ -1343,24 +1222,89 @@ var InputBox = function InputBox() {
1343
1222
  }
1344
1223
  }, [getActiveFormula]);
1345
1224
  var selectActiveFormula = React.useCallback(function (e) {
1346
- var _getActiveFormula, _getActiveFormula$que;
1347
- var formulaName = (_getActiveFormula = getActiveFormula()) === null || _getActiveFormula === void 0 ? void 0 : (_getActiveFormula$que = _getActiveFormula.querySelector(".luckysheet-formula-search-func")) === null || _getActiveFormula$que === void 0 ? void 0 : _getActiveFormula$que.textContent;
1348
- if (formulaName) {
1349
- insertSelectedFormula(formulaName);
1225
+ var activeFormula = getActiveFormula();
1226
+ var formulaNameDiv = activeFormula === null || activeFormula === void 0 ? void 0 : activeFormula.querySelector(".luckysheet-formula-search-func");
1227
+ if (formulaNameDiv) {
1228
+ var formulaName = formulaNameDiv.textContent;
1229
+ var textEditor = document.getElementById("luckysheet-rich-text-editor");
1230
+ if (textEditor) {
1231
+ var _getrangeseleciton;
1232
+ var searchTxt = ((_getrangeseleciton = fortuneCore.getrangeseleciton()) === null || _getrangeseleciton === void 0 ? void 0 : _getrangeseleciton.textContent) || "";
1233
+ var deleteCount = searchTxt.length;
1234
+ textEditor.focus();
1235
+ var selection = window.getSelection();
1236
+ if ((selection === null || selection === void 0 ? void 0 : selection.rangeCount) === 0) return;
1237
+ var range = selection === null || selection === void 0 ? void 0 : selection.getRangeAt(0);
1238
+ if (deleteCount !== 0 && range) {
1239
+ var startOffset = Math.max(range.startOffset - deleteCount, 0);
1240
+ var endOffset = range.startOffset;
1241
+ range.setStart(range.startContainer, startOffset);
1242
+ range.setEnd(range.startContainer, endOffset);
1243
+ range.deleteContents();
1244
+ }
1245
+ var functionStr = "<span dir=\"auto\" class=\"luckysheet-formula-text-func\">".concat(formulaName, "</span>");
1246
+ var lParStr = "<span dir=\"auto\" class=\"luckysheet-formula-text-lpar\">(</span>";
1247
+ var functionNode = new DOMParser().parseFromString(functionStr, "text/html").body.childNodes[0];
1248
+ var lParNode = new DOMParser().parseFromString(lParStr, "text/html").body.childNodes[0];
1249
+ if (range === null || range === void 0 ? void 0 : range.startContainer.parentNode) {
1250
+ range === null || range === void 0 ? void 0 : range.setStart(range.startContainer.parentNode, 1);
1251
+ }
1252
+ range === null || range === void 0 ? void 0 : range.insertNode(lParNode);
1253
+ range === null || range === void 0 ? void 0 : range.insertNode(functionNode);
1254
+ range === null || range === void 0 ? void 0 : range.collapse();
1255
+ selection === null || selection === void 0 ? void 0 : selection.removeAllRanges();
1256
+ if (range) selection === null || selection === void 0 ? void 0 : selection.addRange(range);
1257
+ setContext(function (draftCtx) {
1258
+ draftCtx.functionCandidates = [];
1259
+ draftCtx.functionHint = formulaName;
1260
+ });
1261
+ }
1350
1262
  e.preventDefault();
1351
1263
  e.stopPropagation();
1352
1264
  }
1353
- }, [getActiveFormula, insertSelectedFormula]);
1265
+ }, [getActiveFormula, setContext]);
1354
1266
  var selectActiveFormulaOnClick = React.useCallback(function (e) {
1355
- var _getActiveFormula2, _getActiveFormula2$qu;
1356
- preText.current = inputRef.current.innerText;
1357
- var formulaName = (_getActiveFormula2 = getActiveFormula()) === null || _getActiveFormula2 === void 0 ? void 0 : (_getActiveFormula2$qu = _getActiveFormula2.querySelector(".luckysheet-formula-search-func")) === null || _getActiveFormula2$qu === void 0 ? void 0 : _getActiveFormula2$qu.textContent;
1358
- if (formulaName) {
1359
- insertSelectedFormula(formulaName);
1267
+ var activeFormula = getActiveFormula();
1268
+ var formulaNameDiv = activeFormula === null || activeFormula === void 0 ? void 0 : activeFormula.querySelector(".luckysheet-formula-search-func");
1269
+ if (formulaNameDiv) {
1270
+ var formulaName = formulaNameDiv.textContent;
1271
+ var textEditor = document.getElementById("luckysheet-rich-text-editor");
1272
+ if (textEditor) {
1273
+ var _getrangeseleciton2;
1274
+ var searchTxt = ((_getrangeseleciton2 = fortuneCore.getrangeseleciton()) === null || _getrangeseleciton2 === void 0 ? void 0 : _getrangeseleciton2.textContent) || "";
1275
+ var deleteCount = searchTxt.length;
1276
+ textEditor.focus();
1277
+ var selection = window.getSelection();
1278
+ if ((selection === null || selection === void 0 ? void 0 : selection.rangeCount) === 0) return;
1279
+ var range = selection === null || selection === void 0 ? void 0 : selection.getRangeAt(0);
1280
+ if (deleteCount !== 0 && range) {
1281
+ var startOffset = Math.max(range.startOffset - deleteCount, 0);
1282
+ var endOffset = range.startOffset;
1283
+ range.setStart(range.startContainer, startOffset);
1284
+ range.setEnd(range.startContainer, endOffset);
1285
+ range.deleteContents();
1286
+ }
1287
+ var functionStr = "<span dir=\"auto\" class=\"luckysheet-formula-text-func\">".concat(formulaName, "</span>");
1288
+ var lParStr = "<span dir=\"auto\" class=\"luckysheet-formula-text-lpar\">(</span>";
1289
+ var functionNode = new DOMParser().parseFromString(functionStr, "text/html").body.childNodes[0];
1290
+ var lParNode = new DOMParser().parseFromString(lParStr, "text/html").body.childNodes[0];
1291
+ if (range === null || range === void 0 ? void 0 : range.startContainer.parentNode) {
1292
+ range === null || range === void 0 ? void 0 : range.setStart(range.startContainer.parentNode, 1);
1293
+ }
1294
+ range === null || range === void 0 ? void 0 : range.insertNode(lParNode);
1295
+ range === null || range === void 0 ? void 0 : range.insertNode(functionNode);
1296
+ range === null || range === void 0 ? void 0 : range.collapse();
1297
+ selection === null || selection === void 0 ? void 0 : selection.removeAllRanges();
1298
+ if (range) selection === null || selection === void 0 ? void 0 : selection.addRange(range);
1299
+ setContext(function (draftCtx) {
1300
+ draftCtx.functionCandidates = [];
1301
+ draftCtx.functionHint = formulaName;
1302
+ });
1303
+ }
1360
1304
  e.preventDefault();
1361
1305
  e.stopPropagation();
1362
1306
  }
1363
- }, [getActiveFormula, insertSelectedFormula]);
1307
+ }, [getActiveFormula, setContext]);
1364
1308
  var onKeyDown = React.useCallback(function (e) {
1365
1309
  lastKeyDownEventRef.current = new KeyboardEvent(e.type, e.nativeEvent);
1366
1310
  preText.current = inputRef.current.innerText;
@@ -1477,7 +1421,10 @@ var InputBox = function InputBox() {
1477
1421
  onKeyDown: onKeyDown,
1478
1422
  onPaste: onPaste,
1479
1423
  allowEdit: edit ? !isHidenRC : edit
1480
- })), (context.functionCandidates.length > 0 || context.functionHint) && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(FormulaSearch, {
1424
+ })), document.activeElement === inputRef.current && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(FormulaSearch, {
1425
+ style: {
1426
+ top: ((firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.height_move) || 0) + 4
1427
+ },
1481
1428
  onMouseOver: function onMouseOver(e) {
1482
1429
  if (document.getElementById("luckysheet-formula-search-c")) {
1483
1430
  var hoveredItem = e.target.closest(".luckysheet-formula-search-item");
@@ -1487,10 +1434,14 @@ var InputBox = function InputBox() {
1487
1434
  }
1488
1435
  e.preventDefault();
1489
1436
  },
1490
- onMouseDown: function onMouseDown(e) {
1437
+ onClick: function onClick(e) {
1491
1438
  selectActiveFormulaOnClick(e);
1492
1439
  }
1493
- }), /*#__PURE__*/React__default['default'].createElement(FormulaHint, null))));
1440
+ }), /*#__PURE__*/React__default['default'].createElement(FormulaHint, {
1441
+ style: {
1442
+ top: ((firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.height_move) || 0) + 4
1443
+ }
1444
+ }))));
1494
1445
  };
1495
1446
 
1496
1447
  var ScrollBar = function ScrollBar(_ref) {
@@ -2620,8 +2571,18 @@ function useDialog() {
2620
2571
  };
2621
2572
  }
2622
2573
 
2574
+ var datepickerStyles = "\n .datepicker-toggle {\n display: inline-block;\n position: relative;\n width: 100%;\n }\n \n .datepicker-toggle-button {\n opacity: 0.3;\n position: absolute;\n right: 12px;\n top: 50%;\n transform: translateY(-50%);\n width: 16px;\n height: 16px;\n background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxyZWN0IHg9IjMiIHk9IjQiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgcng9IjIiIHJ5PSIyIj48L3JlY3Q+PGxpbmUgeDE9IjE2IiB5MT0iMiIgeDI9IjE2IiB5Mj0iNiI+PC9saW5lPjxsaW5lIHgxPSI4IiB5MT0iMiIgeDI9IjgiIHkyPSI2Ij48L2xpbmU+PGxpbmUgeDE9IjMiIHkxPSIxMCIgeDI9IjIxIiB5Mj0iMTAiPjwvbGluZT48L3N2Zz4=');\n background-repeat: no-repeat;\n background-position: center;\n pointer-events: none;\n }\n \n .datepicker-input {\n width: 100%;\n padding: 8px 12px;\n border: 1px solid #e2e8f0;\n border-radius: 6px;\n font-size: 14px;\n line-height: 1.5;\n color: #1a202c;\n background-color: #fff;\n cursor: pointer;\n }\n \n .datepicker-input::-webkit-calendar-picker-indicator {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n cursor: pointer;\n opacity: 0;\n }\n \n .datepicker-input:focus {\n outline: none;\n border-color: #4299e1;\n box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.1);\n }\n";
2575
+ var injectDatepickerStyles = function injectDatepickerStyles() {
2576
+ if (typeof document !== "undefined") {
2577
+ var styleSheet = document.createElement("style");
2578
+ styleSheet.textContent = datepickerStyles;
2579
+ document.head.appendChild(styleSheet);
2580
+ }
2581
+ };
2582
+
2583
+ injectDatepickerStyles();
2623
2584
  var DataVerification = function DataVerification() {
2624
- var _context$dataVerifica, _context$dataVerifica2, _context$dataVerifica3, _context$dataVerifica4, _context$dataVerifica5, _context$dataVerifica6, _context$dataVerifica7, _context$dataVerifica8, _context$dataVerifica9, _context$dataVerifica0, _context$dataVerifica1, _context$dataVerifica10, _context$dataVerifica11, _context$dataVerifica12, _context$dataVerifica13, _context$dataVerifica14, _context$dataVerifica15, _context$dataVerifica16, _context$dataVerifica17, _context$dataVerifica18, _context$dataVerifica19, _context$dataVerifica20, _context$dataVerifica21, _context$dataVerifica22, _context$dataVerifica23;
2585
+ var _context$dataVerifica, _context$dataVerifica2, _context$dataVerifica3, _context$dataVerifica4, _context$dataVerifica5, _context$dataVerifica6, _context$dataVerifica7, _context$dataVerifica8, _context$dataVerifica9, _context$dataVerifica0, _context$dataVerifica1, _context$dataVerifica10, _context$dataVerifica11;
2625
2586
  var _useContext = React.useContext(WorkbookContext),
2626
2587
  context = _useContext.context,
2627
2588
  setContext = _useContext.setContext;
@@ -2630,15 +2591,11 @@ var DataVerification = function DataVerification() {
2630
2591
  hideDialog = _useDialog.hideDialog;
2631
2592
  var _locale = fortuneCore.locale(context),
2632
2593
  dataVerification = _locale.dataVerification,
2633
- toolbar = _locale.toolbar,
2634
2594
  button = _locale.button,
2635
2595
  generalDialog = _locale.generalDialog;
2636
- var _useState = React.useState(["between", "notBetween", "equal", "notEqualTo", "moreThanThe", "lessThan", "greaterOrEqualTo", "lessThanOrEqualTo"]),
2596
+ var _useState = React.useState(["between", "notBetween", "equal", "notEqualTo", "earlierThan", "noEarlierThan", "laterThan", "noLaterThan"]),
2637
2597
  _useState2 = _slicedToArray(_useState, 1),
2638
- numberCondition = _useState2[0];
2639
- var _useState3 = React.useState(["between", "notBetween", "equal", "notEqualTo", "earlierThan", "noEarlierThan", "laterThan", "noLaterThan"]),
2640
- _useState4 = _slicedToArray(_useState3, 1),
2641
- dateCondition = _useState4[0];
2598
+ dateCondition = _useState2[0];
2642
2599
  var dataSelectRange = React.useCallback(function (type, value) {
2643
2600
  hideDialog();
2644
2601
  setContext(function (ctx) {
@@ -2773,48 +2730,36 @@ var DataVerification = function DataVerification() {
2773
2730
  return /*#__PURE__*/React__default['default'].createElement("div", {
2774
2731
  id: "fortune-data-verification"
2775
2732
  }, /*#__PURE__*/React__default['default'].createElement("div", {
2776
- className: "title"
2777
- }, toolbar.dataVerification), /*#__PURE__*/React__default['default'].createElement("div", {
2778
- className: "box"
2733
+ className: "flex flex-col gap-4"
2779
2734
  }, /*#__PURE__*/React__default['default'].createElement("div", {
2780
- className: "box-item",
2781
- style: {
2782
- borderTop: "1px solid #E1E4E8"
2783
- }
2735
+ className: "flex flex-col"
2784
2736
  }, /*#__PURE__*/React__default['default'].createElement("div", {
2785
- className: "box-item-title"
2786
- }, dataVerification.cellRange), /*#__PURE__*/React__default['default'].createElement("div", {
2787
- className: "data-verification-range"
2788
- }, /*#__PURE__*/React__default['default'].createElement("input", {
2789
- className: "formulaInputFocus",
2790
- spellCheck: "false",
2737
+ className: "text-heading-xsm mb-2"
2738
+ }, dataVerification.cellRange), /*#__PURE__*/React__default['default'].createElement(ui.TextField, {
2739
+ rightIcon: /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
2740
+ name: "Grid2x2",
2741
+ size: "sm"
2742
+ }),
2743
+ "aria-hidden": "true",
2744
+ readOnly: true,
2791
2745
  value: (_context$dataVerifica = context.dataVerification.dataRegulation) === null || _context$dataVerifica === void 0 ? void 0 : _context$dataVerifica.rangeTxt,
2792
2746
  onChange: function onChange(e) {
2793
2747
  var value = e.target.value;
2794
2748
  setContext(function (ctx) {
2795
2749
  ctx.dataVerification.dataRegulation.rangeTxt = value;
2796
2750
  });
2797
- }
2798
- }), /*#__PURE__*/React__default['default'].createElement("i", {
2799
- className: "icon",
2800
- "aria-hidden": "true",
2751
+ },
2801
2752
  onClick: function onClick() {
2802
2753
  hideDialog();
2803
2754
  dataSelectRange("rangeTxt", context.dataVerification.dataRegulation.value1);
2804
- },
2805
- tabIndex: 0
2806
- }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
2807
- name: "tab",
2808
- width: 18
2809
- })))), /*#__PURE__*/React__default['default'].createElement("div", {
2810
- className: "box-item"
2755
+ }
2756
+ })), /*#__PURE__*/React__default['default'].createElement("div", {
2757
+ className: "flex flex-col"
2811
2758
  }, /*#__PURE__*/React__default['default'].createElement("div", {
2812
- className: "box-item-title"
2813
- }, dataVerification.verificationCondition), /*#__PURE__*/React__default['default'].createElement("select", {
2814
- className: "data-verification-type-select",
2759
+ className: "text-heading-xsm mb-2"
2760
+ }, dataVerification.verificationCondition), /*#__PURE__*/React__default['default'].createElement(ui.Select, {
2815
2761
  value: context.dataVerification.dataRegulation.type,
2816
- onChange: function onChange(e) {
2817
- var value = e.target.value;
2762
+ onValueChange: function onValueChange(value) {
2818
2763
  setContext(function (ctx) {
2819
2764
  ctx.dataVerification.dataRegulation.type = value;
2820
2765
  if (value === "dropdown" || value === "checkbox") {
@@ -2830,18 +2775,14 @@ var DataVerification = function DataVerification() {
2830
2775
  ctx.dataVerification.dataRegulation.value2 = "";
2831
2776
  });
2832
2777
  }
2833
- }, ["dropdown", "checkbox", "number", "number_integer", "number_decimal", "text_content", "text_length", "date", "validity"].map(function (v) {
2834
- return /*#__PURE__*/React__default['default'].createElement("option", {
2778
+ }, /*#__PURE__*/React__default['default'].createElement(ui.SelectTrigger, null, /*#__PURE__*/React__default['default'].createElement(ui.SelectValue, null)), /*#__PURE__*/React__default['default'].createElement(ui.SelectContent, null, ["dropdown", "checkbox", "date"].map(function (v) {
2779
+ return /*#__PURE__*/React__default['default'].createElement(ui.SelectItem, {
2835
2780
  value: v,
2836
2781
  key: v
2837
2782
  }, dataVerification[v]);
2838
- })), ((_context$dataVerifica2 = context.dataVerification) === null || _context$dataVerifica2 === void 0 ? void 0 : (_context$dataVerifica3 = _context$dataVerifica2.dataRegulation) === null || _context$dataVerifica3 === void 0 ? void 0 : _context$dataVerifica3.type) === "dropdown" && (/*#__PURE__*/React__default['default'].createElement("div", {
2839
- className: "show-box-item"
2840
- }, /*#__PURE__*/React__default['default'].createElement("div", {
2841
- className: "data-verification-range"
2842
- }, /*#__PURE__*/React__default['default'].createElement("input", {
2843
- className: "formulaInputFocus",
2844
- spellCheck: "false",
2783
+ }))), ((_context$dataVerifica2 = context.dataVerification) === null || _context$dataVerifica2 === void 0 ? void 0 : (_context$dataVerifica3 = _context$dataVerifica2.dataRegulation) === null || _context$dataVerifica3 === void 0 ? void 0 : _context$dataVerifica3.type) === "dropdown" && (/*#__PURE__*/React__default['default'].createElement("div", {
2784
+ className: "mt-4"
2785
+ }, /*#__PURE__*/React__default['default'].createElement(ui.TextField, {
2845
2786
  value: context.dataVerification.dataRegulation.value1,
2846
2787
  placeholder: dataVerification.placeholder1,
2847
2788
  onChange: function onChange(e) {
@@ -2850,39 +2791,28 @@ var DataVerification = function DataVerification() {
2850
2791
  ctx.dataVerification.dataRegulation.value1 = value;
2851
2792
  });
2852
2793
  }
2853
- }), /*#__PURE__*/React__default['default'].createElement("i", {
2854
- className: "icon",
2855
- "aria-hidden": "true",
2856
- onClick: function onClick() {
2857
- return dataSelectRange("dropDown", context.dataVerification.dataRegulation.value1);
2858
- },
2859
- tabIndex: 0
2860
- }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
2861
- name: "tab",
2862
- width: 18
2863
- }))), /*#__PURE__*/React__default['default'].createElement("div", {
2864
- className: "check"
2865
- }, /*#__PURE__*/React__default['default'].createElement("input", {
2866
- type: "checkbox",
2794
+ }), /*#__PURE__*/React__default['default'].createElement("div", {
2795
+ className: "mt-4 flex items-center"
2796
+ }, /*#__PURE__*/React__default['default'].createElement(ui.Checkbox, {
2797
+ className: "border-2",
2867
2798
  checked: context.dataVerification.dataRegulation.type2 === "true",
2868
- id: "mul",
2869
- onChange: function onChange(e) {
2799
+ onCheckedChange: function onCheckedChange(e) {
2870
2800
  var checked = e.target.checked;
2871
2801
  setContext(function (ctx) {
2872
2802
  ctx.dataVerification.dataRegulation.type2 = "".concat(checked);
2873
2803
  });
2874
2804
  }
2875
- }), /*#__PURE__*/React__default['default'].createElement("label", {
2876
- htmlFor: "mul"
2805
+ }), /*#__PURE__*/React__default['default'].createElement("span", {
2806
+ className: "ml-2"
2877
2807
  }, dataVerification.allowMultiSelect)))), ((_context$dataVerifica4 = context.dataVerification) === null || _context$dataVerifica4 === void 0 ? void 0 : (_context$dataVerifica5 = _context$dataVerifica4.dataRegulation) === null || _context$dataVerifica5 === void 0 ? void 0 : _context$dataVerifica5.type) === "checkbox" && (/*#__PURE__*/React__default['default'].createElement("div", {
2878
- className: "show-box-item"
2808
+ className: "mt-4 space-y-2"
2879
2809
  }, /*#__PURE__*/React__default['default'].createElement("div", {
2880
- className: "check-box"
2881
- }, /*#__PURE__*/React__default['default'].createElement("span", null, dataVerification.selected, " \u2014\u2014 "), /*#__PURE__*/React__default['default'].createElement("input", {
2882
- type: "text",
2883
- className: "data-verification-value1",
2884
- placeholder: dataVerification.placeholder2,
2810
+ className: "flex items-center gap-2"
2811
+ }, /*#__PURE__*/React__default['default'].createElement("span", {
2812
+ className: "data-verification-checkbox-label"
2813
+ }, dataVerification.selected), /*#__PURE__*/React__default['default'].createElement(ui.TextField, {
2885
2814
  value: (_context$dataVerifica6 = context.dataVerification) === null || _context$dataVerifica6 === void 0 ? void 0 : (_context$dataVerifica7 = _context$dataVerifica6.dataRegulation) === null || _context$dataVerifica7 === void 0 ? void 0 : _context$dataVerifica7.value1,
2815
+ placeholder: dataVerification.placeholder2,
2886
2816
  onChange: function onChange(e) {
2887
2817
  var value = e.target.value;
2888
2818
  setContext(function (ctx) {
@@ -2890,129 +2820,41 @@ var DataVerification = function DataVerification() {
2890
2820
  });
2891
2821
  }
2892
2822
  })), /*#__PURE__*/React__default['default'].createElement("div", {
2893
- className: "check-box"
2894
- }, /*#__PURE__*/React__default['default'].createElement("span", null, dataVerification.notSelected, " \u2014\u2014 "), /*#__PURE__*/React__default['default'].createElement("input", {
2895
- type: "text",
2896
- className: "data-verification-value2",
2897
- placeholder: dataVerification.placeholder2,
2823
+ className: "flex items-center gap-2"
2824
+ }, /*#__PURE__*/React__default['default'].createElement("span", {
2825
+ className: "data-verification-checkbox-label"
2826
+ }, dataVerification.notSelected), /*#__PURE__*/React__default['default'].createElement(ui.TextField, {
2898
2827
  value: (_context$dataVerifica8 = context.dataVerification) === null || _context$dataVerifica8 === void 0 ? void 0 : (_context$dataVerifica9 = _context$dataVerifica8.dataRegulation) === null || _context$dataVerifica9 === void 0 ? void 0 : _context$dataVerifica9.value2,
2828
+ placeholder: dataVerification.placeholder2,
2899
2829
  onChange: function onChange(e) {
2900
2830
  var value = e.target.value;
2901
2831
  setContext(function (ctx) {
2902
2832
  ctx.dataVerification.dataRegulation.value2 = value;
2903
2833
  });
2904
2834
  }
2905
- })))), (((_context$dataVerifica0 = context.dataVerification) === null || _context$dataVerifica0 === void 0 ? void 0 : (_context$dataVerifica1 = _context$dataVerifica0.dataRegulation) === null || _context$dataVerifica1 === void 0 ? void 0 : _context$dataVerifica1.type) === "number" || ((_context$dataVerifica10 = context.dataVerification) === null || _context$dataVerifica10 === void 0 ? void 0 : (_context$dataVerifica11 = _context$dataVerifica10.dataRegulation) === null || _context$dataVerifica11 === void 0 ? void 0 : _context$dataVerifica11.type) === "number_integer" || ((_context$dataVerifica12 = context.dataVerification) === null || _context$dataVerifica12 === void 0 ? void 0 : (_context$dataVerifica13 = _context$dataVerifica12.dataRegulation) === null || _context$dataVerifica13 === void 0 ? void 0 : _context$dataVerifica13.type) === "number_decimal" || ((_context$dataVerifica14 = context.dataVerification) === null || _context$dataVerifica14 === void 0 ? void 0 : (_context$dataVerifica15 = _context$dataVerifica14.dataRegulation) === null || _context$dataVerifica15 === void 0 ? void 0 : _context$dataVerifica15.type) === "text_length") && (/*#__PURE__*/React__default['default'].createElement("div", {
2906
- className: "show-box-item"
2907
- }, /*#__PURE__*/React__default['default'].createElement("select", {
2908
- className: "data-verification-type-select",
2909
- value: context.dataVerification.dataRegulation.type2,
2910
- onChange: function onChange(e) {
2911
- var value = e.target.value;
2912
- setContext(function (ctx) {
2913
- ctx.dataVerification.dataRegulation.type2 = value;
2914
- ctx.dataVerification.dataRegulation.value1 = "";
2915
- ctx.dataVerification.dataRegulation.value2 = "";
2916
- });
2917
- }
2918
- }, numberCondition.map(function (v) {
2919
- return /*#__PURE__*/React__default['default'].createElement("option", {
2920
- value: v,
2921
- key: v
2922
- }, dataVerification[v]);
2923
- })), context.dataVerification.dataRegulation.type2 === "between" || context.dataVerification.dataRegulation.type2 === "notBetween" ? (/*#__PURE__*/React__default['default'].createElement("div", {
2924
- className: "input-box"
2925
- }, /*#__PURE__*/React__default['default'].createElement("input", {
2926
- type: "number",
2927
- placeholder: "1",
2928
- value: context.dataVerification.dataRegulation.value1,
2929
- onChange: function onChange(e) {
2930
- var value = e.target.value;
2931
- setContext(function (ctx) {
2932
- ctx.dataVerification.dataRegulation.value1 = value;
2933
- });
2934
- }
2935
- }), /*#__PURE__*/React__default['default'].createElement("span", null, "-"), /*#__PURE__*/React__default['default'].createElement("input", {
2936
- type: "number",
2937
- placeholder: "100",
2938
- value: context.dataVerification.dataRegulation.value2,
2939
- onChange: function onChange(e) {
2940
- var value = e.target.value;
2941
- setContext(function (ctx) {
2942
- ctx.dataVerification.dataRegulation.value2 = value;
2943
- });
2944
- }
2945
- }))) : (/*#__PURE__*/React__default['default'].createElement("div", {
2946
- className: "input-box"
2947
- }, /*#__PURE__*/React__default['default'].createElement("input", {
2948
- type: "number",
2949
- style: {
2950
- width: "100%"
2951
- },
2952
- placeholder: dataVerification.placeholder3,
2953
- value: context.dataVerification.dataRegulation.value1,
2954
- onChange: function onChange(e) {
2955
- var value = e.target.value;
2956
- setContext(function (ctx) {
2957
- ctx.dataVerification.dataRegulation.value1 = value;
2958
- });
2959
- }
2960
- }))))), ((_context$dataVerifica16 = context.dataVerification) === null || _context$dataVerifica16 === void 0 ? void 0 : (_context$dataVerifica17 = _context$dataVerifica16.dataRegulation) === null || _context$dataVerifica17 === void 0 ? void 0 : _context$dataVerifica17.type) === "text_content" && (/*#__PURE__*/React__default['default'].createElement("div", {
2961
- className: "show-box-item"
2962
- }, /*#__PURE__*/React__default['default'].createElement("select", {
2963
- className: "data-verification-type-select",
2964
- value: context.dataVerification.dataRegulation.type2,
2965
- onChange: function onChange(e) {
2966
- var value = e.target.value;
2967
- setContext(function (ctx) {
2968
- ctx.dataVerification.dataRegulation.type2 = value;
2969
- ctx.dataVerification.dataRegulation.value1 = "";
2970
- ctx.dataVerification.dataRegulation.value2 = "";
2971
- });
2972
- }
2973
- }, ["include", "exclude", "equal"].map(function (v) {
2974
- return /*#__PURE__*/React__default['default'].createElement("option", {
2975
- value: v,
2976
- key: v
2977
- }, dataVerification[v]);
2978
- })), /*#__PURE__*/React__default['default'].createElement("div", {
2979
- className: "input-box"
2980
- }, /*#__PURE__*/React__default['default'].createElement("input", {
2981
- type: "text",
2982
- style: {
2983
- width: "100%"
2984
- },
2985
- placeholder: dataVerification.placeholder4,
2986
- value: context.dataVerification.dataRegulation.value1,
2987
- onChange: function onChange(e) {
2988
- var value = e.target.value;
2989
- setContext(function (ctx) {
2990
- ctx.dataVerification.dataRegulation.value1 = value;
2991
- });
2992
- }
2993
- })))), ((_context$dataVerifica18 = context.dataVerification) === null || _context$dataVerifica18 === void 0 ? void 0 : (_context$dataVerifica19 = _context$dataVerifica18.dataRegulation) === null || _context$dataVerifica19 === void 0 ? void 0 : _context$dataVerifica19.type) === "date" && (/*#__PURE__*/React__default['default'].createElement("div", {
2994
- className: "show-box-item"
2995
- }, /*#__PURE__*/React__default['default'].createElement("select", {
2996
- className: "data-verification-type-select",
2835
+ })))), ((_context$dataVerifica0 = context.dataVerification) === null || _context$dataVerifica0 === void 0 ? void 0 : (_context$dataVerifica1 = _context$dataVerifica0.dataRegulation) === null || _context$dataVerifica1 === void 0 ? void 0 : _context$dataVerifica1.type) === "date" && (/*#__PURE__*/React__default['default'].createElement("div", {
2836
+ className: "mt-4"
2837
+ }, /*#__PURE__*/React__default['default'].createElement(ui.Select, {
2997
2838
  value: context.dataVerification.dataRegulation.type2,
2998
- onChange: function onChange(e) {
2999
- var value = e.target.value;
2839
+ onValueChange: function onValueChange(value) {
3000
2840
  setContext(function (ctx) {
3001
2841
  ctx.dataVerification.dataRegulation.type2 = value;
3002
2842
  ctx.dataVerification.dataRegulation.value1 = "";
3003
2843
  ctx.dataVerification.dataRegulation.value2 = "";
3004
2844
  });
3005
2845
  }
3006
- }, dateCondition.map(function (v) {
3007
- return /*#__PURE__*/React__default['default'].createElement("option", {
2846
+ }, /*#__PURE__*/React__default['default'].createElement(ui.SelectTrigger, null, /*#__PURE__*/React__default['default'].createElement(ui.SelectValue, null)), /*#__PURE__*/React__default['default'].createElement(ui.SelectContent, null, dateCondition.map(function (v) {
2847
+ return /*#__PURE__*/React__default['default'].createElement(ui.SelectItem, {
3008
2848
  value: v,
3009
2849
  key: v
3010
2850
  }, dataVerification[v]);
3011
- })), context.dataVerification.dataRegulation.type2 === "between" || context.dataVerification.dataRegulation.type2 === "notBetween" ? (/*#__PURE__*/React__default['default'].createElement("div", {
3012
- className: "input-box"
2851
+ }))), context.dataVerification.dataRegulation.type2 === "between" || context.dataVerification.dataRegulation.type2 === "notBetween" ? (/*#__PURE__*/React__default['default'].createElement("div", {
2852
+ className: "mt-4 flex gap-2 items-center"
2853
+ }, /*#__PURE__*/React__default['default'].createElement("div", {
2854
+ className: "datepicker-toggle"
3013
2855
  }, /*#__PURE__*/React__default['default'].createElement("input", {
3014
2856
  type: "date",
3015
- placeholder: "1",
2857
+ className: "datepicker-input",
3016
2858
  value: context.dataVerification.dataRegulation.value1,
3017
2859
  onChange: function onChange(e) {
3018
2860
  var value = e.target.value;
@@ -3020,9 +2862,13 @@ var DataVerification = function DataVerification() {
3020
2862
  ctx.dataVerification.dataRegulation.value1 = value;
3021
2863
  });
3022
2864
  }
3023
- }), /*#__PURE__*/React__default['default'].createElement("span", null, "-"), /*#__PURE__*/React__default['default'].createElement("input", {
2865
+ }), /*#__PURE__*/React__default['default'].createElement("span", {
2866
+ className: "datepicker-toggle-button"
2867
+ })), /*#__PURE__*/React__default['default'].createElement("span", null, "-"), /*#__PURE__*/React__default['default'].createElement("div", {
2868
+ className: "datepicker-toggle"
2869
+ }, /*#__PURE__*/React__default['default'].createElement("input", {
3024
2870
  type: "date",
3025
- placeholder: "100",
2871
+ className: "datepicker-input",
3026
2872
  value: context.dataVerification.dataRegulation.value2,
3027
2873
  onChange: function onChange(e) {
3028
2874
  var value = e.target.value;
@@ -3030,13 +2876,15 @@ var DataVerification = function DataVerification() {
3030
2876
  ctx.dataVerification.dataRegulation.value2 = value;
3031
2877
  });
3032
2878
  }
3033
- }))) : (/*#__PURE__*/React__default['default'].createElement("div", {
3034
- className: "input-box"
2879
+ }), /*#__PURE__*/React__default['default'].createElement("span", {
2880
+ className: "datepicker-toggle-button"
2881
+ })))) : (/*#__PURE__*/React__default['default'].createElement("div", {
2882
+ className: "mt-4"
2883
+ }, /*#__PURE__*/React__default['default'].createElement("div", {
2884
+ className: "datepicker-toggle"
3035
2885
  }, /*#__PURE__*/React__default['default'].createElement("input", {
3036
2886
  type: "date",
3037
- style: {
3038
- width: "100%"
3039
- },
2887
+ className: "datepicker-input",
3040
2888
  placeholder: dataVerification.placeholder3,
3041
2889
  value: context.dataVerification.dataRegulation.value1,
3042
2890
  onChange: function onChange(e) {
@@ -3045,57 +2893,35 @@ var DataVerification = function DataVerification() {
3045
2893
  ctx.dataVerification.dataRegulation.value1 = value;
3046
2894
  });
3047
2895
  }
3048
- }))))), ((_context$dataVerifica20 = context.dataVerification) === null || _context$dataVerifica20 === void 0 ? void 0 : (_context$dataVerifica21 = _context$dataVerifica20.dataRegulation) === null || _context$dataVerifica21 === void 0 ? void 0 : _context$dataVerifica21.type) === "validity" && (/*#__PURE__*/React__default['default'].createElement("div", {
3049
- className: "show-box-item"
3050
- }, /*#__PURE__*/React__default['default'].createElement("select", {
3051
- className: "data-verification-type-select",
3052
- value: context.dataVerification.dataRegulation.type2,
3053
- onChange: function onChange(e) {
3054
- var value = e.target.value;
3055
- setContext(function (ctx) {
3056
- ctx.dataVerification.dataRegulation.type2 = value;
3057
- ctx.dataVerification.dataRegulation.value1 = "";
3058
- ctx.dataVerification.dataRegulation.value2 = "";
3059
- });
3060
- }
3061
- }, ["identificationNumber", "phoneNumber"].map(function (v) {
3062
- return /*#__PURE__*/React__default['default'].createElement("option", {
3063
- value: v,
3064
- key: v
3065
- }, dataVerification[v]);
3066
- }))))), /*#__PURE__*/React__default['default'].createElement("div", {
3067
- className: "box-item"
2896
+ }), /*#__PURE__*/React__default['default'].createElement("span", {
2897
+ className: "datepicker-toggle-button"
2898
+ }))))))), /*#__PURE__*/React__default['default'].createElement(ui.Divider, {
2899
+ className: "w-full border-t-[1px]"
2900
+ }), /*#__PURE__*/React__default['default'].createElement("div", {
2901
+ className: "flex flex-col gap-2"
3068
2902
  }, ["prohibitInput", "hintShow"].map(function (v) {
3069
2903
  return /*#__PURE__*/React__default['default'].createElement("div", {
3070
- className: "check",
3071
- key: "div".concat(v)
3072
- }, /*#__PURE__*/React__default['default'].createElement("input", {
3073
- type: "checkbox",
3074
- id: v,
3075
- key: "input".concat(v),
2904
+ key: v,
2905
+ className: "flex items-center"
2906
+ }, /*#__PURE__*/React__default['default'].createElement(ui.Checkbox, {
2907
+ className: "border-2",
3076
2908
  checked: context.dataVerification.dataRegulation[v],
3077
- onChange: function onChange() {
2909
+ onCheckedChange: function onCheckedChange(e) {
2910
+ var checked = e.target.checked;
3078
2911
  setContext(function (ctx) {
3079
2912
  var _ctx$dataVerification5;
3080
2913
  var dataRegulation = (_ctx$dataVerification5 = ctx.dataVerification) === null || _ctx$dataVerification5 === void 0 ? void 0 : _ctx$dataVerification5.dataRegulation;
3081
2914
  if (v === "prohibitInput") {
3082
- dataRegulation.prohibitInput = !dataRegulation.prohibitInput;
2915
+ dataRegulation.prohibitInput = checked;
3083
2916
  } else if (v === "hintShow") {
3084
- dataRegulation.hintShow = !dataRegulation.hintShow;
2917
+ dataRegulation.hintShow = checked;
3085
2918
  }
3086
2919
  });
3087
2920
  }
3088
- }), /*#__PURE__*/React__default['default'].createElement("label", {
3089
- htmlFor: v,
3090
- key: "label".concat(v)
2921
+ }), /*#__PURE__*/React__default['default'].createElement("span", {
2922
+ className: "ml-2"
3091
2923
  }, dataVerification[v]));
3092
- }), ((_context$dataVerifica22 = context.dataVerification) === null || _context$dataVerifica22 === void 0 ? void 0 : (_context$dataVerifica23 = _context$dataVerifica22.dataRegulation) === null || _context$dataVerifica23 === void 0 ? void 0 : _context$dataVerifica23.hintShow) && (/*#__PURE__*/React__default['default'].createElement("div", {
3093
- className: "input-box"
3094
- }, /*#__PURE__*/React__default['default'].createElement("input", {
3095
- type: "text",
3096
- style: {
3097
- width: "100%"
3098
- },
2924
+ }), ((_context$dataVerifica10 = context.dataVerification) === null || _context$dataVerifica10 === void 0 ? void 0 : (_context$dataVerifica11 = _context$dataVerifica10.dataRegulation) === null || _context$dataVerifica11 === void 0 ? void 0 : _context$dataVerifica11.hintShow) && (/*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(ui.TextField, {
3099
2925
  placeholder: dataVerification.placeholder5,
3100
2926
  value: context.dataVerification.dataRegulation.hintValue,
3101
2927
  onChange: function onChange(e) {
@@ -3104,25 +2930,37 @@ var DataVerification = function DataVerification() {
3104
2930
  ctx.dataVerification.dataRegulation.hintValue = value;
3105
2931
  });
3106
2932
  }
3107
- }))))), /*#__PURE__*/React__default['default'].createElement("div", {
3108
- className: "button-basic button-primary",
2933
+ }))))), /*#__PURE__*/React__default['default'].createElement(ui.Divider, {
2934
+ className: "w-full border-t-[1px] my-4"
2935
+ }), /*#__PURE__*/React__default['default'].createElement("div", {
2936
+ className: "flex gap-2 justify-between items-center"
2937
+ }, /*#__PURE__*/React__default['default'].createElement(ui.Button, {
2938
+ variant: "secondary",
2939
+ style: {
2940
+ minWidth: "80px"
2941
+ },
3109
2942
  onClick: function onClick() {
3110
- btn("confirm");
2943
+ btn("close");
2944
+ }
2945
+ }, button.cancel), /*#__PURE__*/React__default['default'].createElement("div", {
2946
+ className: "flex gap-2"
2947
+ }, /*#__PURE__*/React__default['default'].createElement(ui.Button, {
2948
+ variant: "secondary",
2949
+ style: {
2950
+ minWidth: "80px"
3111
2951
  },
3112
- tabIndex: 0
3113
- }, button.confirm), /*#__PURE__*/React__default['default'].createElement("div", {
3114
- className: "button-basic button-close",
3115
2952
  onClick: function onClick() {
3116
2953
  btn("delete");
2954
+ }
2955
+ }, dataVerification.deleteVerification), /*#__PURE__*/React__default['default'].createElement(ui.Button, {
2956
+ variant: "default",
2957
+ style: {
2958
+ minWidth: "80px"
3117
2959
  },
3118
- tabIndex: 0
3119
- }, dataVerification.deleteVerification), /*#__PURE__*/React__default['default'].createElement("div", {
3120
- className: "button-basic button-close",
3121
2960
  onClick: function onClick() {
3122
- btn("close");
3123
- },
3124
- tabIndex: 0
3125
- }, button.cancel));
2961
+ btn("confirm");
2962
+ }
2963
+ }, button.confirm))));
3126
2964
  };
3127
2965
 
3128
2966
  function getDisplayedRangeTxt(context) {
@@ -3134,12 +2972,7 @@ function getDisplayedRangeTxt(context) {
3134
2972
  return (_context$rangeDialog$ = (_context$rangeDialog = context.rangeDialog) === null || _context$rangeDialog === void 0 ? void 0 : _context$rangeDialog.rangeTxt) !== null && _context$rangeDialog$ !== void 0 ? _context$rangeDialog$ : "";
3135
2973
  }
3136
2974
 
3137
- var datepickerStyles = "\n .datepicker-toggle {\n display: inline-block;\n position: relative;\n width: 100%;\n }\n \n .datepicker-toggle-button {\n opacity: 0.3;\n position: absolute;\n right: 12px;\n top: 50%;\n transform: translateY(-50%);\n width: 16px;\n height: 16px;\n background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxyZWN0IHg9IjMiIHk9IjQiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgcng9IjIiIHJ5PSIyIj48L3JlY3Q+PGxpbmUgeDE9IjE2IiB5MT0iMiIgeDI9IjE2IiB5Mj0iNiI+PC9saW5lPjxsaW5lIHgxPSI4IiB5MT0iMiIgeDI9IjgiIHkyPSI2Ij48L2xpbmU+PGxpbmUgeDE9IjMiIHkxPSIxMCIgeDI9IjIxIiB5Mj0iMTAiPjwvbGluZT48L3N2Zz4=');\n background-repeat: no-repeat;\n background-position: center;\n pointer-events: none;\n }\n \n .datepicker-input {\n width: 100%;\n padding: 8px 12px;\n border: 1px solid #e2e8f0;\n border-radius: 6px;\n font-size: 14px;\n line-height: 1.5;\n color: #1a202c;\n background-color: #fff;\n cursor: pointer;\n }\n \n .datepicker-input::-webkit-calendar-picker-indicator {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n cursor: pointer;\n opacity: 0;\n }\n \n .datepicker-input:focus {\n outline: none;\n border-color: #4299e1;\n box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.1);\n }\n";
3138
- if (typeof document !== "undefined") {
3139
- var styleSheet = document.createElement("style");
3140
- styleSheet.textContent = datepickerStyles;
3141
- document.head.appendChild(styleSheet);
3142
- }
2975
+ injectDatepickerStyles();
3143
2976
  var ConditionRules = function ConditionRules(_ref) {
3144
2977
  var type = _ref.type;
3145
2978
  var _useContext = React.useContext(WorkbookContext),
@@ -3460,7 +3293,8 @@ var RangeDialog = function RangeDialog() {
3460
3293
  showDialog = _useDialog.showDialog;
3461
3294
  var _locale = fortuneCore.locale(context),
3462
3295
  dataVerification = _locale.dataVerification,
3463
- button = _locale.button;
3296
+ button = _locale.button,
3297
+ toolbar = _locale.toolbar;
3464
3298
  var _useState = React.useState(getDisplayedRangeTxt(context)),
3465
3299
  _useState2 = _slicedToArray(_useState, 2),
3466
3300
  rangeTxt2 = _useState2[0],
@@ -3485,7 +3319,7 @@ var RangeDialog = function RangeDialog() {
3485
3319
  }), undefined, fortuneCore.locale(context).conditionformat["conditionformat_".concat(rulesType)]);
3486
3320
  return;
3487
3321
  }
3488
- showDialog(/*#__PURE__*/React__default['default'].createElement(DataVerification, null));
3322
+ showDialog(/*#__PURE__*/React__default['default'].createElement(DataVerification, null), undefined, toolbar.dataVerification);
3489
3323
  }, [setContext, showDialog, context]);
3490
3324
  React.useEffect(function () {
3491
3325
  setRangeTxt2(getDisplayedRangeTxt(context));
@@ -3674,7 +3508,7 @@ var DropDownList = function DropDownList() {
3674
3508
  arr.splice(index, 1);
3675
3509
  }
3676
3510
  setSelected(arr);
3677
- fortuneCore.setDropcownValue(ctx, v, arr);
3511
+ fortuneCore.setDropdownValue(ctx, v, arr);
3678
3512
  });
3679
3513
  },
3680
3514
  tabIndex: 0
@@ -3689,6 +3523,118 @@ var DropDownList = function DropDownList() {
3689
3523
  }));
3690
3524
  };
3691
3525
 
3526
+ var IframeBoxs = function IframeBoxs() {
3527
+ var _context$insertedIfra;
3528
+ var _useContext = React.useContext(WorkbookContext),
3529
+ context = _useContext.context,
3530
+ setContext = _useContext.setContext,
3531
+ refs = _useContext.refs;
3532
+ var containerRef = React.useRef(null);
3533
+ React.useEffect(function () {
3534
+ var handleClickOutside = function handleClickOutside(e) {
3535
+ if (!containerRef.current) return;
3536
+ var iframeBoxes = containerRef.current.querySelectorAll(".luckysheet-modal-dialog-iframe");
3537
+ var clickedInsideSomeIframe = Array.from(iframeBoxes).some(function (el) {
3538
+ return el.contains(e.target);
3539
+ });
3540
+ if (!clickedInsideSomeIframe && context.activeIframe !== undefined) {
3541
+ setContext(function (ctx) {
3542
+ ctx.activeIframe = undefined;
3543
+ });
3544
+ }
3545
+ };
3546
+ document.addEventListener("mousedown", handleClickOutside);
3547
+ return function () {
3548
+ document.removeEventListener("mousedown", handleClickOutside);
3549
+ };
3550
+ }, [context.activeIframe, setContext]);
3551
+ return /*#__PURE__*/React__default['default'].createElement("div", {
3552
+ id: "fortune-iframe-boxes",
3553
+ ref: containerRef
3554
+ }, (_context$insertedIfra = context.insertedIframes) === null || _context$insertedIfra === void 0 ? void 0 : _context$insertedIfra.map(function (frame) {
3555
+ var isActive = frame.id === context.activeIframe;
3556
+ var style = {
3557
+ width: frame.width * context.zoomRatio,
3558
+ height: frame.height * context.zoomRatio,
3559
+ left: frame.left * context.zoomRatio,
3560
+ top: frame.top * context.zoomRatio,
3561
+ position: "absolute",
3562
+ padding: 0,
3563
+ zIndex: isActive ? 300 : 200
3564
+ };
3565
+ return /*#__PURE__*/React__default['default'].createElement("div", {
3566
+ key: frame.id,
3567
+ id: isActive ? "fortune-modal-dialog-activeIframe" : frame.id,
3568
+ className: "luckysheet-modal-dialog luckysheet-modal-dialog-iframe",
3569
+ style: style,
3570
+ onClick: function onClick(e) {
3571
+ if (!isActive) {
3572
+ setContext(function (ctx) {
3573
+ ctx.activeIframe = frame.id;
3574
+ });
3575
+ }
3576
+ e.stopPropagation();
3577
+ },
3578
+ onMouseDown: function onMouseDown(e) {
3579
+ if (isActive) {
3580
+ fortuneCore.onIframeMoveStart(context, refs.globalCache, e.nativeEvent);
3581
+ }
3582
+ e.stopPropagation();
3583
+ }
3584
+ }, /*#__PURE__*/React__default['default'].createElement("div", {
3585
+ className: "luckysheet-modal-dialog-content",
3586
+ style: {
3587
+ width: "100%",
3588
+ height: "100%",
3589
+ overflow: "hidden"
3590
+ }
3591
+ }, /*#__PURE__*/React__default['default'].createElement("iframe", {
3592
+ title: "iframe-".concat(frame.id),
3593
+ src: frame.src,
3594
+ style: {
3595
+ width: "100%",
3596
+ height: "100%",
3597
+ border: "none",
3598
+ pointerEvents: "none"
3599
+ }
3600
+ })), /*#__PURE__*/React__default['default'].createElement("div", {
3601
+ className: "luckysheet-modal-dialog-border"
3602
+ }), isActive && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
3603
+ className: "luckysheet-modal-dialog-resize"
3604
+ }, ["lt", "mt", "lm", "rm", "rt", "lb", "mb", "rb"].map(function (dir) {
3605
+ return /*#__PURE__*/React__default['default'].createElement("div", {
3606
+ key: dir,
3607
+ className: "luckysheet-modal-dialog-resize-item luckysheet-modal-dialog-resize-item-".concat(dir),
3608
+ "data-type": dir,
3609
+ style: {
3610
+ zIndex: 300,
3611
+ position: "absolute"
3612
+ },
3613
+ onMouseDown: function onMouseDown(e) {
3614
+ fortuneCore.onIframeResizeStart(context, refs.globalCache, e.nativeEvent, dir);
3615
+ e.stopPropagation();
3616
+ }
3617
+ });
3618
+ })), /*#__PURE__*/React__default['default'].createElement("div", {
3619
+ className: "luckysheet-modal-dialog-controll"
3620
+ }, /*#__PURE__*/React__default['default'].createElement("span", {
3621
+ className: "luckysheet-modal-controll-btn luckysheet-modal-controll-del",
3622
+ role: "button",
3623
+ tabIndex: 0,
3624
+ title: "Delete",
3625
+ onClick: function onClick() {
3626
+ setContext(function (ctx) {
3627
+ var _ctx$insertedIframes;
3628
+ ctx.insertedIframes = ctx === null || ctx === void 0 ? void 0 : (_ctx$insertedIframes = ctx.insertedIframes) === null || _ctx$insertedIframes === void 0 ? void 0 : _ctx$insertedIframes.filter(function (f) {
3629
+ return f.id !== frame.id;
3630
+ });
3631
+ ctx.activeIframe = undefined;
3632
+ });
3633
+ }
3634
+ }, "DELETE")))));
3635
+ }));
3636
+ };
3637
+
3692
3638
  var SheetOverlay = function SheetOverlay() {
3693
3639
  var _refs$cellArea$curren, _refs$cellArea$curren2, _context$luckysheet_s, _context$luckysheet_s2, _context$luckysheet_s3, _context$luckysheet_s4, _context$luckysheet_s5, _context$luckysheet_s6, _context$presences$le, _context$presences, _context$linkCard, _context$rangeDialog;
3694
3640
  var _useContext = React.useContext(WorkbookContext),
@@ -4131,7 +4077,7 @@ var SheetOverlay = function SheetOverlay() {
4131
4077
  id: "luckysheet-multipleRange-show"
4132
4078
  }), /*#__PURE__*/React__default['default'].createElement("div", {
4133
4079
  id: "luckysheet-dynamicArray-hightShow"
4134
- }), /*#__PURE__*/React__default['default'].createElement(ImgBoxs, null), /*#__PURE__*/React__default['default'].createElement("div", {
4080
+ }), /*#__PURE__*/React__default['default'].createElement(ImgBoxs, null), /*#__PURE__*/React__default['default'].createElement(IframeBoxs, null), /*#__PURE__*/React__default['default'].createElement("div", {
4135
4081
  id: "luckysheet-dataVerification-dropdown-btn",
4136
4082
  onClick: function onClick() {
4137
4083
  setContext(function (ctx) {
@@ -4144,8 +4090,9 @@ var SheetOverlay = function SheetOverlay() {
4144
4090
  display: "none"
4145
4091
  }
4146
4092
  }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
4147
- name: "combo-arrow",
4148
- width: 16
4093
+ name: "caret-down-fill",
4094
+ width: 16,
4095
+ height: 16
4149
4096
  })), context.dataVerificationDropDownList && /*#__PURE__*/React__default['default'].createElement(DropDownList, null), /*#__PURE__*/React__default['default'].createElement("div", {
4150
4097
  id: "luckysheet-dataVerification-showHintBox",
4151
4098
  className: "luckysheet-mousedown-cancel",
@@ -4379,9 +4326,6 @@ var Sheet = function Sheet(_ref) {
4379
4326
  }
4380
4327
  }, [context, refs.canvas, refs.globalCache.freezen, setContext, sheet.id]);
4381
4328
  var onWheel = React.useCallback(function (e) {
4382
- var el = document.getElementById("function-details");
4383
- var isMouseOver = el === null || el === void 0 ? void 0 : el.matches(":hover");
4384
- if (el && isMouseOver) return;
4385
4329
  setContext(function (draftCtx) {
4386
4330
  fortuneCore.handleGlobalWheel(draftCtx, e, refs.globalCache, refs.scrollbarX.current, refs.scrollbarY.current);
4387
4331
  });
@@ -4467,6 +4411,9 @@ var Combo = function Combo(_ref) {
4467
4411
  setPopupPosition = _useState4[1];
4468
4412
  var popupRef = React.useRef(null);
4469
4413
  var buttonRef = React.useRef(null);
4414
+ var isLucideIcon = React.useMemo(function () {
4415
+ return (iconId === null || iconId === void 0 ? void 0 : iconId.startsWith("align-")) || ["text-overflow", "text-wrap", "text-clip"].includes(iconId);
4416
+ }, [iconId]);
4470
4417
  useOutsideClick(popupRef, function () {
4471
4418
  setOpen(false);
4472
4419
  });
@@ -4494,7 +4441,7 @@ var Combo = function Combo(_ref) {
4494
4441
  }, /*#__PURE__*/React__default['default'].createElement("div", {
4495
4442
  ref: buttonRef,
4496
4443
  className: "fortune-toolbar-combo"
4497
- }, /*#__PURE__*/React__default['default'].createElement("div", {
4444
+ }, !isLucideIcon ? (/*#__PURE__*/React__default['default'].createElement("div", {
4498
4445
  className: "fortune-toolbar-combo-button",
4499
4446
  onClick: function onClick(e) {
4500
4447
  if (_onClick) {
@@ -4513,7 +4460,13 @@ var Combo = function Combo(_ref) {
4513
4460
  name: iconId
4514
4461
  })) : (/*#__PURE__*/React__default['default'].createElement("span", {
4515
4462
  className: "fortune-toolbar-combo-text"
4516
- }, text !== undefined ? text : ""))), showArrow && (/*#__PURE__*/React__default['default'].createElement("div", {
4463
+ }, text !== undefined ? text : "")))) : (/*#__PURE__*/React__default['default'].createElement(ui.IconButton, {
4464
+ icon: getIcon(iconId),
4465
+ variant: "ghost",
4466
+ onClick: function onClick() {
4467
+ return setOpen(!open);
4468
+ }
4469
+ })), showArrow && (/*#__PURE__*/React__default['default'].createElement("div", {
4517
4470
  className: "fortune-toolbar-combo-arrow",
4518
4471
  onClick: function onClick() {
4519
4472
  return setOpen(!open);
@@ -5418,6 +5371,121 @@ var FormatSearch = function FormatSearch(_ref) {
5418
5371
  }, button.cancel)));
5419
5372
  };
5420
5373
 
5374
+ var DuneChartsInputModal = function DuneChartsInputModal(_ref) {
5375
+ var isOpen = _ref.isOpen,
5376
+ onClose = _ref.onClose,
5377
+ onSubmit = _ref.onSubmit,
5378
+ icon = _ref.icon,
5379
+ _ref$submitText = _ref.submitText,
5380
+ submitText = _ref$submitText === void 0 ? "Submit" : _ref$submitText,
5381
+ _ref$placeholder = _ref.placeholder,
5382
+ placeholder = _ref$placeholder === void 0 ? "Enter a value..." : _ref$placeholder;
5383
+ var _useState = React.useState(""),
5384
+ _useState2 = _slicedToArray(_useState, 2),
5385
+ url = _useState2[0],
5386
+ setUrl = _useState2[1];
5387
+ var _useState3 = React.useState(false),
5388
+ _useState4 = _slicedToArray(_useState3, 2),
5389
+ showError = _useState4[0],
5390
+ setShowError = _useState4[1];
5391
+ var inputRef = React.useRef(null);
5392
+ React.useEffect(function () {
5393
+ if (isOpen && inputRef.current) {
5394
+ var timer = setTimeout(function () {
5395
+ var _inputRef$current;
5396
+ (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
5397
+ }, 100);
5398
+ return function () {
5399
+ return clearTimeout(timer);
5400
+ };
5401
+ }
5402
+ return undefined;
5403
+ }, [isOpen]);
5404
+ if (!isOpen) return null;
5405
+ var handleSubmit = function handleSubmit() {
5406
+ var trimmed = url.trim();
5407
+ if (trimmed && fortuneCore.sanitizeDuneUrl(trimmed)) {
5408
+ onSubmit(trimmed);
5409
+ setUrl("");
5410
+ setShowError(false);
5411
+ onClose();
5412
+ } else {
5413
+ setShowError(true);
5414
+ }
5415
+ };
5416
+ var handleKeyDown = function handleKeyDown(e) {
5417
+ e.stopPropagation();
5418
+ if (e.key === "Enter") {
5419
+ handleSubmit();
5420
+ }
5421
+ };
5422
+ return /*#__PURE__*/React__default['default'].createElement("div", {
5423
+ className: "custom-overlay",
5424
+ onClick: onClose
5425
+ }, /*#__PURE__*/React__default['default'].createElement("div", {
5426
+ className: "input-modal",
5427
+ style: {
5428
+ transformOrigin: "top center"
5429
+ },
5430
+ onClick: function onClick(e) {
5431
+ return e.stopPropagation();
5432
+ },
5433
+ onKeyDown: handleKeyDown
5434
+ }, /*#__PURE__*/React__default['default'].createElement("div", {
5435
+ className: "modal-header"
5436
+ }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
5437
+ name: icon
5438
+ }), /*#__PURE__*/React__default['default'].createElement("input", {
5439
+ ref: inputRef,
5440
+ className: "modal-input",
5441
+ type: "text",
5442
+ placeholder: placeholder,
5443
+ value: url,
5444
+ onChange: function onChange(e) {
5445
+ setUrl(e.target.value);
5446
+ setShowError(false);
5447
+ },
5448
+ onKeyDown: handleKeyDown
5449
+ })), showError && (/*#__PURE__*/React__default['default'].createElement("div", {
5450
+ className: "modal-error-message"
5451
+ }, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
5452
+ style: {
5453
+ width: "14px",
5454
+ height: "14px"
5455
+ },
5456
+ name: "circle-alert"
5457
+ }), /*#__PURE__*/React__default['default'].createElement("span", null, "Please make sure the URL is a valid Dune chart link"))), url.length > 0 && !showError && (/*#__PURE__*/React__default['default'].createElement("div", {
5458
+ className: "modal-footer"
5459
+ }, /*#__PURE__*/React__default['default'].createElement(ui.Button, {
5460
+ onClick: handleSubmit,
5461
+ className: "modal-button"
5462
+ }, submitText)))));
5463
+ };
5464
+
5465
+ var getIcon = function getIcon(title) {
5466
+ switch (title) {
5467
+ case "align-left":
5468
+ return "AlignLeft";
5469
+ case "align-center":
5470
+ return "AlignCenter";
5471
+ case "align-right":
5472
+ return "AlignRight";
5473
+ case "align-top":
5474
+ return "ArrowUpFromLine";
5475
+ case "align-middle":
5476
+ return "AlignVerticalMiddle";
5477
+ case "align-bottom":
5478
+ return "ArrowDownFromLine";
5479
+ case "text-overflow":
5480
+ return "TextOverflow";
5481
+ case "text-wrap":
5482
+ return "WrapText";
5483
+ case "text-clip":
5484
+ return "TextClip";
5485
+ default:
5486
+ return "";
5487
+ }
5488
+ };
5421
5489
  var Toolbar = function Toolbar(_ref) {
5422
5490
  var _context$luckysheet_s, _flowdata$row, _settings$customToolb;
5423
5491
  var setMoreItems = _ref.setMoreItems,
@@ -5439,6 +5507,10 @@ var Toolbar = function Toolbar(_ref) {
5439
5507
  _useState4 = _slicedToArray(_useState3, 2),
5440
5508
  itemLocations = _useState4[0],
5441
5509
  setItemLocations = _useState4[1];
5510
+ var _useState5 = React.useState(false),
5511
+ _useState6 = _slicedToArray(_useState5, 2),
5512
+ showDuneModal = _useState6[0],
5513
+ setShowDuneModal = _useState6[1];
5442
5514
  var _useDialog = useDialog(),
5443
5515
  showDialog = _useDialog.showDialog,
5444
5516
  hideDialog = _useDialog.hideDialog;
@@ -5469,12 +5541,12 @@ var Toolbar = function Toolbar(_ref) {
5469
5541
  var sheetWidth = context.luckysheetTableContentHW[0];
5470
5542
  var currency = settings.currency;
5471
5543
  var defaultFormat = defaultFmt(currency);
5472
- var _useState5 = React.useState("#000000"),
5473
- _useState6 = _slicedToArray(_useState5, 1),
5474
- customColor = _useState6[0];
5475
- var _useState7 = React.useState("1"),
5544
+ var _useState7 = React.useState("#000000"),
5476
5545
  _useState8 = _slicedToArray(_useState7, 1),
5477
- customStyle = _useState8[0];
5546
+ customColor = _useState8[0];
5547
+ var _useState9 = React.useState("1"),
5548
+ _useState0 = _slicedToArray(_useState9, 1),
5549
+ customStyle = _useState0[0];
5478
5550
  var showSubMenu = React.useCallback(function (e, className) {
5479
5551
  var target = e.target;
5480
5552
  var menuItem = target.className === "fortune-toolbar-menu-line" ? target.parentElement : target;
@@ -5754,27 +5826,38 @@ var Toolbar = function Toolbar(_ref) {
5754
5826
  tooltip: toolbar.horizontalAlign,
5755
5827
  showArrow: false
5756
5828
  }, function (setOpen) {
5757
- return /*#__PURE__*/React__default['default'].createElement(Select, null, items.map(function (_ref3) {
5758
- var text = _ref3.text,
5759
- title = _ref3.title;
5760
- return /*#__PURE__*/React__default['default'].createElement(Option, {
5829
+ return /*#__PURE__*/React__default['default'].createElement(Select, {
5830
+ style: {
5831
+ minWidth: "fit-content",
5832
+ display: "flex",
5833
+ flexDirection: "row",
5834
+ alignItems: "center",
5835
+ justifyContent: "center",
5836
+ gap: 4
5837
+ }
5838
+ }, items.map(function (_ref3) {
5839
+ var _$find2;
5840
+ var title = _ref3.title;
5841
+ return /*#__PURE__*/React__default['default'].createElement(ui.IconButton, {
5761
5842
  key: title,
5843
+ isActive: ((_$find2 = ___default['default'].find(items, function (item) {
5844
+ return "".concat(item.value) === "".concat(cell === null || cell === void 0 ? void 0 : cell.ht);
5845
+ })) === null || _$find2 === void 0 ? void 0 : _$find2.title) === title,
5846
+ icon: getIcon(title),
5847
+ variant: "ghost",
5762
5848
  onClick: function onClick() {
5763
5849
  setContext(function (ctx) {
5764
5850
  fortuneCore.handleHorizontalAlign(ctx, refs.cellInput.current, title.replace("align-", ""));
5765
5851
  });
5766
5852
  setOpen(false);
5767
- }
5768
- }, /*#__PURE__*/React__default['default'].createElement("div", {
5769
- className: "fortune-toolbar-menu-line"
5770
- }, text, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
5771
- name: title
5772
- })));
5853
+ },
5854
+ tabIndex: 0
5855
+ });
5773
5856
  }));
5774
5857
  });
5775
5858
  }
5776
5859
  if (name === "vertical-align") {
5777
- var _$find2;
5860
+ var _$find3;
5778
5861
  var _items = [{
5779
5862
  title: "align-top",
5780
5863
  text: align.top,
@@ -5789,29 +5872,40 @@ var Toolbar = function Toolbar(_ref) {
5789
5872
  value: 2
5790
5873
  }];
5791
5874
  return /*#__PURE__*/React__default['default'].createElement(Combo, {
5792
- iconId: ((_$find2 = ___default['default'].find(_items, function (item) {
5875
+ iconId: ((_$find3 = ___default['default'].find(_items, function (item) {
5793
5876
  return "".concat(item.value) === "".concat(cell === null || cell === void 0 ? void 0 : cell.vt);
5794
- })) === null || _$find2 === void 0 ? void 0 : _$find2.title) || "align-top",
5877
+ })) === null || _$find3 === void 0 ? void 0 : _$find3.title) || "align-top",
5795
5878
  key: name,
5796
5879
  tooltip: toolbar.verticalAlign,
5797
5880
  showArrow: false
5798
5881
  }, function (setOpen) {
5799
- return /*#__PURE__*/React__default['default'].createElement(Select, null, _items.map(function (_ref4) {
5800
- var text = _ref4.text,
5801
- title = _ref4.title;
5802
- return /*#__PURE__*/React__default['default'].createElement(Option, {
5882
+ return /*#__PURE__*/React__default['default'].createElement(Select, {
5883
+ style: {
5884
+ minWidth: "fit-content",
5885
+ display: "flex",
5886
+ flexDirection: "row",
5887
+ alignItems: "center",
5888
+ justifyContent: "center",
5889
+ gap: 4
5890
+ }
5891
+ }, _items.map(function (_ref4) {
5892
+ var _$find4;
5893
+ var title = _ref4.title;
5894
+ return /*#__PURE__*/React__default['default'].createElement(ui.IconButton, {
5803
5895
  key: title,
5896
+ isActive: ((_$find4 = ___default['default'].find(_items, function (item) {
5897
+ return "".concat(item.value) === "".concat(cell === null || cell === void 0 ? void 0 : cell.vt);
5898
+ })) === null || _$find4 === void 0 ? void 0 : _$find4.title) === title,
5899
+ icon: getIcon(title),
5900
+ variant: "ghost",
5804
5901
  onClick: function onClick() {
5805
5902
  setContext(function (ctx) {
5806
5903
  fortuneCore.handleVerticalAlign(ctx, refs.cellInput.current, title.replace("align-", ""));
5807
5904
  });
5808
5905
  setOpen(false);
5809
- }
5810
- }, /*#__PURE__*/React__default['default'].createElement("div", {
5811
- className: "fortune-toolbar-menu-line"
5812
- }, text, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
5813
- name: title
5814
- })));
5906
+ },
5907
+ tabIndex: 0
5908
+ });
5815
5909
  }));
5816
5910
  });
5817
5911
  }
@@ -5886,7 +5980,7 @@ var Toolbar = function Toolbar(_ref) {
5886
5980
  key: name,
5887
5981
  onClick: function onClick() {
5888
5982
  if (context.allowEdit === false) return;
5889
- showDialog(/*#__PURE__*/React__default['default'].createElement(DataVerification, null));
5983
+ showDialog(/*#__PURE__*/React__default['default'].createElement(DataVerification, null), undefined, toolbar.dataVerification);
5890
5984
  }
5891
5985
  });
5892
5986
  }
@@ -6360,12 +6454,23 @@ var Toolbar = function Toolbar(_ref) {
6360
6454
  tooltip: toolbar.textWrap,
6361
6455
  showArrow: false
6362
6456
  }, function (setOpen) {
6363
- return /*#__PURE__*/React__default['default'].createElement(Select, null, _items6.map(function (_ref1) {
6364
- var text = _ref1.text,
6365
- iconId = _ref1.iconId,
6457
+ return /*#__PURE__*/React__default['default'].createElement(Select, {
6458
+ style: {
6459
+ minWidth: "fit-content",
6460
+ display: "flex",
6461
+ flexDirection: "row",
6462
+ alignItems: "center",
6463
+ justifyContent: "center",
6464
+ gap: 4
6465
+ }
6466
+ }, _items6.map(function (_ref1) {
6467
+ var iconId = _ref1.iconId,
6366
6468
  value = _ref1.value;
6367
- return /*#__PURE__*/React__default['default'].createElement(Option, {
6469
+ return /*#__PURE__*/React__default['default'].createElement(ui.IconButton, {
6368
6470
  key: value,
6471
+ isActive: _curr.value === value,
6472
+ icon: getIcon(iconId),
6473
+ variant: "ghost",
6369
6474
  onClick: function onClick() {
6370
6475
  setContext(function (ctx) {
6371
6476
  var d = fortuneCore.getFlowdata(ctx);
@@ -6373,12 +6478,9 @@ var Toolbar = function Toolbar(_ref) {
6373
6478
  fortuneCore.updateFormat(ctx, refs.cellInput.current, d, "tb", value);
6374
6479
  });
6375
6480
  setOpen(false);
6376
- }
6377
- }, /*#__PURE__*/React__default['default'].createElement("div", {
6378
- className: "fortune-toolbar-menu-line"
6379
- }, text, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
6380
- name: iconId
6381
- })));
6481
+ },
6482
+ tabIndex: 0
6483
+ });
6382
6484
  }));
6383
6485
  });
6384
6486
  }
@@ -6529,7 +6631,7 @@ var Toolbar = function Toolbar(_ref) {
6529
6631
  });
6530
6632
  }
6531
6633
  });
6532
- }, [toolbar, cell, setContext, refs.cellInput, refs.fxInput, refs.globalCache, defaultFormat, align, handleUndo, handleRedo, flowdata, formula, showDialog, hideDialog, 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]);
6634
+ }, [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]);
6533
6635
  return /*#__PURE__*/React__default['default'].createElement("div", {
6534
6636
  ref: containerRef,
6535
6637
  className: "fortune-toolbar",
@@ -6584,7 +6686,29 @@ var Toolbar = function Toolbar(_ref) {
6584
6686
  icon: n.icon,
6585
6687
  iconName: n.iconName
6586
6688
  }, n.children);
6587
- }));
6689
+ }), /*#__PURE__*/React__default['default'].createElement(Button, {
6690
+ iconId: "dune-logo",
6691
+ tooltip: "Insert Dune Chart",
6692
+ key: "dune-charts",
6693
+ onClick: function onClick() {
6694
+ if (context.allowEdit === false) return;
6695
+ setShowDuneModal(true);
6696
+ }
6697
+ }), showDuneModal && (/*#__PURE__*/React__default['default'].createElement(DuneChartsInputModal, {
6698
+ isOpen: showDuneModal,
6699
+ onSubmit: function onSubmit(url) {
6700
+ setContext(function (draftCtx) {
6701
+ fortuneCore.insertDuneChart(draftCtx, url);
6702
+ });
6703
+ setShowDuneModal(false);
6704
+ },
6705
+ onClose: function onClose() {
6706
+ return setShowDuneModal(false);
6707
+ },
6708
+ icon: "dune-logo",
6709
+ placeholder: "Add Dune chart link to embed",
6710
+ submitText: "Embed Dune chart"
6711
+ })));
6588
6712
  };
6589
6713
 
6590
6714
  var LocationBox = function LocationBox() {
@@ -9715,6 +9839,74 @@ var SVGDefines = function SVGDefines(_ref) {
9715
9839
  "clip-rule": "evenodd",
9716
9840
  d: "M12.75 2.25C13.1642 2.25 13.5 2.58579 13.5 3V15C13.5 15.4142 13.1642 15.75 12.75 15.75C12.3358 15.75 12 15.4142 12 15V3C12 2.58579 12.3358 2.25 12.75 2.25Z",
9717
9841
  fill: "#363B3F"
9842
+ })), /*#__PURE__*/React__default['default'].createElement("symbol", {
9843
+ id: "dune-logo",
9844
+ viewBox: "0 0 18 16",
9845
+ fill: "none"
9846
+ }, /*#__PURE__*/React__default['default'].createElement("svg", {
9847
+ width: "18",
9848
+ height: "16",
9849
+ viewBox: "0 0 18 16",
9850
+ fill: "none",
9851
+ xmlns: "http://www.w3.org/2000/svg"
9852
+ }, /*#__PURE__*/React__default['default'].createElement("g", {
9853
+ "clip-path": "url(#clip0_80_246690)"
9854
+ }, /*#__PURE__*/React__default['default'].createElement("path", {
9855
+ d: "M7.99485 15.9875C12.4102 15.9875 15.9896 12.4085 15.9896 7.99373C15.9896 3.57891 12.4102 0 7.99485 0C3.57941 0 0 3.57891 0 7.99373C0 12.4085 3.57941 15.9875 7.99485 15.9875Z",
9856
+ fill: "#F4603E"
9857
+ }), /*#__PURE__*/React__default['default'].createElement("path", {
9858
+ d: "M1.39258 12.5028C1.39258 12.5028 6.67562 10.7723 15.9868 7.73633C15.9868 7.73633 16.4968 12.7082 11.3424 15.3015C11.3424 15.3015 8.80068 16.5197 6.01215 15.7383C6.01215 15.7383 3.23545 15.2142 1.39258 12.5028Z",
9859
+ fill: "#1E1870"
9860
+ })), /*#__PURE__*/React__default['default'].createElement("defs", null, /*#__PURE__*/React__default['default'].createElement("clipPath", {
9861
+ id: "clip0_80_246690"
9862
+ }, /*#__PURE__*/React__default['default'].createElement("rect", {
9863
+ width: "16",
9864
+ height: "16",
9865
+ fill: "white"
9866
+ }))))), /*#__PURE__*/React__default['default'].createElement("symbol", {
9867
+ id: "circle-alert",
9868
+ viewBox: "0 0 14 14",
9869
+ fill: "none"
9870
+ }, /*#__PURE__*/React__default['default'].createElement("svg", {
9871
+ width: "14",
9872
+ height: "14",
9873
+ viewBox: "0 0 14 14",
9874
+ fill: "none",
9875
+ xmlns: "http://www.w3.org/2000/svg"
9876
+ }, /*#__PURE__*/React__default['default'].createElement("g", {
9877
+ "clip-path": "url(#clip0_138_127604)"
9878
+ }, /*#__PURE__*/React__default['default'].createElement("path", {
9879
+ d: "M6.99967 4.0835C7.32184 4.0835 7.58301 4.34466 7.58301 4.66683V7.00016C7.58301 7.32233 7.32184 7.5835 6.99967 7.5835C6.67751 7.5835 6.41634 7.32233 6.41634 7.00016V4.66683C6.41634 4.34466 6.67751 4.0835 6.99967 4.0835Z",
9880
+ fill: "#FB3449"
9881
+ }), /*#__PURE__*/React__default['default'].createElement("path", {
9882
+ d: "M6.99967 8.75016C6.67751 8.75016 6.41634 9.01133 6.41634 9.3335C6.41634 9.65566 6.67751 9.91683 6.99967 9.91683H7.00551C7.32767 9.91683 7.58884 9.65566 7.58884 9.3335C7.58884 9.01133 7.32767 8.75016 7.00551 8.75016H6.99967Z",
9883
+ fill: "#FB3449"
9884
+ }), /*#__PURE__*/React__default['default'].createElement("path", {
9885
+ "fill-rule": "evenodd",
9886
+ "clip-rule": "evenodd",
9887
+ d: "M0.583008 7.00016C0.583008 3.45634 3.45585 0.583496 6.99967 0.583496C10.5435 0.583496 13.4163 3.45634 13.4163 7.00016C13.4163 10.544 10.5435 13.4168 6.99967 13.4168C3.45585 13.4168 0.583008 10.544 0.583008 7.00016ZM6.99967 1.75016C4.10018 1.75016 1.74967 4.10067 1.74967 7.00016C1.74967 9.89966 4.10018 12.2502 6.99967 12.2502C9.89917 12.2502 12.2497 9.89966 12.2497 7.00016C12.2497 4.10067 9.89917 1.75016 6.99967 1.75016Z",
9888
+ fill: "#FB3449"
9889
+ })), /*#__PURE__*/React__default['default'].createElement("defs", null, /*#__PURE__*/React__default['default'].createElement("clipPath", {
9890
+ id: "clip0_138_127604"
9891
+ }, /*#__PURE__*/React__default['default'].createElement("rect", {
9892
+ width: "14",
9893
+ height: "14",
9894
+ fill: "white"
9895
+ }))))), /*#__PURE__*/React__default['default'].createElement("symbol", {
9896
+ id: "caret-down-fill",
9897
+ width: "14",
9898
+ height: "14",
9899
+ viewBox: "0 0 14 14",
9900
+ fill: "none"
9901
+ }, /*#__PURE__*/React__default['default'].createElement("rect", {
9902
+ width: "14",
9903
+ height: "14",
9904
+ rx: "4",
9905
+ fill: "black",
9906
+ "fill-opacity": "0.1"
9907
+ }), /*#__PURE__*/React__default['default'].createElement("path", {
9908
+ d: "M6.64775 8.97978L3.77152 6.10355C3.45654 5.78857 3.67962 5.25 4.12507 5.25H9.87753C10.323 5.25 10.5461 5.78857 10.2311 6.10355L7.35486 8.97978C7.15959 9.17504 6.84301 9.17504 6.64775 8.97978Z",
9909
+ fill: "#363B3F"
9718
9910
  }))));
9719
9911
  };
9720
9912
 
@@ -10354,6 +10546,9 @@ function generateAPIs(context, setContext, handleUndo, handleRedo, settings, cel
10354
10546
  },
10355
10547
  getLocaleContext: function getLocaleContext() {
10356
10548
  return fortuneCore.locale(context);
10549
+ },
10550
+ getWorkbookContect: function getWorkbookContect() {
10551
+ return context;
10357
10552
  }
10358
10553
  };
10359
10554
  }
@@ -11077,6 +11272,48 @@ var SheetList = function SheetList() {
11077
11272
  }));
11078
11273
  };
11079
11274
 
11275
+ var DunePreview = function DunePreview(_ref) {
11276
+ var url = _ref.url,
11277
+ position = _ref.position,
11278
+ onKeepAsLink = _ref.onKeepAsLink,
11279
+ onEmbed = _ref.onEmbed;
11280
+ var embedUrl = fortuneCore.sanitizeDuneUrl(url);
11281
+ if (!embedUrl) return null;
11282
+ return /*#__PURE__*/React__default['default'].createElement("div", {
11283
+ className: "fortune-dune-preview",
11284
+ style: {
11285
+ left: position.left,
11286
+ top: position.top
11287
+ },
11288
+ onClick: function onClick(e) {
11289
+ return e.stopPropagation();
11290
+ }
11291
+ }, /*#__PURE__*/React__default['default'].createElement("div", {
11292
+ className: "fortune-dune-preview-header"
11293
+ }, /*#__PURE__*/React__default['default'].createElement("span", {
11294
+ className: "fortune-dune-preview-title"
11295
+ }, "Detected Dune chart link")), /*#__PURE__*/React__default['default'].createElement("div", {
11296
+ className: "fortune-dune-preview-content"
11297
+ }, /*#__PURE__*/React__default['default'].createElement("iframe", {
11298
+ src: embedUrl,
11299
+ title: "Dune Chart Preview",
11300
+ style: {
11301
+ width: "100%",
11302
+ height: "100%",
11303
+ border: "none"
11304
+ }
11305
+ })), /*#__PURE__*/React__default['default'].createElement("p", null, "Do you want to insert Dune chart?"), /*#__PURE__*/React__default['default'].createElement("div", {
11306
+ className: "fortune-dune-preview-footer"
11307
+ }, /*#__PURE__*/React__default['default'].createElement(ui.Button, {
11308
+ variant: "ghost",
11309
+ onClick: onKeepAsLink,
11310
+ className: "!w-fit px-0"
11311
+ }, "Keep as Link"), /*#__PURE__*/React__default['default'].createElement(ui.Button, {
11312
+ onClick: onEmbed,
11313
+ className: "!w-fit px-0"
11314
+ }, "Embed")));
11315
+ };
11316
+
11080
11317
  var _excluded = ["onChange", "onOp", "data"];
11081
11318
  produce.enablePatches();
11082
11319
  var triggerGroupValuesRefresh = function triggerGroupValuesRefresh(ctx) {
@@ -11609,7 +11846,25 @@ var Workbook = /*#__PURE__*/React__default['default'].forwardRef(function (_ref,
11609
11846
  style: {
11610
11847
  width: "60px"
11611
11848
  }
11612
- }, formula.count, ": ", calInfo.count)), !!calInfo.numberC && !!calInfo.sum && (/*#__PURE__*/React__default['default'].createElement("div", null, formula.sum, ": ", calInfo.sum)), !!calInfo.numberC && !!calInfo.average && (/*#__PURE__*/React__default['default'].createElement("div", null, formula.average, ": ", calInfo.average)), !!calInfo.numberC && !!calInfo.max && (/*#__PURE__*/React__default['default'].createElement("div", null, formula.max, ": ", calInfo.max)), !!calInfo.numberC && !!calInfo.min && (/*#__PURE__*/React__default['default'].createElement("div", null, formula.min, ": ", calInfo.min)))))));
11849
+ }, formula.count, ": ", calInfo.count)), !!calInfo.numberC && !!calInfo.sum && (/*#__PURE__*/React__default['default'].createElement("div", null, formula.sum, ": ", calInfo.sum)), !!calInfo.numberC && !!calInfo.average && (/*#__PURE__*/React__default['default'].createElement("div", null, formula.average, ": ", calInfo.average)), !!calInfo.numberC && !!calInfo.max && (/*#__PURE__*/React__default['default'].createElement("div", null, formula.max, ": ", calInfo.max)), !!calInfo.numberC && !!calInfo.min && (/*#__PURE__*/React__default['default'].createElement("div", null, formula.min, ": ", calInfo.min)))), context.showDunePreview && (/*#__PURE__*/React__default['default'].createElement(DunePreview, {
11850
+ url: context.showDunePreview.url,
11851
+ position: context.showDunePreview.position,
11852
+ onKeepAsLink: function onKeepAsLink() {
11853
+ setContextWithProduce(function (draftCtx) {
11854
+ draftCtx.showDunePreview = undefined;
11855
+ }, {
11856
+ noHistory: true
11857
+ });
11858
+ },
11859
+ onEmbed: function onEmbed() {
11860
+ setContextWithProduce(function (draftCtx) {
11861
+ fortuneCore.insertDuneChart(draftCtx, context.showDunePreview.url);
11862
+ draftCtx.showDunePreview = undefined;
11863
+ }, {
11864
+ noHistory: true
11865
+ });
11866
+ }
11867
+ })))));
11613
11868
  });
11614
11869
 
11615
11870
  exports.Workbook = Workbook;