@gridsheet/react-core 0.12.4-rc.0 → 0.12.4
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/dist/components/Cell.d.ts.map +1 -1
- package/dist/components/Cell.js +181 -190
- package/dist/components/Cell.js.map +1 -1
- package/dist/components/ContextMenu.js +198 -208
- package/dist/components/ContextMenu.js.map +1 -1
- package/dist/components/Editor.d.ts.map +1 -1
- package/dist/components/Editor.js +262 -275
- package/dist/components/Editor.js.map +1 -1
- package/dist/components/Emitter.js +29 -39
- package/dist/components/Emitter.js.map +1 -1
- package/dist/components/GridSheet.d.ts.map +1 -1
- package/dist/components/GridSheet.js +109 -119
- package/dist/components/GridSheet.js.map +1 -1
- package/dist/components/HeaderLeftCell.js +61 -72
- package/dist/components/HeaderLeftCell.js.map +1 -1
- package/dist/components/HeaderTopCell.js +62 -73
- package/dist/components/HeaderTopCell.js.map +1 -1
- package/dist/components/Resizer.d.ts.map +1 -1
- package/dist/components/Resizer.js +79 -87
- package/dist/components/Resizer.js.map +1 -1
- package/dist/components/SearchBox.d.ts.map +1 -1
- package/dist/components/SearchBox.js +54 -62
- package/dist/components/SearchBox.js.map +1 -1
- package/dist/components/StoreInitializer.js +71 -81
- package/dist/components/StoreInitializer.js.map +1 -1
- package/dist/components/Tabular.d.ts +2 -2
- package/dist/components/Tabular.d.ts.map +1 -1
- package/dist/components/Tabular.js +85 -95
- package/dist/components/Tabular.js.map +1 -1
- package/dist/constants.d.ts.map +1 -1
- package/dist/constants.js +26 -33
- package/dist/constants.js.map +1 -1
- package/dist/formula/evaluator.d.ts +1 -1
- package/dist/formula/evaluator.js +490 -500
- package/dist/formula/evaluator.js.map +1 -1
- package/dist/formula/functions/__base.js +17 -27
- package/dist/formula/functions/__base.js.map +1 -1
- package/dist/formula/functions/__utils.js +103 -113
- package/dist/formula/functions/__utils.js.map +1 -1
- package/dist/formula/functions/abs.js +21 -31
- package/dist/formula/functions/abs.js.map +1 -1
- package/dist/formula/functions/abs.spec.js +25 -35
- package/dist/formula/functions/abs.spec.js.map +1 -1
- package/dist/formula/functions/acos.js +28 -38
- package/dist/formula/functions/acos.js.map +1 -1
- package/dist/formula/functions/add.js +47 -57
- package/dist/formula/functions/add.js.map +1 -1
- package/dist/formula/functions/and.js +28 -38
- package/dist/formula/functions/and.js.map +1 -1
- package/dist/formula/functions/asin.js +28 -38
- package/dist/formula/functions/asin.js.map +1 -1
- package/dist/formula/functions/atan.js +26 -36
- package/dist/formula/functions/atan.js.map +1 -1
- package/dist/formula/functions/atan2.js +32 -42
- package/dist/formula/functions/atan2.js.map +1 -1
- package/dist/formula/functions/average.js +40 -50
- package/dist/formula/functions/average.js.map +1 -1
- package/dist/formula/functions/col.js +28 -38
- package/dist/formula/functions/col.js.map +1 -1
- package/dist/formula/functions/concat.js +27 -37
- package/dist/formula/functions/concat.js.map +1 -1
- package/dist/formula/functions/concatenate.js +25 -35
- package/dist/formula/functions/concatenate.js.map +1 -1
- package/dist/formula/functions/cos.js +26 -36
- package/dist/formula/functions/cos.js.map +1 -1
- package/dist/formula/functions/count.js +35 -45
- package/dist/formula/functions/count.js.map +1 -1
- package/dist/formula/functions/counta.js +35 -45
- package/dist/formula/functions/counta.js.map +1 -1
- package/dist/formula/functions/countif.js +30 -40
- package/dist/formula/functions/countif.js.map +1 -1
- package/dist/formula/functions/divide.js +32 -42
- package/dist/formula/functions/divide.js.map +1 -1
- package/dist/formula/functions/eq.js +25 -35
- package/dist/formula/functions/eq.js.map +1 -1
- package/dist/formula/functions/exp.js +28 -38
- package/dist/formula/functions/exp.js.map +1 -1
- package/dist/formula/functions/gt.js +27 -37
- package/dist/formula/functions/gt.js.map +1 -1
- package/dist/formula/functions/gte.js +27 -37
- package/dist/formula/functions/gte.js.map +1 -1
- package/dist/formula/functions/hlookup.js +67 -77
- package/dist/formula/functions/hlookup.js.map +1 -1
- package/dist/formula/functions/if.js +36 -46
- package/dist/formula/functions/if.js.map +1 -1
- package/dist/formula/functions/iferror.js +38 -48
- package/dist/formula/functions/iferror.js.map +1 -1
- package/dist/formula/functions/iferror.spec.js +53 -63
- package/dist/formula/functions/iferror.spec.js.map +1 -1
- package/dist/formula/functions/len.js +26 -36
- package/dist/formula/functions/len.js.map +1 -1
- package/dist/formula/functions/lenb.js +26 -36
- package/dist/formula/functions/lenb.js.map +1 -1
- package/dist/formula/functions/ln.js +28 -38
- package/dist/formula/functions/ln.js.map +1 -1
- package/dist/formula/functions/log.js +33 -43
- package/dist/formula/functions/log.js.map +1 -1
- package/dist/formula/functions/log10.js +28 -38
- package/dist/formula/functions/log10.js.map +1 -1
- package/dist/formula/functions/lt.js +27 -37
- package/dist/formula/functions/lt.js.map +1 -1
- package/dist/formula/functions/lte.js +27 -37
- package/dist/formula/functions/lte.js.map +1 -1
- package/dist/formula/functions/max.js +42 -52
- package/dist/formula/functions/max.js.map +1 -1
- package/dist/formula/functions/min.js +42 -52
- package/dist/formula/functions/min.js.map +1 -1
- package/dist/formula/functions/minus.js +47 -57
- package/dist/formula/functions/minus.js.map +1 -1
- package/dist/formula/functions/mod.js +30 -40
- package/dist/formula/functions/mod.js.map +1 -1
- package/dist/formula/functions/mod.spec.js +47 -57
- package/dist/formula/functions/mod.spec.js.map +1 -1
- package/dist/formula/functions/multiply.js +27 -37
- package/dist/formula/functions/multiply.js.map +1 -1
- package/dist/formula/functions/ne.js +25 -35
- package/dist/formula/functions/ne.js.map +1 -1
- package/dist/formula/functions/not.js +30 -40
- package/dist/formula/functions/not.js.map +1 -1
- package/dist/formula/functions/now.js +21 -31
- package/dist/formula/functions/now.js.map +1 -1
- package/dist/formula/functions/or.js +28 -38
- package/dist/formula/functions/or.js.map +1 -1
- package/dist/formula/functions/pi.js +19 -29
- package/dist/formula/functions/pi.js.map +1 -1
- package/dist/formula/functions/power.js +24 -34
- package/dist/formula/functions/power.js.map +1 -1
- package/dist/formula/functions/product.js +37 -47
- package/dist/formula/functions/product.js.map +1 -1
- package/dist/formula/functions/radians.js +26 -36
- package/dist/formula/functions/radians.js.map +1 -1
- package/dist/formula/functions/rand.js +19 -29
- package/dist/formula/functions/rand.js.map +1 -1
- package/dist/formula/functions/round.js +34 -44
- package/dist/formula/functions/round.js.map +1 -1
- package/dist/formula/functions/rounddown.js +34 -44
- package/dist/formula/functions/rounddown.js.map +1 -1
- package/dist/formula/functions/roundup.js +34 -44
- package/dist/formula/functions/roundup.js.map +1 -1
- package/dist/formula/functions/row.js +28 -38
- package/dist/formula/functions/row.js.map +1 -1
- package/dist/formula/functions/sin.js +26 -36
- package/dist/formula/functions/sin.js.map +1 -1
- package/dist/formula/functions/sqrt.js +28 -38
- package/dist/formula/functions/sqrt.js.map +1 -1
- package/dist/formula/functions/sum.js +42 -52
- package/dist/formula/functions/sum.js.map +1 -1
- package/dist/formula/functions/sum.spec.js +35 -45
- package/dist/formula/functions/sum.spec.js.map +1 -1
- package/dist/formula/functions/sumif.js +56 -66
- package/dist/formula/functions/sumif.js.map +1 -1
- package/dist/formula/functions/tan.js +26 -36
- package/dist/formula/functions/tan.js.map +1 -1
- package/dist/formula/functions/uminus.js +23 -33
- package/dist/formula/functions/uminus.js.map +1 -1
- package/dist/formula/functions/vlookup.js +67 -77
- package/dist/formula/functions/vlookup.js.map +1 -1
- package/dist/formula/mapping.js +116 -126
- package/dist/formula/mapping.js.map +1 -1
- package/dist/formula/solver.js +61 -71
- package/dist/formula/solver.js.map +1 -1
- package/dist/index.js +31 -41
- package/dist/index.js.map +1 -1
- package/dist/lib/autofill.js +334 -344
- package/dist/lib/autofill.js.map +1 -1
- package/dist/lib/clipboard.js +45 -55
- package/dist/lib/clipboard.js.map +1 -1
- package/dist/lib/converters.js +130 -140
- package/dist/lib/converters.js.map +1 -1
- package/dist/lib/hooks.d.ts +1 -0
- package/dist/lib/hooks.d.ts.map +1 -0
- package/dist/lib/hooks.js +2 -0
- package/dist/lib/hooks.js.map +1 -0
- package/dist/lib/structs.js +254 -264
- package/dist/lib/structs.js.map +1 -1
- package/dist/lib/table.d.ts +1 -3
- package/dist/lib/table.d.ts.map +1 -1
- package/dist/lib/table.js +897 -911
- package/dist/lib/table.js.map +1 -1
- package/dist/lib/time.d.ts.map +1 -1
- package/dist/lib/time.js +59 -69
- package/dist/lib/time.js.map +1 -1
- package/dist/lib/virtualization.d.ts +3 -12
- package/dist/lib/virtualization.d.ts.map +1 -1
- package/dist/lib/virtualization.js +116 -120
- package/dist/lib/virtualization.js.map +1 -1
- package/dist/parsers/core.js +109 -119
- package/dist/parsers/core.js.map +1 -1
- package/dist/renderers/checkbox.js +11 -21
- package/dist/renderers/checkbox.js.map +1 -1
- package/dist/renderers/core.d.ts +1 -1
- package/dist/renderers/core.d.ts.map +1 -1
- package/dist/renderers/core.js +129 -139
- package/dist/renderers/core.js.map +1 -1
- package/dist/renderers/thousand_separator.js +15 -25
- package/dist/renderers/thousand_separator.js.map +1 -1
- package/dist/store/actions.js +485 -495
- package/dist/store/actions.js.map +1 -1
- package/dist/store/helpers.js +78 -88
- package/dist/store/helpers.js.map +1 -1
- package/dist/store/index.js +5 -15
- package/dist/store/index.js.map +1 -1
- package/dist/styles/embedder.js +17 -27
- package/dist/styles/embedder.js.map +1 -1
- package/dist/styles/minified.js +6 -16
- package/dist/styles/minified.js.map +1 -1
- package/dist/types.d.ts +10 -5
- package/dist/types.d.ts.map +1 -1
- package/dist/types.js +2 -12
- package/dist/utils.js +9 -19
- package/dist/utils.js.map +1 -1
- package/package.json +9 -2
|
@@ -1,84 +1,73 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
2
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
3
4
|
};
|
|
4
|
-
(
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
const
|
|
17
|
-
const
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.HeaderTopCell = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const converters_1 = require("../lib/converters");
|
|
9
|
+
const structs_1 = require("../lib/structs");
|
|
10
|
+
const store_1 = require("../store");
|
|
11
|
+
const actions_1 = require("../store/actions");
|
|
12
|
+
const constants_1 = require("../constants");
|
|
13
|
+
exports.HeaderTopCell = react_1.default.memo(({ x }) => {
|
|
14
|
+
const { store, dispatch } = react_1.default.useContext(store_1.Context);
|
|
15
|
+
const colId = (0, converters_1.x2c)(x);
|
|
16
|
+
const { table, choosing, selectingZone, resizingRect, headerTopSelecting, headerHeight, editorRef, autofillDraggingTo, } = store;
|
|
17
|
+
const col = table.getByPoint({ y: 0, x });
|
|
18
|
+
const width = (col === null || col === void 0 ? void 0 : col.width) || constants_1.DEFAULT_WIDTH;
|
|
19
|
+
return (react_1.default.createElement("th", { className: `gs-header gs-header-horizontal gs-header-top ${choosing.x === x ? "gs-choosing" : ""} ${(0, structs_1.between)({ start: selectingZone.startX, end: selectingZone.endX }, x)
|
|
20
|
+
? headerTopSelecting
|
|
21
|
+
? "gs-header-selecting"
|
|
22
|
+
: "gs-selecting"
|
|
23
|
+
: ""} ${x === table.getNumCols() ? "gs-header-top-end" : ""}`, style: { width, minWidth: width, maxWidth: width }, onClick: (e) => {
|
|
24
|
+
let startX = e.shiftKey ? selectingZone.startX : x;
|
|
25
|
+
if (startX === -1) {
|
|
26
|
+
startX = choosing.x;
|
|
27
|
+
}
|
|
28
|
+
dispatch((0, actions_1.selectCols)({
|
|
29
|
+
range: { start: startX, end: x },
|
|
30
|
+
numRows: table.getNumRows(),
|
|
31
|
+
}));
|
|
32
|
+
dispatch((0, actions_1.setContextMenuPosition)({ y: -1, x: -1 }));
|
|
33
|
+
dispatch((0, actions_1.choose)({ y: 1, x: startX }));
|
|
34
|
+
editorRef.current.focus();
|
|
35
|
+
return false;
|
|
36
|
+
}, onContextMenu: (e) => {
|
|
37
|
+
e.preventDefault();
|
|
38
|
+
dispatch((0, actions_1.setContextMenuPosition)({ y: e.clientY, x: e.clientX }));
|
|
39
|
+
return false;
|
|
40
|
+
} },
|
|
41
|
+
react_1.default.createElement("div", { className: "gs-header-outer", draggable: true, onDragStart: (e) => {
|
|
42
|
+
e.dataTransfer.setDragImage(constants_1.DUMMY_IMG, 0, 0);
|
|
38
43
|
dispatch((0, actions_1.selectCols)({
|
|
39
|
-
range: { start:
|
|
44
|
+
range: { start: x, end: x },
|
|
40
45
|
numRows: table.getNumRows(),
|
|
41
46
|
}));
|
|
42
|
-
dispatch((0, actions_1.
|
|
43
|
-
dispatch((0, actions_1.choose)({ y: 1, x: startX }));
|
|
44
|
-
(_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
47
|
+
dispatch((0, actions_1.choose)({ y: 1, x }));
|
|
45
48
|
return false;
|
|
46
|
-
},
|
|
47
|
-
|
|
48
|
-
|
|
49
|
+
}, onDragEnter: () => {
|
|
50
|
+
if (resizingRect.x === -1 && autofillDraggingTo == null) {
|
|
51
|
+
const { startY } = selectingZone;
|
|
52
|
+
if (startY === 1) {
|
|
53
|
+
dispatch((0, actions_1.drag)({ y: table.getNumRows(), x }));
|
|
54
|
+
}
|
|
55
|
+
else {
|
|
56
|
+
dispatch((0, actions_1.drag)({ y: 1, x }));
|
|
57
|
+
}
|
|
58
|
+
}
|
|
49
59
|
return false;
|
|
60
|
+
}, onDragOver: (e) => {
|
|
61
|
+
e.dataTransfer.dropEffect = "move";
|
|
62
|
+
e.preventDefault();
|
|
50
63
|
} },
|
|
51
|
-
react_1.default.createElement("div", { className: "gs-header-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
}, onDragEnter: () => {
|
|
60
|
-
if (resizingRect.x === -1 && autofillDraggingTo == null) {
|
|
61
|
-
const { startY } = selectingZone;
|
|
62
|
-
if (startY === 1) {
|
|
63
|
-
dispatch((0, actions_1.drag)({ y: table.getNumRows(), x }));
|
|
64
|
-
}
|
|
65
|
-
else {
|
|
66
|
-
dispatch((0, actions_1.drag)({ y: 1, x }));
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
return false;
|
|
70
|
-
}, onDragOver: (e) => {
|
|
71
|
-
e.dataTransfer.dropEffect = "move";
|
|
72
|
-
e.preventDefault();
|
|
73
|
-
} },
|
|
74
|
-
react_1.default.createElement("div", { className: "gs-header-inner", style: { height: headerHeight, position: 'relative' } },
|
|
75
|
-
(col === null || col === void 0 ? void 0 : col.labeler) ? table.getLabel(col.labeler, x) : colId,
|
|
76
|
-
react_1.default.createElement("div", { className: "gs-resizer", style: { height: headerHeight }, onMouseDown: (e) => {
|
|
77
|
-
dispatch((0, actions_1.setResizingPositionX)([x, e.clientX, e.clientX]));
|
|
78
|
-
e.preventDefault();
|
|
79
|
-
e.stopPropagation();
|
|
80
|
-
} },
|
|
81
|
-
react_1.default.createElement("i", null))))));
|
|
82
|
-
});
|
|
64
|
+
react_1.default.createElement("div", { className: "gs-header-inner", style: { height: headerHeight, position: 'relative' } },
|
|
65
|
+
(col === null || col === void 0 ? void 0 : col.labeler) ? table.getLabel(col.labeler, x) : colId,
|
|
66
|
+
react_1.default.createElement("div", { className: "gs-resizer", style: { height: headerHeight }, onMouseDown: (e) => {
|
|
67
|
+
dispatch((0, actions_1.setResizingPositionX)([x, e.clientX, e.clientX]));
|
|
68
|
+
e.preventDefault();
|
|
69
|
+
e.stopPropagation();
|
|
70
|
+
} },
|
|
71
|
+
react_1.default.createElement("i", null))))));
|
|
83
72
|
});
|
|
84
73
|
//# sourceMappingURL=HeaderTopCell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderTopCell.js","sourceRoot":"","sources":["../../src/components/HeaderTopCell.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"HeaderTopCell.js","sourceRoot":"","sources":["../../src/components/HeaderTopCell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Resizer.d.ts","sourceRoot":"","sources":["../../src/components/Resizer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"Resizer.d.ts","sourceRoot":"","sources":["../../src/components/Resizer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAqG1B,CAAC"}
|
|
@@ -1,99 +1,91 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
2
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
3
4
|
};
|
|
4
|
-
(
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Resizer = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const store_1 = require("../store");
|
|
9
|
+
const actions_1 = require("../store/actions");
|
|
10
|
+
const constants_1 = require("../constants");
|
|
11
|
+
const structs_1 = require("../lib/structs");
|
|
12
|
+
const converters_1 = require("../lib/converters");
|
|
13
|
+
exports.Resizer = react_1.default.memo(() => {
|
|
14
|
+
const { store, dispatch } = react_1.default.useContext(store_1.Context);
|
|
15
|
+
const { resizingPositionY: posY, resizingPositionX: posX, table, headerTopSelecting, headerLeftSelecting, selectingZone, editorRef, sheetRef, } = store;
|
|
16
|
+
const [y, startY, endY] = posY;
|
|
17
|
+
const [x, startX, endX] = posX;
|
|
18
|
+
if (y === -1 && x === -1) {
|
|
19
|
+
return null;
|
|
8
20
|
}
|
|
9
|
-
|
|
10
|
-
|
|
21
|
+
if (sheetRef.current == null || editorRef.current == null) {
|
|
22
|
+
return null;
|
|
11
23
|
}
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
const
|
|
17
|
-
const
|
|
18
|
-
const
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
if (y === -1 && x === -1) {
|
|
28
|
-
return null;
|
|
29
|
-
}
|
|
30
|
-
const cell = table.getByPoint({ y: y === -1 ? 0 : y, x: x === -1 ? 0 : x });
|
|
31
|
-
const { y: offsetY, x: offsetX } = sheetRef.current.getBoundingClientRect();
|
|
32
|
-
const baseWidth = (cell === null || cell === void 0 ? void 0 : cell.width) || constants_1.DEFAULT_WIDTH;
|
|
33
|
-
const baseHeight = (cell === null || cell === void 0 ? void 0 : cell.height) || constants_1.DEFAULT_HEIGHT;
|
|
34
|
-
const width = baseWidth + (endX - startX);
|
|
35
|
-
const height = baseHeight + (endY - startY);
|
|
36
|
-
const handleResizeEnd = () => {
|
|
37
|
-
var _a;
|
|
38
|
-
const selectingArea = (0, structs_1.zoneToArea)(selectingZone);
|
|
39
|
-
const { top, left, bottom, right } = selectingArea;
|
|
40
|
-
const diff = {};
|
|
41
|
-
if (x !== -1) {
|
|
42
|
-
let xs = [x];
|
|
43
|
-
if (headerTopSelecting &&
|
|
44
|
-
(0, structs_1.between)({ start: left, end: right }, x)) {
|
|
45
|
-
xs = (0, structs_1.makeSequence)(left, right + 1);
|
|
46
|
-
}
|
|
47
|
-
xs.forEach((x, i) => {
|
|
48
|
-
diff[(0, converters_1.p2a)({ y: 0, x })] = { width };
|
|
49
|
-
});
|
|
24
|
+
const cell = table.getByPoint({ y: y === -1 ? 0 : y, x: x === -1 ? 0 : x });
|
|
25
|
+
const { y: offsetY, x: offsetX } = sheetRef.current.getBoundingClientRect();
|
|
26
|
+
const baseWidth = (cell === null || cell === void 0 ? void 0 : cell.width) || constants_1.DEFAULT_WIDTH;
|
|
27
|
+
const baseHeight = (cell === null || cell === void 0 ? void 0 : cell.height) || constants_1.DEFAULT_HEIGHT;
|
|
28
|
+
const width = baseWidth + (endX - startX);
|
|
29
|
+
const height = baseHeight + (endY - startY);
|
|
30
|
+
const handleResizeEnd = () => {
|
|
31
|
+
const selectingArea = (0, structs_1.zoneToArea)(selectingZone);
|
|
32
|
+
const { top, left, bottom, right } = selectingArea;
|
|
33
|
+
const diff = {};
|
|
34
|
+
if (x !== -1) {
|
|
35
|
+
let xs = [x];
|
|
36
|
+
if (headerTopSelecting &&
|
|
37
|
+
(0, structs_1.between)({ start: left, end: right }, x)) {
|
|
38
|
+
xs = (0, structs_1.makeSequence)(left, right + 1);
|
|
50
39
|
}
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
40
|
+
xs.forEach((x, i) => {
|
|
41
|
+
diff[(0, converters_1.p2a)({ y: 0, x })] = { width };
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
if (y !== -1) {
|
|
45
|
+
let ys = [y];
|
|
46
|
+
if (headerLeftSelecting && (0, structs_1.between)({ start: top, end: bottom }, y)) {
|
|
47
|
+
ys = (0, structs_1.makeSequence)(top, bottom + 1);
|
|
59
48
|
}
|
|
60
|
-
|
|
61
|
-
diff,
|
|
62
|
-
partial: true,
|
|
63
|
-
reflection: { selectingZone },
|
|
49
|
+
ys.forEach((y, i) => {
|
|
50
|
+
diff[(0, converters_1.p2a)({ y, x: 0 })] = { height };
|
|
64
51
|
});
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
52
|
+
}
|
|
53
|
+
const newTable = table.update({
|
|
54
|
+
diff,
|
|
55
|
+
partial: true,
|
|
56
|
+
reflection: { selectingZone },
|
|
57
|
+
});
|
|
58
|
+
dispatch((0, actions_1.updateTable)(newTable));
|
|
59
|
+
dispatch((0, actions_1.setResizingPositionY)([-1, -1, -1]));
|
|
60
|
+
dispatch((0, actions_1.setResizingPositionX)([-1, -1, -1]));
|
|
61
|
+
editorRef.current.focus();
|
|
62
|
+
};
|
|
63
|
+
const handleResizeMove = (e) => {
|
|
64
|
+
if (y !== -1) {
|
|
65
|
+
let endY = e.clientY;
|
|
66
|
+
const height = baseHeight + (endY - startY);
|
|
67
|
+
if (height < constants_1.MIN_HEIGHT) {
|
|
68
|
+
endY += constants_1.MIN_HEIGHT - height;
|
|
78
69
|
}
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
70
|
+
dispatch((0, actions_1.setResizingPositionY)([y, startY, endY]));
|
|
71
|
+
}
|
|
72
|
+
else if (x !== -1) {
|
|
73
|
+
let endX = e.clientX;
|
|
74
|
+
const width = baseWidth + (endX - startX);
|
|
75
|
+
if (width < constants_1.MIN_WIDTH) {
|
|
76
|
+
endX += constants_1.MIN_WIDTH - width;
|
|
86
77
|
}
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
78
|
+
dispatch((0, actions_1.setResizingPositionX)([x, startX, endX]));
|
|
79
|
+
}
|
|
80
|
+
};
|
|
81
|
+
return (react_1.default.createElement("div", { className: "gs-resizing", onMouseUp: handleResizeEnd, onMouseMove: handleResizeMove },
|
|
82
|
+
x !== -1 && (react_1.default.createElement("div", { className: 'gs-line', style: { width: 1, height: "100%", left: endX - offsetX } },
|
|
83
|
+
react_1.default.createElement("span", { style: { left: "-50%" } },
|
|
84
|
+
width,
|
|
85
|
+
"px"))),
|
|
86
|
+
y !== -1 && (react_1.default.createElement("div", { className: 'gs-line', style: { width: "100%", height: 1, top: endY - offsetY } },
|
|
87
|
+
react_1.default.createElement("span", { style: { top: "-50%" } },
|
|
88
|
+
height,
|
|
89
|
+
"px")))));
|
|
98
90
|
});
|
|
99
91
|
//# sourceMappingURL=Resizer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Resizer.js","sourceRoot":"","sources":["../../src/components/Resizer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Resizer.js","sourceRoot":"","sources":["../../src/components/Resizer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchBox.d.ts","sourceRoot":"","sources":["../../src/components/SearchBox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"SearchBox.d.ts","sourceRoot":"","sources":["../../src/components/SearchBox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EA6E7B,CAAC"}
|
|
@@ -1,69 +1,61 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
2
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
3
4
|
};
|
|
4
|
-
(
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
const store_1 = require("../store");
|
|
19
|
-
const actions_1 = require("../store/actions");
|
|
20
|
-
const virtualization_1 = require("../lib/virtualization");
|
|
21
|
-
const SearchBox = () => {
|
|
22
|
-
const { store, dispatch } = react_1.default.useContext(store_1.Context);
|
|
23
|
-
const { editorRef, searchInputRef, gridOuterRef, searchQuery, matchingCellIndex, matchingCells, table, } = store;
|
|
24
|
-
const matchingCell = matchingCells[matchingCellIndex];
|
|
25
|
-
react_1.default.useEffect(() => {
|
|
26
|
-
if (!matchingCell) {
|
|
27
|
-
return;
|
|
28
|
-
}
|
|
29
|
-
const point = (0, converters_1.a2p)(matchingCell);
|
|
30
|
-
if (typeof point === "undefined") {
|
|
31
|
-
return;
|
|
32
|
-
}
|
|
33
|
-
(0, virtualization_1.smartScroll)(table, gridOuterRef.current, point);
|
|
34
|
-
}, [searchQuery, matchingCellIndex]);
|
|
35
|
-
if (typeof searchQuery === "undefined") {
|
|
36
|
-
return null;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.SearchBox = void 0;
|
|
7
|
+
const converters_1 = require("../lib/converters");
|
|
8
|
+
const react_1 = __importDefault(require("react"));
|
|
9
|
+
const store_1 = require("../store");
|
|
10
|
+
const actions_1 = require("../store/actions");
|
|
11
|
+
const virtualization_1 = require("../lib/virtualization");
|
|
12
|
+
const SearchBox = () => {
|
|
13
|
+
const { store, dispatch } = react_1.default.useContext(store_1.Context);
|
|
14
|
+
const { editorRef, searchInputRef, gridOuterRef, searchQuery, matchingCellIndex, matchingCells, table, } = store;
|
|
15
|
+
const matchingCell = matchingCells[matchingCellIndex];
|
|
16
|
+
react_1.default.useEffect(() => {
|
|
17
|
+
if (!matchingCell) {
|
|
18
|
+
return;
|
|
37
19
|
}
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
20
|
+
const point = (0, converters_1.a2p)(matchingCell);
|
|
21
|
+
if (typeof point === "undefined") {
|
|
22
|
+
return;
|
|
23
|
+
}
|
|
24
|
+
(0, virtualization_1.smartScroll)(table, gridOuterRef.current, point);
|
|
25
|
+
}, [searchQuery, matchingCellIndex]);
|
|
26
|
+
if (typeof searchQuery === "undefined") {
|
|
27
|
+
return null;
|
|
28
|
+
}
|
|
29
|
+
return (react_1.default.createElement("div", { className: "gs-search" },
|
|
30
|
+
react_1.default.createElement("div", { className: "gs-searchbox", title: "Press 'Enter' to next, 'Enter + Shift' to previous." },
|
|
31
|
+
react_1.default.createElement("input", { type: "text", ref: searchInputRef, value: searchQuery, placeholder: "Search", autoFocus: true, onChange: (e) => dispatch((0, actions_1.setSearchQuery)(e.target.value)), onKeyDown: (e) => {
|
|
32
|
+
if (e.key === "Escape") {
|
|
33
|
+
const el = editorRef === null || editorRef === void 0 ? void 0 : editorRef.current;
|
|
34
|
+
if (el) {
|
|
35
|
+
el.focus();
|
|
52
36
|
}
|
|
53
|
-
dispatch((0, actions_1.
|
|
37
|
+
dispatch((0, actions_1.setSearchQuery)(undefined));
|
|
38
|
+
}
|
|
39
|
+
if (e.key === "f" && (e.ctrlKey || e.metaKey)) {
|
|
40
|
+
e.preventDefault();
|
|
54
41
|
return false;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
42
|
+
}
|
|
43
|
+
if (e.key !== "Enter") {
|
|
44
|
+
return true;
|
|
45
|
+
}
|
|
46
|
+
dispatch((0, actions_1.search)(e.shiftKey ? -1 : 1));
|
|
47
|
+
return false;
|
|
48
|
+
} }),
|
|
49
|
+
react_1.default.createElement("div", { className: "gs-search-progress", onClick: (e) => {
|
|
50
|
+
const input = e.currentTarget.previousSibling;
|
|
51
|
+
(input === null || input === void 0 ? void 0 : input.nodeName) === "INPUT" && input.focus();
|
|
52
|
+
} },
|
|
53
|
+
matchingCells.length === 0 ? 0 : matchingCellIndex + 1,
|
|
54
|
+
" /",
|
|
55
|
+
" ",
|
|
56
|
+
matchingCells.length)),
|
|
57
|
+
react_1.default.createElement("div", { className: "gs-search-close" },
|
|
58
|
+
react_1.default.createElement("a", { onClick: () => dispatch((0, actions_1.setSearchQuery)(undefined)) }, "Close"))));
|
|
59
|
+
};
|
|
60
|
+
exports.SearchBox = SearchBox;
|
|
69
61
|
//# sourceMappingURL=SearchBox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchBox.js","sourceRoot":"","sources":["../../src/components/SearchBox.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SearchBox.js","sourceRoot":"","sources":["../../src/components/SearchBox.tsx"],"names":[],"mappings":"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"}
|