@kongkiat/react-context-menu
Version:
Context Menu for React
21 lines (20 loc) • 32.9 kB
JavaScript
;var e=require("react/jsx-runtime"),n=require("react"),t=require("react-dom");!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}(':root {\n --bg-default-color: rgb(255, 255, 255);\n --bg-default-color-hover: rgb(229, 231, 233);\n --text-default-color: rgb(107, 114, 128);\n --border-default-color: rgb(178, 186, 187);\n}\n\n:root.dark {\n --bg-default-color: rgb(24, 24, 24);\n --bg-default-color-hover: rgb(39, 39, 42);\n --text-default-color: rgb(229, 231, 235);\n --border-default-color: rgb(72, 72, 72);\n}\n\n.contextmenu {\n position: fixed;\n left: 0;\n top: calc(100% + 10px);\n z-index: 9999;\n}\n.contextmenu__item {\n display: block;\n cursor: pointer;\n user-select: none;\n transition: 0.2s;\n position: relative;\n}\n.contextmenu__item--disabled {\n opacity: 0.5;\n cursor: no-drop;\n}\n.contextmenu .submenu {\n position: relative;\n}\n.contextmenu .submenu__item {\n position: absolute;\n top: 0;\n left: 100%;\n opacity: 0;\n visibility: hidden;\n}\n.contextmenu .submenu > .contextmenu__item:after {\n content: "";\n width: 0;\n height: 0;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n right: 0px;\n transition: 0.2s;\n}\n\n.fade-enter {\n opacity: 0;\n}\n\n.fade-enter-active {\n opacity: 1;\n transition: opacity 200ms;\n}\n\n.fade-exit {\n opacity: 1;\n}\n\n.fade-exit-active {\n opacity: 0;\n transition: opacity 200ms;\n}\n\n.zoom-enter {\n opacity: 0;\n transform: scale(0.8);\n transform-origin: top left;\n}\n\n.zoom-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: opacity 200ms, transform 200ms;\n transform-origin: top left;\n}\n\n.zoom-exit {\n opacity: 1;\n transform: scale(1);\n transform-origin: top left;\n}\n\n.zoom-exit-active {\n opacity: 0;\n transform: scale(0.8);\n transition: opacity 200ms, transform 200ms;\n transform-origin: top left;\n}\n\n.toTopLeft-enter {\n opacity: 0;\n transform: translate(10px, 10px);\n}\n\n.toTopLeft-enter-active {\n opacity: 1;\n transform: translate(0px, 0px);\n transition: opacity 200ms, transform 200ms;\n}\n\n.toTopLeft-exit {\n opacity: 1;\n transform: translate(0px, 0px);\n}\n\n.toTopLeft-exit-active {\n opacity: 0;\n transform: translate(10px, 10px);\n transition: opacity 200ms, transform 200ms;\n}\n\n.rightToLeft-enter {\n opacity: 0;\n transform: translateX(10px);\n}\n\n.rightToLeft-enter-active {\n opacity: 1;\n transform: translateX(0px);\n transition: opacity 200ms, transform 200ms;\n}\n\n.rightToLeft-exit {\n opacity: 1;\n transform: translateX(0px);\n}\n\n.rightToLeft-exit-active {\n opacity: 0;\n transform: translateX(10px);\n transition: opacity 200ms, transform 200ms;\n}\n\n.pop-enter {\n opacity: 0;\n transform: scale(0.8);\n}\n\n.pop-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: opacity 200ms, transform 200ms;\n}\n\n.pop-exit {\n opacity: 1;\n transform: scale(1);\n}\n\n.pop-exit-active {\n opacity: 0;\n transform: scale(0.8);\n transition: opacity 200ms, transform 200ms;\n}');var r=function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},r.apply(this,arguments)};function o(e,n,t){if(t||2===arguments.length)for(var r,o=0,i=n.length;o<i;o++)!r&&o in n||(r||(r=Array.prototype.slice.call(n,0,o)),r[o]=n[o]);return e.concat(r||Array.prototype.slice.call(n))}function i(e,n){return e(n={exports:{}},n.exports),n.exports}"function"==typeof SuppressedError&&SuppressedError;var a=i((function(e){
/*!
Copyright (c) 2018 Jed Watson.
Licensed under the MIT License (MIT), see
http://jedwatson.github.io/classnames
*/
!function(){var n={}.hasOwnProperty;function t(){for(var e="",n=0;n<arguments.length;n++){var t=arguments[n];t&&(e=o(e,r(t)))}return e}function r(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return t.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var r="";for(var i in e)n.call(e,i)&&e[i]&&(r=o(r,i));return r}function o(e,n){return n?e?e+" "+n:e+n:e}e.exports?(t.default=t,e.exports=t):window.classNames=t}()}));function s(){return s=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},s.apply(null,arguments)}function c(e,n){if(null==e)return{};var t={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(n.indexOf(r)>=0)continue;t[r]=e[r]}return t}function u(e,n){return u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,n){return e.__proto__=n,e},u(e,n)}function l(e,n){e.prototype=Object.create(n.prototype),e.prototype.constructor=e,u(e,n)
/** @license React v16.13.1
* react-is.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/}var f="function"==typeof Symbol&&Symbol.for,p=f?Symbol.for("react.element"):60103,d=f?Symbol.for("react.portal"):60106,m=f?Symbol.for("react.fragment"):60107,y=f?Symbol.for("react.strict_mode"):60108,v=f?Symbol.for("react.profiler"):60114,h=f?Symbol.for("react.provider"):60109,b=f?Symbol.for("react.context"):60110,x=f?Symbol.for("react.async_mode"):60111,E=f?Symbol.for("react.concurrent_mode"):60111,g=f?Symbol.for("react.forward_ref"):60112,O=f?Symbol.for("react.suspense"):60113,S=f?Symbol.for("react.suspense_list"):60120,C=f?Symbol.for("react.memo"):60115,w=f?Symbol.for("react.lazy"):60116,N=f?Symbol.for("react.block"):60121,T=f?Symbol.for("react.fundamental"):60117,j=f?Symbol.for("react.responder"):60118,P=f?Symbol.for("react.scope"):60119;function R(e){if("object"==typeof e&&null!==e){var n=e.$$typeof;switch(n){case p:switch(e=e.type){case x:case E:case m:case v:case y:case O:return e;default:switch(e=e&&e.$$typeof){case b:case g:case w:case C:case h:return e;default:return n}}case d:return n}}}function _(e){return R(e)===E}var k={AsyncMode:x,ConcurrentMode:E,ContextConsumer:b,ContextProvider:h,Element:p,ForwardRef:g,Fragment:m,Lazy:w,Memo:C,Portal:d,Profiler:v,StrictMode:y,Suspense:O,isAsyncMode:function(e){return _(e)||R(e)===x},isConcurrentMode:_,isContextConsumer:function(e){return R(e)===b},isContextProvider:function(e){return R(e)===h},isElement:function(e){return"object"==typeof e&&null!==e&&e.$$typeof===p},isForwardRef:function(e){return R(e)===g},isFragment:function(e){return R(e)===m},isLazy:function(e){return R(e)===w},isMemo:function(e){return R(e)===C},isPortal:function(e){return R(e)===d},isProfiler:function(e){return R(e)===v},isStrictMode:function(e){return R(e)===y},isSuspense:function(e){return R(e)===O},isValidElementType:function(e){return"string"==typeof e||"function"==typeof e||e===m||e===E||e===v||e===y||e===O||e===S||"object"==typeof e&&null!==e&&(e.$$typeof===w||e.$$typeof===C||e.$$typeof===h||e.$$typeof===b||e.$$typeof===g||e.$$typeof===T||e.$$typeof===j||e.$$typeof===P||e.$$typeof===N)},typeOf:R},$=i((function(e,n){"production"!==process.env.NODE_ENV&&function(){var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,i=e?Symbol.for("react.strict_mode"):60108,a=e?Symbol.for("react.profiler"):60114,s=e?Symbol.for("react.provider"):60109,c=e?Symbol.for("react.context"):60110,u=e?Symbol.for("react.async_mode"):60111,l=e?Symbol.for("react.concurrent_mode"):60111,f=e?Symbol.for("react.forward_ref"):60112,p=e?Symbol.for("react.suspense"):60113,d=e?Symbol.for("react.suspense_list"):60120,m=e?Symbol.for("react.memo"):60115,y=e?Symbol.for("react.lazy"):60116,v=e?Symbol.for("react.block"):60121,h=e?Symbol.for("react.fundamental"):60117,b=e?Symbol.for("react.responder"):60118,x=e?Symbol.for("react.scope"):60119;function E(e){if("object"==typeof e&&null!==e){var n=e.$$typeof;switch(n){case t:var d=e.type;switch(d){case u:case l:case o:case a:case i:case p:return d;default:var v=d&&d.$$typeof;switch(v){case c:case f:case y:case m:case s:return v;default:return n}}case r:return n}}}var g=u,O=l,S=c,C=s,w=t,N=f,T=o,j=y,P=m,R=r,_=a,k=i,$=p,M=!1;function D(e){return E(e)===l}n.AsyncMode=g,n.ConcurrentMode=O,n.ContextConsumer=S,n.ContextProvider=C,n.Element=w,n.ForwardRef=N,n.Fragment=T,n.Lazy=j,n.Memo=P,n.Portal=R,n.Profiler=_,n.StrictMode=k,n.Suspense=$,n.isAsyncMode=function(e){return M||(M=!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.")),D(e)||E(e)===u},n.isConcurrentMode=D,n.isContextConsumer=function(e){return E(e)===c},n.isContextProvider=function(e){return E(e)===s},n.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},n.isForwardRef=function(e){return E(e)===f},n.isFragment=function(e){return E(e)===o},n.isLazy=function(e){return E(e)===y},n.isMemo=function(e){return E(e)===m},n.isPortal=function(e){return E(e)===r},n.isProfiler=function(e){return E(e)===a},n.isStrictMode=function(e){return E(e)===i},n.isSuspense=function(e){return E(e)===p},n.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===l||e===a||e===i||e===p||e===d||"object"==typeof e&&null!==e&&(e.$$typeof===y||e.$$typeof===m||e.$$typeof===s||e.$$typeof===c||e.$$typeof===f||e.$$typeof===h||e.$$typeof===b||e.$$typeof===x||e.$$typeof===v)},n.typeOf=E}()}));$.AsyncMode,$.ConcurrentMode,$.ContextConsumer,$.ContextProvider,$.Element,$.ForwardRef,$.Fragment,$.Lazy,$.Memo,$.Portal,$.Profiler,$.StrictMode,$.Suspense,$.isAsyncMode,$.isConcurrentMode,$.isContextConsumer,$.isContextProvider,$.isElement,$.isForwardRef,$.isFragment,$.isLazy,$.isMemo,$.isPortal,$.isProfiler,$.isStrictMode,$.isSuspense,$.isValidElementType,$.typeOf;var M=i((function(e){"production"===process.env.NODE_ENV?e.exports=k:e.exports=$})),D=Object.getOwnPropertySymbols,L=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;
/*
object-assign
(c) Sindre Sorhus
@license MIT
*/var I=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var n={},t=0;t<10;t++)n["_"+String.fromCharCode(t)]=t;var r=Object.getOwnPropertyNames(n).map((function(e){return n[e]}));if("0123456789"!==r.join(""))return!1;var o={};return"abcdefghijklmnopqrst".split("").forEach((function(e){o[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},o)).join("")}catch(e){return!1}}()?Object.assign:function(e,n){for(var t,r,o=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),i=1;i<arguments.length;i++){for(var a in t=Object(arguments[i]))L.call(t,a)&&(o[a]=t[a]);if(D){r=D(t);for(var s=0;s<r.length;s++)A.call(t,r[s])&&(o[r[s]]=t[r[s]])}}return o},V="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",z=Function.call.bind(Object.prototype.hasOwnProperty),q=function(){};if("production"!==process.env.NODE_ENV){var F=V,W={},U=z;q=function(e){var n="Warning: "+e;"undefined"!=typeof console&&console.error(n);try{throw new Error(n)}catch(e){}}}function X(e,n,t,r,o){if("production"!==process.env.NODE_ENV)for(var i in e)if(U(e,i)){var a;try{if("function"!=typeof e[i]){var s=Error((r||"React class")+": "+t+" type `"+i+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[i]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw s.name="Invariant Violation",s}a=e[i](n,i,r,t,null,F)}catch(e){a=e}if(!a||a instanceof Error||q((r||"React class")+": type specification of "+t+" `"+i+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof a+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),a instanceof Error&&!(a.message in W)){W[a.message]=!0;var c=o?o():"";q("Failed "+t+" type: "+a.message+(null!=c?c:""))}}}X.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(W={})};var Y=X,H=function(){};function B(){return null}"production"!==process.env.NODE_ENV&&(H=function(e){var n="Warning: "+e;"undefined"!=typeof console&&console.error(n);try{throw new Error(n)}catch(e){}});var J=function(e,n){var t="function"==typeof Symbol&&Symbol.iterator,r="@@iterator";var o="<<anonymous>>",i={array:u("array"),bigint:u("bigint"),bool:u("boolean"),func:u("function"),number:u("number"),object:u("object"),string:u("string"),symbol:u("symbol"),any:c(B),arrayOf:function(e){return c((function(n,t,r,o,i){if("function"!=typeof e)return new s("Property `"+i+"` of component `"+r+"` has invalid PropType notation inside arrayOf.");var a=n[t];if(!Array.isArray(a))return new s("Invalid "+o+" `"+i+"` of type `"+p(a)+"` supplied to `"+r+"`, expected an array.");for(var c=0;c<a.length;c++){var u=e(a,c,r,o,i+"["+c+"]",V);if(u instanceof Error)return u}return null}))},element:c((function(n,t,r,o,i){var a=n[t];return e(a)?null:new s("Invalid "+o+" `"+i+"` of type `"+p(a)+"` supplied to `"+r+"`, expected a single ReactElement.")})),elementType:c((function(e,n,t,r,o){var i=e[n];return M.isValidElementType(i)?null:new s("Invalid "+r+" `"+o+"` of type `"+p(i)+"` supplied to `"+t+"`, expected a single ReactElement type.")})),instanceOf:function(e){return c((function(n,t,r,i,a){if(!(n[t]instanceof e)){var c=e.name||o;return new s("Invalid "+i+" `"+a+"` of type `"+(((u=n[t]).constructor&&u.constructor.name?u.constructor.name:o)+"` supplied to `")+r+"`, expected instance of `"+c+"`.")}var u;return null}))},node:c((function(e,n,t,r,o){return f(e[n])?null:new s("Invalid "+r+" `"+o+"` supplied to `"+t+"`, expected a ReactNode.")})),objectOf:function(e){return c((function(n,t,r,o,i){if("function"!=typeof e)return new s("Property `"+i+"` of component `"+r+"` has invalid PropType notation inside objectOf.");var a=n[t],c=p(a);if("object"!==c)return new s("Invalid "+o+" `"+i+"` of type `"+c+"` supplied to `"+r+"`, expected an object.");for(var u in a)if(z(a,u)){var l=e(a,u,r,o,i+"."+u,V);if(l instanceof Error)return l}return null}))},oneOf:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&H(arguments.length>1?"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]).":"Invalid argument supplied to oneOf, expected an array."),B;return c((function(n,t,r,o,i){for(var c=n[t],u=0;u<e.length;u++)if(a(c,e[u]))return null;var l=JSON.stringify(e,(function(e,n){return"symbol"===d(n)?String(n):n}));return new s("Invalid "+o+" `"+i+"` of value `"+String(c)+"` supplied to `"+r+"`, expected one of "+l+".")}))},oneOfType:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&H("Invalid argument supplied to oneOfType, expected an instance of array."),B;for(var n=0;n<e.length;n++){var t=e[n];if("function"!=typeof t)return H("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+m(t)+" at index "+n+"."),B}return c((function(n,t,r,o,i){for(var a=[],c=0;c<e.length;c++){var u=(0,e[c])(n,t,r,o,i,V);if(null==u)return null;u.data&&z(u.data,"expectedType")&&a.push(u.data.expectedType)}return new s("Invalid "+o+" `"+i+"` supplied to `"+r+"`"+(a.length>0?", expected one of type ["+a.join(", ")+"]":"")+".")}))},shape:function(e){return c((function(n,t,r,o,i){var a=n[t],c=p(a);if("object"!==c)return new s("Invalid "+o+" `"+i+"` of type `"+c+"` supplied to `"+r+"`, expected `object`.");for(var u in e){var f=e[u];if("function"!=typeof f)return l(r,o,i,u,d(f));var m=f(a,u,r,o,i+"."+u,V);if(m)return m}return null}))},exact:function(e){return c((function(n,t,r,o,i){var a=n[t],c=p(a);if("object"!==c)return new s("Invalid "+o+" `"+i+"` of type `"+c+"` supplied to `"+r+"`, expected `object`.");var u=I({},n[t],e);for(var f in u){var m=e[f];if(z(e,f)&&"function"!=typeof m)return l(r,o,i,f,d(m));if(!m)return new s("Invalid "+o+" `"+i+"` key `"+f+"` supplied to `"+r+"`.\nBad object: "+JSON.stringify(n[t],null," ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null," "));var y=m(a,f,r,o,i+"."+f,V);if(y)return y}return null}))}};function a(e,n){return e===n?0!==e||1/e==1/n:e!=e&&n!=n}function s(e,n){this.message=e,this.data=n&&"object"==typeof n?n:{},this.stack=""}function c(e){if("production"!==process.env.NODE_ENV)var t={},r=0;function i(i,a,c,u,l,f,p){if(u=u||o,f=f||c,p!==V){if(n){var d=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 d.name="Invariant Violation",d}if("production"!==process.env.NODE_ENV&&"undefined"!=typeof console){var m=u+":"+c;!t[m]&&r<3&&(H("You are manually calling a React.PropTypes validation function for the `"+f+"` prop on `"+u+"`. 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."),t[m]=!0,r++)}}return null==a[c]?i?null===a[c]?new s("The "+l+" `"+f+"` is marked as required in `"+u+"`, but its value is `null`."):new s("The "+l+" `"+f+"` is marked as required in `"+u+"`, but its value is `undefined`."):null:e(a,c,u,l,f)}var a=i.bind(null,!1);return a.isRequired=i.bind(null,!0),a}function u(e){return c((function(n,t,r,o,i,a){var c=n[t];return p(c)!==e?new s("Invalid "+o+" `"+i+"` of type `"+d(c)+"` supplied to `"+r+"`, expected `"+e+"`.",{expectedType:e}):null}))}function l(e,n,t,r,o){return new s((e||"React class")+": "+n+" type `"+t+"."+r+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+o+"`.")}function f(n){switch(typeof n){case"number":case"string":case"undefined":return!0;case"boolean":return!n;case"object":if(Array.isArray(n))return n.every(f);if(null===n||e(n))return!0;var o=function(e){var n=e&&(t&&e[t]||e[r]);if("function"==typeof n)return n}(n);if(!o)return!1;var i,a=o.call(n);if(o!==n.entries){for(;!(i=a.next()).done;)if(!f(i.value))return!1}else for(;!(i=a.next()).done;){var s=i.value;if(s&&!f(s[1]))return!1}return!0;default:return!1}}function p(e){var n=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":function(e,n){return"symbol"===e||!!n&&("Symbol"===n["@@toStringTag"]||"function"==typeof Symbol&&n instanceof Symbol)}(n,e)?"symbol":n}function d(e){if(null==e)return""+e;var n=p(e);if("object"===n){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return n}function m(e){var n=d(e);switch(n){case"array":case"object":return"an "+n;case"boolean":case"date":case"regexp":return"a "+n;default:return n}}return s.prototype=Error.prototype,i.checkPropTypes=Y,i.resetWarningCache=Y.resetWarningCache,i.PropTypes=i,i};function G(){}function Q(){}Q.resetWarningCache=G;var K=i((function(e){if("production"!==process.env.NODE_ENV){var n=M;e.exports=J(n.isElement,!0)}else e.exports=function(){function e(e,n,t,r,o,i){if(i!==V){var a=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 a.name="Invariant Violation",a}}function n(){return e}e.isRequired=e;var t={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:n,element:e,elementType:e,instanceOf:n,node:e,objectOf:n,oneOf:n,oneOfType:n,shape:n,exact:n,checkPropTypes:Q,resetWarningCache:G};return t.PropTypes=t,t}()}));function Z(e,n){return e.replace(new RegExp("(^|\\s)"+n+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}var ee=!1,ne="production"!==process.env.NODE_ENV?K.oneOfType([K.number,K.shape({enter:K.number,exit:K.number,appear:K.number}).isRequired]):null,te="production"!==process.env.NODE_ENV?K.oneOfType([K.string,K.shape({enter:K.string,exit:K.string,active:K.string}),K.shape({enter:K.string,enterDone:K.string,enterActive:K.string,exit:K.string,exitDone:K.string,exitActive:K.string})]):null,re=n.createContext(null),oe=function(e){return e.scrollTop},ie="unmounted",ae="exited",se="entering",ce="entered",ue="exiting",le=function(e){function r(n,t){var r;r=e.call(this,n,t)||this;var o,i=t&&!t.isMounting?n.enter:n.appear;return r.appearStatus=null,n.in?i?(o=ae,r.appearStatus=se):o=ce:o=n.unmountOnExit||n.mountOnEnter?ie:ae,r.state={status:o},r.nextCallback=null,r}l(r,e),r.getDerivedStateFromProps=function(e,n){return e.in&&n.status===ie?{status:ae}:null};var o=r.prototype;return o.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},o.componentDidUpdate=function(e){var n=null;if(e!==this.props){var t=this.state.status;this.props.in?t!==se&&t!==ce&&(n=se):t!==se&&t!==ce||(n=ue)}this.updateStatus(!1,n)},o.componentWillUnmount=function(){this.cancelNextCallback()},o.getTimeouts=function(){var e,n,t,r=this.props.timeout;return e=n=t=r,null!=r&&"number"!=typeof r&&(e=r.exit,n=r.enter,t=void 0!==r.appear?r.appear:n),{exit:e,enter:n,appear:t}},o.updateStatus=function(e,n){if(void 0===e&&(e=!1),null!==n)if(this.cancelNextCallback(),n===se){if(this.props.unmountOnExit||this.props.mountOnEnter){var r=this.props.nodeRef?this.props.nodeRef.current:t.findDOMNode(this);r&&oe(r)}this.performEnter(e)}else this.performExit();else this.props.unmountOnExit&&this.state.status===ae&&this.setState({status:ie})},o.performEnter=function(e){var n=this,r=this.props.enter,o=this.context?this.context.isMounting:e,i=this.props.nodeRef?[o]:[t.findDOMNode(this),o],a=i[0],s=i[1],c=this.getTimeouts(),u=o?c.appear:c.enter;!e&&!r||ee?this.safeSetState({status:ce},(function(){n.props.onEntered(a)})):(this.props.onEnter(a,s),this.safeSetState({status:se},(function(){n.props.onEntering(a,s),n.onTransitionEnd(u,(function(){n.safeSetState({status:ce},(function(){n.props.onEntered(a,s)}))}))})))},o.performExit=function(){var e=this,n=this.props.exit,r=this.getTimeouts(),o=this.props.nodeRef?void 0:t.findDOMNode(this);n&&!ee?(this.props.onExit(o),this.safeSetState({status:ue},(function(){e.props.onExiting(o),e.onTransitionEnd(r.exit,(function(){e.safeSetState({status:ae},(function(){e.props.onExited(o)}))}))}))):this.safeSetState({status:ae},(function(){e.props.onExited(o)}))},o.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},o.safeSetState=function(e,n){n=this.setNextCallback(n),this.setState(e,n)},o.setNextCallback=function(e){var n=this,t=!0;return this.nextCallback=function(r){t&&(t=!1,n.nextCallback=null,e(r))},this.nextCallback.cancel=function(){t=!1},this.nextCallback},o.onTransitionEnd=function(e,n){this.setNextCallback(n);var r=this.props.nodeRef?this.props.nodeRef.current:t.findDOMNode(this),o=null==e&&!this.props.addEndListener;if(r&&!o){if(this.props.addEndListener){var i=this.props.nodeRef?[this.nextCallback]:[r,this.nextCallback],a=i[0],s=i[1];this.props.addEndListener(a,s)}null!=e&&setTimeout(this.nextCallback,e)}else setTimeout(this.nextCallback,0)},o.render=function(){var e=this.state.status;if(e===ie)return null;var t=this.props,r=t.children;t.in,t.mountOnEnter,t.unmountOnExit,t.appear,t.enter,t.exit,t.timeout,t.addEndListener,t.onEnter,t.onEntering,t.onEntered,t.onExit,t.onExiting,t.onExited,t.nodeRef;var o=c(t,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]);return n.createElement(re.Provider,{value:null},"function"==typeof r?r(e,o):n.cloneElement(n.Children.only(r),o))},r}(n.Component);function fe(){}le.contextType=re,le.propTypes="production"!==process.env.NODE_ENV?{nodeRef:K.shape({current:"undefined"==typeof Element?K.any:function(e,n,t,r,o,i){var a=e[n];return K.instanceOf(a&&"ownerDocument"in a?a.ownerDocument.defaultView.Element:Element)(e,n,t,r,o,i)}}),children:K.oneOfType([K.func.isRequired,K.element.isRequired]).isRequired,in:K.bool,mountOnEnter:K.bool,unmountOnExit:K.bool,appear:K.bool,enter:K.bool,exit:K.bool,timeout:function(e){var n=ne;e.addEndListener||(n=n.isRequired);for(var t=arguments.length,r=new Array(t>1?t-1:0),o=1;o<t;o++)r[o-1]=arguments[o];return n.apply(void 0,[e].concat(r))},addEndListener:K.func,onEnter:K.func,onEntering:K.func,onEntered:K.func,onExit:K.func,onExiting:K.func,onExited:K.func}:{},le.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:fe,onEntering:fe,onEntered:fe,onExit:fe,onExiting:fe,onExited:fe},le.UNMOUNTED=ie,le.EXITED=ae,le.ENTERING=se,le.ENTERED=ce,le.EXITING=ue;var pe=le,de=function(e,n){return e&&n&&n.split(" ").forEach((function(n){return r=n,void((t=e).classList?t.classList.add(r):function(e,n){return e.classList?!!n&&e.classList.contains(n):-1!==(" "+(e.className.baseVal||e.className)+" ").indexOf(" "+n+" ")}(t,r)||("string"==typeof t.className?t.className=t.className+" "+r:t.setAttribute("class",(t.className&&t.className.baseVal||"")+" "+r)));var t,r}))},me=function(e,n){return e&&n&&n.split(" ").forEach((function(n){return r=n,void((t=e).classList?t.classList.remove(r):"string"==typeof t.className?t.className=Z(t.className,r):t.setAttribute("class",Z(t.className&&t.className.baseVal||"",r)));var t,r}))},ye=function(e){function t(){for(var n,t=arguments.length,r=new Array(t),o=0;o<t;o++)r[o]=arguments[o];return(n=e.call.apply(e,[this].concat(r))||this).appliedClasses={appear:{},enter:{},exit:{}},n.onEnter=function(e,t){var r=n.resolveArguments(e,t),o=r[0],i=r[1];n.removeClasses(o,"exit"),n.addClass(o,i?"appear":"enter","base"),n.props.onEnter&&n.props.onEnter(e,t)},n.onEntering=function(e,t){var r=n.resolveArguments(e,t),o=r[0],i=r[1]?"appear":"enter";n.addClass(o,i,"active"),n.props.onEntering&&n.props.onEntering(e,t)},n.onEntered=function(e,t){var r=n.resolveArguments(e,t),o=r[0],i=r[1]?"appear":"enter";n.removeClasses(o,i),n.addClass(o,i,"done"),n.props.onEntered&&n.props.onEntered(e,t)},n.onExit=function(e){var t=n.resolveArguments(e)[0];n.removeClasses(t,"appear"),n.removeClasses(t,"enter"),n.addClass(t,"exit","base"),n.props.onExit&&n.props.onExit(e)},n.onExiting=function(e){var t=n.resolveArguments(e)[0];n.addClass(t,"exit","active"),n.props.onExiting&&n.props.onExiting(e)},n.onExited=function(e){var t=n.resolveArguments(e)[0];n.removeClasses(t,"exit"),n.addClass(t,"exit","done"),n.props.onExited&&n.props.onExited(e)},n.resolveArguments=function(e,t){return n.props.nodeRef?[n.props.nodeRef.current,e]:[e,t]},n.getClassNames=function(e){var t=n.props.classNames,r="string"==typeof t,o=r?""+(r&&t?t+"-":"")+e:t[e];return{baseClassName:o,activeClassName:r?o+"-active":t[e+"Active"],doneClassName:r?o+"-done":t[e+"Done"]}},n}l(t,e);var r=t.prototype;return r.addClass=function(e,n,t){var r=this.getClassNames(n)[t+"ClassName"],o=this.getClassNames("enter").doneClassName;"appear"===n&&"done"===t&&o&&(r+=" "+o),"active"===t&&e&&oe(e),r&&(this.appliedClasses[n][t]=r,de(e,r))},r.removeClasses=function(e,n){var t=this.appliedClasses[n],r=t.base,o=t.active,i=t.done;this.appliedClasses[n]={},r&&me(e,r),o&&me(e,o),i&&me(e,i)},r.render=function(){var e=this.props;e.classNames;var t=c(e,["classNames"]);return n.createElement(pe,s({},t,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},t}(n.Component);ye.defaultProps={classNames:""},ye.propTypes="production"!==process.env.NODE_ENV?s({},pe.propTypes,{classNames:te,onEnter:K.func,onEntering:K.func,onEntered:K.func,onExit:K.func,onExiting:K.func,onExited:K.func}):{};var ve=function(t){var r=t.children,o=t.isVisible,i=t.timeout,a=t.className,s=n.useRef(null);return e.jsx(ye,{nodeRef:s,in:o,timeout:i,classNames:a,unmountOnExit:!0,children:r})},he=function(e,n){var t,r;return function(){for(var o=[],i=0;i<arguments.length;i++)o[i]=arguments[i];var a=this;r?(clearTimeout(t),t=setTimeout((function(){Date.now()-r>=n&&(e.apply(a,o),r=Date.now())}),n-(Date.now()-r))):(e.apply(a,o),r=Date.now())}},be={},xe={},Ee=function(e,n,t){var r="_".concat(Math.random().toString(36).substr(2,9));return be[r]={id:e,showMenu:n,hideMenu:t},e},ge=function(e){xe.id!==e&&"ID_NOT_REQUIRED"!==e||(xe.hideMenu&&xe.hideMenu(),xe={})},Oe=function(t){var o=t.children,i=t.onClick,s=t.disabled,c=void 0!==s&&s,u=t.preventClose,l=void 0!==u&&u,f=t.className,p=function(e,n){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)n.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(t[r[o]]=e[r[o]])}return t}(t,["children","onClick","disabled","preventClose","className"]),d=n.useRef(null),m=n.useCallback((function(e){c||(i&&i(e),l||ge("ID_NOT_REQUIRED"))}),[c,i,l]);return e.jsx("div",r({className:a("contextmenu__item",{"contextmenu__item--disabled":c},f),onClick:m,ref:d},p,{children:o}))};Oe.Submenu=function(t){var i=t.children,s=t.element,c=t.attributes,u=t.className,l=void 0===u?"":u,f=n.useState(null),p=f[0],d=f[1],m=n.useRef(null),y=n.useRef(null),v=n.useCallback((function(){if(y.current&&m.current){var e=window.innerHeight,n=window.innerWidth,t=y.current.getBoundingClientRect(),o=t.left,i=t.top,a=t.width,s=t.height,c=m.current.getBoundingClientRect(),u=c.width,l={opacity:1,visibility:"visible"};i+c.height+s>e&&(l=r(r({},l),{top:"inherit",bottom:"0"})),o+u+a>n&&(l=r(r({},l),{left:"inherit",right:"100%"})),d(l)}}),[]),h=n.useCallback((function(){d({opacity:0,visibility:"hidden"})}),[]);return e.jsxs("div",r({className:a.apply(void 0,o(["submenu"],l.split(" "),!1)),onMouseOver:v,onMouseOut:h,ref:y},c,{children:[e.jsx(Oe,{children:s}),e.jsx("div",{className:"submenu__item",ref:m,style:null!=p?p:void 0,children:i})]}))};exports.ContextMenu=function(o){var i=o.children,s=o.id,c=o.appendTo,u=o.hideOnLeave,l=o.preventHideOnResize,f=o.preventHideOnScroll,p=o.attributes,d=o.className,m=o.animation,y=o.onMouseLeave,v=o.onHide,h=o.onShow,b=n.useRef(null),x=n.useState(!1),E=x[0],g=x[1],O=n.useState(null),S=O[0],C=O[1],w=function(e){var n=e.position;g(!0),C(n)},N=function(){g(!1),v&&v(S)},T=n.useCallback((function(e){e.preventDefault(),y&&y(e),u&&ge(s)}),[u,s,y]),j=function(e){b.current&&!b.current.contains(e.target)&&ge(s)},P=function(e){var n=e.target;do{if(n.classList&&n.classList.contains("menu-trigger"))return;n=n.parentElement}while(n);ge(s)},R=he((function(){ge(s)}),200),_=he((function(){ge(s)}),200);n.useEffect((function(){return Ee(s,w,N),document.addEventListener("mousedown",j),document.addEventListener("contextmenu",P),f||window.addEventListener("scroll",R),l||window.addEventListener("resize",_),function(){document.removeEventListener("mousedown",j),document.removeEventListener("contextmenu",P),window.removeEventListener("scroll",R),window.removeEventListener("resize",_)}}),[s,f,l,R,_]),n.useEffect((function(){if(E&&S&&b.current){var e=S.clientY,n=S.clientX,t=window.innerHeight,r=window.innerWidth,o=b.current,i=o.offsetHeight,a=o.offsetWidth,s=e,c=n;t<e+i&&(s=e-i),r<n+a&&(c=n-a),b.current.style.top="".concat(s+2,"px"),b.current.style.left="".concat(c+2,"px"),h&&h(S)}}),[E,S,h]);var k=n.Children.map(i,(function(e){return n.isValidElement(e)?n.cloneElement(e,{id:s}):e})),$=function(){return e.jsx("div",r({className:a("contextmenu",d),ref:b,onMouseLeave:T},p,{children:k}))},M=function(){return t.createPortal(e.jsx($,{}),document.querySelector(c))};return"complete"===document.readyState&&c?m?e.jsx(ve,{isVisible:E,timeout:200,className:m,children:e.jsx(M,{})}):e.jsx(M,{}):m?e.jsx(ve,{isVisible:E,timeout:200,className:m,children:e.jsx($,{})}):e.jsx($,{})},exports.ContextMenuItem=Oe,exports.ContextMenuTrigger=function(t){var o=t.as,i=void 0===o?"div":o,s=t.children,c=t.id,u=t.disableWhileShiftPressed,l=t.attributes,f=t.disable,p=t.className,d=t.onClick,m=n.useRef(null),y=n.useCallback((function(e){if(!f)if(u&&e.nativeEvent.shiftKey)ge(c);else{e.preventDefault(),e.stopPropagation();var n=e.nativeEvent,t=n.clientX;!function(e){xe.hideMenu&&xe.hideMenu(),Object.keys(be).forEach((function(n){be[n].id&&be[n].id===e.id&&(be[n].showMenu(e),xe=be[n])}))}({position:{clientY:n.clientY,clientX:t},id:c})}}),[c,f,u]);return e.jsx(i,r({className:a("menu-trigger",p),ref:m},l,{onClick:function(e){return d&&d(e)},onContextMenu:function(e){return y(e)},children:s}))};