@sisense/sdk-shared-ui 2.7.0 → 2.9.0

package/package.json

@@ -6,7 +6,7 @@
     "url": "https://github.com/sisense/compose-sdk-monorepo",
     "directory": "packages/sdk-shared-ui"
   },
-  "version": "2.7.0",
+  "version": "2.9.0",
   "type": "module",
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -194,16 +194,15 @@
     "@storybook/react-vite": "^8.4.7",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
-    "@types/react": "18.3.1",
-    "@types/react-custom-scrollbars": "^4.0.13",
-    "@types/react-dom": "18.3.1",
+    "@types/react": "19.1.9",
+    "@types/react-dom": "19.1.7",
     "@vitejs/plugin-react": "^4.3.3",
-    "@vitest/coverage-v8": "^2.1.9",
+    "@vitest/coverage-v8": "^3.2.4",
     "classnames": "^2.3.1",
     "eslint": "^8.40.0",
     "prettier": "3.3.3",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
     "rollup-plugin-copy": "^3.5.0",
     "sass": "^1.83.0",
     "storybook": "^8.4.7",
@@ -212,7 +211,7 @@
     "vite": "^5.4.11",
     "vite-plugin-css-injected-by-js": "^3.5.1",
     "vite-plugin-dts": "^4.3.0",
-    "vitest": "^2.1.9"
+    "vitest": "^3.2.4"
   },
   "peerDependencies": {
     "classnames": "^2.3.1",
@@ -242,7 +241,7 @@
     "@rc-component/tooltip": "^1.2.0",
     "classnames": "^2.5.1",
     "prop-types": "^15.8.1",
-    "react-custom-scrollbars": "^4.2.1",
-    "react-use": "^17.6.0"
+    "react-use": "^17.6.0",
+    "simplebar-react": "^3.3.2"
   }
 }

package/dist/Menu-CgLII61r.cjs

