@rowsncolumns/grid 8.0.8 → 9.0.0
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/Cell.d.ts +1 -1
- package/dist/Cell.js +10 -6
- package/dist/Cell.js.map +1 -1
- package/dist/CellOverlay.js +17 -12
- package/dist/CellOverlay.js.map +1 -1
- package/dist/FillHandle.d.ts +1 -1
- package/dist/FillHandle.js +2 -2
- package/dist/FillHandle.js.map +1 -1
- package/dist/Grid.d.ts +17 -15
- package/dist/Grid.js +139 -133
- package/dist/Grid.js.map +1 -1
- package/dist/GridLine.d.ts +1 -1
- package/dist/GridLine.js.map +1 -1
- package/dist/Image.d.ts +2 -2
- package/dist/Image.js +13 -7
- package/dist/Image.js.map +1 -1
- package/dist/Selection.js +2 -2
- package/dist/Selection.js.map +1 -1
- package/dist/helpers.d.ts +6 -7
- package/dist/helpers.js +139 -100
- package/dist/helpers.js.map +1 -1
- package/dist/hooks/useCopyPaste.js +12 -12
- package/dist/hooks/useCopyPaste.js.map +1 -1
- package/dist/hooks/useEditable.d.ts +3 -3
- package/dist/hooks/useEditable.js +57 -52
- package/dist/hooks/useEditable.js.map +1 -1
- package/dist/hooks/useFilter.d.ts +7 -7
- package/dist/hooks/useFilter.js +17 -13
- package/dist/hooks/useFilter.js.map +1 -1
- package/dist/hooks/useImage.js +2 -2
- package/dist/hooks/useImage.js.map +1 -1
- package/dist/hooks/usePagination.d.ts +1 -1
- package/dist/hooks/usePagination.js +8 -4
- package/dist/hooks/usePagination.js.map +1 -1
- package/dist/hooks/useSelection.d.ts +2 -2
- package/dist/hooks/useSelection.js +65 -65
- package/dist/hooks/useSelection.js.map +1 -1
- package/dist/hooks/useSizer.d.ts +3 -3
- package/dist/hooks/useSizer.js +19 -19
- package/dist/hooks/useSizer.js.map +1 -1
- package/dist/hooks/useTooltip.js +22 -18
- package/dist/hooks/useTooltip.js.map +1 -1
- package/dist/hooks/useTouch.js +12 -11
- package/dist/hooks/useTouch.js.map +1 -1
- package/dist/hooks/useUndo.js +9 -9
- package/dist/hooks/useUndo.js.map +1 -1
- package/dist/index.js +6 -2
- package/dist/index.js.map +1 -1
- package/dist/types.d.ts +1 -1
- package/dist/utils.d.ts +1 -1
- package/dist/utils.js +25 -23
- package/dist/utils.js.map +1 -1
- package/package.json +9 -9
- package/src/Cell.tsx +1 -1
- package/src/FillHandle.tsx +2 -2
- package/src/Grid.tsx +27 -31
- package/src/GridLine.tsx +3 -3
- package/src/Image.tsx +31 -18
- package/src/helpers.ts +2 -2
- package/src/hooks/useCopyPaste.ts +2 -2
- package/src/hooks/useEditable.tsx +8 -10
- package/src/hooks/useFilter.tsx +3 -3
- package/src/hooks/useSelection.ts +13 -23
- package/src/hooks/useSizer.ts +2 -2
- package/src/hooks/useTooltip.tsx +2 -3
- package/src/hooks/useTouch.ts +14 -6
- package/src/tests/Grid.spec.tsx +2 -3
- package/src/tests/usePagination.test.ts +1 -1
- package/src/tests/useSelection.test.ts +3 -1
- package/src/utils.tsx +2 -2
- package/src/.DS_Store +0 -0
- package/src/hooks/.DS_Store +0 -0
package/dist/Cell.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { RendererProps } from "./Grid";
|
|
3
|
-
import { KonvaEventObject } from "konva/
|
|
3
|
+
import { KonvaEventObject } from "konva/lib/Node";
|
|
4
4
|
export interface CellProps extends RendererProps {
|
|
5
5
|
value?: string;
|
|
6
6
|
textColor?: string;
|
package/dist/Cell.js
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -14,7 +18,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
|
14
18
|
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
19
|
if (mod && mod.__esModule) return mod;
|
|
16
20
|
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
22
|
__setModuleDefault(result, mod);
|
|
19
23
|
return result;
|
|
20
24
|
};
|
|
@@ -27,15 +31,15 @@ const helpers_1 = require("./helpers");
|
|
|
27
31
|
* Default cell component
|
|
28
32
|
* @param props
|
|
29
33
|
*/
|
|
30
|
-
const Cell = react_1.memo((props) => {
|
|
34
|
+
const Cell = (0, react_1.memo)((props) => {
|
|
31
35
|
const { x = 0, y = 0, width, height, value, fill = "white", strokeWidth = 1, stroke = "#d9d9d9", align = "left", verticalAlign = "middle", textColor = "#333", padding = 5, fontFamily = "Arial", fontSize = 12, children, wrap = "none", fontWeight = "normal", fontStyle = "normal", textDecoration, alpha = 1, strokeEnabled = true, globalCompositeOperation = "multiply", isOverlay, ...rest } = props;
|
|
32
36
|
if (isOverlay)
|
|
33
37
|
return null;
|
|
34
38
|
const fillEnabled = !!fill;
|
|
35
39
|
const textStyle = `${fontWeight} ${fontStyle}`;
|
|
36
|
-
return (react_1.default.createElement(react_konva_1.Group,
|
|
40
|
+
return (react_1.default.createElement(react_konva_1.Group, { ...rest },
|
|
37
41
|
react_1.default.createElement(react_konva_1.Rect, { x: x + 0.5, y: y + 0.5, height: height, width: width, fill: fill, stroke: stroke, strokeWidth: strokeWidth, shadowForStrokeEnabled: false, strokeScaleEnabled: false, hitStrokeWidth: 0, alpha: alpha, fillEnabled: fillEnabled, strokeEnabled: strokeEnabled }),
|
|
38
|
-
helpers_1.isNull(value) ? null : (react_1.default.createElement(react_konva_1.Text, { x: x, y: y, height: height, width: width, text: value, fill: textColor, verticalAlign: verticalAlign, align: align, fontFamily: fontFamily, fontStyle: textStyle, textDecoration: textDecoration, padding: padding, wrap: wrap, fontSize: fontSize, hitStrokeWidth: 0 })),
|
|
42
|
+
(0, helpers_1.isNull)(value) ? null : (react_1.default.createElement(react_konva_1.Text, { x: x, y: y, height: height, width: width, text: value, fill: textColor, verticalAlign: verticalAlign, align: align, fontFamily: fontFamily, fontStyle: textStyle, textDecoration: textDecoration, padding: padding, wrap: wrap, fontSize: fontSize, hitStrokeWidth: 0 })),
|
|
39
43
|
children));
|
|
40
44
|
});
|
|
41
45
|
exports.Cell = Cell;
|
|
@@ -44,7 +48,7 @@ exports.Cell = Cell;
|
|
|
44
48
|
* @param props
|
|
45
49
|
*/
|
|
46
50
|
const CellRenderer = (props) => {
|
|
47
|
-
return react_1.default.createElement(Cell,
|
|
51
|
+
return react_1.default.createElement(Cell, { ...props });
|
|
48
52
|
};
|
|
49
53
|
exports.CellRenderer = CellRenderer;
|
|
50
54
|
exports.default = CellRenderer;
|
package/dist/Cell.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Cell.js","sourceRoot":"","sources":["../src/Cell.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Cell.js","sourceRoot":"","sources":["../src/Cell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AAEpC,6CAAgD;AAEhD,uCAAmC;AAWnC;;;GAGG;AACH,MAAM,IAAI,GAAwB,IAAA,YAAI,EAAC,CAAC,KAAK,EAAE,EAAE;IAC/C,MAAM,EACJ,CAAC,GAAG,CAAC,EACL,CAAC,GAAG,CAAC,EACL,KAAK,EACL,MAAM,EACN,KAAK,EACL,IAAI,GAAG,OAAO,EACd,WAAW,GAAG,CAAC,EACf,MAAM,GAAG,SAAS,EAClB,KAAK,GAAG,MAAM,EACd,aAAa,GAAG,QAAQ,EACxB,SAAS,GAAG,MAAM,EAClB,OAAO,GAAG,CAAC,EACX,UAAU,GAAG,OAAO,EACpB,QAAQ,GAAG,EAAE,EACb,QAAQ,EACR,IAAI,GAAG,MAAM,EACb,UAAU,GAAG,QAAQ,EACrB,SAAS,GAAG,QAAQ,EACpB,cAAc,EACd,KAAK,GAAG,CAAC,EACT,aAAa,GAAG,IAAI,EACpB,wBAAwB,GAAG,UAAU,EACrC,SAAS,EACT,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IACV,IAAI,SAAS;QAAE,OAAO,IAAI,CAAC;IAC3B,MAAM,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC;IAC3B,MAAM,SAAS,GAAG,GAAG,UAAU,IAAI,SAAS,EAAE,CAAC;IAC/C,OAAO,CACL,8BAAC,mBAAK,OAAK,IAAI;QACb,8BAAC,kBAAI,IACH,CAAC,EAAE,CAAC,GAAG,GAAG,EACV,CAAC,EAAE,CAAC,GAAG,GAAG,EACV,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,sBAAsB,EAAE,KAAK,EAC7B,kBAAkB,EAAE,KAAK,EACzB,cAAc,EAAE,CAAC,EACjB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,GAC5B;QACD,IAAA,gBAAM,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACtB,8BAAC,kBAAI,IACH,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,KAAK,EACX,IAAI,EAAE,SAAS,EACf,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,CAAC,GACjB,CACH;QACA,QAAQ,CACH,CACT,CAAC;AACJ,CAAC,CAAC,CAAC;AAWoB,oBAAI;AAT3B;;;GAGG;AACH,MAAM,YAAY,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC5C,OAAO,8BAAC,IAAI,OAAK,KAAK,GAAI,CAAC;AAC7B,CAAC,CAAC;AAGO,oCAAY;AADrB,kBAAe,YAAY,CAAC"}
|
package/dist/CellOverlay.js
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -14,7 +18,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
|
14
18
|
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
19
|
if (mod && mod.__esModule) return mod;
|
|
16
20
|
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
22
|
__setModuleDefault(result, mod);
|
|
19
23
|
return result;
|
|
20
24
|
};
|
|
@@ -28,13 +32,14 @@ const EMPTY_ARRAY = [];
|
|
|
28
32
|
* Offset helps multiple borders to align properly
|
|
29
33
|
* @param width
|
|
30
34
|
*/
|
|
31
|
-
|
|
35
|
+
const getOffsetFromWidth = (width) => {
|
|
32
36
|
return width / 2 - 0.5;
|
|
33
37
|
};
|
|
38
|
+
exports.getOffsetFromWidth = getOffsetFromWidth;
|
|
34
39
|
/**
|
|
35
40
|
* Only used for strokes
|
|
36
41
|
*/
|
|
37
|
-
const CellOverlay = react_1.memo(props => {
|
|
42
|
+
const CellOverlay = (0, react_1.memo)(props => {
|
|
38
43
|
const { x, y, width, height, strokeTopColor, strokeRightColor, strokeBottomColor, strokeLeftColor, strokeTopDash = EMPTY_ARRAY, strokeRightDash = EMPTY_ARRAY, strokeBottomDash = EMPTY_ARRAY, strokeLeftDash = EMPTY_ARRAY, strokeTopWidth, strokeRightWidth, strokeBottomWidth, strokeLeftWidth, lineCap } = props;
|
|
39
44
|
const userStroke = strokeTopColor || strokeRightColor || strokeBottomColor || strokeLeftColor;
|
|
40
45
|
if (!userStroke)
|
|
@@ -43,9 +48,9 @@ const CellOverlay = react_1.memo(props => {
|
|
|
43
48
|
/* Top border */
|
|
44
49
|
if (strokeTopColor) {
|
|
45
50
|
context.beginPath();
|
|
46
|
-
context.moveTo(strokeLeftColor ? -exports.getOffsetFromWidth(strokeLeftWidth) : 0, 0.5);
|
|
51
|
+
context.moveTo(strokeLeftColor ? -(0, exports.getOffsetFromWidth)(strokeLeftWidth) : 0, 0.5);
|
|
47
52
|
context.lineTo(shape.width() +
|
|
48
|
-
(strokeRightColor ? exports.getOffsetFromWidth(strokeRightWidth) + 1 : 1), 0.5);
|
|
53
|
+
(strokeRightColor ? (0, exports.getOffsetFromWidth)(strokeRightWidth) + 1 : 1), 0.5);
|
|
49
54
|
context.setAttr("strokeStyle", strokeTopColor);
|
|
50
55
|
context.setAttr("lineWidth", strokeTopWidth);
|
|
51
56
|
context.setAttr("lineCap", lineCap);
|
|
@@ -55,9 +60,9 @@ const CellOverlay = react_1.memo(props => {
|
|
|
55
60
|
/* Bottom border */
|
|
56
61
|
if (strokeBottomColor) {
|
|
57
62
|
context.beginPath();
|
|
58
|
-
context.moveTo(strokeLeftColor ? -exports.getOffsetFromWidth(strokeLeftWidth) : 0, shape.height() + 0.5);
|
|
63
|
+
context.moveTo(strokeLeftColor ? -(0, exports.getOffsetFromWidth)(strokeLeftWidth) : 0, shape.height() + 0.5);
|
|
59
64
|
context.lineTo(shape.width() +
|
|
60
|
-
(strokeRightColor ? exports.getOffsetFromWidth(strokeRightWidth) + 1 : 1), shape.height() + 0.5);
|
|
65
|
+
(strokeRightColor ? (0, exports.getOffsetFromWidth)(strokeRightWidth) + 1 : 1), shape.height() + 0.5);
|
|
61
66
|
context.setAttr("lineWidth", strokeBottomWidth);
|
|
62
67
|
context.setAttr("strokeStyle", strokeBottomColor);
|
|
63
68
|
context.setAttr("lineCap", lineCap);
|
|
@@ -67,10 +72,10 @@ const CellOverlay = react_1.memo(props => {
|
|
|
67
72
|
/* Left border */
|
|
68
73
|
if (strokeLeftColor) {
|
|
69
74
|
context.beginPath();
|
|
70
|
-
context.moveTo(0.5, strokeTopColor ? -exports.getOffsetFromWidth(strokeTopWidth) : 0);
|
|
75
|
+
context.moveTo(0.5, strokeTopColor ? -(0, exports.getOffsetFromWidth)(strokeTopWidth) : 0);
|
|
71
76
|
context.lineTo(0.5, shape.height() +
|
|
72
77
|
(strokeBottomColor
|
|
73
|
-
? exports.getOffsetFromWidth(strokeBottomWidth) + 1
|
|
78
|
+
? (0, exports.getOffsetFromWidth)(strokeBottomWidth) + 1
|
|
74
79
|
: 1));
|
|
75
80
|
context.setAttr("strokeStyle", strokeLeftColor);
|
|
76
81
|
context.setAttr("lineWidth", strokeLeftWidth);
|
|
@@ -81,10 +86,10 @@ const CellOverlay = react_1.memo(props => {
|
|
|
81
86
|
/* Right border */
|
|
82
87
|
if (strokeRightColor) {
|
|
83
88
|
context.beginPath();
|
|
84
|
-
context.moveTo(shape.width() + 0.5, strokeTopColor ? -exports.getOffsetFromWidth(strokeTopWidth) : 0);
|
|
89
|
+
context.moveTo(shape.width() + 0.5, strokeTopColor ? -(0, exports.getOffsetFromWidth)(strokeTopWidth) : 0);
|
|
85
90
|
context.lineTo(shape.width() + 0.5, shape.height() +
|
|
86
91
|
(strokeBottomColor
|
|
87
|
-
? exports.getOffsetFromWidth(strokeBottomWidth) + 1
|
|
92
|
+
? (0, exports.getOffsetFromWidth)(strokeBottomWidth) + 1
|
|
88
93
|
: 1));
|
|
89
94
|
context.setAttr("strokeStyle", strokeRightColor);
|
|
90
95
|
context.setAttr("lineWidth", strokeRightWidth);
|
package/dist/CellOverlay.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CellOverlay.js","sourceRoot":"","sources":["../src/CellOverlay.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CellOverlay.js","sourceRoot":"","sources":["../src/CellOverlay.tsx"],"names":[],"mappings":"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"}
|
package/dist/FillHandle.d.ts
CHANGED
package/dist/FillHandle.js
CHANGED
|
@@ -10,7 +10,7 @@ const react_1 = __importDefault(require("react"));
|
|
|
10
10
|
const FillHandle = ({ x = 0, y = 0, stroke, strokeWidth = 1, size = 8, borderColor, ...props }) => {
|
|
11
11
|
if (x === 0 || y === 0)
|
|
12
12
|
return null;
|
|
13
|
-
return (react_1.default.createElement("div",
|
|
13
|
+
return (react_1.default.createElement("div", { style: {
|
|
14
14
|
position: "absolute",
|
|
15
15
|
left: x - size / 2,
|
|
16
16
|
top: y - size / 2,
|
|
@@ -22,7 +22,7 @@ const FillHandle = ({ x = 0, y = 0, stroke, strokeWidth = 1, size = 8, borderCol
|
|
|
22
22
|
background: stroke,
|
|
23
23
|
cursor: "crosshair",
|
|
24
24
|
pointerEvents: "all",
|
|
25
|
-
}
|
|
25
|
+
}, ...props }));
|
|
26
26
|
};
|
|
27
27
|
exports.default = FillHandle;
|
|
28
28
|
//# sourceMappingURL=FillHandle.js.map
|
package/dist/FillHandle.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FillHandle.js","sourceRoot":"","sources":["../src/FillHandle.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAG1B;;GAEG;AACH,MAAM,UAAU,GAA0B,CAAC,EACzC,CAAC,GAAG,CAAC,EACL,CAAC,GAAG,CAAC,EACL,MAAM,EACN,WAAW,GAAG,CAAC,EACf,IAAI,GAAG,CAAC,EACR,WAAW,EACX,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IACpC,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"FillHandle.js","sourceRoot":"","sources":["../src/FillHandle.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAG1B;;GAEG;AACH,MAAM,UAAU,GAA0B,CAAC,EACzC,CAAC,GAAG,CAAC,EACL,CAAC,GAAG,CAAC,EACL,MAAM,EACN,WAAW,GAAG,CAAC,EACf,IAAI,GAAG,CAAC,EACR,WAAW,EACX,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IACpC,OAAO,CACL,uCACE,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,CAAC,GAAG,IAAI,GAAG,CAAC;YAClB,GAAG,EAAE,CAAC,GAAG,IAAI,GAAG,CAAC;YACjB,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,IAAI;YACZ,MAAM,EAAE,GAAG,WAAW,MAAM,WAAW,QAAQ;YAC/C,gBAAgB,EAAE,CAAC;YACnB,iBAAiB,EAAE,CAAC;YACpB,UAAU,EAAE,MAAgB;YAC5B,MAAM,EAAE,WAAW;YACnB,aAAa,EAAE,KAAK;SACrB,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
|
package/dist/Grid.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React, { Key } from "react";
|
|
2
2
|
import { Align } from "./helpers";
|
|
3
|
-
import { ShapeConfig } from "konva/
|
|
4
|
-
import { StageConfig } from "konva/
|
|
3
|
+
import type { ShapeConfig } from "konva/lib/Shape";
|
|
4
|
+
import type { StageConfig } from "konva/lib/Stage";
|
|
5
5
|
import { Direction } from "./types";
|
|
6
6
|
import Konva from "konva";
|
|
7
|
-
export interface GridProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onScroll"> {
|
|
7
|
+
export interface GridProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onScroll" | "children"> {
|
|
8
8
|
/**
|
|
9
9
|
* Width of the grid
|
|
10
10
|
*/
|
|
@@ -220,10 +220,10 @@ export interface GridProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "o
|
|
|
220
220
|
export interface CellRangeArea extends CellInterface {
|
|
221
221
|
toColumnIndex: number;
|
|
222
222
|
}
|
|
223
|
-
export
|
|
223
|
+
export type RefAttribute = {
|
|
224
224
|
ref?: React.Ref<GridRef>;
|
|
225
225
|
};
|
|
226
|
-
export
|
|
226
|
+
export type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
|
|
227
227
|
export interface SelectionProps extends AreaMeta, ShapeConfig, Omit<React.HTMLAttributes<HTMLDivElement>, "draggable"> {
|
|
228
228
|
fillHandleProps?: Record<string, (e: any) => void>;
|
|
229
229
|
type: "fill" | "activeCell" | "selection" | "border";
|
|
@@ -236,11 +236,11 @@ export interface SelectionProps extends AreaMeta, ShapeConfig, Omit<React.HTMLAt
|
|
|
236
236
|
bounds?: AreaProps;
|
|
237
237
|
borderCoverWidth?: number;
|
|
238
238
|
}
|
|
239
|
-
export
|
|
239
|
+
export type ScrollCoords = {
|
|
240
240
|
scrollTop: number;
|
|
241
241
|
scrollLeft: number;
|
|
242
242
|
};
|
|
243
|
-
export
|
|
243
|
+
export type OptionalScrollCoords = {
|
|
244
244
|
scrollTop?: number;
|
|
245
245
|
scrollLeft?: number;
|
|
246
246
|
};
|
|
@@ -249,15 +249,17 @@ export interface ScrollState extends ScrollCoords {
|
|
|
249
249
|
verticalScrollDirection: Direction;
|
|
250
250
|
horizontalScrollDirection: Direction;
|
|
251
251
|
}
|
|
252
|
-
export
|
|
253
|
-
export interface CellPosition extends Pick<ShapeConfig, "x" | "y"
|
|
252
|
+
export type RenderComponent = React.FC<RendererProps>;
|
|
253
|
+
export interface CellPosition extends Pick<ShapeConfig, "x" | "y"> {
|
|
254
|
+
width?: ShapeConfig["width"];
|
|
255
|
+
height?: ShapeConfig["height"];
|
|
254
256
|
}
|
|
255
257
|
export interface RendererProps extends CellInterface, CellPosition, Omit<ShapeConfig, "scale"> {
|
|
256
258
|
key: Key;
|
|
257
259
|
isMergedCell?: boolean;
|
|
258
260
|
isOverlay?: boolean;
|
|
259
261
|
}
|
|
260
|
-
export
|
|
262
|
+
export type ItemSizer = (index: number) => number;
|
|
261
263
|
export interface SelectionArea extends AreaStyle {
|
|
262
264
|
bounds: AreaProps;
|
|
263
265
|
inProgress?: boolean;
|
|
@@ -300,8 +302,8 @@ export interface InstanceInterface {
|
|
|
300
302
|
recalcColumnIndices: number[];
|
|
301
303
|
recalcRowIndices: number[];
|
|
302
304
|
}
|
|
303
|
-
export
|
|
304
|
-
export
|
|
305
|
+
export type CellMetaDataMap = Record<number, CellMetaData>;
|
|
306
|
+
export type CellMetaData = {
|
|
305
307
|
offset: number;
|
|
306
308
|
size: number;
|
|
307
309
|
};
|
|
@@ -319,7 +321,7 @@ export interface PosXYRequired {
|
|
|
319
321
|
x: number;
|
|
320
322
|
y: number;
|
|
321
323
|
}
|
|
322
|
-
export
|
|
324
|
+
export type GridRef = {
|
|
323
325
|
scrollTo: (scrollPosition: ScrollCoords) => void;
|
|
324
326
|
scrollBy: (pos: PosXY) => void;
|
|
325
327
|
stage: Konva.Stage | null;
|
|
@@ -348,8 +350,8 @@ export declare type GridRef = {
|
|
|
348
350
|
getRowOffset: (index: number) => number;
|
|
349
351
|
getColumnOffset: (index: number) => number;
|
|
350
352
|
};
|
|
351
|
-
export
|
|
352
|
-
export
|
|
353
|
+
export type MergedCellMap = Map<string, AreaProps>;
|
|
354
|
+
export type StylingProps = AreaStyle[];
|
|
353
355
|
export interface AreaStyle extends AreaMeta {
|
|
354
356
|
bounds: AreaProps;
|
|
355
357
|
style?: Style;
|