@sisense/sdk-shared-ui 1.27.1 → 1.29.0

package/dist/Input-BghWSV2Z.js

@@ -0,0 +1,119 @@
+import { jsxs as E, jsx as t } from "react/jsx-runtime";
+import { useState as g, useRef as j, useEffect as R } from "react";
+import n from "classnames";
+import { D as r } from "./DEPRECATED_Icon-BQ4AqiI1.js";
+const K = "#2c3342", M = "#f4f4f8", S = "#dee1e7", T = "#fff", q = "Input-module__component___4OcHW", z = "Input-module__searchIcon___aQP42", A = "Input-module__large___BPwgK", F = "Input-module__clearIcon___ihSot", O = "Input-module__clearIconHidden___gPP7c", Q = "Input-module__passwordVisibilityIcon___mrN83", U = "Input-module__customIcon___5KikU", W = "Input-module__isLeft___uqdwf", G = "Input-module__input___js3cI", J = "Input-module__withLeftIcon___BgCVf", e = {
+  loginDarkColor: K,
+  darkBtnHoverColor: M,
+  greyHoverColor: S,
+  defaultBackgroundColor: T,
+  component: q,
+  searchIcon: z,
+  large: A,
+  clearIcon: F,
+  clearIconHidden: O,
+  passwordVisibilityIcon: Q,
+  customIcon: U,
+  isLeft: W,
+  input: G,
+  withLeftIcon: J
+}, ee = (h) => {
+  const {
+    className: w,
+    inputClassName: C,
+    onChange: _,
+    onClicked: v,
+    onBlur: k = () => {
+    },
+    placeholder: N,
+    search: m,
+    dataTestId: b,
+    defaultValue: d,
+    value: s,
+    autoFocus: V,
+    clearable: p,
+    password: l,
+    disabled: D = !1,
+    size: a,
+    icon: c,
+    trimInput: H,
+    ariaLabel: L = "input"
+  } = h, [I, i] = g(d || s || ""), [u, y] = g(!1), B = j(null), { name: P = "", placement: f } = c || {};
+  return R(() => {
+    i(s || "");
+  }, [s]), /* @__PURE__ */ E("div", { className: n(e.component, w), children: [
+    m && /* @__PURE__ */ t(
+      r,
+      {
+        className: n(e.searchIcon, {
+          [e.large]: a === "large"
+        }),
+        name: "general-search-small"
+      }
+    ),
+    /* @__PURE__ */ t(
+      "input",
+      {
+        className: n(e.input, C, {
+          [e.withLeftIcon]: m || c && f === "left",
+          [e.large]: a === "large"
+        }),
+        placeholder: N,
+        disabled: D,
+        onChange: (o) => {
+          const x = H ? o.target.value.trim() : o.target.value;
+          _(x), i(o.target.value);
+        },
+        onClick: v,
+        onBlur: k,
+        "data-testid": b,
+        defaultValue: d,
+        value: s ?? I,
+        autoFocus: V,
+        type: l && !u ? "password" : "text",
+        ref: B,
+        "aria-label": L
+      }
+    ),
+    p && !l && !c && /* @__PURE__ */ t(
+      r,
+      {
+        className: n(e.clearIcon, {
+          [e.clearIconHidden]: I === "",
+          [e.large]: a === "large"
+        }),
+        name: "general-x",
+        onClick: () => {
+          i(""), _("");
+        },
+        onMouseDown: (o) => o.preventDefault()
+      }
+    ),
+    l && /* @__PURE__ */ t(
+      r,
+      {
+        className: n(e.passwordVisibilityIcon, {
+          [e.large]: a === "large"
+        }),
+        name: u ? "general-unhide" : "general-show",
+        onClick: () => {
+          y(!u);
+        },
+        onMouseDown: (o) => o.preventDefault()
+      }
+    ),
+    c && !p && !l && /* @__PURE__ */ t(
+      r,
+      {
+        className: n(e.customIcon, {
+          [e.large]: a === "large",
+          [e.isLeft]: f === "left"
+        }),
+        name: P
+      }
+    )
+  ] });
+};
+export {
+  ee as I
+};

