react-grid-layout 2.2.2 → 2.2.3
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/{ResponsiveGridLayout-MbDNfJ8M.d.ts → ResponsiveGridLayout-BjVraYMQ.d.mts} +2 -3
- package/dist/{ResponsiveGridLayout-DqK__izz.d.mts → ResponsiveGridLayout-BrhkSyZk.d.ts} +2 -3
- package/dist/{calculate-FbCWy8x1.d.mts → calculate-DH4EVtn1.d.mts} +2 -2
- package/dist/{calculate-9RxGrt-U.d.ts → calculate-rP3DHexe.d.ts} +2 -2
- package/dist/{chunk-2DDROKB2.js → chunk-55DQUWLA.js} +21 -23
- package/dist/{chunk-AWM66AWF.mjs → chunk-76RTO6EO.mjs} +0 -2
- package/dist/{chunk-QGXQSZII.js → chunk-7MZZ6T4J.js} +49 -35
- package/dist/{chunk-BJFPTW5Q.js → chunk-A5WIFECI.js} +0 -2
- package/dist/{chunk-KEM2G3LX.js → chunk-BPZQUJ7Y.js} +82 -78
- package/dist/{chunk-XYPIYYYQ.mjs → chunk-KDANGDDL.mjs} +1 -3
- package/dist/chunk-O3KX3VYW.mjs +1 -0
- package/dist/{chunk-YFVX5RDK.mjs → chunk-PZLKKWSX.mjs} +19 -5
- package/dist/{chunk-XM2M6TC6.mjs → chunk-WGL5FSZH.mjs} +15 -11
- package/dist/chunk-ZJHF4QM5.js +2 -0
- package/dist/core.d.mts +5 -5
- package/dist/core.d.ts +5 -5
- package/dist/core.js +68 -70
- package/dist/core.mjs +3 -5
- package/dist/extras.d.mts +2 -2
- package/dist/extras.d.ts +2 -2
- package/dist/extras.js +8 -10
- package/dist/extras.mjs +1 -3
- package/dist/index.d.mts +5 -5
- package/dist/index.d.ts +5 -5
- package/dist/index.js +40 -42
- package/dist/index.mjs +5 -7
- package/dist/legacy.d.mts +2 -2
- package/dist/legacy.d.ts +2 -2
- package/dist/legacy.js +25 -17
- package/dist/legacy.mjs +14 -6
- package/dist/{position-CetgOHhD.d.mts → position-BV-g3Ezg.d.mts} +2 -2
- package/dist/{position-DhZqWO1-.d.ts → position-CSgQSjwQ.d.ts} +2 -2
- package/dist/react.d.mts +5 -5
- package/dist/react.d.ts +5 -5
- package/dist/react.js +26 -28
- package/dist/react.mjs +5 -7
- package/dist/{responsive-T0N0GmBB.d.mts → responsive-BrTV_0tK.d.mts} +2 -2
- package/dist/{responsive-DLRtE8v8.d.ts → responsive-C_YtBQYq.d.ts} +2 -2
- package/dist/{types-BiXsdXr7.d.mts → types-jd8MiKM1.d.mts} +1 -1
- package/dist/{types-BiXsdXr7.d.ts → types-jd8MiKM1.d.ts} +1 -1
- package/package.json +22 -22
- package/dist/chunk-2DDROKB2.js.map +0 -1
- package/dist/chunk-AWM66AWF.mjs.map +0 -1
- package/dist/chunk-BJFPTW5Q.js.map +0 -1
- package/dist/chunk-KEM2G3LX.js.map +0 -1
- package/dist/chunk-PBQSHIID.js +0 -4
- package/dist/chunk-PBQSHIID.js.map +0 -1
- package/dist/chunk-QGXQSZII.js.map +0 -1
- package/dist/chunk-XM2M6TC6.mjs.map +0 -1
- package/dist/chunk-XYPIYYYQ.mjs.map +0 -1
- package/dist/chunk-YFVX5RDK.mjs.map +0 -1
- package/dist/chunk-ZWN22PS2.mjs +0 -3
- package/dist/chunk-ZWN22PS2.mjs.map +0 -1
- package/dist/core.js.map +0 -1
- package/dist/core.mjs.map +0 -1
- package/dist/extras.js.map +0 -1
- package/dist/extras.mjs.map +0 -1
- package/dist/index.js.map +0 -1
- package/dist/index.mjs.map +0 -1
- package/dist/legacy.js.map +0 -1
- package/dist/legacy.mjs.map +0 -1
- package/dist/react.js.map +0 -1
- package/dist/react.mjs.map +0 -1
package/dist/index.js
CHANGED
|
@@ -2,153 +2,151 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
require('./chunk-
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
var
|
|
5
|
+
var chunk7MZZ6T4J_js = require('./chunk-7MZZ6T4J.js');
|
|
6
|
+
require('./chunk-ZJHF4QM5.js');
|
|
7
|
+
var chunkBPZQUJ7Y_js = require('./chunk-BPZQUJ7Y.js');
|
|
8
|
+
var chunk55DQUWLA_js = require('./chunk-55DQUWLA.js');
|
|
9
|
+
var chunkA5WIFECI_js = require('./chunk-A5WIFECI.js');
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
Object.defineProperty(exports, "DEFAULT_BREAKPOINTS", {
|
|
14
14
|
enumerable: true,
|
|
15
|
-
get: function () { return
|
|
15
|
+
get: function () { return chunk7MZZ6T4J_js.DEFAULT_BREAKPOINTS; }
|
|
16
16
|
});
|
|
17
17
|
Object.defineProperty(exports, "DEFAULT_COLS", {
|
|
18
18
|
enumerable: true,
|
|
19
|
-
get: function () { return
|
|
19
|
+
get: function () { return chunk7MZZ6T4J_js.DEFAULT_COLS; }
|
|
20
20
|
});
|
|
21
21
|
Object.defineProperty(exports, "useContainerWidth", {
|
|
22
22
|
enumerable: true,
|
|
23
|
-
get: function () { return
|
|
23
|
+
get: function () { return chunk7MZZ6T4J_js.useContainerWidth; }
|
|
24
24
|
});
|
|
25
25
|
Object.defineProperty(exports, "useGridLayout", {
|
|
26
26
|
enumerable: true,
|
|
27
|
-
get: function () { return
|
|
27
|
+
get: function () { return chunk7MZZ6T4J_js.useGridLayout; }
|
|
28
28
|
});
|
|
29
29
|
Object.defineProperty(exports, "useResponsiveLayout", {
|
|
30
30
|
enumerable: true,
|
|
31
|
-
get: function () { return
|
|
31
|
+
get: function () { return chunk7MZZ6T4J_js.useResponsiveLayout; }
|
|
32
32
|
});
|
|
33
33
|
Object.defineProperty(exports, "GridItem", {
|
|
34
34
|
enumerable: true,
|
|
35
|
-
get: function () { return
|
|
35
|
+
get: function () { return chunkBPZQUJ7Y_js.GridItem; }
|
|
36
36
|
});
|
|
37
37
|
Object.defineProperty(exports, "GridLayout", {
|
|
38
38
|
enumerable: true,
|
|
39
|
-
get: function () { return
|
|
39
|
+
get: function () { return chunkBPZQUJ7Y_js.GridLayout; }
|
|
40
40
|
});
|
|
41
41
|
Object.defineProperty(exports, "ReactGridLayout", {
|
|
42
42
|
enumerable: true,
|
|
43
|
-
get: function () { return
|
|
43
|
+
get: function () { return chunkBPZQUJ7Y_js.GridLayout; }
|
|
44
44
|
});
|
|
45
45
|
Object.defineProperty(exports, "Responsive", {
|
|
46
46
|
enumerable: true,
|
|
47
|
-
get: function () { return
|
|
47
|
+
get: function () { return chunkBPZQUJ7Y_js.ResponsiveGridLayout; }
|
|
48
48
|
});
|
|
49
49
|
Object.defineProperty(exports, "ResponsiveGridLayout", {
|
|
50
50
|
enumerable: true,
|
|
51
|
-
get: function () { return
|
|
51
|
+
get: function () { return chunkBPZQUJ7Y_js.ResponsiveGridLayout; }
|
|
52
52
|
});
|
|
53
53
|
Object.defineProperty(exports, "default", {
|
|
54
54
|
enumerable: true,
|
|
55
|
-
get: function () { return
|
|
55
|
+
get: function () { return chunkBPZQUJ7Y_js.GridLayout; }
|
|
56
56
|
});
|
|
57
57
|
Object.defineProperty(exports, "findOrGenerateResponsiveLayout", {
|
|
58
58
|
enumerable: true,
|
|
59
|
-
get: function () { return
|
|
59
|
+
get: function () { return chunk55DQUWLA_js.findOrGenerateResponsiveLayout; }
|
|
60
60
|
});
|
|
61
61
|
Object.defineProperty(exports, "getBreakpointFromWidth", {
|
|
62
62
|
enumerable: true,
|
|
63
|
-
get: function () { return
|
|
63
|
+
get: function () { return chunk55DQUWLA_js.getBreakpointFromWidth; }
|
|
64
64
|
});
|
|
65
65
|
Object.defineProperty(exports, "getColsFromBreakpoint", {
|
|
66
66
|
enumerable: true,
|
|
67
|
-
get: function () { return
|
|
67
|
+
get: function () { return chunk55DQUWLA_js.getColsFromBreakpoint; }
|
|
68
68
|
});
|
|
69
69
|
Object.defineProperty(exports, "getCompactor", {
|
|
70
70
|
enumerable: true,
|
|
71
|
-
get: function () { return
|
|
71
|
+
get: function () { return chunk55DQUWLA_js.getCompactor; }
|
|
72
72
|
});
|
|
73
73
|
Object.defineProperty(exports, "horizontalCompactor", {
|
|
74
74
|
enumerable: true,
|
|
75
|
-
get: function () { return
|
|
75
|
+
get: function () { return chunk55DQUWLA_js.horizontalCompactor; }
|
|
76
76
|
});
|
|
77
77
|
Object.defineProperty(exports, "noCompactor", {
|
|
78
78
|
enumerable: true,
|
|
79
|
-
get: function () { return
|
|
79
|
+
get: function () { return chunk55DQUWLA_js.noCompactor; }
|
|
80
80
|
});
|
|
81
81
|
Object.defineProperty(exports, "setTopLeft", {
|
|
82
82
|
enumerable: true,
|
|
83
|
-
get: function () { return
|
|
83
|
+
get: function () { return chunk55DQUWLA_js.setTopLeft; }
|
|
84
84
|
});
|
|
85
85
|
Object.defineProperty(exports, "setTransform", {
|
|
86
86
|
enumerable: true,
|
|
87
|
-
get: function () { return
|
|
87
|
+
get: function () { return chunk55DQUWLA_js.setTransform; }
|
|
88
88
|
});
|
|
89
89
|
Object.defineProperty(exports, "verticalCompactor", {
|
|
90
90
|
enumerable: true,
|
|
91
|
-
get: function () { return
|
|
91
|
+
get: function () { return chunk55DQUWLA_js.verticalCompactor; }
|
|
92
92
|
});
|
|
93
93
|
Object.defineProperty(exports, "bottom", {
|
|
94
94
|
enumerable: true,
|
|
95
|
-
get: function () { return
|
|
95
|
+
get: function () { return chunkA5WIFECI_js.bottom; }
|
|
96
96
|
});
|
|
97
97
|
Object.defineProperty(exports, "calcGridItemPosition", {
|
|
98
98
|
enumerable: true,
|
|
99
|
-
get: function () { return
|
|
99
|
+
get: function () { return chunkA5WIFECI_js.calcGridItemPosition; }
|
|
100
100
|
});
|
|
101
101
|
Object.defineProperty(exports, "calcWH", {
|
|
102
102
|
enumerable: true,
|
|
103
|
-
get: function () { return
|
|
103
|
+
get: function () { return chunkA5WIFECI_js.calcWH; }
|
|
104
104
|
});
|
|
105
105
|
Object.defineProperty(exports, "calcXY", {
|
|
106
106
|
enumerable: true,
|
|
107
|
-
get: function () { return
|
|
107
|
+
get: function () { return chunkA5WIFECI_js.calcXY; }
|
|
108
108
|
});
|
|
109
109
|
Object.defineProperty(exports, "cloneLayout", {
|
|
110
110
|
enumerable: true,
|
|
111
|
-
get: function () { return
|
|
111
|
+
get: function () { return chunkA5WIFECI_js.cloneLayout; }
|
|
112
112
|
});
|
|
113
113
|
Object.defineProperty(exports, "cloneLayoutItem", {
|
|
114
114
|
enumerable: true,
|
|
115
|
-
get: function () { return
|
|
115
|
+
get: function () { return chunkA5WIFECI_js.cloneLayoutItem; }
|
|
116
116
|
});
|
|
117
117
|
Object.defineProperty(exports, "collides", {
|
|
118
118
|
enumerable: true,
|
|
119
|
-
get: function () { return
|
|
119
|
+
get: function () { return chunkA5WIFECI_js.collides; }
|
|
120
120
|
});
|
|
121
121
|
Object.defineProperty(exports, "getAllCollisions", {
|
|
122
122
|
enumerable: true,
|
|
123
|
-
get: function () { return
|
|
123
|
+
get: function () { return chunkA5WIFECI_js.getAllCollisions; }
|
|
124
124
|
});
|
|
125
125
|
Object.defineProperty(exports, "getFirstCollision", {
|
|
126
126
|
enumerable: true,
|
|
127
|
-
get: function () { return
|
|
127
|
+
get: function () { return chunkA5WIFECI_js.getFirstCollision; }
|
|
128
128
|
});
|
|
129
129
|
Object.defineProperty(exports, "getLayoutItem", {
|
|
130
130
|
enumerable: true,
|
|
131
|
-
get: function () { return
|
|
131
|
+
get: function () { return chunkA5WIFECI_js.getLayoutItem; }
|
|
132
132
|
});
|
|
133
133
|
Object.defineProperty(exports, "moveElement", {
|
|
134
134
|
enumerable: true,
|
|
135
|
-
get: function () { return
|
|
135
|
+
get: function () { return chunkA5WIFECI_js.moveElement; }
|
|
136
136
|
});
|
|
137
137
|
Object.defineProperty(exports, "sortLayoutItems", {
|
|
138
138
|
enumerable: true,
|
|
139
|
-
get: function () { return
|
|
139
|
+
get: function () { return chunkA5WIFECI_js.sortLayoutItems; }
|
|
140
140
|
});
|
|
141
141
|
Object.defineProperty(exports, "sortLayoutItemsByColRow", {
|
|
142
142
|
enumerable: true,
|
|
143
|
-
get: function () { return
|
|
143
|
+
get: function () { return chunkA5WIFECI_js.sortLayoutItemsByColRow; }
|
|
144
144
|
});
|
|
145
145
|
Object.defineProperty(exports, "sortLayoutItemsByRowCol", {
|
|
146
146
|
enumerable: true,
|
|
147
|
-
get: function () { return
|
|
147
|
+
get: function () { return chunkA5WIFECI_js.sortLayoutItemsByRowCol; }
|
|
148
148
|
});
|
|
149
149
|
Object.defineProperty(exports, "validateLayout", {
|
|
150
150
|
enumerable: true,
|
|
151
|
-
get: function () { return
|
|
151
|
+
get: function () { return chunkA5WIFECI_js.validateLayout; }
|
|
152
152
|
});
|
|
153
|
-
//# sourceMappingURL=index.js.map
|
|
154
|
-
//# sourceMappingURL=index.js.map
|
package/dist/index.mjs
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
export { DEFAULT_BREAKPOINTS, DEFAULT_COLS, useContainerWidth, useGridLayout, useResponsiveLayout } from './chunk-
|
|
2
|
-
import './chunk-
|
|
3
|
-
export { GridItem, GridLayout, GridLayout as ReactGridLayout, ResponsiveGridLayout as Responsive, ResponsiveGridLayout, GridLayout as default } from './chunk-
|
|
4
|
-
export { findOrGenerateResponsiveLayout, getBreakpointFromWidth, getColsFromBreakpoint, getCompactor, horizontalCompactor, noCompactor, setTopLeft, setTransform, verticalCompactor } from './chunk-
|
|
5
|
-
export { bottom, calcGridItemPosition, calcWH, calcXY, cloneLayout, cloneLayoutItem, collides, getAllCollisions, getFirstCollision, getLayoutItem, moveElement, sortLayoutItems, sortLayoutItemsByColRow, sortLayoutItemsByRowCol, validateLayout } from './chunk-
|
|
6
|
-
//# sourceMappingURL=index.mjs.map
|
|
7
|
-
//# sourceMappingURL=index.mjs.map
|
|
1
|
+
export { DEFAULT_BREAKPOINTS, DEFAULT_COLS, useContainerWidth, useGridLayout, useResponsiveLayout } from './chunk-PZLKKWSX.mjs';
|
|
2
|
+
import './chunk-O3KX3VYW.mjs';
|
|
3
|
+
export { GridItem, GridLayout, GridLayout as ReactGridLayout, ResponsiveGridLayout as Responsive, ResponsiveGridLayout, GridLayout as default } from './chunk-WGL5FSZH.mjs';
|
|
4
|
+
export { findOrGenerateResponsiveLayout, getBreakpointFromWidth, getColsFromBreakpoint, getCompactor, horizontalCompactor, noCompactor, setTopLeft, setTransform, verticalCompactor } from './chunk-KDANGDDL.mjs';
|
|
5
|
+
export { bottom, calcGridItemPosition, calcWH, calcXY, cloneLayout, cloneLayoutItem, collides, getAllCollisions, getFirstCollision, getLayoutItem, moveElement, sortLayoutItems, sortLayoutItemsByColRow, sortLayoutItemsByRowCol, validateLayout } from './chunk-76RTO6EO.mjs';
|
package/dist/legacy.d.mts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import React__default, { ComponentType } from 'react';
|
|
3
|
-
import { a as GridLayoutProps, b as ResponsiveGridLayoutProps } from './ResponsiveGridLayout-
|
|
4
|
-
import { L as Layout,
|
|
3
|
+
import { a as GridLayoutProps, b as ResponsiveGridLayoutProps } from './ResponsiveGridLayout-BjVraYMQ.mjs';
|
|
4
|
+
import { L as Layout, d as LayoutItem, C as CompactType, R as ResizeHandleAxis, B as Breakpoint, a as Breakpoints, e as ResponsiveLayouts } from './types-jd8MiKM1.mjs';
|
|
5
5
|
|
|
6
6
|
/**
|
|
7
7
|
* Legacy props interface for backwards compatibility with v1 API.
|
package/dist/legacy.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import React__default, { ComponentType } from 'react';
|
|
3
|
-
import { a as GridLayoutProps, b as ResponsiveGridLayoutProps } from './ResponsiveGridLayout-
|
|
4
|
-
import { L as Layout,
|
|
3
|
+
import { a as GridLayoutProps, b as ResponsiveGridLayoutProps } from './ResponsiveGridLayout-BrhkSyZk.js';
|
|
4
|
+
import { L as Layout, d as LayoutItem, C as CompactType, R as ResizeHandleAxis, B as Breakpoint, a as Breakpoints, e as ResponsiveLayouts } from './types-jd8MiKM1.js';
|
|
5
5
|
|
|
6
6
|
/**
|
|
7
7
|
* Legacy props interface for backwards compatibility with v1 API.
|
package/dist/legacy.js
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
require('./chunk-
|
|
5
|
+
var chunkBPZQUJ7Y_js = require('./chunk-BPZQUJ7Y.js');
|
|
6
|
+
var chunk55DQUWLA_js = require('./chunk-55DQUWLA.js');
|
|
7
|
+
require('./chunk-A5WIFECI.js');
|
|
8
8
|
var react = require('react');
|
|
9
9
|
var jsxRuntime = require('react/jsx-runtime');
|
|
10
10
|
var clsx = require('clsx');
|
|
@@ -97,16 +97,16 @@ function ReactGridLayout(props) {
|
|
|
97
97
|
};
|
|
98
98
|
let positionStrategy;
|
|
99
99
|
if (!useCSSTransforms) {
|
|
100
|
-
positionStrategy =
|
|
100
|
+
positionStrategy = chunk55DQUWLA_js.absoluteStrategy;
|
|
101
101
|
} else if (transformScale !== 1) {
|
|
102
|
-
positionStrategy =
|
|
102
|
+
positionStrategy = chunk55DQUWLA_js.createScaledStrategy(transformScale);
|
|
103
103
|
} else {
|
|
104
|
-
positionStrategy =
|
|
104
|
+
positionStrategy = chunk55DQUWLA_js.transformStrategy;
|
|
105
105
|
}
|
|
106
|
-
const compactor =
|
|
107
|
-
const constraints = isBounded ? [...
|
|
106
|
+
const compactor = chunk55DQUWLA_js.getCompactor(compactType, allowOverlap, preventCollision);
|
|
107
|
+
const constraints = isBounded ? [...chunk55DQUWLA_js.defaultConstraints, chunk55DQUWLA_js.containerBounds] : chunk55DQUWLA_js.defaultConstraints;
|
|
108
108
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
109
|
-
|
|
109
|
+
chunkBPZQUJ7Y_js.GridLayout,
|
|
110
110
|
{
|
|
111
111
|
width,
|
|
112
112
|
gridConfig,
|
|
@@ -216,15 +216,15 @@ function ResponsiveReactGridLayout(props) {
|
|
|
216
216
|
};
|
|
217
217
|
let positionStrategy;
|
|
218
218
|
if (!useCSSTransforms) {
|
|
219
|
-
positionStrategy =
|
|
219
|
+
positionStrategy = chunk55DQUWLA_js.absoluteStrategy;
|
|
220
220
|
} else if (transformScale !== 1) {
|
|
221
|
-
positionStrategy =
|
|
221
|
+
positionStrategy = chunk55DQUWLA_js.createScaledStrategy(transformScale);
|
|
222
222
|
} else {
|
|
223
|
-
positionStrategy =
|
|
223
|
+
positionStrategy = chunk55DQUWLA_js.transformStrategy;
|
|
224
224
|
}
|
|
225
|
-
const compactor =
|
|
225
|
+
const compactor = chunk55DQUWLA_js.getCompactor(compactType, allowOverlap, preventCollision);
|
|
226
226
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
227
|
-
|
|
227
|
+
chunkBPZQUJ7Y_js.ResponsiveGridLayout,
|
|
228
228
|
{
|
|
229
229
|
width,
|
|
230
230
|
breakpoint,
|
|
@@ -276,15 +276,25 @@ function WidthProvider(ComposedComponent) {
|
|
|
276
276
|
react.useEffect(() => {
|
|
277
277
|
const node = elementRef.current;
|
|
278
278
|
if (!(node instanceof HTMLElement)) return;
|
|
279
|
+
let rafId = null;
|
|
279
280
|
const observer = new ResizeObserver((entries) => {
|
|
280
281
|
if (entries[0]) {
|
|
281
282
|
const newWidth = entries[0].contentRect.width;
|
|
282
|
-
|
|
283
|
+
if (rafId !== null) {
|
|
284
|
+
cancelAnimationFrame(rafId);
|
|
285
|
+
}
|
|
286
|
+
rafId = requestAnimationFrame(() => {
|
|
287
|
+
setWidth(newWidth);
|
|
288
|
+
rafId = null;
|
|
289
|
+
});
|
|
283
290
|
}
|
|
284
291
|
});
|
|
285
292
|
observer.observe(node);
|
|
286
293
|
resizeObserverRef.current = observer;
|
|
287
294
|
return () => {
|
|
295
|
+
if (rafId !== null) {
|
|
296
|
+
cancelAnimationFrame(rafId);
|
|
297
|
+
}
|
|
288
298
|
observer.unobserve(node);
|
|
289
299
|
observer.disconnect();
|
|
290
300
|
};
|
|
@@ -319,5 +329,3 @@ exports.Responsive = ResponsiveReactGridLayout_default;
|
|
|
319
329
|
exports.ResponsiveReactGridLayout = ResponsiveReactGridLayout;
|
|
320
330
|
exports.WidthProvider = WidthProvider;
|
|
321
331
|
exports.default = ReactGridLayout_default;
|
|
322
|
-
//# sourceMappingURL=legacy.js.map
|
|
323
|
-
//# sourceMappingURL=legacy.js.map
|
package/dist/legacy.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { GridLayout, ResponsiveGridLayout } from './chunk-
|
|
2
|
-
import { createScaledStrategy, getCompactor, defaultConstraints, containerBounds, absoluteStrategy, transformStrategy } from './chunk-
|
|
3
|
-
import './chunk-
|
|
1
|
+
import { GridLayout, ResponsiveGridLayout } from './chunk-WGL5FSZH.mjs';
|
|
2
|
+
import { createScaledStrategy, getCompactor, defaultConstraints, containerBounds, absoluteStrategy, transformStrategy } from './chunk-KDANGDDL.mjs';
|
|
3
|
+
import './chunk-76RTO6EO.mjs';
|
|
4
4
|
import { useState, useRef, useEffect } from 'react';
|
|
5
5
|
import { jsx } from 'react/jsx-runtime';
|
|
6
6
|
import clsx from 'clsx';
|
|
@@ -268,15 +268,25 @@ function WidthProvider(ComposedComponent) {
|
|
|
268
268
|
useEffect(() => {
|
|
269
269
|
const node = elementRef.current;
|
|
270
270
|
if (!(node instanceof HTMLElement)) return;
|
|
271
|
+
let rafId = null;
|
|
271
272
|
const observer = new ResizeObserver((entries) => {
|
|
272
273
|
if (entries[0]) {
|
|
273
274
|
const newWidth = entries[0].contentRect.width;
|
|
274
|
-
|
|
275
|
+
if (rafId !== null) {
|
|
276
|
+
cancelAnimationFrame(rafId);
|
|
277
|
+
}
|
|
278
|
+
rafId = requestAnimationFrame(() => {
|
|
279
|
+
setWidth(newWidth);
|
|
280
|
+
rafId = null;
|
|
281
|
+
});
|
|
275
282
|
}
|
|
276
283
|
});
|
|
277
284
|
observer.observe(node);
|
|
278
285
|
resizeObserverRef.current = observer;
|
|
279
286
|
return () => {
|
|
287
|
+
if (rafId !== null) {
|
|
288
|
+
cancelAnimationFrame(rafId);
|
|
289
|
+
}
|
|
280
290
|
observer.unobserve(node);
|
|
281
291
|
observer.disconnect();
|
|
282
292
|
};
|
|
@@ -307,5 +317,3 @@ function WidthProvider(ComposedComponent) {
|
|
|
307
317
|
}
|
|
308
318
|
|
|
309
319
|
export { ReactGridLayout, ResponsiveReactGridLayout_default as Responsive, ResponsiveReactGridLayout, WidthProvider, ReactGridLayout_default as default };
|
|
310
|
-
//# sourceMappingURL=legacy.mjs.map
|
|
311
|
-
//# sourceMappingURL=legacy.mjs.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { L as Layout,
|
|
1
|
+
import { L as Layout, d as LayoutItem, C as CompactType, M as Mutable, b as Compactor, P as Position, p as PositionStrategy, R as ResizeHandleAxis } from './types-jd8MiKM1.mjs';
|
|
2
2
|
|
|
3
3
|
/**
|
|
4
4
|
* Core layout manipulation utilities.
|
|
@@ -327,4 +327,4 @@ declare function createScaledStrategy(scale: number): PositionStrategy;
|
|
|
327
327
|
/** Default position strategy (transform-based) */
|
|
328
328
|
declare const defaultPositionStrategy: PositionStrategy;
|
|
329
329
|
|
|
330
|
-
export {
|
|
330
|
+
export { transformStrategy as A, verticalOverlapCompactor as B, withLayoutItem as C, cloneLayoutItem as a, bottom as b, cloneLayout as c, getLayoutItem as d, setTransform as e, verticalCompactor as f, getCompactor as g, horizontalCompactor as h, absoluteStrategy as i, compactItemHorizontal as j, compactItemVertical as k, correctBounds as l, moveElement as m, noCompactor as n, createScaledStrategy as o, defaultPositionStrategy as p, getStatics as q, horizontalOverlapCompactor as r, setTopLeft as s, modifyLayout as t, moveElementAwayFromCollision as u, validateLayout as v, noOverlapCompactor as w, perc as x, resizeItemInDirection as y, resolveCompactionCollision as z };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { L as Layout,
|
|
1
|
+
import { L as Layout, d as LayoutItem, C as CompactType, M as Mutable, b as Compactor, P as Position, p as PositionStrategy, R as ResizeHandleAxis } from './types-jd8MiKM1.js';
|
|
2
2
|
|
|
3
3
|
/**
|
|
4
4
|
* Core layout manipulation utilities.
|
|
@@ -327,4 +327,4 @@ declare function createScaledStrategy(scale: number): PositionStrategy;
|
|
|
327
327
|
/** Default position strategy (transform-based) */
|
|
328
328
|
declare const defaultPositionStrategy: PositionStrategy;
|
|
329
329
|
|
|
330
|
-
export {
|
|
330
|
+
export { transformStrategy as A, verticalOverlapCompactor as B, withLayoutItem as C, cloneLayoutItem as a, bottom as b, cloneLayout as c, getLayoutItem as d, setTransform as e, verticalCompactor as f, getCompactor as g, horizontalCompactor as h, absoluteStrategy as i, compactItemHorizontal as j, compactItemVertical as k, correctBounds as l, moveElement as m, noCompactor as n, createScaledStrategy as o, defaultPositionStrategy as p, getStatics as q, horizontalOverlapCompactor as r, setTopLeft as s, modifyLayout as t, moveElementAwayFromCollision as u, validateLayout as v, noOverlapCompactor as w, perc as x, resizeItemInDirection as y, resolveCompactionCollision as z };
|
package/dist/react.d.mts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React__default, { ReactElement, CSSProperties, RefObject } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
export { C as CompactType, P as Position } from './types-
|
|
4
|
-
export {
|
|
5
|
-
export { b as bottom, c as cloneLayout, a as cloneLayoutItem,
|
|
6
|
-
export { c as calcGridItemPosition,
|
|
2
|
+
import { p as PositionStrategy, D as DroppingPosition, R as ResizeHandleAxis, f as LayoutConstraint, d as LayoutItem, L as Layout, G as GridDragEvent, c as GridResizeEvent, b as Compactor, a as Breakpoints, B as Breakpoint, e as ResponsiveLayouts } from './types-jd8MiKM1.mjs';
|
|
3
|
+
export { C as CompactType, E as EventCallback, P as Position } from './types-jd8MiKM1.mjs';
|
|
4
|
+
export { G as GridLayout, a as GridLayoutProps, R as ResponsiveGridLayout, b as ResponsiveGridLayoutProps } from './ResponsiveGridLayout-BjVraYMQ.mjs';
|
|
5
|
+
export { b as bottom, c as cloneLayout, a as cloneLayoutItem, g as getCompactor, d as getLayoutItem, h as horizontalCompactor, n as noCompactor, s as setTopLeft, e as setTransform, f as verticalCompactor } from './position-BV-g3Ezg.mjs';
|
|
6
|
+
export { c as calcGridItemPosition, a as calcWH, b as calcXY } from './calculate-DH4EVtn1.mjs';
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
9
|
* GridItem component
|
package/dist/react.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React__default, { ReactElement, CSSProperties, RefObject } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
export { C as CompactType, P as Position } from './types-
|
|
4
|
-
export {
|
|
5
|
-
export { b as bottom, c as cloneLayout, a as cloneLayoutItem,
|
|
6
|
-
export { c as calcGridItemPosition,
|
|
2
|
+
import { p as PositionStrategy, D as DroppingPosition, R as ResizeHandleAxis, f as LayoutConstraint, d as LayoutItem, L as Layout, G as GridDragEvent, c as GridResizeEvent, b as Compactor, a as Breakpoints, B as Breakpoint, e as ResponsiveLayouts } from './types-jd8MiKM1.js';
|
|
3
|
+
export { C as CompactType, E as EventCallback, P as Position } from './types-jd8MiKM1.js';
|
|
4
|
+
export { G as GridLayout, a as GridLayoutProps, R as ResponsiveGridLayout, b as ResponsiveGridLayoutProps } from './ResponsiveGridLayout-BrhkSyZk.js';
|
|
5
|
+
export { b as bottom, c as cloneLayout, a as cloneLayoutItem, g as getCompactor, d as getLayoutItem, h as horizontalCompactor, n as noCompactor, s as setTopLeft, e as setTransform, f as verticalCompactor } from './position-CSgQSjwQ.js';
|
|
6
|
+
export { c as calcGridItemPosition, a as calcWH, b as calcXY } from './calculate-rP3DHexe.js';
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
9
|
* GridItem component
|
package/dist/react.js
CHANGED
|
@@ -1,96 +1,94 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
require('./chunk-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
3
|
+
var chunk7MZZ6T4J_js = require('./chunk-7MZZ6T4J.js');
|
|
4
|
+
require('./chunk-ZJHF4QM5.js');
|
|
5
|
+
var chunkBPZQUJ7Y_js = require('./chunk-BPZQUJ7Y.js');
|
|
6
|
+
var chunk55DQUWLA_js = require('./chunk-55DQUWLA.js');
|
|
7
|
+
var chunkA5WIFECI_js = require('./chunk-A5WIFECI.js');
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
Object.defineProperty(exports, "DEFAULT_BREAKPOINTS", {
|
|
12
12
|
enumerable: true,
|
|
13
|
-
get: function () { return
|
|
13
|
+
get: function () { return chunk7MZZ6T4J_js.DEFAULT_BREAKPOINTS; }
|
|
14
14
|
});
|
|
15
15
|
Object.defineProperty(exports, "DEFAULT_COLS", {
|
|
16
16
|
enumerable: true,
|
|
17
|
-
get: function () { return
|
|
17
|
+
get: function () { return chunk7MZZ6T4J_js.DEFAULT_COLS; }
|
|
18
18
|
});
|
|
19
19
|
Object.defineProperty(exports, "useContainerWidth", {
|
|
20
20
|
enumerable: true,
|
|
21
|
-
get: function () { return
|
|
21
|
+
get: function () { return chunk7MZZ6T4J_js.useContainerWidth; }
|
|
22
22
|
});
|
|
23
23
|
Object.defineProperty(exports, "useGridLayout", {
|
|
24
24
|
enumerable: true,
|
|
25
|
-
get: function () { return
|
|
25
|
+
get: function () { return chunk7MZZ6T4J_js.useGridLayout; }
|
|
26
26
|
});
|
|
27
27
|
Object.defineProperty(exports, "useResponsiveLayout", {
|
|
28
28
|
enumerable: true,
|
|
29
|
-
get: function () { return
|
|
29
|
+
get: function () { return chunk7MZZ6T4J_js.useResponsiveLayout; }
|
|
30
30
|
});
|
|
31
31
|
Object.defineProperty(exports, "GridItem", {
|
|
32
32
|
enumerable: true,
|
|
33
|
-
get: function () { return
|
|
33
|
+
get: function () { return chunkBPZQUJ7Y_js.GridItem; }
|
|
34
34
|
});
|
|
35
35
|
Object.defineProperty(exports, "GridLayout", {
|
|
36
36
|
enumerable: true,
|
|
37
|
-
get: function () { return
|
|
37
|
+
get: function () { return chunkBPZQUJ7Y_js.GridLayout; }
|
|
38
38
|
});
|
|
39
39
|
Object.defineProperty(exports, "ResponsiveGridLayout", {
|
|
40
40
|
enumerable: true,
|
|
41
|
-
get: function () { return
|
|
41
|
+
get: function () { return chunkBPZQUJ7Y_js.ResponsiveGridLayout; }
|
|
42
42
|
});
|
|
43
43
|
Object.defineProperty(exports, "getCompactor", {
|
|
44
44
|
enumerable: true,
|
|
45
|
-
get: function () { return
|
|
45
|
+
get: function () { return chunk55DQUWLA_js.getCompactor; }
|
|
46
46
|
});
|
|
47
47
|
Object.defineProperty(exports, "horizontalCompactor", {
|
|
48
48
|
enumerable: true,
|
|
49
|
-
get: function () { return
|
|
49
|
+
get: function () { return chunk55DQUWLA_js.horizontalCompactor; }
|
|
50
50
|
});
|
|
51
51
|
Object.defineProperty(exports, "noCompactor", {
|
|
52
52
|
enumerable: true,
|
|
53
|
-
get: function () { return
|
|
53
|
+
get: function () { return chunk55DQUWLA_js.noCompactor; }
|
|
54
54
|
});
|
|
55
55
|
Object.defineProperty(exports, "setTopLeft", {
|
|
56
56
|
enumerable: true,
|
|
57
|
-
get: function () { return
|
|
57
|
+
get: function () { return chunk55DQUWLA_js.setTopLeft; }
|
|
58
58
|
});
|
|
59
59
|
Object.defineProperty(exports, "setTransform", {
|
|
60
60
|
enumerable: true,
|
|
61
|
-
get: function () { return
|
|
61
|
+
get: function () { return chunk55DQUWLA_js.setTransform; }
|
|
62
62
|
});
|
|
63
63
|
Object.defineProperty(exports, "verticalCompactor", {
|
|
64
64
|
enumerable: true,
|
|
65
|
-
get: function () { return
|
|
65
|
+
get: function () { return chunk55DQUWLA_js.verticalCompactor; }
|
|
66
66
|
});
|
|
67
67
|
Object.defineProperty(exports, "bottom", {
|
|
68
68
|
enumerable: true,
|
|
69
|
-
get: function () { return
|
|
69
|
+
get: function () { return chunkA5WIFECI_js.bottom; }
|
|
70
70
|
});
|
|
71
71
|
Object.defineProperty(exports, "calcGridItemPosition", {
|
|
72
72
|
enumerable: true,
|
|
73
|
-
get: function () { return
|
|
73
|
+
get: function () { return chunkA5WIFECI_js.calcGridItemPosition; }
|
|
74
74
|
});
|
|
75
75
|
Object.defineProperty(exports, "calcWH", {
|
|
76
76
|
enumerable: true,
|
|
77
|
-
get: function () { return
|
|
77
|
+
get: function () { return chunkA5WIFECI_js.calcWH; }
|
|
78
78
|
});
|
|
79
79
|
Object.defineProperty(exports, "calcXY", {
|
|
80
80
|
enumerable: true,
|
|
81
|
-
get: function () { return
|
|
81
|
+
get: function () { return chunkA5WIFECI_js.calcXY; }
|
|
82
82
|
});
|
|
83
83
|
Object.defineProperty(exports, "cloneLayout", {
|
|
84
84
|
enumerable: true,
|
|
85
|
-
get: function () { return
|
|
85
|
+
get: function () { return chunkA5WIFECI_js.cloneLayout; }
|
|
86
86
|
});
|
|
87
87
|
Object.defineProperty(exports, "cloneLayoutItem", {
|
|
88
88
|
enumerable: true,
|
|
89
|
-
get: function () { return
|
|
89
|
+
get: function () { return chunkA5WIFECI_js.cloneLayoutItem; }
|
|
90
90
|
});
|
|
91
91
|
Object.defineProperty(exports, "getLayoutItem", {
|
|
92
92
|
enumerable: true,
|
|
93
|
-
get: function () { return
|
|
93
|
+
get: function () { return chunkA5WIFECI_js.getLayoutItem; }
|
|
94
94
|
});
|
|
95
|
-
//# sourceMappingURL=react.js.map
|
|
96
|
-
//# sourceMappingURL=react.js.map
|
package/dist/react.mjs
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
export { DEFAULT_BREAKPOINTS, DEFAULT_COLS, useContainerWidth, useGridLayout, useResponsiveLayout } from './chunk-
|
|
2
|
-
import './chunk-
|
|
3
|
-
export { GridItem, GridLayout, ResponsiveGridLayout } from './chunk-
|
|
4
|
-
export { getCompactor, horizontalCompactor, noCompactor, setTopLeft, setTransform, verticalCompactor } from './chunk-
|
|
5
|
-
export { bottom, calcGridItemPosition, calcWH, calcXY, cloneLayout, cloneLayoutItem, getLayoutItem } from './chunk-
|
|
6
|
-
//# sourceMappingURL=react.mjs.map
|
|
7
|
-
//# sourceMappingURL=react.mjs.map
|
|
1
|
+
export { DEFAULT_BREAKPOINTS, DEFAULT_COLS, useContainerWidth, useGridLayout, useResponsiveLayout } from './chunk-PZLKKWSX.mjs';
|
|
2
|
+
import './chunk-O3KX3VYW.mjs';
|
|
3
|
+
export { GridItem, GridLayout, ResponsiveGridLayout } from './chunk-WGL5FSZH.mjs';
|
|
4
|
+
export { getCompactor, horizontalCompactor, noCompactor, setTopLeft, setTransform, verticalCompactor } from './chunk-KDANGDDL.mjs';
|
|
5
|
+
export { bottom, calcGridItemPosition, calcWH, calcXY, cloneLayout, cloneLayoutItem, getLayoutItem } from './chunk-76RTO6EO.mjs';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { d as LayoutItem, L as Layout, C as CompactType, B as Breakpoint, e as ResponsiveLayouts, a as Breakpoints, b as Compactor } from './types-jd8MiKM1.mjs';
|
|
2
2
|
|
|
3
3
|
/**
|
|
4
4
|
* Collision detection utilities for grid layouts.
|
|
@@ -142,4 +142,4 @@ type IndentationValue<B extends Breakpoint> = readonly [number, number] | Partia
|
|
|
142
142
|
*/
|
|
143
143
|
declare function getIndentationValue<B extends Breakpoint>(value: IndentationValue<B>, breakpoint: B): readonly [number, number];
|
|
144
144
|
|
|
145
|
-
export {
|
|
145
|
+
export { getBreakpointFromWidth as a, getColsFromBreakpoint as b, collides as c, getFirstCollision as d, sortLayoutItemsByColRow as e, findOrGenerateResponsiveLayout as f, getAllCollisions as g, sortLayoutItemsByRowCol as h, getIndentationValue as i, sortBreakpoints as j, sortLayoutItems as s };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { d as LayoutItem, L as Layout, C as CompactType, B as Breakpoint, e as ResponsiveLayouts, a as Breakpoints, b as Compactor } from './types-jd8MiKM1.js';
|
|
2
2
|
|
|
3
3
|
/**
|
|
4
4
|
* Collision detection utilities for grid layouts.
|
|
@@ -142,4 +142,4 @@ type IndentationValue<B extends Breakpoint> = readonly [number, number] | Partia
|
|
|
142
142
|
*/
|
|
143
143
|
declare function getIndentationValue<B extends Breakpoint>(value: IndentationValue<B>, breakpoint: B): readonly [number, number];
|
|
144
144
|
|
|
145
|
-
export {
|
|
145
|
+
export { getBreakpointFromWidth as a, getColsFromBreakpoint as b, collides as c, getFirstCollision as d, sortLayoutItemsByColRow as e, findOrGenerateResponsiveLayout as f, getAllCollisions as g, sortLayoutItemsByRowCol as h, getIndentationValue as i, sortBreakpoints as j, sortLayoutItems as s };
|
|
@@ -455,4 +455,4 @@ type DeepPartial<T> = {
|
|
|
455
455
|
*/
|
|
456
456
|
type ArrayElement<T> = T extends readonly (infer U)[] ? U : never;
|
|
457
457
|
|
|
458
|
-
export { type ArrayElement as A, type Breakpoint as B, type CompactType as C, type DroppingPosition as D, type EventCallback as E, type GridDragEvent as G, type Layout as L, type Mutable as M, type
|
|
458
|
+
export { type ArrayElement as A, type Breakpoint as B, type CompactType as C, type DroppingPosition as D, type EventCallback as E, type GridDragEvent as G, type Layout as L, type Mutable as M, type OnBreakpointChangeCallback as O, type Position as P, type ResizeHandleAxis as R, type Size as S, type Breakpoints as a, type Compactor as b, type GridResizeEvent as c, type LayoutItem as d, type ResponsiveLayouts as e, type LayoutConstraint as f, type ConstraintContext as g, type BreakpointCols as h, type DeepPartial as i, type DragConfig as j, type DragOverEvent as k, type DropConfig as l, type GridConfig as m, type OnLayoutChangeCallback as n, type PartialPosition as o, type PositionStrategy as p, type ReactDraggableCallbackData as q, type ResizeConfig as r, defaultDragConfig as s, defaultDropConfig as t, defaultGridConfig as u, defaultResizeConfig as v };
|
|
@@ -455,4 +455,4 @@ type DeepPartial<T> = {
|
|
|
455
455
|
*/
|
|
456
456
|
type ArrayElement<T> = T extends readonly (infer U)[] ? U : never;
|
|
457
457
|
|
|
458
|
-
export { type ArrayElement as A, type Breakpoint as B, type CompactType as C, type DroppingPosition as D, type EventCallback as E, type GridDragEvent as G, type Layout as L, type Mutable as M, type
|
|
458
|
+
export { type ArrayElement as A, type Breakpoint as B, type CompactType as C, type DroppingPosition as D, type EventCallback as E, type GridDragEvent as G, type Layout as L, type Mutable as M, type OnBreakpointChangeCallback as O, type Position as P, type ResizeHandleAxis as R, type Size as S, type Breakpoints as a, type Compactor as b, type GridResizeEvent as c, type LayoutItem as d, type ResponsiveLayouts as e, type LayoutConstraint as f, type ConstraintContext as g, type BreakpointCols as h, type DeepPartial as i, type DragConfig as j, type DragOverEvent as k, type DropConfig as l, type GridConfig as m, type OnLayoutChangeCallback as n, type PartialPosition as o, type PositionStrategy as p, type ReactDraggableCallbackData as q, type ResizeConfig as r, defaultDragConfig as s, defaultDropConfig as t, defaultGridConfig as u, defaultResizeConfig as v };
|