@@ -1 +0,0 @@
-"use strict";const v=require("react/jsx-runtime"),E=require("classnames"),ce=require("react"),we=require("./index-B-zZeebW.cjs"),Ge=require("./LazyLoader-gOLNhxc-.cjs"),Se=require("./Popover-DHy8NRMc.cjs"),J=require("./styleguideConstants-CtXkvIZK.cjs"),Ye=require("./DEPRECATED_Checkbox-BggU0HO5.cjs"),oe=require("./DEPRECATED_Icon-DC1Hc9iB.cjs"),Ze=require("./DEPRECATED_Toggle-Dp0ZZ_6E.cjs"),Qe=require("./DEPRECATED_Tooltip-DL3MmzWZ.cjs"),Je=require("./RadioButton-Ds-0wj0r.cjs");var Le={},ze={},de={exports:{}},K={exports:{}};(function(){var n,o,e,i,u,d;typeof performance<"u"&&performance!==null&&performance.now?K.exports=function(){return performance.now()}:typeof process<"u"&&process!==null&&process.hrtime?(K.exports=function(){return(n()-u)/1e6},o=process.hrtime,n=function(){var c;return c=o(),c[0]*1e9+c[1]},i=n(),d=process.uptime()*1e9,u=i-d):Date.now?(K.exports=function(){return Date.now()-e},e=Date.now()):(K.exports=function(){return new Date().getTime()-e},e=new Date().getTime())}).call(we.commonjsGlobal);var Ke=K.exports,et=Ke,V=typeof window>"u"?we.commonjsGlobal:window,ie=["moz","webkit"],$="AnimationFrame",G=V["request"+$],te=V["cancel"+$]||V["cancelRequest"+$];for(var Q=0;!G&&Q<ie.length;Q++)G=V[ie[Q]+"Request"+$],te=V[ie[Q]+"Cancel"+$]||V[ie[Q]+"CancelRequest"+$];if(!G||!te){var ye=0,De=0,q=[],tt=1e3/60;G=function(n){if(q.length===0){var o=et(),e=Math.max(0,tt-(o-ye));ye=e+o,setTimeout(function(){var i=q.slice(0);q.length=0;for(var u=0;u<i.length;u++)if(!i[u].cancelled)try{i[u].callback(ye)}catch(d){setTimeout(function(){throw d},0)}},Math.round(e))}return q.push({handle:++De,callback:n,cancelled:!1}),De},te=function(n){for(var o=0;o<q.length;o++)q[o].handle===n&&(q[o].cancelled=!0)}}de.exports=function(n){return G.call(V,n)};de.exports.cancel=function(){te.apply(V,arguments)};de.exports.polyfill=function(n){n||(n=V),n.requestAnimationFrame=G,n.cancelAnimationFrame=te};var rt=de.exports,he={exports:{}},ke=null,Ee=["Webkit","Moz","O","ms"],nt=function(o){ke||(ke=document.createElement("div"));var e=ke.style;if(o in e)return o;for(var i=o.charAt(0).toUpperCase()+o.slice(1),u=Ee.length;u>=0;u--){var d=Ee[u]+i;if(d in e)return d}return!1},ot=st,it=/\s/,at=/(_|-|\.|:)/,lt=/([a-z][A-Z]|[A-Z][a-z])/;function st(n){return it.test(n)?n.toLowerCase():at.test(n)?(ct(n)||n).toLowerCase():lt.test(n)?ht(n).toLowerCase():n.toLowerCase()}var ut=/[\W_]+(.|$)/g;function ct(n){return n.replace(ut,function(o,e){return e?" "+e:""})}var dt=/(.)([A-Z]+)/g;function ht(n){return n.replace(dt,function(o,e,i){return e+" "+i.toLowerCase().split("").join(" ")})}var ft=ot,vt=mt;function mt(n){return ft(n).replace(/[\W_]+(.|$)/g,function(o,e){return e?" "+e:""}).trim()}var pt=vt,gt=bt;function bt(n){return pt(n).replace(/\s(\w)/g,function(o,e){return e.toUpperCase()})}var Tt={animationIterationCount:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridRow:!0,gridColumn:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,stopOpacity:!0,strokeDashoffset:!0,strokeOpacity:!0,strokeWidth:!0},_t=function(n,o){return typeof o=="number"&&!Tt[n]?o+"px":o},St=nt,yt=gt,ae={float:"cssFloat"},kt=_t;function le(n,o,e){var i=ae[o];if(typeof i>"u"&&(i=wt(o)),i){if(e===void 0)return n.style[i];n.style[i]=kt(i,e)}}function Ht(n,o){for(var e in o)o.hasOwnProperty(e)&&le(n,e,o[e])}function wt(n){var o=yt(n),e=St(o);return ae[o]=ae[n]=ae[e]=e,e}function Ie(){arguments.length===2?typeof arguments[1]=="string"?arguments[0].style.cssText=arguments[1]:Ht(arguments[0],arguments[1]):le(arguments[0],arguments[1],arguments[2])}he.exports=Ie;he.exports.set=Ie;he.exports.get=function(n,o){return Array.isArray(o)?o.reduce(function(e,i){return e[i]=le(n,i||""),e},{}):le(n,o||"")};var Ve=he.exports,Oe={};(function(n){Object.defineProperty(n,"__esModule",{value:!0}),n.default=o;function o(e){return typeof e=="string"}})(Oe);var We={};(function(n){Object.defineProperty(n,"__esModule",{value:!0}),n.default=d;var o=Ve,e=i(o);function i(c){return c&&c.__esModule?c:{default:c}}var u=!1;function d(){if(u!==!1)return u;if(typeof document<"u"){var c=document.createElement("div");(0,e.default)(c,{width:100,height:100,position:"absolute",top:-9999,overflow:"scroll",MsOverflowStyle:"scrollbar"}),document.body.appendChild(c),u=c.offsetWidth-c.clientWidth,document.body.removeChild(c)}else u=0;return u||0}})(We);var Re={};(function(n){Object.defineProperty(n,"__esModule",{value:!0}),n.default=o;function o(){return!1}})(Re);var Ne={};(function(n){Object.defineProperty(n,"__esModule",{value:!0}),n.default=o;function o(e){var i=e.clientWidth,u=getComputedStyle(e),d=u.paddingLeft,c=u.paddingRight;return i-parseFloat(d)-parseFloat(c)}})(Ne);var Pe={};(function(n){Object.defineProperty(n,"__esModule",{value:!0}),n.default=o;function o(e){var i=e.clientHeight,u=getComputedStyle(e),d=u.paddingTop,c=u.paddingBottom;return i-parseFloat(d)-parseFloat(c)}})(Pe);var H={};Object.defineProperty(H,"__esModule",{value:!0});H.containerStyleDefault={position:"relative",overflow:"hidden",width:"100%",height:"100%"};H.containerStyleAutoHeight={height:"auto"};H.viewStyleDefault={position:"absolute",top:0,left:0,right:0,bottom:0,overflow:"scroll",WebkitOverflowScrolling:"touch"};H.viewStyleAutoHeight={position:"relative",top:void 0,left:void 0,right:void 0,bottom:void 0};H.viewStyleUniversalInitial={overflow:"hidden",marginRight:0,marginBottom:0};H.trackHorizontalStyleDefault={position:"absolute",height:6};H.trackVerticalStyleDefault={position:"absolute",width:6};H.thumbHorizontalStyleDefault={position:"relative",display:"block",height:"100%"};H.thumbVerticalStyleDefault={position:"relative",display:"block",width:"100%"};H.disableSelectStyle={userSelect:"none"};H.disableSelectStyleReset={userSelect:""};var U={};Object.defineProperty(U,"__esModule",{value:!0});var F=Object.assign||function(n){for(var o=1;o<arguments.length;o++){var e=arguments[o];for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(n[i]=e[i])}return n};U.renderViewDefault=Dt;U.renderTrackHorizontalDefault=Et;U.renderTrackVerticalDefault=xt;U.renderThumbHorizontalDefault=Lt;U.renderThumbVerticalDefault=zt;var Mt=ce,re=Ct(Mt);function Ct(n){return n&&n.__esModule?n:{default:n}}function fe(n,o){var e={};for(var i in n)o.indexOf(i)>=0||Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);return e}function Dt(n){return re.default.createElement("div",n)}function Et(n){var o=n.style,e=fe(n,["style"]),i=F({},o,{right:2,bottom:2,left:2,borderRadius:3});return re.default.createElement("div",F({style:i},e))}function xt(n){var o=n.style,e=fe(n,["style"]),i=F({},o,{right:2,bottom:2,top:2,borderRadius:3});return re.default.createElement("div",F({style:i},e))}function Lt(n){var o=n.style,e=fe(n,["style"]),i=F({},o,{cursor:"pointer",borderRadius:"inherit",backgroundColor:"rgba(0,0,0,.2)"});return re.default.createElement("div",F({style:i},e))}function zt(n){var o=n.style,e=fe(n,["style"]),i=F({},o,{cursor:"pointer",borderRadius:"inherit",backgroundColor:"rgba(0,0,0,.2)"});return re.default.createElement("div",F({style:i},e))}(function(n){Object.defineProperty(n,"__esModule",{value:!0});var o=Object.assign||function(g){for(var m=1;m<arguments.length;m++){var l=arguments[m];for(var r in l)Object.prototype.hasOwnProperty.call(l,r)&&(g[r]=l[r])}return g},e=function(){function g(m,l){for(var r=0;r<l.length;r++){var a=l[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(m,a.key,a)}}return function(m,l,r){return l&&g(m.prototype,l),r&&g(m,r),m}}(),i=rt,u=R(i),d=Ve,c=R(d),y=ce,x=we.propTypesExports,f=R(x),O=Oe,I=R(O),k=We,b=R(k),w=Re,W=R(w),Ae=Ne,ve=R(Ae),je=Pe,me=R(je),M=H,Y=U;function R(g){return g&&g.__esModule?g:{default:g}}function Be(g,m){var l={};for(var r in g)m.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(g,r)&&(l[r]=g[r]);return l}function Fe(g,m){if(!(g instanceof m))throw new TypeError("Cannot call a class as a function")}function qe(g,m){if(!g)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return m&&(typeof m=="object"||typeof m=="function")?m:g}function Ue(g,m){if(typeof m!="function"&&m!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof m);g.prototype=Object.create(m&&m.prototype,{constructor:{value:g,enumerable:!1,writable:!0,configurable:!0}}),m&&(Object.setPrototypeOf?Object.setPrototypeOf(g,m):g.__proto__=m)}var pe=function(g){Ue(m,g);function m(l){var r;Fe(this,m);for(var a=arguments.length,s=Array(a>1?a-1:0),h=1;h<a;h++)s[h-1]=arguments[h];var t=qe(this,(r=m.__proto__||Object.getPrototypeOf(m)).call.apply(r,[this,l].concat(s)));return t.getScrollLeft=t.getScrollLeft.bind(t),t.getScrollTop=t.getScrollTop.bind(t),t.getScrollWidth=t.getScrollWidth.bind(t),t.getScrollHeight=t.getScrollHeight.bind(t),t.getClientWidth=t.getClientWidth.bind(t),t.getClientHeight=t.getClientHeight.bind(t),t.getValues=t.getValues.bind(t),t.getThumbHorizontalWidth=t.getThumbHorizontalWidth.bind(t),t.getThumbVerticalHeight=t.getThumbVerticalHeight.bind(t),t.getScrollLeftForOffset=t.getScrollLeftForOffset.bind(t),t.getScrollTopForOffset=t.getScrollTopForOffset.bind(t),t.scrollLeft=t.scrollLeft.bind(t),t.scrollTop=t.scrollTop.bind(t),t.scrollToLeft=t.scrollToLeft.bind(t),t.scrollToTop=t.scrollToTop.bind(t),t.scrollToRight=t.scrollToRight.bind(t),t.scrollToBottom=t.scrollToBottom.bind(t),t.handleTrackMouseEnter=t.handleTrackMouseEnter.bind(t),t.handleTrackMouseLeave=t.handleTrackMouseLeave.bind(t),t.handleHorizontalTrackMouseDown=t.handleHorizontalTrackMouseDown.bind(t),t.handleVerticalTrackMouseDown=t.handleVerticalTrackMouseDown.bind(t),t.handleHorizontalThumbMouseDown=t.handleHorizontalThumbMouseDown.bind(t),t.handleVerticalThumbMouseDown=t.handleVerticalThumbMouseDown.bind(t),t.handleWindowResize=t.handleWindowResize.bind(t),t.handleScroll=t.handleScroll.bind(t),t.handleDrag=t.handleDrag.bind(t),t.handleDragEnd=t.handleDragEnd.bind(t),t.state={didMountUniversal:!1},t}return e(m,[{key:"componentDidMount",value:function(){this.addListeners(),this.update(),this.componentDidMountUniversal()}},{key:"componentDidMountUniversal",value:function(){var r=this.props.universal;r&&this.setState({didMountUniversal:!0})}},{key:"componentDidUpdate",value:function(){this.update()}},{key:"componentWillUnmount",value:function(){this.removeListeners(),(0,i.cancel)(this.requestFrame),clearTimeout(this.hideTracksTimeout),clearInterval(this.detectScrollingInterval)}},{key:"getScrollLeft",value:function(){return this.view?this.view.scrollLeft:0}},{key:"getScrollTop",value:function(){return this.view?this.view.scrollTop:0}},{key:"getScrollWidth",value:function(){return this.view?this.view.scrollWidth:0}},{key:"getScrollHeight",value:function(){return this.view?this.view.scrollHeight:0}},{key:"getClientWidth",value:function(){return this.view?this.view.clientWidth:0}},{key:"getClientHeight",value:function(){return this.view?this.view.clientHeight:0}},{key:"getValues",value:function(){var r=this.view||{},a=r.scrollLeft,s=a===void 0?0:a,h=r.scrollTop,t=h===void 0?0:h,p=r.scrollWidth,T=p===void 0?0:p,S=r.scrollHeight,N=S===void 0?0:S,L=r.clientWidth,P=L===void 0?0:L,C=r.clientHeight,z=C===void 0?0:C;return{left:s/(T-P)||0,top:t/(N-z)||0,scrollLeft:s,scrollTop:t,scrollWidth:T,scrollHeight:N,clientWidth:P,clientHeight:z}}},{key:"getThumbHorizontalWidth",value:function(){var r=this.props,a=r.thumbSize,s=r.thumbMinSize,h=this.view,t=h.scrollWidth,p=h.clientWidth,T=(0,ve.default)(this.trackHorizontal),S=Math.ceil(p/t*T);return T===S?0:a||Math.max(S,s)}},{key:"getThumbVerticalHeight",value:function(){var r=this.props,a=r.thumbSize,s=r.thumbMinSize,h=this.view,t=h.scrollHeight,p=h.clientHeight,T=(0,me.default)(this.trackVertical),S=Math.ceil(p/t*T);return T===S?0:a||Math.max(S,s)}},{key:"getScrollLeftForOffset",value:function(r){var a=this.view,s=a.scrollWidth,h=a.clientWidth,t=(0,ve.default)(this.trackHorizontal),p=this.getThumbHorizontalWidth();return r/(t-p)*(s-h)}},{key:"getScrollTopForOffset",value:function(r){var a=this.view,s=a.scrollHeight,h=a.clientHeight,t=(0,me.default)(this.trackVertical),p=this.getThumbVerticalHeight();return r/(t-p)*(s-h)}},{key:"scrollLeft",value:function(){var r=arguments.length>0&&arguments[0]!==void 0?arguments[0]:0;this.view&&(this.view.scrollLeft=r)}},{key:"scrollTop",value:function(){var r=arguments.length>0&&arguments[0]!==void 0?arguments[0]:0;this.view&&(this.view.scrollTop=r)}},{key:"scrollToLeft",value:function(){this.view&&(this.view.scrollLeft=0)}},{key:"scrollToTop",value:function(){this.view&&(this.view.scrollTop=0)}},{key:"scrollToRight",value:function(){this.view&&(this.view.scrollLeft=this.view.scrollWidth)}},{key:"scrollToBottom",value:function(){this.view&&(this.view.scrollTop=this.view.scrollHeight)}},{key:"addListeners",value:function(){if(!(typeof document>"u"||!this.view)){var r=this.view,a=this.trackHorizontal,s=this.trackVertical,h=this.thumbHorizontal,t=this.thumbVertical;r.addEventListener("scroll",this.handleScroll),(0,b.default)()&&(a.addEventListener("mouseenter",this.handleTrackMouseEnter),a.addEventListener("mouseleave",this.handleTrackMouseLeave),a.addEventListener("mousedown",this.handleHorizontalTrackMouseDown),s.addEventListener("mouseenter",this.handleTrackMouseEnter),s.addEventListener("mouseleave",this.handleTrackMouseLeave),s.addEventListener("mousedown",this.handleVerticalTrackMouseDown),h.addEventListener("mousedown",this.handleHorizontalThumbMouseDown),t.addEventListener("mousedown",this.handleVerticalThumbMouseDown),window.addEventListener("resize",this.handleWindowResize))}}},{key:"removeListeners",value:function(){if(!(typeof document>"u"||!this.view)){var r=this.view,a=this.trackHorizontal,s=this.trackVertical,h=this.thumbHorizontal,t=this.thumbVertical;r.removeEventListener("scroll",this.handleScroll),(0,b.default)()&&(a.removeEventListener("mouseenter",this.handleTrackMouseEnter),a.removeEventListener("mouseleave",this.handleTrackMouseLeave),a.removeEventListener("mousedown",this.handleHorizontalTrackMouseDown),s.removeEventListener("mouseenter",this.handleTrackMouseEnter),s.removeEventListener("mouseleave",this.handleTrackMouseLeave),s.removeEventListener("mousedown",this.handleVerticalTrackMouseDown),h.removeEventListener("mousedown",this.handleHorizontalThumbMouseDown),t.removeEventListener("mousedown",this.handleVerticalThumbMouseDown),window.removeEventListener("resize",this.handleWindowResize),this.teardownDragging())}}},{key:"handleScroll",value:function(r){var a=this,s=this.props,h=s.onScroll,t=s.onScrollFrame;h&&h(r),this.update(function(p){var T=p.scrollLeft,S=p.scrollTop;a.viewScrollLeft=T,a.viewScrollTop=S,t&&t(p)}),this.detectScrolling()}},{key:"handleScrollStart",value:function(){var r=this.props.onScrollStart;r&&r(),this.handleScrollStartAutoHide()}},{key:"handleScrollStartAutoHide",value:function(){var r=this.props.autoHide;r&&this.showTracks()}},{key:"handleScrollStop",value:function(){var r=this.props.onScrollStop;r&&r(),this.handleScrollStopAutoHide()}},{key:"handleScrollStopAutoHide",value:function(){var r=this.props.autoHide;r&&this.hideTracks()}},{key:"handleWindowResize",value:function(){this.update()}},{key:"handleHorizontalTrackMouseDown",value:function(r){r.preventDefault();var a=r.target,s=r.clientX,h=a.getBoundingClientRect(),t=h.left,p=this.getThumbHorizontalWidth(),T=Math.abs(t-s)-p/2;this.view.scrollLeft=this.getScrollLeftForOffset(T)}},{key:"handleVerticalTrackMouseDown",value:function(r){r.preventDefault();var a=r.target,s=r.clientY,h=a.getBoundingClientRect(),t=h.top,p=this.getThumbVerticalHeight(),T=Math.abs(t-s)-p/2;this.view.scrollTop=this.getScrollTopForOffset(T)}},{key:"handleHorizontalThumbMouseDown",value:function(r){r.preventDefault(),this.handleDragStart(r);var a=r.target,s=r.clientX,h=a.offsetWidth,t=a.getBoundingClientRect(),p=t.left;this.prevPageX=h-(s-p)}},{key:"handleVerticalThumbMouseDown",value:function(r){r.preventDefault(),this.handleDragStart(r);var a=r.target,s=r.clientY,h=a.offsetHeight,t=a.getBoundingClientRect(),p=t.top;this.prevPageY=h-(s-p)}},{key:"setupDragging",value:function(){(0,c.default)(document.body,M.disableSelectStyle),document.addEventListener("mousemove",this.handleDrag),document.addEventListener("mouseup",this.handleDragEnd),document.onselectstart=W.default}},{key:"teardownDragging",value:function(){(0,c.default)(document.body,M.disableSelectStyleReset),document.removeEventListener("mousemove",this.handleDrag),document.removeEventListener("mouseup",this.handleDragEnd),document.onselectstart=void 0}},{key:"handleDragStart",value:function(r){this.dragging=!0,r.stopImmediatePropagation(),this.setupDragging()}},{key:"handleDrag",value:function(r){if(this.prevPageX){var a=r.clientX,s=this.trackHorizontal.getBoundingClientRect(),h=s.left,t=this.getThumbHorizontalWidth(),p=t-this.prevPageX,T=-h+a-p;this.view.scrollLeft=this.getScrollLeftForOffset(T)}if(this.prevPageY){var S=r.clientY,N=this.trackVertical.getBoundingClientRect(),L=N.top,P=this.getThumbVerticalHeight(),C=P-this.prevPageY,z=-L+S-C;this.view.scrollTop=this.getScrollTopForOffset(z)}return!1}},{key:"handleDragEnd",value:function(){this.dragging=!1,this.prevPageX=this.prevPageY=0,this.teardownDragging(),this.handleDragEndAutoHide()}},{key:"handleDragEndAutoHide",value:function(){var r=this.props.autoHide;r&&this.hideTracks()}},{key:"handleTrackMouseEnter",value:function(){this.trackMouseOver=!0,this.handleTrackMouseEnterAutoHide()}},{key:"handleTrackMouseEnterAutoHide",value:function(){var r=this.props.autoHide;r&&this.showTracks()}},{key:"handleTrackMouseLeave",value:function(){this.trackMouseOver=!1,this.handleTrackMouseLeaveAutoHide()}},{key:"handleTrackMouseLeaveAutoHide",value:function(){var r=this.props.autoHide;r&&this.hideTracks()}},{key:"showTracks",value:function(){clearTimeout(this.hideTracksTimeout),(0,c.default)(this.trackHorizontal,{opacity:1}),(0,c.default)(this.trackVertical,{opacity:1})}},{key:"hideTracks",value:function(){var r=this;if(!this.dragging&&!this.scrolling&&!this.trackMouseOver){var a=this.props.autoHideTimeout;clearTimeout(this.hideTracksTimeout),this.hideTracksTimeout=setTimeout(function(){(0,c.default)(r.trackHorizontal,{opacity:0}),(0,c.default)(r.trackVertical,{opacity:0})},a)}}},{key:"detectScrolling",value:function(){var r=this;this.scrolling||(this.scrolling=!0,this.handleScrollStart(),this.detectScrollingInterval=setInterval(function(){r.lastViewScrollLeft===r.viewScrollLeft&&r.lastViewScrollTop===r.viewScrollTop&&(clearInterval(r.detectScrollingInterval),r.scrolling=!1,r.handleScrollStop()),r.lastViewScrollLeft=r.viewScrollLeft,r.lastViewScrollTop=r.viewScrollTop},100))}},{key:"raf",value:function(r){var a=this;this.requestFrame&&u.default.cancel(this.requestFrame),this.requestFrame=(0,u.default)(function(){a.requestFrame=void 0,r()})}},{key:"update",value:function(r){var a=this;this.raf(function(){return a._update(r)})}},{key:"_update",value:function(r){var a=this.props,s=a.onUpdate,h=a.hideTracksWhenNotNeeded,t=this.getValues();if((0,b.default)()){var p=t.scrollLeft,T=t.clientWidth,S=t.scrollWidth,N=(0,ve.default)(this.trackHorizontal),L=this.getThumbHorizontalWidth(),P=p/(S-T)*(N-L),C={width:L,transform:"translateX("+P+"px)"},z=t.scrollTop,A=t.clientHeight,j=t.scrollHeight,ge=(0,me.default)(this.trackVertical),ne=this.getThumbVerticalHeight(),be=z/(j-A)*(ge-ne),X={height:ne,transform:"translateY("+be+"px)"};if(h){var Te={visibility:S>T?"visible":"hidden"},_e={visibility:j>A?"visible":"hidden"};(0,c.default)(this.trackHorizontal,Te),(0,c.default)(this.trackVertical,_e)}(0,c.default)(this.thumbHorizontal,C),(0,c.default)(this.thumbVertical,X)}s&&s(t),typeof r=="function"&&r(t)}},{key:"render",value:function(){var r=this,a=(0,b.default)(),s=this.props;s.onScroll,s.onScrollFrame,s.onScrollStart,s.onScrollStop,s.onUpdate;var h=s.renderView,t=s.renderTrackHorizontal,p=s.renderTrackVertical,T=s.renderThumbHorizontal,S=s.renderThumbVertical,N=s.tagName;s.hideTracksWhenNotNeeded;var L=s.autoHide;s.autoHideTimeout;var P=s.autoHideDuration;s.thumbSize,s.thumbMinSize;var C=s.universal,z=s.autoHeight,A=s.autoHeightMin,j=s.autoHeightMax,ge=s.style,ne=s.children,be=Be(s,["onScroll","onScrollFrame","onScrollStart","onScrollStop","onUpdate","renderView","renderTrackHorizontal","renderTrackVertical","renderThumbHorizontal","renderThumbVertical","tagName","hideTracksWhenNotNeeded","autoHide","autoHideTimeout","autoHideDuration","thumbSize","thumbMinSize","universal","autoHeight","autoHeightMin","autoHeightMax","style","children"]),X=this.state.didMountUniversal,Te=o({},M.containerStyleDefault,z&&o({},M.containerStyleAutoHeight,{minHeight:A,maxHeight:j}),ge),_e=o({},M.viewStyleDefault,{marginRight:a?-a:0,marginBottom:a?-a:0},z&&o({},M.viewStyleAutoHeight,{minHeight:(0,I.default)(A)?"calc("+A+" + "+a+"px)":A+a,maxHeight:(0,I.default)(j)?"calc("+j+" + "+a+"px)":j+a}),z&&C&&!X&&{minHeight:A,maxHeight:j},C&&!X&&M.viewStyleUniversalInitial),Ce={transition:"opacity "+P+"ms",opacity:0},Xe=o({},M.trackHorizontalStyleDefault,L&&Ce,(!a||C&&!X)&&{display:"none"}),$e=o({},M.trackVerticalStyleDefault,L&&Ce,(!a||C&&!X)&&{display:"none"});return(0,y.createElement)(N,o({},be,{style:Te,ref:function(D){r.container=D}}),[(0,y.cloneElement)(h({style:_e}),{key:"view",ref:function(D){r.view=D}},ne),(0,y.cloneElement)(t({style:Xe}),{key:"trackHorizontal",ref:function(D){r.trackHorizontal=D}},(0,y.cloneElement)(T({style:M.thumbHorizontalStyleDefault}),{ref:function(D){r.thumbHorizontal=D}})),(0,y.cloneElement)(p({style:$e}),{key:"trackVertical",ref:function(D){r.trackVertical=D}},(0,y.cloneElement)(S({style:M.thumbVerticalStyleDefault}),{ref:function(D){r.thumbVertical=D}}))])}}]),m}(y.Component);n.default=pe,pe.propTypes={onScroll:f.default.func,onScrollFrame:f.default.func,onScrollStart:f.default.func,onScrollStop:f.default.func,onUpdate:f.default.func,renderView:f.default.func,renderTrackHorizontal:f.default.func,renderTrackVertical:f.default.func,renderThumbHorizontal:f.default.func,renderThumbVertical:f.default.func,tagName:f.default.string,thumbSize:f.default.number,thumbMinSize:f.default.number,hideTracksWhenNotNeeded:f.default.bool,autoHide:f.default.bool,autoHideTimeout:f.default.number,autoHideDuration:f.default.number,autoHeight:f.default.bool,autoHeightMin:f.default.oneOfType([f.default.number,f.default.string]),autoHeightMax:f.default.oneOfType([f.default.number,f.default.string]),universal:f.default.bool,style:f.default.object,children:f.default.node},pe.defaultProps={renderView:Y.renderViewDefault,renderTrackHorizontal:Y.renderTrackHorizontalDefault,renderTrackVertical:Y.renderTrackVerticalDefault,renderThumbHorizontal:Y.renderThumbHorizontalDefault,renderThumbVertical:Y.renderThumbVerticalDefault,tagName:"div",thumbMinSize:30,hideTracksWhenNotNeeded:!1,autoHide:!1,autoHideTimeout:1e3,autoHideDuration:200,autoHeight:!1,autoHeightMin:0,autoHeightMax:200,universal:!1}})(ze);(function(n){Object.defineProperty(n,"__esModule",{value:!0}),n.Scrollbars=void 0;var o=ze,e=i(o);function i(u){return u&&u.__esModule?u:{default:u}}n.default=e.default,n.Scrollbars=e.default})(Le);const It="Confirmation-module__container___45eSd",Vt="Confirmation-module__message___4r1SC",Ot="Confirmation-module__buttons___QYVqm",Wt="Confirmation-module__button___gJmIL",Rt="Confirmation-module__confirm___DqtMv",Nt="Confirmation-module__cancel___3CIW9",B={container:It,message:Vt,buttons:Ot,button:Wt,confirm:Rt,cancel:Nt},Pt=({message:n,title:o,onCancel:e,onConfirm:i})=>{const u=E(B.button,B.confirm),d=E(B.button,B.cancel);return v.jsxs("div",{className:B.container,children:[v.jsx("div",{className:B.title,children:o}),v.jsx("div",{className:E(B.message,J.styleguideConstants.TEXT_SECONDARY),children:n}),v.jsxs("div",{className:B.buttons,children:[v.jsx("button",{className:u,onClick:i,children:"Yes"}),v.jsx("button",{className:d,onClick:e,children:"No"})]})]})},At="Menu-module__container___KGp0N",jt="Menu-module__disabled___xdT-F",Bt="Menu-module__groupHeader___-d7MT",Ft="Menu-module__isDrill___6OfQP",qt="Menu-module__separator___OQ--M",Ut="Menu-module__noIcon___MYkPf",Xt="Menu-module__item___nmDUr",$t="Menu-module__checked___6OJEB",Gt="Menu-module__radio___OlxcQ",Yt="Menu-module__checkbox___HocC7",Zt="Menu-module__icon___ZxKUL",Qt="Menu-module__itemType___VLiEZ",Jt="Menu-module__nestedType___gayzp",Kt="Menu-module__nestedIcon___VyPyZ",er="Menu-module__menuItemText___agoSf",tr="Menu-module__separateGroup___0J5WE",rr="Menu-module__itemCheckBox___2DHy4",nr="Menu-module__itemRadioButton___h2ifs",or="Menu-module__scrollbar___li1b-",ir="Menu-module__itemContainer___m0XPy",ar="Menu-module__inlineConfirmation___0JCIX",lr="Menu-module__menuItemTooltip___5jA0S",sr="Menu-module__toggleButtonMenu___qwLCQ",ur="Menu-module__loader___pzNnL",_={container:At,disabled:jt,groupHeader:Bt,isDrill:Ft,separator:qt,noIcon:Ut,item:Xt,checked:$t,radio:Gt,checkbox:Yt,icon:Zt,itemType:Qt,nestedType:Jt,nestedIcon:Kt,menuItemText:er,separateGroup:tr,itemCheckBox:rr,itemRadioButton:nr,scrollbar:or,itemContainer:ir,inlineConfirmation:ar,menuItemTooltip:lr,toggleButtonMenu:sr,loader:ur},ee=Object.freeze({ITEM:"item",RADIO:"radio",CHECKBOX:"checkbox",TOGGLE:"toggle",NESTED:"nested"}),Me=class Me extends ce.Component{constructor(o){super(o),this.renderRegularMenuItem=()=>{const{dataTestId:e,iconName:i,iconClass:u,isDrill:d}=this.props;return v.jsxs("span",{className:_.itemContainer,children:[i&&v.jsx(oe.DEPRECATED_Icon,{name:i,className:u}),v.jsx("span",{"data-testid":e,className:E(_.menuItemText,J.styleguideConstants.TEXT_PRIMARY),children:this.getContent()}),d&&v.jsx(oe.DEPRECATED_Icon,{name:"general-arrow-right"})]})},this.renderMenuItem=()=>{const{tooltip:e,classNameTooltip:i,level:u}=this.props,d=this.renderRegularMenuItem();if(e){const c=v.jsx("div",{children:e});return v.jsx(Qe.DEPRECATED_Tooltip,{overlay:c,placement:"right",overlayClassName:E(i,_.menuItemTooltip),mouseLeaveDelay:0,align:{offset:[u?5:10,0]},children:d})}return d},this.state={inInlineConfirmation:!1}}getContent(){const{type:o,caption:e,subCaption:i,checked:u,selected:d}=this.props;switch(o){case ee.RADIO:return v.jsx(Je.RadioButton,{text:e,name:e,onChange:()=>null,value:e,checked:!!u,preventClick:!0});case ee.CHECKBOX:return v.jsx(Ye.DEPRECATED_Checkbox,{title:e,text:e,onChange:()=>null,checked:!!u,className:_.itemCheckBox});case ee.TOGGLE:return v.jsxs("div",{children:[v.jsx("span",{children:e}),v.jsx(Ze.DEPRECATED_Toggle,{onChange:()=>null,className:_.toggleButtonMenu,checked:!!u})]});case ee.NESTED:return v.jsxs("div",{className:_.nestedType,children:[v.jsx("div",{children:e}),v.jsx(oe.DEPRECATED_Icon,{className:_.nestedIcon,name:"general-double-arrow-front"}),v.jsx("div",{children:i})]});default:return v.jsxs("div",{className:_.itemType,children:[e,d&&v.jsx(oe.DEPRECATED_Icon,{name:"general-vi-small-white"})]})}}handleClick(o){o.stopPropagation();const{handleClick:e,disabled:i}=this.props;i||e()}render(){const{checked:o,className:e,iconName:i,handleOver:u,handleOut:d,disabled:c}=this.props,y=!1,x=E(e,{[_.checked]:o,[_.noIcon]:!i||y,[_.disabled]:c,[J.styleguideConstants.TEXT_PRIMARY]:o,[J.styleguideConstants.TEXT_SECONDARY_HOVER]:!o&&!c,[J.styleguideConstants.TEXT_SECONDARY]:c});return v.jsx("li",{"data-menu-item":!0,className:x,onClick:this.handleClick.bind(this),onMouseOver:u,onMouseOut:d,children:this.renderMenuItem()})}};Me.defaultProps={className:""};let se=Me;function cr(n,o){const e={};return n.reduce(function(i,u){const d=o(u);return i[d]||(i[d]=[]),i[d].push(u),i},e)}const xe=()=>{},ue=class ue extends ce.Component{constructor(o){super(o),this.handleClick=e=>{if(e.subItems||e.actionableComponent){this.clearTimeout(),this.state.activeSubMenu===e.id?this.closeSubMenu():this.setState({activeSubMenu:e.id});return}else if(e.confirmation&&!e.confirmation.inline){this.clearTimeout(),this.setState({activeSubMenu:e.id});return}const{onItemSelected:i}=this.props;i(e,e.value)},this.handleOver=e=>{this.clearTimeout(),this.setState({isHoverSubMenu:!1});const i=e.subItems||e.actionableComponent?e.id:null;this.timeoutIn=window.setTimeout(()=>{this.setState({activeSubMenu:i})},900)},this.handleOut=e=>{(e.subItems||e.actionableComponent)&&this.state.activeSubMenu&&this.clearTimeout()},this.onSubMenuMouseEnter=()=>{this.clearTimeout(),this.setState({isHoverSubMenu:!0})},this.onSubMenuMouseLeave=()=>{this.setState({isHoverSubMenu:!1})},this.closeSubMenu=()=>{this.setState({activeSubMenu:null})},this.onConfirm=e=>{const{onItemSelected:i}=this.props;this.closeSubMenu(),i(e)},this.renderMenuItem=e=>{const{onItemSelected:i,onRequestClose:u,level:d,classNameTooltip:c,zIndex:y,className:x}=this.props;let f=E(_[e.type],{[_.isDrill]:e.subItems,[_.separator]:e.separator,fakeHover:e.checked,[_.groupHeader]:e.groupTitle});const O=k=>{const b=E(e.iconClass,_.icon);return v.jsx(se,{className:k,checked:e.checked,dataTestId:e.dataTestId,disabled:e.disabled,type:e.type,caption:e.caption,subCaption:e.subCaption,tooltip:e.tooltip,classNameTooltip:c,iconName:e.iconName,iconClass:b,isDrill:!!e.subItems||!!e.actionableComponent,level:d,selected:e.selected,handleClick:()=>this.handleClick(e),handleOver:()=>this.handleOver(e),handleOut:()=>this.handleOut(e)},e.id)};let I=e.subItems;if(I){const k=this.state.activeSubMenu===e.id;let b=this.handleClick;f=E(f,{fakeHover:k&&this.state.isHoverSubMenu}),e.value!==void 0&&(I=I.map(function(W){return{...W,checked:W.value===e.value}}),b=W=>i(e,W.value));const w=()=>v.jsx(ue,{items:I||[],className:x,onItemSelected:b,onMouseEnter:this.onSubMenuMouseEnter,scrollbarProps:{className:e.subItemScrollbarClassName},level:(d||0)+1,zIndex:(y||1)+1});return v.jsx(Se.Popover,{visible:k,level:1,mask:!1,trigger:[],placement:"rightTop",align:{offset:[0,0]},overlay:w,onRequestClose:u,zIndex:(y||1)+1,children:O(f)},e.id)}else if(e.actionableComponent){const{componentProps:k}=e.actionableComponent,b=e.actionableComponent.component,w=this.state.activeSubMenu===e.id,W=()=>v.jsx(b,{...k,onRequestClose:u});return v.jsx(Se.Popover,{visible:w,level:1,mask:!1,trigger:[],placement:"rightTop",align:{offset:[10,0]},overlay:W,onRequestClose:u,children:O(f)},e.id)}else if(e.confirmation&&!e.confirmation.inline){const k=e.confirmation,b=this.state.activeSubMenu===e.id,w=()=>v.jsx(Pt,{title:k.title,message:k.message,onCancel:this.closeSubMenu,onConfirm:()=>this.onConfirm(e)});return v.jsx(Se.Popover,{visible:b,level:1,mask:!0,trigger:[],placement:"rightBottom",align:{offset:[10,0]},overlay:w,onRequestClose:this.closeSubMenu,children:O(f)},e.id)}return O(f)},this.state={activeSubMenu:null,isHoverSubMenu:!1},this.timeoutIn=null}componentWillUnmount(){this.clearTimeout()}clearTimeout(){this.timeoutIn&&(clearTimeout(this.timeoutIn),this.timeoutIn=null)}getSeparateGroups(o){const e=cr(o,d=>d.groupId||""),i=Object.values(e);return i.slice(1).forEach(d=>d[0].separator=!0),i}render(){const{items:o,className:e,onMouseEnter:i,scrollbarProps:{className:u,...d},width:c,isLoading:y}=this.props;let x=o.filter(b=>!b.hidden);x=x.map((b,w)=>(b.separator&&!x[w-1]&&(b.separator=!1),b));const f=E(_.container,e),O=E(_.scrollbar,u),I=c?{width:`${c}px`,minWidth:"inherit"}:{},k=y?_.loader:"";return v.jsx("div",{className:f,onMouseEnter:i,style:I,children:v.jsxs(Le.Scrollbars,{className:O,...d,hideTracksWhenNotNeeded:!0,children:[this.getSeparateGroups(x).map((b,w)=>v.jsx("div",{className:_.separateGroup,children:b.map(this.renderMenuItem)},w)),v.jsx("div",{className:k,children:v.jsx(Ge.LazyLoader,{isLoading:y})})]})})}};ue.defaultProps={onMouseEnter:xe,onRequestClose:xe,scrollbarProps:{},level:0,isLoading:!1,zIndex:1};let He=ue;exports.Menu=He;exports.MenuItem=se;exports.itemTypes=ee;