package/dist/Input-Cd6a2FUC.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("react/jsx-runtime"),r=require("react"),t=require("classnames"),u=require("./DEPRECATED_Icon-iUszZb09.cjs"),j="#2c3342",y="#f4f4f8",B="#dee1e7",T="#fff",q="Input-module__component___4OcHW",A="Input-module__searchIcon___aQP42",S="Input-module__large___BPwgK",K="Input-module__clearIcon___ihSot",M="Input-module__clearIconHidden___gPP7c",z="Input-module__passwordVisibilityIcon___mrN83",F="Input-module__customIcon___5KikU",O="Input-module__isLeft___uqdwf",Q="Input-module__input___js3cI",U="Input-module__withLeftIcon___BgCVf",e={loginDarkColor:j,darkBtnHoverColor:y,greyHoverColor:B,defaultBackgroundColor:T,component:q,searchIcon:A,large:S,clearIcon:K,clearIconHidden:M,passwordVisibilityIcon:z,customIcon:F,isLeft:O,input:Q,withLeftIcon:U},W=C=>{const{className:h,inputClassName:w,onChange:I,onClicked:D,onBlur:E=()=>{},placeholder:v,search:d,dataTestId:k,defaultValue:m,value:a,autoFocus:N,clearable:p,password:c,disabled:P=!1,size:s,icon:l,trimInput:b,ariaLabel:V="input"}=C,[g,i]=r.useState(m||a||""),[_,x]=r.useState(!1),H=r.useRef(null),{name:L="",placement:f}=l||{};return r.useEffect(()=>{i(a||"")},[a]),o.jsxs("div",{className:t(e.component,h),children:[d&&o.jsx(u.DEPRECATED_Icon,{className:t(e.searchIcon,{[e.large]:s==="large"}),name:"general-search-small"}),o.jsx("input",{className:t(e.input,w,{[e.withLeftIcon]:d||l&&f==="left",[e.large]:s==="large"}),placeholder:v,disabled:P,onChange:n=>{const R=b?n.target.value.trim():n.target.value;I(R),i(n.target.value)},onClick:D,onBlur:E,"data-testid":k,defaultValue:m,value:a??g,autoFocus:N,type:c&&!_?"password":"text",ref:H,"aria-label":V}),p&&!c&&!l&&o.jsx(u.DEPRECATED_Icon,{className:t(e.clearIcon,{[e.clearIconHidden]:g==="",[e.large]:s==="large"}),name:"general-x",onClick:()=>{i(""),I("")},onMouseDown:n=>n.preventDefault()}),c&&o.jsx(u.DEPRECATED_Icon,{className:t(e.passwordVisibilityIcon,{[e.large]:s==="large"}),name:_?"general-unhide":"general-show",onClick:()=>{x(!_)},onMouseDown:n=>n.preventDefault()}),l&&!p&&!c&&o.jsx(u.DEPRECATED_Icon,{className:t(e.customIcon,{[e.large]:s==="large",[e.isLeft]:f==="left"}),name:L})]})};exports.Input=W;

package/dist/LazyLoader-DB86QSSx.js

@@ -0,0 +1,18 @@
+import { jsx as a } from "react/jsx-runtime";
+import s from "classnames";
+const i = "LazyLoader-module__loader___Cvl1N", m = "LazyLoader-module__caption___fA3Vm", o = {
+  loader: i,
+  caption: m
+}, L = (d) => {
+  const { className: c = "", caption: t = "", isLoading: e = !1 } = d, l = s(
+    o["loader-two-dots"],
+    {
+      [o["loader-two-dots--inactive"]]: !e
+    },
+    c
+  ), n = s(o.loader, o["loader-two-dots-indicator"]), r = s(o.caption);
+  return /* @__PURE__ */ a("div", { className: l, children: e && /* @__PURE__ */ a("div", { "data-testid": "loader-component", className: n, children: t && /* @__PURE__ */ a("div", { className: r, children: /* @__PURE__ */ a("span", { children: t }) }) }) });
+};
+export {
+  L
+};

