@fileverse-dev/fortune-react 1.1.5-patch.7 → 1.1.6
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.
- package/es/components/SheetTab/index.js +90 -5
- package/es/components/Workbook/api.d.ts +1 -4
- package/es/components/Workbook/api.js +0 -33
- package/es/components/Workbook/index.d.ts +0 -3
- package/es/components/ZoomControl/index.js +16 -1
- package/es/components/index.d.ts +1 -1
- package/lib/components/SheetTab/index.js +89 -4
- package/lib/components/Workbook/api.d.ts +1 -4
- package/lib/components/Workbook/api.js +0 -33
- package/lib/components/Workbook/index.d.ts +0 -3
- package/lib/components/ZoomControl/index.js +15 -0
- package/lib/components/index.d.ts +1 -1
- package/package.json +2 -2
|
@@ -1,12 +1,40 @@
|
|
|
1
1
|
import _ from "lodash";
|
|
2
2
|
import React, { useCallback, useContext, useEffect, useRef, useState } from "react";
|
|
3
|
+
import { Popover, PopoverTrigger, PopoverContent, LucideIcon, Button } from '@fileverse/ui';
|
|
3
4
|
import { useMediaQuery } from "usehooks-ts";
|
|
4
|
-
import { updateCell, addSheet } from "@fileverse-dev/fortune-core";
|
|
5
|
+
import { updateCell, addSheet, calcSelectionInfo } from "@fileverse-dev/fortune-core";
|
|
5
6
|
import WorkbookContext from "../../context";
|
|
6
7
|
import SVGIcon from "../SVGIcon";
|
|
7
8
|
import "./index.css";
|
|
8
9
|
import SheetItem from "./SheetItem";
|
|
9
10
|
import ZoomControl from "../ZoomControl";
|
|
11
|
+
var STATS = [{
|
|
12
|
+
label: "Average",
|
|
13
|
+
value: 'average'
|
|
14
|
+
}, {
|
|
15
|
+
label: "Count",
|
|
16
|
+
value: 'count'
|
|
17
|
+
}, {
|
|
18
|
+
label: "Max",
|
|
19
|
+
value: 'max'
|
|
20
|
+
}, {
|
|
21
|
+
label: "Min",
|
|
22
|
+
value: 'min'
|
|
23
|
+
}, {
|
|
24
|
+
label: "Number of Cells",
|
|
25
|
+
value: 'numberC'
|
|
26
|
+
}, {
|
|
27
|
+
label: "Sum",
|
|
28
|
+
value: 'sum'
|
|
29
|
+
}];
|
|
30
|
+
var STATS_LABELS = {
|
|
31
|
+
average: "Average",
|
|
32
|
+
count: "Count",
|
|
33
|
+
max: "Max",
|
|
34
|
+
min: "Min",
|
|
35
|
+
numberC: "Number of Cells",
|
|
36
|
+
sum: "Sum"
|
|
37
|
+
};
|
|
10
38
|
var SheetTab = function SheetTab() {
|
|
11
39
|
var isMobile = useMediaQuery("(max-width: 780px)", {
|
|
12
40
|
defaultValue: true
|
|
@@ -25,6 +53,19 @@ var SheetTab = function SheetTab() {
|
|
|
25
53
|
var _c = useState(true),
|
|
26
54
|
isShowBoundary = _c[0],
|
|
27
55
|
setIsShowBoundary = _c[1];
|
|
56
|
+
var _d = useState({
|
|
57
|
+
numberC: 0,
|
|
58
|
+
count: 0,
|
|
59
|
+
sum: 0,
|
|
60
|
+
max: 0,
|
|
61
|
+
min: 0,
|
|
62
|
+
average: ""
|
|
63
|
+
}),
|
|
64
|
+
calInfo = _d[0],
|
|
65
|
+
setCalInfo = _d[1];
|
|
66
|
+
var _e = useState('sum'),
|
|
67
|
+
selectedStat = _e[0],
|
|
68
|
+
setSelectedStat = _e[1];
|
|
28
69
|
var scrollDelta = 150;
|
|
29
70
|
var scrollBy = useCallback(function (amount) {
|
|
30
71
|
var _a;
|
|
@@ -38,6 +79,16 @@ var SheetTab = function SheetTab() {
|
|
|
38
79
|
behavior: "smooth"
|
|
39
80
|
});
|
|
40
81
|
}, []);
|
|
82
|
+
useEffect(function () {
|
|
83
|
+
var selection = context.luckysheet_select_save;
|
|
84
|
+
if (selection) {
|
|
85
|
+
var re = calcSelectionInfo(context, 'en');
|
|
86
|
+
setCalInfo(re);
|
|
87
|
+
}
|
|
88
|
+
}, [context.luckysheet_select_save]);
|
|
89
|
+
useEffect(function () {
|
|
90
|
+
console.log(calInfo, "calInfo");
|
|
91
|
+
}, [calInfo]);
|
|
41
92
|
useEffect(function () {
|
|
42
93
|
var tabCurrent = tabContainerRef.current;
|
|
43
94
|
if (!tabCurrent) return;
|
|
@@ -57,9 +108,9 @@ var SheetTab = function SheetTab() {
|
|
|
57
108
|
setIsShowScrollBtn(tabCurrent.scrollWidth > tabCurrent.clientWidth);
|
|
58
109
|
});
|
|
59
110
|
}, [refs.cellInput, setContext, settings]);
|
|
60
|
-
var
|
|
61
|
-
showDisclaimer =
|
|
62
|
-
setShowDisclaimer =
|
|
111
|
+
var _f = useState(true),
|
|
112
|
+
showDisclaimer = _f[0],
|
|
113
|
+
setShowDisclaimer = _f[1];
|
|
63
114
|
var handleCloseDisclaimer = function handleCloseDisclaimer() {
|
|
64
115
|
setShowDisclaimer(false);
|
|
65
116
|
var cornerPlus = document.getElementById("corner-plus");
|
|
@@ -186,6 +237,40 @@ var SheetTab = function SheetTab() {
|
|
|
186
237
|
height: 12
|
|
187
238
|
})))), /*#__PURE__*/React.createElement("div", {
|
|
188
239
|
className: "fortune-sheet-area-right"
|
|
189
|
-
}, /*#__PURE__*/React.createElement(
|
|
240
|
+
}, /*#__PURE__*/React.createElement(Popover, null, /*#__PURE__*/React.createElement(PopoverTrigger, {
|
|
241
|
+
className: "hover:bg-gray-100"
|
|
242
|
+
}, /*#__PURE__*/React.createElement(Button, {
|
|
243
|
+
variant: "ghost",
|
|
244
|
+
className: "w-full h-8 rounded p-2 m-1 text-left flex items-center justify-center transition mr-2"
|
|
245
|
+
}, calInfo.count > 0 && /*#__PURE__*/React.createElement("p", {
|
|
246
|
+
className: "text-body-sm"
|
|
247
|
+
}, STATS_LABELS[selectedStat], ": ", calInfo[selectedStat]))), /*#__PURE__*/React.createElement(PopoverContent, {
|
|
248
|
+
align: "end",
|
|
249
|
+
alignOffset: 0,
|
|
250
|
+
className: "w-72 export-content color-border-default shadow-elevation-3",
|
|
251
|
+
elevation: 2,
|
|
252
|
+
side: "bottom",
|
|
253
|
+
sideOffset: 4
|
|
254
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
255
|
+
className: "p-2 color-text-default color-border-default"
|
|
256
|
+
}, /*#__PURE__*/React.createElement("h1", {
|
|
257
|
+
className: "text-helper-text-sm color-text-secondary pl-2 mb-2"
|
|
258
|
+
}, "Sort By"), STATS.map(function (option) {
|
|
259
|
+
return /*#__PURE__*/React.createElement(Button, {
|
|
260
|
+
variant: "ghost",
|
|
261
|
+
key: option.value,
|
|
262
|
+
className: "w-full h-8 rounded p-2 m-1 text-left flex items-center justify-between transition ".concat(selectedStat === option.value && 'bg-[#F8F9FA]'),
|
|
263
|
+
onClick: function onClick() {
|
|
264
|
+
return setSelectedStat(option.value);
|
|
265
|
+
}
|
|
266
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
267
|
+
className: "flex gap-2 items-center"
|
|
268
|
+
}, selectedStat === option.value && (/*#__PURE__*/React.createElement(LucideIcon, {
|
|
269
|
+
name: "Check",
|
|
270
|
+
size: "sm"
|
|
271
|
+
})), /*#__PURE__*/React.createElement("p", {
|
|
272
|
+
className: "text-body-sm"
|
|
273
|
+
}, option.label, ": ", calInfo[option.value])));
|
|
274
|
+
})))), /*#__PURE__*/React.createElement(ZoomControl, null))));
|
|
190
275
|
};
|
|
191
276
|
export default SheetTab;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { api, Cell, Context, Op, Range, Selection, Presence, Settings, SingleRange, Sheet, CellMatrix, CellWithRowAndCol, GlobalCache
|
|
1
|
+
import { api, Cell, Context, Op, Range, Selection, Presence, Settings, SingleRange, Sheet, CellMatrix, CellWithRowAndCol, GlobalCache } from "@fileverse-dev/fortune-core";
|
|
2
2
|
import { getCryptoPrice } from "../../utils/cryptoApi";
|
|
3
3
|
import { SetContextOptions } from "../../context";
|
|
4
4
|
export declare function generateAPIs(context: Context, setContext: (recipe: (ctx: Context) => void, options?: SetContextOptions) => void, handleUndo: () => void, handleRedo: () => void, settings: Required<Settings>, cellInput: HTMLDivElement | null, scrollbarX: HTMLDivElement | null, scrollbarY: HTMLDivElement | null, globalCache: GlobalCache | null): {
|
|
@@ -9,8 +9,6 @@ export declare function generateAPIs(context: Context, setContext: (recipe: (ctx
|
|
|
9
9
|
}) => any;
|
|
10
10
|
onboardingActiveCell: (functionName: string) => void;
|
|
11
11
|
initializeComment: (row: number, column: number) => void;
|
|
12
|
-
updateSheetLiveQueryList: (subsheetIndex: number, _data: LiveQueryData) => void;
|
|
13
|
-
removeFromLiveQueryList: (subSheetIndex: number, id: string) => void;
|
|
14
12
|
setCellValue: (row: number, column: number, value: any, options?: api.CommonOptions & {
|
|
15
13
|
type?: keyof Cell;
|
|
16
14
|
}) => void;
|
|
@@ -111,7 +109,6 @@ export declare function generateAPIs(context: Context, setContext: (recipe: (ctx
|
|
|
111
109
|
column_focus: number;
|
|
112
110
|
} | undefined;
|
|
113
111
|
} | undefined;
|
|
114
|
-
liveQueryList?: Record<string, LiveQueryData> | undefined;
|
|
115
112
|
};
|
|
116
113
|
addSheet: () => void;
|
|
117
114
|
deleteSheet: (options?: api.CommonOptions) => void;
|
|
@@ -1,13 +1,3 @@
|
|
|
1
|
-
var __assign = this && this.__assign || function () {
|
|
2
|
-
__assign = Object.assign || function (t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
6
|
-
}
|
|
7
|
-
return t;
|
|
8
|
-
};
|
|
9
|
-
return __assign.apply(this, arguments);
|
|
10
|
-
};
|
|
11
1
|
import { addSheet, api, deleteRowCol, deleteSheet, insertRowCol, opToPatch, createFilterOptions, getSheetIndex, locale, setCaretPosition, newComment } from "@fileverse-dev/fortune-core";
|
|
12
2
|
import { applyPatches } from "immer";
|
|
13
3
|
import _ from "lodash";
|
|
@@ -113,29 +103,6 @@ export function generateAPIs(context, setContext, handleUndo, handleRedo, settin
|
|
|
113
103
|
newComment(ctx, undefined, row, column);
|
|
114
104
|
});
|
|
115
105
|
},
|
|
116
|
-
updateSheetLiveQueryList: function updateSheetLiveQueryList(subsheetIndex, _data) {
|
|
117
|
-
setContext(function (ctx) {
|
|
118
|
-
var _a;
|
|
119
|
-
var previousLiveQuery = ctx.luckysheetfile[subsheetIndex].liveQueryList;
|
|
120
|
-
ctx.luckysheetfile[subsheetIndex] = __assign(__assign({}, ctx.luckysheetfile[subsheetIndex]), {
|
|
121
|
-
liveQueryList: __assign(__assign({}, previousLiveQuery), (_a = {}, _a["".concat(_data.data.id)] = _data, _a))
|
|
122
|
-
});
|
|
123
|
-
});
|
|
124
|
-
},
|
|
125
|
-
removeFromLiveQueryList: function removeFromLiveQueryList(subSheetIndex, id) {
|
|
126
|
-
setContext(function (ctx) {
|
|
127
|
-
var previousLiveQuery = __assign({}, ctx.luckysheetfile[subSheetIndex].liveQueryList);
|
|
128
|
-
previousLiveQuery === null || previousLiveQuery === void 0 ? true : delete previousLiveQuery[id];
|
|
129
|
-
ctx.luckysheetfile[subSheetIndex] = __assign(__assign({}, ctx.luckysheetfile[subSheetIndex]), {
|
|
130
|
-
liveQueryList: previousLiveQuery
|
|
131
|
-
});
|
|
132
|
-
console.log({
|
|
133
|
-
id: id,
|
|
134
|
-
previousLiveQuery: previousLiveQuery,
|
|
135
|
-
LIST: ctx.luckysheetfile[subSheetIndex]
|
|
136
|
-
});
|
|
137
|
-
});
|
|
138
|
-
},
|
|
139
106
|
setCellValue: function setCellValue(row, column, value, options) {
|
|
140
107
|
if (options === void 0) {
|
|
141
108
|
options = {};
|
|
@@ -16,8 +16,6 @@ declare const Workbook: React.ForwardRefExoticComponent<Settings & AdditionalPro
|
|
|
16
16
|
}) => any;
|
|
17
17
|
onboardingActiveCell: (functionName: string) => void;
|
|
18
18
|
initializeComment: (row: number, column: number) => void;
|
|
19
|
-
updateSheetLiveQueryList: (subsheetIndex: number, _data: import("@fileverse-dev/fortune-core").LiveQueryData) => void;
|
|
20
|
-
removeFromLiveQueryList: (subSheetIndex: number, id: string) => void;
|
|
21
19
|
setCellValue: (row: number, column: number, value: any, options?: api.CommonOptions & {
|
|
22
20
|
type?: "rt" | "m" | "v" | "mc" | "f" | "ct" | "qp" | "spl" | "bg" | "lo" | "baseValue" | "baseCurrency" | "baseCurrencyPrice" | "isDataBlockFormula" | "ps" | "hl" | keyof import("@fileverse-dev/fortune-core").CellStyle | undefined;
|
|
23
21
|
}) => void;
|
|
@@ -118,7 +116,6 @@ declare const Workbook: React.ForwardRefExoticComponent<Settings & AdditionalPro
|
|
|
118
116
|
column_focus: number;
|
|
119
117
|
} | undefined;
|
|
120
118
|
} | undefined;
|
|
121
|
-
liveQueryList?: Record<string, import("@fileverse-dev/fortune-core").LiveQueryData> | undefined;
|
|
122
119
|
};
|
|
123
120
|
addSheet: () => void;
|
|
124
121
|
deleteSheet: (options?: api.CommonOptions) => void;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useCallback, useContext, useRef, useState } from "react";
|
|
1
|
+
import React, { useCallback, useContext, useRef, useState, useEffect } from "react";
|
|
2
2
|
import { MAX_ZOOM_RATIO, MIN_ZOOM_RATIO, getSheetIndex } from "@fileverse-dev/fortune-core";
|
|
3
3
|
import WorkbookContext from "../../context";
|
|
4
4
|
import SVGIcon from "../SVGIcon";
|
|
@@ -59,6 +59,21 @@ var ZoomControl = function ZoomControl() {
|
|
|
59
59
|
noHistory: true
|
|
60
60
|
});
|
|
61
61
|
}, [setContext]);
|
|
62
|
+
useEffect(function () {
|
|
63
|
+
var handleKeyDown = function handleKeyDown(e) {
|
|
64
|
+
if ((e.metaKey || e.ctrlKey) && e.code === "Equal") {
|
|
65
|
+
zoomTo(context.zoomRatio + 0.1);
|
|
66
|
+
e.stopPropagation();
|
|
67
|
+
} else if ((e.metaKey || e.ctrlKey) && e.code === "Minus") {
|
|
68
|
+
zoomTo(context.zoomRatio - 0.1);
|
|
69
|
+
e.stopPropagation();
|
|
70
|
+
}
|
|
71
|
+
};
|
|
72
|
+
document.addEventListener("keydown", handleKeyDown);
|
|
73
|
+
return function () {
|
|
74
|
+
document.removeEventListener("keydown", handleKeyDown);
|
|
75
|
+
};
|
|
76
|
+
}, [context.zoomRatio]);
|
|
62
77
|
return /*#__PURE__*/React.createElement("div", {
|
|
63
78
|
className: "fortune-zoom-container"
|
|
64
79
|
}, /*#__PURE__*/React.createElement("div", {
|
package/es/components/index.d.ts
CHANGED
|
@@ -2,4 +2,4 @@ import Workbook from "./Workbook";
|
|
|
2
2
|
export { ERROR_MESSAGES_FLAG, SERVICES_API_KEY, } from "@fileverse-dev/formulajs/crypto-constants";
|
|
3
3
|
export { Workbook };
|
|
4
4
|
export type { WorkbookInstance } from "./Workbook";
|
|
5
|
-
export type { Cell, Sheet
|
|
5
|
+
export type { Cell, Sheet } from "@fileverse-dev/fortune-core";
|
|
@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
+
var _ui = require("@fileverse/ui");
|
|
10
11
|
var _usehooksTs = require("usehooks-ts");
|
|
11
12
|
var _fortuneCore = require("@fileverse-dev/fortune-core");
|
|
12
13
|
var _context = _interopRequireDefault(require("../../context"));
|
|
@@ -16,6 +17,33 @@ var _SheetItem = _interopRequireDefault(require("./SheetItem"));
|
|
|
16
17
|
var _ZoomControl = _interopRequireDefault(require("../ZoomControl"));
|
|
17
18
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
18
19
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
20
|
+
var STATS = [{
|
|
21
|
+
label: "Average",
|
|
22
|
+
value: 'average'
|
|
23
|
+
}, {
|
|
24
|
+
label: "Count",
|
|
25
|
+
value: 'count'
|
|
26
|
+
}, {
|
|
27
|
+
label: "Max",
|
|
28
|
+
value: 'max'
|
|
29
|
+
}, {
|
|
30
|
+
label: "Min",
|
|
31
|
+
value: 'min'
|
|
32
|
+
}, {
|
|
33
|
+
label: "Number of Cells",
|
|
34
|
+
value: 'numberC'
|
|
35
|
+
}, {
|
|
36
|
+
label: "Sum",
|
|
37
|
+
value: 'sum'
|
|
38
|
+
}];
|
|
39
|
+
var STATS_LABELS = {
|
|
40
|
+
average: "Average",
|
|
41
|
+
count: "Count",
|
|
42
|
+
max: "Max",
|
|
43
|
+
min: "Min",
|
|
44
|
+
numberC: "Number of Cells",
|
|
45
|
+
sum: "Sum"
|
|
46
|
+
};
|
|
19
47
|
var SheetTab = function SheetTab() {
|
|
20
48
|
var isMobile = (0, _usehooksTs.useMediaQuery)("(max-width: 780px)", {
|
|
21
49
|
defaultValue: true
|
|
@@ -34,6 +62,19 @@ var SheetTab = function SheetTab() {
|
|
|
34
62
|
var _c = (0, _react.useState)(true),
|
|
35
63
|
isShowBoundary = _c[0],
|
|
36
64
|
setIsShowBoundary = _c[1];
|
|
65
|
+
var _d = (0, _react.useState)({
|
|
66
|
+
numberC: 0,
|
|
67
|
+
count: 0,
|
|
68
|
+
sum: 0,
|
|
69
|
+
max: 0,
|
|
70
|
+
min: 0,
|
|
71
|
+
average: ""
|
|
72
|
+
}),
|
|
73
|
+
calInfo = _d[0],
|
|
74
|
+
setCalInfo = _d[1];
|
|
75
|
+
var _e = (0, _react.useState)('sum'),
|
|
76
|
+
selectedStat = _e[0],
|
|
77
|
+
setSelectedStat = _e[1];
|
|
37
78
|
var scrollDelta = 150;
|
|
38
79
|
var scrollBy = (0, _react.useCallback)(function (amount) {
|
|
39
80
|
var _a;
|
|
@@ -47,6 +88,16 @@ var SheetTab = function SheetTab() {
|
|
|
47
88
|
behavior: "smooth"
|
|
48
89
|
});
|
|
49
90
|
}, []);
|
|
91
|
+
(0, _react.useEffect)(function () {
|
|
92
|
+
var selection = context.luckysheet_select_save;
|
|
93
|
+
if (selection) {
|
|
94
|
+
var re = (0, _fortuneCore.calcSelectionInfo)(context, 'en');
|
|
95
|
+
setCalInfo(re);
|
|
96
|
+
}
|
|
97
|
+
}, [context.luckysheet_select_save]);
|
|
98
|
+
(0, _react.useEffect)(function () {
|
|
99
|
+
console.log(calInfo, "calInfo");
|
|
100
|
+
}, [calInfo]);
|
|
50
101
|
(0, _react.useEffect)(function () {
|
|
51
102
|
var tabCurrent = tabContainerRef.current;
|
|
52
103
|
if (!tabCurrent) return;
|
|
@@ -66,9 +117,9 @@ var SheetTab = function SheetTab() {
|
|
|
66
117
|
setIsShowScrollBtn(tabCurrent.scrollWidth > tabCurrent.clientWidth);
|
|
67
118
|
});
|
|
68
119
|
}, [refs.cellInput, setContext, settings]);
|
|
69
|
-
var
|
|
70
|
-
showDisclaimer =
|
|
71
|
-
setShowDisclaimer =
|
|
120
|
+
var _f = (0, _react.useState)(true),
|
|
121
|
+
showDisclaimer = _f[0],
|
|
122
|
+
setShowDisclaimer = _f[1];
|
|
72
123
|
var handleCloseDisclaimer = function handleCloseDisclaimer() {
|
|
73
124
|
setShowDisclaimer(false);
|
|
74
125
|
var cornerPlus = document.getElementById("corner-plus");
|
|
@@ -195,6 +246,40 @@ var SheetTab = function SheetTab() {
|
|
|
195
246
|
height: 12
|
|
196
247
|
})))), /*#__PURE__*/_react.default.createElement("div", {
|
|
197
248
|
className: "fortune-sheet-area-right"
|
|
198
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
249
|
+
}, /*#__PURE__*/_react.default.createElement(_ui.Popover, null, /*#__PURE__*/_react.default.createElement(_ui.PopoverTrigger, {
|
|
250
|
+
className: "hover:bg-gray-100"
|
|
251
|
+
}, /*#__PURE__*/_react.default.createElement(_ui.Button, {
|
|
252
|
+
variant: "ghost",
|
|
253
|
+
className: "w-full h-8 rounded p-2 m-1 text-left flex items-center justify-center transition mr-2"
|
|
254
|
+
}, calInfo.count > 0 && /*#__PURE__*/_react.default.createElement("p", {
|
|
255
|
+
className: "text-body-sm"
|
|
256
|
+
}, STATS_LABELS[selectedStat], ": ", calInfo[selectedStat]))), /*#__PURE__*/_react.default.createElement(_ui.PopoverContent, {
|
|
257
|
+
align: "end",
|
|
258
|
+
alignOffset: 0,
|
|
259
|
+
className: "w-72 export-content color-border-default shadow-elevation-3",
|
|
260
|
+
elevation: 2,
|
|
261
|
+
side: "bottom",
|
|
262
|
+
sideOffset: 4
|
|
263
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
264
|
+
className: "p-2 color-text-default color-border-default"
|
|
265
|
+
}, /*#__PURE__*/_react.default.createElement("h1", {
|
|
266
|
+
className: "text-helper-text-sm color-text-secondary pl-2 mb-2"
|
|
267
|
+
}, "Sort By"), STATS.map(function (option) {
|
|
268
|
+
return /*#__PURE__*/_react.default.createElement(_ui.Button, {
|
|
269
|
+
variant: "ghost",
|
|
270
|
+
key: option.value,
|
|
271
|
+
className: "w-full h-8 rounded p-2 m-1 text-left flex items-center justify-between transition ".concat(selectedStat === option.value && 'bg-[#F8F9FA]'),
|
|
272
|
+
onClick: function onClick() {
|
|
273
|
+
return setSelectedStat(option.value);
|
|
274
|
+
}
|
|
275
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
276
|
+
className: "flex gap-2 items-center"
|
|
277
|
+
}, selectedStat === option.value && (/*#__PURE__*/_react.default.createElement(_ui.LucideIcon, {
|
|
278
|
+
name: "Check",
|
|
279
|
+
size: "sm"
|
|
280
|
+
})), /*#__PURE__*/_react.default.createElement("p", {
|
|
281
|
+
className: "text-body-sm"
|
|
282
|
+
}, option.label, ": ", calInfo[option.value])));
|
|
283
|
+
})))), /*#__PURE__*/_react.default.createElement(_ZoomControl.default, null))));
|
|
199
284
|
};
|
|
200
285
|
var _default = exports.default = SheetTab;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { api, Cell, Context, Op, Range, Selection, Presence, Settings, SingleRange, Sheet, CellMatrix, CellWithRowAndCol, GlobalCache
|
|
1
|
+
import { api, Cell, Context, Op, Range, Selection, Presence, Settings, SingleRange, Sheet, CellMatrix, CellWithRowAndCol, GlobalCache } from "@fileverse-dev/fortune-core";
|
|
2
2
|
import { getCryptoPrice } from "../../utils/cryptoApi";
|
|
3
3
|
import { SetContextOptions } from "../../context";
|
|
4
4
|
export declare function generateAPIs(context: Context, setContext: (recipe: (ctx: Context) => void, options?: SetContextOptions) => void, handleUndo: () => void, handleRedo: () => void, settings: Required<Settings>, cellInput: HTMLDivElement | null, scrollbarX: HTMLDivElement | null, scrollbarY: HTMLDivElement | null, globalCache: GlobalCache | null): {
|
|
@@ -9,8 +9,6 @@ export declare function generateAPIs(context: Context, setContext: (recipe: (ctx
|
|
|
9
9
|
}) => any;
|
|
10
10
|
onboardingActiveCell: (functionName: string) => void;
|
|
11
11
|
initializeComment: (row: number, column: number) => void;
|
|
12
|
-
updateSheetLiveQueryList: (subsheetIndex: number, _data: LiveQueryData) => void;
|
|
13
|
-
removeFromLiveQueryList: (subSheetIndex: number, id: string) => void;
|
|
14
12
|
setCellValue: (row: number, column: number, value: any, options?: api.CommonOptions & {
|
|
15
13
|
type?: keyof Cell;
|
|
16
14
|
}) => void;
|
|
@@ -111,7 +109,6 @@ export declare function generateAPIs(context: Context, setContext: (recipe: (ctx
|
|
|
111
109
|
column_focus: number;
|
|
112
110
|
} | undefined;
|
|
113
111
|
} | undefined;
|
|
114
|
-
liveQueryList?: Record<string, LiveQueryData> | undefined;
|
|
115
112
|
};
|
|
116
113
|
addSheet: () => void;
|
|
117
114
|
deleteSheet: (options?: api.CommonOptions) => void;
|
|
@@ -9,16 +9,6 @@ var _immer = require("immer");
|
|
|
9
9
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
10
10
|
var _cryptoApi = require("../../utils/cryptoApi");
|
|
11
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
-
var __assign = void 0 && (void 0).__assign || function () {
|
|
13
|
-
__assign = Object.assign || function (t) {
|
|
14
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
15
|
-
s = arguments[i];
|
|
16
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
17
|
-
}
|
|
18
|
-
return t;
|
|
19
|
-
};
|
|
20
|
-
return __assign.apply(this, arguments);
|
|
21
|
-
};
|
|
22
12
|
function generateAPIs(context, setContext, handleUndo, handleRedo, settings, cellInput, scrollbarX, scrollbarY, globalCache) {
|
|
23
13
|
return {
|
|
24
14
|
applyOp: function applyOp(ops) {
|
|
@@ -120,29 +110,6 @@ function generateAPIs(context, setContext, handleUndo, handleRedo, settings, cel
|
|
|
120
110
|
(0, _fortuneCore.newComment)(ctx, undefined, row, column);
|
|
121
111
|
});
|
|
122
112
|
},
|
|
123
|
-
updateSheetLiveQueryList: function updateSheetLiveQueryList(subsheetIndex, _data) {
|
|
124
|
-
setContext(function (ctx) {
|
|
125
|
-
var _a;
|
|
126
|
-
var previousLiveQuery = ctx.luckysheetfile[subsheetIndex].liveQueryList;
|
|
127
|
-
ctx.luckysheetfile[subsheetIndex] = __assign(__assign({}, ctx.luckysheetfile[subsheetIndex]), {
|
|
128
|
-
liveQueryList: __assign(__assign({}, previousLiveQuery), (_a = {}, _a["".concat(_data.data.id)] = _data, _a))
|
|
129
|
-
});
|
|
130
|
-
});
|
|
131
|
-
},
|
|
132
|
-
removeFromLiveQueryList: function removeFromLiveQueryList(subSheetIndex, id) {
|
|
133
|
-
setContext(function (ctx) {
|
|
134
|
-
var previousLiveQuery = __assign({}, ctx.luckysheetfile[subSheetIndex].liveQueryList);
|
|
135
|
-
previousLiveQuery === null || previousLiveQuery === void 0 ? true : delete previousLiveQuery[id];
|
|
136
|
-
ctx.luckysheetfile[subSheetIndex] = __assign(__assign({}, ctx.luckysheetfile[subSheetIndex]), {
|
|
137
|
-
liveQueryList: previousLiveQuery
|
|
138
|
-
});
|
|
139
|
-
console.log({
|
|
140
|
-
id: id,
|
|
141
|
-
previousLiveQuery: previousLiveQuery,
|
|
142
|
-
LIST: ctx.luckysheetfile[subSheetIndex]
|
|
143
|
-
});
|
|
144
|
-
});
|
|
145
|
-
},
|
|
146
113
|
setCellValue: function setCellValue(row, column, value, options) {
|
|
147
114
|
if (options === void 0) {
|
|
148
115
|
options = {};
|
|
@@ -16,8 +16,6 @@ declare const Workbook: React.ForwardRefExoticComponent<Settings & AdditionalPro
|
|
|
16
16
|
}) => any;
|
|
17
17
|
onboardingActiveCell: (functionName: string) => void;
|
|
18
18
|
initializeComment: (row: number, column: number) => void;
|
|
19
|
-
updateSheetLiveQueryList: (subsheetIndex: number, _data: import("@fileverse-dev/fortune-core").LiveQueryData) => void;
|
|
20
|
-
removeFromLiveQueryList: (subSheetIndex: number, id: string) => void;
|
|
21
19
|
setCellValue: (row: number, column: number, value: any, options?: api.CommonOptions & {
|
|
22
20
|
type?: "rt" | "m" | "v" | "mc" | "f" | "ct" | "qp" | "spl" | "bg" | "lo" | "baseValue" | "baseCurrency" | "baseCurrencyPrice" | "isDataBlockFormula" | "ps" | "hl" | keyof import("@fileverse-dev/fortune-core").CellStyle | undefined;
|
|
23
21
|
}) => void;
|
|
@@ -118,7 +116,6 @@ declare const Workbook: React.ForwardRefExoticComponent<Settings & AdditionalPro
|
|
|
118
116
|
column_focus: number;
|
|
119
117
|
} | undefined;
|
|
120
118
|
} | undefined;
|
|
121
|
-
liveQueryList?: Record<string, import("@fileverse-dev/fortune-core").LiveQueryData> | undefined;
|
|
122
119
|
};
|
|
123
120
|
addSheet: () => void;
|
|
124
121
|
deleteSheet: (options?: api.CommonOptions) => void;
|
|
@@ -68,6 +68,21 @@ var ZoomControl = function ZoomControl() {
|
|
|
68
68
|
noHistory: true
|
|
69
69
|
});
|
|
70
70
|
}, [setContext]);
|
|
71
|
+
(0, _react.useEffect)(function () {
|
|
72
|
+
var handleKeyDown = function handleKeyDown(e) {
|
|
73
|
+
if ((e.metaKey || e.ctrlKey) && e.code === "Equal") {
|
|
74
|
+
zoomTo(context.zoomRatio + 0.1);
|
|
75
|
+
e.stopPropagation();
|
|
76
|
+
} else if ((e.metaKey || e.ctrlKey) && e.code === "Minus") {
|
|
77
|
+
zoomTo(context.zoomRatio - 0.1);
|
|
78
|
+
e.stopPropagation();
|
|
79
|
+
}
|
|
80
|
+
};
|
|
81
|
+
document.addEventListener("keydown", handleKeyDown);
|
|
82
|
+
return function () {
|
|
83
|
+
document.removeEventListener("keydown", handleKeyDown);
|
|
84
|
+
};
|
|
85
|
+
}, [context.zoomRatio]);
|
|
71
86
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
72
87
|
className: "fortune-zoom-container"
|
|
73
88
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -2,4 +2,4 @@ import Workbook from "./Workbook";
|
|
|
2
2
|
export { ERROR_MESSAGES_FLAG, SERVICES_API_KEY, } from "@fileverse-dev/formulajs/crypto-constants";
|
|
3
3
|
export { Workbook };
|
|
4
4
|
export type { WorkbookInstance } from "./Workbook";
|
|
5
|
-
export type { Cell, Sheet
|
|
5
|
+
export type { Cell, Sheet } from "@fileverse-dev/fortune-core";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fileverse-dev/fortune-react",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.6",
|
|
4
4
|
"main": "lib/index.js",
|
|
5
5
|
"types": "lib/index.d.ts",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"tsc": "tsc"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@fileverse-dev/fortune-core": "1.1.
|
|
19
|
+
"@fileverse-dev/fortune-core": "1.1.6",
|
|
20
20
|
"@fileverse/ui": "^4.1.7-patch-21",
|
|
21
21
|
"@tippyjs/react": "^4.2.6",
|
|
22
22
|
"@types/regenerator-runtime": "^0.13.6",
|