quantum-component-library 1.4.45-qa.5 → 1.4.45-qa.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components.cjs +3 -3
- package/dist/components.js +30 -29
- package/dist/{dnd-core-vendor-rqY4Q0Vq.cjs → dnd-core-vendor-BYC7cLQD.cjs} +1 -1
- package/dist/{dnd-core-vendor-LFMXiCD5.js → dnd-core-vendor-DvzJ584W.js} +2 -2
- package/dist/emotion-vendor-D6PQH2K8.cjs +1 -0
- package/dist/emotion-vendor-DNnoMT20.js +546 -0
- package/dist/floating-ui-vendor-BcB50aec.js +246 -0
- package/dist/floating-ui-vendor-Dsd5TAjM.cjs +1 -0
- package/dist/{graphql-vendor-DRps04BT.cjs → graphql-vendor-B5FHuhCx.cjs} +1 -1
- package/dist/{graphql-vendor-DUv16c0G.js → graphql-vendor-D_K-hLF7.js} +1 -1
- package/dist/hooks.cjs +1 -1
- package/dist/hooks.js +1 -1
- package/dist/moment-vendor-1cRqq0AH.cjs +10 -0
- package/dist/moment-vendor-DMLRxgRE.js +2589 -0
- package/dist/other-react-vendor-CbZyzO2N.cjs +36 -0
- package/dist/other-react-vendor-ZnZFHn3v.js +598 -0
- package/dist/providers.cjs +1 -1
- package/dist/providers.js +2 -2
- package/dist/{react-dnd-vendor-Cuc51Scz.js → react-dnd-vendor-CN8oCpGz.js} +35 -34
- package/dist/react-dnd-vendor-z_kx2PK8.cjs +2 -0
- package/dist/{react-select-vendor-BrXjJVof.js → react-select-vendor-BAxJ-fS5.js} +12 -10
- package/dist/react-select-vendor-CufHBxrs.cjs +4 -0
- package/dist/services.cjs +1 -1
- package/dist/services.js +1 -1
- package/dist/stylis-vendor-CdCMw5Aa.js +334 -0
- package/dist/stylis-vendor-DzcTLVj9.cjs +1 -0
- package/dist/utils.cjs +1 -1
- package/dist/utils.js +26 -25
- package/dist/vendor-DVLzEdMv.js +3717 -0
- package/dist/vendor-DoH3f618.cjs +1 -0
- package/package.json +1 -2
- package/dist/react-dnd-vendor-FieaWO8Z.cjs +0 -2
- package/dist/react-select-vendor-CVxjkFXv.cjs +0 -4
- package/dist/vendor-CPJGEWOn.cjs +0 -45
- package/dist/vendor-CoDHTSgb.js +0 -7981
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import { j as oe
|
|
2
|
-
import { createContext as
|
|
3
|
-
import { c as
|
|
4
|
-
|
|
1
|
+
import { j as oe } from "./other-react-vendor-ZnZFHn3v.js";
|
|
2
|
+
import { createContext as ae, memo as ce, useEffect as y, useLayoutEffect as ue, useState as de, useCallback as le, useMemo as p, isValidElement as he, cloneElement as k, useContext as ge } from "react";
|
|
3
|
+
import { c as fe } from "./dnd-core-vendor-DvzJ584W.js";
|
|
4
|
+
import { v as pe } from "./vendor-DVLzEdMv.js";
|
|
5
|
+
const X = ae({
|
|
5
6
|
dragDropManager: void 0
|
|
6
7
|
});
|
|
7
8
|
function T(r, e, ...t) {
|
|
@@ -142,12 +143,12 @@ class Se {
|
|
|
142
143
|
}
|
|
143
144
|
}
|
|
144
145
|
const B = new Te(), Oe = new Se(B.registerPendingError);
|
|
145
|
-
function
|
|
146
|
+
function vt(r) {
|
|
146
147
|
B.enqueueTask(Oe.create(r));
|
|
147
148
|
}
|
|
148
|
-
function
|
|
149
|
+
function Ce(r, e) {
|
|
149
150
|
if (r == null) return {};
|
|
150
|
-
var t =
|
|
151
|
+
var t = we(r, e), i, n;
|
|
151
152
|
if (Object.getOwnPropertySymbols) {
|
|
152
153
|
var s = Object.getOwnPropertySymbols(r);
|
|
153
154
|
for (n = 0; n < s.length; n++)
|
|
@@ -155,7 +156,7 @@ function we(r, e) {
|
|
|
155
156
|
}
|
|
156
157
|
return t;
|
|
157
158
|
}
|
|
158
|
-
function
|
|
159
|
+
function we(r, e) {
|
|
159
160
|
if (r == null) return {};
|
|
160
161
|
var t = {}, i = Object.keys(r), n, s;
|
|
161
162
|
for (s = 0; s < i.length; s++)
|
|
@@ -164,8 +165,8 @@ function Ce(r, e) {
|
|
|
164
165
|
}
|
|
165
166
|
let A = 0;
|
|
166
167
|
const E = Symbol.for("__REACT_DND_CONTEXT_INSTANCE__");
|
|
167
|
-
var
|
|
168
|
-
var { children: t } = e, i =
|
|
168
|
+
var Dt = /* @__PURE__ */ ce(function(e) {
|
|
169
|
+
var { children: t } = e, i = Ce(e, [
|
|
169
170
|
"children"
|
|
170
171
|
]);
|
|
171
172
|
const [n, s] = Ee(i);
|
|
@@ -198,19 +199,19 @@ function Ee(r) {
|
|
|
198
199
|
function ye(r, e = V(), t, i) {
|
|
199
200
|
const n = e;
|
|
200
201
|
return n[E] || (n[E] = {
|
|
201
|
-
dragDropManager:
|
|
202
|
+
dragDropManager: fe(r, e, t, i)
|
|
202
203
|
}), n[E];
|
|
203
204
|
}
|
|
204
205
|
function V() {
|
|
205
206
|
return typeof global < "u" ? global : window;
|
|
206
207
|
}
|
|
207
|
-
const I = typeof window < "u" ?
|
|
208
|
+
const I = typeof window < "u" ? ue : y;
|
|
208
209
|
function be(r, e, t) {
|
|
209
|
-
const [i, n] =
|
|
210
|
+
const [i, n] = de(
|
|
210
211
|
() => e(r)
|
|
211
|
-
), s =
|
|
212
|
+
), s = le(() => {
|
|
212
213
|
const a = e(r);
|
|
213
|
-
|
|
214
|
+
pe(i, a) || (n(a), t && t());
|
|
214
215
|
}, [
|
|
215
216
|
i,
|
|
216
217
|
r,
|
|
@@ -452,7 +453,7 @@ function _e(r) {
|
|
|
452
453
|
}
|
|
453
454
|
function ke(r) {
|
|
454
455
|
return (e = null, t = null) => {
|
|
455
|
-
if (!
|
|
456
|
+
if (!he(e)) {
|
|
456
457
|
const s = e;
|
|
457
458
|
return r(s, t), s;
|
|
458
459
|
}
|
|
@@ -618,7 +619,7 @@ class qe {
|
|
|
618
619
|
}
|
|
619
620
|
}
|
|
620
621
|
function S() {
|
|
621
|
-
const { dragDropManager: r } =
|
|
622
|
+
const { dragDropManager: r } = ge(X);
|
|
622
623
|
return T(r != null, "Expected drag drop context"), r;
|
|
623
624
|
}
|
|
624
625
|
function je(r, e) {
|
|
@@ -704,7 +705,7 @@ function We(r, e, t) {
|
|
|
704
705
|
s
|
|
705
706
|
]);
|
|
706
707
|
}
|
|
707
|
-
function
|
|
708
|
+
function mt(r, e) {
|
|
708
709
|
const t = G(r);
|
|
709
710
|
T(!t.begin, "useDrag::spec.begin was deprecated in v14. Replace spec.begin() with spec.item(). (see more here - https://react-dnd.github.io/react-dnd/docs/api/use-drag)");
|
|
710
711
|
const i = Ue(), n = je(t.options, t.previewOptions);
|
|
@@ -796,7 +797,7 @@ function Je(r, e, t) {
|
|
|
796
797
|
).join("|")
|
|
797
798
|
]);
|
|
798
799
|
}
|
|
799
|
-
function
|
|
800
|
+
function Tt(r, e) {
|
|
800
801
|
const t = G(r), i = Ke(), n = Ve(t.options);
|
|
801
802
|
return Je(t, i, n), [
|
|
802
803
|
K(t.collect, i, n),
|
|
@@ -1025,7 +1026,7 @@ function ne(r) {
|
|
|
1025
1026
|
y: t
|
|
1026
1027
|
};
|
|
1027
1028
|
}
|
|
1028
|
-
function
|
|
1029
|
+
function w(r) {
|
|
1029
1030
|
return {
|
|
1030
1031
|
x: r.clientX,
|
|
1031
1032
|
y: r.clientY
|
|
@@ -1071,9 +1072,9 @@ function ct(r, e, t, i, n) {
|
|
|
1071
1072
|
u.x / d * c,
|
|
1072
1073
|
// Dock to the right
|
|
1073
1074
|
u.x + c - d
|
|
1074
|
-
]).interpolate(h), { offsetX: m, offsetY: O } = n,
|
|
1075
|
+
]).interpolate(h), { offsetX: m, offsetY: O } = n, C = m === 0 || m, ie = O === 0 || O;
|
|
1075
1076
|
return {
|
|
1076
|
-
x:
|
|
1077
|
+
x: C ? m : D(),
|
|
1077
1078
|
y: ie ? O : v()
|
|
1078
1079
|
};
|
|
1079
1080
|
}
|
|
@@ -1266,7 +1267,7 @@ class lt {
|
|
|
1266
1267
|
return;
|
|
1267
1268
|
const { dragStartSourceIds: s } = this;
|
|
1268
1269
|
this.dragStartSourceIds = null;
|
|
1269
|
-
const a =
|
|
1270
|
+
const a = w(n);
|
|
1270
1271
|
this.monitor.isDragging() && (this.actions.endDrag(), this.cancelHover()), this.actions.beginDrag(s || [], {
|
|
1271
1272
|
publishSource: !1,
|
|
1272
1273
|
getSourceClientOffset: this.getSourceClientOffset,
|
|
@@ -1277,14 +1278,14 @@ class lt {
|
|
|
1277
1278
|
if (o && typeof o.setDragImage == "function") {
|
|
1278
1279
|
const l = this.monitor.getSourceId(), h = this.sourceNodes.get(l), g = this.sourcePreviewNodes.get(l) || h;
|
|
1279
1280
|
if (g) {
|
|
1280
|
-
const { anchorX: c, anchorY: f, offsetX: v, offsetY: D } = this.getCurrentSourcePreviewNodeOptions(),
|
|
1281
|
+
const { anchorX: c, anchorY: f, offsetX: v, offsetY: D } = this.getCurrentSourcePreviewNodeOptions(), C = ct(h, g, a, {
|
|
1281
1282
|
anchorX: c,
|
|
1282
1283
|
anchorY: f
|
|
1283
1284
|
}, {
|
|
1284
1285
|
offsetX: v,
|
|
1285
1286
|
offsetY: D
|
|
1286
1287
|
});
|
|
1287
|
-
o.setDragImage(g,
|
|
1288
|
+
o.setDragImage(g, C.x, C.y);
|
|
1288
1289
|
}
|
|
1289
1290
|
}
|
|
1290
1291
|
try {
|
|
@@ -1320,7 +1321,7 @@ class lt {
|
|
|
1320
1321
|
if (this.dragEnterTargetIds = [], !this.monitor.isDragging())
|
|
1321
1322
|
return;
|
|
1322
1323
|
this.altKeyPressed = n.altKey, s.length > 0 && this.actions.hover(s, {
|
|
1323
|
-
clientOffset:
|
|
1324
|
+
clientOffset: w(n)
|
|
1324
1325
|
}), s.some(
|
|
1325
1326
|
(o) => this.monitor.canDropOnTarget(o)
|
|
1326
1327
|
) && (n.preventDefault(), n.dataTransfer && (n.dataTransfer.dropEffect = this.getCurrentDropEffect()));
|
|
@@ -1335,7 +1336,7 @@ class lt {
|
|
|
1335
1336
|
n.preventDefault(), n.dataTransfer && (n.dataTransfer.dropEffect = "none");
|
|
1336
1337
|
return;
|
|
1337
1338
|
}
|
|
1338
|
-
this.altKeyPressed = n.altKey, this.lastClientOffset =
|
|
1339
|
+
this.altKeyPressed = n.altKey, this.lastClientOffset = w(n), this.scheduleHover(s), (s || []).some(
|
|
1339
1340
|
(o) => this.monitor.canDropOnTarget(o)
|
|
1340
1341
|
) ? (n.preventDefault(), n.dataTransfer && (n.dataTransfer.dropEffect = this.getCurrentDropEffect())) : this.isDraggingNativeItem() ? n.preventDefault() : (n.preventDefault(), n.dataTransfer && (n.dataTransfer.dropEffect = "none"));
|
|
1341
1342
|
}, this.handleTopDragLeaveCapture = (n) => {
|
|
@@ -1352,7 +1353,7 @@ class lt {
|
|
|
1352
1353
|
}, this.handleTopDrop = (n) => {
|
|
1353
1354
|
const { dropTargetIds: s } = this;
|
|
1354
1355
|
this.dropTargetIds = [], this.actions.hover(s, {
|
|
1355
|
-
clientOffset:
|
|
1356
|
+
clientOffset: w(n)
|
|
1356
1357
|
}), this.actions.drop({
|
|
1357
1358
|
dropEffect: this.getCurrentDropEffect()
|
|
1358
1359
|
}), this.isDraggingNativeItem() ? this.endDragNativeItem() : this.monitor.isDragging() && this.actions.endDrag(), this.cancelHover();
|
|
@@ -1362,14 +1363,14 @@ class lt {
|
|
|
1362
1363
|
}, this.options = new ut(t, i), this.actions = e.getActions(), this.monitor = e.getMonitor(), this.registry = e.getRegistry(), this.enterLeaveCounter = new tt(this.isNodeInDocument);
|
|
1363
1364
|
}
|
|
1364
1365
|
}
|
|
1365
|
-
const
|
|
1366
|
+
const It = function(e, t, i) {
|
|
1366
1367
|
return new lt(e, t, i);
|
|
1367
1368
|
};
|
|
1368
1369
|
export {
|
|
1369
|
-
|
|
1370
|
-
|
|
1371
|
-
|
|
1372
|
-
|
|
1370
|
+
Dt as D,
|
|
1371
|
+
It as H,
|
|
1372
|
+
mt as a,
|
|
1373
|
+
vt as b,
|
|
1373
1374
|
T as i,
|
|
1374
|
-
|
|
1375
|
+
Tt as u
|
|
1375
1376
|
};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const ie=require("./other-react-vendor-CbZyzO2N.cjs"),d=require("react"),se=require("./dnd-core-vendor-BYC7cLQD.cjs"),oe=require("./vendor-DoH3f618.cjs"),U=d.createContext({dragDropManager:void 0});function m(r,e,...t){if(ae()&&e===void 0)throw new Error("invariant requires an error message argument");if(!r){let i;if(e===void 0)i=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{let n=0;i=new Error(e.replace(/%s/g,function(){return t[n++]})),i.name="Invariant Violation"}throw i.framesToPop=1,i}}function ae(){return typeof process<"u"&&process.env.NODE_ENV==="production"}const k=typeof global<"u"?global:self,Y=k.MutationObserver||k.WebKitMutationObserver;function X(r){return function(){const t=setTimeout(n,0),i=setInterval(n,50);function n(){clearTimeout(t),clearInterval(i),r()}}}function ce(r){let e=1;const t=new Y(r),i=document.createTextNode("");return t.observe(i,{characterData:!0}),function(){e=-e,i.data=e}}const ue=typeof Y=="function"?ce:X;class de{enqueueTask(e){const{queue:t,requestFlush:i}=this;t.length||(i(),this.flushing=!0),t[t.length]=e}constructor(){this.queue=[],this.pendingErrors=[],this.flushing=!1,this.index=0,this.capacity=1024,this.flush=()=>{const{queue:e}=this;for(;this.index<e.length;){const t=this.index;if(this.index++,e[t].call(),this.index>this.capacity){for(let i=0,n=e.length-this.index;i<n;i++)e[i]=e[i+this.index];e.length-=this.index,this.index=0}}e.length=0,this.index=0,this.flushing=!1},this.registerPendingError=e=>{this.pendingErrors.push(e),this.requestErrorThrow()},this.requestFlush=ue(this.flush),this.requestErrorThrow=X(()=>{if(this.pendingErrors.length)throw this.pendingErrors.shift()})}}class le{call(){try{this.task&&this.task()}catch(e){this.onError(e)}finally{this.task=null,this.release(this)}}constructor(e,t){this.onError=e,this.release=t,this.task=null}}class he{create(e){const t=this.freeTasks,i=t.length?t.pop():new le(this.onError,n=>t[t.length]=n);return i.task=e,i}constructor(e){this.onError=e,this.freeTasks=[]}}const z=new de,ge=new he(z.registerPendingError);function fe(r){z.enqueueTask(ge.create(r))}function pe(r,e){if(r==null)return{};var t=ve(r,e),i,n;if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(r);for(n=0;n<s.length;n++)i=s[n],!(e.indexOf(i)>=0)&&Object.prototype.propertyIsEnumerable.call(r,i)&&(t[i]=r[i])}return t}function ve(r,e){if(r==null)return{};var t={},i=Object.keys(r),n,s;for(s=0;s<i.length;s++)n=i[s],!(e.indexOf(n)>=0)&&(t[n]=r[n]);return t}let _=0;const E=Symbol.for("__REACT_DND_CONTEXT_INSTANCE__");var De=d.memo(function(e){var{children:t}=e,i=pe(e,["children"]);const[n,s]=me(i);return d.useEffect(()=>{if(s){const a=V();return++_,()=>{--_===0&&(a[E]=null)}}},[]),ie.jsxRuntimeExports.jsx(U.Provider,{value:n,children:t})});function me(r){if("manager"in r)return[{dragDropManager:r.manager},!1];const e=Te(r.backend,r.context,r.options,r.debugMode),t=!r.context;return[e,t]}function Te(r,e=V(),t,i){const n=e;return n[E]||(n[E]={dragDropManager:se.createDragDropManager(r,e,t,i)}),n[E]}function V(){return typeof global<"u"?global:window}const I=typeof window<"u"?d.useLayoutEffect:d.useEffect;function Ie(r,e,t){const[i,n]=d.useState(()=>e(r)),s=d.useCallback(()=>{const a=e(r);oe.equal(i,a)||(n(a),t&&t())},[i,r,t]);return I(s),[i,s]}function Se(r,e,t){const[i,n]=Ie(r,e,t);return I(function(){const a=r.getHandlerId();if(a!=null)return r.subscribeToStateChange(n,{handlerIds:[a]})},[r,n]),i}function W(r,e,t){return Se(e,r||(()=>({})),()=>t.reconnect())}function B(r,e){const t=[];return typeof r!="function"&&t.push(r),d.useMemo(()=>typeof r=="function"?r():r,t)}function Ce(r){return d.useMemo(()=>r.hooks.dragSource(),[r])}function Oe(r){return d.useMemo(()=>r.hooks.dragPreview(),[r])}let y=!1,b=!1;class we{receiveHandlerId(e){this.sourceId=e}getHandlerId(){return this.sourceId}canDrag(){m(!y,"You may not call monitor.canDrag() inside your canDrag() implementation. Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-source-monitor");try{return y=!0,this.internalMonitor.canDragSource(this.sourceId)}finally{y=!1}}isDragging(){if(!this.sourceId)return!1;m(!b,"You may not call monitor.isDragging() inside your isDragging() implementation. Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-source-monitor");try{return b=!0,this.internalMonitor.isDraggingSource(this.sourceId)}finally{b=!1}}subscribeToStateChange(e,t){return this.internalMonitor.subscribeToStateChange(e,t)}isDraggingSource(e){return this.internalMonitor.isDraggingSource(e)}isOverTarget(e,t){return this.internalMonitor.isOverTarget(e,t)}getTargetIds(){return this.internalMonitor.getTargetIds()}isSourcePublic(){return this.internalMonitor.isSourcePublic()}getSourceId(){return this.internalMonitor.getSourceId()}subscribeToOffsetChange(e){return this.internalMonitor.subscribeToOffsetChange(e)}canDragSource(e){return this.internalMonitor.canDragSource(e)}canDropOnTarget(e){return this.internalMonitor.canDropOnTarget(e)}getItemType(){return this.internalMonitor.getItemType()}getItem(){return this.internalMonitor.getItem()}getDropResult(){return this.internalMonitor.getDropResult()}didDrop(){return this.internalMonitor.didDrop()}getInitialClientOffset(){return this.internalMonitor.getInitialClientOffset()}getInitialSourceClientOffset(){return this.internalMonitor.getInitialSourceClientOffset()}getSourceClientOffset(){return this.internalMonitor.getSourceClientOffset()}getClientOffset(){return this.internalMonitor.getClientOffset()}getDifferenceFromInitialOffset(){return this.internalMonitor.getDifferenceFromInitialOffset()}constructor(e){this.sourceId=null,this.internalMonitor=e.getMonitor()}}let P=!1;class Ee{receiveHandlerId(e){this.targetId=e}getHandlerId(){return this.targetId}subscribeToStateChange(e,t){return this.internalMonitor.subscribeToStateChange(e,t)}canDrop(){if(!this.targetId)return!1;m(!P,"You may not call monitor.canDrop() inside your canDrop() implementation. Read more: http://react-dnd.github.io/react-dnd/docs/api/drop-target-monitor");try{return P=!0,this.internalMonitor.canDropOnTarget(this.targetId)}finally{P=!1}}isOver(e){return this.targetId?this.internalMonitor.isOverTarget(this.targetId,e):!1}getItemType(){return this.internalMonitor.getItemType()}getItem(){return this.internalMonitor.getItem()}getDropResult(){return this.internalMonitor.getDropResult()}didDrop(){return this.internalMonitor.didDrop()}getInitialClientOffset(){return this.internalMonitor.getInitialClientOffset()}getInitialSourceClientOffset(){return this.internalMonitor.getInitialSourceClientOffset()}getSourceClientOffset(){return this.internalMonitor.getSourceClientOffset()}getClientOffset(){return this.internalMonitor.getClientOffset()}getDifferenceFromInitialOffset(){return this.internalMonitor.getDifferenceFromInitialOffset()}constructor(e){this.targetId=null,this.internalMonitor=e.getMonitor()}}function ye(r,e,t){const i=t.getRegistry(),n=i.addTarget(r,e);return[n,()=>i.removeTarget(n)]}function be(r,e,t){const i=t.getRegistry(),n=i.addSource(r,e);return[n,()=>i.removeSource(n)]}function x(r,e,t,i){let n;if(n!==void 0)return!!n;if(r===e)return!0;if(typeof r!="object"||!r||typeof e!="object"||!e)return!1;const s=Object.keys(r),a=Object.keys(e);if(s.length!==a.length)return!1;const o=Object.prototype.hasOwnProperty.bind(e);for(let u=0;u<s.length;u++){const l=s[u];if(!o(l))return!1;const h=r[l],g=e[l];if(n=void 0,n===!1||n===void 0&&h!==g)return!1}return!0}function L(r){return r!==null&&typeof r=="object"&&Object.prototype.hasOwnProperty.call(r,"current")}function Pe(r){if(typeof r.type=="string")return;const e=r.type.displayName||r.type.name||"the component";throw new Error(`Only native element nodes can now be passed to React DnD connectors.You can either wrap ${e} into a <div>, or turn it into a drag source or a drop target itself.`)}function Ne(r){return(e=null,t=null)=>{if(!d.isValidElement(e)){const s=e;return r(s,t),s}const i=e;return Pe(i),Me(i,t?s=>r(s,t):r)}}function K(r){const e={};return Object.keys(r).forEach(t=>{const i=r[t];if(t.endsWith("Ref"))e[t]=r[t];else{const n=Ne(i);e[t]=()=>n}}),e}function F(r,e){typeof r=="function"?r(e):r.current=e}function Me(r,e){const t=r.ref;return m(typeof t!="string","Cannot connect React DnD to an element with an existing string ref. Please convert it to use a callback ref instead, or wrap it into a <span> or <div>. Read more: https://reactjs.org/docs/refs-and-the-dom.html#callback-refs"),t?d.cloneElement(r,{ref:i=>{F(t,i),F(e,i)}}):d.cloneElement(r,{ref:e})}class xe{receiveHandlerId(e){this.handlerId!==e&&(this.handlerId=e,this.reconnect())}get connectTarget(){return this.dragSource}get dragSourceOptions(){return this.dragSourceOptionsInternal}set dragSourceOptions(e){this.dragSourceOptionsInternal=e}get dragPreviewOptions(){return this.dragPreviewOptionsInternal}set dragPreviewOptions(e){this.dragPreviewOptionsInternal=e}reconnect(){const e=this.reconnectDragSource();this.reconnectDragPreview(e)}reconnectDragSource(){const e=this.dragSource,t=this.didHandlerIdChange()||this.didConnectedDragSourceChange()||this.didDragSourceOptionsChange();return t&&this.disconnectDragSource(),this.handlerId?e?(t&&(this.lastConnectedHandlerId=this.handlerId,this.lastConnectedDragSource=e,this.lastConnectedDragSourceOptions=this.dragSourceOptions,this.dragSourceUnsubscribe=this.backend.connectDragSource(this.handlerId,e,this.dragSourceOptions)),t):(this.lastConnectedDragSource=e,t):t}reconnectDragPreview(e=!1){const t=this.dragPreview,i=e||this.didHandlerIdChange()||this.didConnectedDragPreviewChange()||this.didDragPreviewOptionsChange();if(i&&this.disconnectDragPreview(),!!this.handlerId){if(!t){this.lastConnectedDragPreview=t;return}i&&(this.lastConnectedHandlerId=this.handlerId,this.lastConnectedDragPreview=t,this.lastConnectedDragPreviewOptions=this.dragPreviewOptions,this.dragPreviewUnsubscribe=this.backend.connectDragPreview(this.handlerId,t,this.dragPreviewOptions))}}didHandlerIdChange(){return this.lastConnectedHandlerId!==this.handlerId}didConnectedDragSourceChange(){return this.lastConnectedDragSource!==this.dragSource}didConnectedDragPreviewChange(){return this.lastConnectedDragPreview!==this.dragPreview}didDragSourceOptionsChange(){return!x(this.lastConnectedDragSourceOptions,this.dragSourceOptions)}didDragPreviewOptionsChange(){return!x(this.lastConnectedDragPreviewOptions,this.dragPreviewOptions)}disconnectDragSource(){this.dragSourceUnsubscribe&&(this.dragSourceUnsubscribe(),this.dragSourceUnsubscribe=void 0)}disconnectDragPreview(){this.dragPreviewUnsubscribe&&(this.dragPreviewUnsubscribe(),this.dragPreviewUnsubscribe=void 0,this.dragPreviewNode=null,this.dragPreviewRef=null)}get dragSource(){return this.dragSourceNode||this.dragSourceRef&&this.dragSourceRef.current}get dragPreview(){return this.dragPreviewNode||this.dragPreviewRef&&this.dragPreviewRef.current}clearDragSource(){this.dragSourceNode=null,this.dragSourceRef=null}clearDragPreview(){this.dragPreviewNode=null,this.dragPreviewRef=null}constructor(e){this.hooks=K({dragSource:(t,i)=>{this.clearDragSource(),this.dragSourceOptions=i||null,L(t)?this.dragSourceRef=t:this.dragSourceNode=t,this.reconnectDragSource()},dragPreview:(t,i)=>{this.clearDragPreview(),this.dragPreviewOptions=i||null,L(t)?this.dragPreviewRef=t:this.dragPreviewNode=t,this.reconnectDragPreview()}}),this.handlerId=null,this.dragSourceRef=null,this.dragSourceOptionsInternal=null,this.dragPreviewRef=null,this.dragPreviewOptionsInternal=null,this.lastConnectedHandlerId=null,this.lastConnectedDragSource=null,this.lastConnectedDragSourceOptions=null,this.lastConnectedDragPreview=null,this.lastConnectedDragPreviewOptions=null,this.backend=e}}class Le{get connectTarget(){return this.dropTarget}reconnect(){const e=this.didHandlerIdChange()||this.didDropTargetChange()||this.didOptionsChange();e&&this.disconnectDropTarget();const t=this.dropTarget;if(this.handlerId){if(!t){this.lastConnectedDropTarget=t;return}e&&(this.lastConnectedHandlerId=this.handlerId,this.lastConnectedDropTarget=t,this.lastConnectedDropTargetOptions=this.dropTargetOptions,this.unsubscribeDropTarget=this.backend.connectDropTarget(this.handlerId,t,this.dropTargetOptions))}}receiveHandlerId(e){e!==this.handlerId&&(this.handlerId=e,this.reconnect())}get dropTargetOptions(){return this.dropTargetOptionsInternal}set dropTargetOptions(e){this.dropTargetOptionsInternal=e}didHandlerIdChange(){return this.lastConnectedHandlerId!==this.handlerId}didDropTargetChange(){return this.lastConnectedDropTarget!==this.dropTarget}didOptionsChange(){return!x(this.lastConnectedDropTargetOptions,this.dropTargetOptions)}disconnectDropTarget(){this.unsubscribeDropTarget&&(this.unsubscribeDropTarget(),this.unsubscribeDropTarget=void 0)}get dropTarget(){return this.dropTargetNode||this.dropTargetRef&&this.dropTargetRef.current}clearDropTarget(){this.dropTargetRef=null,this.dropTargetNode=null}constructor(e){this.hooks=K({dropTarget:(t,i)=>{this.clearDropTarget(),this.dropTargetOptions=i,L(t)?this.dropTargetRef=t:this.dropTargetNode=t,this.reconnect()}}),this.handlerId=null,this.dropTargetRef=null,this.dropTargetOptionsInternal=null,this.lastConnectedHandlerId=null,this.lastConnectedDropTarget=null,this.lastConnectedDropTargetOptions=null,this.backend=e}}function S(){const{dragDropManager:r}=d.useContext(U);return m(r!=null,"Expected drag drop context"),r}function Re(r,e){const t=S(),i=d.useMemo(()=>new xe(t.getBackend()),[t]);return I(()=>(i.dragSourceOptions=r||null,i.reconnect(),()=>i.disconnectDragSource()),[i,r]),I(()=>(i.dragPreviewOptions=e||null,i.reconnect(),()=>i.disconnectDragPreview()),[i,e]),i}function He(){const r=S();return d.useMemo(()=>new we(r),[r])}class ke{beginDrag(){const e=this.spec,t=this.monitor;let i=null;return typeof e.item=="object"?i=e.item:typeof e.item=="function"?i=e.item(t):i={},i??null}canDrag(){const e=this.spec,t=this.monitor;return typeof e.canDrag=="boolean"?e.canDrag:typeof e.canDrag=="function"?e.canDrag(t):!0}isDragging(e,t){const i=this.spec,n=this.monitor,{isDragging:s}=i;return s?s(n):t===e.getSourceId()}endDrag(){const e=this.spec,t=this.monitor,i=this.connector,{end:n}=e;n&&n(t.getItem(),t),i.reconnect()}constructor(e,t,i){this.spec=e,this.monitor=t,this.connector=i}}function _e(r,e,t){const i=d.useMemo(()=>new ke(r,e,t),[e,t]);return d.useEffect(()=>{i.spec=r},[r]),i}function Fe(r){return d.useMemo(()=>{const e=r.type;return m(e!=null,"spec.type must be defined"),e},[r])}function qe(r,e,t){const i=S(),n=_e(r,e,t),s=Fe(r);I(function(){if(s!=null){const[o,u]=be(s,n,i);return e.receiveHandlerId(o),t.receiveHandlerId(o),u}},[i,e,t,n,s])}function Ae(r,e){const t=B(r);m(!t.begin,"useDrag::spec.begin was deprecated in v14. Replace spec.begin() with spec.item(). (see more here - https://react-dnd.github.io/react-dnd/docs/api/use-drag)");const i=He(),n=Re(t.options,t.previewOptions);return qe(t,i,n),[W(t.collect,i,n),Ce(n),Oe(n)]}function je(r){return d.useMemo(()=>r.hooks.dropTarget(),[r])}function Ue(r){const e=S(),t=d.useMemo(()=>new Le(e.getBackend()),[e]);return I(()=>(t.dropTargetOptions=r||null,t.reconnect(),()=>t.disconnectDropTarget()),[r]),t}function Ye(){const r=S();return d.useMemo(()=>new Ee(r),[r])}function Xe(r){const{accept:e}=r;return d.useMemo(()=>(m(r.accept!=null,"accept must be defined"),Array.isArray(e)?e:[e]),[e])}class ze{canDrop(){const e=this.spec,t=this.monitor;return e.canDrop?e.canDrop(t.getItem(),t):!0}hover(){const e=this.spec,t=this.monitor;e.hover&&e.hover(t.getItem(),t)}drop(){const e=this.spec,t=this.monitor;if(e.drop)return e.drop(t.getItem(),t)}constructor(e,t){this.spec=e,this.monitor=t}}function Ve(r,e){const t=d.useMemo(()=>new ze(r,e),[e]);return d.useEffect(()=>{t.spec=r},[r]),t}function We(r,e,t){const i=S(),n=Ve(r,e),s=Xe(r);I(function(){const[o,u]=ye(s,n,i);return e.receiveHandlerId(o),t.receiveHandlerId(o),u},[i,e,n,t,s.map(a=>a.toString()).join("|")])}function Be(r,e){const t=B(r),i=Ye(),n=Ue(t.options);return We(t,i,n),[W(t.collect,i,n),je(n)]}function G(r){let e=null;return()=>(e==null&&(e=r()),e)}function Ke(r,e){return r.filter(t=>t!==e)}function Ge(r,e){const t=new Set,i=s=>t.add(s);r.forEach(i),e.forEach(i);const n=[];return t.forEach(s=>n.push(s)),n}class $e{enter(e){const t=this.entered.length,i=n=>this.isNodeInDocument(n)&&(!n.contains||n.contains(e));return this.entered=Ge(this.entered.filter(i),[e]),t===0&&this.entered.length>0}leave(e){const t=this.entered.length;return this.entered=Ke(this.entered.filter(this.isNodeInDocument),e),t>0&&this.entered.length===0}reset(){this.entered=[]}constructor(e){this.entered=[],this.isNodeInDocument=e}}class Qe{initializeExposedProperties(){Object.keys(this.config.exposeProperties).forEach(e=>{Object.defineProperty(this.item,e,{configurable:!0,enumerable:!0,get(){return console.warn(`Browser doesn't allow reading "${e}" until the drop event.`),null}})})}loadDataTransfer(e){if(e){const t={};Object.keys(this.config.exposeProperties).forEach(i=>{const n=this.config.exposeProperties[i];n!=null&&(t[i]={value:n(e,this.config.matchesTypes),configurable:!0,enumerable:!0})}),Object.defineProperties(this.item,t)}}canDrag(){return!0}beginDrag(){return this.item}isDragging(e,t){return t===e.getSourceId()}endDrag(){}constructor(e){this.config=e,this.item={},this.initializeExposedProperties()}}const $="__NATIVE_FILE__",Q="__NATIVE_URL__",J="__NATIVE_TEXT__",Z="__NATIVE_HTML__",q=Object.freeze(Object.defineProperty({__proto__:null,FILE:$,HTML:Z,TEXT:J,URL:Q},Symbol.toStringTag,{value:"Module"}));function N(r,e,t){const i=e.reduce((n,s)=>n||r.getData(s),"");return i??t}const R={[$]:{exposeProperties:{files:r=>Array.prototype.slice.call(r.files),items:r=>r.items,dataTransfer:r=>r},matchesTypes:["Files"]},[Z]:{exposeProperties:{html:(r,e)=>N(r,e,""),dataTransfer:r=>r},matchesTypes:["Html","text/html"]},[Q]:{exposeProperties:{urls:(r,e)=>N(r,e,"").split(`
|
|
2
|
+
`),dataTransfer:r=>r},matchesTypes:["Url","text/uri-list"]},[J]:{exposeProperties:{text:(r,e)=>N(r,e,""),dataTransfer:r=>r},matchesTypes:["Text","text/plain"]}};function Je(r,e){const t=R[r];if(!t)throw new Error(`native type ${r} has no configuration`);const i=new Qe(t);return i.loadDataTransfer(e),i}function M(r){if(!r)return null;const e=Array.prototype.slice.call(r.types||[]);return Object.keys(R).filter(t=>{const i=R[t];return i?.matchesTypes?i.matchesTypes.some(n=>e.indexOf(n)>-1):!1})[0]||null}const Ze=G(()=>/firefox/i.test(navigator.userAgent)),ee=G(()=>!!window.safari);class A{interpolate(e){const{xs:t,ys:i,c1s:n,c2s:s,c3s:a}=this;let o=t.length-1;if(e===t[o])return i[o];let u=0,l=a.length-1,h;for(;u<=l;){h=Math.floor(.5*(u+l));const c=t[h];if(c<e)u=h+1;else if(c>e)l=h-1;else return i[h]}o=Math.max(0,l);const g=e-t[o],f=g*g;return i[o]+n[o]*g+s[o]*f+a[o]*g*f}constructor(e,t){const{length:i}=e,n=[];for(let c=0;c<i;c++)n.push(c);n.sort((c,p)=>e[c]<e[p]?-1:1);const s=[],a=[];let o,u;for(let c=0;c<i-1;c++)o=e[c+1]-e[c],u=t[c+1]-t[c],s.push(o),a.push(u/o);const l=[a[0]];for(let c=0;c<s.length-1;c++){const p=a[c],v=a[c+1];if(p*v<=0)l.push(0);else{o=s[c];const D=s[c+1],T=o+D;l.push(3*T/((T+D)/p+(T+o)/v))}}l.push(a[a.length-1]);const h=[],g=[];let f;for(let c=0;c<l.length-1;c++){f=a[c];const p=l[c],v=1/s[c],D=p+l[c+1]-f-f;h.push((f-p-D)*v),g.push(D*v*v)}this.xs=e,this.ys=t,this.c1s=l,this.c2s=h,this.c3s=g}}const et=1;function te(r){const e=r.nodeType===et?r:r.parentElement;if(!e)return null;const{top:t,left:i}=e.getBoundingClientRect();return{x:i,y:t}}function w(r){return{x:r.clientX,y:r.clientY}}function tt(r){var e;return r.nodeName==="IMG"&&(Ze()||!(!((e=document.documentElement)===null||e===void 0)&&e.contains(r)))}function rt(r,e,t,i){let n=r?e.width:t,s=r?e.height:i;return ee()&&r&&(s/=window.devicePixelRatio,n/=window.devicePixelRatio),{dragPreviewWidth:n,dragPreviewHeight:s}}function nt(r,e,t,i,n){const s=tt(e),o=te(s?r:e),u={x:t.x-o.x,y:t.y-o.y},{offsetWidth:l,offsetHeight:h}=r,{anchorX:g,anchorY:f}=i,{dragPreviewWidth:c,dragPreviewHeight:p}=rt(s,e,l,h),v=()=>{let H=new A([0,.5,1],[u.y,u.y/h*p,u.y+p-h]).interpolate(f);return ee()&&s&&(H+=(window.devicePixelRatio-1)*p),H},D=()=>new A([0,.5,1],[u.x,u.x/l*c,u.x+c-l]).interpolate(g),{offsetX:T,offsetY:C}=n,O=T===0||T,re=C===0||C;return{x:O?T:D(),y:re?C:v()}}class it{get window(){if(this.globalContext)return this.globalContext;if(typeof window<"u")return window}get document(){var e;return!((e=this.globalContext)===null||e===void 0)&&e.document?this.globalContext.document:this.window?this.window.document:void 0}get rootElement(){var e;return((e=this.optionsArgs)===null||e===void 0?void 0:e.rootElement)||this.window}constructor(e,t){this.ownerDocument=null,this.globalContext=e,this.optionsArgs=t}}function st(r,e,t){return e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}function j(r){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{},i=Object.keys(t);typeof Object.getOwnPropertySymbols=="function"&&(i=i.concat(Object.getOwnPropertySymbols(t).filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),i.forEach(function(n){st(r,n,t[n])})}return r}class ot{profile(){var e,t;return{sourcePreviewNodes:this.sourcePreviewNodes.size,sourcePreviewNodeOptions:this.sourcePreviewNodeOptions.size,sourceNodeOptions:this.sourceNodeOptions.size,sourceNodes:this.sourceNodes.size,dragStartSourceIds:((e=this.dragStartSourceIds)===null||e===void 0?void 0:e.length)||0,dropTargetIds:this.dropTargetIds.length,dragEnterTargetIds:this.dragEnterTargetIds.length,dragOverTargetIds:((t=this.dragOverTargetIds)===null||t===void 0?void 0:t.length)||0}}get window(){return this.options.window}get document(){return this.options.document}get rootElement(){return this.options.rootElement}setup(){const e=this.rootElement;if(e!==void 0){if(e.__isReactDndBackendSetUp)throw new Error("Cannot have two HTML5 backends at the same time.");e.__isReactDndBackendSetUp=!0,this.addEventListeners(e)}}teardown(){const e=this.rootElement;if(e!==void 0&&(e.__isReactDndBackendSetUp=!1,this.removeEventListeners(this.rootElement),this.clearCurrentDragSourceNode(),this.asyncEndDragFrameId)){var t;(t=this.window)===null||t===void 0||t.cancelAnimationFrame(this.asyncEndDragFrameId)}}connectDragPreview(e,t,i){return this.sourcePreviewNodeOptions.set(e,i),this.sourcePreviewNodes.set(e,t),()=>{this.sourcePreviewNodes.delete(e),this.sourcePreviewNodeOptions.delete(e)}}connectDragSource(e,t,i){this.sourceNodes.set(e,t),this.sourceNodeOptions.set(e,i);const n=a=>this.handleDragStart(a,e),s=a=>this.handleSelectStart(a);return t.setAttribute("draggable","true"),t.addEventListener("dragstart",n),t.addEventListener("selectstart",s),()=>{this.sourceNodes.delete(e),this.sourceNodeOptions.delete(e),t.removeEventListener("dragstart",n),t.removeEventListener("selectstart",s),t.setAttribute("draggable","false")}}connectDropTarget(e,t){const i=a=>this.handleDragEnter(a,e),n=a=>this.handleDragOver(a,e),s=a=>this.handleDrop(a,e);return t.addEventListener("dragenter",i),t.addEventListener("dragover",n),t.addEventListener("drop",s),()=>{t.removeEventListener("dragenter",i),t.removeEventListener("dragover",n),t.removeEventListener("drop",s)}}addEventListeners(e){e.addEventListener&&(e.addEventListener("dragstart",this.handleTopDragStart),e.addEventListener("dragstart",this.handleTopDragStartCapture,!0),e.addEventListener("dragend",this.handleTopDragEndCapture,!0),e.addEventListener("dragenter",this.handleTopDragEnter),e.addEventListener("dragenter",this.handleTopDragEnterCapture,!0),e.addEventListener("dragleave",this.handleTopDragLeaveCapture,!0),e.addEventListener("dragover",this.handleTopDragOver),e.addEventListener("dragover",this.handleTopDragOverCapture,!0),e.addEventListener("drop",this.handleTopDrop),e.addEventListener("drop",this.handleTopDropCapture,!0))}removeEventListeners(e){e.removeEventListener&&(e.removeEventListener("dragstart",this.handleTopDragStart),e.removeEventListener("dragstart",this.handleTopDragStartCapture,!0),e.removeEventListener("dragend",this.handleTopDragEndCapture,!0),e.removeEventListener("dragenter",this.handleTopDragEnter),e.removeEventListener("dragenter",this.handleTopDragEnterCapture,!0),e.removeEventListener("dragleave",this.handleTopDragLeaveCapture,!0),e.removeEventListener("dragover",this.handleTopDragOver),e.removeEventListener("dragover",this.handleTopDragOverCapture,!0),e.removeEventListener("drop",this.handleTopDrop),e.removeEventListener("drop",this.handleTopDropCapture,!0))}getCurrentSourceNodeOptions(){const e=this.monitor.getSourceId(),t=this.sourceNodeOptions.get(e);return j({dropEffect:this.altKeyPressed?"copy":"move"},t||{})}getCurrentDropEffect(){return this.isDraggingNativeItem()?"copy":this.getCurrentSourceNodeOptions().dropEffect}getCurrentSourcePreviewNodeOptions(){const e=this.monitor.getSourceId(),t=this.sourcePreviewNodeOptions.get(e);return j({anchorX:.5,anchorY:.5,captureDraggingState:!1},t||{})}isDraggingNativeItem(){const e=this.monitor.getItemType();return Object.keys(q).some(t=>q[t]===e)}beginDragNativeItem(e,t){this.clearCurrentDragSourceNode(),this.currentNativeSource=Je(e,t),this.currentNativeHandle=this.registry.addSource(e,this.currentNativeSource),this.actions.beginDrag([this.currentNativeHandle])}setCurrentDragSourceNode(e){this.clearCurrentDragSourceNode(),this.currentDragSourceNode=e;const t=1e3;this.mouseMoveTimeoutTimer=setTimeout(()=>{var i;return(i=this.rootElement)===null||i===void 0?void 0:i.addEventListener("mousemove",this.endDragIfSourceWasRemovedFromDOM,!0)},t)}clearCurrentDragSourceNode(){if(this.currentDragSourceNode){if(this.currentDragSourceNode=null,this.rootElement){var e;(e=this.window)===null||e===void 0||e.clearTimeout(this.mouseMoveTimeoutTimer||void 0),this.rootElement.removeEventListener("mousemove",this.endDragIfSourceWasRemovedFromDOM,!0)}return this.mouseMoveTimeoutTimer=null,!0}return!1}handleDragStart(e,t){e.defaultPrevented||(this.dragStartSourceIds||(this.dragStartSourceIds=[]),this.dragStartSourceIds.unshift(t))}handleDragEnter(e,t){this.dragEnterTargetIds.unshift(t)}handleDragOver(e,t){this.dragOverTargetIds===null&&(this.dragOverTargetIds=[]),this.dragOverTargetIds.unshift(t)}handleDrop(e,t){this.dropTargetIds.unshift(t)}constructor(e,t,i){this.sourcePreviewNodes=new Map,this.sourcePreviewNodeOptions=new Map,this.sourceNodes=new Map,this.sourceNodeOptions=new Map,this.dragStartSourceIds=null,this.dropTargetIds=[],this.dragEnterTargetIds=[],this.currentNativeSource=null,this.currentNativeHandle=null,this.currentDragSourceNode=null,this.altKeyPressed=!1,this.mouseMoveTimeoutTimer=null,this.asyncEndDragFrameId=null,this.dragOverTargetIds=null,this.lastClientOffset=null,this.hoverRafId=null,this.getSourceClientOffset=n=>{const s=this.sourceNodes.get(n);return s&&te(s)||null},this.endDragNativeItem=()=>{this.isDraggingNativeItem()&&(this.actions.endDrag(),this.currentNativeHandle&&this.registry.removeSource(this.currentNativeHandle),this.currentNativeHandle=null,this.currentNativeSource=null)},this.isNodeInDocument=n=>!!(n&&this.document&&this.document.body&&this.document.body.contains(n)),this.endDragIfSourceWasRemovedFromDOM=()=>{const n=this.currentDragSourceNode;n==null||this.isNodeInDocument(n)||(this.clearCurrentDragSourceNode()&&this.monitor.isDragging()&&this.actions.endDrag(),this.cancelHover())},this.scheduleHover=n=>{this.hoverRafId===null&&typeof requestAnimationFrame<"u"&&(this.hoverRafId=requestAnimationFrame(()=>{this.monitor.isDragging()&&this.actions.hover(n||[],{clientOffset:this.lastClientOffset}),this.hoverRafId=null}))},this.cancelHover=()=>{this.hoverRafId!==null&&typeof cancelAnimationFrame<"u"&&(cancelAnimationFrame(this.hoverRafId),this.hoverRafId=null)},this.handleTopDragStartCapture=()=>{this.clearCurrentDragSourceNode(),this.dragStartSourceIds=[]},this.handleTopDragStart=n=>{if(n.defaultPrevented)return;const{dragStartSourceIds:s}=this;this.dragStartSourceIds=null;const a=w(n);this.monitor.isDragging()&&(this.actions.endDrag(),this.cancelHover()),this.actions.beginDrag(s||[],{publishSource:!1,getSourceClientOffset:this.getSourceClientOffset,clientOffset:a});const{dataTransfer:o}=n,u=M(o);if(this.monitor.isDragging()){if(o&&typeof o.setDragImage=="function"){const h=this.monitor.getSourceId(),g=this.sourceNodes.get(h),f=this.sourcePreviewNodes.get(h)||g;if(f){const{anchorX:c,anchorY:p,offsetX:v,offsetY:D}=this.getCurrentSourcePreviewNodeOptions(),O=nt(g,f,a,{anchorX:c,anchorY:p},{offsetX:v,offsetY:D});o.setDragImage(f,O.x,O.y)}}try{o?.setData("application/json",{})}catch{}this.setCurrentDragSourceNode(n.target);const{captureDraggingState:l}=this.getCurrentSourcePreviewNodeOptions();l?this.actions.publishDragSource():setTimeout(()=>this.actions.publishDragSource(),0)}else if(u)this.beginDragNativeItem(u);else{if(o&&!o.types&&(n.target&&!n.target.hasAttribute||!n.target.hasAttribute("draggable")))return;n.preventDefault()}},this.handleTopDragEndCapture=()=>{this.clearCurrentDragSourceNode()&&this.monitor.isDragging()&&this.actions.endDrag(),this.cancelHover()},this.handleTopDragEnterCapture=n=>{if(this.dragEnterTargetIds=[],this.isDraggingNativeItem()){var s;(s=this.currentNativeSource)===null||s===void 0||s.loadDataTransfer(n.dataTransfer)}if(!this.enterLeaveCounter.enter(n.target)||this.monitor.isDragging())return;const{dataTransfer:o}=n,u=M(o);u&&this.beginDragNativeItem(u,o)},this.handleTopDragEnter=n=>{const{dragEnterTargetIds:s}=this;if(this.dragEnterTargetIds=[],!this.monitor.isDragging())return;this.altKeyPressed=n.altKey,s.length>0&&this.actions.hover(s,{clientOffset:w(n)}),s.some(o=>this.monitor.canDropOnTarget(o))&&(n.preventDefault(),n.dataTransfer&&(n.dataTransfer.dropEffect=this.getCurrentDropEffect()))},this.handleTopDragOverCapture=n=>{if(this.dragOverTargetIds=[],this.isDraggingNativeItem()){var s;(s=this.currentNativeSource)===null||s===void 0||s.loadDataTransfer(n.dataTransfer)}},this.handleTopDragOver=n=>{const{dragOverTargetIds:s}=this;if(this.dragOverTargetIds=[],!this.monitor.isDragging()){n.preventDefault(),n.dataTransfer&&(n.dataTransfer.dropEffect="none");return}this.altKeyPressed=n.altKey,this.lastClientOffset=w(n),this.scheduleHover(s),(s||[]).some(o=>this.monitor.canDropOnTarget(o))?(n.preventDefault(),n.dataTransfer&&(n.dataTransfer.dropEffect=this.getCurrentDropEffect())):this.isDraggingNativeItem()?n.preventDefault():(n.preventDefault(),n.dataTransfer&&(n.dataTransfer.dropEffect="none"))},this.handleTopDragLeaveCapture=n=>{this.isDraggingNativeItem()&&n.preventDefault(),this.enterLeaveCounter.leave(n.target)&&(this.isDraggingNativeItem()&&setTimeout(()=>this.endDragNativeItem(),0),this.cancelHover())},this.handleTopDropCapture=n=>{if(this.dropTargetIds=[],this.isDraggingNativeItem()){var s;n.preventDefault(),(s=this.currentNativeSource)===null||s===void 0||s.loadDataTransfer(n.dataTransfer)}else M(n.dataTransfer)&&n.preventDefault();this.enterLeaveCounter.reset()},this.handleTopDrop=n=>{const{dropTargetIds:s}=this;this.dropTargetIds=[],this.actions.hover(s,{clientOffset:w(n)}),this.actions.drop({dropEffect:this.getCurrentDropEffect()}),this.isDraggingNativeItem()?this.endDragNativeItem():this.monitor.isDragging()&&this.actions.endDrag(),this.cancelHover()},this.handleSelectStart=n=>{const s=n.target;typeof s.dragDrop=="function"&&(s.tagName==="INPUT"||s.tagName==="SELECT"||s.tagName==="TEXTAREA"||s.isContentEditable||(n.preventDefault(),s.dragDrop()))},this.options=new it(t,i),this.actions=e.getActions(),this.monitor=e.getMonitor(),this.registry=e.getRegistry(),this.enterLeaveCounter=new $e(this.isNodeInDocument)}}const at=function(e,t,i){return new ot(e,t,i)};exports.DndProvider=De;exports.HTML5Backend=at;exports.asap=fe;exports.invariant=m;exports.useDrag=Ae;exports.useDrop=Be;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import * as X from "react";
|
|
2
2
|
import { useState as Y, useCallback as T, useRef as q, useMemo as ue, createContext as Yt, useContext as zt, Component as kt, Fragment as we, useEffect as Ve, forwardRef as oe } from "react";
|
|
3
3
|
import { _ as ee, a as D, b as f, c as jt, d as me, e as x, f as Ut, g as Qt, h as $t, i as Kt, j as _t, k as de } from "./babel-vendor-BOM86iTb.js";
|
|
4
|
-
import {
|
|
5
|
-
import { createPortal as
|
|
4
|
+
import { a as A, c as gt, k as qt, j as S } from "./other-react-vendor-ZnZFHn3v.js";
|
|
5
|
+
import { createPortal as en } from "react-dom";
|
|
6
|
+
import { a as tn } from "./floating-ui-vendor-BcB50aec.js";
|
|
7
|
+
import { w as Je, x as nn } from "./vendor-DVLzEdMv.js";
|
|
6
8
|
import { useTheme as bt, useFormControl as un, useMultiStyleConfig as ae, Box as L, useColorModeValue as Qe, MenuIcon as an, chakra as ze, Menu as on, Spinner as rn, Divider as ln, useStyleConfig as sn, useBreakpointValue as cn, Icon as ke } from "@chakra-ui/react";
|
|
7
9
|
var dn = ["defaultInputValue", "defaultMenuIsOpen", "defaultValue", "inputValue", "menuIsOpen", "onChange", "onInputChange", "onMenuClose", "onMenuOpen", "value"];
|
|
8
10
|
function Fe(n) {
|
|
@@ -348,7 +350,7 @@ var vt = function(t) {
|
|
|
348
350
|
G();
|
|
349
351
|
}, [G]);
|
|
350
352
|
var C = T(function() {
|
|
351
|
-
typeof l.current == "function" && (l.current(), l.current = null), e && a.current && (l.current =
|
|
353
|
+
typeof l.current == "function" && (l.current(), l.current = null), e && a.current && (l.current = tn(e, a.current, G, {
|
|
352
354
|
elementResize: "ResizeObserver" in window
|
|
353
355
|
}));
|
|
354
356
|
}, [e, G]);
|
|
@@ -370,7 +372,7 @@ var vt = function(t) {
|
|
|
370
372
|
}), o), u);
|
|
371
373
|
return A(Ct.Provider, {
|
|
372
374
|
value: m
|
|
373
|
-
}, i ? /* @__PURE__ */
|
|
375
|
+
}, i ? /* @__PURE__ */ en(E, i) : E);
|
|
374
376
|
}, wn = function(t) {
|
|
375
377
|
var i = t.isDisabled, u = t.isRtl;
|
|
376
378
|
return {
|
|
@@ -493,7 +495,7 @@ var Kn = process.env.NODE_ENV === "production" ? {
|
|
|
493
495
|
return A("span", x({}, i, H(t, "indicatorSeparator", {
|
|
494
496
|
"indicator-separator": !0
|
|
495
497
|
})));
|
|
496
|
-
}, ui =
|
|
498
|
+
}, ui = qt(_e || (_e = Ut([`
|
|
497
499
|
0%, 80%, 100% { opacity: 0; }
|
|
498
500
|
40% { opacity: 1; }
|
|
499
501
|
`]))), ai = function(t, i) {
|
|
@@ -1244,7 +1246,7 @@ var yt = function(t) {
|
|
|
1244
1246
|
return t.replace(ji, function(i) {
|
|
1245
1247
|
return Bt[i];
|
|
1246
1248
|
});
|
|
1247
|
-
}, Ui =
|
|
1249
|
+
}, Ui = nn(yt), et = function(t) {
|
|
1248
1250
|
return t.replace(/^\s+|\s+$/g, "");
|
|
1249
1251
|
}, Qi = function(t) {
|
|
1250
1252
|
return "".concat(t.label, " ").concat(t.value);
|
|
@@ -2782,7 +2784,7 @@ var Wu = /* @__PURE__ */ oe(function(n, t) {
|
|
|
2782
2784
|
}, Re = xa, Ga = oe((n, t) => {
|
|
2783
2785
|
let i = Re(n);
|
|
2784
2786
|
return S.jsx(Su, { ref: t, ...i });
|
|
2785
|
-
}),
|
|
2787
|
+
}), Pa = Ga;
|
|
2786
2788
|
oe((n, t) => {
|
|
2787
2789
|
let i = Re(n);
|
|
2788
2790
|
return S.jsx(Ru, { ref: t, ...i });
|
|
@@ -2794,8 +2796,8 @@ oe((n, t) => {
|
|
|
2794
2796
|
var Va = oe((n, t) => {
|
|
2795
2797
|
let i = Re(n);
|
|
2796
2798
|
return S.jsx(Mu, { ref: t, ...i });
|
|
2797
|
-
}),
|
|
2799
|
+
}), Wa = Va;
|
|
2798
2800
|
export {
|
|
2799
|
-
|
|
2800
|
-
|
|
2801
|
+
Pa as s,
|
|
2802
|
+
Wa as y
|
|
2801
2803
|
};
|