react-resizable-panels 0.0.39 → 0.0.40
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/CHANGELOG.md +3 -0
- package/README.md +2 -0
- package/dist/react-resizable-panels.d.ts +3 -3
- package/dist/react-resizable-panels.d.ts.map +1 -1
- package/dist/react-resizable-panels.js +39 -23
- package/dist/react-resizable-panels.js.map +1 -1
- package/dist/react-resizable-panels.module.js +39 -23
- package/dist/react-resizable-panels.module.js.map +1 -1
- package/package.json +2 -2
- package/src/Panel.ts +1 -1
- package/src/PanelGroup.ts +6 -6
- package/src/PanelResizeHandle.ts +4 -4
- package/src/hooks/useWindowSplitterBehavior.ts +7 -4
- package/src/types.ts +1 -1
- package/src/utils/assert.ts +10 -0
- package/src/utils/coordinates.ts +2 -2
- package/src/utils/debounce.ts +3 -1
- package/src/utils/group.ts +15 -3
package/CHANGELOG.md
CHANGED
package/README.md
CHANGED
|
@@ -19,6 +19,8 @@ import { Panel, PanelGroup, PanelResizeHandle } from "react-resizable-panels";
|
|
|
19
19
|
</PanelGroup>
|
|
20
20
|
```
|
|
21
21
|
|
|
22
|
+
### If you like this project, 🎉 [become a sponsor](https://github.com/sponsors/bvaughn/) or ☕ [buy me a coffee](http://givebrian.coffee/)
|
|
23
|
+
|
|
22
24
|
## Props
|
|
23
25
|
|
|
24
26
|
### `PanelGroup`
|
|
@@ -14,7 +14,7 @@ type PanelData = {
|
|
|
14
14
|
onResize: PanelOnResize | null;
|
|
15
15
|
}>;
|
|
16
16
|
collapsible: boolean;
|
|
17
|
-
defaultSize: number;
|
|
17
|
+
defaultSize: number | null;
|
|
18
18
|
id: string;
|
|
19
19
|
maxSize: number;
|
|
20
20
|
minSize: number;
|
|
@@ -56,7 +56,7 @@ export type PanelGroupProps = {
|
|
|
56
56
|
tagName?: ElementType;
|
|
57
57
|
};
|
|
58
58
|
export function PanelGroup({ autoSaveId, children, className: classNameFromProps, direction, disablePointerEventsDuringResize, id: idFromProps, onLayout, storage, style: styleFromProps, tagName: Type, }: PanelGroupProps): import("react").FunctionComponentElement<import("react").ProviderProps<{
|
|
59
|
-
activeHandleId: string;
|
|
59
|
+
activeHandleId: string | null;
|
|
60
60
|
collapsePanel: (id: string) => void;
|
|
61
61
|
direction: "horizontal" | "vertical";
|
|
62
62
|
expandPanel: (id: string) => void;
|
|
@@ -68,7 +68,7 @@ export function PanelGroup({ autoSaveId, children, className: classNameFromProps
|
|
|
68
68
|
startDragging: (id: string, event: ResizeEvent) => void;
|
|
69
69
|
stopDragging: () => void;
|
|
70
70
|
unregisterPanel: (id: string) => void;
|
|
71
|
-
}>>;
|
|
71
|
+
} | null>>;
|
|
72
72
|
export type PanelResizeHandleProps = {
|
|
73
73
|
children?: ReactNode;
|
|
74
74
|
className?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";AGEA,iBAAwB,YAAY,GAAG,UAAU,CAAC;AAElD,gCAAgC;IAC9B,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACrC,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5C,CAAC;AAEF,0BAAiC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;AAC3D,uBAA8B,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;AAC3D,qBAA4B,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;AACnD,mCAA0C,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;AAExE,iBAAwB;IACtB,YAAY,EAAE,UAAU;QACtB,UAAU,EAAE,eAAe,GAAG,IAAI,CAAC;QACnC,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAC;KAChC,CAAC,CAAC;IACH,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;
|
|
1
|
+
{"mappings":";AGEA,iBAAwB,YAAY,GAAG,UAAU,CAAC;AAElD,gCAAgC;IAC9B,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACrC,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5C,CAAC;AAEF,0BAAiC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;AAC3D,uBAA8B,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;AAC3D,qBAA4B,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;AACnD,mCAA0C,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;AAExE,iBAAwB;IACtB,YAAY,EAAE,UAAU;QACtB,UAAU,EAAE,eAAe,GAAG,IAAI,CAAC;QACnC,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAC;KAChC,CAAC,CAAC;IACH,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB,CAAC;AAEF,mBAA0B,aAAa,GAAG,UAAU,GAAG,UAAU,CAAC;AETlE,yBAAyB;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAEF,oCAAoC;IAClC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,YAAY,IAAI,OAAO,CAAC;IACxB,OAAO,IAAI,MAAM,CAAC;IAClB,MAAM,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAC;AAyIF,OAAO,MAAM,mHAGZ,CAAC;AU5FF,8BAA8B;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,SAAS,CAAC;IACrB,gCAAgC,CAAC,EAAE,OAAO,CAAC;IAC3C,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAEF,2BAA2B,EACzB,UAAU,EACV,QAAe,EACf,SAAS,EAAE,kBAAuB,EAClC,SAAS,EACT,gCAAwC,EACxC,EAAE,EAAE,WAAkB,EACtB,QAAQ,EACR,OAAwB,EACxB,KAAK,EAAE,cAAmB,EAC1B,OAAO,EAAE,IAAY,GACtB,EAAE,eAAe;;;;;;;;;;;;;WAwhBjB;AC/mBD,qCAAqC;IACnC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,UAAU,CAAC,EAAE,2BAA2B,CAAC;IACzC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAEF,kCAAkC,EAChC,QAAe,EACf,SAAS,EAAE,kBAAuB,EAClC,QAAgB,EAChB,EAAE,EAAE,WAAkB,EACtB,UAAU,EACV,KAAK,EAAE,cAAmB,EAC1B,OAAO,EAAE,IAAY,GACtB,EAAE,sBAAsB,0FAoJxB","sources":["packages/react-resizable-panels/src/src/vendor/react.ts","packages/react-resizable-panels/src/src/hooks/useIsomorphicEffect.ts","packages/react-resizable-panels/src/src/hooks/useUniqueId.ts","packages/react-resizable-panels/src/src/types.ts","packages/react-resizable-panels/src/src/PanelContexts.ts","packages/react-resizable-panels/src/src/Panel.ts","packages/react-resizable-panels/src/src/utils/serialization.ts","packages/react-resizable-panels/src/src/constants.ts","packages/react-resizable-panels/src/src/utils/group.ts","packages/react-resizable-panels/src/src/utils/coordinates.ts","packages/react-resizable-panels/src/src/utils/assert.ts","packages/react-resizable-panels/src/src/hooks/useWindowSplitterBehavior.ts","packages/react-resizable-panels/src/src/utils/cursor.ts","packages/react-resizable-panels/src/src/utils/debounce.ts","packages/react-resizable-panels/src/src/utils/arrays.ts","packages/react-resizable-panels/src/src/PanelGroup.ts","packages/react-resizable-panels/src/src/PanelResizeHandle.ts","packages/react-resizable-panels/src/src/index.ts","packages/react-resizable-panels/src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,"import { Panel } from \"./Panel\";\nimport { PanelGroup } from \"./PanelGroup\";\nimport { PanelResizeHandle } from \"./PanelResizeHandle\";\n\nimport type { ImperativePanelHandle, PanelProps } from \"./Panel\";\nimport type { PanelGroupProps } from \"./PanelGroup\";\nimport type { PanelResizeHandleProps } from \"./PanelResizeHandle\";\nimport type { PanelGroupStorage } from \"./types\";\n\nexport {\n Panel,\n PanelGroup,\n PanelResizeHandle,\n\n // TypeScript types\n ImperativePanelHandle,\n PanelGroupProps,\n PanelGroupStorage,\n PanelProps,\n PanelResizeHandleProps,\n};\n"],"names":[],"version":3,"file":"react-resizable-panels.d.ts.map"}
|
|
@@ -223,34 +223,34 @@ function $cda3cc4b1114cf23$export$f50bae335f53943c(event, panels, idBefore, idAf
|
|
|
223
223
|
delta = delta < 0 ? baseSize - nextSize : nextSize - baseSize;
|
|
224
224
|
}
|
|
225
225
|
}
|
|
226
|
-
let
|
|
227
|
-
let
|
|
226
|
+
let pivotId = delta < 0 ? idBefore : idAfter;
|
|
227
|
+
let index = panelsArray.findIndex((panel)=>panel.id === pivotId);
|
|
228
228
|
while(true){
|
|
229
|
-
const
|
|
230
|
-
const
|
|
229
|
+
const panel = panelsArray[index];
|
|
230
|
+
const baseSize = baseSizes[index];
|
|
231
231
|
const deltaRemaining = Math.abs(delta) - Math.abs(deltaApplied);
|
|
232
|
-
const
|
|
233
|
-
if (
|
|
234
|
-
if (
|
|
235
|
-
deltaApplied +=
|
|
236
|
-
nextSizes[
|
|
232
|
+
const nextSize = $cda3cc4b1114cf23$var$safeResizePanel(panel, 0 - deltaRemaining, baseSize, event);
|
|
233
|
+
if (baseSize !== nextSize) {
|
|
234
|
+
if (nextSize === 0 && baseSize > 0) panelSizeBeforeCollapse.set(panel.id, baseSize);
|
|
235
|
+
deltaApplied += baseSize - nextSize;
|
|
236
|
+
nextSizes[index] = nextSize;
|
|
237
237
|
if (deltaApplied.toPrecision((0, $9abd79656a89cd3a$export$d6d3992f3becc879)).localeCompare(Math.abs(delta).toPrecision((0, $9abd79656a89cd3a$export$d6d3992f3becc879)), undefined, {
|
|
238
238
|
numeric: true
|
|
239
239
|
}) >= 0) break;
|
|
240
240
|
}
|
|
241
241
|
if (delta < 0) {
|
|
242
|
-
if (--
|
|
242
|
+
if (--index < 0) break;
|
|
243
243
|
} else {
|
|
244
|
-
if (++
|
|
244
|
+
if (++index >= panelsArray.length) break;
|
|
245
245
|
}
|
|
246
246
|
}
|
|
247
247
|
// If we were unable to resize any of the panels panels, return the previous state.
|
|
248
248
|
// This will essentially bailout and ignore the "mousemove" event.
|
|
249
249
|
if (deltaApplied === 0) return baseSizes;
|
|
250
250
|
// Adjust the pivot panel before, but only by the amount that surrounding panels were able to shrink/contract.
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
nextSizes[
|
|
251
|
+
pivotId = delta < 0 ? idAfter : idBefore;
|
|
252
|
+
index = panelsArray.findIndex((panel)=>panel.id === pivotId);
|
|
253
|
+
nextSizes[index] = baseSizes[index] + deltaApplied;
|
|
254
254
|
return nextSizes;
|
|
255
255
|
}
|
|
256
256
|
function $cda3cc4b1114cf23$export$b8e48269e4faa934(panelsArray, prevSizes, nextSizes) {
|
|
@@ -325,7 +325,7 @@ function $cda3cc4b1114cf23$export$68d3a33c21dfbe27(groupId, handleId, panelsArra
|
|
|
325
325
|
var _panelsArray_index, _panelsArray_;
|
|
326
326
|
const handle = $cda3cc4b1114cf23$export$2e27d3a347680388(handleId);
|
|
327
327
|
const handles = $cda3cc4b1114cf23$export$ae14931f0a0256a3(groupId);
|
|
328
|
-
const index = handles.indexOf(handle);
|
|
328
|
+
const index = handle ? handles.indexOf(handle) : -1;
|
|
329
329
|
var _panelsArray_index_id;
|
|
330
330
|
const idBefore = (_panelsArray_index_id = (_panelsArray_index = panelsArray[index]) === null || _panelsArray_index === void 0 ? void 0 : _panelsArray_index.id) !== null && _panelsArray_index_id !== void 0 ? _panelsArray_index_id : null;
|
|
331
331
|
var _panelsArray__id;
|
|
@@ -336,7 +336,14 @@ function $cda3cc4b1114cf23$export$68d3a33c21dfbe27(groupId, handleId, panelsArra
|
|
|
336
336
|
];
|
|
337
337
|
}
|
|
338
338
|
function $cda3cc4b1114cf23$export$a861c0ad45885494(panels) {
|
|
339
|
-
return Array.from(panels.values()).sort((
|
|
339
|
+
return Array.from(panels.values()).sort((panelA, panelB)=>{
|
|
340
|
+
const orderA = panelA.order;
|
|
341
|
+
const orderB = panelB.order;
|
|
342
|
+
if (orderA == null && orderB == null) return 0;
|
|
343
|
+
else if (orderA == null) return -1;
|
|
344
|
+
else if (orderB == null) return 1;
|
|
345
|
+
else return orderA - orderB;
|
|
346
|
+
});
|
|
340
347
|
}
|
|
341
348
|
function $cda3cc4b1114cf23$var$safeResizePanel(panel, delta, prevSize, event) {
|
|
342
349
|
const nextSizeUnsafe = prevSize + delta;
|
|
@@ -437,6 +444,14 @@ function $47eee9224cfec8e8$export$c4dfce035d43d1e0(event) {
|
|
|
437
444
|
|
|
438
445
|
|
|
439
446
|
|
|
447
|
+
function $3b727a2145ecd6f8$export$a7a9523472993e97(expectedCondition, message = "Assertion failed!") {
|
|
448
|
+
if (!expectedCondition) {
|
|
449
|
+
console.error(message);
|
|
450
|
+
throw Error(message);
|
|
451
|
+
}
|
|
452
|
+
}
|
|
453
|
+
|
|
454
|
+
|
|
440
455
|
function $a695670cc57a5969$export$d9fcbe062527d159({ committedValuesRef: committedValuesRef , groupId: groupId , panels: panels , setSizes: setSizes , sizes: sizes , panelSizeBeforeCollapse: panelSizeBeforeCollapse }) {
|
|
441
456
|
(0, $6e687094f9ca8395$export$6d9c69b0de29b591)(()=>{
|
|
442
457
|
const { direction: direction , panels: panels } = committedValuesRef.current;
|
|
@@ -535,6 +550,7 @@ function $a695670cc57a5969$export$33b0bea6ac3ffb03({ disabled: disabled , handle
|
|
|
535
550
|
event.preventDefault();
|
|
536
551
|
const handles = (0, $cda3cc4b1114cf23$export$8d0cd3c32ddc045e)();
|
|
537
552
|
const index = (0, $cda3cc4b1114cf23$export$96a40be80fb6c3c8)(handleId);
|
|
553
|
+
(0, $3b727a2145ecd6f8$export$a7a9523472993e97)(index !== null);
|
|
538
554
|
const nextIndex = event.shiftKey ? index > 0 ? index - 1 : handles.length - 1 : index + 1 < handles.length ? index + 1 : 0;
|
|
539
555
|
const nextHandle = handles[nextIndex];
|
|
540
556
|
nextHandle.focus();
|
|
@@ -594,7 +610,7 @@ function $08745f7373322b05$export$d395b5dfd066a659(state) {
|
|
|
594
610
|
function $2e8572579e31d898$export$2e2bcd8739ae039(callback, durationMs = 10) {
|
|
595
611
|
let timeoutId = null;
|
|
596
612
|
let callable = (...args)=>{
|
|
597
|
-
clearTimeout(timeoutId);
|
|
613
|
+
if (timeoutId !== null) clearTimeout(timeoutId);
|
|
598
614
|
timeoutId = setTimeout(()=>{
|
|
599
615
|
callback(...args);
|
|
600
616
|
}, durationMs);
|
|
@@ -621,7 +637,7 @@ const $cec4cafe75f3db78$var$defaultStorage = {
|
|
|
621
637
|
getItem: typeof localStorage !== "undefined" ? (name)=>localStorage.getItem(name) : $cec4cafe75f3db78$var$throwServerError,
|
|
622
638
|
setItem: typeof localStorage !== "undefined" ? (name, value)=>localStorage.setItem(name, value) : $cec4cafe75f3db78$var$throwServerError
|
|
623
639
|
};
|
|
624
|
-
function $cec4cafe75f3db78$export$1d05749f6f573bb({ autoSaveId: autoSaveId , children: children = null , className: classNameFromProps = "" , direction: direction , disablePointerEventsDuringResize: disablePointerEventsDuringResize = false , id: idFromProps = null , onLayout: onLayout
|
|
640
|
+
function $cec4cafe75f3db78$export$1d05749f6f573bb({ autoSaveId: autoSaveId , children: children = null , className: classNameFromProps = "" , direction: direction , disablePointerEventsDuringResize: disablePointerEventsDuringResize = false , id: idFromProps = null , onLayout: onLayout , storage: storage = $cec4cafe75f3db78$var$defaultStorage , style: styleFromProps = {} , tagName: Type = "div" }) {
|
|
625
641
|
const groupId = (0, $b1693d8d8f570e9c$export$2e2bcd8739ae039)(idFromProps);
|
|
626
642
|
const [activeHandleId, setActiveHandleId] = (0, $6e687094f9ca8395$export$60241385465d0a34)(null);
|
|
627
643
|
const [panels, setPanels] = (0, $6e687094f9ca8395$export$60241385465d0a34)(new Map());
|
|
@@ -694,14 +710,14 @@ function $cec4cafe75f3db78$export$1d05749f6f573bb({ autoSaveId: autoSaveId , chi
|
|
|
694
710
|
return;
|
|
695
711
|
// If this panel has been configured to persist sizing information,
|
|
696
712
|
// default size should be restored from local storage if possible.
|
|
697
|
-
let defaultSizes =
|
|
713
|
+
let defaultSizes = null;
|
|
698
714
|
if (autoSaveId) {
|
|
699
715
|
const panelsArray = (0, $cda3cc4b1114cf23$export$a861c0ad45885494)(panels);
|
|
700
716
|
defaultSizes = (0, $f9cb001fbb908626$export$9c80c6617f0386da)(autoSaveId, panelsArray, storage);
|
|
701
717
|
}
|
|
702
718
|
if (defaultSizes != null) setSizes(defaultSizes);
|
|
703
719
|
else {
|
|
704
|
-
const
|
|
720
|
+
const panelsArray = (0, $cda3cc4b1114cf23$export$a861c0ad45885494)(panels);
|
|
705
721
|
let panelsWithNullDefaultSize = 0;
|
|
706
722
|
let totalDefaultSize = 0;
|
|
707
723
|
let totalMinSize = 0;
|
|
@@ -709,14 +725,14 @@ function $cec4cafe75f3db78$export$1d05749f6f573bb({ autoSaveId: autoSaveId , chi
|
|
|
709
725
|
// Implicit default size calculations below do not account for inferred min/max size values.
|
|
710
726
|
// e.g. if Panel A has a maxSize of 40 then Panels A and B can't both have an implicit default size of 50.
|
|
711
727
|
// For now, these logic edge cases are left to the user to handle via props.
|
|
712
|
-
|
|
728
|
+
panelsArray.forEach((panel)=>{
|
|
713
729
|
totalMinSize += panel.minSize;
|
|
714
730
|
if (panel.defaultSize === null) panelsWithNullDefaultSize++;
|
|
715
731
|
else totalDefaultSize += panel.defaultSize;
|
|
716
732
|
});
|
|
717
733
|
if (totalDefaultSize > 100) throw new Error(`The sum of the defaultSize of all panels in a group cannot exceed 100.`);
|
|
718
734
|
else if (totalMinSize > 100) throw new Error(`The sum of the minSize of all panels in a group cannot exceed 100.`);
|
|
719
|
-
setSizes(
|
|
735
|
+
setSizes(panelsArray.map((panel)=>{
|
|
720
736
|
if (panel.defaultSize === null) return (100 - totalDefaultSize) / panelsWithNullDefaultSize;
|
|
721
737
|
return panel.defaultSize;
|
|
722
738
|
}));
|
|
@@ -965,7 +981,7 @@ $cec4cafe75f3db78$export$1d05749f6f573bb.displayName = "PanelGroup";
|
|
|
965
981
|
|
|
966
982
|
|
|
967
983
|
|
|
968
|
-
function $3a26a712c9163348$export$8829ecf6b6b15484({ children: children = null , className: classNameFromProps = "" , disabled: disabled = false , id: idFromProps = null , onDragging: onDragging
|
|
984
|
+
function $3a26a712c9163348$export$8829ecf6b6b15484({ children: children = null , className: classNameFromProps = "" , disabled: disabled = false , id: idFromProps = null , onDragging: onDragging , style: styleFromProps = {} , tagName: Type = "div" }) {
|
|
969
985
|
const divElementRef = (0, $6e687094f9ca8395$export$b8f5890fc79d6aca)(null);
|
|
970
986
|
// Use a ref to guard against users passing inline props
|
|
971
987
|
const callbacksRef = (0, $6e687094f9ca8395$export$b8f5890fc79d6aca)({
|