package/dist/LazyLoader-gOLNhxc-.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),o=require("classnames"),i="LazyLoader-module__loader___Cvl1N",m="LazyLoader-module__caption___fA3Vm",a={loader:i,caption:m},_=c=>{const{className:d="",caption:e="",isLoading:t=!1}=c,n=o(a["loader-two-dots"],{[a["loader-two-dots--inactive"]]:!t},d),l=o(a.loader,a["loader-two-dots-indicator"]),r=o(a.caption);return s.jsx("div",{className:n,children:t&&s.jsx("div",{"data-testid":"loader-component",className:l,children:e&&s.jsx("div",{className:r,children:s.jsx("span",{children:e})})})})};exports.LazyLoader=_;

package/dist/Menu-BfAQOpHl.cjs

@@ -0,0 +1 @@
+"use strict";const v=require("react/jsx-runtime"),ce=require("react"),E=require("classnames"),we=require("./index-B-zZeebW.cjs"),Se=require("./Popover-Bp5g_ws9.cjs"),Ge=require("./LazyLoader-gOLNhxc-.cjs"),oe=require("./DEPRECATED_Icon-iUszZb09.cjs"),Ye=require("./RadioButton-Ds-0wj0r.cjs"),Ze=require("./DEPRECATED_Toggle-Dp0ZZ_6E.cjs"),Qe=require("./DEPRECATED_Checkbox-CYomxatm.cjs"),Je=require("./DEPRECATED_Tooltip-D3ReAkFF.cjs"),J=require("./styleguideConstants-CtXkvIZK.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="Menu-module__container___KGp0N",Vt="Menu-module__disabled___xdT-F",Ot="Menu-module__groupHeader___-d7MT",Wt="Menu-module__isDrill___6OfQP",Rt="Menu-module__separator___OQ--M",Nt="Menu-module__noIcon___MYkPf",Pt="Menu-module__item___nmDUr",At="Menu-module__checked___6OJEB",jt="Menu-module__radio___OlxcQ",Bt="Menu-module__checkbox___HocC7",Ft="Menu-module__icon___ZxKUL",qt="Menu-module__itemType___VLiEZ",Ut="Menu-module__nestedType___gayzp",Xt="Menu-module__nestedIcon___VyPyZ",$t="Menu-module__menuItemText___agoSf",Gt="Menu-module__separateGroup___0J5WE",Yt="Menu-module__itemCheckBox___2DHy4",Zt="Menu-module__itemRadioButton___h2ifs",Qt="Menu-module__scrollbar___li1b-",Jt="Menu-module__itemContainer___m0XPy",Kt="Menu-module__inlineConfirmation___0JCIX",er="Menu-module__menuItemTooltip___5jA0S",tr="Menu-module__toggleButtonMenu___qwLCQ",rr="Menu-module__loader___pzNnL",_={container:It,disabled:Vt,groupHeader:Ot,isDrill:Wt,separator:Rt,noIcon:Nt,item:Pt,checked:At,radio:jt,checkbox:Bt,icon:Ft,itemType:qt,nestedType:Ut,nestedIcon:Xt,menuItemText:$t,separateGroup:Gt,itemCheckBox:Yt,itemRadioButton:Zt,scrollbar:Qt,itemContainer:Jt,inlineConfirmation:Kt,menuItemTooltip:er,toggleButtonMenu:tr,loader:rr},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(Je.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(Ye.RadioButton,{text:e,name:e,onChange:()=>null,value:e,checked:!!u,preventClick:!0});case ee.CHECKBOX:return v.jsx(Qe.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;const nr="Confirmation-module__container___45eSd",or="Confirmation-module__message___4r1SC",ir="Confirmation-module__buttons___QYVqm",ar="Confirmation-module__button___gJmIL",lr="Confirmation-module__confirm___DqtMv",sr="Confirmation-module__cancel___3CIW9",B={container:nr,message:or,buttons:ir,button:ar,confirm:lr,cancel:sr},ur=({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"})]})]})};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(ur,{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;