ovirt-ui-toolkit 0.0.112 → 0.0.113
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/ovirt-ui-toolkit.css +4 -4
- package/dist/ovirt-ui-toolkit.es.js +12 -12
- package/dist/ovirt-ui-toolkit.umd.js +10 -10
- package/package.json +3 -1
|
@@ -58,7 +58,7 @@ var Te = {};
|
|
|
58
58
|
*/
|
|
59
59
|
var Et;
|
|
60
60
|
function Ar() {
|
|
61
|
-
return Et || (Et = 1, process.env.NODE_ENV !== "production" && function() {
|
|
61
|
+
return Et || (Et = 1, process.env.NODE_ENV !== "production" && (function() {
|
|
62
62
|
var r = Fe, n = Symbol.for("react.element"), t = Symbol.for("react.portal"), e = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), a = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), w = Symbol.for("react.offscreen"), P = Symbol.iterator, T = "@@iterator";
|
|
63
63
|
function _(s) {
|
|
64
64
|
if (s === null || typeof s != "object")
|
|
@@ -644,7 +644,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
644
644
|
}
|
|
645
645
|
var _r = Er, Pr = Rr;
|
|
646
646
|
Te.Fragment = e, Te.jsx = _r, Te.jsxs = Pr;
|
|
647
|
-
}()), Te;
|
|
647
|
+
})()), Te;
|
|
648
648
|
}
|
|
649
649
|
var _t;
|
|
650
650
|
function Wr() {
|
|
@@ -864,7 +864,7 @@ var K = {};
|
|
|
864
864
|
*/
|
|
865
865
|
var Tt;
|
|
866
866
|
function $r() {
|
|
867
|
-
return Tt || (Tt = 1, process.env.NODE_ENV !== "production" && function() {
|
|
867
|
+
return Tt || (Tt = 1, process.env.NODE_ENV !== "production" && (function() {
|
|
868
868
|
var r = typeof Symbol == "function" && Symbol.for, n = r ? Symbol.for("react.element") : 60103, t = r ? Symbol.for("react.portal") : 60106, e = r ? Symbol.for("react.fragment") : 60107, i = r ? Symbol.for("react.strict_mode") : 60108, o = r ? Symbol.for("react.profiler") : 60114, l = r ? Symbol.for("react.provider") : 60109, a = r ? Symbol.for("react.context") : 60110, f = r ? Symbol.for("react.async_mode") : 60111, p = r ? Symbol.for("react.concurrent_mode") : 60111, g = r ? Symbol.for("react.forward_ref") : 60112, h = r ? Symbol.for("react.suspense") : 60113, y = r ? Symbol.for("react.suspense_list") : 60120, w = r ? Symbol.for("react.memo") : 60115, P = r ? Symbol.for("react.lazy") : 60116, T = r ? Symbol.for("react.block") : 60121, _ = r ? Symbol.for("react.fundamental") : 60117, b = r ? Symbol.for("react.responder") : 60118, d = r ? Symbol.for("react.scope") : 60119;
|
|
869
869
|
function v(O) {
|
|
870
870
|
return typeof O == "string" || typeof O == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
|
|
@@ -943,7 +943,7 @@ function $r() {
|
|
|
943
943
|
return x(O) === h;
|
|
944
944
|
}
|
|
945
945
|
K.AsyncMode = c, K.ConcurrentMode = j, K.ContextConsumer = u, K.ContextProvider = m, K.Element = C, K.ForwardRef = M, K.Fragment = V, K.Lazy = A, K.Memo = B, K.Portal = Q, K.Profiler = se, K.StrictMode = ee, K.Suspense = ae, K.isAsyncMode = de, K.isConcurrentMode = S, K.isContextConsumer = D, K.isContextProvider = $, K.isElement = F, K.isForwardRef = W, K.isFragment = U, K.isLazy = k, K.isMemo = I, K.isPortal = L, K.isProfiler = X, K.isStrictMode = H, K.isSuspense = le, K.isValidElementType = v, K.typeOf = x;
|
|
946
|
-
}()), K;
|
|
946
|
+
})()), K;
|
|
947
947
|
}
|
|
948
948
|
var Ct;
|
|
949
949
|
function er() {
|
|
@@ -2064,7 +2064,7 @@ function Vr() {
|
|
|
2064
2064
|
}
|
|
2065
2065
|
var Yt;
|
|
2066
2066
|
function Gr() {
|
|
2067
|
-
return Yt || (Yt = 1, function(r) {
|
|
2067
|
+
return Yt || (Yt = 1, (function(r) {
|
|
2068
2068
|
Object.defineProperty(r, "__esModule", {
|
|
2069
2069
|
value: !0
|
|
2070
2070
|
}), Object.defineProperty(r, "DraggableCore", {
|
|
@@ -2384,7 +2384,7 @@ function Gr() {
|
|
|
2384
2384
|
},
|
|
2385
2385
|
scale: 1
|
|
2386
2386
|
});
|
|
2387
|
-
}(Xe)), Xe;
|
|
2387
|
+
})(Xe)), Xe;
|
|
2388
2388
|
}
|
|
2389
2389
|
var Bt;
|
|
2390
2390
|
function Jr() {
|
|
@@ -2441,7 +2441,7 @@ var ie = function() {
|
|
|
2441
2441
|
return ie(ie({ position: "absolute", userSelect: "none" }, Qr[t]), i ?? {});
|
|
2442
2442
|
}, [i, t]);
|
|
2443
2443
|
return R.jsx("div", { className: o || void 0, style: f, onMouseDown: l, onTouchStart: a, children: e });
|
|
2444
|
-
}), tn = /* @__PURE__ */ function() {
|
|
2444
|
+
}), tn = /* @__PURE__ */ (function() {
|
|
2445
2445
|
var r = function(n, t) {
|
|
2446
2446
|
return r = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(e, i) {
|
|
2447
2447
|
e.__proto__ = i;
|
|
@@ -2458,7 +2458,7 @@ var ie = function() {
|
|
|
2458
2458
|
}
|
|
2459
2459
|
n.prototype = t === null ? Object.create(t) : (e.prototype = t.prototype, new e());
|
|
2460
2460
|
};
|
|
2461
|
-
}(), ve = function() {
|
|
2461
|
+
})(), ve = function() {
|
|
2462
2462
|
return ve = Object.assign || function(r) {
|
|
2463
2463
|
for (var n, t = 1, e = arguments.length; t < e; t++) {
|
|
2464
2464
|
n = arguments[t];
|
|
@@ -2549,7 +2549,7 @@ var ie = function() {
|
|
|
2549
2549
|
"snapGap"
|
|
2550
2550
|
], Gt = "__resizable_base__", ln = (
|
|
2551
2551
|
/** @class */
|
|
2552
|
-
function(r) {
|
|
2552
|
+
(function(r) {
|
|
2553
2553
|
tn(n, r);
|
|
2554
2554
|
function n(t) {
|
|
2555
2555
|
var e, i, o, l, a = r.call(this, t) || this;
|
|
@@ -2856,7 +2856,7 @@ var ie = function() {
|
|
|
2856
2856
|
resizeRatio: 1,
|
|
2857
2857
|
snapGap: 0
|
|
2858
2858
|
}, n;
|
|
2859
|
-
}(Jt)
|
|
2859
|
+
})(Jt)
|
|
2860
2860
|
);
|
|
2861
2861
|
/*! *****************************************************************************
|
|
2862
2862
|
Copyright (c) Microsoft Corporation. All rights reserved.
|
|
@@ -2923,7 +2923,7 @@ var fn = {
|
|
|
2923
2923
|
};
|
|
2924
2924
|
}, pn = (
|
|
2925
2925
|
/** @class */
|
|
2926
|
-
function(r) {
|
|
2926
|
+
(function(r) {
|
|
2927
2927
|
un(n, r);
|
|
2928
2928
|
function n(t) {
|
|
2929
2929
|
var e = r.call(this, t) || this;
|
|
@@ -3171,7 +3171,7 @@ var fn = {
|
|
|
3171
3171
|
onDragStop: function() {
|
|
3172
3172
|
}
|
|
3173
3173
|
}, n;
|
|
3174
|
-
}(Jt)
|
|
3174
|
+
})(Jt)
|
|
3175
3175
|
);
|
|
3176
3176
|
const _n = ({
|
|
3177
3177
|
children: r,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(U,ee){typeof exports=="object"&&typeof module<"u"?ee(exports,require("react"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react","react-dom"],ee):(U=typeof globalThis<"u"?globalThis:U||self,ee(U["ovirt-ui-toolkit"]={},U.React,U.ReactDOM))})(this,function(U,ee,je){"use strict";function ir(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}function or(r){if(Object.prototype.hasOwnProperty.call(r,"__esModule"))return r;var n=r.default;if(typeof n=="function"){var t=function e(){return this instanceof e?Reflect.construct(n,arguments,this.constructor):n.apply(this,arguments)};t.prototype=n.prototype}else t={};return Object.defineProperty(t,"__esModule",{value:!0}),Object.keys(r).forEach(function(e){var i=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(t,e,i.get?i:{enumerable:!0,get:function(){return r[e]}})}),t}var Me={exports:{}},Pe={};/**
|
|
1
|
+
(function(U,ee){typeof exports=="object"&&typeof module<"u"?ee(exports,require("react"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react","react-dom"],ee):(U=typeof globalThis<"u"?globalThis:U||self,ee(U["ovirt-ui-toolkit"]={},U.React,U.ReactDOM))})(this,(function(U,ee,je){"use strict";function ir(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}function or(r){if(Object.prototype.hasOwnProperty.call(r,"__esModule"))return r;var n=r.default;if(typeof n=="function"){var t=function e(){return this instanceof e?Reflect.construct(n,arguments,this.constructor):n.apply(this,arguments)};t.prototype=n.prototype}else t={};return Object.defineProperty(t,"__esModule",{value:!0}),Object.keys(r).forEach(function(e){var i=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(t,e,i.get?i:{enumerable:!0,get:function(){return r[e]}})}),t}var Me={exports:{}},Pe={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-jsx-runtime.production.min.js
|
|
4
4
|
*
|
|
@@ -14,20 +14,20 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var ut;function ar(){return ut||(ut=1,process.env.NODE_ENV!=="production"&&function(){var r=ee,n=Symbol.for("react.element"),t=Symbol.for("react.portal"),e=Symbol.for("react.fragment"),i=Symbol.for("react.strict_mode"),o=Symbol.for("react.profiler"),l=Symbol.for("react.provider"),a=Symbol.for("react.context"),f=Symbol.for("react.forward_ref"),h=Symbol.for("react.suspense"),g=Symbol.for("react.suspense_list"),p=Symbol.for("react.memo"),y=Symbol.for("react.lazy"),S=Symbol.for("react.offscreen"),T=Symbol.iterator,P="@@iterator";function _(s){if(s===null||typeof s!="object")return null;var E=T&&s[T]||s[P];return typeof E=="function"?E:null}var b=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function d(s){{for(var E=arguments.length,z=new Array(E>1?E-1:0),M=1;M<E;M++)z[M-1]=arguments[M];v("error",s,z)}}function v(s,E,z){{var M=b.ReactDebugCurrentFrame,Z=M.getStackAddendum();Z!==""&&(E+="%s",z=z.concat([Z]));var Q=z.map(function(q){return String(q)});Q.unshift("Warning: "+E),Function.prototype.apply.call(console[s],console,Q)}}var w=!1,c=!1,j=!1,u=!1,m=!1,C;C=Symbol.for("react.module.reference");function N(s){return!!(typeof s=="string"||typeof s=="function"||s===e||s===o||m||s===i||s===h||s===g||u||s===S||w||c||j||typeof s=="object"&&s!==null&&(s.$$typeof===y||s.$$typeof===p||s.$$typeof===l||s.$$typeof===a||s.$$typeof===f||s.$$typeof===C||s.getModuleId!==void 0))}function G(s,E,z){var M=s.displayName;if(M)return M;var Z=E.displayName||E.name||"";return Z!==""?z+"("+Z+")":z}function A(s){return s.displayName||"Context"}function
|
|
17
|
+
*/var ut;function ar(){return ut||(ut=1,process.env.NODE_ENV!=="production"&&(function(){var r=ee,n=Symbol.for("react.element"),t=Symbol.for("react.portal"),e=Symbol.for("react.fragment"),i=Symbol.for("react.strict_mode"),o=Symbol.for("react.profiler"),l=Symbol.for("react.provider"),a=Symbol.for("react.context"),f=Symbol.for("react.forward_ref"),h=Symbol.for("react.suspense"),g=Symbol.for("react.suspense_list"),p=Symbol.for("react.memo"),y=Symbol.for("react.lazy"),S=Symbol.for("react.offscreen"),T=Symbol.iterator,P="@@iterator";function _(s){if(s===null||typeof s!="object")return null;var E=T&&s[T]||s[P];return typeof E=="function"?E:null}var b=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function d(s){{for(var E=arguments.length,z=new Array(E>1?E-1:0),M=1;M<E;M++)z[M-1]=arguments[M];v("error",s,z)}}function v(s,E,z){{var M=b.ReactDebugCurrentFrame,Z=M.getStackAddendum();Z!==""&&(E+="%s",z=z.concat([Z]));var Q=z.map(function(q){return String(q)});Q.unshift("Warning: "+E),Function.prototype.apply.call(console[s],console,Q)}}var w=!1,c=!1,j=!1,u=!1,m=!1,C;C=Symbol.for("react.module.reference");function N(s){return!!(typeof s=="string"||typeof s=="function"||s===e||s===o||m||s===i||s===h||s===g||u||s===S||w||c||j||typeof s=="object"&&s!==null&&(s.$$typeof===y||s.$$typeof===p||s.$$typeof===l||s.$$typeof===a||s.$$typeof===f||s.$$typeof===C||s.getModuleId!==void 0))}function G(s,E,z){var M=s.displayName;if(M)return M;var Z=E.displayName||E.name||"";return Z!==""?z+"("+Z+")":z}function A(s){return s.displayName||"Context"}function X(s){if(s==null)return null;if(typeof s.tag=="number"&&d("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof s=="function")return s.displayName||s.name||null;if(typeof s=="string")return s;switch(s){case e:return"Fragment";case t:return"Portal";case o:return"Profiler";case i:return"StrictMode";case h:return"Suspense";case g:return"SuspenseList"}if(typeof s=="object")switch(s.$$typeof){case a:var E=s;return A(E)+".Consumer";case l:var z=s;return A(z._context)+".Provider";case f:return G(s,s.render,"ForwardRef");case p:var M=s.displayName||null;return M!==null?M:X(s.type)||"Memo";case y:{var Z=s,Q=Z._payload,q=Z._init;try{return X(q(Q))}catch{return null}}}return null}var te=Object.assign,le=0,re,ue,de,pe,x,D,L;function F(){}F.__reactDisabledLog=!0;function W(){{if(le===0){re=console.log,ue=console.info,de=console.warn,pe=console.error,x=console.group,D=console.groupCollapsed,L=console.groupEnd;var s={configurable:!0,enumerable:!0,value:F,writable:!0};Object.defineProperties(console,{info:s,log:s,warn:s,error:s,group:s,groupCollapsed:s,groupEnd:s})}le++}}function $(){{if(le--,le===0){var s={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:te({},s,{value:re}),info:te({},s,{value:ue}),warn:te({},s,{value:de}),error:te({},s,{value:pe}),group:te({},s,{value:x}),groupCollapsed:te({},s,{value:D}),groupEnd:te({},s,{value:L})})}le<0&&d("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var k=b.ReactCurrentDispatcher,I;function H(s,E,z){{if(I===void 0)try{throw Error()}catch(Z){var M=Z.stack.trim().match(/\n( *(at )?)/);I=M&&M[1]||""}return`
|
|
18
18
|
`+I+s}}var V=!1,Y;{var ce=typeof WeakMap=="function"?WeakMap:Map;Y=new ce}function O(s,E){if(!s||V)return"";{var z=Y.get(s);if(z!==void 0)return z}var M;V=!0;var Z=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var Q;Q=k.current,k.current=null,W();try{if(E){var q=function(){throw Error()};if(Object.defineProperty(q.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(q,[])}catch(he){M=he}Reflect.construct(s,[],q)}else{try{q.call()}catch(he){M=he}s.call(q.prototype)}}else{try{throw Error()}catch(he){M=he}s()}}catch(he){if(he&&M&&typeof he.stack=="string"){for(var B=he.stack.split(`
|
|
19
19
|
`),fe=M.stack.split(`
|
|
20
20
|
`),ie=B.length-1,se=fe.length-1;ie>=1&&se>=0&&B[ie]!==fe[se];)se--;for(;ie>=1&&se>=0;ie--,se--)if(B[ie]!==fe[se]){if(ie!==1||se!==1)do if(ie--,se--,se<0||B[ie]!==fe[se]){var ve=`
|
|
21
|
-
`+B[ie].replace(" at new "," at ");return s.displayName&&ve.includes("<anonymous>")&&(ve=ve.replace("<anonymous>",s.displayName)),typeof s=="function"&&Y.set(s,ve),ve}while(ie>=1&&se>=0);break}}}finally{V=!1,k.current=Q
|
|
21
|
+
`+B[ie].replace(" at new "," at ");return s.displayName&&ve.includes("<anonymous>")&&(ve=ve.replace("<anonymous>",s.displayName)),typeof s=="function"&&Y.set(s,ve),ve}while(ie>=1&&se>=0);break}}}finally{V=!1,k.current=Q,$(),Error.prepareStackTrace=Z}var Te=s?s.displayName||s.name:"",xe=Te?H(Te):"";return typeof s=="function"&&Y.set(s,xe),xe}function ge(s,E,z){return O(s,!1)}function Ee(s){var E=s.prototype;return!!(E&&E.isReactComponent)}function Se(s,E,z){if(s==null)return"";if(typeof s=="function")return O(s,Ee(s));if(typeof s=="string")return H(s);switch(s){case h:return H("Suspense");case g:return H("SuspenseList")}if(typeof s=="object")switch(s.$$typeof){case f:return ge(s.render);case p:return Se(s.type,E,z);case y:{var M=s,Z=M._payload,Q=M._init;try{return Se(Q(Z),E,z)}catch{}}}return""}var De=Object.prototype.hasOwnProperty,Ut={},Xt=b.ReactDebugCurrentFrame;function Ue(s){if(s){var E=s._owner,z=Se(s.type,s._source,E?E.type:null);Xt.setExtraStackFrame(z)}else Xt.setExtraStackFrame(null)}function an(s,E,z,M,Z){{var Q=Function.call.bind(De);for(var q in s)if(Q(s,q)){var B=void 0;try{if(typeof s[q]!="function"){var fe=Error((M||"React class")+": "+z+" type `"+q+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof s[q]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw fe.name="Invariant Violation",fe}B=s[q](E,q,M,z,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(ie){B=ie}B&&!(B instanceof Error)&&(Ue(Z),d("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",M||"React class",z,q,typeof B),Ue(null)),B instanceof Error&&!(B.message in Ut)&&(Ut[B.message]=!0,Ue(Z),d("Failed %s type: %s",z,B.message),Ue(null))}}}var ln=Array.isArray;function nt(s){return ln(s)}function un(s){{var E=typeof Symbol=="function"&&Symbol.toStringTag,z=E&&s[Symbol.toStringTag]||s.constructor.name||"Object";return z}}function cn(s){try{return $t(s),!1}catch{return!0}}function $t(s){return""+s}function qt(s){if(cn(s))return d("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",un(s)),$t(s)}var Vt=b.ReactCurrentOwner,fn={key:!0,ref:!0,__self:!0,__source:!0},Gt,Jt;function dn(s){if(De.call(s,"ref")){var E=Object.getOwnPropertyDescriptor(s,"ref").get;if(E&&E.isReactWarning)return!1}return s.ref!==void 0}function hn(s){if(De.call(s,"key")){var E=Object.getOwnPropertyDescriptor(s,"key").get;if(E&&E.isReactWarning)return!1}return s.key!==void 0}function pn(s,E){typeof s.ref=="string"&&Vt.current}function gn(s,E){{var z=function(){Gt||(Gt=!0,d("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",E))};z.isReactWarning=!0,Object.defineProperty(s,"key",{get:z,configurable:!0})}}function vn(s,E){{var z=function(){Jt||(Jt=!0,d("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",E))};z.isReactWarning=!0,Object.defineProperty(s,"ref",{get:z,configurable:!0})}}var mn=function(s,E,z,M,Z,Q,q){var B={$$typeof:n,type:s,key:E,ref:z,props:q,_owner:Q};return B._store={},Object.defineProperty(B._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(B,"_self",{configurable:!1,enumerable:!1,writable:!1,value:M}),Object.defineProperty(B,"_source",{configurable:!1,enumerable:!1,writable:!1,value:Z}),Object.freeze&&(Object.freeze(B.props),Object.freeze(B)),B};function yn(s,E,z,M,Z){{var Q,q={},B=null,fe=null;z!==void 0&&(qt(z),B=""+z),hn(E)&&(qt(E.key),B=""+E.key),dn(E)&&(fe=E.ref,pn(E,Z));for(Q in E)De.call(E,Q)&&!fn.hasOwnProperty(Q)&&(q[Q]=E[Q]);if(s&&s.defaultProps){var ie=s.defaultProps;for(Q in ie)q[Q]===void 0&&(q[Q]=ie[Q])}if(B||fe){var se=typeof s=="function"?s.displayName||s.name||"Unknown":s;B&&gn(q,se),fe&&vn(q,se)}return mn(s,B,fe,Z,M,Vt.current,q)}}var it=b.ReactCurrentOwner,Kt=b.ReactDebugCurrentFrame;function _e(s){if(s){var E=s._owner,z=Se(s.type,s._source,E?E.type:null);Kt.setExtraStackFrame(z)}else Kt.setExtraStackFrame(null)}var ot;ot=!1;function st(s){return typeof s=="object"&&s!==null&&s.$$typeof===n}function Zt(){{if(it.current){var s=X(it.current.type);if(s)return`
|
|
22
22
|
|
|
23
23
|
Check the render method of \``+s+"`."}return""}}function bn(s){return""}var Qt={};function wn(s){{var E=Zt();if(!E){var z=typeof s=="string"?s:s.displayName||s.name;z&&(E=`
|
|
24
24
|
|
|
25
|
-
Check the top-level render call using <`+z+">.")}return E}}function er(s,E){{if(!s._store||s._store.validated||s.key!=null)return;s._store.validated=!0;var z=wn(E);if(Qt[z])return;Qt[z]=!0;var M="";s&&s._owner&&s._owner!==it.current&&(M=" It was passed a child from "
|
|
25
|
+
Check the top-level render call using <`+z+">.")}return E}}function er(s,E){{if(!s._store||s._store.validated||s.key!=null)return;s._store.validated=!0;var z=wn(E);if(Qt[z])return;Qt[z]=!0;var M="";s&&s._owner&&s._owner!==it.current&&(M=" It was passed a child from "+X(s._owner.type)+"."),_e(s),d('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',z,M),_e(null)}}function tr(s,E){{if(typeof s!="object")return;if(nt(s))for(var z=0;z<s.length;z++){var M=s[z];st(M)&&er(M,E)}else if(st(s))s._store&&(s._store.validated=!0);else if(s){var Z=_(s);if(typeof Z=="function"&&Z!==s.entries)for(var Q=Z.call(s),q;!(q=Q.next()).done;)st(q.value)&&er(q.value,E)}}}function Sn(s){{var E=s.type;if(E==null||typeof E=="string")return;var z;if(typeof E=="function")z=E.propTypes;else if(typeof E=="object"&&(E.$$typeof===f||E.$$typeof===p))z=E.propTypes;else return;if(z){var M=X(E);an(z,s.props,"prop",M,s)}else if(E.PropTypes!==void 0&&!ot){ot=!0;var Z=X(E);d("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",Z||"Unknown")}typeof E.getDefaultProps=="function"&&!E.getDefaultProps.isReactClassApproved&&d("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function xn(s){{for(var E=Object.keys(s.props),z=0;z<E.length;z++){var M=E[z];if(M!=="children"&&M!=="key"){_e(s),d("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",M),_e(null);break}}s.ref!==null&&(_e(s),d("Invalid attribute `ref` supplied to `React.Fragment`."),_e(null))}}var rr={};function nr(s,E,z,M,Z,Q){{var q=N(s);if(!q){var B="";(s===void 0||typeof s=="object"&&s!==null&&Object.keys(s).length===0)&&(B+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var fe=bn();fe?B+=fe:B+=Zt();var ie;s===null?ie="null":nt(s)?ie="array":s!==void 0&&s.$$typeof===n?(ie="<"+(X(s.type)||"Unknown")+" />",B=" Did you accidentally export a JSX literal instead of a component?"):ie=typeof s,d("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",ie,B)}var se=yn(s,E,z,Z,Q);if(se==null)return se;if(q){var ve=E.children;if(ve!==void 0)if(M)if(nt(ve)){for(var Te=0;Te<ve.length;Te++)tr(ve[Te],s);Object.freeze&&Object.freeze(ve)}else d("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else tr(ve,s)}if(De.call(E,"key")){var xe=X(s),he=Object.keys(E).filter(function(Cn){return Cn!=="key"}),at=he.length>0?"{key: someKey, "+he.join(": ..., ")+": ...}":"{key: someKey}";if(!rr[xe+at]){var Pn=he.length>0?"{"+he.join(": ..., ")+": ...}":"{}";d(`A props object containing a "key" prop is being spread into JSX:
|
|
26
26
|
let props = %s;
|
|
27
27
|
<%s {...props} />
|
|
28
28
|
React keys must be passed directly to JSX without using spread:
|
|
29
29
|
let props = %s;
|
|
30
|
-
<%s key={someKey} {...props} />`,at,xe,Pn,xe),rr[xe+at]=!0}}return s===e?xn(se):Sn(se),se}}function Rn(s,E,z){return nr(s,E,z,!0)}function En(s,E,z){return nr(s,E,z,!1)}var _n=En,Tn=Rn;Ce.Fragment=e,Ce.jsx=_n,Ce.jsxs=Tn}()),Ce}var ct;function lr(){return ct||(ct=1,process.env.NODE_ENV==="production"?Me.exports=sr():Me.exports=ar()),Me.exports}var R=lr();const ur=()=>R.jsx("div",{className:"toolbar-pf"}),ft=({items:r,className:n})=>R.jsx("ol",{className:`breadcrumb ${n||""}`.trim(),children:r.map((t,e)=>R.jsx("li",{className:t.active?"active":"",children:t.active?t.title:R.jsx("a",{href:t.href,children:t.title})},e))}),cr=R.jsx("span",{className:"loading-spinner mr-2",children:R.jsxs("svg",{className:"animate-spin h-5 w-5 text-current",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[R.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),R.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]})}),Ne=({type:r="default",typeButton:n="button",title:t,size:e,label:i,onClick:o,isDisabled:l=!1,children:a,className:f="",isLoading:h=!1})=>{const g=`btn-${r}`,p=e?`btn-${e}`:"",S=`${`btn ${g} ${p}`.trim()} ${f}`.trim();return R.jsx("button",{className:S,type:n,onClick:o,disabled:l||h,children:R.jsxs("div",{className:"flex items-center justify-center",children:[h&&cr,a||i," ",t&&R.jsx("span",{children:t})]})})},fr=({children:r,eventKey:n,active:t})=>R.jsx("div",{className:`tab-pane ${t?"active":""}`,id:`${n}-panel`,role:"tabpanel","aria-labelledby":`${n}-tab`,children:r},n),dr=({activeKey:r,onSelect:n,children:t})=>R.jsxs("div",{className:"tabs-container",children:[R.jsx("ul",{className:"nav nav-tabs",role:"tablist",children:t.map(({props:{eventKey:e,title:i}})=>R.jsx("li",{className:r===e?"active":"",children:R.jsx("a",{href:`#${e}`,onClick:o=>{o.preventDefault(),n(e)},children:i})},e))}),R.jsx("div",{className:"tabs-container",children:R.jsx("div",{className:"tab-content pf-c-tab-content",children:t.map(({props:{eventKey:e,children:i}})=>R.jsx("div",{className:`tab-pane ${r===e?"active":""}`,id:`${e}-panel`,role:"tabpanel","aria-labelledby":`${e}-tab`,children:i},e))})})]}),hr=ee.forwardRef(({id:r,type:n,isDisabled:t,placeholder:e="",value:i,onChange:o,className:l="form-control",...a},f)=>{const h=`form-control ${l}`;return R.jsx("input",{type:n,id:r,disabled:t,className:h,placeholder:e,value:i,onChange:o,ref:f,...a})}),pr=({title:r,isOpen:n,onClose:t,children:e,size:i})=>{if(!n)return null;const o=i?`modal-${i}`:"";return R.jsx("div",{className:"modal fade in",style:{display:"block"},tabIndex:-1,role:"dialog",children:R.jsx("div",{className:`modal-dialog ${o}`,role:"document",children:R.jsxs("div",{className:"modal-content",children:[R.jsxs("div",{className:"modal-header",children:[R.jsx("button",{type:"button",className:"close",onClick:t,"aria-hidden":"true",children:R.jsx("span",{className:"pficon pficon-close"})}),R.jsx("h4",{className:"modal-title",children:r})]}),R.jsx("div",{className:"modal-body",children:e})]})})})};var Oe={exports:{}}
|
|
30
|
+
<%s key={someKey} {...props} />`,at,xe,Pn,xe),rr[xe+at]=!0}}return s===e?xn(se):Sn(se),se}}function Rn(s,E,z){return nr(s,E,z,!0)}function En(s,E,z){return nr(s,E,z,!1)}var _n=En,Tn=Rn;Ce.Fragment=e,Ce.jsx=_n,Ce.jsxs=Tn})()),Ce}var ct;function lr(){return ct||(ct=1,process.env.NODE_ENV==="production"?Me.exports=sr():Me.exports=ar()),Me.exports}var R=lr();const ur=()=>R.jsx("div",{className:"toolbar-pf"}),ft=({items:r,className:n})=>R.jsx("ol",{className:`breadcrumb ${n||""}`.trim(),children:r.map((t,e)=>R.jsx("li",{className:t.active?"active":"",children:t.active?t.title:R.jsx("a",{href:t.href,children:t.title})},e))}),cr=R.jsx("span",{className:"loading-spinner mr-2",children:R.jsxs("svg",{className:"animate-spin h-5 w-5 text-current",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[R.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),R.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]})}),Ne=({type:r="default",typeButton:n="button",title:t,size:e,label:i,onClick:o,isDisabled:l=!1,children:a,className:f="",isLoading:h=!1})=>{const g=`btn-${r}`,p=e?`btn-${e}`:"",S=`${`btn ${g} ${p}`.trim()} ${f}`.trim();return R.jsx("button",{className:S,type:n,onClick:o,disabled:l||h,children:R.jsxs("div",{className:"flex items-center justify-center",children:[h&&cr,a||i," ",t&&R.jsx("span",{children:t})]})})},fr=({children:r,eventKey:n,active:t})=>R.jsx("div",{className:`tab-pane ${t?"active":""}`,id:`${n}-panel`,role:"tabpanel","aria-labelledby":`${n}-tab`,children:r},n),dr=({activeKey:r,onSelect:n,children:t})=>R.jsxs("div",{className:"tabs-container",children:[R.jsx("ul",{className:"nav nav-tabs",role:"tablist",children:t.map(({props:{eventKey:e,title:i}})=>R.jsx("li",{className:r===e?"active":"",children:R.jsx("a",{href:`#${e}`,onClick:o=>{o.preventDefault(),n(e)},children:i})},e))}),R.jsx("div",{className:"tabs-container",children:R.jsx("div",{className:"tab-content pf-c-tab-content",children:t.map(({props:{eventKey:e,children:i}})=>R.jsx("div",{className:`tab-pane ${r===e?"active":""}`,id:`${e}-panel`,role:"tabpanel","aria-labelledby":`${e}-tab`,children:i},e))})})]}),hr=ee.forwardRef(({id:r,type:n,isDisabled:t,placeholder:e="",value:i,onChange:o,className:l="form-control",...a},f)=>{const h=`form-control ${l}`;return R.jsx("input",{type:n,id:r,disabled:t,className:h,placeholder:e,value:i,onChange:o,ref:f,...a})}),pr=({title:r,isOpen:n,onClose:t,children:e,size:i})=>{if(!n)return null;const o=i?`modal-${i}`:"";return R.jsx("div",{className:"modal fade in",style:{display:"block"},tabIndex:-1,role:"dialog",children:R.jsx("div",{className:`modal-dialog ${o}`,role:"document",children:R.jsxs("div",{className:"modal-content",children:[R.jsxs("div",{className:"modal-header",children:[R.jsx("button",{type:"button",className:"close",onClick:t,"aria-hidden":"true",children:R.jsx("span",{className:"pficon pficon-close"})}),R.jsx("h4",{className:"modal-title",children:r})]}),R.jsx("div",{className:"modal-body",children:e})]})})})};var Oe={exports:{}},Xe={},Ae={exports:{}},We={exports:{}},J={};/** @license React v16.13.1
|
|
31
31
|
* react-is.production.min.js
|
|
32
32
|
*
|
|
33
33
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
@@ -41,14 +41,14 @@ React keys must be passed directly to JSX without using spread:
|
|
|
41
41
|
*
|
|
42
42
|
* This source code is licensed under the MIT license found in the
|
|
43
43
|
* LICENSE file in the root directory of this source tree.
|
|
44
|
-
*/var ht;function vr(){return ht||(ht=1,process.env.NODE_ENV!=="production"&&function(){var r=typeof Symbol=="function"&&Symbol.for,n=r?Symbol.for("react.element"):60103,t=r?Symbol.for("react.portal"):60106,e=r?Symbol.for("react.fragment"):60107,i=r?Symbol.for("react.strict_mode"):60108,o=r?Symbol.for("react.profiler"):60114,l=r?Symbol.for("react.provider"):60109,a=r?Symbol.for("react.context"):60110,f=r?Symbol.for("react.async_mode"):60111,h=r?Symbol.for("react.concurrent_mode"):60111,g=r?Symbol.for("react.forward_ref"):60112,p=r?Symbol.for("react.suspense"):60113,y=r?Symbol.for("react.suspense_list"):60120,S=r?Symbol.for("react.memo"):60115,T=r?Symbol.for("react.lazy"):60116,P=r?Symbol.for("react.block"):60121,_=r?Symbol.for("react.fundamental"):60117,b=r?Symbol.for("react.responder"):60118,d=r?Symbol.for("react.scope"):60119;function v(O){return typeof O=="string"||typeof O=="function"||O===e||O===h||O===o||O===i||O===p||O===y||typeof O=="object"&&O!==null&&(O.$$typeof===T||O.$$typeof===S||O.$$typeof===l||O.$$typeof===a||O.$$typeof===g||O.$$typeof===_||O.$$typeof===b||O.$$typeof===d||O.$$typeof===P)}function w(O){if(typeof O=="object"&&O!==null){var ge=O.$$typeof;switch(ge){case n:var Ee=O.type;switch(Ee){case f:case h:case e:case o:case i:case p:return Ee;default:var Se=Ee&&Ee.$$typeof;switch(Se){case a:case g:case T:case S:case l:return Se;default:return ge}}case t:return ge}}}var c=f,j=h,u=a,m=l,C=n,N=g,G=e,A=T
|
|
44
|
+
*/var ht;function vr(){return ht||(ht=1,process.env.NODE_ENV!=="production"&&(function(){var r=typeof Symbol=="function"&&Symbol.for,n=r?Symbol.for("react.element"):60103,t=r?Symbol.for("react.portal"):60106,e=r?Symbol.for("react.fragment"):60107,i=r?Symbol.for("react.strict_mode"):60108,o=r?Symbol.for("react.profiler"):60114,l=r?Symbol.for("react.provider"):60109,a=r?Symbol.for("react.context"):60110,f=r?Symbol.for("react.async_mode"):60111,h=r?Symbol.for("react.concurrent_mode"):60111,g=r?Symbol.for("react.forward_ref"):60112,p=r?Symbol.for("react.suspense"):60113,y=r?Symbol.for("react.suspense_list"):60120,S=r?Symbol.for("react.memo"):60115,T=r?Symbol.for("react.lazy"):60116,P=r?Symbol.for("react.block"):60121,_=r?Symbol.for("react.fundamental"):60117,b=r?Symbol.for("react.responder"):60118,d=r?Symbol.for("react.scope"):60119;function v(O){return typeof O=="string"||typeof O=="function"||O===e||O===h||O===o||O===i||O===p||O===y||typeof O=="object"&&O!==null&&(O.$$typeof===T||O.$$typeof===S||O.$$typeof===l||O.$$typeof===a||O.$$typeof===g||O.$$typeof===_||O.$$typeof===b||O.$$typeof===d||O.$$typeof===P)}function w(O){if(typeof O=="object"&&O!==null){var ge=O.$$typeof;switch(ge){case n:var Ee=O.type;switch(Ee){case f:case h:case e:case o:case i:case p:return Ee;default:var Se=Ee&&Ee.$$typeof;switch(Se){case a:case g:case T:case S:case l:return Se;default:return ge}}case t:return ge}}}var c=f,j=h,u=a,m=l,C=n,N=g,G=e,A=T,X=S,te=t,le=o,re=i,ue=p,de=!1;function pe(O){return de||(de=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),x(O)||w(O)===f}function x(O){return w(O)===h}function D(O){return w(O)===a}function L(O){return w(O)===l}function F(O){return typeof O=="object"&&O!==null&&O.$$typeof===n}function W(O){return w(O)===g}function $(O){return w(O)===e}function k(O){return w(O)===T}function I(O){return w(O)===S}function H(O){return w(O)===t}function V(O){return w(O)===o}function Y(O){return w(O)===i}function ce(O){return w(O)===p}K.AsyncMode=c,K.ConcurrentMode=j,K.ContextConsumer=u,K.ContextProvider=m,K.Element=C,K.ForwardRef=N,K.Fragment=G,K.Lazy=A,K.Memo=X,K.Portal=te,K.Profiler=le,K.StrictMode=re,K.Suspense=ue,K.isAsyncMode=pe,K.isConcurrentMode=x,K.isContextConsumer=D,K.isContextProvider=L,K.isElement=F,K.isForwardRef=W,K.isFragment=$,K.isLazy=k,K.isMemo=I,K.isPortal=H,K.isProfiler=V,K.isStrictMode=Y,K.isSuspense=ce,K.isValidElementType=v,K.typeOf=w})()),K}var pt;function gt(){return pt||(pt=1,process.env.NODE_ENV==="production"?We.exports=gr():We.exports=vr()),We.exports}/*
|
|
45
45
|
object-assign
|
|
46
46
|
(c) Sindre Sorhus
|
|
47
47
|
@license MIT
|
|
48
|
-
*/var
|
|
49
|
-
Valid keys: `+JSON.stringify(Object.keys(x),null," "));var O=ce(I,Y,W
|
|
48
|
+
*/var $e,vt;function mr(){if(vt)return $e;vt=1;var r=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,t=Object.prototype.propertyIsEnumerable;function e(o){if(o==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(o)}function i(){try{if(!Object.assign)return!1;var o=new String("abc");if(o[5]="de",Object.getOwnPropertyNames(o)[0]==="5")return!1;for(var l={},a=0;a<10;a++)l["_"+String.fromCharCode(a)]=a;var f=Object.getOwnPropertyNames(l).map(function(g){return l[g]});if(f.join("")!=="0123456789")return!1;var h={};return"abcdefghijklmnopqrst".split("").forEach(function(g){h[g]=g}),Object.keys(Object.assign({},h)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return $e=i()?Object.assign:function(o,l){for(var a,f=e(o),h,g=1;g<arguments.length;g++){a=Object(arguments[g]);for(var p in a)n.call(a,p)&&(f[p]=a[p]);if(r){h=r(a);for(var y=0;y<h.length;y++)t.call(a,h[y])&&(f[h[y]]=a[h[y]])}}return f},$e}var qe,mt;function Ve(){if(mt)return qe;mt=1;var r="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return qe=r,qe}var Ge,yt;function bt(){return yt||(yt=1,Ge=Function.call.bind(Object.prototype.hasOwnProperty)),Ge}var Je,wt;function yr(){if(wt)return Je;wt=1;var r=function(){};if(process.env.NODE_ENV!=="production"){var n=Ve(),t={},e=bt();r=function(o){var l="Warning: "+o;typeof console<"u"&&console.error(l);try{throw new Error(l)}catch{}}}function i(o,l,a,f,h){if(process.env.NODE_ENV!=="production"){for(var g in o)if(e(o,g)){var p;try{if(typeof o[g]!="function"){var y=Error((f||"React class")+": "+a+" type `"+g+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof o[g]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw y.name="Invariant Violation",y}p=o[g](l,g,f,a,null,n)}catch(T){p=T}if(p&&!(p instanceof Error)&&r((f||"React class")+": type specification of "+a+" `"+g+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof p+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),p instanceof Error&&!(p.message in t)){t[p.message]=!0;var S=h?h():"";r("Failed "+a+" type: "+p.message+(S??""))}}}}return i.resetWarningCache=function(){process.env.NODE_ENV!=="production"&&(t={})},Je=i,Je}var Ke,St;function br(){if(St)return Ke;St=1;var r=gt(),n=mr(),t=Ve(),e=bt(),i=yr(),o=function(){};process.env.NODE_ENV!=="production"&&(o=function(a){var f="Warning: "+a;typeof console<"u"&&console.error(f);try{throw new Error(f)}catch{}});function l(){return null}return Ke=function(a,f){var h=typeof Symbol=="function"&&Symbol.iterator,g="@@iterator";function p(x){var D=x&&(h&&x[h]||x[g]);if(typeof D=="function")return D}var y="<<anonymous>>",S={array:b("array"),bigint:b("bigint"),bool:b("boolean"),func:b("function"),number:b("number"),object:b("object"),string:b("string"),symbol:b("symbol"),any:d(),arrayOf:v,element:w(),elementType:c(),instanceOf:j,node:N(),objectOf:m,oneOf:u,oneOfType:C,shape:A,exact:X};function T(x,D){return x===D?x!==0||1/x===1/D:x!==x&&D!==D}function P(x,D){this.message=x,this.data=D&&typeof D=="object"?D:{},this.stack=""}P.prototype=Error.prototype;function _(x){if(process.env.NODE_ENV!=="production")var D={},L=0;function F($,k,I,H,V,Y,ce){if(H=H||y,Y=Y||I,ce!==t){if(f){var O=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw O.name="Invariant Violation",O}else if(process.env.NODE_ENV!=="production"&&typeof console<"u"){var ge=H+":"+I;!D[ge]&&L<3&&(o("You are manually calling a React.PropTypes validation function for the `"+Y+"` prop on `"+H+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),D[ge]=!0,L++)}}return k[I]==null?$?k[I]===null?new P("The "+V+" `"+Y+"` is marked as required "+("in `"+H+"`, but its value is `null`.")):new P("The "+V+" `"+Y+"` is marked as required in "+("`"+H+"`, but its value is `undefined`.")):null:x(k,I,H,V,Y)}var W=F.bind(null,!1);return W.isRequired=F.bind(null,!0),W}function b(x){function D(L,F,W,$,k,I){var H=L[F],V=re(H);if(V!==x){var Y=ue(H);return new P("Invalid "+$+" `"+k+"` of type "+("`"+Y+"` supplied to `"+W+"`, expected ")+("`"+x+"`."),{expectedType:x})}return null}return _(D)}function d(){return _(l)}function v(x){function D(L,F,W,$,k){if(typeof x!="function")return new P("Property `"+k+"` of component `"+W+"` has invalid PropType notation inside arrayOf.");var I=L[F];if(!Array.isArray(I)){var H=re(I);return new P("Invalid "+$+" `"+k+"` of type "+("`"+H+"` supplied to `"+W+"`, expected an array."))}for(var V=0;V<I.length;V++){var Y=x(I,V,W,$,k+"["+V+"]",t);if(Y instanceof Error)return Y}return null}return _(D)}function w(){function x(D,L,F,W,$){var k=D[L];if(!a(k)){var I=re(k);return new P("Invalid "+W+" `"+$+"` of type "+("`"+I+"` supplied to `"+F+"`, expected a single ReactElement."))}return null}return _(x)}function c(){function x(D,L,F,W,$){var k=D[L];if(!r.isValidElementType(k)){var I=re(k);return new P("Invalid "+W+" `"+$+"` of type "+("`"+I+"` supplied to `"+F+"`, expected a single ReactElement type."))}return null}return _(x)}function j(x){function D(L,F,W,$,k){if(!(L[F]instanceof x)){var I=x.name||y,H=pe(L[F]);return new P("Invalid "+$+" `"+k+"` of type "+("`"+H+"` supplied to `"+W+"`, expected ")+("instance of `"+I+"`."))}return null}return _(D)}function u(x){if(!Array.isArray(x))return process.env.NODE_ENV!=="production"&&(arguments.length>1?o("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):o("Invalid argument supplied to oneOf, expected an array.")),l;function D(L,F,W,$,k){for(var I=L[F],H=0;H<x.length;H++)if(T(I,x[H]))return null;var V=JSON.stringify(x,function(ce,O){var ge=ue(O);return ge==="symbol"?String(O):O});return new P("Invalid "+$+" `"+k+"` of value `"+String(I)+"` "+("supplied to `"+W+"`, expected one of "+V+"."))}return _(D)}function m(x){function D(L,F,W,$,k){if(typeof x!="function")return new P("Property `"+k+"` of component `"+W+"` has invalid PropType notation inside objectOf.");var I=L[F],H=re(I);if(H!=="object")return new P("Invalid "+$+" `"+k+"` of type "+("`"+H+"` supplied to `"+W+"`, expected an object."));for(var V in I)if(e(I,V)){var Y=x(I,V,W,$,k+"."+V,t);if(Y instanceof Error)return Y}return null}return _(D)}function C(x){if(!Array.isArray(x))return process.env.NODE_ENV!=="production"&&o("Invalid argument supplied to oneOfType, expected an instance of array."),l;for(var D=0;D<x.length;D++){var L=x[D];if(typeof L!="function")return o("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+de(L)+" at index "+D+"."),l}function F(W,$,k,I,H){for(var V=[],Y=0;Y<x.length;Y++){var ce=x[Y],O=ce(W,$,k,I,H,t);if(O==null)return null;O.data&&e(O.data,"expectedType")&&V.push(O.data.expectedType)}var ge=V.length>0?", expected one of type ["+V.join(", ")+"]":"";return new P("Invalid "+I+" `"+H+"` supplied to "+("`"+k+"`"+ge+"."))}return _(F)}function N(){function x(D,L,F,W,$){return te(D[L])?null:new P("Invalid "+W+" `"+$+"` supplied to "+("`"+F+"`, expected a ReactNode."))}return _(x)}function G(x,D,L,F,W){return new P((x||"React class")+": "+D+" type `"+L+"."+F+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+W+"`.")}function A(x){function D(L,F,W,$,k){var I=L[F],H=re(I);if(H!=="object")return new P("Invalid "+$+" `"+k+"` of type `"+H+"` "+("supplied to `"+W+"`, expected `object`."));for(var V in x){var Y=x[V];if(typeof Y!="function")return G(W,$,k,V,ue(Y));var ce=Y(I,V,W,$,k+"."+V,t);if(ce)return ce}return null}return _(D)}function X(x){function D(L,F,W,$,k){var I=L[F],H=re(I);if(H!=="object")return new P("Invalid "+$+" `"+k+"` of type `"+H+"` "+("supplied to `"+W+"`, expected `object`."));var V=n({},L[F],x);for(var Y in V){var ce=x[Y];if(e(x,Y)&&typeof ce!="function")return G(W,$,k,Y,ue(ce));if(!ce)return new P("Invalid "+$+" `"+k+"` key `"+Y+"` supplied to `"+W+"`.\nBad object: "+JSON.stringify(L[F],null," ")+`
|
|
49
|
+
Valid keys: `+JSON.stringify(Object.keys(x),null," "));var O=ce(I,Y,W,$,k+"."+Y,t);if(O)return O}return null}return _(D)}function te(x){switch(typeof x){case"number":case"string":case"undefined":return!0;case"boolean":return!x;case"object":if(Array.isArray(x))return x.every(te);if(x===null||a(x))return!0;var D=p(x);if(D){var L=D.call(x),F;if(D!==x.entries){for(;!(F=L.next()).done;)if(!te(F.value))return!1}else for(;!(F=L.next()).done;){var W=F.value;if(W&&!te(W[1]))return!1}}else return!1;return!0;default:return!1}}function le(x,D){return x==="symbol"?!0:D?D["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&D instanceof Symbol:!1}function re(x){var D=typeof x;return Array.isArray(x)?"array":x instanceof RegExp?"object":le(D,x)?"symbol":D}function ue(x){if(typeof x>"u"||x===null)return""+x;var D=re(x);if(D==="object"){if(x instanceof Date)return"date";if(x instanceof RegExp)return"regexp"}return D}function de(x){var D=ue(x);switch(D){case"array":case"object":return"an "+D;case"boolean":case"date":case"regexp":return"a "+D;default:return D}}function pe(x){return!x.constructor||!x.constructor.name?y:x.constructor.name}return S.checkPropTypes=i,S.resetWarningCache=i.resetWarningCache,S.PropTypes=S,S},Ke}var Ze,xt;function wr(){if(xt)return Ze;xt=1;var r=Ve();function n(){}function t(){}return t.resetWarningCache=n,Ze=function(){function e(l,a,f,h,g,p){if(p!==r){var y=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw y.name="Invariant Violation",y}}e.isRequired=e;function i(){return e}var o={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:i,element:e,elementType:e,instanceOf:i,node:e,objectOf:i,oneOf:i,oneOfType:i,shape:i,exact:i,checkPropTypes:t,resetWarningCache:n};return o.PropTypes=o,o},Ze}var Rt;function Et(){if(Rt)return Ae.exports;if(Rt=1,process.env.NODE_ENV!=="production"){var r=gt(),n=!0;Ae.exports=br()(r.isElement,n)}else Ae.exports=wr()();return Ae.exports}function _t(r){var n,t,e="";if(typeof r=="string"||typeof r=="number")e+=r;else if(typeof r=="object")if(Array.isArray(r))for(n=0;n<r.length;n++)r[n]&&(t=_t(r[n]))&&(e&&(e+=" "),e+=t);else for(n in r)r[n]&&(e&&(e+=" "),e+=n);return e}function Tt(){for(var r,n,t=0,e="";t<arguments.length;)(r=arguments[t++])&&(n=_t(r))&&(e&&(e+=" "),e+=n);return e}const Sr=or(Object.freeze(Object.defineProperty({__proto__:null,clsx:Tt,default:Tt},Symbol.toStringTag,{value:"Module"})));var ne={},be={},Pt;function ke(){if(Pt)return be;Pt=1,Object.defineProperty(be,"__esModule",{value:!0}),be.dontSetMe=i,be.findInArray=r,be.int=e,be.isFunction=n,be.isNum=t;function r(o,l){for(let a=0,f=o.length;a<f;a++)if(l.apply(l,[o[a],a,o]))return o[a]}function n(o){return typeof o=="function"||Object.prototype.toString.call(o)==="[object Function]"}function t(o){return typeof o=="number"&&!isNaN(o)}function e(o){return parseInt(o,10)}function i(o,l,a){if(o[l])return new Error("Invalid prop ".concat(l," passed to ").concat(a," - do not set this, set it on the child."))}return be}var we={},Ct;function xr(){if(Ct)return we;Ct=1,Object.defineProperty(we,"__esModule",{value:!0}),we.browserPrefixToKey=t,we.browserPrefixToStyle=e,we.default=void 0,we.getPrefix=n;const r=["Moz","Webkit","O","ms"];function n(){var o;let l=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"transform";if(typeof window>"u")return"";const a=(o=window.document)===null||o===void 0||(o=o.documentElement)===null||o===void 0?void 0:o.style;if(!a||l in a)return"";for(let f=0;f<r.length;f++)if(t(l,r[f])in a)return r[f];return""}function t(o,l){return l?"".concat(l).concat(i(o)):o}function e(o,l){return l?"-".concat(l.toLowerCase(),"-").concat(o):o}function i(o){let l="",a=!0;for(let f=0;f<o.length;f++)a?(l+=o[f].toUpperCase(),a=!1):o[f]==="-"?a=!0:l+=o[f];return l}return we.default=n(),we}var Ot;function Qe(){if(Ot)return ne;Ot=1,Object.defineProperty(ne,"__esModule",{value:!0}),ne.addClassName=c,ne.addEvent=a,ne.addUserSelectStyles=v,ne.createCSSTransform=T,ne.createSVGTransform=P,ne.getTouch=b,ne.getTouchIdentifier=d,ne.getTranslation=_,ne.innerHeight=p,ne.innerWidth=y,ne.matchesSelector=o,ne.matchesSelectorAndParentsTo=l,ne.offsetXYFromParent=S,ne.outerHeight=h,ne.outerWidth=g,ne.removeClassName=j,ne.removeEvent=f,ne.removeUserSelectStyles=w;var r=ke(),n=e(xr());function t(u){if(typeof WeakMap!="function")return null;var m=new WeakMap,C=new WeakMap;return(t=function(N){return N?C:m})(u)}function e(u,m){if(u&&u.__esModule)return u;if(u===null||typeof u!="object"&&typeof u!="function")return{default:u};var C=t(m);if(C&&C.has(u))return C.get(u);var N={},G=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var A in u)if(A!=="default"&&Object.prototype.hasOwnProperty.call(u,A)){var X=G?Object.getOwnPropertyDescriptor(u,A):null;X&&(X.get||X.set)?Object.defineProperty(N,A,X):N[A]=u[A]}return N.default=u,C&&C.set(u,N),N}let i="";function o(u,m){return i||(i=(0,r.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],function(C){return(0,r.isFunction)(u[C])})),(0,r.isFunction)(u[i])?u[i](m):!1}function l(u,m,C){let N=u;do{if(o(N,m))return!0;if(N===C)return!1;N=N.parentNode}while(N);return!1}function a(u,m,C,N){if(!u)return;const G={capture:!0,...N};u.addEventListener?u.addEventListener(m,C,G):u.attachEvent?u.attachEvent("on"+m,C):u["on"+m]=C}function f(u,m,C,N){if(!u)return;const G={capture:!0,...N};u.removeEventListener?u.removeEventListener(m,C,G):u.detachEvent?u.detachEvent("on"+m,C):u["on"+m]=null}function h(u){let m=u.clientHeight;const C=u.ownerDocument.defaultView.getComputedStyle(u);return m+=(0,r.int)(C.borderTopWidth),m+=(0,r.int)(C.borderBottomWidth),m}function g(u){let m=u.clientWidth;const C=u.ownerDocument.defaultView.getComputedStyle(u);return m+=(0,r.int)(C.borderLeftWidth),m+=(0,r.int)(C.borderRightWidth),m}function p(u){let m=u.clientHeight;const C=u.ownerDocument.defaultView.getComputedStyle(u);return m-=(0,r.int)(C.paddingTop),m-=(0,r.int)(C.paddingBottom),m}function y(u){let m=u.clientWidth;const C=u.ownerDocument.defaultView.getComputedStyle(u);return m-=(0,r.int)(C.paddingLeft),m-=(0,r.int)(C.paddingRight),m}function S(u,m,C){const G=m===m.ownerDocument.body?{left:0,top:0}:m.getBoundingClientRect(),A=(u.clientX+m.scrollLeft-G.left)/C,X=(u.clientY+m.scrollTop-G.top)/C;return{x:A,y:X}}function T(u,m){const C=_(u,m,"px");return{[(0,n.browserPrefixToKey)("transform",n.default)]:C}}function P(u,m){return _(u,m,"")}function _(u,m,C){let{x:N,y:G}=u,A="translate(".concat(N).concat(C,",").concat(G).concat(C,")");if(m){const X="".concat(typeof m.x=="string"?m.x:m.x+C),te="".concat(typeof m.y=="string"?m.y:m.y+C);A="translate(".concat(X,", ").concat(te,")")+A}return A}function b(u,m){return u.targetTouches&&(0,r.findInArray)(u.targetTouches,C=>m===C.identifier)||u.changedTouches&&(0,r.findInArray)(u.changedTouches,C=>m===C.identifier)}function d(u){if(u.targetTouches&&u.targetTouches[0])return u.targetTouches[0].identifier;if(u.changedTouches&&u.changedTouches[0])return u.changedTouches[0].identifier}function v(u){if(!u)return;let m=u.getElementById("react-draggable-style-el");m||(m=u.createElement("style"),m.type="text/css",m.id="react-draggable-style-el",m.innerHTML=`.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
|
|
50
50
|
`,m.innerHTML+=`.react-draggable-transparent-selection *::selection {all: inherit;}
|
|
51
|
-
`,u.getElementsByTagName("head")[0].appendChild(m)),u.body&&c(u.body,"react-draggable-transparent-selection")}function w(u){if(u)try{if(u.body&&j(u.body,"react-draggable-transparent-selection"),u.selection)u.selection.empty();else{const m=(u.defaultView||window).getSelection();m&&m.type!=="Caret"&&m.removeAllRanges()}}catch{}}function c(u,m){u.classList?u.classList.add(m):u.className.match(new RegExp("(?:^|\\s)".concat(m,"(?!\\S)")))||(u.className+=" ".concat(m))}function j(u,m){u.classList?u.classList.remove(m):u.className=u.className.replace(new RegExp("(?:^|\\s)".concat(m,"(?!\\S)"),"g"),"")}return ne}var me={},zt;function Dt(){if(zt)return me;zt=1,Object.defineProperty(me,"__esModule",{value:!0}),me.canDragX=i,me.canDragY=o,me.createCoreData=a,me.createDraggableData=f,me.getBoundPosition=t,me.getControlPosition=l,me.snapToGrid=e;var r=ke(),n=Qe();function t(p,y,S){if(!p.props.bounds)return[y,S];let{bounds:T}=p.props;T=typeof T=="string"?T:h(T);const P=g(p);if(typeof T=="string"){const{ownerDocument:_}=P,b=_.defaultView;let d;if(T==="parent"?d=P.parentNode:d=_.querySelector(T),!(d instanceof b.HTMLElement))throw new Error('Bounds selector "'+T+'" could not find an element.');const v=d,w=b.getComputedStyle(P),c=b.getComputedStyle(v);T={left:-P.offsetLeft+(0,r.int)(c.paddingLeft)+(0,r.int)(w.marginLeft),top:-P.offsetTop+(0,r.int)(c.paddingTop)+(0,r.int)(w.marginTop),right:(0,n.innerWidth)(v)-(0,n.outerWidth)(P)-P.offsetLeft+(0,r.int)(c.paddingRight)-(0,r.int)(w.marginRight),bottom:(0,n.innerHeight)(v)-(0,n.outerHeight)(P)-P.offsetTop+(0,r.int)(c.paddingBottom)-(0,r.int)(w.marginBottom)}}return(0,r.isNum)(T.right)&&(y=Math.min(y,T.right)),(0,r.isNum)(T.bottom)&&(S=Math.min(S,T.bottom)),(0,r.isNum)(T.left)&&(y=Math.max(y,T.left)),(0,r.isNum)(T.top)&&(S=Math.max(S,T.top)),[y,S]}function e(p,y,S){const T=Math.round(y/p[0])*p[0],P=Math.round(S/p[1])*p[1];return[T,P]}function i(p){return p.props.axis==="both"||p.props.axis==="x"}function o(p){return p.props.axis==="both"||p.props.axis==="y"}function l(p,y,S){const T=typeof y=="number"?(0,n.getTouch)(p,y):null;if(typeof y=="number"&&!T)return null;const P=g(S),_=S.props.offsetParent||P.offsetParent||P.ownerDocument.body;return(0,n.offsetXYFromParent)(T||p,_,S.props.scale)}function a(p,y,S){const T=!(0,r.isNum)(p.lastX),P=g(p);return T?{node:P,deltaX:0,deltaY:0,lastX:y,lastY:S,x:y,y:S}:{node:P,deltaX:y-p.lastX,deltaY:S-p.lastY,lastX:p.lastX,lastY:p.lastY,x:y,y:S}}function f(p,y){const S=p.props.scale;return{node:y.node,x:p.state.x+y.deltaX/S,y:p.state.y+y.deltaY/S,deltaX:y.deltaX/S,deltaY:y.deltaY/S,lastX:p.state.x,lastY:p.state.y}}function h(p){return{left:p.left,top:p.top,right:p.right,bottom:p.bottom}}function g(p){const y=p.findDOMNode();if(!y)throw new Error("<DraggableCore>: Unmounted during event!");return y}return me}var ze={},Ie={},jt;function Mt(){if(jt)return Ie;jt=1,Object.defineProperty(Ie,"__esModule",{value:!0}),Ie.default=r;function r(){}return Ie}var Nt;function Rr(){if(Nt)return ze;Nt=1,Object.defineProperty(ze,"__esModule",{value:!0}),ze.default=void 0;var r=h(ee),n=a(Et()),t=a(je),e=Qe(),i=Dt(),o=ke(),l=a(Mt());function a(_){return _&&_.__esModule?_:{default:_}}function f(_){if(typeof WeakMap!="function")return null;var b=new WeakMap,d=new WeakMap;return(f=function(v){return v?d:b})(_)}function h(_,b){if(_&&_.__esModule)return _;if(_===null||typeof _!="object"&&typeof _!="function")return{default:_};var d=f(b);if(d&&d.has(_))return d.get(_);var v={},w=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var c in _)if(c!=="default"&&Object.prototype.hasOwnProperty.call(_,c)){var j=w?Object.getOwnPropertyDescriptor(_,c):null;j&&(j.get||j.set)?Object.defineProperty(v,c,j):v[c]=_[c]}return v.default=_,d&&d.set(_,v),v}function g(_,b,d){return b=p(b),b in _?Object.defineProperty(_,b,{value:d,enumerable:!0,configurable:!0,writable:!0}):_[b]=d,_}function p(_){var b=y(_,"string");return typeof b=="symbol"?b:String(b)}function y(_,b){if(typeof _!="object"||_===null)return _;var d=_[Symbol.toPrimitive];if(d!==void 0){var v=d.call(_,b);if(typeof v!="object")return v;throw new TypeError("@@toPrimitive must return a primitive value.")}return(b==="string"?String:Number)(_)}const S={touch:{start:"touchstart",move:"touchmove",stop:"touchend"},mouse:{start:"mousedown",move:"mousemove",stop:"mouseup"}};let T=S.mouse,P=class extends r.Component{constructor(){super(...arguments),g(this,"dragging",!1),g(this,"lastX",NaN),g(this,"lastY",NaN),g(this,"touchIdentifier",null),g(this,"mounted",!1),g(this,"handleDragStart",b=>{if(this.props.onMouseDown(b),!this.props.allowAnyClick&&typeof b.button=="number"&&b.button!==0)return!1;const d=this.findDOMNode();if(!d||!d.ownerDocument||!d.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");const{ownerDocument:v}=d;if(this.props.disabled||!(b.target instanceof v.defaultView.Node)||this.props.handle&&!(0,e.matchesSelectorAndParentsTo)(b.target,this.props.handle,d)||this.props.cancel&&(0,e.matchesSelectorAndParentsTo)(b.target,this.props.cancel,d))return;b.type==="touchstart"&&b.preventDefault();const w=(0,e.getTouchIdentifier)(b);this.touchIdentifier=w;const c=(0,i.getControlPosition)(b,w,this);if(c==null)return;const{x:j,y:u}=c,m=(0,i.createCoreData)(this,j,u);(0,l.default)("DraggableCore: handleDragStart: %j",m),(0,l.default)("calling",this.props.onStart),!(this.props.onStart(b,m)===!1||this.mounted===!1)&&(this.props.enableUserSelectHack&&(0,e.addUserSelectStyles)(v),this.dragging=!0,this.lastX=j,this.lastY=u,(0,e.addEvent)(v,T.move,this.handleDrag),(0,e.addEvent)(v,T.stop,this.handleDragStop))}),g(this,"handleDrag",b=>{const d=(0,i.getControlPosition)(b,this.touchIdentifier,this);if(d==null)return;let{x:v,y:w}=d;if(Array.isArray(this.props.grid)){let u=v-this.lastX,m=w-this.lastY;if([u,m]=(0,i.snapToGrid)(this.props.grid,u,m),!u&&!m)return;v=this.lastX+u,w=this.lastY+m}const c=(0,i.createCoreData)(this,v,w);if((0,l.default)("DraggableCore: handleDrag: %j",c),this.props.onDrag(b,c)===!1||this.mounted===!1){try{this.handleDragStop(new MouseEvent("mouseup"))}catch{const m=document.createEvent("MouseEvents");m.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(m)}return}this.lastX=v,this.lastY=w}),g(this,"handleDragStop",b=>{if(!this.dragging)return;const d=(0,i.getControlPosition)(b,this.touchIdentifier,this);if(d==null)return;let{x:v,y:w}=d;if(Array.isArray(this.props.grid)){let m=v-this.lastX||0,C=w-this.lastY||0;[m,C]=(0,i.snapToGrid)(this.props.grid,m,C),v=this.lastX+m,w=this.lastY+C}const c=(0,i.createCoreData)(this,v,w);if(this.props.onStop(b,c)===!1||this.mounted===!1)return!1;const u=this.findDOMNode();u&&this.props.enableUserSelectHack&&(0,e.removeUserSelectStyles)(u.ownerDocument),(0,l.default)("DraggableCore: handleDragStop: %j",c),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,u&&((0,l.default)("DraggableCore: Removing handlers"),(0,e.removeEvent)(u.ownerDocument,T.move,this.handleDrag),(0,e.removeEvent)(u.ownerDocument,T.stop,this.handleDragStop))}),g(this,"onMouseDown",b=>(T=S.mouse,this.handleDragStart(b))),g(this,"onMouseUp",b=>(T=S.mouse,this.handleDragStop(b))),g(this,"onTouchStart",b=>(T=S.touch,this.handleDragStart(b))),g(this,"onTouchEnd",b=>(T=S.touch,this.handleDragStop(b)))}componentDidMount(){this.mounted=!0;const b=this.findDOMNode();b&&(0,e.addEvent)(b,S.touch.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;const b=this.findDOMNode();if(b){const{ownerDocument:d}=b;(0,e.removeEvent)(d,S.mouse.move,this.handleDrag),(0,e.removeEvent)(d,S.touch.move,this.handleDrag),(0,e.removeEvent)(d,S.mouse.stop,this.handleDragStop),(0,e.removeEvent)(d,S.touch.stop,this.handleDragStop),(0,e.removeEvent)(b,S.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,e.removeUserSelectStyles)(d)}}findDOMNode(){var b,d;return(b=this.props)!==null&&b!==void 0&&b.nodeRef?(d=this.props)===null||d===void 0||(d=d.nodeRef)===null||d===void 0?void 0:d.current:t.default.findDOMNode(this)}render(){return r.cloneElement(r.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};return ze.default=P,g(P,"displayName","DraggableCore"),g(P,"propTypes",{allowAnyClick:n.default.bool,children:n.default.node.isRequired,disabled:n.default.bool,enableUserSelectHack:n.default.bool,offsetParent:function(_,b){if(_[b]&&_[b].nodeType!==1)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:n.default.arrayOf(n.default.number),handle:n.default.string,cancel:n.default.string,nodeRef:n.default.object,onStart:n.default.func,onDrag:n.default.func,onStop:n.default.func,onMouseDown:n.default.func,scale:n.default.number,className:o.dontSetMe,style:o.dontSetMe,transform:o.dontSetMe}),g(P,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1}),ze}var At;function Er(){return At||(At=1,function(r){Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"DraggableCore",{enumerable:!0,get:function(){return f.default}}),r.default=void 0;var n=y(ee),t=g(Et()),e=g(je),i=g(Sr),o=Qe(),l=Dt(),a=ke(),f=g(Rr()),h=g(Mt());function g(d){return d&&d.__esModule?d:{default:d}}function p(d){if(typeof WeakMap!="function")return null;var v=new WeakMap,w=new WeakMap;return(p=function(c){return c?w:v})(d)}function y(d,v){if(d&&d.__esModule)return d;if(d===null||typeof d!="object"&&typeof d!="function")return{default:d};var w=p(v);if(w&&w.has(d))return w.get(d);var c={},j=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in d)if(u!=="default"&&Object.prototype.hasOwnProperty.call(d,u)){var m=j?Object.getOwnPropertyDescriptor(d,u):null;m&&(m.get||m.set)?Object.defineProperty(c,u,m):c[u]=d[u]}return c.default=d,w&&w.set(d,c),c}function S(){return S=Object.assign?Object.assign.bind():function(d){for(var v=1;v<arguments.length;v++){var w=arguments[v];for(var c in w)Object.prototype.hasOwnProperty.call(w,c)&&(d[c]=w[c])}return d},S.apply(this,arguments)}function T(d,v,w){return v=P(v),v in d?Object.defineProperty(d,v,{value:w,enumerable:!0,configurable:!0,writable:!0}):d[v]=w,d}function P(d){var v=_(d,"string");return typeof v=="symbol"?v:String(v)}function _(d,v){if(typeof d!="object"||d===null)return d;var w=d[Symbol.toPrimitive];if(w!==void 0){var c=w.call(d,v);if(typeof c!="object")return c;throw new TypeError("@@toPrimitive must return a primitive value.")}return(v==="string"?String:Number)(d)}class b extends n.Component{static getDerivedStateFromProps(v,w){let{position:c}=v,{prevPropsPosition:j}=w;return c&&(!j||c.x!==j.x||c.y!==j.y)?((0,h.default)("Draggable: getDerivedStateFromProps %j",{position:c,prevPropsPosition:j}),{x:c.x,y:c.y,prevPropsPosition:{...c}}):null}constructor(v){super(v),T(this,"onDragStart",(w,c)=>{if((0,h.default)("Draggable: onDragStart: %j",c),this.props.onStart(w,(0,l.createDraggableData)(this,c))===!1)return!1;this.setState({dragging:!0,dragged:!0})}),T(this,"onDrag",(w,c)=>{if(!this.state.dragging)return!1;(0,h.default)("Draggable: onDrag: %j",c);const j=(0,l.createDraggableData)(this,c),u={x:j.x,y:j.y,slackX:0,slackY:0};if(this.props.bounds){const{x:C,y:N}=u;u.x+=this.state.slackX,u.y+=this.state.slackY;const[G,A]=(0,l.getBoundPosition)(this,u.x,u.y);u.x=G,u.y=A,u.slackX=this.state.slackX+(C-u.x),u.slackY=this.state.slackY+(N-u.y),j.x=u.x,j.y=u.y,j.deltaX=u.x-this.state.x,j.deltaY=u.y-this.state.y}if(this.props.onDrag(w,j)===!1)return!1;this.setState(u)}),T(this,"onDragStop",(w,c)=>{if(!this.state.dragging||this.props.onStop(w,(0,l.createDraggableData)(this,c))===!1)return!1;(0,h.default)("Draggable: onDragStop: %j",c);const u={dragging:!1,slackX:0,slackY:0};if(!!this.props.position){const{x:C,y:N}=this.props.position;u.x=C,u.y=N}this.setState(u)}),this.state={dragging:!1,dragged:!1,x:v.position?v.position.x:v.defaultPosition.x,y:v.position?v.position.y:v.defaultPosition.y,prevPropsPosition:{...v.position},slackX:0,slackY:0,isElementSVG:!1},v.position&&!(v.onDrag||v.onStop)&&console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.")}componentDidMount(){typeof window.SVGElement<"u"&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}componentWillUnmount(){this.setState({dragging:!1})}findDOMNode(){var v,w;return(v=(w=this.props)===null||w===void 0||(w=w.nodeRef)===null||w===void 0?void 0:w.current)!==null&&v!==void 0?v:e.default.findDOMNode(this)}render(){const{axis:v,bounds:w,children:c,defaultPosition:j,defaultClassName:u,defaultClassNameDragging:m,defaultClassNameDragged:C,position:N,positionOffset:G,scale:A,...$}=this.props;let te={},le=null;const ue=!!!N||this.state.dragging,de=N||j,pe={x:(0,l.canDragX)(this)&&ue?this.state.x:de.x,y:(0,l.canDragY)(this)&&ue?this.state.y:de.y};this.state.isElementSVG?le=(0,o.createSVGTransform)(pe,G):te=(0,o.createCSSTransform)(pe,G);const x=(0,i.default)(c.props.className||"",u,{[m]:this.state.dragging,[C]:this.state.dragged});return n.createElement(f.default,S({},$,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),n.cloneElement(n.Children.only(c),{className:x,style:{...c.props.style,...te},transform:le}))}}r.default=b,T(b,"displayName","Draggable"),T(b,"propTypes",{...f.default.propTypes,axis:t.default.oneOf(["both","x","y","none"]),bounds:t.default.oneOfType([t.default.shape({left:t.default.number,right:t.default.number,top:t.default.number,bottom:t.default.number}),t.default.string,t.default.oneOf([!1])]),defaultClassName:t.default.string,defaultClassNameDragging:t.default.string,defaultClassNameDragged:t.default.string,defaultPosition:t.default.shape({x:t.default.number,y:t.default.number}),positionOffset:t.default.shape({x:t.default.oneOfType([t.default.number,t.default.string]),y:t.default.oneOfType([t.default.number,t.default.string])}),position:t.default.shape({x:t.default.number,y:t.default.number}),className:a.dontSetMe,style:a.dontSetMe,transform:a.dontSetMe}),T(b,"defaultProps",{...f.default.defaultProps,axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1})}($e)),$e}var Wt;function _r(){if(Wt)return Oe.exports;Wt=1;const{default:r,DraggableCore:n}=Er();return Oe.exports=r,Oe.exports.default=r,Oe.exports.DraggableCore=n,Oe.exports}var Tr=_r();const Pr=ir(Tr);var oe=function(){return oe=Object.assign||function(r){for(var n,t=1,e=arguments.length;t<e;t++){n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(r[i]=n[i])}return r},oe.apply(this,arguments)},kt={width:"100%",height:"10px",top:"0px",left:"0px",cursor:"row-resize"},It={width:"10px",height:"100%",top:"0px",left:"0px",cursor:"col-resize"},Fe={width:"20px",height:"20px",position:"absolute",zIndex:1},Cr={top:oe(oe({},kt),{top:"-5px"}),right:oe(oe({},It),{left:void 0,right:"-5px"}),bottom:oe(oe({},kt),{top:void 0,bottom:"-5px"}),left:oe(oe({},It),{left:"-5px"}),topRight:oe(oe({},Fe),{right:"-10px",top:"-10px",cursor:"ne-resize"}),bottomRight:oe(oe({},Fe),{right:"-10px",bottom:"-10px",cursor:"se-resize"}),bottomLeft:oe(oe({},Fe),{left:"-10px",bottom:"-10px",cursor:"sw-resize"}),topLeft:oe(oe({},Fe),{left:"-10px",top:"-10px",cursor:"nw-resize"})},Or=ee.memo(function(r){var n=r.onResizeStart,t=r.direction,e=r.children,i=r.replaceStyles,o=r.className,l=ee.useCallback(function(h){n(h,t)},[n,t]),a=ee.useCallback(function(h){n(h,t)},[n,t]),f=ee.useMemo(function(){return oe(oe({position:"absolute",userSelect:"none"},Cr[t]),i??{})},[i,t]);return R.jsx("div",{className:o||void 0,style:f,onMouseDown:l,onTouchStart:a,children:e})}),zr=function(){var r=function(n,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,i){e.__proto__=i}||function(e,i){for(var o in i)Object.prototype.hasOwnProperty.call(i,o)&&(e[o]=i[o])},r(n,t)};return function(n,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");r(n,t);function e(){this.constructor=n}n.prototype=t===null?Object.create(t):(e.prototype=t.prototype,new e)}}(),ye=function(){return ye=Object.assign||function(r){for(var n,t=1,e=arguments.length;t<e;t++){n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(r[i]=n[i])}return r},ye.apply(this,arguments)},Dr={width:"auto",height:"auto"},Le=function(r,n,t){return Math.max(Math.min(r,t),n)},Ft=function(r,n,t){var e=Math.round(r/n);return e*n+t*(e-1)},Re=function(r,n){return new RegExp(r,"i").test(n)},He=function(r){return!!(r.touches&&r.touches.length)},jr=function(r){return!!((r.clientX||r.clientX===0)&&(r.clientY||r.clientY===0))},Lt=function(r,n,t){t===void 0&&(t=0);var e=n.reduce(function(o,l,a){return Math.abs(l-r)<Math.abs(n[o]-r)?a:o},0),i=Math.abs(n[e]-r);return t===0||i<t?n[e]:r},et=function(r){return r=r.toString(),r==="auto"||r.endsWith("px")||r.endsWith("%")||r.endsWith("vh")||r.endsWith("vw")||r.endsWith("vmax")||r.endsWith("vmin")?r:"".concat(r,"px")},Ye=function(r,n,t,e){if(r&&typeof r=="string"){if(r.endsWith("px"))return Number(r.replace("px",""));if(r.endsWith("%")){var i=Number(r.replace("%",""))/100;return n*i}if(r.endsWith("vw")){var i=Number(r.replace("vw",""))/100;return t*i}if(r.endsWith("vh")){var i=Number(r.replace("vh",""))/100;return e*i}}return r},Mr=function(r,n,t,e,i,o,l){return e=Ye(e,r.width,n,t),i=Ye(i,r.height,n,t),o=Ye(o,r.width,n,t),l=Ye(l,r.height,n,t),{maxWidth:typeof e>"u"?void 0:Number(e),maxHeight:typeof i>"u"?void 0:Number(i),minWidth:typeof o>"u"?void 0:Number(o),minHeight:typeof l>"u"?void 0:Number(l)}},Nr=function(r){return Array.isArray(r)?r:[r,r]},Ar=["as","ref","style","className","grid","gridGap","snap","bounds","boundsByDirection","size","defaultSize","minWidth","minHeight","maxWidth","maxHeight","lockAspectRatio","lockAspectRatioExtraWidth","lockAspectRatioExtraHeight","enable","handleStyles","handleClasses","handleWrapperStyle","handleWrapperClass","children","onResizeStart","onResize","onResizeStop","handleComponent","scale","resizeRatio","snapGap"],Ht="__resizable_base__",Wr=function(r){zr(n,r);function n(t){var e,i,o,l,a=r.call(this,t)||this;return a.ratio=1,a.resizable=null,a.parentLeft=0,a.parentTop=0,a.resizableLeft=0,a.resizableRight=0,a.resizableTop=0,a.resizableBottom=0,a.targetLeft=0,a.targetTop=0,a.delta={width:0,height:0},a.appendBase=function(){if(!a.resizable||!a.window)return null;var f=a.parentNode;if(!f)return null;var h=a.window.document.createElement("div");return h.style.width="100%",h.style.height="100%",h.style.position="absolute",h.style.transform="scale(0, 0)",h.style.left="0",h.style.flex="0 0 100%",h.classList?h.classList.add(Ht):h.className+=Ht,f.appendChild(h),h},a.removeBase=function(f){var h=a.parentNode;h&&h.removeChild(f)},a.state={isResizing:!1,width:(i=(e=a.propsSize)===null||e===void 0?void 0:e.width)!==null&&i!==void 0?i:"auto",height:(l=(o=a.propsSize)===null||o===void 0?void 0:o.height)!==null&&l!==void 0?l:"auto",direction:"right",original:{x:0,y:0,width:0,height:0},backgroundStyle:{height:"100%",width:"100%",backgroundColor:"rgba(0,0,0,0)",cursor:"auto",opacity:0,position:"fixed",zIndex:9999,top:"0",left:"0",bottom:"0",right:"0"},flexBasis:void 0},a.onResizeStart=a.onResizeStart.bind(a),a.onMouseMove=a.onMouseMove.bind(a),a.onMouseUp=a.onMouseUp.bind(a),a}return Object.defineProperty(n.prototype,"parentNode",{get:function(){return this.resizable?this.resizable.parentNode:null},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"window",{get:function(){return!this.resizable||!this.resizable.ownerDocument?null:this.resizable.ownerDocument.defaultView},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"propsSize",{get:function(){return this.props.size||this.props.defaultSize||Dr},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"size",{get:function(){var t=0,e=0;if(this.resizable&&this.window){var i=this.resizable.offsetWidth,o=this.resizable.offsetHeight,l=this.resizable.style.position;l!=="relative"&&(this.resizable.style.position="relative"),t=this.resizable.style.width!=="auto"?this.resizable.offsetWidth:i,e=this.resizable.style.height!=="auto"?this.resizable.offsetHeight:o,this.resizable.style.position=l}return{width:t,height:e}},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"sizeStyle",{get:function(){var t=this,e=this.props.size,i=function(a){var f;if(typeof t.state[a]>"u"||t.state[a]==="auto")return"auto";if(t.propsSize&&t.propsSize[a]&&(!((f=t.propsSize[a])===null||f===void 0)&&f.toString().endsWith("%"))){if(t.state[a].toString().endsWith("%"))return t.state[a].toString();var h=t.getParentSize(),g=Number(t.state[a].toString().replace("px","")),p=g/h[a]*100;return"".concat(p,"%")}return et(t.state[a])},o=e&&typeof e.width<"u"&&!this.state.isResizing?et(e.width):i("width"),l=e&&typeof e.height<"u"&&!this.state.isResizing?et(e.height):i("height");return{width:o,height:l}},enumerable:!1,configurable:!0}),n.prototype.getParentSize=function(){if(!this.parentNode)return this.window?{width:this.window.innerWidth,height:this.window.innerHeight}:{width:0,height:0};var t=this.appendBase();if(!t)return{width:0,height:0};var e=!1,i=this.parentNode.style.flexWrap;i!=="wrap"&&(e=!0,this.parentNode.style.flexWrap="wrap"),t.style.position="relative",t.style.minWidth="100%",t.style.minHeight="100%";var o={width:t.offsetWidth,height:t.offsetHeight};return e&&(this.parentNode.style.flexWrap=i),this.removeBase(t),o},n.prototype.bindEvents=function(){this.window&&(this.window.addEventListener("mouseup",this.onMouseUp),this.window.addEventListener("mousemove",this.onMouseMove),this.window.addEventListener("mouseleave",this.onMouseUp),this.window.addEventListener("touchmove",this.onMouseMove,{capture:!0,passive:!1}),this.window.addEventListener("touchend",this.onMouseUp))},n.prototype.unbindEvents=function(){this.window&&(this.window.removeEventListener("mouseup",this.onMouseUp),this.window.removeEventListener("mousemove",this.onMouseMove),this.window.removeEventListener("mouseleave",this.onMouseUp),this.window.removeEventListener("touchmove",this.onMouseMove,!0),this.window.removeEventListener("touchend",this.onMouseUp))},n.prototype.componentDidMount=function(){if(!(!this.resizable||!this.window)){var t=this.window.getComputedStyle(this.resizable);this.setState({width:this.state.width||this.size.width,height:this.state.height||this.size.height,flexBasis:t.flexBasis!=="auto"?t.flexBasis:void 0})}},n.prototype.componentWillUnmount=function(){this.window&&this.unbindEvents()},n.prototype.createSizeForCssProperty=function(t,e){var i=this.propsSize&&this.propsSize[e];return this.state[e]==="auto"&&this.state.original[e]===t&&(typeof i>"u"||i==="auto")?"auto":t},n.prototype.calculateNewMaxFromBoundary=function(t,e){var i=this.props.boundsByDirection,o=this.state.direction,l=i&&Re("left",o),a=i&&Re("top",o),f,h;if(this.props.bounds==="parent"){var g=this.parentNode;g&&(f=l?this.resizableRight-this.parentLeft:g.offsetWidth+(this.parentLeft-this.resizableLeft),h=a?this.resizableBottom-this.parentTop:g.offsetHeight+(this.parentTop-this.resizableTop))}else this.props.bounds==="window"?this.window&&(f=l?this.resizableRight:this.window.innerWidth-this.resizableLeft,h=a?this.resizableBottom:this.window.innerHeight-this.resizableTop):this.props.bounds&&(f=l?this.resizableRight-this.targetLeft:this.props.bounds.offsetWidth+(this.targetLeft-this.resizableLeft),h=a?this.resizableBottom-this.targetTop:this.props.bounds.offsetHeight+(this.targetTop-this.resizableTop));return f&&Number.isFinite(f)&&(t=t&&t<f?t:f),h&&Number.isFinite(h)&&(e=e&&e<h?e:h),{maxWidth:t,maxHeight:e}},n.prototype.calculateNewSizeFromDirection=function(t,e){var i=this.props.scale||1,o=Nr(this.props.resizeRatio||1),l=o[0],a=o[1],f=this.state,h=f.direction,g=f.original,p=this.props,y=p.lockAspectRatio,S=p.lockAspectRatioExtraHeight,T=p.lockAspectRatioExtraWidth,P=g.width,_=g.height,b=S||0,d=T||0;return Re("right",h)&&(P=g.width+(t-g.x)*l/i,y&&(_=(P-d)/this.ratio+b)),Re("left",h)&&(P=g.width-(t-g.x)*l/i,y&&(_=(P-d)/this.ratio+b)),Re("bottom",h)&&(_=g.height+(e-g.y)*a/i,y&&(P=(_-b)*this.ratio+d)),Re("top",h)&&(_=g.height-(e-g.y)*a/i,y&&(P=(_-b)*this.ratio+d)),{newWidth:P,newHeight:_}},n.prototype.calculateNewSizeFromAspectRatio=function(t,e,i,o){var l=this.props,a=l.lockAspectRatio,f=l.lockAspectRatioExtraHeight,h=l.lockAspectRatioExtraWidth,g=typeof o.width>"u"?10:o.width,p=typeof i.width>"u"||i.width<0?t:i.width,y=typeof o.height>"u"?10:o.height,S=typeof i.height>"u"||i.height<0?e:i.height,T=f||0,P=h||0;if(a){var _=(y-T)*this.ratio+P,b=(S-T)*this.ratio+P,d=(g-P)/this.ratio+T,v=(p-P)/this.ratio+T,w=Math.max(g,_),c=Math.min(p,b),j=Math.max(y,d),u=Math.min(S,v);t=Le(t,w,c),e=Le(e,j,u)}else t=Le(t,g,p),e=Le(e,y,S);return{newWidth:t,newHeight:e}},n.prototype.setBoundingClientRect=function(){var t=1/(this.props.scale||1);if(this.props.bounds==="parent"){var e=this.parentNode;if(e){var i=e.getBoundingClientRect();this.parentLeft=i.left*t,this.parentTop=i.top*t}}if(this.props.bounds&&typeof this.props.bounds!="string"){var o=this.props.bounds.getBoundingClientRect();this.targetLeft=o.left*t,this.targetTop=o.top*t}if(this.resizable){var l=this.resizable.getBoundingClientRect(),a=l.left,f=l.top,h=l.right,g=l.bottom;this.resizableLeft=a*t,this.resizableRight=h*t,this.resizableTop=f*t,this.resizableBottom=g*t}},n.prototype.onResizeStart=function(t,e){if(!(!this.resizable||!this.window)){var i=0,o=0;if(t.nativeEvent&&jr(t.nativeEvent)?(i=t.nativeEvent.clientX,o=t.nativeEvent.clientY):t.nativeEvent&&He(t.nativeEvent)&&(i=t.nativeEvent.touches[0].clientX,o=t.nativeEvent.touches[0].clientY),this.props.onResizeStart&&this.resizable){var l=this.props.onResizeStart(t,e,this.resizable);if(l===!1)return}this.props.size&&(typeof this.props.size.height<"u"&&this.props.size.height!==this.state.height&&this.setState({height:this.props.size.height}),typeof this.props.size.width<"u"&&this.props.size.width!==this.state.width&&this.setState({width:this.props.size.width})),this.ratio=typeof this.props.lockAspectRatio=="number"?this.props.lockAspectRatio:this.size.width/this.size.height;var a,f=this.window.getComputedStyle(this.resizable);if(f.flexBasis!=="auto"){var h=this.parentNode;if(h){var g=this.window.getComputedStyle(h).flexDirection;this.flexDir=g.startsWith("row")?"row":"column",a=f.flexBasis}}this.setBoundingClientRect(),this.bindEvents();var p={original:{x:i,y:o,width:this.size.width,height:this.size.height},isResizing:!0,backgroundStyle:ye(ye({},this.state.backgroundStyle),{cursor:this.window.getComputedStyle(t.target).cursor||"auto"}),direction:e,flexBasis:a};this.setState(p)}},n.prototype.onMouseMove=function(t){var e=this;if(!(!this.state.isResizing||!this.resizable||!this.window)){if(this.window.TouchEvent&&He(t))try{t.preventDefault(),t.stopPropagation()}catch{}var i=this.props,o=i.maxWidth,l=i.maxHeight,a=i.minWidth,f=i.minHeight,h=He(t)?t.touches[0].clientX:t.clientX,g=He(t)?t.touches[0].clientY:t.clientY,p=this.state,y=p.direction,S=p.original,T=p.width,P=p.height,_=this.getParentSize(),b=Mr(_,this.window.innerWidth,this.window.innerHeight,o,l,a,f);o=b.maxWidth,l=b.maxHeight,a=b.minWidth,f=b.minHeight;var d=this.calculateNewSizeFromDirection(h,g),v=d.newHeight,w=d.newWidth,c=this.calculateNewMaxFromBoundary(o,l);this.props.snap&&this.props.snap.x&&(w=Lt(w,this.props.snap.x,this.props.snapGap)),this.props.snap&&this.props.snap.y&&(v=Lt(v,this.props.snap.y,this.props.snapGap));var j=this.calculateNewSizeFromAspectRatio(w,v,{width:c.maxWidth,height:c.maxHeight},{width:a,height:f});if(w=j.newWidth,v=j.newHeight,this.props.grid){var u=Ft(w,this.props.grid[0],this.props.gridGap?this.props.gridGap[0]:0),m=Ft(v,this.props.grid[1],this.props.gridGap?this.props.gridGap[1]:0),C=this.props.snapGap||0,N=C===0||Math.abs(u-w)<=C?u:w,G=C===0||Math.abs(m-v)<=C?m:v;w=N,v=G}var A={width:w-S.width,height:v-S.height};if(this.delta=A,T&&typeof T=="string"){if(T.endsWith("%")){var $=w/_.width*100;w="".concat($,"%")}else if(T.endsWith("vw")){var te=w/this.window.innerWidth*100;w="".concat(te,"vw")}else if(T.endsWith("vh")){var le=w/this.window.innerHeight*100;w="".concat(le,"vh")}}if(P&&typeof P=="string"){if(P.endsWith("%")){var $=v/_.height*100;v="".concat($,"%")}else if(P.endsWith("vw")){var te=v/this.window.innerWidth*100;v="".concat(te,"vw")}else if(P.endsWith("vh")){var le=v/this.window.innerHeight*100;v="".concat(le,"vh")}}var re={width:this.createSizeForCssProperty(w,"width"),height:this.createSizeForCssProperty(v,"height")};this.flexDir==="row"?re.flexBasis=re.width:this.flexDir==="column"&&(re.flexBasis=re.height);var ue=this.state.width!==re.width,de=this.state.height!==re.height,pe=this.state.flexBasis!==re.flexBasis,x=ue||de||pe;x&&je.flushSync(function(){e.setState(re)}),this.props.onResize&&x&&this.props.onResize(t,y,this.resizable,A)}},n.prototype.onMouseUp=function(t){var e,i,o=this.state,l=o.isResizing,a=o.direction;o.original,!(!l||!this.resizable)&&(this.props.onResizeStop&&this.props.onResizeStop(t,a,this.resizable,this.delta),this.props.size&&this.setState({width:(e=this.props.size.width)!==null&&e!==void 0?e:"auto",height:(i=this.props.size.height)!==null&&i!==void 0?i:"auto"}),this.unbindEvents(),this.setState({isResizing:!1,backgroundStyle:ye(ye({},this.state.backgroundStyle),{cursor:"auto"})}))},n.prototype.updateSize=function(t){var e,i;this.setState({width:(e=t.width)!==null&&e!==void 0?e:"auto",height:(i=t.height)!==null&&i!==void 0?i:"auto"})},n.prototype.renderResizer=function(){var t=this,e=this.props,i=e.enable,o=e.handleStyles,l=e.handleClasses,a=e.handleWrapperStyle,f=e.handleWrapperClass,h=e.handleComponent;if(!i)return null;var g=Object.keys(i).map(function(p){return i[p]!==!1?R.jsx(Or,{direction:p,onResizeStart:t.onResizeStart,replaceStyles:o&&o[p],className:l&&l[p],children:h&&h[p]?h[p]:null},p):null});return R.jsx("div",{className:f,style:a,children:g})},n.prototype.render=function(){var t=this,e=Object.keys(this.props).reduce(function(l,a){return Ar.indexOf(a)!==-1||(l[a]=t.props[a]),l},{}),i=ye(ye(ye({position:"relative",userSelect:this.state.isResizing?"none":"auto"},this.props.style),this.sizeStyle),{maxWidth:this.props.maxWidth,maxHeight:this.props.maxHeight,minWidth:this.props.minWidth,minHeight:this.props.minHeight,boxSizing:"border-box",flexShrink:0});this.state.flexBasis&&(i.flexBasis=this.state.flexBasis);var o=this.props.as||"div";return R.jsxs(o,ye({style:i,className:this.props.className},e,{ref:function(l){l&&(t.resizable=l)},children:[this.state.isResizing&&R.jsx("div",{style:this.state.backgroundStyle}),this.props.children,this.renderResizer()]}))},n.defaultProps={as:"div",onResizeStart:function(){},onResize:function(){},onResizeStop:function(){},enable:{top:!0,right:!0,bottom:!0,left:!0,topRight:!0,bottomRight:!0,bottomLeft:!0,topLeft:!0},style:{},grid:[1,1],gridGap:[0,0],lockAspectRatio:!1,lockAspectRatioExtraWidth:0,lockAspectRatioExtraHeight:0,scale:1,resizeRatio:1,snapGap:0},n}(ee.PureComponent);/*! *****************************************************************************
|
|
51
|
+
`,u.getElementsByTagName("head")[0].appendChild(m)),u.body&&c(u.body,"react-draggable-transparent-selection")}function w(u){if(u)try{if(u.body&&j(u.body,"react-draggable-transparent-selection"),u.selection)u.selection.empty();else{const m=(u.defaultView||window).getSelection();m&&m.type!=="Caret"&&m.removeAllRanges()}}catch{}}function c(u,m){u.classList?u.classList.add(m):u.className.match(new RegExp("(?:^|\\s)".concat(m,"(?!\\S)")))||(u.className+=" ".concat(m))}function j(u,m){u.classList?u.classList.remove(m):u.className=u.className.replace(new RegExp("(?:^|\\s)".concat(m,"(?!\\S)"),"g"),"")}return ne}var me={},zt;function Dt(){if(zt)return me;zt=1,Object.defineProperty(me,"__esModule",{value:!0}),me.canDragX=i,me.canDragY=o,me.createCoreData=a,me.createDraggableData=f,me.getBoundPosition=t,me.getControlPosition=l,me.snapToGrid=e;var r=ke(),n=Qe();function t(p,y,S){if(!p.props.bounds)return[y,S];let{bounds:T}=p.props;T=typeof T=="string"?T:h(T);const P=g(p);if(typeof T=="string"){const{ownerDocument:_}=P,b=_.defaultView;let d;if(T==="parent"?d=P.parentNode:d=_.querySelector(T),!(d instanceof b.HTMLElement))throw new Error('Bounds selector "'+T+'" could not find an element.');const v=d,w=b.getComputedStyle(P),c=b.getComputedStyle(v);T={left:-P.offsetLeft+(0,r.int)(c.paddingLeft)+(0,r.int)(w.marginLeft),top:-P.offsetTop+(0,r.int)(c.paddingTop)+(0,r.int)(w.marginTop),right:(0,n.innerWidth)(v)-(0,n.outerWidth)(P)-P.offsetLeft+(0,r.int)(c.paddingRight)-(0,r.int)(w.marginRight),bottom:(0,n.innerHeight)(v)-(0,n.outerHeight)(P)-P.offsetTop+(0,r.int)(c.paddingBottom)-(0,r.int)(w.marginBottom)}}return(0,r.isNum)(T.right)&&(y=Math.min(y,T.right)),(0,r.isNum)(T.bottom)&&(S=Math.min(S,T.bottom)),(0,r.isNum)(T.left)&&(y=Math.max(y,T.left)),(0,r.isNum)(T.top)&&(S=Math.max(S,T.top)),[y,S]}function e(p,y,S){const T=Math.round(y/p[0])*p[0],P=Math.round(S/p[1])*p[1];return[T,P]}function i(p){return p.props.axis==="both"||p.props.axis==="x"}function o(p){return p.props.axis==="both"||p.props.axis==="y"}function l(p,y,S){const T=typeof y=="number"?(0,n.getTouch)(p,y):null;if(typeof y=="number"&&!T)return null;const P=g(S),_=S.props.offsetParent||P.offsetParent||P.ownerDocument.body;return(0,n.offsetXYFromParent)(T||p,_,S.props.scale)}function a(p,y,S){const T=!(0,r.isNum)(p.lastX),P=g(p);return T?{node:P,deltaX:0,deltaY:0,lastX:y,lastY:S,x:y,y:S}:{node:P,deltaX:y-p.lastX,deltaY:S-p.lastY,lastX:p.lastX,lastY:p.lastY,x:y,y:S}}function f(p,y){const S=p.props.scale;return{node:y.node,x:p.state.x+y.deltaX/S,y:p.state.y+y.deltaY/S,deltaX:y.deltaX/S,deltaY:y.deltaY/S,lastX:p.state.x,lastY:p.state.y}}function h(p){return{left:p.left,top:p.top,right:p.right,bottom:p.bottom}}function g(p){const y=p.findDOMNode();if(!y)throw new Error("<DraggableCore>: Unmounted during event!");return y}return me}var ze={},Ie={},jt;function Mt(){if(jt)return Ie;jt=1,Object.defineProperty(Ie,"__esModule",{value:!0}),Ie.default=r;function r(){}return Ie}var Nt;function Rr(){if(Nt)return ze;Nt=1,Object.defineProperty(ze,"__esModule",{value:!0}),ze.default=void 0;var r=h(ee),n=a(Et()),t=a(je),e=Qe(),i=Dt(),o=ke(),l=a(Mt());function a(_){return _&&_.__esModule?_:{default:_}}function f(_){if(typeof WeakMap!="function")return null;var b=new WeakMap,d=new WeakMap;return(f=function(v){return v?d:b})(_)}function h(_,b){if(_&&_.__esModule)return _;if(_===null||typeof _!="object"&&typeof _!="function")return{default:_};var d=f(b);if(d&&d.has(_))return d.get(_);var v={},w=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var c in _)if(c!=="default"&&Object.prototype.hasOwnProperty.call(_,c)){var j=w?Object.getOwnPropertyDescriptor(_,c):null;j&&(j.get||j.set)?Object.defineProperty(v,c,j):v[c]=_[c]}return v.default=_,d&&d.set(_,v),v}function g(_,b,d){return b=p(b),b in _?Object.defineProperty(_,b,{value:d,enumerable:!0,configurable:!0,writable:!0}):_[b]=d,_}function p(_){var b=y(_,"string");return typeof b=="symbol"?b:String(b)}function y(_,b){if(typeof _!="object"||_===null)return _;var d=_[Symbol.toPrimitive];if(d!==void 0){var v=d.call(_,b);if(typeof v!="object")return v;throw new TypeError("@@toPrimitive must return a primitive value.")}return(b==="string"?String:Number)(_)}const S={touch:{start:"touchstart",move:"touchmove",stop:"touchend"},mouse:{start:"mousedown",move:"mousemove",stop:"mouseup"}};let T=S.mouse,P=class extends r.Component{constructor(){super(...arguments),g(this,"dragging",!1),g(this,"lastX",NaN),g(this,"lastY",NaN),g(this,"touchIdentifier",null),g(this,"mounted",!1),g(this,"handleDragStart",b=>{if(this.props.onMouseDown(b),!this.props.allowAnyClick&&typeof b.button=="number"&&b.button!==0)return!1;const d=this.findDOMNode();if(!d||!d.ownerDocument||!d.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");const{ownerDocument:v}=d;if(this.props.disabled||!(b.target instanceof v.defaultView.Node)||this.props.handle&&!(0,e.matchesSelectorAndParentsTo)(b.target,this.props.handle,d)||this.props.cancel&&(0,e.matchesSelectorAndParentsTo)(b.target,this.props.cancel,d))return;b.type==="touchstart"&&b.preventDefault();const w=(0,e.getTouchIdentifier)(b);this.touchIdentifier=w;const c=(0,i.getControlPosition)(b,w,this);if(c==null)return;const{x:j,y:u}=c,m=(0,i.createCoreData)(this,j,u);(0,l.default)("DraggableCore: handleDragStart: %j",m),(0,l.default)("calling",this.props.onStart),!(this.props.onStart(b,m)===!1||this.mounted===!1)&&(this.props.enableUserSelectHack&&(0,e.addUserSelectStyles)(v),this.dragging=!0,this.lastX=j,this.lastY=u,(0,e.addEvent)(v,T.move,this.handleDrag),(0,e.addEvent)(v,T.stop,this.handleDragStop))}),g(this,"handleDrag",b=>{const d=(0,i.getControlPosition)(b,this.touchIdentifier,this);if(d==null)return;let{x:v,y:w}=d;if(Array.isArray(this.props.grid)){let u=v-this.lastX,m=w-this.lastY;if([u,m]=(0,i.snapToGrid)(this.props.grid,u,m),!u&&!m)return;v=this.lastX+u,w=this.lastY+m}const c=(0,i.createCoreData)(this,v,w);if((0,l.default)("DraggableCore: handleDrag: %j",c),this.props.onDrag(b,c)===!1||this.mounted===!1){try{this.handleDragStop(new MouseEvent("mouseup"))}catch{const m=document.createEvent("MouseEvents");m.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(m)}return}this.lastX=v,this.lastY=w}),g(this,"handleDragStop",b=>{if(!this.dragging)return;const d=(0,i.getControlPosition)(b,this.touchIdentifier,this);if(d==null)return;let{x:v,y:w}=d;if(Array.isArray(this.props.grid)){let m=v-this.lastX||0,C=w-this.lastY||0;[m,C]=(0,i.snapToGrid)(this.props.grid,m,C),v=this.lastX+m,w=this.lastY+C}const c=(0,i.createCoreData)(this,v,w);if(this.props.onStop(b,c)===!1||this.mounted===!1)return!1;const u=this.findDOMNode();u&&this.props.enableUserSelectHack&&(0,e.removeUserSelectStyles)(u.ownerDocument),(0,l.default)("DraggableCore: handleDragStop: %j",c),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,u&&((0,l.default)("DraggableCore: Removing handlers"),(0,e.removeEvent)(u.ownerDocument,T.move,this.handleDrag),(0,e.removeEvent)(u.ownerDocument,T.stop,this.handleDragStop))}),g(this,"onMouseDown",b=>(T=S.mouse,this.handleDragStart(b))),g(this,"onMouseUp",b=>(T=S.mouse,this.handleDragStop(b))),g(this,"onTouchStart",b=>(T=S.touch,this.handleDragStart(b))),g(this,"onTouchEnd",b=>(T=S.touch,this.handleDragStop(b)))}componentDidMount(){this.mounted=!0;const b=this.findDOMNode();b&&(0,e.addEvent)(b,S.touch.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;const b=this.findDOMNode();if(b){const{ownerDocument:d}=b;(0,e.removeEvent)(d,S.mouse.move,this.handleDrag),(0,e.removeEvent)(d,S.touch.move,this.handleDrag),(0,e.removeEvent)(d,S.mouse.stop,this.handleDragStop),(0,e.removeEvent)(d,S.touch.stop,this.handleDragStop),(0,e.removeEvent)(b,S.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,e.removeUserSelectStyles)(d)}}findDOMNode(){var b,d;return(b=this.props)!==null&&b!==void 0&&b.nodeRef?(d=this.props)===null||d===void 0||(d=d.nodeRef)===null||d===void 0?void 0:d.current:t.default.findDOMNode(this)}render(){return r.cloneElement(r.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};return ze.default=P,g(P,"displayName","DraggableCore"),g(P,"propTypes",{allowAnyClick:n.default.bool,children:n.default.node.isRequired,disabled:n.default.bool,enableUserSelectHack:n.default.bool,offsetParent:function(_,b){if(_[b]&&_[b].nodeType!==1)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:n.default.arrayOf(n.default.number),handle:n.default.string,cancel:n.default.string,nodeRef:n.default.object,onStart:n.default.func,onDrag:n.default.func,onStop:n.default.func,onMouseDown:n.default.func,scale:n.default.number,className:o.dontSetMe,style:o.dontSetMe,transform:o.dontSetMe}),g(P,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1}),ze}var At;function Er(){return At||(At=1,(function(r){Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"DraggableCore",{enumerable:!0,get:function(){return f.default}}),r.default=void 0;var n=y(ee),t=g(Et()),e=g(je),i=g(Sr),o=Qe(),l=Dt(),a=ke(),f=g(Rr()),h=g(Mt());function g(d){return d&&d.__esModule?d:{default:d}}function p(d){if(typeof WeakMap!="function")return null;var v=new WeakMap,w=new WeakMap;return(p=function(c){return c?w:v})(d)}function y(d,v){if(d&&d.__esModule)return d;if(d===null||typeof d!="object"&&typeof d!="function")return{default:d};var w=p(v);if(w&&w.has(d))return w.get(d);var c={},j=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in d)if(u!=="default"&&Object.prototype.hasOwnProperty.call(d,u)){var m=j?Object.getOwnPropertyDescriptor(d,u):null;m&&(m.get||m.set)?Object.defineProperty(c,u,m):c[u]=d[u]}return c.default=d,w&&w.set(d,c),c}function S(){return S=Object.assign?Object.assign.bind():function(d){for(var v=1;v<arguments.length;v++){var w=arguments[v];for(var c in w)Object.prototype.hasOwnProperty.call(w,c)&&(d[c]=w[c])}return d},S.apply(this,arguments)}function T(d,v,w){return v=P(v),v in d?Object.defineProperty(d,v,{value:w,enumerable:!0,configurable:!0,writable:!0}):d[v]=w,d}function P(d){var v=_(d,"string");return typeof v=="symbol"?v:String(v)}function _(d,v){if(typeof d!="object"||d===null)return d;var w=d[Symbol.toPrimitive];if(w!==void 0){var c=w.call(d,v);if(typeof c!="object")return c;throw new TypeError("@@toPrimitive must return a primitive value.")}return(v==="string"?String:Number)(d)}class b extends n.Component{static getDerivedStateFromProps(v,w){let{position:c}=v,{prevPropsPosition:j}=w;return c&&(!j||c.x!==j.x||c.y!==j.y)?((0,h.default)("Draggable: getDerivedStateFromProps %j",{position:c,prevPropsPosition:j}),{x:c.x,y:c.y,prevPropsPosition:{...c}}):null}constructor(v){super(v),T(this,"onDragStart",(w,c)=>{if((0,h.default)("Draggable: onDragStart: %j",c),this.props.onStart(w,(0,l.createDraggableData)(this,c))===!1)return!1;this.setState({dragging:!0,dragged:!0})}),T(this,"onDrag",(w,c)=>{if(!this.state.dragging)return!1;(0,h.default)("Draggable: onDrag: %j",c);const j=(0,l.createDraggableData)(this,c),u={x:j.x,y:j.y,slackX:0,slackY:0};if(this.props.bounds){const{x:C,y:N}=u;u.x+=this.state.slackX,u.y+=this.state.slackY;const[G,A]=(0,l.getBoundPosition)(this,u.x,u.y);u.x=G,u.y=A,u.slackX=this.state.slackX+(C-u.x),u.slackY=this.state.slackY+(N-u.y),j.x=u.x,j.y=u.y,j.deltaX=u.x-this.state.x,j.deltaY=u.y-this.state.y}if(this.props.onDrag(w,j)===!1)return!1;this.setState(u)}),T(this,"onDragStop",(w,c)=>{if(!this.state.dragging||this.props.onStop(w,(0,l.createDraggableData)(this,c))===!1)return!1;(0,h.default)("Draggable: onDragStop: %j",c);const u={dragging:!1,slackX:0,slackY:0};if(!!this.props.position){const{x:C,y:N}=this.props.position;u.x=C,u.y=N}this.setState(u)}),this.state={dragging:!1,dragged:!1,x:v.position?v.position.x:v.defaultPosition.x,y:v.position?v.position.y:v.defaultPosition.y,prevPropsPosition:{...v.position},slackX:0,slackY:0,isElementSVG:!1},v.position&&!(v.onDrag||v.onStop)&&console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.")}componentDidMount(){typeof window.SVGElement<"u"&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}componentWillUnmount(){this.setState({dragging:!1})}findDOMNode(){var v,w;return(v=(w=this.props)===null||w===void 0||(w=w.nodeRef)===null||w===void 0?void 0:w.current)!==null&&v!==void 0?v:e.default.findDOMNode(this)}render(){const{axis:v,bounds:w,children:c,defaultPosition:j,defaultClassName:u,defaultClassNameDragging:m,defaultClassNameDragged:C,position:N,positionOffset:G,scale:A,...X}=this.props;let te={},le=null;const ue=!!!N||this.state.dragging,de=N||j,pe={x:(0,l.canDragX)(this)&&ue?this.state.x:de.x,y:(0,l.canDragY)(this)&&ue?this.state.y:de.y};this.state.isElementSVG?le=(0,o.createSVGTransform)(pe,G):te=(0,o.createCSSTransform)(pe,G);const x=(0,i.default)(c.props.className||"",u,{[m]:this.state.dragging,[C]:this.state.dragged});return n.createElement(f.default,S({},X,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),n.cloneElement(n.Children.only(c),{className:x,style:{...c.props.style,...te},transform:le}))}}r.default=b,T(b,"displayName","Draggable"),T(b,"propTypes",{...f.default.propTypes,axis:t.default.oneOf(["both","x","y","none"]),bounds:t.default.oneOfType([t.default.shape({left:t.default.number,right:t.default.number,top:t.default.number,bottom:t.default.number}),t.default.string,t.default.oneOf([!1])]),defaultClassName:t.default.string,defaultClassNameDragging:t.default.string,defaultClassNameDragged:t.default.string,defaultPosition:t.default.shape({x:t.default.number,y:t.default.number}),positionOffset:t.default.shape({x:t.default.oneOfType([t.default.number,t.default.string]),y:t.default.oneOfType([t.default.number,t.default.string])}),position:t.default.shape({x:t.default.number,y:t.default.number}),className:a.dontSetMe,style:a.dontSetMe,transform:a.dontSetMe}),T(b,"defaultProps",{...f.default.defaultProps,axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1})})(Xe)),Xe}var Wt;function _r(){if(Wt)return Oe.exports;Wt=1;const{default:r,DraggableCore:n}=Er();return Oe.exports=r,Oe.exports.default=r,Oe.exports.DraggableCore=n,Oe.exports}var Tr=_r();const Pr=ir(Tr);var oe=function(){return oe=Object.assign||function(r){for(var n,t=1,e=arguments.length;t<e;t++){n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(r[i]=n[i])}return r},oe.apply(this,arguments)},kt={width:"100%",height:"10px",top:"0px",left:"0px",cursor:"row-resize"},It={width:"10px",height:"100%",top:"0px",left:"0px",cursor:"col-resize"},Fe={width:"20px",height:"20px",position:"absolute",zIndex:1},Cr={top:oe(oe({},kt),{top:"-5px"}),right:oe(oe({},It),{left:void 0,right:"-5px"}),bottom:oe(oe({},kt),{top:void 0,bottom:"-5px"}),left:oe(oe({},It),{left:"-5px"}),topRight:oe(oe({},Fe),{right:"-10px",top:"-10px",cursor:"ne-resize"}),bottomRight:oe(oe({},Fe),{right:"-10px",bottom:"-10px",cursor:"se-resize"}),bottomLeft:oe(oe({},Fe),{left:"-10px",bottom:"-10px",cursor:"sw-resize"}),topLeft:oe(oe({},Fe),{left:"-10px",top:"-10px",cursor:"nw-resize"})},Or=ee.memo(function(r){var n=r.onResizeStart,t=r.direction,e=r.children,i=r.replaceStyles,o=r.className,l=ee.useCallback(function(h){n(h,t)},[n,t]),a=ee.useCallback(function(h){n(h,t)},[n,t]),f=ee.useMemo(function(){return oe(oe({position:"absolute",userSelect:"none"},Cr[t]),i??{})},[i,t]);return R.jsx("div",{className:o||void 0,style:f,onMouseDown:l,onTouchStart:a,children:e})}),zr=(function(){var r=function(n,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,i){e.__proto__=i}||function(e,i){for(var o in i)Object.prototype.hasOwnProperty.call(i,o)&&(e[o]=i[o])},r(n,t)};return function(n,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");r(n,t);function e(){this.constructor=n}n.prototype=t===null?Object.create(t):(e.prototype=t.prototype,new e)}})(),ye=function(){return ye=Object.assign||function(r){for(var n,t=1,e=arguments.length;t<e;t++){n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(r[i]=n[i])}return r},ye.apply(this,arguments)},Dr={width:"auto",height:"auto"},Le=function(r,n,t){return Math.max(Math.min(r,t),n)},Ft=function(r,n,t){var e=Math.round(r/n);return e*n+t*(e-1)},Re=function(r,n){return new RegExp(r,"i").test(n)},He=function(r){return!!(r.touches&&r.touches.length)},jr=function(r){return!!((r.clientX||r.clientX===0)&&(r.clientY||r.clientY===0))},Lt=function(r,n,t){t===void 0&&(t=0);var e=n.reduce(function(o,l,a){return Math.abs(l-r)<Math.abs(n[o]-r)?a:o},0),i=Math.abs(n[e]-r);return t===0||i<t?n[e]:r},et=function(r){return r=r.toString(),r==="auto"||r.endsWith("px")||r.endsWith("%")||r.endsWith("vh")||r.endsWith("vw")||r.endsWith("vmax")||r.endsWith("vmin")?r:"".concat(r,"px")},Ye=function(r,n,t,e){if(r&&typeof r=="string"){if(r.endsWith("px"))return Number(r.replace("px",""));if(r.endsWith("%")){var i=Number(r.replace("%",""))/100;return n*i}if(r.endsWith("vw")){var i=Number(r.replace("vw",""))/100;return t*i}if(r.endsWith("vh")){var i=Number(r.replace("vh",""))/100;return e*i}}return r},Mr=function(r,n,t,e,i,o,l){return e=Ye(e,r.width,n,t),i=Ye(i,r.height,n,t),o=Ye(o,r.width,n,t),l=Ye(l,r.height,n,t),{maxWidth:typeof e>"u"?void 0:Number(e),maxHeight:typeof i>"u"?void 0:Number(i),minWidth:typeof o>"u"?void 0:Number(o),minHeight:typeof l>"u"?void 0:Number(l)}},Nr=function(r){return Array.isArray(r)?r:[r,r]},Ar=["as","ref","style","className","grid","gridGap","snap","bounds","boundsByDirection","size","defaultSize","minWidth","minHeight","maxWidth","maxHeight","lockAspectRatio","lockAspectRatioExtraWidth","lockAspectRatioExtraHeight","enable","handleStyles","handleClasses","handleWrapperStyle","handleWrapperClass","children","onResizeStart","onResize","onResizeStop","handleComponent","scale","resizeRatio","snapGap"],Ht="__resizable_base__",Wr=(function(r){zr(n,r);function n(t){var e,i,o,l,a=r.call(this,t)||this;return a.ratio=1,a.resizable=null,a.parentLeft=0,a.parentTop=0,a.resizableLeft=0,a.resizableRight=0,a.resizableTop=0,a.resizableBottom=0,a.targetLeft=0,a.targetTop=0,a.delta={width:0,height:0},a.appendBase=function(){if(!a.resizable||!a.window)return null;var f=a.parentNode;if(!f)return null;var h=a.window.document.createElement("div");return h.style.width="100%",h.style.height="100%",h.style.position="absolute",h.style.transform="scale(0, 0)",h.style.left="0",h.style.flex="0 0 100%",h.classList?h.classList.add(Ht):h.className+=Ht,f.appendChild(h),h},a.removeBase=function(f){var h=a.parentNode;h&&h.removeChild(f)},a.state={isResizing:!1,width:(i=(e=a.propsSize)===null||e===void 0?void 0:e.width)!==null&&i!==void 0?i:"auto",height:(l=(o=a.propsSize)===null||o===void 0?void 0:o.height)!==null&&l!==void 0?l:"auto",direction:"right",original:{x:0,y:0,width:0,height:0},backgroundStyle:{height:"100%",width:"100%",backgroundColor:"rgba(0,0,0,0)",cursor:"auto",opacity:0,position:"fixed",zIndex:9999,top:"0",left:"0",bottom:"0",right:"0"},flexBasis:void 0},a.onResizeStart=a.onResizeStart.bind(a),a.onMouseMove=a.onMouseMove.bind(a),a.onMouseUp=a.onMouseUp.bind(a),a}return Object.defineProperty(n.prototype,"parentNode",{get:function(){return this.resizable?this.resizable.parentNode:null},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"window",{get:function(){return!this.resizable||!this.resizable.ownerDocument?null:this.resizable.ownerDocument.defaultView},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"propsSize",{get:function(){return this.props.size||this.props.defaultSize||Dr},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"size",{get:function(){var t=0,e=0;if(this.resizable&&this.window){var i=this.resizable.offsetWidth,o=this.resizable.offsetHeight,l=this.resizable.style.position;l!=="relative"&&(this.resizable.style.position="relative"),t=this.resizable.style.width!=="auto"?this.resizable.offsetWidth:i,e=this.resizable.style.height!=="auto"?this.resizable.offsetHeight:o,this.resizable.style.position=l}return{width:t,height:e}},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"sizeStyle",{get:function(){var t=this,e=this.props.size,i=function(a){var f;if(typeof t.state[a]>"u"||t.state[a]==="auto")return"auto";if(t.propsSize&&t.propsSize[a]&&(!((f=t.propsSize[a])===null||f===void 0)&&f.toString().endsWith("%"))){if(t.state[a].toString().endsWith("%"))return t.state[a].toString();var h=t.getParentSize(),g=Number(t.state[a].toString().replace("px","")),p=g/h[a]*100;return"".concat(p,"%")}return et(t.state[a])},o=e&&typeof e.width<"u"&&!this.state.isResizing?et(e.width):i("width"),l=e&&typeof e.height<"u"&&!this.state.isResizing?et(e.height):i("height");return{width:o,height:l}},enumerable:!1,configurable:!0}),n.prototype.getParentSize=function(){if(!this.parentNode)return this.window?{width:this.window.innerWidth,height:this.window.innerHeight}:{width:0,height:0};var t=this.appendBase();if(!t)return{width:0,height:0};var e=!1,i=this.parentNode.style.flexWrap;i!=="wrap"&&(e=!0,this.parentNode.style.flexWrap="wrap"),t.style.position="relative",t.style.minWidth="100%",t.style.minHeight="100%";var o={width:t.offsetWidth,height:t.offsetHeight};return e&&(this.parentNode.style.flexWrap=i),this.removeBase(t),o},n.prototype.bindEvents=function(){this.window&&(this.window.addEventListener("mouseup",this.onMouseUp),this.window.addEventListener("mousemove",this.onMouseMove),this.window.addEventListener("mouseleave",this.onMouseUp),this.window.addEventListener("touchmove",this.onMouseMove,{capture:!0,passive:!1}),this.window.addEventListener("touchend",this.onMouseUp))},n.prototype.unbindEvents=function(){this.window&&(this.window.removeEventListener("mouseup",this.onMouseUp),this.window.removeEventListener("mousemove",this.onMouseMove),this.window.removeEventListener("mouseleave",this.onMouseUp),this.window.removeEventListener("touchmove",this.onMouseMove,!0),this.window.removeEventListener("touchend",this.onMouseUp))},n.prototype.componentDidMount=function(){if(!(!this.resizable||!this.window)){var t=this.window.getComputedStyle(this.resizable);this.setState({width:this.state.width||this.size.width,height:this.state.height||this.size.height,flexBasis:t.flexBasis!=="auto"?t.flexBasis:void 0})}},n.prototype.componentWillUnmount=function(){this.window&&this.unbindEvents()},n.prototype.createSizeForCssProperty=function(t,e){var i=this.propsSize&&this.propsSize[e];return this.state[e]==="auto"&&this.state.original[e]===t&&(typeof i>"u"||i==="auto")?"auto":t},n.prototype.calculateNewMaxFromBoundary=function(t,e){var i=this.props.boundsByDirection,o=this.state.direction,l=i&&Re("left",o),a=i&&Re("top",o),f,h;if(this.props.bounds==="parent"){var g=this.parentNode;g&&(f=l?this.resizableRight-this.parentLeft:g.offsetWidth+(this.parentLeft-this.resizableLeft),h=a?this.resizableBottom-this.parentTop:g.offsetHeight+(this.parentTop-this.resizableTop))}else this.props.bounds==="window"?this.window&&(f=l?this.resizableRight:this.window.innerWidth-this.resizableLeft,h=a?this.resizableBottom:this.window.innerHeight-this.resizableTop):this.props.bounds&&(f=l?this.resizableRight-this.targetLeft:this.props.bounds.offsetWidth+(this.targetLeft-this.resizableLeft),h=a?this.resizableBottom-this.targetTop:this.props.bounds.offsetHeight+(this.targetTop-this.resizableTop));return f&&Number.isFinite(f)&&(t=t&&t<f?t:f),h&&Number.isFinite(h)&&(e=e&&e<h?e:h),{maxWidth:t,maxHeight:e}},n.prototype.calculateNewSizeFromDirection=function(t,e){var i=this.props.scale||1,o=Nr(this.props.resizeRatio||1),l=o[0],a=o[1],f=this.state,h=f.direction,g=f.original,p=this.props,y=p.lockAspectRatio,S=p.lockAspectRatioExtraHeight,T=p.lockAspectRatioExtraWidth,P=g.width,_=g.height,b=S||0,d=T||0;return Re("right",h)&&(P=g.width+(t-g.x)*l/i,y&&(_=(P-d)/this.ratio+b)),Re("left",h)&&(P=g.width-(t-g.x)*l/i,y&&(_=(P-d)/this.ratio+b)),Re("bottom",h)&&(_=g.height+(e-g.y)*a/i,y&&(P=(_-b)*this.ratio+d)),Re("top",h)&&(_=g.height-(e-g.y)*a/i,y&&(P=(_-b)*this.ratio+d)),{newWidth:P,newHeight:_}},n.prototype.calculateNewSizeFromAspectRatio=function(t,e,i,o){var l=this.props,a=l.lockAspectRatio,f=l.lockAspectRatioExtraHeight,h=l.lockAspectRatioExtraWidth,g=typeof o.width>"u"?10:o.width,p=typeof i.width>"u"||i.width<0?t:i.width,y=typeof o.height>"u"?10:o.height,S=typeof i.height>"u"||i.height<0?e:i.height,T=f||0,P=h||0;if(a){var _=(y-T)*this.ratio+P,b=(S-T)*this.ratio+P,d=(g-P)/this.ratio+T,v=(p-P)/this.ratio+T,w=Math.max(g,_),c=Math.min(p,b),j=Math.max(y,d),u=Math.min(S,v);t=Le(t,w,c),e=Le(e,j,u)}else t=Le(t,g,p),e=Le(e,y,S);return{newWidth:t,newHeight:e}},n.prototype.setBoundingClientRect=function(){var t=1/(this.props.scale||1);if(this.props.bounds==="parent"){var e=this.parentNode;if(e){var i=e.getBoundingClientRect();this.parentLeft=i.left*t,this.parentTop=i.top*t}}if(this.props.bounds&&typeof this.props.bounds!="string"){var o=this.props.bounds.getBoundingClientRect();this.targetLeft=o.left*t,this.targetTop=o.top*t}if(this.resizable){var l=this.resizable.getBoundingClientRect(),a=l.left,f=l.top,h=l.right,g=l.bottom;this.resizableLeft=a*t,this.resizableRight=h*t,this.resizableTop=f*t,this.resizableBottom=g*t}},n.prototype.onResizeStart=function(t,e){if(!(!this.resizable||!this.window)){var i=0,o=0;if(t.nativeEvent&&jr(t.nativeEvent)?(i=t.nativeEvent.clientX,o=t.nativeEvent.clientY):t.nativeEvent&&He(t.nativeEvent)&&(i=t.nativeEvent.touches[0].clientX,o=t.nativeEvent.touches[0].clientY),this.props.onResizeStart&&this.resizable){var l=this.props.onResizeStart(t,e,this.resizable);if(l===!1)return}this.props.size&&(typeof this.props.size.height<"u"&&this.props.size.height!==this.state.height&&this.setState({height:this.props.size.height}),typeof this.props.size.width<"u"&&this.props.size.width!==this.state.width&&this.setState({width:this.props.size.width})),this.ratio=typeof this.props.lockAspectRatio=="number"?this.props.lockAspectRatio:this.size.width/this.size.height;var a,f=this.window.getComputedStyle(this.resizable);if(f.flexBasis!=="auto"){var h=this.parentNode;if(h){var g=this.window.getComputedStyle(h).flexDirection;this.flexDir=g.startsWith("row")?"row":"column",a=f.flexBasis}}this.setBoundingClientRect(),this.bindEvents();var p={original:{x:i,y:o,width:this.size.width,height:this.size.height},isResizing:!0,backgroundStyle:ye(ye({},this.state.backgroundStyle),{cursor:this.window.getComputedStyle(t.target).cursor||"auto"}),direction:e,flexBasis:a};this.setState(p)}},n.prototype.onMouseMove=function(t){var e=this;if(!(!this.state.isResizing||!this.resizable||!this.window)){if(this.window.TouchEvent&&He(t))try{t.preventDefault(),t.stopPropagation()}catch{}var i=this.props,o=i.maxWidth,l=i.maxHeight,a=i.minWidth,f=i.minHeight,h=He(t)?t.touches[0].clientX:t.clientX,g=He(t)?t.touches[0].clientY:t.clientY,p=this.state,y=p.direction,S=p.original,T=p.width,P=p.height,_=this.getParentSize(),b=Mr(_,this.window.innerWidth,this.window.innerHeight,o,l,a,f);o=b.maxWidth,l=b.maxHeight,a=b.minWidth,f=b.minHeight;var d=this.calculateNewSizeFromDirection(h,g),v=d.newHeight,w=d.newWidth,c=this.calculateNewMaxFromBoundary(o,l);this.props.snap&&this.props.snap.x&&(w=Lt(w,this.props.snap.x,this.props.snapGap)),this.props.snap&&this.props.snap.y&&(v=Lt(v,this.props.snap.y,this.props.snapGap));var j=this.calculateNewSizeFromAspectRatio(w,v,{width:c.maxWidth,height:c.maxHeight},{width:a,height:f});if(w=j.newWidth,v=j.newHeight,this.props.grid){var u=Ft(w,this.props.grid[0],this.props.gridGap?this.props.gridGap[0]:0),m=Ft(v,this.props.grid[1],this.props.gridGap?this.props.gridGap[1]:0),C=this.props.snapGap||0,N=C===0||Math.abs(u-w)<=C?u:w,G=C===0||Math.abs(m-v)<=C?m:v;w=N,v=G}var A={width:w-S.width,height:v-S.height};if(this.delta=A,T&&typeof T=="string"){if(T.endsWith("%")){var X=w/_.width*100;w="".concat(X,"%")}else if(T.endsWith("vw")){var te=w/this.window.innerWidth*100;w="".concat(te,"vw")}else if(T.endsWith("vh")){var le=w/this.window.innerHeight*100;w="".concat(le,"vh")}}if(P&&typeof P=="string"){if(P.endsWith("%")){var X=v/_.height*100;v="".concat(X,"%")}else if(P.endsWith("vw")){var te=v/this.window.innerWidth*100;v="".concat(te,"vw")}else if(P.endsWith("vh")){var le=v/this.window.innerHeight*100;v="".concat(le,"vh")}}var re={width:this.createSizeForCssProperty(w,"width"),height:this.createSizeForCssProperty(v,"height")};this.flexDir==="row"?re.flexBasis=re.width:this.flexDir==="column"&&(re.flexBasis=re.height);var ue=this.state.width!==re.width,de=this.state.height!==re.height,pe=this.state.flexBasis!==re.flexBasis,x=ue||de||pe;x&&je.flushSync(function(){e.setState(re)}),this.props.onResize&&x&&this.props.onResize(t,y,this.resizable,A)}},n.prototype.onMouseUp=function(t){var e,i,o=this.state,l=o.isResizing,a=o.direction;o.original,!(!l||!this.resizable)&&(this.props.onResizeStop&&this.props.onResizeStop(t,a,this.resizable,this.delta),this.props.size&&this.setState({width:(e=this.props.size.width)!==null&&e!==void 0?e:"auto",height:(i=this.props.size.height)!==null&&i!==void 0?i:"auto"}),this.unbindEvents(),this.setState({isResizing:!1,backgroundStyle:ye(ye({},this.state.backgroundStyle),{cursor:"auto"})}))},n.prototype.updateSize=function(t){var e,i;this.setState({width:(e=t.width)!==null&&e!==void 0?e:"auto",height:(i=t.height)!==null&&i!==void 0?i:"auto"})},n.prototype.renderResizer=function(){var t=this,e=this.props,i=e.enable,o=e.handleStyles,l=e.handleClasses,a=e.handleWrapperStyle,f=e.handleWrapperClass,h=e.handleComponent;if(!i)return null;var g=Object.keys(i).map(function(p){return i[p]!==!1?R.jsx(Or,{direction:p,onResizeStart:t.onResizeStart,replaceStyles:o&&o[p],className:l&&l[p],children:h&&h[p]?h[p]:null},p):null});return R.jsx("div",{className:f,style:a,children:g})},n.prototype.render=function(){var t=this,e=Object.keys(this.props).reduce(function(l,a){return Ar.indexOf(a)!==-1||(l[a]=t.props[a]),l},{}),i=ye(ye(ye({position:"relative",userSelect:this.state.isResizing?"none":"auto"},this.props.style),this.sizeStyle),{maxWidth:this.props.maxWidth,maxHeight:this.props.maxHeight,minWidth:this.props.minWidth,minHeight:this.props.minHeight,boxSizing:"border-box",flexShrink:0});this.state.flexBasis&&(i.flexBasis=this.state.flexBasis);var o=this.props.as||"div";return R.jsxs(o,ye({style:i,className:this.props.className},e,{ref:function(l){l&&(t.resizable=l)},children:[this.state.isResizing&&R.jsx("div",{style:this.state.backgroundStyle}),this.props.children,this.renderResizer()]}))},n.defaultProps={as:"div",onResizeStart:function(){},onResize:function(){},onResizeStop:function(){},enable:{top:!0,right:!0,bottom:!0,left:!0,topRight:!0,bottomRight:!0,bottomLeft:!0,topLeft:!0},style:{},grid:[1,1],gridGap:[0,0],lockAspectRatio:!1,lockAspectRatioExtraWidth:0,lockAspectRatioExtraHeight:0,scale:1,resizeRatio:1,snapGap:0},n})(ee.PureComponent);/*! *****************************************************************************
|
|
52
52
|
Copyright (c) Microsoft Corporation. All rights reserved.
|
|
53
53
|
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
|
|
54
54
|
this file except in compliance with the License. You may obtain a copy of the
|
|
@@ -61,4 +61,4 @@ Valid keys: `+JSON.stringify(Object.keys(x),null," "));var O=ce(I,Y,W,X,k+"."+Y
|
|
|
61
61
|
|
|
62
62
|
See the Apache Version 2.0 License for specific language governing permissions
|
|
63
63
|
and limitations under the License.
|
|
64
|
-
***************************************************************************** */var tt=function(r,n){return tt=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])},tt(r,n)};function kr(r,n){tt(r,n);function t(){this.constructor=r}r.prototype=n===null?Object.create(n):(t.prototype=n.prototype,new t)}var ae=function(){return ae=Object.assign||function(n){for(var t,e=1,i=arguments.length;e<i;e++){t=arguments[e];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(n[o]=t[o])}return n},ae.apply(this,arguments)};function Ir(r,n){var t={};for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&n.indexOf(e)<0&&(t[e]=r[e]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,e=Object.getOwnPropertySymbols(r);i<e.length;i++)n.indexOf(e[i])<0&&Object.prototype.propertyIsEnumerable.call(r,e[i])&&(t[e[i]]=r[e[i]]);return t}var Fr={width:"auto",height:"auto",display:"inline-block",position:"absolute",top:0,left:0},Lr=function(r){return{bottom:r,bottomLeft:r,bottomRight:r,left:r,right:r,top:r,topLeft:r,topRight:r}},Hr=function(r){kr(n,r);function n(t){var e=r.call(this,t)||this;return e.resizingPosition={x:0,y:0},e.offsetFromParent={left:0,top:0},e.resizableElement={current:null},e.originalPosition={x:0,y:0},e.state={resizing:!1,bounds:{top:0,right:0,bottom:0,left:0},maxWidth:t.maxWidth,maxHeight:t.maxHeight},e.onResizeStart=e.onResizeStart.bind(e),e.onResize=e.onResize.bind(e),e.onResizeStop=e.onResizeStop.bind(e),e.onDragStart=e.onDragStart.bind(e),e.onDrag=e.onDrag.bind(e),e.onDragStop=e.onDragStop.bind(e),e.getMaxSizesFromProps=e.getMaxSizesFromProps.bind(e),e}return n.prototype.componentDidMount=function(){this.updateOffsetFromParent();var t=this.offsetFromParent,e=t.left,i=t.top,o=this.getDraggablePosition(),l=o.x,a=o.y;this.draggable.setState({x:l-e,y:a-i}),this.forceUpdate()},n.prototype.getDraggablePosition=function(){var t=this.draggable.state,e=t.x,i=t.y;return{x:e,y:i}},n.prototype.getParent=function(){return this.resizable&&this.resizable.parentNode},n.prototype.getParentSize=function(){return this.resizable.getParentSize()},n.prototype.getMaxSizesFromProps=function(){var t=typeof this.props.maxWidth>"u"?Number.MAX_SAFE_INTEGER:this.props.maxWidth,e=typeof this.props.maxHeight>"u"?Number.MAX_SAFE_INTEGER:this.props.maxHeight;return{maxWidth:t,maxHeight:e}},n.prototype.getSelfElement=function(){return this.resizable&&this.resizable.resizable},n.prototype.getOffsetHeight=function(t){var e=this.props.scale;switch(this.props.bounds){case"window":return window.innerHeight/e;case"body":return document.body.offsetHeight/e;default:return t.offsetHeight}},n.prototype.getOffsetWidth=function(t){var e=this.props.scale;switch(this.props.bounds){case"window":return window.innerWidth/e;case"body":return document.body.offsetWidth/e;default:return t.offsetWidth}},n.prototype.onDragStart=function(t,e){this.props.onDragStart&&this.props.onDragStart(t,e);var i=this.getDraggablePosition();if(this.originalPosition=i,!!this.props.bounds){var o=this.getParent(),l=this.props.scale,a;if(this.props.bounds==="parent")a=o;else if(this.props.bounds==="body"){var f=o.getBoundingClientRect(),h=f.left,g=f.top,p=document.body.getBoundingClientRect(),y=-(h-o.offsetLeft*l-p.left)/l,S=-(g-o.offsetTop*l-p.top)/l,T=(document.body.offsetWidth-this.resizable.size.width*l)/l+y,P=(document.body.offsetHeight-this.resizable.size.height*l)/l+S;return this.setState({bounds:{top:S,right:T,bottom:P,left:y}})}else if(this.props.bounds==="window"){if(!this.resizable)return;var _=o.getBoundingClientRect(),b=_.left,d=_.top,v=-(b-o.offsetLeft*l)/l,w=-(d-o.offsetTop*l)/l,T=(window.innerWidth-this.resizable.size.width*l)/l+v,P=(window.innerHeight-this.resizable.size.height*l)/l+w;return this.setState({bounds:{top:w,right:T,bottom:P,left:v}})}else typeof this.props.bounds=="string"?a=document.querySelector(this.props.bounds):this.props.bounds instanceof HTMLElement&&(a=this.props.bounds);if(!(!(a instanceof HTMLElement)||!(o instanceof HTMLElement))){var c=a.getBoundingClientRect(),j=c.left,u=c.top,m=o.getBoundingClientRect(),C=m.left,N=m.top,G=(j-C)/l,A=u-N;if(this.resizable){this.updateOffsetFromParent();var $=this.offsetFromParent;this.setState({bounds:{top:A-$.top,right:G+(a.offsetWidth-this.resizable.size.width)-$.left/l,bottom:A+(a.offsetHeight-this.resizable.size.height)-$.top,left:G-$.left/l}})}}}},n.prototype.onDrag=function(t,e){if(this.props.onDrag){var i=this.offsetFromParent,o=i.left,l=i.top;if(!this.props.dragAxis||this.props.dragAxis==="both")return this.props.onDrag(t,ae(ae({},e),{x:e.x+o,y:e.y+l}));if(this.props.dragAxis==="x")return this.props.onDrag(t,ae(ae({},e),{x:e.x+o,y:this.originalPosition.y+l,deltaY:0}));if(this.props.dragAxis==="y")return this.props.onDrag(t,ae(ae({},e),{x:this.originalPosition.x+o,y:e.y+l,deltaX:0}))}},n.prototype.onDragStop=function(t,e){if(this.props.onDragStop){var i=this.offsetFromParent,o=i.left,l=i.top;if(!this.props.dragAxis||this.props.dragAxis==="both")return this.props.onDragStop(t,ae(ae({},e),{x:e.x+o,y:e.y+l}));if(this.props.dragAxis==="x")return this.props.onDragStop(t,ae(ae({},e),{x:e.x+o,y:this.originalPosition.y+l,deltaY:0}));if(this.props.dragAxis==="y")return this.props.onDragStop(t,ae(ae({},e),{x:this.originalPosition.x+o,y:e.y+l,deltaX:0}))}},n.prototype.onResizeStart=function(t,e,i){t.stopPropagation(),this.setState({resizing:!0});var o=this.props.scale,l=this.offsetFromParent,a=this.getDraggablePosition();if(this.resizingPosition={x:a.x+l.left,y:a.y+l.top},this.originalPosition=a,this.props.bounds){var f=this.getParent(),h=void 0;this.props.bounds==="parent"?h=f:this.props.bounds==="body"?h=document.body:this.props.bounds==="window"?h=window:typeof this.props.bounds=="string"?h=document.querySelector(this.props.bounds):this.props.bounds instanceof HTMLElement&&(h=this.props.bounds);var g=this.getSelfElement();if(g instanceof Element&&(h instanceof HTMLElement||h===window)&&f instanceof HTMLElement){var p=this.getMaxSizesFromProps(),y=p.maxWidth,S=p.maxHeight,T=this.getParentSize();if(y&&typeof y=="string")if(y.endsWith("%")){var P=Number(y.replace("%",""))/100;y=T.width*P}else y.endsWith("px")&&(y=Number(y.replace("px","")));if(S&&typeof S=="string")if(S.endsWith("%")){var P=Number(S.replace("%",""))/100;S=T.height*P}else S.endsWith("px")&&(S=Number(S.replace("px","")));var _=g.getBoundingClientRect(),b=_.left,d=_.top,v=this.props.bounds==="window"?{left:0,top:0}:h.getBoundingClientRect(),w=v.left,c=v.top,j=this.getOffsetWidth(h),u=this.getOffsetHeight(h),m=e.toLowerCase().endsWith("left"),C=e.toLowerCase().endsWith("right"),N=e.startsWith("top"),G=e.startsWith("bottom");if((m||N)&&this.resizable){var A=(b-w)/o+this.resizable.size.width;this.setState({maxWidth:A>Number(y)?y:A})}if(C||this.props.lockAspectRatio&&!m&&!N){var A=j+(w-b)/o;this.setState({maxWidth:A>Number(y)?y:A})}if((N||m)&&this.resizable){var A=(d-c)/o+this.resizable.size.height;this.setState({maxHeight:A>Number(S)?S:A})}if(G||this.props.lockAspectRatio&&!N&&!m){var A=u+(c-d)/o;this.setState({maxHeight:A>Number(S)?S:A})}}}else this.setState({maxWidth:this.props.maxWidth,maxHeight:this.props.maxHeight});this.props.onResizeStart&&this.props.onResizeStart(t,e,i)},n.prototype.onResize=function(t,e,i,o){var l=this,a={x:this.originalPosition.x,y:this.originalPosition.y},f=-o.width,h=-o.height,g=["top","left","topLeft","bottomLeft","topRight"];g.includes(e)&&(e==="bottomLeft"?a.x+=f:(e==="topRight"||(a.x+=f),a.y+=h));var p=this.draggable.state;(a.x!==p.x||a.y!==p.y)&&je.flushSync(function(){l.draggable.setState(a)}),this.updateOffsetFromParent();var y=this.offsetFromParent,S=this.getDraggablePosition().x+y.left,T=this.getDraggablePosition().y+y.top;this.resizingPosition={x:S,y:T},this.props.onResize&&this.props.onResize(t,e,i,o,{x:S,y:T})},n.prototype.onResizeStop=function(t,e,i,o){this.setState({resizing:!1});var l=this.getMaxSizesFromProps(),a=l.maxWidth,f=l.maxHeight;this.setState({maxWidth:a,maxHeight:f}),this.props.onResizeStop&&this.props.onResizeStop(t,e,i,o,this.resizingPosition)},n.prototype.updateSize=function(t){this.resizable&&this.resizable.updateSize({width:t.width,height:t.height})},n.prototype.updatePosition=function(t){this.draggable.setState(t)},n.prototype.updateOffsetFromParent=function(){var t=this.props.scale,e=this.getParent(),i=this.getSelfElement();if(!e||i===null)return{top:0,left:0};var o=e.getBoundingClientRect(),l=o.left,a=o.top,f=i.getBoundingClientRect(),h=this.getDraggablePosition(),g=e.scrollLeft,p=e.scrollTop;this.offsetFromParent={left:f.left-l+g-h.x*t,top:f.top-a+p-h.y*t}},n.prototype.render=function(){var t=this,e=this.props,i=e.disableDragging,o=e.style,l=e.dragHandleClassName,a=e.position,f=e.onMouseDown,h=e.onMouseUp,g=e.dragAxis,p=e.dragGrid,y=e.bounds,S=e.enableUserSelectHack,T=e.cancel,P=e.children;e.onResizeStart,e.onResize,e.onResizeStop,e.onDragStart,e.onDrag,e.onDragStop;var _=e.resizeHandleStyles,b=e.resizeHandleClasses,d=e.resizeHandleComponent,v=e.enableResizing,w=e.resizeGrid,c=e.resizeHandleWrapperClass,j=e.resizeHandleWrapperStyle,u=e.scale,m=e.allowAnyClick,C=e.dragPositionOffset,N=Ir(e,["disableDragging","style","dragHandleClassName","position","onMouseDown","onMouseUp","dragAxis","dragGrid","bounds","enableUserSelectHack","cancel","children","onResizeStart","onResize","onResizeStop","onDragStart","onDrag","onDragStop","resizeHandleStyles","resizeHandleClasses","resizeHandleComponent","enableResizing","resizeGrid","resizeHandleWrapperClass","resizeHandleWrapperStyle","scale","allowAnyClick","dragPositionOffset"]),G=this.props.default?ae({},this.props.default):void 0;delete N.default;var A=i||l?{cursor:"auto"}:{cursor:"move"},$=ae(ae(ae({},Fr),A),o),te=this.offsetFromParent,le=te.left,re=te.top,ue;a&&(ue={x:a.x-le,y:a.y-re});var de=this.state.resizing?void 0:ue,pe=this.state.resizing?"both":g;return ee.createElement(Pr,{ref:function(x){x&&(t.draggable=x)},handle:l?".".concat(l):void 0,defaultPosition:G,onMouseDown:f,onMouseUp:h,onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop,axis:pe,disabled:i,grid:p,bounds:y?this.state.bounds:void 0,position:de,enableUserSelectHack:S,cancel:T,scale:u,allowAnyClick:m,nodeRef:this.resizableElement,positionOffset:C},ee.createElement(Wr,ae({},N,{ref:function(x){x&&(t.resizable=x,t.resizableElement.current=x.resizable)},defaultSize:G,size:this.props.size,enable:typeof v=="boolean"?Lr(v):v,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,style:$,minWidth:this.props.minWidth,minHeight:this.props.minHeight,maxWidth:this.state.resizing?this.state.maxWidth:this.props.maxWidth,maxHeight:this.state.resizing?this.state.maxHeight:this.props.maxHeight,grid:w,handleWrapperClass:c,handleWrapperStyle:j,lockAspectRatio:this.props.lockAspectRatio,lockAspectRatioExtraWidth:this.props.lockAspectRatioExtraWidth,lockAspectRatioExtraHeight:this.props.lockAspectRatioExtraHeight,handleStyles:_,handleClasses:b,handleComponent:d,scale:this.props.scale}),P))},n.defaultProps={maxWidth:Number.MAX_SAFE_INTEGER,maxHeight:Number.MAX_SAFE_INTEGER,scale:1,onResizeStart:function(){},onResize:function(){},onResizeStop:function(){},onDragStart:function(){},onDrag:function(){},onDragStop:function(){}},n}(ee.PureComponent);const Yr=({children:r,title:n,isOpen:t,onClose:e=()=>{},initialWidth:i=500,initialHeight:o=650,win:l=window,className:a=""})=>{if(!t)return null;const f=l.document.body.clientWidth,h=l.document.body.clientHeight,g=Math.max(0,(f-i)/2),p=Math.max(0,(h-o)/2),[y,S]=ee.useState({width:i,height:o,x:g,y:p}),T=(_,b)=>{S(d=>({...d,x:b.x,y:b.y}))},P=(_,b,d,v,w)=>{S({width:parseInt(d.style.width,10)||i,height:parseInt(d.style.height,10)||o,x:w.x,y:w.y})};return R.jsx("div",{style:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",zIndex:9999},className:"center",children:R.jsx(Hr,{size:{width:y.width,height:y.height},position:{x:y.x,y:y.y},onDragStop:T,onResizeStop:P,minWidth:300,minHeight:200,bounds:"window",className:"float-modal-rnd",dragHandleClassName:"p-header",children:R.jsxs("div",{className:"p-modal "+a,children:[R.jsxs("div",{className:"p-header",children:[R.jsx("div",{children:n}),R.jsx("button",{type:"button",className:"close",onClick:e,"aria-label":"Close modal",children:R.jsx("span",{className:"pficon pficon-close"})})]}),R.jsx("div",{className:"p-body min-h-0",children:r})]})})})},Br=({variant:r,children:n,className:t=""})=>{const e={warning:"text-yellow-600",success:"text-green-600",error:"text-red-600"},i=t+" "+e[r]||"";return R.jsx("p",{className:i,children:n})},Ur=({children:r,...n})=>R.jsx("table",{...n,children:r}),$r=({children:r,...n})=>R.jsx("tbody",{...n,children:r}),Xr=({children:r,...n})=>R.jsx("td",{...n,children:r}),qr=({children:r,...n})=>R.jsx("th",{...n,children:r}),Vr=({children:r,...n})=>R.jsx("thead",{...n,children:r}),Gr=({children:r,...n})=>R.jsx("tr",{...n,children:r}),rt=({items:r,selected:n,title:t,isDisabled:e,isOpen:i,setIsOpen:o,onChange:l,className:a=""})=>{const f=y=>{o(!y)},h=y=>{o(!1),l(y)},g=y=>{const S=y.id===n;return R.jsx("li",{onClick:()=>h(y),className:S?"active":"",children:R.jsx("a",{href:"#",children:y.title})},y.id)},p=`btn btn-default dropdown-toggle flex-1 ${a}`;return R.jsxs(R.Fragment,{children:[R.jsx("button",{style:{marginLeft:"0px",left:"-1px"},className:p,disabled:e,onClick:()=>f(i),"data-toggle":"dropdown",type:"button",children:R.jsxs("div",{className:"flex items-center justify-center gap-2 h-full min-h-[20px]",children:[t&&R.jsx("div",{className:"mr-1",children:t}),R.jsx("span",{className:"caret inline-block align-middle"})]})}),R.jsx("ul",{className:"dropdown-menu",role:"menu",children:r.map(g)})]})},Jr=r=>{const[n,t]=ee.useState(!1),e=r.selected,i=r.items.find(l=>l.id==e);r.debug&&(console.log(r),console.log(i));const o=ee.useRef(null);return ee.useEffect(()=>{const l=a=>{o.current&&!o.current.contains(a.target)&&t(!1)};return n&&document.addEventListener("mousedown",l),()=>{document.removeEventListener("mousedown",l)}},[n]),R.jsx("div",{className:`btn-group ${n?"open":""}`,ref:o,children:R.jsx(rt,{...r,title:(i==null?void 0:i.title)||r.title,setIsOpen:t,isOpen:n})})},Yt=({currentPage:r,total:n,onPageChange:t,onNextPage:e,onPrevPage:i,end:o,pageSize:l})=>{const a=Math.ceil(n/l),f=()=>{i?i():r>1&&t(r-1)},h=()=>{e?e():r<a&&t(r+1)};return R.jsxs("div",{children:[R.jsx("span",{children:R.jsxs("span",{className:"pagination-pf-items-current",children:[r," - ",a]})}),R.jsxs("div",{className:"btn-group ml-2",children:[R.jsx("button",{type:"button",className:`btn btn-default ${r===1?"disabled":""}`,disabled:r===1,onClick:f,children:R.jsx("i",{className:"fa fa-angle-left"})}),R.jsx("button",{type:"button",className:`btn btn-default ${r===a?"disabled":""}`,disabled:r===a||o,onClick:h,children:R.jsx("i",{className:"fa fa-angle-right"})})]})]})},Be=({children:r,onChange:n,items:t,selected:e,className:i=""})=>{const[o,l]=ee.useState(!1),a=ee.useRef(null);return ee.useEffect(()=>{const f=h=>{a.current&&!a.current.contains(h.target)&&l(!1)};return o&&document.addEventListener("mousedown",f),()=>{document.removeEventListener("mousedown",f)}},[o]),R.jsx("div",{className:`btn-group ${i} ${o?"open":""}`,ref:a,children:R.jsxs(R.Fragment,{children:[r,R.jsx(rt,{setIsOpen:l,isOpen:o,onChange:n,items:t,selected:e})]})})},Kr=[{id:1,title:"5 сек",data:5e3},{id:2,title:"10 сек",data:1e4},{id:3,title:"20 сек",data:2e4},{id:4,title:"30 сек",data:3e4},{id:5,title:"60 сек",data:6e4}],Bt=({items:r=Kr,onChange:n,value:t,onRefresh:e})=>{var l;const i=a=>{n(a.data)},o=(l=r.find(a=>a.data===t))==null?void 0:l.id;return R.jsx(Be,{className:"flex",items:r,onChange:i,selected:o,children:R.jsxs(Ne,{className:"m-0",type:"default",onClick:e,children:[" ",R.jsx("i",{className:"fa fa-refresh"})," "]})})},Zr=({interval:r,page:n,itemsReload:t,total:e,onRefresh:i,onChangeInterval:o,onPageChange:l,pageSize:a,onNextPage:f,onPrevPage:h,end:g})=>R.jsxs("div",{className:"flex justify-between bg-[#f5f5f5] border border-[#d1d1d1]",children:[R.jsx("div",{className:"m-[5px]",children:R.jsx(Bt,{items:t,value:r,onChange:o,onRefresh:i})}),R.jsx("div",{className:"m-[5px]",children:R.jsx(Yt,{end:g,onNextPage:f,onPrevPage:h,pageSize:a,currentPage:n,total:e,onPageChange:l})})]}),Qr=({id:r,label:n,isChecked:t=!1,isDisabled:e=!1,onChange:i,className:o="checkbox",position:l="right"})=>R.jsx("div",{className:o,children:R.jsxs("div",{className:"flex items-center gap-2",children:[l==="left"&&R.jsx("input",{type:"checkbox",id:r,checked:t,onChange:i,disabled:e,className:"cursor-pointer !mt-0"}),R.jsx("label",{htmlFor:r,className:"cursor-pointer !mb-0","aria-disabled":e,children:n}),l==="right"&&R.jsx("input",{type:"checkbox",id:r,checked:t,onChange:i,disabled:e,className:"cursor-pointer !mt-0"})]})}),en=({placeholder:r="",rows:n=3,maxLength:t,value:e,onChange:i,isDisabled:o=!1,className:l=""})=>{const[a,f]=ee.useState(e||""),h=e!==void 0?e:a,g=p=>{const y=p.target.value;i?i(y):f(y)};return R.jsx("textarea",{className:l,placeholder:r,rows:n,maxLength:t,value:h,onChange:g,disabled:o})},tn=({variant:r,title:n,className:t})=>{const e=["success","info","warning","danger"],i=l=>{switch(l){case"success":return"pficon pficon-ok";case"info":return"pficon pficon-info";case"warning":return"pficon pficon-warning-triangle-o";case"danger":return"pficon pficon-error-circle-o";default:return"pficon pficon-info"}};e.includes(r)||(console.warn(`Unsupported alert variant: "${r}". Defaulting to "info".`),r="info");const o=`flex pl-[20px] !static items-center alert alert-${r} ${t||""}`.trim();return R.jsxs("div",{className:o,role:"alert",children:[R.jsx("span",{className:"!static "+i(r)}),R.jsx("div",{className:"ml-5",children:n})]})},rn=({variant:r,children:n,onClick:t})=>{const e=`label label-${r}`,i=t?{tabIndex:0,role:"button","aria-pressed":!1}:{};return R.jsx("span",{className:e,onClick:t,...i,style:{cursor:t?"pointer":void 0},children:n})},nn=r=>{const{label:n,isChecked:t=!1,id:e="radio1",onChange:i,name:o}=r;return R.jsx("div",{className:"radio",children:R.jsxs("label",{htmlFor:e,children:[R.jsx("input",{type:"radio",name:o,id:e,checked:t,onChange:l=>i(l.target.checked)}),n]})})};function on(r,n){ee.useEffect(()=>{if(!r)return;const t=setInterval(()=>{n()},r);return()=>clearInterval(t)},[r])}const sn=()=>R.jsxs("div",{children:[R.jsx(ft,{items:[{title:"Дополнения",active:!0},{title:"Название плагина",href:"#Название плагина"}]}),R.jsx(Be,{onChange:()=>{},items:[{id:0,title:"5 сек"},{id:1,title:"10 сек"},{id:2,title:"20 сек"}],children:R.jsx(Ne,{children:"Hello"})}),R.jsx(Be,{onChange:()=>{},items:[{id:0,title:"5 сек"},{id:1,title:"10 сек"},{id:2,title:"20 сек"}],children:R.jsx(Ne,{children:"Hello"})})]});U.Alert=tn,U.Breadcrumb=ft,U.Button=Ne,U.Checkbox=Qr,U.Dropdown=rt,U.DropdownSelect=Jr,U.FloatModal=Yr,U.GroupButtonContainer=Be,U.HelpText=Br,U.Input=hr,U.Label=rn,U.Modal=pr,U.Pagination=Yt,U.Radio=nn,U.ReloadButton=Bt,U.SampleComp=sn,U.Tab=fr,U.Table=Ur,U.TableToolbar=Zr,U.Tabs=dr,U.Tbody=$r,U.Td=Xr,U.TextArea=en,U.Th=qr,U.Thead=Vr,U.ToolbarContainer=ur,U.Tr=Gr,U.useIntervalLoader=on,Object.defineProperty(U,Symbol.toStringTag,{value:"Module"})});
|
|
64
|
+
***************************************************************************** */var tt=function(r,n){return tt=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])},tt(r,n)};function kr(r,n){tt(r,n);function t(){this.constructor=r}r.prototype=n===null?Object.create(n):(t.prototype=n.prototype,new t)}var ae=function(){return ae=Object.assign||function(n){for(var t,e=1,i=arguments.length;e<i;e++){t=arguments[e];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(n[o]=t[o])}return n},ae.apply(this,arguments)};function Ir(r,n){var t={};for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&n.indexOf(e)<0&&(t[e]=r[e]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,e=Object.getOwnPropertySymbols(r);i<e.length;i++)n.indexOf(e[i])<0&&Object.prototype.propertyIsEnumerable.call(r,e[i])&&(t[e[i]]=r[e[i]]);return t}var Fr={width:"auto",height:"auto",display:"inline-block",position:"absolute",top:0,left:0},Lr=function(r){return{bottom:r,bottomLeft:r,bottomRight:r,left:r,right:r,top:r,topLeft:r,topRight:r}},Hr=(function(r){kr(n,r);function n(t){var e=r.call(this,t)||this;return e.resizingPosition={x:0,y:0},e.offsetFromParent={left:0,top:0},e.resizableElement={current:null},e.originalPosition={x:0,y:0},e.state={resizing:!1,bounds:{top:0,right:0,bottom:0,left:0},maxWidth:t.maxWidth,maxHeight:t.maxHeight},e.onResizeStart=e.onResizeStart.bind(e),e.onResize=e.onResize.bind(e),e.onResizeStop=e.onResizeStop.bind(e),e.onDragStart=e.onDragStart.bind(e),e.onDrag=e.onDrag.bind(e),e.onDragStop=e.onDragStop.bind(e),e.getMaxSizesFromProps=e.getMaxSizesFromProps.bind(e),e}return n.prototype.componentDidMount=function(){this.updateOffsetFromParent();var t=this.offsetFromParent,e=t.left,i=t.top,o=this.getDraggablePosition(),l=o.x,a=o.y;this.draggable.setState({x:l-e,y:a-i}),this.forceUpdate()},n.prototype.getDraggablePosition=function(){var t=this.draggable.state,e=t.x,i=t.y;return{x:e,y:i}},n.prototype.getParent=function(){return this.resizable&&this.resizable.parentNode},n.prototype.getParentSize=function(){return this.resizable.getParentSize()},n.prototype.getMaxSizesFromProps=function(){var t=typeof this.props.maxWidth>"u"?Number.MAX_SAFE_INTEGER:this.props.maxWidth,e=typeof this.props.maxHeight>"u"?Number.MAX_SAFE_INTEGER:this.props.maxHeight;return{maxWidth:t,maxHeight:e}},n.prototype.getSelfElement=function(){return this.resizable&&this.resizable.resizable},n.prototype.getOffsetHeight=function(t){var e=this.props.scale;switch(this.props.bounds){case"window":return window.innerHeight/e;case"body":return document.body.offsetHeight/e;default:return t.offsetHeight}},n.prototype.getOffsetWidth=function(t){var e=this.props.scale;switch(this.props.bounds){case"window":return window.innerWidth/e;case"body":return document.body.offsetWidth/e;default:return t.offsetWidth}},n.prototype.onDragStart=function(t,e){this.props.onDragStart&&this.props.onDragStart(t,e);var i=this.getDraggablePosition();if(this.originalPosition=i,!!this.props.bounds){var o=this.getParent(),l=this.props.scale,a;if(this.props.bounds==="parent")a=o;else if(this.props.bounds==="body"){var f=o.getBoundingClientRect(),h=f.left,g=f.top,p=document.body.getBoundingClientRect(),y=-(h-o.offsetLeft*l-p.left)/l,S=-(g-o.offsetTop*l-p.top)/l,T=(document.body.offsetWidth-this.resizable.size.width*l)/l+y,P=(document.body.offsetHeight-this.resizable.size.height*l)/l+S;return this.setState({bounds:{top:S,right:T,bottom:P,left:y}})}else if(this.props.bounds==="window"){if(!this.resizable)return;var _=o.getBoundingClientRect(),b=_.left,d=_.top,v=-(b-o.offsetLeft*l)/l,w=-(d-o.offsetTop*l)/l,T=(window.innerWidth-this.resizable.size.width*l)/l+v,P=(window.innerHeight-this.resizable.size.height*l)/l+w;return this.setState({bounds:{top:w,right:T,bottom:P,left:v}})}else typeof this.props.bounds=="string"?a=document.querySelector(this.props.bounds):this.props.bounds instanceof HTMLElement&&(a=this.props.bounds);if(!(!(a instanceof HTMLElement)||!(o instanceof HTMLElement))){var c=a.getBoundingClientRect(),j=c.left,u=c.top,m=o.getBoundingClientRect(),C=m.left,N=m.top,G=(j-C)/l,A=u-N;if(this.resizable){this.updateOffsetFromParent();var X=this.offsetFromParent;this.setState({bounds:{top:A-X.top,right:G+(a.offsetWidth-this.resizable.size.width)-X.left/l,bottom:A+(a.offsetHeight-this.resizable.size.height)-X.top,left:G-X.left/l}})}}}},n.prototype.onDrag=function(t,e){if(this.props.onDrag){var i=this.offsetFromParent,o=i.left,l=i.top;if(!this.props.dragAxis||this.props.dragAxis==="both")return this.props.onDrag(t,ae(ae({},e),{x:e.x+o,y:e.y+l}));if(this.props.dragAxis==="x")return this.props.onDrag(t,ae(ae({},e),{x:e.x+o,y:this.originalPosition.y+l,deltaY:0}));if(this.props.dragAxis==="y")return this.props.onDrag(t,ae(ae({},e),{x:this.originalPosition.x+o,y:e.y+l,deltaX:0}))}},n.prototype.onDragStop=function(t,e){if(this.props.onDragStop){var i=this.offsetFromParent,o=i.left,l=i.top;if(!this.props.dragAxis||this.props.dragAxis==="both")return this.props.onDragStop(t,ae(ae({},e),{x:e.x+o,y:e.y+l}));if(this.props.dragAxis==="x")return this.props.onDragStop(t,ae(ae({},e),{x:e.x+o,y:this.originalPosition.y+l,deltaY:0}));if(this.props.dragAxis==="y")return this.props.onDragStop(t,ae(ae({},e),{x:this.originalPosition.x+o,y:e.y+l,deltaX:0}))}},n.prototype.onResizeStart=function(t,e,i){t.stopPropagation(),this.setState({resizing:!0});var o=this.props.scale,l=this.offsetFromParent,a=this.getDraggablePosition();if(this.resizingPosition={x:a.x+l.left,y:a.y+l.top},this.originalPosition=a,this.props.bounds){var f=this.getParent(),h=void 0;this.props.bounds==="parent"?h=f:this.props.bounds==="body"?h=document.body:this.props.bounds==="window"?h=window:typeof this.props.bounds=="string"?h=document.querySelector(this.props.bounds):this.props.bounds instanceof HTMLElement&&(h=this.props.bounds);var g=this.getSelfElement();if(g instanceof Element&&(h instanceof HTMLElement||h===window)&&f instanceof HTMLElement){var p=this.getMaxSizesFromProps(),y=p.maxWidth,S=p.maxHeight,T=this.getParentSize();if(y&&typeof y=="string")if(y.endsWith("%")){var P=Number(y.replace("%",""))/100;y=T.width*P}else y.endsWith("px")&&(y=Number(y.replace("px","")));if(S&&typeof S=="string")if(S.endsWith("%")){var P=Number(S.replace("%",""))/100;S=T.height*P}else S.endsWith("px")&&(S=Number(S.replace("px","")));var _=g.getBoundingClientRect(),b=_.left,d=_.top,v=this.props.bounds==="window"?{left:0,top:0}:h.getBoundingClientRect(),w=v.left,c=v.top,j=this.getOffsetWidth(h),u=this.getOffsetHeight(h),m=e.toLowerCase().endsWith("left"),C=e.toLowerCase().endsWith("right"),N=e.startsWith("top"),G=e.startsWith("bottom");if((m||N)&&this.resizable){var A=(b-w)/o+this.resizable.size.width;this.setState({maxWidth:A>Number(y)?y:A})}if(C||this.props.lockAspectRatio&&!m&&!N){var A=j+(w-b)/o;this.setState({maxWidth:A>Number(y)?y:A})}if((N||m)&&this.resizable){var A=(d-c)/o+this.resizable.size.height;this.setState({maxHeight:A>Number(S)?S:A})}if(G||this.props.lockAspectRatio&&!N&&!m){var A=u+(c-d)/o;this.setState({maxHeight:A>Number(S)?S:A})}}}else this.setState({maxWidth:this.props.maxWidth,maxHeight:this.props.maxHeight});this.props.onResizeStart&&this.props.onResizeStart(t,e,i)},n.prototype.onResize=function(t,e,i,o){var l=this,a={x:this.originalPosition.x,y:this.originalPosition.y},f=-o.width,h=-o.height,g=["top","left","topLeft","bottomLeft","topRight"];g.includes(e)&&(e==="bottomLeft"?a.x+=f:(e==="topRight"||(a.x+=f),a.y+=h));var p=this.draggable.state;(a.x!==p.x||a.y!==p.y)&&je.flushSync(function(){l.draggable.setState(a)}),this.updateOffsetFromParent();var y=this.offsetFromParent,S=this.getDraggablePosition().x+y.left,T=this.getDraggablePosition().y+y.top;this.resizingPosition={x:S,y:T},this.props.onResize&&this.props.onResize(t,e,i,o,{x:S,y:T})},n.prototype.onResizeStop=function(t,e,i,o){this.setState({resizing:!1});var l=this.getMaxSizesFromProps(),a=l.maxWidth,f=l.maxHeight;this.setState({maxWidth:a,maxHeight:f}),this.props.onResizeStop&&this.props.onResizeStop(t,e,i,o,this.resizingPosition)},n.prototype.updateSize=function(t){this.resizable&&this.resizable.updateSize({width:t.width,height:t.height})},n.prototype.updatePosition=function(t){this.draggable.setState(t)},n.prototype.updateOffsetFromParent=function(){var t=this.props.scale,e=this.getParent(),i=this.getSelfElement();if(!e||i===null)return{top:0,left:0};var o=e.getBoundingClientRect(),l=o.left,a=o.top,f=i.getBoundingClientRect(),h=this.getDraggablePosition(),g=e.scrollLeft,p=e.scrollTop;this.offsetFromParent={left:f.left-l+g-h.x*t,top:f.top-a+p-h.y*t}},n.prototype.render=function(){var t=this,e=this.props,i=e.disableDragging,o=e.style,l=e.dragHandleClassName,a=e.position,f=e.onMouseDown,h=e.onMouseUp,g=e.dragAxis,p=e.dragGrid,y=e.bounds,S=e.enableUserSelectHack,T=e.cancel,P=e.children;e.onResizeStart,e.onResize,e.onResizeStop,e.onDragStart,e.onDrag,e.onDragStop;var _=e.resizeHandleStyles,b=e.resizeHandleClasses,d=e.resizeHandleComponent,v=e.enableResizing,w=e.resizeGrid,c=e.resizeHandleWrapperClass,j=e.resizeHandleWrapperStyle,u=e.scale,m=e.allowAnyClick,C=e.dragPositionOffset,N=Ir(e,["disableDragging","style","dragHandleClassName","position","onMouseDown","onMouseUp","dragAxis","dragGrid","bounds","enableUserSelectHack","cancel","children","onResizeStart","onResize","onResizeStop","onDragStart","onDrag","onDragStop","resizeHandleStyles","resizeHandleClasses","resizeHandleComponent","enableResizing","resizeGrid","resizeHandleWrapperClass","resizeHandleWrapperStyle","scale","allowAnyClick","dragPositionOffset"]),G=this.props.default?ae({},this.props.default):void 0;delete N.default;var A=i||l?{cursor:"auto"}:{cursor:"move"},X=ae(ae(ae({},Fr),A),o),te=this.offsetFromParent,le=te.left,re=te.top,ue;a&&(ue={x:a.x-le,y:a.y-re});var de=this.state.resizing?void 0:ue,pe=this.state.resizing?"both":g;return ee.createElement(Pr,{ref:function(x){x&&(t.draggable=x)},handle:l?".".concat(l):void 0,defaultPosition:G,onMouseDown:f,onMouseUp:h,onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop,axis:pe,disabled:i,grid:p,bounds:y?this.state.bounds:void 0,position:de,enableUserSelectHack:S,cancel:T,scale:u,allowAnyClick:m,nodeRef:this.resizableElement,positionOffset:C},ee.createElement(Wr,ae({},N,{ref:function(x){x&&(t.resizable=x,t.resizableElement.current=x.resizable)},defaultSize:G,size:this.props.size,enable:typeof v=="boolean"?Lr(v):v,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,style:X,minWidth:this.props.minWidth,minHeight:this.props.minHeight,maxWidth:this.state.resizing?this.state.maxWidth:this.props.maxWidth,maxHeight:this.state.resizing?this.state.maxHeight:this.props.maxHeight,grid:w,handleWrapperClass:c,handleWrapperStyle:j,lockAspectRatio:this.props.lockAspectRatio,lockAspectRatioExtraWidth:this.props.lockAspectRatioExtraWidth,lockAspectRatioExtraHeight:this.props.lockAspectRatioExtraHeight,handleStyles:_,handleClasses:b,handleComponent:d,scale:this.props.scale}),P))},n.defaultProps={maxWidth:Number.MAX_SAFE_INTEGER,maxHeight:Number.MAX_SAFE_INTEGER,scale:1,onResizeStart:function(){},onResize:function(){},onResizeStop:function(){},onDragStart:function(){},onDrag:function(){},onDragStop:function(){}},n})(ee.PureComponent);const Yr=({children:r,title:n,isOpen:t,onClose:e=()=>{},initialWidth:i=500,initialHeight:o=650,win:l=window,className:a=""})=>{if(!t)return null;const f=l.document.body.clientWidth,h=l.document.body.clientHeight,g=Math.max(0,(f-i)/2),p=Math.max(0,(h-o)/2),[y,S]=ee.useState({width:i,height:o,x:g,y:p}),T=(_,b)=>{S(d=>({...d,x:b.x,y:b.y}))},P=(_,b,d,v,w)=>{S({width:parseInt(d.style.width,10)||i,height:parseInt(d.style.height,10)||o,x:w.x,y:w.y})};return R.jsx("div",{style:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",zIndex:9999},className:"center",children:R.jsx(Hr,{size:{width:y.width,height:y.height},position:{x:y.x,y:y.y},onDragStop:T,onResizeStop:P,minWidth:300,minHeight:200,bounds:"window",className:"float-modal-rnd",dragHandleClassName:"p-header",children:R.jsxs("div",{className:"p-modal "+a,children:[R.jsxs("div",{className:"p-header",children:[R.jsx("div",{children:n}),R.jsx("button",{type:"button",className:"close",onClick:e,"aria-label":"Close modal",children:R.jsx("span",{className:"pficon pficon-close"})})]}),R.jsx("div",{className:"p-body min-h-0",children:r})]})})})},Br=({variant:r,children:n,className:t=""})=>{const e={warning:"text-yellow-600",success:"text-green-600",error:"text-red-600"},i=t+" "+e[r]||"";return R.jsx("p",{className:i,children:n})},Ur=({children:r,...n})=>R.jsx("table",{...n,children:r}),Xr=({children:r,...n})=>R.jsx("tbody",{...n,children:r}),$r=({children:r,...n})=>R.jsx("td",{...n,children:r}),qr=({children:r,...n})=>R.jsx("th",{...n,children:r}),Vr=({children:r,...n})=>R.jsx("thead",{...n,children:r}),Gr=({children:r,...n})=>R.jsx("tr",{...n,children:r}),rt=({items:r,selected:n,title:t,isDisabled:e,isOpen:i,setIsOpen:o,onChange:l,className:a=""})=>{const f=y=>{o(!y)},h=y=>{o(!1),l(y)},g=y=>{const S=y.id===n;return R.jsx("li",{onClick:()=>h(y),className:S?"active":"",children:R.jsx("a",{href:"#",children:y.title})},y.id)},p=`btn btn-default dropdown-toggle flex-1 ${a}`;return R.jsxs(R.Fragment,{children:[R.jsx("button",{style:{marginLeft:"0px",left:"-1px"},className:p,disabled:e,onClick:()=>f(i),"data-toggle":"dropdown",type:"button",children:R.jsxs("div",{className:"flex items-center justify-center gap-2 h-full min-h-[20px]",children:[t&&R.jsx("div",{className:"mr-1",children:t}),R.jsx("span",{className:"caret inline-block align-middle"})]})}),R.jsx("ul",{className:"dropdown-menu",role:"menu",children:r.map(g)})]})},Jr=r=>{const[n,t]=ee.useState(!1),e=r.selected,i=r.items.find(l=>l.id==e);r.debug&&(console.log(r),console.log(i));const o=ee.useRef(null);return ee.useEffect(()=>{const l=a=>{o.current&&!o.current.contains(a.target)&&t(!1)};return n&&document.addEventListener("mousedown",l),()=>{document.removeEventListener("mousedown",l)}},[n]),R.jsx("div",{className:`btn-group ${n?"open":""}`,ref:o,children:R.jsx(rt,{...r,title:(i==null?void 0:i.title)||r.title,setIsOpen:t,isOpen:n})})},Yt=({currentPage:r,total:n,onPageChange:t,onNextPage:e,onPrevPage:i,end:o,pageSize:l})=>{const a=Math.ceil(n/l),f=()=>{i?i():r>1&&t(r-1)},h=()=>{e?e():r<a&&t(r+1)};return R.jsxs("div",{children:[R.jsx("span",{children:R.jsxs("span",{className:"pagination-pf-items-current",children:[r," - ",a]})}),R.jsxs("div",{className:"btn-group ml-2",children:[R.jsx("button",{type:"button",className:`btn btn-default ${r===1?"disabled":""}`,disabled:r===1,onClick:f,children:R.jsx("i",{className:"fa fa-angle-left"})}),R.jsx("button",{type:"button",className:`btn btn-default ${r===a?"disabled":""}`,disabled:r===a||o,onClick:h,children:R.jsx("i",{className:"fa fa-angle-right"})})]})]})},Be=({children:r,onChange:n,items:t,selected:e,className:i=""})=>{const[o,l]=ee.useState(!1),a=ee.useRef(null);return ee.useEffect(()=>{const f=h=>{a.current&&!a.current.contains(h.target)&&l(!1)};return o&&document.addEventListener("mousedown",f),()=>{document.removeEventListener("mousedown",f)}},[o]),R.jsx("div",{className:`btn-group ${i} ${o?"open":""}`,ref:a,children:R.jsxs(R.Fragment,{children:[r,R.jsx(rt,{setIsOpen:l,isOpen:o,onChange:n,items:t,selected:e})]})})},Kr=[{id:1,title:"5 сек",data:5e3},{id:2,title:"10 сек",data:1e4},{id:3,title:"20 сек",data:2e4},{id:4,title:"30 сек",data:3e4},{id:5,title:"60 сек",data:6e4}],Bt=({items:r=Kr,onChange:n,value:t,onRefresh:e})=>{var l;const i=a=>{n(a.data)},o=(l=r.find(a=>a.data===t))==null?void 0:l.id;return R.jsx(Be,{className:"flex",items:r,onChange:i,selected:o,children:R.jsxs(Ne,{className:"m-0",type:"default",onClick:e,children:[" ",R.jsx("i",{className:"fa fa-refresh"})," "]})})},Zr=({interval:r,page:n,itemsReload:t,total:e,onRefresh:i,onChangeInterval:o,onPageChange:l,pageSize:a,onNextPage:f,onPrevPage:h,end:g})=>R.jsxs("div",{className:"flex justify-between bg-[#f5f5f5] border border-[#d1d1d1]",children:[R.jsx("div",{className:"m-[5px]",children:R.jsx(Bt,{items:t,value:r,onChange:o,onRefresh:i})}),R.jsx("div",{className:"m-[5px]",children:R.jsx(Yt,{end:g,onNextPage:f,onPrevPage:h,pageSize:a,currentPage:n,total:e,onPageChange:l})})]}),Qr=({id:r,label:n,isChecked:t=!1,isDisabled:e=!1,onChange:i,className:o="checkbox",position:l="right"})=>R.jsx("div",{className:o,children:R.jsxs("div",{className:"flex items-center gap-2",children:[l==="left"&&R.jsx("input",{type:"checkbox",id:r,checked:t,onChange:i,disabled:e,className:"cursor-pointer !mt-0"}),R.jsx("label",{htmlFor:r,className:"cursor-pointer !mb-0","aria-disabled":e,children:n}),l==="right"&&R.jsx("input",{type:"checkbox",id:r,checked:t,onChange:i,disabled:e,className:"cursor-pointer !mt-0"})]})}),en=({placeholder:r="",rows:n=3,maxLength:t,value:e,onChange:i,isDisabled:o=!1,className:l=""})=>{const[a,f]=ee.useState(e||""),h=e!==void 0?e:a,g=p=>{const y=p.target.value;i?i(y):f(y)};return R.jsx("textarea",{className:l,placeholder:r,rows:n,maxLength:t,value:h,onChange:g,disabled:o})},tn=({variant:r,title:n,className:t})=>{const e=["success","info","warning","danger"],i=l=>{switch(l){case"success":return"pficon pficon-ok";case"info":return"pficon pficon-info";case"warning":return"pficon pficon-warning-triangle-o";case"danger":return"pficon pficon-error-circle-o";default:return"pficon pficon-info"}};e.includes(r)||(console.warn(`Unsupported alert variant: "${r}". Defaulting to "info".`),r="info");const o=`flex pl-[20px] !static items-center alert alert-${r} ${t||""}`.trim();return R.jsxs("div",{className:o,role:"alert",children:[R.jsx("span",{className:"!static "+i(r)}),R.jsx("div",{className:"ml-5",children:n})]})},rn=({variant:r,children:n,onClick:t})=>{const e=`label label-${r}`,i=t?{tabIndex:0,role:"button","aria-pressed":!1}:{};return R.jsx("span",{className:e,onClick:t,...i,style:{cursor:t?"pointer":void 0},children:n})},nn=r=>{const{label:n,isChecked:t=!1,id:e="radio1",onChange:i,name:o}=r;return R.jsx("div",{className:"radio",children:R.jsxs("label",{htmlFor:e,children:[R.jsx("input",{type:"radio",name:o,id:e,checked:t,onChange:l=>i(l.target.checked)}),n]})})};function on(r,n){ee.useEffect(()=>{if(!r)return;const t=setInterval(()=>{n()},r);return()=>clearInterval(t)},[r])}const sn=()=>R.jsxs("div",{children:[R.jsx(ft,{items:[{title:"Дополнения",active:!0},{title:"Название плагина",href:"#Название плагина"}]}),R.jsx(Be,{onChange:()=>{},items:[{id:0,title:"5 сек"},{id:1,title:"10 сек"},{id:2,title:"20 сек"}],children:R.jsx(Ne,{children:"Hello"})}),R.jsx(Be,{onChange:()=>{},items:[{id:0,title:"5 сек"},{id:1,title:"10 сек"},{id:2,title:"20 сек"}],children:R.jsx(Ne,{children:"Hello"})})]});U.Alert=tn,U.Breadcrumb=ft,U.Button=Ne,U.Checkbox=Qr,U.Dropdown=rt,U.DropdownSelect=Jr,U.FloatModal=Yr,U.GroupButtonContainer=Be,U.HelpText=Br,U.Input=hr,U.Label=rn,U.Modal=pr,U.Pagination=Yt,U.Radio=nn,U.ReloadButton=Bt,U.SampleComp=sn,U.Tab=fr,U.Table=Ur,U.TableToolbar=Zr,U.Tabs=dr,U.Tbody=Xr,U.Td=$r,U.TextArea=en,U.Th=qr,U.Thead=Vr,U.ToolbarContainer=ur,U.Tr=Gr,U.useIntervalLoader=on,Object.defineProperty(U,Symbol.toStringTag,{value:"Module"})}));
|