@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/hooks/useSizer.js
CHANGED
|
@@ -15,9 +15,9 @@ const defaultGetText = (text) => text;
|
|
|
15
15
|
* Dynamically resize columns after user has scrolled down/view port changed ?
|
|
16
16
|
*/
|
|
17
17
|
const useAutoSizer = ({ gridRef, getValue, initialVisibleRows = 20, cellSpacing = 10, minColumnWidth = 60, timeout = 300, resizeStrategy = "lazy", rowCount, resizeOnScroll = true, fontFamily = "Arial", fontSize = 12, fontWeight = "", fontStyle = "", autoResize = true, columnSizes = {}, frozenRows = 0, scale = 1, isHiddenRow, isHiddenColumn, getText = defaultGetText, }) => {
|
|
18
|
-
tiny_invariant_1.default(!(resizeStrategy === "full" && rowCount === void 0), "Row count should be specified if resize stragtegy is full");
|
|
19
|
-
const autoSizer = react_1.useRef(helpers_1.autoSizerCanvas);
|
|
20
|
-
const [viewport, setViewport] = react_1.useState({
|
|
18
|
+
(0, tiny_invariant_1.default)(!(resizeStrategy === "full" && rowCount === void 0), "Row count should be specified if resize stragtegy is full");
|
|
19
|
+
const autoSizer = (0, react_1.useRef)(helpers_1.autoSizerCanvas);
|
|
20
|
+
const [viewport, setViewport] = (0, react_1.useState)({
|
|
21
21
|
rowStartIndex: 0,
|
|
22
22
|
rowStopIndex: 0,
|
|
23
23
|
columnStartIndex: 0,
|
|
@@ -27,35 +27,35 @@ const useAutoSizer = ({ gridRef, getValue, initialVisibleRows = 20, cellSpacing
|
|
|
27
27
|
visibleColumnStartIndex: 0,
|
|
28
28
|
visibleColumnStopIndex: 0,
|
|
29
29
|
});
|
|
30
|
-
const isMounted = react_1.useRef(false);
|
|
31
|
-
const getValueRef = react_1.useRef();
|
|
32
|
-
const viewPortRef = react_1.useRef();
|
|
33
|
-
const hiddenRowRef = react_1.useRef(isHiddenRow);
|
|
34
|
-
const handleResize = react_1.useCallback(({ rowIndex, columnIndex }) => {
|
|
30
|
+
const isMounted = (0, react_1.useRef)(false);
|
|
31
|
+
const getValueRef = (0, react_1.useRef)();
|
|
32
|
+
const viewPortRef = (0, react_1.useRef)();
|
|
33
|
+
const hiddenRowRef = (0, react_1.useRef)(isHiddenRow);
|
|
34
|
+
const handleResize = (0, react_1.useCallback)(({ rowIndex, columnIndex }) => {
|
|
35
35
|
gridRef.current &&
|
|
36
36
|
gridRef.current.resetAfterIndices({ rowIndex, columnIndex });
|
|
37
37
|
}, []);
|
|
38
|
-
const debounceResizer = react_1.useRef(null);
|
|
39
|
-
react_1.useEffect(() => {
|
|
38
|
+
const debounceResizer = (0, react_1.useRef)(null);
|
|
39
|
+
(0, react_1.useEffect)(() => {
|
|
40
40
|
getValueRef.current = getValue;
|
|
41
41
|
viewPortRef.current = viewport;
|
|
42
42
|
hiddenRowRef.current = isHiddenRow;
|
|
43
43
|
});
|
|
44
|
-
react_1.useEffect(() => {
|
|
44
|
+
(0, react_1.useEffect)(() => {
|
|
45
45
|
isMounted.current = true;
|
|
46
|
-
debounceResizer.current = helpers_1.debounce(handleResize, timeout);
|
|
46
|
+
debounceResizer.current = (0, helpers_1.debounce)(handleResize, timeout);
|
|
47
47
|
}, []);
|
|
48
48
|
/* Update any styles, fonts if necessary */
|
|
49
|
-
react_1.useEffect(() => {
|
|
49
|
+
(0, react_1.useEffect)(() => {
|
|
50
50
|
autoSizer.current.setFont({ fontFamily, fontSize, fontWeight, fontStyle });
|
|
51
51
|
}, [fontFamily, fontSize, fontWeight, fontStyle]);
|
|
52
|
-
const getTextMetrics = react_1.useCallback((text) => {
|
|
53
|
-
return autoSizer.current.measureText(helpers_1.castToString(text));
|
|
52
|
+
const getTextMetrics = (0, react_1.useCallback)((text) => {
|
|
53
|
+
return autoSizer.current.measureText((0, helpers_1.castToString)(text));
|
|
54
54
|
}, []);
|
|
55
55
|
/**
|
|
56
56
|
* Get width of a single cell
|
|
57
57
|
*/
|
|
58
|
-
const getCellWidth = react_1.useCallback((rowIndex, columnIndex) => {
|
|
58
|
+
const getCellWidth = (0, react_1.useCallback)((rowIndex, columnIndex) => {
|
|
59
59
|
var _a, _b, _c;
|
|
60
60
|
const cellValue = (_b = (_a = getValueRef.current) === null || _a === void 0 ? void 0 : _a.call(getValueRef, {
|
|
61
61
|
rowIndex,
|
|
@@ -66,7 +66,7 @@ const useAutoSizer = ({ gridRef, getValue, initialVisibleRows = 20, cellSpacing
|
|
|
66
66
|
if (cellValue !== null) {
|
|
67
67
|
const isCellConfig = typeof cellValue === "object";
|
|
68
68
|
const text = getText(cellValue);
|
|
69
|
-
if (helpers_1.cellIdentifier !== void 0 && !helpers_1.isNull(text) && text !== void 0) {
|
|
69
|
+
if (helpers_1.cellIdentifier !== void 0 && !(0, helpers_1.isNull)(text) && text !== void 0) {
|
|
70
70
|
/* Reset fonts */
|
|
71
71
|
autoSizer.current.reset();
|
|
72
72
|
if (isCellConfig) {
|
|
@@ -89,7 +89,7 @@ const useAutoSizer = ({ gridRef, getValue, initialVisibleRows = 20, cellSpacing
|
|
|
89
89
|
/**
|
|
90
90
|
* Calculate column width
|
|
91
91
|
*/
|
|
92
|
-
const getColumnWidth = react_1.useCallback((columnIndex) => {
|
|
92
|
+
const getColumnWidth = (0, react_1.useCallback)((columnIndex) => {
|
|
93
93
|
var _a, _b, _c;
|
|
94
94
|
const { rowStartIndex = 0, rowStopIndex = 0 } = (_a = viewPortRef.current) !== null && _a !== void 0 ? _a : {};
|
|
95
95
|
const visibleRows = resizeStrategy === "full"
|
|
@@ -119,7 +119,7 @@ const useAutoSizer = ({ gridRef, getValue, initialVisibleRows = 20, cellSpacing
|
|
|
119
119
|
}
|
|
120
120
|
return maxWidth / scale;
|
|
121
121
|
}, [viewport, initialVisibleRows, frozenRows, scale]);
|
|
122
|
-
const handleViewChange = react_1.useCallback((cells) => {
|
|
122
|
+
const handleViewChange = (0, react_1.useCallback)((cells) => {
|
|
123
123
|
/* Update viewport cells */
|
|
124
124
|
setViewport(cells);
|
|
125
125
|
/* Check if viewport has changed */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSizer.js","sourceRoot":"","sources":["../../src/hooks/useSizer.ts"],"names":[],"mappings":";;;;;AAAA,iCAAwE;AAExE,0CAOsB;AACtB,oEAAuC;AA8GvC,MAAM,cAAc,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC;AAE3C;;;;;;GAMG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,OAAO,EACP,QAAQ,EACR,kBAAkB,GAAG,EAAE,EACvB,WAAW,GAAG,EAAE,EAChB,cAAc,GAAG,EAAE,EACnB,OAAO,GAAG,GAAG,EACb,cAAc,GAAG,MAAM,EACvB,QAAQ,EACR,cAAc,GAAG,IAAI,EACrB,UAAU,GAAG,OAAO,EACpB,QAAQ,GAAG,EAAE,EACb,UAAU,GAAG,EAAE,EACf,SAAS,GAAG,EAAE,EACd,UAAU,GAAG,IAAI,EACjB,WAAW,GAAG,EAAE,EAChB,UAAU,GAAG,CAAC,EACd,KAAK,GAAG,CAAC,EACT,WAAW,EACX,cAAc,EACd,OAAO,GAAG,cAAc,GACjB,EAAsB,EAAE;IAC/B,wBAAS,
|
|
1
|
+
{"version":3,"file":"useSizer.js","sourceRoot":"","sources":["../../src/hooks/useSizer.ts"],"names":[],"mappings":";;;;;AAAA,iCAAwE;AAExE,0CAOsB;AACtB,oEAAuC;AA8GvC,MAAM,cAAc,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC;AAE3C;;;;;;GAMG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,OAAO,EACP,QAAQ,EACR,kBAAkB,GAAG,EAAE,EACvB,WAAW,GAAG,EAAE,EAChB,cAAc,GAAG,EAAE,EACnB,OAAO,GAAG,GAAG,EACb,cAAc,GAAG,MAAM,EACvB,QAAQ,EACR,cAAc,GAAG,IAAI,EACrB,UAAU,GAAG,OAAO,EACpB,QAAQ,GAAG,EAAE,EACb,UAAU,GAAG,EAAE,EACf,SAAS,GAAG,EAAE,EACd,UAAU,GAAG,IAAI,EACjB,WAAW,GAAG,EAAE,EAChB,UAAU,GAAG,CAAC,EACd,KAAK,GAAG,CAAC,EACT,WAAW,EACX,cAAc,EACd,OAAO,GAAG,cAAc,GACjB,EAAsB,EAAE;IAC/B,IAAA,wBAAS,EACP,CAAC,CAAC,cAAc,KAAK,MAAM,IAAI,QAAQ,KAAK,KAAK,CAAC,CAAC,EACnD,2DAA2D,CAC5D,CAAC;IAEF,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,yBAAe,CAAC,CAAC;IAC1C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAgB;QACtD,aAAa,EAAE,CAAC;QAChB,YAAY,EAAE,CAAC;QACf,gBAAgB,EAAE,CAAC;QACnB,eAAe,EAAE,CAAC;QAClB,oBAAoB,EAAE,CAAC;QACvB,mBAAmB,EAAE,CAAC;QACtB,uBAAuB,EAAE,CAAC;QAC1B,sBAAsB,EAAE,CAAC;KAC1B,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAC;IAChC,MAAM,WAAW,GAAG,IAAA,cAAM,GAAmB,CAAC;IAC9C,MAAM,WAAW,GAAG,IAAA,cAAM,GAAmB,CAAC;IAC9C,MAAM,YAAY,GAAG,IAAA,cAAM,EAAqB,WAAW,CAAC,CAAC;IAC7D,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAiB,EAAE,EAAE;QAC3C,OAAO,CAAC,OAAO;YACb,OAAO,CAAC,OAAO,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,CAAC;IACjE,CAAC,EACD,EAAE,CACH,CAAC;IACF,MAAM,eAAe,GAAG,IAAA,cAAM,EAAM,IAAI,CAAC,CAAC;IAE1C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;QAC/B,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;QAC/B,YAAY,CAAC,OAAO,GAAG,WAAW,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QACzB,eAAe,CAAC,OAAO,GAAG,IAAA,kBAAQ,EAAC,YAAY,EAAE,OAAO,CAAC,CAAC;IAC5D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,2CAA2C;IAC3C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,CAAC;IAC7E,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC;IAElD,MAAM,cAAc,GAAG,IAAA,mBAAW,EAAC,CAAC,IAAqB,EAAE,EAAE;QAC3D,OAAO,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC,IAAA,sBAAY,EAAC,IAAI,CAAW,CAAC,CAAC;IACrE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP;;OAEG;IACH,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,QAAgB,EAAE,WAAmB,EAAE,EAAE;;QACxC,MAAM,SAAS,GACb,MAAA,MAAA,WAAW,CAAC,OAAO,4DAAG;YACpB,QAAQ;YACR,WAAW;SACZ,CAAC,mCAAI,IAAI,CAAC;QACb,IAAI,KAAK,GAAG,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,mCAAI,CAAC,CAAC;QACpC,uBAAuB;QACvB,IAAI,SAAS,KAAK,IAAI,EAAE;YACtB,MAAM,YAAY,GAAG,OAAO,SAAS,KAAK,QAAQ,CAAC;YACnD,MAAM,IAAI,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;YAChC,IAAI,wBAAc,KAAK,KAAK,CAAC,IAAI,CAAC,IAAA,gBAAM,EAAC,IAAI,CAAC,IAAI,IAAI,KAAK,KAAK,CAAC,EAAE;gBACjE,iBAAiB;gBACjB,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;gBAE1B,IAAI,YAAY,EAAE;oBAChB,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC;oBAC9B,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC;wBACxB,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;wBAChC,QAAQ,EAAE,CAAC,SAAS,CAAC,QAAQ,IAAI,QAAQ,CAAC,GAAG,KAAK;wBAClD,UAAU,EAAE,SAAS,CAAC,UAAU;wBAChC,SAAS,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;qBAC5C,CAAC,CAAC;iBACJ;gBACD,MAAM,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBACpD,IAAI,OAAO,EAAE;oBACX,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC;iBACjD;aACF;SACF;QACD,OAAO,KAAK,CAAC;IACf,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IAEF;;OAEG;IACH,MAAM,cAAc,GAAG,IAAA,mBAAW,EAChC,CAAC,WAAmB,EAAE,EAAE;;QACtB,MAAM,EAAE,aAAa,GAAG,CAAC,EAAE,YAAY,GAAG,CAAC,EAAE,GAAG,MAAA,WAAW,CAAC,OAAO,mCAAI,EAAE,CAAC;QAC1E,MAAM,WAAW,GACf,cAAc,KAAK,MAAM;YACvB,CAAC,CAAE,QAAmB;YACtB,CAAC,CAAC,YAAY,IAAI,kBAAkB,CAAC;QACzC,IAAI,KAAK,GAAG,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;QAC1D,IAAI,QAAQ,GAAG,cAAc,CAAC;QAE9B,+BAA+B;QAC/B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,EAAE,CAAC,EAAE,EAAE;YACnC,IAAI,MAAA,YAAY,CAAC,OAAO,6DAAG,CAAC,CAAC,EAAE;gBAC7B,SAAS;aACV;YACD,MAAM,KAAK,GAAG,YAAY,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC;YAC3C,IAAI,KAAK,GAAG,QAAQ;gBAAE,QAAQ,GAAG,KAAK,CAAC;SACxC;QAED,mCAAmC;QACnC,OAAO,KAAK,GAAG,WAAW,EAAE;YAC1B,IAAI,MAAA,YAAY,CAAC,OAAO,6DAAG,KAAK,CAAC,EAAE;gBACjC,KAAK,EAAE,CAAC;gBACR,SAAS;aACV;YACD,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;YAC/C,IAAI,KAAK,GAAG,QAAQ;gBAAE,QAAQ,GAAG,KAAK,CAAC;YACvC,KAAK,EAAE,CAAC;SACT;QAED,OAAO,QAAQ,GAAG,KAAK,CAAC;IAC1B,CAAC,EACD,CAAC,QAAQ,EAAE,kBAAkB,EAAE,UAAU,EAAE,KAAK,CAAC,CAClD,CAAC;IAEF,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAClC,CAAC,KAAoB,EAAE,EAAE;QACvB,2BAA2B;QAC3B,WAAW,CAAC,KAAK,CAAC,CAAC;QAEnB,mCAAmC;QACnC,IACE,cAAc,KAAK,MAAM;YACzB,CAAC,cAAc;YACf,CAAC,KAAK,CAAC,aAAa,KAAK,QAAQ,CAAC,aAAa;gBAC7C,KAAK,CAAC,gBAAgB,KAAK,QAAQ,CAAC,gBAAgB,CAAC;YAEvD,OAAO;QACT,IAAI,OAAO,CAAC,OAAO,EAAE;YACnB,yEAAyE;YACzE,IAAI,CAAC,SAAS,CAAC,OAAO;gBAAE,OAAO;YAC/B,eAAe,CAAC,OAAO,CAAC;gBACtB,QAAQ,EAAE,KAAK,CAAC,aAAa;gBAC7B,WAAW,EAAE,KAAK,CAAC,gBAAgB;aACpC,CAAC,CAAC;SACJ;IACH,CAAC,EACD,CAAC,cAAc,EAAE,QAAQ,EAAE,cAAc,CAAC,CAC3C,CAAC;IAEF,OAAO;QACL,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;QAC7D,cAAc;QACd,gBAAgB;QAChB,YAAY,EAAE,gBAAgB;QAC9B,cAAc;KACf,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
package/dist/hooks/useTooltip.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
|
};
|
|
@@ -40,23 +44,23 @@ const DefaultTooltipComponent = ({ x = 0, y = 0, scrollLeft = 0, scrollTop = 0,
|
|
|
40
44
|
};
|
|
41
45
|
const getDefaultTooltip = () => DefaultTooltipComponent;
|
|
42
46
|
const useTooltip = ({ gridRef, getTooltip = getDefaultTooltip, }) => {
|
|
43
|
-
const [activeCell, setActiveCell] = react_1.useState(null);
|
|
44
|
-
const isTooltipActive = react_1.useRef(false);
|
|
45
|
-
const activeCellRef = react_1.useRef(activeCell);
|
|
46
|
-
const [tooltipPosition, setTooltipPosition] = react_1.useState({});
|
|
47
|
+
const [activeCell, setActiveCell] = (0, react_1.useState)(null);
|
|
48
|
+
const isTooltipActive = (0, react_1.useRef)(false);
|
|
49
|
+
const activeCellRef = (0, react_1.useRef)(activeCell);
|
|
50
|
+
const [tooltipPosition, setTooltipPosition] = (0, react_1.useState)({});
|
|
47
51
|
const showTooltip = !!activeCell;
|
|
48
|
-
const TooltipComponent = react_1.useMemo(() => {
|
|
52
|
+
const TooltipComponent = (0, react_1.useMemo)(() => {
|
|
49
53
|
return getTooltip(activeCell);
|
|
50
54
|
}, [activeCell, getTooltip]);
|
|
51
|
-
const handleTooltipMouseEnter = react_1.useCallback(() => {
|
|
55
|
+
const handleTooltipMouseEnter = (0, react_1.useCallback)(() => {
|
|
52
56
|
isTooltipActive.current = true;
|
|
53
57
|
}, []);
|
|
54
|
-
const handleTooltipMouseLeave = react_1.useCallback(() => {
|
|
58
|
+
const handleTooltipMouseLeave = (0, react_1.useCallback)(() => {
|
|
55
59
|
isTooltipActive.current = false;
|
|
56
60
|
setActiveCell(null);
|
|
57
61
|
}, []);
|
|
58
|
-
const tooltipComponent = showTooltip && TooltipComponent ? (react_1.default.createElement(TooltipComponent,
|
|
59
|
-
const handleMouseMove = react_1.useCallback((e) => {
|
|
62
|
+
const tooltipComponent = showTooltip && TooltipComponent ? (react_1.default.createElement(TooltipComponent, { ...tooltipPosition, onMouseEnter: handleTooltipMouseEnter, onMouseLeave: handleTooltipMouseLeave })) : null;
|
|
63
|
+
const handleMouseMove = (0, react_1.useCallback)((e) => {
|
|
60
64
|
if (!gridRef.current)
|
|
61
65
|
return;
|
|
62
66
|
const coords = gridRef.current.getCellCoordsFromOffset(e.clientX, e.clientY);
|
|
@@ -76,20 +80,20 @@ const useTooltip = ({ gridRef, getTooltip = getDefaultTooltip, }) => {
|
|
|
76
80
|
});
|
|
77
81
|
setActiveCell({ rowIndex, columnIndex });
|
|
78
82
|
}, []);
|
|
79
|
-
const handleMouseLeave = react_1.useCallback(() => {
|
|
83
|
+
const handleMouseLeave = (0, react_1.useCallback)(() => {
|
|
80
84
|
if (isTooltipActive.current)
|
|
81
85
|
return;
|
|
82
86
|
setActiveCell(null);
|
|
83
87
|
}, []);
|
|
84
88
|
/* Raf throttler */
|
|
85
|
-
const mouseMoveThrottler = react_1.useRef();
|
|
86
|
-
const mouseLeaveThrottler = react_1.useRef();
|
|
87
|
-
react_1.useEffect(() => {
|
|
88
|
-
mouseMoveThrottler.current = helpers_1.throttle(handleMouseMove, 100);
|
|
89
|
-
mouseLeaveThrottler.current = helpers_1.debounce(handleMouseLeave, 2000);
|
|
89
|
+
const mouseMoveThrottler = (0, react_1.useRef)();
|
|
90
|
+
const mouseLeaveThrottler = (0, react_1.useRef)();
|
|
91
|
+
(0, react_1.useEffect)(() => {
|
|
92
|
+
mouseMoveThrottler.current = (0, helpers_1.throttle)(handleMouseMove, 100);
|
|
93
|
+
mouseLeaveThrottler.current = (0, helpers_1.debounce)(handleMouseLeave, 2000);
|
|
90
94
|
}, []);
|
|
91
95
|
/* Update activecell ref */
|
|
92
|
-
react_1.useEffect(() => {
|
|
96
|
+
(0, react_1.useEffect)(() => {
|
|
93
97
|
activeCellRef.current = activeCell;
|
|
94
98
|
}, [activeCell]);
|
|
95
99
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTooltip.js","sourceRoot":"","sources":["../../src/hooks/useTooltip.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useTooltip.js","sourceRoot":"","sources":["../../src/hooks/useTooltip.tsx"],"names":[],"mappings":"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"}
|
package/dist/hooks/useTouch.js
CHANGED
|
@@ -11,9 +11,9 @@ const helpers_1 = require("../helpers");
|
|
|
11
11
|
* 2. Cell selection
|
|
12
12
|
*/
|
|
13
13
|
const useTouch = ({ gridRef }) => {
|
|
14
|
-
const scrollerRef = react_1.useRef(null);
|
|
15
|
-
const isTouchDevice = react_1.useRef(false);
|
|
16
|
-
react_1.useEffect(() => {
|
|
14
|
+
const scrollerRef = (0, react_1.useRef)(null);
|
|
15
|
+
const isTouchDevice = (0, react_1.useRef)(false);
|
|
16
|
+
(0, react_1.useEffect)(() => {
|
|
17
17
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
18
18
|
isTouchDevice.current = helpers_1.canUseDOM && "ontouchstart" in window;
|
|
19
19
|
/* Update dimension */
|
|
@@ -32,34 +32,35 @@ const useTouch = ({ gridRef }) => {
|
|
|
32
32
|
scrollerRef.current = new scroller_1.Scroller(handleTouchScroll, options);
|
|
33
33
|
const dims = (_g = gridRef.current) === null || _g === void 0 ? void 0 : _g.getDimensions();
|
|
34
34
|
/* Update dimensions */
|
|
35
|
-
|
|
35
|
+
if (dims)
|
|
36
|
+
updateScrollDimensions(dims);
|
|
36
37
|
}
|
|
37
38
|
}, []);
|
|
38
39
|
/* Scroll to x, y coordinate */
|
|
39
|
-
const scrollTo = react_1.useCallback(({ scrollLeft, scrollTop }) => {
|
|
40
|
+
const scrollTo = (0, react_1.useCallback)(({ scrollLeft, scrollTop }) => {
|
|
40
41
|
if (scrollerRef.current)
|
|
41
42
|
scrollerRef.current.scrollTo(scrollLeft, scrollTop);
|
|
42
43
|
}, []);
|
|
43
44
|
/* Scrolls to top if mobile */
|
|
44
|
-
const scrollToTop = react_1.useCallback(() => {
|
|
45
|
+
const scrollToTop = (0, react_1.useCallback)(() => {
|
|
45
46
|
if (scrollerRef.current)
|
|
46
47
|
scrollerRef.current.scrollTo(0, 0);
|
|
47
48
|
}, []);
|
|
48
|
-
const updateScrollDimensions = react_1.useCallback(({ containerWidth, containerHeight, estimatedTotalWidth, estimatedTotalHeight, }) => {
|
|
49
|
+
const updateScrollDimensions = (0, react_1.useCallback)(({ containerWidth, containerHeight, estimatedTotalWidth, estimatedTotalHeight, }) => {
|
|
49
50
|
scrollerRef.current.setDimensions(containerWidth, containerHeight, estimatedTotalWidth, estimatedTotalHeight);
|
|
50
51
|
}, []);
|
|
51
|
-
const handleTouchScroll = react_1.useCallback((scrollLeft, scrollTop) => {
|
|
52
|
+
const handleTouchScroll = (0, react_1.useCallback)((scrollLeft, scrollTop) => {
|
|
52
53
|
var _a;
|
|
53
54
|
(_a = gridRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({ scrollTop, scrollLeft });
|
|
54
55
|
}, []);
|
|
55
|
-
const handleTouchStart = react_1.useCallback((e) => {
|
|
56
|
+
const handleTouchStart = (0, react_1.useCallback)((e) => {
|
|
56
57
|
scrollerRef.current.doTouchStart(e.touches, e.timeStamp);
|
|
57
58
|
}, []);
|
|
58
|
-
const handleTouchMove = react_1.useCallback((e) => {
|
|
59
|
+
const handleTouchMove = (0, react_1.useCallback)((e) => {
|
|
59
60
|
e.preventDefault();
|
|
60
61
|
scrollerRef.current.doTouchMove(e.touches, e.timeStamp);
|
|
61
62
|
}, []);
|
|
62
|
-
const handleTouchEnd = react_1.useCallback((e) => {
|
|
63
|
+
const handleTouchEnd = (0, react_1.useCallback)((e) => {
|
|
63
64
|
scrollerRef.current.doTouchEnd(e.timeStamp);
|
|
64
65
|
}, []);
|
|
65
66
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTouch.js","sourceRoot":"","sources":["../../src/hooks/useTouch.ts"],"names":[],"mappings":";;AAAA,iCAA8D;AAE9D,aAAa;AACb,uCAAoC;AACpC,wCAAuC;AAevC;;;;;GAKG;AACH,MAAM,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAc,EAAgB,EAAE;IACzD,MAAM,WAAW,GAAG,cAAM,
|
|
1
|
+
{"version":3,"file":"useTouch.js","sourceRoot":"","sources":["../../src/hooks/useTouch.ts"],"names":[],"mappings":"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"}
|
package/dist/hooks/useUndo.js
CHANGED
|
@@ -9,15 +9,15 @@ const helpers_1 = require("../helpers");
|
|
|
9
9
|
*/
|
|
10
10
|
const useUndo = (props = {}) => {
|
|
11
11
|
const { enableGlobalKeyHandlers, onRedo, onUndo, identifier } = props;
|
|
12
|
-
const undoStack = react_1.useRef([]);
|
|
13
|
-
const undoStackPointer = react_1.useRef(-1);
|
|
14
|
-
const [_, forceRender] = react_1.useReducer((s) => s + 1, 0);
|
|
15
|
-
react_1.useEffect(() => {
|
|
12
|
+
const undoStack = (0, react_1.useRef)([]);
|
|
13
|
+
const undoStackPointer = (0, react_1.useRef)(-1);
|
|
14
|
+
const [_, forceRender] = (0, react_1.useReducer)((s) => s + 1, 0);
|
|
15
|
+
(0, react_1.useEffect)(() => {
|
|
16
16
|
if (enableGlobalKeyHandlers)
|
|
17
17
|
document.addEventListener("keydown", handleKeyDown);
|
|
18
18
|
return () => document.removeEventListener("keydown", handleKeyDown);
|
|
19
19
|
}, [enableGlobalKeyHandlers]);
|
|
20
|
-
const handleKeyDown = react_1.useCallback((e) => {
|
|
20
|
+
const handleKeyDown = (0, react_1.useCallback)((e) => {
|
|
21
21
|
var _a;
|
|
22
22
|
/* Is user focused on an input, textarea or select element */
|
|
23
23
|
if (document.activeElement &&
|
|
@@ -36,7 +36,7 @@ const useUndo = (props = {}) => {
|
|
|
36
36
|
handleUndo();
|
|
37
37
|
}
|
|
38
38
|
}, []);
|
|
39
|
-
const handleUndo = react_1.useCallback(() => {
|
|
39
|
+
const handleUndo = (0, react_1.useCallback)(() => {
|
|
40
40
|
if (undoStackPointer.current < 0)
|
|
41
41
|
return;
|
|
42
42
|
const patches = undoStack.current[undoStackPointer.current].inversePatches;
|
|
@@ -44,7 +44,7 @@ const useUndo = (props = {}) => {
|
|
|
44
44
|
onUndo && onUndo(patches);
|
|
45
45
|
forceRender();
|
|
46
46
|
}, []);
|
|
47
|
-
const handleRedo = react_1.useCallback(() => {
|
|
47
|
+
const handleRedo = (0, react_1.useCallback)(() => {
|
|
48
48
|
if (undoStackPointer.current === undoStack.current.length - 1)
|
|
49
49
|
return;
|
|
50
50
|
undoStackPointer.current++;
|
|
@@ -52,7 +52,7 @@ const useUndo = (props = {}) => {
|
|
|
52
52
|
onRedo && onRedo(patches);
|
|
53
53
|
forceRender();
|
|
54
54
|
}, []);
|
|
55
|
-
const addUndoable = react_1.useCallback((history) => {
|
|
55
|
+
const addUndoable = (0, react_1.useCallback)((history) => {
|
|
56
56
|
const { patches, inversePatches } = history;
|
|
57
57
|
const pointer = ++undoStackPointer.current;
|
|
58
58
|
undoStack.current.length = pointer;
|
|
@@ -62,7 +62,7 @@ const useUndo = (props = {}) => {
|
|
|
62
62
|
/**
|
|
63
63
|
* Use for async update where you want to replace the last patch
|
|
64
64
|
*/
|
|
65
|
-
const replaceLastPatch = react_1.useCallback((patches, inversePatches) => {
|
|
65
|
+
const replaceLastPatch = (0, react_1.useCallback)((patches, inversePatches) => {
|
|
66
66
|
if (patches === void 0) {
|
|
67
67
|
return;
|
|
68
68
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useUndo.js","sourceRoot":"","sources":["../../src/hooks/useUndo.ts"],"names":[],"mappings":";;AAAA,iCAA0E;AAC1E,oCAAoC;AACpC,wCAAgD;AAkChD;;;GAGG;AACH,MAAM,OAAO,GAAG,CAAI,QAAmB,EAAE,EAAe,EAAE;IACxD,MAAM,EAAE,uBAAuB,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IACtE,MAAM,SAAS,GAAG,cAAM,
|
|
1
|
+
{"version":3,"file":"useUndo.js","sourceRoot":"","sources":["../../src/hooks/useUndo.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -1,13 +1,17 @@
|
|
|
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];
|
|
8
12
|
}));
|
|
9
13
|
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
-
for (var p in m) if (p !== "default" && !
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
15
|
};
|
|
12
16
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
13
17
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAmBxB,eAnBK,cAAI,CAmBL;AAlBN,iCAA4C;AAmB1C,6FAnBO,mBAAY,OAmBP;AACZ,qFApBqB,WAAI,OAoBrB;AAnBN,+CAGuB;AAiBrB,4FAnBA,yBAAW,OAmBA;AAUX,oGA5BgB,0BAAmB,OA4BhB;AA1BrB,sEAA8C;AAiB5C,sBAjBK,qBAAW,CAiBL;AAhBb,wEAAgD;AAiB9C,uBAjBK,sBAAY,CAiBL;AAhBd,oEAA4C;AAiB1C,qBAjBK,oBAAU,CAiBL;AAhBZ,gEAAwC;AAiBtC,mBAjBK,kBAAQ,CAiBL;AAhBV,gEAAwC;AAoBtC,mBApBK,kBAAQ,CAoBL;AAnBV,wEAAgD;AAgB9C,uBAhBK,sBAAY,CAgBL;AAfd,8DAAsC;AAiBpC,kBAjBK,iBAAO,CAiBL;AAhBT,0EAAkD;AAehD,wBAfK,uBAAa,CAeL;AAdf,kEAA0C;AAiBxC,oBAjBK,mBAAS,CAiBL;AAhBX,oDAA4B;AAkB1B,gBAlBK,eAAK,CAkBL;AAjBP,4DAAoC;AAkBlC,oBAlBK,mBAAS,CAkBL;AAEX,kBAAe,cAAI,CAAC;AACpB,yCAAuB;AACvB,4CAA0B;AAC1B,oDAAkC;AAClC,kDAAgC;AAChC,qDAAmC;AACnC,sDAAoC;AACpC,uDAAqC;AACrC,0CAAwB;AACxB,0CAAwB"}
|
package/dist/types.d.ts
CHANGED
package/dist/utils.d.ts
CHANGED
package/dist/utils.js
CHANGED
|
@@ -10,7 +10,7 @@ const react_konva_1 = require("react-konva");
|
|
|
10
10
|
* Create a box with custom top/right/bottom/left colors and widths
|
|
11
11
|
* @param param0
|
|
12
12
|
*/
|
|
13
|
-
|
|
13
|
+
const createCanvasBox = ({ x = 0, y = 0, width = 0, height = 0, fill, stroke, strokeLeftColor = stroke, strokeTopColor = stroke, strokeRightColor = stroke, strokeBottomColor = stroke, strokeWidth = 0, strokeTopWidth = strokeWidth, strokeRightWidth = strokeWidth, strokeBottomWidth = strokeWidth, strokeLeftWidth = strokeWidth, dash, dashEnabled, lineCap = "square", key, }) => {
|
|
14
14
|
const commonProps = {
|
|
15
15
|
perfectDrawEnabled: false,
|
|
16
16
|
shadowForStrokeEnabled: false,
|
|
@@ -19,16 +19,17 @@ exports.createCanvasBox = ({ x = 0, y = 0, width = 0, height = 0, fill, stroke,
|
|
|
19
19
|
};
|
|
20
20
|
const composite = undefined;
|
|
21
21
|
const lines = [
|
|
22
|
-
react_1.default.createElement(react_konva_1.Line,
|
|
23
|
-
react_1.default.createElement(react_konva_1.Line,
|
|
24
|
-
react_1.default.createElement(react_konva_1.Line,
|
|
25
|
-
react_1.default.createElement(react_konva_1.Line,
|
|
22
|
+
react_1.default.createElement(react_konva_1.Line, { points: [x, y, x + width, y], stroke: strokeTopColor, strokeWidth: strokeTopWidth, dash: dash, dashEnabled: dashEnabled, lineCap: lineCap, key: "top", globalCompositeOperation: composite, ...commonProps }),
|
|
23
|
+
react_1.default.createElement(react_konva_1.Line, { points: [x + width, y, x + width, y + height], stroke: strokeRightColor, strokeWidth: strokeRightWidth, dash: dash, dashEnabled: dashEnabled, lineCap: lineCap, key: "right", globalCompositeOperation: composite, ...commonProps }),
|
|
24
|
+
react_1.default.createElement(react_konva_1.Line, { points: [x + width, y + height, x, y + height], stroke: strokeBottomColor, strokeWidth: strokeBottomWidth, dash: dash, dashEnabled: dashEnabled, lineCap: lineCap, key: "bottom", globalCompositeOperation: composite, ...commonProps }),
|
|
25
|
+
react_1.default.createElement(react_konva_1.Line, { points: [x, y + height, x, y], stroke: strokeLeftColor, strokeWidth: strokeLeftWidth, dash: dash, dashEnabled: dashEnabled, lineCap: lineCap, key: "left", globalCompositeOperation: composite, ...commonProps }),
|
|
26
26
|
];
|
|
27
27
|
return (react_1.default.createElement(react_1.default.Fragment, { key: key },
|
|
28
|
-
fill && (react_1.default.createElement(react_konva_1.Rect,
|
|
28
|
+
fill && (react_1.default.createElement(react_konva_1.Rect, { globalCompositeOperation: composite, fill: fill, x: x, y: y, width: width, height: height, ...commonProps })),
|
|
29
29
|
lines));
|
|
30
30
|
};
|
|
31
|
-
exports.
|
|
31
|
+
exports.createCanvasBox = createCanvasBox;
|
|
32
|
+
const createHTMLBox = ({ x = 0, y = 0, width = 0, height = 0, fill, stroke, strokeLeftColor = stroke, strokeTopColor = stroke, strokeRightColor = stroke, strokeBottomColor = stroke, strokeWidth = 0, strokeTopWidth = strokeWidth, strokeRightWidth = strokeWidth, strokeBottomWidth = strokeWidth, strokeLeftWidth = strokeWidth, key, strokeStyle = "solid", fillOpacity = 1, draggable, isDragging, borderCoverWidth = 5, type, bounds, activeCell, ...props }) => {
|
|
32
33
|
const lineStyles = {
|
|
33
34
|
borderWidth: 0,
|
|
34
35
|
position: "absolute",
|
|
@@ -49,7 +50,7 @@ exports.createHTMLBox = ({ x = 0, y = 0, width = 0, height = 0, fill, stroke, st
|
|
|
49
50
|
height = height - Math.floor(strokeWidth / 2);
|
|
50
51
|
// y = y - Math.ceil(strokeWidth / 2);
|
|
51
52
|
const lines = [
|
|
52
|
-
react_1.default.createElement("div",
|
|
53
|
+
react_1.default.createElement("div", { style: {
|
|
53
54
|
...lineStyles,
|
|
54
55
|
left: x,
|
|
55
56
|
top: y,
|
|
@@ -58,8 +59,8 @@ exports.createHTMLBox = ({ x = 0, y = 0, width = 0, height = 0, fill, stroke, st
|
|
|
58
59
|
borderColor: strokeTopColor,
|
|
59
60
|
borderTopWidth: strokeTopWidth,
|
|
60
61
|
borderStyle: strokeStyle,
|
|
61
|
-
}, key: "top"
|
|
62
|
-
react_1.default.createElement("div",
|
|
62
|
+
}, key: "top", ...props }),
|
|
63
|
+
react_1.default.createElement("div", { style: {
|
|
63
64
|
...lineStyles,
|
|
64
65
|
left: x + width,
|
|
65
66
|
top: y,
|
|
@@ -68,8 +69,8 @@ exports.createHTMLBox = ({ x = 0, y = 0, width = 0, height = 0, fill, stroke, st
|
|
|
68
69
|
borderColor: strokeRightColor,
|
|
69
70
|
borderRightWidth: strokeRightWidth,
|
|
70
71
|
borderStyle: strokeStyle,
|
|
71
|
-
}, key: "right"
|
|
72
|
-
react_1.default.createElement("div",
|
|
72
|
+
}, key: "right", ...props }),
|
|
73
|
+
react_1.default.createElement("div", { style: {
|
|
73
74
|
...lineStyles,
|
|
74
75
|
left: x,
|
|
75
76
|
top: y + height,
|
|
@@ -78,8 +79,8 @@ exports.createHTMLBox = ({ x = 0, y = 0, width = 0, height = 0, fill, stroke, st
|
|
|
78
79
|
borderColor: strokeBottomColor,
|
|
79
80
|
borderBottomWidth: strokeBottomWidth,
|
|
80
81
|
borderStyle: strokeStyle,
|
|
81
|
-
}, key: "bottom"
|
|
82
|
-
react_1.default.createElement("div",
|
|
82
|
+
}, key: "bottom", ...props }),
|
|
83
|
+
react_1.default.createElement("div", { style: {
|
|
83
84
|
...lineStyles,
|
|
84
85
|
left: x,
|
|
85
86
|
top: y,
|
|
@@ -88,37 +89,37 @@ exports.createHTMLBox = ({ x = 0, y = 0, width = 0, height = 0, fill, stroke, st
|
|
|
88
89
|
borderColor: strokeLeftColor,
|
|
89
90
|
borderLeftWidth: strokeLeftWidth,
|
|
90
91
|
borderStyle: strokeStyle,
|
|
91
|
-
}, key: "left"
|
|
92
|
+
}, key: "left", ...props }),
|
|
92
93
|
];
|
|
93
94
|
const borderCovers = [
|
|
94
|
-
react_1.default.createElement("div",
|
|
95
|
+
react_1.default.createElement("div", { style: {
|
|
95
96
|
...borderCoverStyle,
|
|
96
97
|
left: x,
|
|
97
98
|
top: y,
|
|
98
99
|
width: width,
|
|
99
100
|
height: 5,
|
|
100
|
-
}, key: "top"
|
|
101
|
-
react_1.default.createElement("div",
|
|
101
|
+
}, key: "top", ...props }),
|
|
102
|
+
react_1.default.createElement("div", { style: {
|
|
102
103
|
...borderCoverStyle,
|
|
103
104
|
left: x + width - borderCoverWidth + strokeRightWidth,
|
|
104
105
|
top: y,
|
|
105
106
|
width: borderCoverWidth,
|
|
106
107
|
height: height,
|
|
107
|
-
}, key: "right"
|
|
108
|
-
react_1.default.createElement("div",
|
|
108
|
+
}, key: "right", ...props }),
|
|
109
|
+
react_1.default.createElement("div", { style: {
|
|
109
110
|
...borderCoverStyle,
|
|
110
111
|
left: x,
|
|
111
112
|
top: y + height - borderCoverWidth + strokeBottomWidth,
|
|
112
113
|
width: width + strokeTopWidth,
|
|
113
114
|
height: borderCoverWidth,
|
|
114
|
-
}, key: "bottom"
|
|
115
|
-
react_1.default.createElement("div",
|
|
115
|
+
}, key: "bottom", ...props }),
|
|
116
|
+
react_1.default.createElement("div", { style: {
|
|
116
117
|
...borderCoverStyle,
|
|
117
118
|
left: x,
|
|
118
119
|
top: y,
|
|
119
120
|
width: borderCoverWidth,
|
|
120
121
|
height: height,
|
|
121
|
-
}, key: "left"
|
|
122
|
+
}, key: "left", ...props }),
|
|
122
123
|
];
|
|
123
124
|
/**
|
|
124
125
|
* Display title component
|
|
@@ -148,4 +149,5 @@ exports.createHTMLBox = ({ x = 0, y = 0, width = 0, height = 0, fill, stroke, st
|
|
|
148
149
|
lines,
|
|
149
150
|
showBorderCover && borderCovers));
|
|
150
151
|
};
|
|
152
|
+
exports.createHTMLBox = createHTMLBox;
|
|
151
153
|
//# sourceMappingURL=utils.js.map
|
package/dist/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.tsx"],"names":[],"mappings":";;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rowsncolumns/grid",
|
|
3
3
|
"description": "Declarative React Canvas Grid primitive for Data table, Pivot table, Excel Worksheets",
|
|
4
|
-
"version": "
|
|
5
|
-
"main": "dist/index.
|
|
4
|
+
"version": "9.0.0",
|
|
5
|
+
"main": "dist/index.tsx",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"files": [
|
|
8
8
|
"dist",
|
|
@@ -30,18 +30,18 @@
|
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
32
|
"@types/scroller": "^0.1.1",
|
|
33
|
-
"konva": "^
|
|
34
|
-
"react-konva": "^
|
|
33
|
+
"konva": "^8.4.2",
|
|
34
|
+
"react-konva": "^18.2.5",
|
|
35
35
|
"scroller": "^0.0.3",
|
|
36
36
|
"tiny-invariant": "^1.1.0"
|
|
37
37
|
},
|
|
38
38
|
"peerDependencies": {
|
|
39
|
-
"react": "
|
|
40
|
-
"react-dom": "
|
|
39
|
+
"react": ">=18.2.0",
|
|
40
|
+
"react-dom": ">=18.2.0"
|
|
41
41
|
},
|
|
42
42
|
"devDependencies": {
|
|
43
|
-
"react": "^
|
|
44
|
-
"react-dom": "^
|
|
43
|
+
"react": "^18.2.0",
|
|
44
|
+
"react-dom": "^18.2.0"
|
|
45
45
|
},
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "272c80dcd474a9346b6927b356d37917cfcd7c84"
|
|
47
47
|
}
|
package/src/Cell.tsx
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { memo } from "react";
|
|
2
2
|
import { RendererProps } from "./Grid";
|
|
3
3
|
import { Group, Rect, Text } from "react-konva";
|
|
4
|
-
import { KonvaEventObject } from "konva/
|
|
4
|
+
import { KonvaEventObject } from "konva/lib/Node";
|
|
5
5
|
import { isNull } from "./helpers";
|
|
6
6
|
|
|
7
7
|
export interface CellProps extends RendererProps {
|