@splunk/dynamic-editors 0.39.0 → 0.41.0

package/containers/EditorLayout.js

@@ -2,24 +2,24 @@
  * Copyright © 2018 Splunk Inc.
  * SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
  * in part without a valid written license from Splunk Inc. is PROHIBITED.
- */(()=>{"use strict";var e={1353:(e,t,o)=>{o.r(t),o.d(t,{default:()=>Zt,editorTypeToComponentMap:()=>Ht});var a=o(2649),r=o.n(a),l=o(9497),n=o.n(l),i=o(23),s=o.n(i),u=o(2749),c=o.n(u),d=o(2373),f=o.n(d),p=o(2166),m=o(1027),g=o(5862),b=o(4008),h=o.n(b);const v=({onChange:e,name:t,itemSchema:o,values:a,value:r,labelPosition:i="top",labelWidth:s,label:u,tooltip:c,isDisabled:d=!1,isAdvanced:b,hideLabel:v})=>{const y=(0,m.getOptions)(o,a),C=(0,p.hasTokens)(r)||d,_=(0,l.useCallback)(((o,{value:a})=>e(o,t,a)),[e,t]);return n().createElement(h(),{label:u,labelPosition:i,labelWidth:s,tooltip:c,isAdvanced:b,hideLabel:v},n().createElement(f(),{"data-test":t,onChange:_,value:r,disabled:C,style:g.editorStyle},y.map((e=>n().createElement(f().Option,{key:e.value,value:e.value,label:e.label||e.value,icon:e.icon?n().createElement(e.icon,null):null})))))};v.propTypes={onChange:s().func.isRequired,name:s().string.isRequired,itemSchema:s().object,values:s().arrayOf(s().shape({label:s().string,value:s().oneOfType([s().string,s().number]).isRequired})),value:s().oneOfType([s().string,s().number]),label:s().string.isRequired,labelPosition:s().oneOf(["left","top"]),labelWidth:s().number,tooltip:s().string,isDisabled:s().bool,isAdvanced:s().bool,hideLabel:s().bool};const y=v;var C=o(3263),_=o(9967),O=o(2065),E=o(2782),x=o.n(E),P=o(5592);const j=({onChange:e,name:t,value:o=null,labelPosition:a="top",labelWidth:r,label:i,min:s,max:u,step:c,isDisabled:d,help:f,helpFormat:p="under",defaultValue:m})=>{const g=(0,l.useCallback)(((o,a)=>{if(void 0===m&&null==a)return void e(o,t,a);const r=parseFloat(null!=a?a:m);Number.isFinite(r)&&e(o,t,r)}),[m,e,t]),{currentValue:b,handleChange:v,handleBlur:y,handleFocus:C,handleKeyPress:_}=(0,P.useNumberInput)({value:o,min:s,max:u,defaultValue:m,onValueChange:g});return n().createElement(h(),{label:i,labelPosition:a,labelWidth:r,help:"under"===p?f:void 0,tooltip:"tooltip"===p?f:void 0,tooltipDefaultPlacement:"top"},n().createElement(x(),{"data-test":t,min:s,max:u,step:c,onChange:v,onBlur:y,onFocus:C,onKeyDown:_,value:b,disabled:d}))};j.propTypes={onChange:s().func.isRequired,name:s().string.isRequired,label:s().string.isRequired,value:s().number,defaultValue:s().number,labelPosition:s().oneOf(["top","left"]),labelWidth:s().number,min:s().number,max:s().number,step:s().number,isDisabled:s().bool,help:s().string,helpFormat:s().oneOf(["text","under"])};const w=j;var T=o(437);const D=({name:e,value:t=0,labelPosition:o="top",labelWidth:a,label:r,onChange:i,isDisabled:s=!1,help:u})=>{const c=(0,l.useCallback)(((e,t,o)=>{i(e,t,null==o?o:o/100)}),[i]);return n().createElement(w,{name:e,value:Math.round(100*t),label:r,labelPosition:o,labelWidth:a,onChange:c,min:0,max:100,step:1,disabled:s,help:u})};D.propTypes={onChange:s().func.isRequired,name:s().string.isRequired,label:s().string.isRequired,labelWidth:s().number,value:s().number,labelPosition:s().oneOf(["top","left"]),isDisabled:s().bool,help:s().string};const S=D;var M=o(148),k=o.n(M),F=o(4215),R=o.n(F);const B=require("@splunk/visualization-context/ImageContext");var A=o.n(B),I=o(6195),L=o.n(I),$=o(232),V=o.n($),N=o(6649),q=o(6447),W=o.n(q),U=o(4082),z=o.n(U);const K=require("@splunk/react-ui/Image");var G=o.n(K),H=o(7464),Y=o.n(H),Z=o(4793),X=o(962);const J=V().div`
+ */(()=>{"use strict";var e={9952:(e,t,o)=>{o.r(t),o.d(t,{default:()=>Gt,editorTypeToComponentMap:()=>Ut});var a=o(2649),r=o.n(a),l=o(9497),n=o.n(l),i=o(23),s=o.n(i),u=o(2749),c=o.n(u),d=o(4182),f=o(3263),p=o(9967),m=o(2065),g=o(2782),b=o.n(g),h=o(4008),v=o.n(h),y=o(5592);const C=({onChange:e,name:t,value:o=null,labelPosition:a="top",labelWidth:r,label:i,min:s,max:u,step:c,isDisabled:d,help:f,helpFormat:p="under",defaultValue:m})=>{const g=(0,l.useCallback)(((o,a)=>{if(void 0===m&&null==a)return void e(o,t,a);const r=parseFloat(null!=a?a:m);Number.isFinite(r)&&e(o,t,r)}),[m,e,t]),{currentValue:h,handleChange:C,handleBlur:_,handleFocus:O,handleKeyPress:E}=(0,y.useNumberInput)({value:o,min:s,max:u,defaultValue:m,onValueChange:g});return n().createElement(v(),{label:i,labelPosition:a,labelWidth:r,help:"under"===p?f:void 0,tooltip:"tooltip"===p?f:void 0,tooltipDefaultPlacement:"top"},n().createElement(b(),{"data-test":t,min:s,max:u,step:c,onChange:C,onBlur:_,onFocus:O,onKeyDown:E,value:h,disabled:d}))};C.propTypes={onChange:s().func.isRequired,name:s().string.isRequired,label:s().string.isRequired,value:s().number,defaultValue:s().number,labelPosition:s().oneOf(["top","left"]),labelWidth:s().number,min:s().number,max:s().number,step:s().number,isDisabled:s().bool,help:s().string,helpFormat:s().oneOf(["text","under"])};const _=C;var O=o(437);const E=({name:e,value:t=0,labelPosition:o="top",labelWidth:a,label:r,onChange:i,isDisabled:s=!1,help:u})=>{const c=(0,l.useCallback)(((e,t,o)=>{i(e,t,null==o?o:o/100)}),[i]);return n().createElement(_,{name:e,value:Math.round(100*t),label:r,labelPosition:o,labelWidth:a,onChange:c,min:0,max:100,step:1,disabled:s,help:u})};E.propTypes={onChange:s().func.isRequired,name:s().string.isRequired,label:s().string.isRequired,labelWidth:s().number,value:s().number,labelPosition:s().oneOf(["top","left"]),isDisabled:s().bool,help:s().string};const x=E;var P=o(148),j=o.n(P),w=o(4215),T=o.n(w);const D=require("@splunk/visualization-context/ImageContext");var S=o.n(D),M=o(6195),k=o.n(M),F=o(232),R=o.n(F),B=o(6649),A=o(6447),I=o.n(A),L=o(4082),$=o.n(L);const V=require("@splunk/react-ui/Image");var N=o.n(V),q=o(7464),W=o.n(q),U=o(4793),z=o(962);const G=R().div`
     padding-bottom: 5px;
     width: 100%;
     text-align: center;
-`,Q={marginBottom:10},ee={width:"100%"},te=V().span`
+`,K={marginBottom:10},H={width:"100%"},Y=R().span`
     font-size: smaller;
     font-style: italic;
-`,oe=(0,N._)("Note: Uploaded image files can be accessed and deleted by others in your organization"),ae=(0,Z.memoize)(((e,t)=>{const o=e.slice();if(t)-1===o.indexOf("svg")&&o.push("svg");else{const e=o.indexOf("svg");e>-1&&o.splice(e,1)}return o}),((e,t)=>`${t}-${e.join("-")}`));class re extends l.Component{constructor(e){super(e),L()(this,"violationHandler",(e=>{e.blockedURI!==this.state.urlValue&&e.blockedURI!==`${this.state.urlValue}/`||"enforce"!==e.disposition?e.blockedURI!==this.state.urlValue&&e.blockedURI!==`${this.state.urlValue}/`||"report"!==e.disposition||this.setState({violationType:"warning"}):this.setState({violationType:"error"})})),L()(this,"checkImage",(e=>{if(!e)return;const t=new Image;t.onload=()=>{this.props.handleImageUpload({src:e})},t.onerror=()=>{this.setState((e=>e.urlValue?{validUrl:!1}:void 0))},t.src=e})),L()(this,"handleURLChange",((e,{value:t})=>{this.setState({urlValue:t,validUrl:!0,violationType:"none"})})),L()(this,"handleTextKeyDown",(e=>{"Enter"===e.key&&(e.preventDefault(),this.checkImage(this.state.urlValue))})),L()(this,"handleBlur",(e=>{var t;null!==(t=this.inputRef.current)&&void 0!==t&&t.contains(e.relatedTarget)||this.checkImage(this.state.urlValue)})),L()(this,"trackInputRef",(e=>{this.inputRef.current=e,e&&e.addEventListener("focusout",this.handleBlur)})),L()(this,"handleOnImageChange",(({filename:e,imageDataURI:t})=>{e&&t?this.props.handleImageUpload({filename:e,imageDataURI:t}):this.props.handleImageUpload({filename:null,imageDataURI:null})})),this.state={urlValue:"",validUrl:!0,violationType:"none"},this.inputRef=n().createRef()}componentDidMount(){document.addEventListener("securitypolicyviolation",this.violationHandler)}componentWillUnmount(){document.removeEventListener("securitypolicyviolation",this.violationHandler),this.inputRef.current&&this.inputRef.current.removeEventListener("focusout",this.handleBlur)}render(){const{enableImageFileUpload:e,enableSVGImageUpload:t,enableSvgHttpDownloader:o,enableGallerySharingWarning:a}=this.context||{},r=ae(this.props.validImageTypes,t),l=r.indexOf("svg")<0||this.props.svgRenderAsDom&&r.indexOf("svg")>-1&&o||!this.props.svgRenderAsDom&&r.indexOf("svg")>-1,i="none"!==this.state.violationType?n().createElement(X.CSPMessage,{type:this.state.violationType}):n().createElement(W(),{appearance:"fill",type:"error"},(0,N._)("We can't find an image with this URL. Please enter a new URL."));return n().createElement(J,null,l&&n().createElement(z(),{canClear:!0,value:this.state.urlValue,onChange:this.handleURLChange,onKeyDown:this.handleTextKeyDown,style:Q,elementRef:this.trackInputRef}),this.state.validUrl?e&&n().createElement(n().Fragment,null,n().createElement(G(),{style:ee,defaultFilename:null,defaultImageDataURI:null,onImageChange:this.handleOnImageChange,allowExtensions:r}),a&&n().createElement(te,{"data-test":"gallery-sharing-warning"},oe)):i)}}L()(re,"contextType",Y()),re.propTypes={handleImageUpload:s().func,validImageTypes:s().array,svgRenderAsDom:s().bool},re.defaultProps={handleImageUpload:()=>{},validImageTypes:["gif","jpeg","jpg","png","webp"],svgRenderAsDom:!1};const le=re;var ne=o(8855),ie=o.n(ne),se=o(7020),ue=o.n(se),ce=o(3563),de=o(5135),fe=o(137);const pe=n().createElement(ie(),null),me=V().div`
+`,Z=(0,B._)("Note: Uploaded image files can be accessed and deleted by others in your organization"),X=(0,U.memoize)(((e,t)=>{const o=e.slice();if(t)-1===o.indexOf("svg")&&o.push("svg");else{const e=o.indexOf("svg");e>-1&&o.splice(e,1)}return o}),((e,t)=>`${t}-${e.join("-")}`));class J extends l.Component{constructor(e){super(e),k()(this,"violationHandler",(e=>{e.blockedURI!==this.state.urlValue&&e.blockedURI!==`${this.state.urlValue}/`||"enforce"!==e.disposition?e.blockedURI!==this.state.urlValue&&e.blockedURI!==`${this.state.urlValue}/`||"report"!==e.disposition||this.setState({violationType:"warning"}):this.setState({violationType:"error"})})),k()(this,"checkImage",(e=>{if(!e)return;const t=new Image;t.onload=()=>{this.props.handleImageUpload({src:e})},t.onerror=()=>{this.setState((e=>e.urlValue?{validUrl:!1}:void 0))},t.src=e})),k()(this,"handleURLChange",((e,{value:t})=>{this.setState({urlValue:t,validUrl:!0,violationType:"none"})})),k()(this,"handleTextKeyDown",(e=>{"Enter"===e.key&&(e.preventDefault(),this.checkImage(this.state.urlValue))})),k()(this,"handleBlur",(e=>{var t;null!==(t=this.inputRef.current)&&void 0!==t&&t.contains(e.relatedTarget)||this.checkImage(this.state.urlValue)})),k()(this,"trackInputRef",(e=>{this.inputRef.current=e,e&&e.addEventListener("focusout",this.handleBlur)})),k()(this,"handleOnImageChange",(({filename:e,imageDataURI:t})=>{e&&t?this.props.handleImageUpload({filename:e,imageDataURI:t}):this.props.handleImageUpload({filename:null,imageDataURI:null})})),this.state={urlValue:"",validUrl:!0,violationType:"none"},this.inputRef=n().createRef()}componentDidMount(){document.addEventListener("securitypolicyviolation",this.violationHandler)}componentWillUnmount(){document.removeEventListener("securitypolicyviolation",this.violationHandler),this.inputRef.current&&this.inputRef.current.removeEventListener("focusout",this.handleBlur)}render(){const{enableImageFileUpload:e,enableSVGImageUpload:t,enableSvgHttpDownloader:o,enableGallerySharingWarning:a}=this.context||{},r=X(this.props.validImageTypes,t),l=r.indexOf("svg")<0||this.props.svgRenderAsDom&&r.indexOf("svg")>-1&&o||!this.props.svgRenderAsDom&&r.indexOf("svg")>-1,i="none"!==this.state.violationType?n().createElement(z.CSPMessage,{type:this.state.violationType}):n().createElement(I(),{appearance:"fill",type:"error"},(0,B._)("We can't find an image with this URL. Please enter a new URL."));return n().createElement(G,null,l&&n().createElement($(),{canClear:!0,value:this.state.urlValue,onChange:this.handleURLChange,onKeyDown:this.handleTextKeyDown,style:K,elementRef:this.trackInputRef}),this.state.validUrl?e&&n().createElement(n().Fragment,null,n().createElement(N(),{style:H,defaultFilename:null,defaultImageDataURI:null,onImageChange:this.handleOnImageChange,allowExtensions:r}),a&&n().createElement(Y,{"data-test":"gallery-sharing-warning"},Z)):i)}}k()(J,"contextType",W()),J.propTypes={handleImageUpload:s().func,validImageTypes:s().array,svgRenderAsDom:s().bool},J.defaultProps={handleImageUpload:()=>{},validImageTypes:["gif","jpeg","jpg","png","webp"],svgRenderAsDom:!1};const Q=J;var ee=o(8855),te=o.n(ee),oe=o(7020),ae=o.n(oe),re=o(3563),le=o(5135),ne=o(137);const ie=n().createElement(te(),null),se=R().div`
     width: 100%;
     padding-bottom: 5px;
-`,ge=V().div`
-    border: 1px solid ${ce.variables.borderColor};
+`,ue=R().div`
+    border: 1px solid ${re.variables.borderColor};
     position: relative;
     min-height: 30px;
     height: auto;
-`,be=V().div`
-    background-color: ${ce.variables.backgroundColorPage};
-    color: ${ce.variables.contentColorDefault};
+`,ce=R().div`
+    background-color: ${re.variables.backgroundColorPage};
+    color: ${re.variables.contentColorDefault};
     opacity: 0.9;
     position: absolute;
     width: 100%;
@@ -27,80 +27,80 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
-`,he=V().div`
-    margin-left: ${ce.variables.spacingMedium};
+`,de=R().div`
+    margin-left: ${re.variables.spacingMedium};
     overflow: hidden;
     text-align: start;
     text-overflow: ellipsis;
     white-space: nowrap;
-`,ve=V()(ue()).attrs({"data-test":"image-remove-button"})`
+`,fe=R()(ae()).attrs({"data-test":"image-remove-button"})`
     flex-grow: 0;
-    color: ${ce.variables.contentColorActive} !important;
+    color: ${re.variables.contentColorActive} !important;
     &:hover {
-        background-color: ${ce.variables.actionColorBackgroundSecondaryHover} !important;
+        background-color: ${re.variables.actionColorBackgroundSecondaryHover} !important;
     }
-`,ye=V().img`
-    ${ce.mixins.reset("block")};
+`,pe=R().img`
+    ${re.mixins.reset("block")};
     margin: 0 auto;
     max-width: 100%;
     max-height: 180px;
-`,Ce=({filename:e=null,imageDataURI:t=null,onImageRemove:o=Z.noop,overrideCSPViolation:a})=>{const r=(0,de.useCSPViolationObserver)(t,a);return n().createElement(me,null,n().createElement(ge,null,n().createElement(be,null,n().createElement(he,null,e),n().createElement(ve,{"aria-label":(0,N._)("Remove image"),appearance:"subtle",icon:pe,onClick:o})),n().createElement(ye,{alt:e,src:t})),"none"!==r&&n().createElement(fe.MessageContainer,null,n().createElement(X.CSPMessage,{type:r})))};Ce.propTypes={filename:s().string,imageDataURI:s().string,onImageRemove:s().func,overrideCSPViolation:s().string};const _e=Ce,Oe=({onChange:e,name:t,value:o,labelPosition:a="top",labelWidth:r,label:i,validMediaTypes:s,svgRenderAsDom:u,overrideCSPViolation:c})=>{const d=(0,l.useContext)(A()),[f,p]=(0,l.useState)(null),[m,g]=(0,l.useState)(null),b=(0,l.useCallback)((async(o,a)=>{try{const r=await d.upload(a,{name:o},null,s);e(null,t,r)}catch(e){console.warn(e)}}),[d,s,e,t]),v=(0,l.useCallback)((({src:o,filename:a,imageDataURI:r})=>o?e(null,t,o):null!==a&&null!==r?b(a,r):e(null,t,null)),[b,e,t]),y=(0,l.useCallback)((o=>e(o,t,null)),[e,t]);return(0,l.useEffect)((()=>{(async()=>{if(o){const e=await(async(e,t)=>null!=e&&e.isResourceURL(t)?e.getByURL(t):{dataURI:t,metaData:{name:t}})(d,o);p(e.dataURI),g(e.metaData.name)}})()}),[o,d]),n().createElement(h(),{label:i,labelPosition:a,labelWidth:r},o?n().createElement(_e,{filename:m,imageDataURI:f,onImageRemove:y,overrideCSPViolation:c}):n().createElement(le,{svgRenderAsDom:u,validImageTypes:s,handleImageUpload:v}))};Oe.propTypes={onChange:s().func.isRequired,name:s().string.isRequired,label:s().string.isRequired,value:s().string,labelPosition:s().oneOf(["top","left"]),labelWidth:s().number,validMediaTypes:s().array,svgRenderAsDom:s().bool,overrideCSPViolation:s().string};const Ee=Oe;var xe=o(5777),Pe=o.n(xe),je=o(4566),we=o.n(je),Te=o(3773);const De=V().div.attrs((()=>({"data-test":"threshold-error"})))`
-    color: ${we().contentColorNegative};
+`,me=({filename:e=null,imageDataURI:t=null,onImageRemove:o=U.noop,overrideCSPViolation:a})=>{const r=(0,le.useCSPViolationObserver)(t,a);return n().createElement(se,null,n().createElement(ue,null,n().createElement(ce,null,n().createElement(de,null,e),n().createElement(fe,{"aria-label":(0,B._)("Remove image"),appearance:"subtle",icon:ie,onClick:o})),n().createElement(pe,{alt:e,src:t})),"none"!==r&&n().createElement(ne.MessageContainer,null,n().createElement(z.CSPMessage,{type:r})))};me.propTypes={filename:s().string,imageDataURI:s().string,onImageRemove:s().func,overrideCSPViolation:s().string};const ge=me,be=({onChange:e,name:t,value:o,labelPosition:a="top",labelWidth:r,label:i,validMediaTypes:s,svgRenderAsDom:u,overrideCSPViolation:c})=>{const d=(0,l.useContext)(S()),[f,p]=(0,l.useState)(null),[m,g]=(0,l.useState)(null),b=(0,l.useCallback)((async(o,a)=>{try{const r=await d.upload(a,{name:o},null,s);e(null,t,r)}catch(e){console.warn(e)}}),[d,s,e,t]),h=(0,l.useCallback)((({src:o,filename:a,imageDataURI:r})=>o?e(null,t,o):null!==a&&null!==r?b(a,r):e(null,t,null)),[b,e,t]),y=(0,l.useCallback)((o=>e(o,t,null)),[e,t]);return(0,l.useEffect)((()=>{(async()=>{if(o){const e=await(async(e,t)=>null!=e&&e.isResourceURL(t)?e.getByURL(t):{dataURI:t,metaData:{name:t}})(d,o);p(e.dataURI),g(e.metaData.name)}})()}),[o,d]),n().createElement(v(),{label:i,labelPosition:a,labelWidth:r},o?n().createElement(ge,{filename:m,imageDataURI:f,onImageRemove:y,overrideCSPViolation:c}):n().createElement(Q,{svgRenderAsDom:u,validImageTypes:s,handleImageUpload:h}))};be.propTypes={onChange:s().func.isRequired,name:s().string.isRequired,label:s().string.isRequired,value:s().string,labelPosition:s().oneOf(["top","left"]),labelWidth:s().number,validMediaTypes:s().array,svgRenderAsDom:s().bool,overrideCSPViolation:s().string};const he=be;var ve=o(5777),ye=o.n(ve),Ce=o(4566),_e=o.n(Ce),Oe=o(3773);const Ee=R().div.attrs((()=>({"data-test":"threshold-error"})))`
+    color: ${_e().contentColorNegative};
     padding-top: 5px;
     font-size: 12px;
     display: block;
-`,Se=({error:e,id:t,thresholdIndex:o})=>e?n().createElement(De,{id:t},"number"==typeof o?(0,Te.sprintf)((0,N._)("Error for threshold %(thresholdIndex)d : %(error)s"),{thresholdIndex:o,error:e}):(0,Te.sprintf)((0,N._)("Error: %(error)s"),{error:e})):null;Se.propTypes={id:s().string,error:s().string,thresholdIndex:s().number};const Me=Se,ke=({"data-test":e="threshold-boundary-input",boundary:t,isDisabled:o=!1,isEditable:a=!0,errorId:r,onChange:i=Z.noop,onRequestClose:s=Z.noop,onValidate:u=Z.noop,index:c})=>{const[d,f]=(0,l.useState)(t);(0,l.useEffect)((()=>{f(t)}),[t]);const p=(0,l.useCallback)(((e,{value:t})=>{f(t),u(t)}),[u]),m=(0,l.useCallback)((e=>{"Enter"===e.key&&i(d),"Escape"===e.key&&s()}),[d,i,s]),g=(0,l.useCallback)((()=>{i(d)}),[i,d]),b="number"==typeof c?(0,Te.sprintf)((0,N._)("Threshold number %(index)d"),{index:c}):(0,N._)("Threshold");return a?n().createElement(x(),{"aria-label":d?(0,Te.sprintf)((0,N._)("%(label)s, value %(boundaryValue)d"),{label:b,boundaryValue:d}):(0,Te.sprintf)((0,N._)("%(label)s, no value"),{label:b}),inline:!0,hideStepButtons:!0,disabled:o,value:d||0===d?d:null,onChange:p,onBlur:g,onKeyDown:m,error:!!r,"data-test":e,describedBy:r}):null};ke.propTypes={"data-test":s().string,boundary:s().number,isDisabled:s().bool,isEditable:s().bool,errorId:s().string,onChange:s().func,onRequestClose:s().func,onValidate:s().func,index:s().number};const Fe=ke;function Re(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,a)}return o}function Be(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?Re(Object(o),!0).forEach((function(t){L()(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):Re(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}const Ae=["#dc4e41","#f1813f","#f8be34","#53a051","#0877a6","#006d9c","#ec9960","#af575a","#62b3b2","#4fa484","#f8be44","#5a4575","#708794","#294e70","#b6c75a"];function Ie(e=[]){if(e.length<2)return console.warn("Invalid threshold configuration: at least 2 thresholds required"),e;const t=e.map((e=>{const t=Be({},e);return e.from&&(t.from=+e.from),e.to&&(t.to=+e.to),t})),o=t.filter((e=>void 0===e.from));o.length>1&&console.warn("Invalid threshold configuration: multiple open lower boundaries");const a=t.filter((e=>void 0!==e.from));a.length!==(0,Z.uniqBy)(a,"from").length&&console.warn("Invalid threshold configuration: duplicate from values");const r=a.sort(((e,t)=>+t.from-+e.from));if(o.length){const e=o[0];return e.to!==r[r.length-1].from&&(e.to=r[r.length-1].from),r.forEach(((e,t)=>{const o=Be({},e);t>0?o.to=r[t-1].from:delete o.to,r[t]=o})),[...r,e]}return r.forEach(((e,t)=>{const o=Be({},e);t>0&&(o.to=r[t-1].from),r[t]=o})),r}function Le(e="",t=[]){const o=parseFloat(e);return(0,Z.isNaN)(o)||(0,Z.isNaN)(+e)?{error:!0,errorMessage:(0,N._)("Not a valid threshold. Must be a number")}:t.filter((e=>e.from===o)).length>0?{error:!0,errorMessage:(0,N._)("Value already exists")}:{error:!1,errorMessage:null}}const $e=V().div.attrs((()=>({"data-test":"add-threshold-level"})))`
+`,xe=({error:e,id:t,thresholdIndex:o})=>e?n().createElement(Ee,{id:t},"number"==typeof o?(0,Oe.sprintf)((0,B._)("Error for threshold %(thresholdIndex)d : %(error)s"),{thresholdIndex:o,error:e}):(0,Oe.sprintf)((0,B._)("Error: %(error)s"),{error:e})):null;xe.propTypes={id:s().string,error:s().string,thresholdIndex:s().number};const Pe=xe,je=({"data-test":e="threshold-boundary-input",boundary:t,isDisabled:o=!1,isEditable:a=!0,errorId:r,onChange:i=U.noop,onRequestClose:s=U.noop,onValidate:u=U.noop,index:c})=>{const[d,f]=(0,l.useState)(t);(0,l.useEffect)((()=>{f(t)}),[t]);const p=(0,l.useCallback)(((e,{value:t})=>{f(t),u(t)}),[u]),m=(0,l.useCallback)((e=>{"Enter"===e.key&&i(d),"Escape"===e.key&&s()}),[d,i,s]),g=(0,l.useCallback)((()=>{i(d)}),[i,d]),h="number"==typeof c?(0,Oe.sprintf)((0,B._)("Threshold number %(index)d"),{index:c}):(0,B._)("Threshold");return a?n().createElement(b(),{"aria-label":d?(0,Oe.sprintf)((0,B._)("%(label)s, value %(boundaryValue)d"),{label:h,boundaryValue:d}):(0,Oe.sprintf)((0,B._)("%(label)s, no value"),{label:h}),inline:!0,hideStepButtons:!0,disabled:o,value:d||0===d?d:null,onChange:p,onBlur:g,onKeyDown:m,error:!!r,"data-test":e,describedBy:r}):null};je.propTypes={"data-test":s().string,boundary:s().number,isDisabled:s().bool,isEditable:s().bool,errorId:s().string,onChange:s().func,onRequestClose:s().func,onValidate:s().func,index:s().number};const we=je;function Te(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,a)}return o}function De(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?Te(Object(o),!0).forEach((function(t){k()(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):Te(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}const Se=["#dc4e41","#f1813f","#f8be34","#53a051","#0877a6","#006d9c","#ec9960","#af575a","#62b3b2","#4fa484","#f8be44","#5a4575","#708794","#294e70","#b6c75a"];function Me(e=[]){if(e.length<2)return console.warn("Invalid threshold configuration: at least 2 thresholds required"),e;const t=e.map((e=>{const t=De({},e);return e.from&&(t.from=+e.from),e.to&&(t.to=+e.to),t})),o=t.filter((e=>void 0===e.from));o.length>1&&console.warn("Invalid threshold configuration: multiple open lower boundaries");const a=t.filter((e=>void 0!==e.from));a.length!==(0,U.uniqBy)(a,"from").length&&console.warn("Invalid threshold configuration: duplicate from values");const r=a.sort(((e,t)=>+t.from-+e.from));if(o.length){const e=o[0];return e.to!==r[r.length-1].from&&(e.to=r[r.length-1].from),r.forEach(((e,t)=>{const o=De({},e);t>0?o.to=r[t-1].from:delete o.to,r[t]=o})),[...r,e]}return r.forEach(((e,t)=>{const o=De({},e);t>0&&(o.to=r[t-1].from),r[t]=o})),r}function ke(e="",t=[]){const o=parseFloat(e);return(0,U.isNaN)(o)||(0,U.isNaN)(+e)?{error:!0,errorMessage:(0,B._)("Not a valid threshold. Must be a number")}:t.filter((e=>e.from===o)).length>0?{error:!0,errorMessage:(0,B._)("Value already exists")}:{error:!1,errorMessage:null}}const Fe=R().div.attrs((()=>({"data-test":"add-threshold-level"})))`
     margin-bottom: 10px;
-`,Ve=({thresholds:e,onAddThreshold:t=Z.noop})=>{const[o,a]=(0,l.useState)(!1),[r,i]=(0,l.useState)(null),s=(0,l.useCallback)((()=>{a(!o)}),[o]),u=(0,l.useCallback)((o=>{const a=Le(o,e);a.error?i(a.errorMessage):t(o)}),[e,t]),c=(0,l.useCallback)((t=>{const o=Le(t,e);o.error&&i(o.errorMessage)}),[e]);return n().createElement($e,null,o?n().createElement(n().Fragment,null,n().createElement(Fe,{"data-test":"add-threshold-input",isError:!!r,onChange:u,onRequestClose:s,onValidate:c}),n().createElement(Me,{error:r})):n().createElement(ue(),{appearance:"secondary",onClick:s,label:`+ ${(0,N._)("Add threshold level")}`}))};Ve.propTypes={onAddThreshold:s().func,thresholds:s().array};const Ne=Ve;var qe=o(8987),We=o(6379),Ue=o.n(We);const ze=V().div`
+`,Re=({thresholds:e,onAddThreshold:t=U.noop})=>{const[o,a]=(0,l.useState)(!1),[r,i]=(0,l.useState)(null),s=(0,l.useCallback)((()=>{a(!o)}),[o]),u=(0,l.useCallback)((o=>{const a=ke(o,e);a.error?i(a.errorMessage):t(o)}),[e,t]),c=(0,l.useCallback)((t=>{const o=ke(t,e);o.error&&i(o.errorMessage)}),[e]);return n().createElement(Fe,null,o?n().createElement(n().Fragment,null,n().createElement(we,{"data-test":"add-threshold-input",isError:!!r,onChange:u,onRequestClose:s,onValidate:c}),n().createElement(Pe,{error:r})):n().createElement(ae(),{appearance:"secondary",onClick:s,label:`+ ${(0,B._)("Add threshold level")}`}))};Re.propTypes={onAddThreshold:s().func,thresholds:s().array};const Be=Re;var Ae=o(8987),Ie=o(6379),Le=o.n(Ie);const $e=R().div`
     margin-right: 10px;
     width: 100px;
     display: inline-block;
-`,Ke=V().div.attrs((()=>({"data-test":"threshold-boundary-label"})))`
+`,Ve=R().div.attrs((()=>({"data-test":"threshold-boundary-label"})))`
     flex-grow: 1;
     flex-direction: row;
-`,Ge=V().span`
+`,Ne=R().span`
     line-height: 36px;
     margin-right: 10px;
-    color: ${e=>e.isDisabled?we().contentColorDisabled:we().contentColorMuted};
-`,He=V().span`
+    color: ${e=>e.isDisabled?_e().contentColorDisabled:_e().contentColorMuted};
+`,qe=R().span`
     display: inline-block;
-    color: ${e=>e.isDisabled?we().contentColorDisabled:we().contentColorMuted};
+    color: ${e=>e.isDisabled?_e().contentColorDisabled:_e().contentColorMuted};
     width: 30px;
     text-overflow: ellipsis;
     vertical-align: bottom;
     overflow: hidden;
     white-space: nowrap;
-`,Ye=({describedBy:e,isDisabled:t,to:o})=>n().createElement(He,{"aria-describedby":e,isDisabled:t},o);Ye.propTypes={describedBy:s().any,isDisabled:s().bool,to:s().number};const Ze=({isDisabled:e,to:t})=>n().createElement(Ue(),{content:`${t}`},n().createElement(Ye,{to:t,isDisabled:e}));Ze.propTypes={isDisabled:s().bool,to:s().number};const Xe=({index:e,to:t,isRemovable:o,isEditable:a,onChange:r,isDisabled:l,errorId:i})=>{const s=0===e,u=o?`${(0,N._)("and")} `:"";return a?n().createElement(Ke,null,n().createElement(Ge,{isDisabled:l},(0,N._)("to")),n().createElement(ze,null,n().createElement(Fe,{"data-test":"threshold-to-level",boundary:t,isDisabled:l,isEditable:!0,errorId:i,onChange:r}))):n().createElement(Ke,null,s&&n().createElement(Ge,{isDisabled:l},(0,N._)("and above")),!s&&n().createElement(n().Fragment,null,n().createElement(Ge,{isDisabled:l},`${u}${(0,N._)("below")}`),n().createElement(Ze,{isDisabled:l,to:t})))};Xe.propTypes={to:s().number,index:s().number,isRemovable:s().bool,isEditable:s().bool,isDisabled:s().bool,onChange:s().func,errorId:s().string};const Je=Xe,Qe=V().div.attrs((()=>({"data-test":"threshold-level"})))`
+`,We=({describedBy:e,isDisabled:t,to:o})=>n().createElement(qe,{"aria-describedby":e,isDisabled:t},o);We.propTypes={describedBy:s().any,isDisabled:s().bool,to:s().number};const Ue=({isDisabled:e,to:t})=>n().createElement(Le(),{content:`${t}`},n().createElement(We,{to:t,isDisabled:e}));Ue.propTypes={isDisabled:s().bool,to:s().number};const ze=({index:e,to:t,isRemovable:o,isEditable:a,onChange:r,isDisabled:l,errorId:i})=>{const s=0===e,u=o?`${(0,B._)("and")} `:"";return a?n().createElement(Ve,null,n().createElement(Ne,{isDisabled:l},(0,B._)("to")),n().createElement($e,null,n().createElement(we,{"data-test":"threshold-to-level",boundary:t,isDisabled:l,isEditable:!0,errorId:i,onChange:r}))):n().createElement(Ve,null,s&&n().createElement(Ne,{isDisabled:l},(0,B._)("and above")),!s&&n().createElement(n().Fragment,null,n().createElement(Ne,{isDisabled:l},`${u}${(0,B._)("below")}`),n().createElement(Ue,{isDisabled:l,to:t})))};ze.propTypes={to:s().number,index:s().number,isRemovable:s().bool,isEditable:s().bool,isDisabled:s().bool,onChange:s().func,errorId:s().string};const Ge=ze,Ke=R().div.attrs((()=>({"data-test":"threshold-level"})))`
     width: 100%;
     position: relative;
     display: flex;
     align-items: flex-end;
     margin-bottom: 5px;
-`,et=V().div`
+`,He=R().div`
     margin-right: 10px;
     width: 100px;
     display: inline-block;
-`,tt=V().div`
+`,Ye=R().div`
     display: flex;
     margin-left: auto;
-`,ot=V().div`
-    margin-left: ${ce.variables.spacingXSmall};
-    width: ${ce.variables.spacingXXLarge};
-`,at=V()(ue())`
-    color: ${e=>e.disabled?ce.variables.contentColorDisabled:ce.variables.contentColorActive} !important;
+`,Ze=R().div`
+    margin-left: ${re.variables.spacingXSmall};
+    width: ${re.variables.spacingXXLarge};
+`,Xe=R()(ae())`
+    color: ${e=>e.disabled?re.variables.contentColorDisabled:re.variables.contentColorActive} !important;
     &:hover {
-        background-color: ${e=>!e.disabled&&ce.variables.interactiveColorOverlayDrag} !important;
+        background-color: ${e=>!e.disabled&&re.variables.interactiveColorOverlayDrag} !important;
     }
-`,rt=({editFrom:e,editTo:t,editValue:o,error:a,from:r,index:i,isDisabled:s=!1,isRemovable:u=!1,onChange:c,onRemove:d,renderThresholdValueEditor:f,to:p,value:m})=>{const g=(0,l.useCallback)((e=>{(a||e!==r)&&c(i,{from:e,value:m,to:p})}),[c,r,m,p,i,a]),b=(0,l.useCallback)((e=>{(a||e!==p)&&c(i,{from:r,value:m,to:e})}),[c,r,m,p,i,a]),h=(0,l.useCallback)((({value:e})=>{c(i,{from:r,value:e,to:p})}),[c,i,r,p]),v=(0,l.useCallback)((()=>d(i)),[d,i]),y=(0,l.useMemo)((()=>a?(0,qe.createDOMID)("threshold-error"):void 0),[a]);return n().createElement(n().Fragment,null,n().createElement(Qe,null,n().createElement(et,null,n().createElement(Fe,{"data-test":"threshold-from-level",boundary:r,isDisabled:s,isEditable:e,errorId:y,onChange:g,index:i})),n().createElement(Je,{to:p,index:i,isRemovable:u,isEditable:t,isDisabled:s,onChange:b,errorId:y}),n().createElement(tt,null,f({value:m,onChange:h,isDisabled:s||!!a,editValue:o})),n().createElement(ot,null,u&&n().createElement(at,{"data-test":"threshold-remove-button",icon:n().createElement(ie(),null),appearance:"subtle",onClick:v,disabled:s}))),n().createElement(Me,{error:a,id:y,thresholdIndex:i}))};rt.propTypes={editFrom:s().bool,editTo:s().bool,editValue:s().bool,error:s().string,from:s().number,index:s().number,isDisabled:s().bool,isRemovable:s().bool,onChange:s().func,onRemove:s().func,renderThresholdValueEditor:s().elementType.isRequired,to:s().number,value:s().string};const lt=rt;function nt(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,a)}return o}function it(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?nt(Object(o),!0).forEach((function(t){L()(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):nt(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}const st=[],ut=({ranges:e=st,openRanges:t=!0,isDisabled:o=!1,onChange:a,renderThresholdValueEditor:r})=>{const[i,s]=(0,l.useState)({}),u=(0,l.useCallback)((t=>{const o=(0,Z.cloneDeep)(e);o.splice(t,1),a(Ie(o));const r=it({},i);delete r[t],s(r)}),[i,e,a]),c=(0,l.useCallback)(((o,r)=>{const l=(0,Z.cloneDeep)(e),n=it({},i);if(l.splice(o,1,r),delete n[o],!t&&0===o){const e=function(e="",t=""){const o=parseFloat(e),a=parseFloat(t);return(0,Z.isNaN)(o)||(0,Z.isNaN)(+e)||(0,Z.isNaN)(a)||(0,Z.isNaN)(+t)?{error:!0,errorMessage:(0,N._)("Not a valid threshold. Must be a number")}:o<a?{error:!0,errorMessage:(0,N._)("Upper boundary must exceed lower boundary")}:{error:!1,errorMessage:null}}(r.to,r.from);e.error&&(n[o]=e.errorMessage)}if(!t&&0!==o&&r.to<r.from&&r.from>e[0].from&&(l[o].to=r.from+10),!t||o<e.length-1){const t=(0,Z.cloneDeep)(e);t.splice(o,1);const a=Le(r.from,t);a.error&&(n[o]=a.errorMessage)}s(n),Object.keys(n).length||a(Ie(l))}),[i,e,a,t]),d=!!Object.keys(i).length,f=(0,l.useCallback)((o=>!t&&e.length>1||t&&e.length>2&&o!==e.length-1),[t,e]);return e.map(((a,l)=>n().createElement(lt,{key:`threshold-${a.from}-${a.to}-${a.value}`,onRemove:u,onChange:c,index:l,from:a.from,to:a.to,value:a.value,error:i[l],editFrom:!t||l!==e.length-1,editTo:!t&&0===l,editValue:!d,isRemovable:f(l),isDisabled:o,renderThresholdValueEditor:r})))};ut.propTypes={onChange:s().func.isRequired,ranges:s().arrayOf(s().shape({from:s().number,to:s().number,value:s().string})),isDisabled:s().bool,renderThresholdValueEditor:s().elementType.isRequired,openRanges:s().bool};const ct=ut;var dt=o(7408),ft=o.n(dt),pt=o(3283);const mt=({isDisabled:e,value:t,onChange:o})=>n().createElement(ft(),{disabled:e,value:(0,pt.isColor)(t)?t:"transparent",onChange:o,hideInput:!0,palette:Ae,"data-test":"threshold-level-value"});mt.propTypes={isDisabled:s().bool,value:s().string,onChange:s().func.isRequired};const gt=mt,bt=V().div`
+`,Je=({editFrom:e,editTo:t,editValue:o,error:a,from:r,index:i,isDisabled:s=!1,isRemovable:u=!1,onChange:c,onRemove:d,renderThresholdValueEditor:f,to:p,value:m})=>{const g=(0,l.useCallback)((e=>{(a||e!==r)&&c(i,{from:e,value:m,to:p})}),[c,r,m,p,i,a]),b=(0,l.useCallback)((e=>{(a||e!==p)&&c(i,{from:r,value:m,to:e})}),[c,r,m,p,i,a]),h=(0,l.useCallback)((({value:e})=>{c(i,{from:r,value:e,to:p})}),[c,i,r,p]),v=(0,l.useCallback)((()=>d(i)),[d,i]),y=(0,l.useMemo)((()=>a?(0,Ae.createDOMID)("threshold-error"):void 0),[a]);return n().createElement(n().Fragment,null,n().createElement(Ke,null,n().createElement(He,null,n().createElement(we,{"data-test":"threshold-from-level",boundary:r,isDisabled:s,isEditable:e,errorId:y,onChange:g,index:i})),n().createElement(Ge,{to:p,index:i,isRemovable:u,isEditable:t,isDisabled:s,onChange:b,errorId:y}),n().createElement(Ye,null,f({value:m,onChange:h,isDisabled:s||!!a,editValue:o})),n().createElement(Ze,null,u&&n().createElement(Xe,{"data-test":"threshold-remove-button",icon:n().createElement(te(),null),appearance:"subtle",onClick:v,disabled:s}))),n().createElement(Pe,{error:a,id:y,thresholdIndex:i}))};Je.propTypes={editFrom:s().bool,editTo:s().bool,editValue:s().bool,error:s().string,from:s().number,index:s().number,isDisabled:s().bool,isRemovable:s().bool,onChange:s().func,onRemove:s().func,renderThresholdValueEditor:s().elementType.isRequired,to:s().number,value:s().string};const Qe=Je;function et(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,a)}return o}function tt(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?et(Object(o),!0).forEach((function(t){k()(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):et(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}const ot=[],at=({ranges:e=ot,openRanges:t=!0,isDisabled:o=!1,onChange:a,renderThresholdValueEditor:r})=>{const[i,s]=(0,l.useState)({}),u=(0,l.useCallback)((t=>{const o=(0,U.cloneDeep)(e);o.splice(t,1),a(Me(o));const r=tt({},i);delete r[t],s(r)}),[i,e,a]),c=(0,l.useCallback)(((o,r)=>{const l=(0,U.cloneDeep)(e),n=tt({},i);if(l.splice(o,1,r),delete n[o],!t&&0===o){const e=function(e="",t=""){const o=parseFloat(e),a=parseFloat(t);return(0,U.isNaN)(o)||(0,U.isNaN)(+e)||(0,U.isNaN)(a)||(0,U.isNaN)(+t)?{error:!0,errorMessage:(0,B._)("Not a valid threshold. Must be a number")}:o<a?{error:!0,errorMessage:(0,B._)("Upper boundary must exceed lower boundary")}:{error:!1,errorMessage:null}}(r.to,r.from);e.error&&(n[o]=e.errorMessage)}if(!t&&0!==o&&r.to<r.from&&r.from>e[0].from&&(l[o].to=r.from+10),!t||o<e.length-1){const t=(0,U.cloneDeep)(e);t.splice(o,1);const a=ke(r.from,t);a.error&&(n[o]=a.errorMessage)}s(n),Object.keys(n).length||a(Me(l))}),[i,e,a,t]),d=!!Object.keys(i).length,f=(0,l.useCallback)((o=>!t&&e.length>1||t&&e.length>2&&o!==e.length-1),[t,e]);return e.map(((a,l)=>n().createElement(Qe,{key:`threshold-${a.from}-${a.to}-${a.value}`,onRemove:u,onChange:c,index:l,from:a.from,to:a.to,value:a.value,error:i[l],editFrom:!t||l!==e.length-1,editTo:!t&&0===l,editValue:!d,isRemovable:f(l),isDisabled:o,renderThresholdValueEditor:r})))};at.propTypes={onChange:s().func.isRequired,ranges:s().arrayOf(s().shape({from:s().number,to:s().number,value:s().string})),isDisabled:s().bool,renderThresholdValueEditor:s().elementType.isRequired,openRanges:s().bool};const rt=at;var lt=o(7408),nt=o.n(lt),it=o(3283);const st=({isDisabled:e,value:t,onChange:o})=>n().createElement(nt(),{disabled:e,value:(0,it.isColor)(t)?t:"transparent",onChange:o,hideInput:!0,palette:Se,"data-test":"threshold-level-value"});st.propTypes={isDisabled:s().bool,value:s().string,onChange:s().func.isRequired};const ut=st,ct=R().div`
     flex-direction: column;
     flex-grow: 1;
-`,ht=({onChange:e,name:t,itemSchema:o,value:a,labelPosition:r="top",labelWidth:i,label:s,isDisabled:u=!1,isTogglable:c=!0,openRanges:d=!0,renderThresholdValueEditor:f=gt})=>{const p=Array.isArray(a)&&a.length>0,m=(0,l.useCallback)((()=>{e(null,t,o.default)}),[o,t,e]),g=(0,l.useCallback)((()=>{e(null,t,null)}),[t,e]),b=(0,l.useCallback)((()=>p?g():m()),[p,m,g]),v=(0,l.useCallback)((o=>{const r=(0,Z.cloneDeep)(a),l={from:o,value:function(e=[]){const t=(0,Z.difference)(Ae,e);return t.length>0?t[0]:"#444000"}(r.map((e=>e.value)))};d||(l.to=o+10),r.push(l);const n=Ie(r);e(null,t,n)}),[t,a,e,d]),y=(0,l.useCallback)((o=>{e(null,t,o)}),[e,t]);return n().createElement(h(),{label:s,labelPosition:r,labelWidth:i},n().createElement(bt,{"data-test":t},c&&n().createElement(Pe(),{appearance:"toggle",selected:p,onClick:b,disabled:u,role:"switch"},(0,N._)("Threshold")),p&&n().createElement(n().Fragment,null,!u&&n().createElement(Ne,{onAddThreshold:v,thresholds:a}),n().createElement(ct,{onChange:y,ranges:a,isDisabled:u,openRanges:d,renderThresholdValueEditor:f}))))};ht.propTypes={onChange:s().func.isRequired,name:s().string.isRequired,itemSchema:s().object,value:s().arrayOf(s().shape({from:s().number,to:s().number,value:s().string})),label:s().string.isRequired,labelPosition:s().oneOf(["left","top"]),labelWidth:s().number,isDisabled:s().bool,openRanges:s().bool,renderThresholdValueEditor:s().elementType,isTogglable:s().bool};const vt=ht;var yt=o(152),Ct=o(8281),_t=o(4942),Ot=o.n(_t),Et=o(5731),xt=o.n(Et),Pt=o(6116),jt=o.n(Pt),wt=o(8444),Tt=o(4680),Dt=o(7970),St=o.n(Dt),Mt=o(5456),kt=o(7585),Ft=o.n(kt),Rt=o(2117),Bt=o.n(Rt),At=o(2965),It=o.n(At),Lt=o(5695),$t=o.n(Lt),Vt=o(7364),Nt=o.n(Vt),qt=o(9172),Wt=o.n(qt),Ut=o(5678),zt=o.n(Ut),Kt=o(8687),Gt=o.n(Kt);const Ht={"editor.checkbox":c(),"editor.radioBar":C.default,"editor.select":y,"editor.text":_.Z,"editor.textArea":Gt(),"editor.toggle":O.default,"editor.number":w,"editor.color":T.default,"editor.percent":S,"editor.image":Ee,"editor.threshold":vt,"editor.presetSelector":R(),"editor.dynamicColor":yt.DynamicColorEditor,"editor.dynamicColorWithPrecedence":Ct.DynamicColorEditorWithPrecedence,"editor.columnMultiSelector":Ot(),"editor.columnSelector":xt(),"editor.tableColumnFormatter":jt(),"editor.tableBackgroundColor":Tt.TableBackgroundColorEditor,"editor.tableDynamicColor":wt.TableDynamicColorEditor,"editor.slider":k(),"editor.markdown":St(),"editor.staticItem":Mt.default,"editor.dynamicItem":Ft(),"editor.arrayOfStrings":Bt(),"editor.multiColorPicker":It(),"editor.seriesColors":$t(),"editor.seriesColorsByField":Nt(),"editor.columnMultiSelectionByFieldNameEditor":Wt(),"editor.trellisSplitBy":zt()},Yt=({item:e,name:t,itemSchema:o,dataSourceBindings:a,context:l,value:i,onChange:s,isDisabled:u,options:c,optionsSchema:d})=>{const{editor:f}=e;let p;if("string"==typeof f){if(!Ht[f])throw Error(`Invalid editor type: ${f}`);p=Ht[f]}else p=f;const g=(0,m.getStaticItemSchema)(o);return n().createElement("div",{key:e.option||e.encoding,"data-test":`editor-${t}`},n().createElement(p,r()({},e.editorProps,{name:t,isOption:!!e.option,itemSchema:g,dataSourceBindings:a,label:e.label,onChange:s,value:i,context:l,placeholder:e.placeholder,isAdvanced:e.isAdvanced,isDisabled:u,options:c,optionsSchema:d})))};Yt.propTypes={item:s().object.isRequired,name:s().string.isRequired,itemSchema:s().object.isRequired,context:s().object,dataSourceBindings:s().object,value:s().any,onChange:s().func.isRequired,isDisabled:s().bool,options:s().object,optionsSchema:s().object};const Zt=Yt},551:(e,t,o)=>{o.d(t,{default:()=>j});var a=o(6195),r=o.n(a),l=o(9497),n=o.n(l),i=o(23),s=o.n(i),u=o(232),c=o(4793);const d=require("@splunk/themes/getSettingsFromThemedProps");var f=o.n(d);const p=require("@splunk/themes/getTheme");var m=o.n(p),g=o(7464),b=o.n(g),h=o(3453),v=o.n(h),y=o(1353);function C(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,a)}return o}function _(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?C(Object(o),!0).forEach((function(t){r()(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):C(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}const O=({key:e,context:t,options:o,item:a,itemSchema:r,theme:l})=>{let n=(0,c.get)(o,e);if(void 0===n){if(n=r.default,a.overrideDefaultValue&&"function"==typeof a.overrideDefaultValue&&(n=a.overrideDefaultValue({options:o})),void 0===n&&"editor.presetSelector"===a.editor||"editor.tableColumnFormatter"===a.editor){const e=(0,c.get)(a,["editorProps","value"]);"function"==typeof e&&(n=e({context:t,options:o}))}if(void 0===n&&"editor.color"===a.editor){const e=(0,c.get)(a,["editorProps","pickFromTheme"]);if("function"==typeof e)n=e(l)({theme:l});else{const e=(0,c.get)(a,["editorProps","themeVariable"]);if(e){var i;const t=m()(f()({theme:l}));n=null!==(i=(0,c.get)(t,e))&&void 0!==i?i:(0,c.get)(l,e)}}}if(Array.isArray(r.default)&&e.indexOf("[")>-1&&e.indexOf("]")===e.indexOf("[")+2){const t=`${e.slice(e.indexOf("]")+2)}`,a=`${e.slice(0,e.indexOf("]"))}]`,l=(0,c.get)(o,a,void 0);if(l){const e=(({searchList:e,inputObj:t})=>{if(!Array.isArray(e)||0===e.length)return-1;const o=Object.keys(t);let a=0,r=0;return e.forEach(((e,l)=>{let n=0;o.forEach((o=>{e[o]===t[o]&&(n+=1)})),Math.max(a,n)>a&&(a=n,r=l)})),r})({searchList:r.default,inputObj:l});n=(0,c.get)(r.default[e],t,r.default[e])}else n=(0,c.get)(r.default,`[${e.slice(e.indexOf("["))}`,void 0)}}return!v().isDslString(n)||"editor.color"!==a.editor&&"editor.tableBackgroundColor"!==a.editor||(n=(({value:e,item:t,theme:o})=>{var a;const r=null==t||null===(a=t.editorProps)||void 0===a?void 0:a.themes,l={};r&&"object"==typeof r&&Object.keys(r).forEach((e=>{l[e]="function"==typeof r[e]?r[e]({theme:o}):void 0}));const n=v().parseOptions({options:{value:e},context:{themes:l}}),i=(0,c.get)(n,["expressions","value"],[]).pop();if("identifier"===(0,c.get)(i,"type")){const e=(0,c.get)(n,`context.${i.v}`);if("string"==typeof e)return e}})({value:n,item:a,theme:l})||n),n},E=Object.freeze({}),x=()=>{},P=({item:e,options:t=E,context:o=E,schema:a,encoding:r=E,dataContract:i,dataSourceBindings:s=E,onOptionChange:d=x,onEncodingChange:p=x,onVisualizationChange:g=x})=>{const h=(0,l.useContext)(u.ThemeContext),v=(0,l.useContext)(b()),C=(0,l.useCallback)(((t,o,a)=>{if(null==a)return p(t,o,null);const l=(0,c.cloneDeep)(r[o]||(0,c.get)(i,["encoding",o,"default"],{}));return void 0!==e.formatKey?l.format=_(_({},l.format),{},{[e.formatKey]:a}):l.field=a,p(t,o,l)}),[p,e,r,i]),P="function"==typeof e.isDisabled&&e.isDisabled({options:t,context:o,featureFlags:v}),j=(0,l.useMemo)((()=>e.encoding?((e,t)=>{const o=(0,c.cloneDeep)((0,c.get)(e,["encoding",t.encoding],{}));return t.formatKey?o.default=(0,c.get)(o,["default","format",t.formatKey]):o.default=(0,c.get)(o,["default","field"]),o})(i,e):(({item:e,schema:t,theme:o})=>{let a;const r=e.option||e.key;if(a=(0,c.cloneDeep)((0,c.get)(t,r,{})),(0,c.isEmpty)(a)&&r&&r.includes(".")&&(a=(0,c.cloneDeep)((0,c.get)(t,r.split(".").join(".properties."),{}))),(0,c.isEmpty)(a)&&r&&-1!==r.indexOf("["))return a=(0,c.cloneDeep)((0,c.get)(t,r.split("[")[0],{})),a;if(void 0!==a.default)return a;const l=(0,c.get)(e,["editorProps","themeVariable"]);if(l){var n;const e=m()(f()({theme:o}));a.default=null!==(n=(0,c.get)(e,l))&&void 0!==n?n:(0,c.get)(o,l)}return a})({item:e,schema:a,theme:h})),[e,i,a,h]);let w,T,D;return e.encoding?(w=e.encoding,T=(({key:e,encoding:t,itemSchema:o,item:a})=>{let r=a.formatKey?(0,c.get)(t,[e,"format",a.formatKey]):(0,c.get)(t,[e,"field"]);return void 0===r&&o.isRequired&&(r=o.default),r})({key:w,encoding:r,itemSchema:j,item:e}),D=C):e.option&&e.context||!e.option&&!e.context?(w=e.option||e.key,T=O({key:w,options:t,context:o,item:e,itemSchema:j,theme:h}),D=g):(w=e.option,T=O({key:w,options:t,item:e,itemSchema:j,theme:h}),D=d),n().createElement(y.default,{item:e,name:w,context:o,itemSchema:j,dataSourceBindings:s,value:T,onChange:D,isDisabled:P,options:t,optionsSchema:a})};P.propTypes={item:s().object.isRequired,options:s().object,encoding:s().object,context:s().object,dataContract:s().object.isRequired,dataSourceBindings:s().object,schema:s().object.isRequired,onOptionChange:s().func,onEncodingChange:s().func,onVisualizationChange:s().func};const j=P},437:(e,t,o)=>{o.r(t),o.d(t,{default:()=>S});var a=o(9497),r=o.n(a),l=o(23),n=o.n(l),i=o(232),s=o.n(i),u=o(4793),c=o(3563),d=o(7408),f=o.n(d),p=o(4082),m=o.n(p),g=o(8987),b=o(6649);const h=require("@splunk/react-ui/ScreenReaderContent");var v=o.n(h);const y=require("@splunk/visualizations-shared/colorConstants");var C=o(3283),_=o(4008),O=o.n(_);const E=s().div`
+`,dt=({onChange:e,name:t,itemSchema:o,value:a,labelPosition:r="top",labelWidth:i,label:s,isDisabled:u=!1,isTogglable:c=!0,openRanges:d=!0,renderThresholdValueEditor:f=ut})=>{const p=Array.isArray(a)&&a.length>0,m=(0,l.useCallback)((()=>{e(null,t,o.default)}),[o,t,e]),g=(0,l.useCallback)((()=>{e(null,t,null)}),[t,e]),b=(0,l.useCallback)((()=>p?g():m()),[p,m,g]),h=(0,l.useCallback)((o=>{const r=(0,U.cloneDeep)(a),l={from:o,value:function(e=[]){const t=(0,U.difference)(Se,e);return t.length>0?t[0]:"#444000"}(r.map((e=>e.value)))};d||(l.to=o+10),r.push(l);const n=Me(r);e(null,t,n)}),[t,a,e,d]),y=(0,l.useCallback)((o=>{e(null,t,o)}),[e,t]);return n().createElement(v(),{label:s,labelPosition:r,labelWidth:i},n().createElement(ct,{"data-test":t},c&&n().createElement(ye(),{appearance:"toggle",selected:p,onClick:b,disabled:u,role:"switch"},(0,B._)("Threshold")),p&&n().createElement(n().Fragment,null,!u&&n().createElement(Be,{onAddThreshold:h,thresholds:a}),n().createElement(rt,{onChange:y,ranges:a,isDisabled:u,openRanges:d,renderThresholdValueEditor:f}))))};dt.propTypes={onChange:s().func.isRequired,name:s().string.isRequired,itemSchema:s().object,value:s().arrayOf(s().shape({from:s().number,to:s().number,value:s().string})),label:s().string.isRequired,labelPosition:s().oneOf(["left","top"]),labelWidth:s().number,isDisabled:s().bool,openRanges:s().bool,renderThresholdValueEditor:s().elementType,isTogglable:s().bool};const ft=dt;var pt=o(1027),mt=o(152),gt=o(8281),bt=o(4942),ht=o.n(bt),vt=o(5731),yt=o.n(vt),Ct=o(6116),_t=o.n(Ct),Ot=o(8444),Et=o(4680),xt=o(7970),Pt=o.n(xt),jt=o(5456),wt=o(7585),Tt=o.n(wt),Dt=o(2117),St=o.n(Dt),Mt=o(2965),kt=o.n(Mt),Ft=o(5695),Rt=o.n(Ft),Bt=o(7364),At=o.n(Bt),It=o(9172),Lt=o.n(It),$t=o(5678),Vt=o.n($t),Nt=o(8687),qt=o.n(Nt),Wt=o(1546);const Ut={"editor.checkbox":c(),"editor.radioBar":f.default,"editor.select":d.default,"editor.text":p.Z,"editor.textArea":qt(),"editor.toggle":m.default,"editor.number":_,"editor.color":O.default,"editor.percent":x,"editor.image":he,"editor.threshold":ft,"editor.presetSelector":T(),"editor.dynamicColor":mt.DynamicColorEditor,"editor.dynamicColorWithPrecedence":gt.DynamicColorEditorWithPrecedence,"editor.columnMultiSelector":ht(),"editor.columnSelector":yt(),"editor.tableColumnFormatter":_t(),"editor.tableBackgroundColor":Et.TableBackgroundColorEditor,"editor.tableDynamicColor":Ot.TableDynamicColorEditor,"editor.slider":j(),"editor.markdown":Pt(),"editor.staticItem":jt.default,"editor.dynamicItem":Tt(),"editor.arrayOfStrings":St(),"editor.multiColorPicker":kt(),"editor.seriesColors":Rt(),"editor.seriesColorsByField":At(),"editor.columnMultiSelectionByFieldNameEditor":Lt(),"editor.trellisSplitBy":Vt(),"editor.networkGraphDynamicColor":Wt.NetworkGraphDynamicColorEditor},zt=({item:e,name:t,itemSchema:o,dataSourceBindings:a,context:l,value:i,onChange:s,isDisabled:u,options:c,optionsSchema:d})=>{const{editor:f}=e;let p;if("string"==typeof f){if(!Ut[f])throw Error(`Invalid editor type: ${f}`);p=Ut[f]}else p=f;const m=(0,pt.getStaticItemSchema)(o);return n().createElement("div",{key:e.option||e.encoding,"data-test":`editor-${t}`},n().createElement(p,r()({},e.editorProps,{name:t,isOption:!!e.option,itemSchema:m,dataSourceBindings:a,label:e.label,onChange:s,value:i,context:l,placeholder:e.placeholder,isAdvanced:e.isAdvanced,isDisabled:u,options:c,optionsSchema:d})))};zt.propTypes={item:s().object.isRequired,name:s().string.isRequired,itemSchema:s().object.isRequired,context:s().object,dataSourceBindings:s().object,value:s().any,onChange:s().func.isRequired,isDisabled:s().bool,options:s().object,optionsSchema:s().object};const Gt=zt},551:(e,t,o)=>{o.d(t,{default:()=>j});var a=o(6195),r=o.n(a),l=o(9497),n=o.n(l),i=o(23),s=o.n(i),u=o(232),c=o(4793);const d=require("@splunk/themes/getSettingsFromThemedProps");var f=o.n(d);const p=require("@splunk/themes/getTheme");var m=o.n(p),g=o(7464),b=o.n(g),h=o(3453),v=o.n(h),y=o(9952);function C(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,a)}return o}function _(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?C(Object(o),!0).forEach((function(t){r()(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):C(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}const O=({key:e,context:t,options:o,item:a,itemSchema:r,theme:l})=>{let n=(0,c.get)(o,e);if(void 0===n){if(n=r.default,a.overrideDefaultValue&&"function"==typeof a.overrideDefaultValue&&(n=a.overrideDefaultValue({options:o})),void 0===n&&"editor.presetSelector"===a.editor||"editor.tableColumnFormatter"===a.editor){const e=(0,c.get)(a,["editorProps","value"]);"function"==typeof e&&(n=e({context:t,options:o}))}if(void 0===n&&"editor.color"===a.editor){const e=(0,c.get)(a,["editorProps","pickFromTheme"]);if("function"==typeof e)n=e(l)({theme:l});else{const e=(0,c.get)(a,["editorProps","themeVariable"]);if(e){var i;const t=m()(f()({theme:l}));n=null!==(i=(0,c.get)(t,e))&&void 0!==i?i:(0,c.get)(l,e)}}}if(Array.isArray(r.default)&&e.indexOf("[")>-1&&e.indexOf("]")===e.indexOf("[")+2){const t=`${e.slice(e.indexOf("]")+2)}`,a=`${e.slice(0,e.indexOf("]"))}]`,l=(0,c.get)(o,a,void 0);if(l){const e=(({searchList:e,inputObj:t})=>{if(!Array.isArray(e)||0===e.length)return-1;const o=Object.keys(t);let a=0,r=0;return e.forEach(((e,l)=>{let n=0;o.forEach((o=>{e[o]===t[o]&&(n+=1)})),Math.max(a,n)>a&&(a=n,r=l)})),r})({searchList:r.default,inputObj:l});n=(0,c.get)(r.default[e],t,r.default[e])}else n=(0,c.get)(r.default,`[${e.slice(e.indexOf("["))}`,void 0)}}return!v().isDslString(n)||"editor.color"!==a.editor&&"editor.tableBackgroundColor"!==a.editor&&"editor.networkGraphDynamicColor"!==a.editor||(n=(({value:e,item:t,theme:o})=>{var a;const r=null==t||null===(a=t.editorProps)||void 0===a?void 0:a.themes,l={};r&&"object"==typeof r&&Object.keys(r).forEach((e=>{l[e]="function"==typeof r[e]?r[e]({theme:o}):void 0}));const n=v().parseOptions({options:{value:e},context:{themes:l}}),i=(0,c.get)(n,["expressions","value"],[]).pop();if("identifier"===(0,c.get)(i,"type")){const e=(0,c.get)(n,`context.${i.v}`);if("string"==typeof e)return e}})({value:n,item:a,theme:l})||n),n},E=Object.freeze({}),x=()=>{},P=({item:e,options:t=E,context:o=E,schema:a,encoding:r=E,dataContract:i,dataSourceBindings:s=E,onOptionChange:d=x,onEncodingChange:p=x,onVisualizationChange:g=x})=>{const h=(0,l.useContext)(u.ThemeContext),v=(0,l.useContext)(b()),C=(0,l.useCallback)(((t,o,a)=>{if(null==a)return p(t,o,null);const l=(0,c.cloneDeep)(r[o]||(0,c.get)(i,["encoding",o,"default"],{}));return void 0!==e.formatKey?l.format=_(_({},l.format),{},{[e.formatKey]:a}):l.field=a,p(t,o,l)}),[p,e,r,i]),P="function"==typeof e.isDisabled&&e.isDisabled({options:t,context:o,featureFlags:v}),j=(0,l.useMemo)((()=>e.encoding?((e,t)=>{const o=(0,c.cloneDeep)((0,c.get)(e,["encoding",t.encoding],{}));return t.formatKey?o.default=(0,c.get)(o,["default","format",t.formatKey]):o.default=(0,c.get)(o,["default","field"]),o})(i,e):(({item:e,schema:t,theme:o})=>{let a;const r=e.option||e.key;if(a=(0,c.cloneDeep)((0,c.get)(t,r,{})),(0,c.isEmpty)(a)&&r&&r.includes(".")&&(a=(0,c.cloneDeep)((0,c.get)(t,r.split(".").join(".properties."),{}))),(0,c.isEmpty)(a)&&r&&-1!==r.indexOf("["))return a=(0,c.cloneDeep)((0,c.get)(t,r.split("[")[0],{})),a;if(void 0!==a.default)return a;const l=(0,c.get)(e,["editorProps","themeVariable"]);if(l){var n;const e=m()(f()({theme:o}));a.default=null!==(n=(0,c.get)(e,l))&&void 0!==n?n:(0,c.get)(o,l)}return a})({item:e,schema:a,theme:h})),[e,i,a,h]);let w,T,D;return e.encoding?(w=e.encoding,T=(({key:e,encoding:t,itemSchema:o,item:a})=>{let r=a.formatKey?(0,c.get)(t,[e,"format",a.formatKey]):(0,c.get)(t,[e,"field"]);return void 0===r&&o.isRequired&&(r=o.default),r})({key:w,encoding:r,itemSchema:j,item:e}),D=C):e.option&&e.context||!e.option&&!e.context?(w=e.option||e.key,T=O({key:w,options:t,context:o,item:e,itemSchema:j,theme:h}),D=g):(w=e.option,T=O({key:w,options:t,item:e,itemSchema:j,theme:h}),D=d),n().createElement(y.default,{item:e,name:w,context:o,itemSchema:j,dataSourceBindings:s,value:T,onChange:D,isDisabled:P,options:t,optionsSchema:a})};P.propTypes={item:s().object.isRequired,options:s().object,encoding:s().object,context:s().object,dataContract:s().object.isRequired,dataSourceBindings:s().object,schema:s().object.isRequired,onOptionChange:s().func,onEncodingChange:s().func,onVisualizationChange:s().func};const j=P},437:(e,t,o)=>{o.r(t),o.d(t,{default:()=>S});var a=o(9497),r=o.n(a),l=o(23),n=o.n(l),i=o(232),s=o.n(i),u=o(4793),c=o(3563),d=o(7408),f=o.n(d),p=o(4082),m=o.n(p),g=o(8987),b=o(6649);const h=require("@splunk/react-ui/ScreenReaderContent");var v=o.n(h);const y=require("@splunk/visualizations-shared/colorConstants");var C=o(3283),_=o(4008),O=o.n(_);const E=s().div`
     max-height: ${c.variables.inputHeight};
     width: 100%;
     min-width: 0;
 `,x=s()(m())`
     max-height: ${c.variables.inputHeight};
-`,P=({color:e,defaultColor:t,prevColor:o})=>{const a="string"==typeof e?e.trim():e;return(0,C.isColor)(a)||null===a?a:(0,C.isColor)(t)?t:(0,C.isColor)(o)||null===o?o:"transparent"},j=({id:e,showTextInput:t,color:o,palette:l,handleColorChange:n,labelledBy:i,textWidth:s,value:u,name:c,handleTextColorChange:d,handleKeyPress:p,handleBlur:m,isDisabled:h})=>{const y=(0,a.useMemo)((()=>(0,g.createDOMID)("color-code")),[]);return r().createElement(r().Fragment,null,r().createElement("div",null,r().createElement(f(),{key:"color-editor",append:t,value:P({color:o}),palette:l,onChange:n,"data-test":`color-picker-${c}`,disabled:h,hideInput:!0,labelledBy:i})),t&&r().createElement(E,{"data-test":"text-container",textWidth:s},r().createElement(v(),{id:y},(0,b._)("Color code input")),r().createElement(x,{key:u,"data-test":c,prepend:!0,value:null===o?"N/A":o,onChange:d,onKeyDown:p,onBlur:m,disabled:h,style:{height:"32px"},labelledBy:`${i} ${y}`,inputId:e})))};j.propTypes={id:n().string,showTextInput:n().bool,color:n().string,palette:n().arrayOf(n().string),handleColorChange:n().func,labelledBy:n().string,textWidth:n().oneOfType([n().string,n().number]),value:n().string,name:n().string.isRequired,handleTextColorChange:n().func,handleKeyPress:n().func,handleBlur:n().func,isDisabled:n().bool};const w={default:"transparent"},T={},D=({name:e="color",value:t="transparent",label:o="",labelPosition:l="top",labelWidth:n,palette:i=y.COLOR_EDITOR_PALETTE,onChange:s=u.noop,itemSchema:c=w,isDisabled:d=!1,textWidth:f="auto",hideLabel:p=!1,showTextInput:m=!0,style:g=T})=>{const[b,h]=(0,a.useState)(t);(0,a.useEffect)((()=>{h(t)}),[t]);const v=(0,a.useMemo)((()=>(0,u.debounce)(s,250)),[s]),C=(0,a.useCallback)((({value:o})=>{const a=P({color:o,defaultColor:c.default,prevColor:t});h(a),t!==a&&v(null,e,a)}),[v,c.default,e,t]),_=(0,a.useCallback)(((e,{value:t})=>{const o="n/a"===(0,u.toLower)(t).trim()?null:t;h(o)}),[]),E=(0,a.useCallback)((o=>{if("Escape"!==o.key){if("Enter"===o.key&&t!==b){const a=P({color:b,defaultColor:c.default,prevColor:t});h(a),a!==t&&s(o,e,a)}}else h(t)}),[e,b,t,s,c.default]),x=(0,a.useCallback)((o=>{if(b!==t){const a=P({color:b,defaultColor:c.default,prevColor:t});h(a),a!==t&&s(o,e,a)}}),[e,b,t,s,c.default]);return r().createElement(O(),{label:o,labelPosition:l,labelWidth:n,style:g,hideLabel:p,controlsLayout:"fillJoin"},r().createElement(j,{showTextInput:m,color:b,palette:i,handleColorChange:C,name:e,isDisabled:d,textWidth:f,value:t,handleTextColorChange:_,handleKeyPress:E,handleBlur:x}))};D.propTypes={name:n().string.isRequired,value:n().string,itemSchema:n().object,label:n().string.isRequired,hideLabel:n().bool,showTextInput:n().bool,style:n().object,labelPosition:n().oneOf(["top","left"]),labelWidth:n().number,palette:n().arrayOf(n().string),onChange:n().func.isRequired,isDisabled:n().bool,textWidth:n().oneOfType([n().string,n().number])};const S=D},3263:(e,t,o)=>{o.r(t),o.d(t,{default:()=>y});var a=o(2649),r=o.n(a),l=o(9497),n=o.n(l),i=o(23),s=o.n(i),u=o(5411),c=o.n(u),d=o(6379),f=o.n(d),p=o(2166),m=o(1027),g=o(5862),b=o(4008),h=o.n(b);const v=({onChange:e,name:t,itemSchema:o,values:a,value:i,labelPosition:s="top",labelWidth:u,label:d,isDisabled:b=!1})=>{const v=(0,m.getOptions)(o,a),y=(0,p.hasTokens)(i)||b,C=(0,l.useCallback)(((o,{value:a})=>e(o,t,a)),[e,t]),_=d&&""!==d?void 0:{marginTop:"-8px"};return n().createElement(h(),{label:d,labelPosition:s,labelWidth:u,style:_},n().createElement(c(),{"data-test":t,onChange:C,value:i,style:g.editorStyle,disabled:y},v.map((e=>{const t=e.label||e.value,o={};return e.icon?o.startAdornment=n().createElement(f(),{content:t},n().createElement(e.icon,{hideDefaultTooltip:!0})):o.label=t,n().createElement(c().Option,r()({key:e.value,value:e.value,disabled:y},o))}))))};v.propTypes={onChange:s().func.isRequired,name:s().string.isRequired,itemSchema:s().object,values:s().arrayOf(s().shape({label:s().string,value:s().oneOfType([s().string,s().bool]).isRequired})),value:s().oneOfType([s().string,s().bool]),label:s().string.isRequired,labelPosition:s().oneOf(["left","top"]),labelWidth:s().number,isDisabled:s().bool};const y=v},5456:(e,t,o)=>{o.r(t),o.d(t,{default:()=>D});var a=o(6195),r=o.n(a),l=o(9497),n=o.n(l),i=o(23),s=o.n(i),u=o(232),c=o.n(u),d=o(4793),f=o(6649),p=o(8965),m=o.n(p),g=o(9967),b=o(4008),h=o.n(b);function v(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,a)}return o}function y(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?v(Object(o),!0).forEach((function(t){r()(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):v(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}const C=c().div`
+`,P=({color:e,defaultColor:t,prevColor:o})=>{const a="string"==typeof e?e.trim():e;return(0,C.isColor)(a)||null===a?a:(0,C.isColor)(t)?t:(0,C.isColor)(o)||null===o?o:"transparent"},j=({id:e,showTextInput:t,color:o,palette:l,handleColorChange:n,labelledBy:i,textWidth:s,value:u,name:c,handleTextColorChange:d,handleKeyPress:p,handleBlur:m,isDisabled:h})=>{const y=(0,a.useMemo)((()=>(0,g.createDOMID)("color-code")),[]);return r().createElement(r().Fragment,null,r().createElement("div",null,r().createElement(f(),{key:"color-editor",append:t,value:P({color:o}),palette:l,onChange:n,"data-test":`color-picker-${c}`,disabled:h,hideInput:!0,labelledBy:i})),t&&r().createElement(E,{"data-test":"text-container",textWidth:s},r().createElement(v(),{id:y},(0,b._)("Color code input")),r().createElement(x,{key:u,"data-test":c,prepend:!0,value:null===o?"N/A":o,onChange:d,onKeyDown:p,onBlur:m,disabled:h,style:{height:"32px"},labelledBy:`${i} ${y}`,inputId:e})))};j.propTypes={id:n().string,showTextInput:n().bool,color:n().string,palette:n().arrayOf(n().string),handleColorChange:n().func,labelledBy:n().string,textWidth:n().oneOfType([n().string,n().number]),value:n().string,name:n().string.isRequired,handleTextColorChange:n().func,handleKeyPress:n().func,handleBlur:n().func,isDisabled:n().bool};const w={default:"transparent"},T={},D=({name:e="color",value:t="transparent",label:o="",labelPosition:l="top",labelWidth:n,palette:i=y.COLOR_EDITOR_PALETTE,onChange:s=u.noop,itemSchema:c=w,isDisabled:d=!1,textWidth:f="auto",hideLabel:p=!1,showTextInput:m=!0,style:g=T})=>{const[b,h]=(0,a.useState)(t);(0,a.useEffect)((()=>{h(t)}),[t]);const v=(0,a.useMemo)((()=>(0,u.debounce)(s,250)),[s]),C=(0,a.useCallback)((({value:o})=>{const a=P({color:o,defaultColor:c.default,prevColor:t});h(a),t!==a&&v(null,e,a)}),[v,c.default,e,t]),_=(0,a.useCallback)(((e,{value:t})=>{const o="n/a"===(0,u.toLower)(t).trim()?null:t;h(o)}),[]),E=(0,a.useCallback)((o=>{if("Escape"!==o.key){if("Enter"===o.key&&t!==b){const a=P({color:b,defaultColor:c.default,prevColor:t});h(a),a!==t&&s(o,e,a)}}else h(t)}),[e,b,t,s,c.default]),x=(0,a.useCallback)((o=>{if(b!==t){const a=P({color:b,defaultColor:c.default,prevColor:t});h(a),a!==t&&s(o,e,a)}}),[e,b,t,s,c.default]);return r().createElement(O(),{label:o,labelPosition:l,labelWidth:n,style:g,hideLabel:p,controlsLayout:"fillJoin"},r().createElement(j,{showTextInput:m,color:b,palette:i,handleColorChange:C,name:e,isDisabled:d,textWidth:f,value:t,handleTextColorChange:_,handleKeyPress:E,handleBlur:x}))};D.propTypes={name:n().string.isRequired,value:n().string,itemSchema:n().object,label:n().string.isRequired,hideLabel:n().bool,showTextInput:n().bool,style:n().object,labelPosition:n().oneOf(["top","left"]),labelWidth:n().number,palette:n().arrayOf(n().string),onChange:n().func.isRequired,isDisabled:n().bool,textWidth:n().oneOfType([n().string,n().number])};const S=D},3263:(e,t,o)=>{o.r(t),o.d(t,{default:()=>y});var a=o(2649),r=o.n(a),l=o(9497),n=o.n(l),i=o(23),s=o.n(i),u=o(5411),c=o.n(u),d=o(6379),f=o.n(d),p=o(2166),m=o(1027),g=o(5862),b=o(4008),h=o.n(b);const v=({onChange:e,name:t,itemSchema:o,values:a,value:i,labelPosition:s="top",labelWidth:u,label:d,isDisabled:b=!1})=>{const v=(0,m.getOptions)(o,a),y=(0,p.hasTokens)(i)||b,C=(0,l.useCallback)(((o,{value:a})=>e(o,t,a)),[e,t]),_=d&&""!==d?void 0:{marginTop:"-8px"};return n().createElement(h(),{label:d,labelPosition:s,labelWidth:u,style:_},n().createElement(c(),{"data-test":t,onChange:C,value:i,style:g.editorStyle,disabled:y},v.map((e=>{const t=e.label||e.value,o={};return e.icon?o.startAdornment=n().createElement(f(),{content:t},n().createElement(e.icon,{hideDefaultTooltip:!0})):o.label=t,n().createElement(c().Option,r()({key:e.value,value:e.value,disabled:y},o))}))))};v.propTypes={onChange:s().func.isRequired,name:s().string.isRequired,itemSchema:s().object,values:s().arrayOf(s().shape({label:s().string,value:s().oneOfType([s().string,s().bool]).isRequired})),value:s().oneOfType([s().string,s().bool]),label:s().string.isRequired,labelPosition:s().oneOf(["left","top"]),labelWidth:s().number,isDisabled:s().bool};const y=v},4182:(e,t,o)=>{o.r(t),o.d(t,{default:()=>g});var a=o(9497),r=o.n(a),l=o(23),n=o.n(l),i=o(2373),s=o.n(i),u=o(2166),c=o(1027),d=o(5862),f=o(4008),p=o.n(f);const m=({onChange:e,name:t,itemSchema:o,values:l,value:n,labelPosition:i="top",labelWidth:f,label:m,tooltip:g,isDisabled:b=!1,isAdvanced:h,hideLabel:v,help:y})=>{const C=(0,c.getOptions)(o,l),_=(0,u.hasTokens)(n)||b,O=(0,a.useCallback)(((o,{value:a})=>e(o,t,a)),[e,t]);return r().createElement(p(),{label:m,labelPosition:i,labelWidth:f,tooltip:g,help:y,isAdvanced:h,hideLabel:v},r().createElement(s(),{"data-test":t,onChange:O,value:n,disabled:_,style:d.editorStyle},C.map((e=>r().createElement(s().Option,{key:e.value,value:e.value,label:e.label||e.value,icon:e.icon?r().createElement(e.icon,null):null,description:e.description})))))};m.propTypes={onChange:n().func.isRequired,name:n().string.isRequired,itemSchema:n().object,values:n().arrayOf(n().shape({label:n().string,value:n().oneOfType([n().string,n().number]).isRequired,description:n().string})),value:n().oneOfType([n().string,n().number]),label:n().string.isRequired,labelPosition:n().oneOf(["left","top"]),labelWidth:n().number,tooltip:n().string,isDisabled:n().bool,isAdvanced:n().bool,hideLabel:n().bool,help:n().string};const g=m},5456:(e,t,o)=>{o.r(t),o.d(t,{default:()=>D});var a=o(6195),r=o.n(a),l=o(9497),n=o.n(l),i=o(23),s=o.n(i),u=o(232),c=o.n(u),d=o(4793),f=o(6649),p=o(8965),m=o.n(p),g=o(9967),b=o(4008),h=o.n(b);function v(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,a)}return o}function y(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?v(Object(o),!0).forEach((function(t){r()(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):v(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}const C=c().div`
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 10px;
@@ -137,7 +137,7 @@
     align-items: center;
     min-height: ${f.variables.inputHeight};
     line-height: 0;
-`,_=(e,t)=>t?[e.find((e=>e!==t)),t]:e;t.default=({help:e,helpFormat:t="tooltip",onChange:o,name:a,value:r,values:l,itemSchema:n,variantForSelectedState:s,labelPosition:u="right",labelWidth:c,label:d,appearance:f="checkbox",isDisabled:O=!1,helpTextLink:E,chipText:x})=>{const P=(0,m.hasTokens)(r)||O;let j;if(Array.isArray(l)&&2===l.length)j=_(l.map((e=>e.value)),s);else if(Array.isArray(n.enum)&&2===n.enum.length)j=_(n.enum,s);else{if("boolean"!==n.type)throw Error(`No valid values provided to CheckboxEditor: ${JSON.stringify(n)}`);j=[!1,!0]}const w=(0,i.useCallback)((e=>o(e,a,r===j[1]?j[0]:j[1])),[o,j,a,r]);return"right"===u?i.default.createElement(i.default.Fragment,null,i.default.createElement(h,{"data-test":a,disabled:P,value:a,onClick:w,selected:r===j[1],appearance:f,hasChip:!!x},i.default.createElement(C,null,d),x&&i.default.createElement(y,{"data-test":"beta-chip"},x),e&&"tooltip"===t&&i.default.createElement(b,{content:e})),e&&"under"===t&&i.default.createElement(v,null,e," ",(null==E?void 0:E.label)&&i.default.createElement(i.default.Fragment,null,i.default.createElement("br",null),i.default.createElement(p.default,{"data-test":"help-text-link",to:(null==E?void 0:E.href)||null},E.label)))):i.default.createElement(g.default,{label:d,labelPosition:u,labelWidth:c,tooltip:e},i.default.createElement(h,{"data-test":a,disabled:P,value:a,onClick:w,selected:r===j[1],appearance:f}))}},9172:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,r)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return r(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.EDITOR_NAME=void 0;const i=l(o(9497)),s=n(o(23)),u=n(o(7446)),c=o(9033),d=o(6801),f=o(1385),p=o(1256),m=n(o(4008));t.EDITOR_NAME="columnMultiSelectionByFieldName-editor";const g=[],b=({name:e,value:o,label:a,labelPosition:r="top",labelWidth:l,isAdvanced:n=!1,isDisabled:s=!1,tooltip:d,dataSourceBindings:b,filterByTypes:h=g,onChange:v})=>{const y=(0,f.useDataSource)({dataSourceBindings:b,dataSourceKey:"primary"}),{hasError:C,isMissing:_,isLoading:O}=(0,i.useMemo)((()=>(0,c.getDataSourceStateInfo)(y)),[y]),E=(0,i.useMemo)((()=>_||C||s),[C,s,_]),{columns:x,fields:P}=(0,i.useMemo)((()=>(null==y?void 0:y.data)||{columns:[],fields:[]}),[y]),j=(0,i.useMemo)((()=>(0,p.getAvailableFieldsWithTypes)(x,P)),[x,P]),w=(0,i.useMemo)((()=>(0,p.sanitizeFieldNames)(o,j.map((e=>e.name)))),[o,j]),T=(0,i.useCallback)(((t,{values:o})=>{v(t,e,o)}),[v,e]);return i.default.createElement(m.default,{"data-test":`${t.EDITOR_NAME}-${e}`,label:a,labelPosition:r,labelWidth:l,tooltip:d,isAdvanced:n},i.default.createElement(u.default,{"data-test":`${t.EDITOR_NAME}-select-${e}`,onChange:T,values:w,disabled:E,isLoadingOptions:O,compact:!0,selectAllAppearance:"checkbox"},j.map((e=>i.default.createElement(u.default.Option,{"data-test":`${t.EDITOR_NAME}-option-${e.name}`,key:e.name,value:e.name,label:`${e.name} (${e.type})`,disabled:h.length>0&&!h.find((t=>t===e.type))})))))};b.propTypes=Object.assign(Object.assign({},d.BaseEditorPropTypes),{tooltip:s.default.bool,labelPosition:s.default.oneOf(["top","left"]),isAdvanced:s.default.bool,isDisabled:s.default.bool}),t.default=b},4942:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,r)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return r(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnMultiSelectionEditor=t.isInternal=void 0;const i=l(o(9497)),s=l(o(23)),u=n(o(7446)),c=o(4793),d=o(1413),f=o(9033),p=o(6801),m=o(1385),g=o(1256),b=n(o(4008)),h=o(8999),v=Object.assign(Object.assign({},p.BaseEditorPropTypes),{dataSourceKey:s.string.isRequired,prepareValue:s.func,excludeByNames:s.arrayOf(s.string),filterByTypes:s.arrayOf(s.string),shouldShowInternalFields:s.bool});t.isInternal=e=>{var t;return(null===(t=null==e?void 0:e.name)||void 0===t?void 0:t.startsWith("_"))&&"_time"!==e.name};t.ColumnMultiSelectionEditor=({name:e,value:o,label:a="",labelPosition:r="top",dataSourceKey:l="primary",dataSourceBindings:n,prepareValue:s=(e=>e),onChange:p,isAdvanced:v,isDisabled:y,shouldShowInternalFields:C=!0,filterByTypes:_,excludeByNames:O})=>{const E=(0,m.useDataSource)({dataSourceBindings:n,dataSourceKey:l}),{columns:x,fields:P}=(null==E?void 0:E.data)||{columns:[],fields:[]},j=(0,i.useMemo)((()=>C?E:Object.assign(Object.assign({},E),{data:{fields:P.filter((e=>!(0,t.isInternal)(e))),columns:x.filter(((e,o)=>!(0,t.isInternal)(P[o])))}})),[x,E,P,C]),{columns:w,fields:T}=(0,c.get)(j,"data")||{columns:[],fields:[]},D=(0,i.useMemo)((()=>(0,g.getAvailableFieldsWithTypes)(w,T)),[w,T]),[S,M]=(0,i.useState)(""),k=(0,i.useMemo)((()=>null==o?o:(0,d.getFieldsFromDSL)(o,{[l]:j})),[j,l,o]),[F,R]=(0,i.useState)(k||[]);i.default.useEffect((()=>{(null==k?void 0:k.length)&&R(k)}),[k]);const B=D.filter((e=>-1!==e.name.indexOf(S))),A=(0,h.useColumnSelectorFooterMessage)({availableFields:D,filteredFields:B,filter:S,selectedFields:F}),I=(0,i.useCallback)(((t,{values:o})=>{R(o);const a=`'${o.join("','")}'`,r=s({options:{[e]:`> ${l} | frameBySeriesNames(${a})`}});p(t,r)}),[l,e,p,s]),L=(0,i.useCallback)(((e,{keyword:t})=>{M(t)}),[]),{hasError:$,isMissing:V,isLoading:N}=(0,f.getDataSourceStateInfo)(E),q=V||$||y,W=(0,g.getPlaceholderMessage)({isMissing:V,isLoading:N,hasError:$,defaultMessage:"Select field(s) from data source"});return i.default.createElement(b.default,{label:a,labelPosition:r,isAdvanced:v},i.default.createElement(u.default,{"data-test":"ColumnMultiSelectionEditor",disabled:q,values:F,onChange:I,onFilterChange:L,footerMessage:A,placeholder:W,isLoadingOptions:N,error:$,compact:!0,selectAllAppearance:"checkbox"},B.map((e=>i.default.createElement(u.default.Option,{key:e.name,label:`${e.name} (${e.type})`,value:e.name,disabled:(null==_?void 0:_.length)&&!_.find((t=>t===e.type))||(null==O?void 0:O.includes(e.name))})))))},t.ColumnMultiSelectionEditor.propTypes=v,t.default=t.ColumnMultiSelectionEditor},5731:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,r)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return r(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnSelectionEditor=void 0;const i=l(o(9497)),s=l(o(23)),u=n(o(2373)),c=o(1413),d=o(9033),f=o(6801),p=o(1385),m=o(1256),g=n(o(4008)),b=o(5862),h=o(8999),v=Object.assign(Object.assign({},f.BaseEditorPropTypes),{dataSourceKey:s.string.isRequired,prepareValue:s.func,filterByTypes:s.arrayOf(s.string),tooltip:s.string});t.ColumnSelectionEditor=({name:e,value:t,label:o="",labelPosition:a="top",dataSourceKey:r="primary",dataSourceBindings:l,prepareValue:n=(e=>e),onChange:s,isAdvanced:f,isDisabled:v,filterByTypes:y,tooltip:C})=>{const _=(0,p.useDataSource)({dataSourceBindings:l,dataSourceKey:r}),{columns:O,fields:E}=(null==_?void 0:_.data)||{columns:[],fields:[]},x=(0,m.getAvailableFieldsWithTypes)(O,E),P=null==t?t:(0,c.getFieldsFromDSL)(t,{[r]:_})[0]||"",[j,w]=(0,i.useState)(P);i.default.useEffect((()=>{w(P)}),[P]);const[T,D]=(0,i.useState)(""),S=x.filter((e=>-1!==e.name.indexOf(T))),M=(0,h.useColumnSelectorFooterMessage)({availableFields:x,selectedFields:[j],filteredFields:S,filter:T}),k=(0,i.useCallback)(((t,{value:o})=>{w(o);const a=n({options:{[e]:`> ${r} | seriesByName('${o}')`}});s(t,a)}),[r,e,s,n]),F=(0,i.useCallback)(((e,{keyword:t})=>{D(t)}),[]),{hasError:R,isMissing:B,isLoading:A}=(0,d.getDataSourceStateInfo)(_),I=B||R||v,L=(0,m.getPlaceholderMessage)({isMissing:B,isLoading:A,hasError:R});return i.default.createElement(g.default,{label:o,labelPosition:a,tooltip:C,isAdvanced:f},i.default.createElement(u.default,{"data-test":"ColumnSelectionEditor",value:j,onFilterChange:F,onChange:k,footerMessage:M,disabled:I,placeholder:L,isLoadingOptions:A,error:R,style:b.editorStyle,filter:!0},S.map((e=>i.default.createElement(u.default.Option,{key:e.name,label:`${e.name} (${e.type})`,value:e.name,disabled:!!(null==y?void 0:y.length)&&!y.find((t=>t===e.type))})))))},t.ColumnSelectionEditor.propTypes=v,t.default=t.ColumnSelectionEditor},2468:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,r)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return r(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=l(o(23)),u=o(6649),c=n(o(9250)),d=n(o(7020)),f=n(o(1551)),p=n(o(1151)),{useRef:m,useState:g,useCallback:b}=i,h={label:s.string,labelPosition:s.oneOf(["top","left"]),labelWidth:s.number,onResetToDefault:s.func},v=({label:e,labelPosition:t="left",labelWidth:o,onResetToDefault:a})=>{const[r,l]=g(!1),n=m(null),s=b((()=>l(!0)),[]),h=b((()=>l(!1)),[]);return i.createElement(c.default,{label:(0,u._)(e),labelPosition:t,labelWidth:o},i.createElement(d.default,{"data-test":"customized-in-source-button",onClick:s,appearance:"default",ref:n,label:(0,u._)("Customized in source")}),i.createElement(f.default,{"data-test":"customized-in-source-popover",open:r,anchor:n.current,onRequestClose:h,defaultPlacement:"horizontal"},i.createElement(p.default,{onResetToDefault:a})))};v.propTypes=h,t.default=v},152:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,r)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return r(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditor=t.prepareUpdate=void 0;const i=l(o(9497)),s=l(o(23)),u=o(7124),c=n(o(9250)),d=n(o(7020)),f=n(o(1551)),p=n(o(232)),m=o(6649),g=o(5089),b=o(4793),h=o(1413),v=n(o(5411)),y=o(2369),C=n(o(2468)),_=o(5862),O=o(6801),E=o(1027),{useRef:x,useState:P,useEffect:j}=i,w=p.default.div`
+`,_=(e,t)=>t?[e.find((e=>e!==t)),t]:e;t.default=({help:e,helpFormat:t="tooltip",onChange:o,name:a,value:r,values:l,itemSchema:n,variantForSelectedState:s,labelPosition:u="right",labelWidth:c,label:d,appearance:f="checkbox",isDisabled:O=!1,helpTextLink:E,chipText:x})=>{const P=(0,m.hasTokens)(r)||O;let j;if(Array.isArray(l)&&2===l.length)j=_(l.map((e=>e.value)),s);else if(Array.isArray(n.enum)&&2===n.enum.length)j=_(n.enum,s);else{if("boolean"!==n.type)throw Error(`No valid values provided to CheckboxEditor: ${JSON.stringify(n)}`);j=[!1,!0]}const w=(0,i.useCallback)((e=>o(e,a,r===j[1]?j[0]:j[1])),[o,j,a,r]);return"right"===u?i.default.createElement(i.default.Fragment,null,i.default.createElement(h,{"data-test":a,disabled:P,value:a,onClick:w,selected:r===j[1],appearance:f,hasChip:!!x},i.default.createElement(C,null,d),x&&i.default.createElement(y,{"data-test":"beta-chip"},x),e&&"tooltip"===t&&i.default.createElement(b,{content:e})),e&&"under"===t&&i.default.createElement(v,null,e," ",(null==E?void 0:E.label)&&i.default.createElement(i.default.Fragment,null,i.default.createElement("br",null),i.default.createElement(p.default,{"data-test":"help-text-link",to:(null==E?void 0:E.href)||null},E.label)))):i.default.createElement(g.default,{label:d,labelPosition:u,labelWidth:c,tooltip:e},i.default.createElement(h,{"data-test":a,disabled:P,value:a,onClick:w,selected:r===j[1],appearance:f}))}},9172:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,r)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return r(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.EDITOR_NAME=void 0;const i=l(o(9497)),s=n(o(23)),u=n(o(7446)),c=o(9033),d=o(6801),f=o(1385),p=o(1256),m=n(o(4008));t.EDITOR_NAME="columnMultiSelectionByFieldName-editor";const g=[],b=({name:e,value:o,label:a,labelPosition:r="top",labelWidth:l,isAdvanced:n=!1,isDisabled:s=!1,tooltip:d,dataSourceBindings:b,filterByTypes:h=g,onChange:v})=>{const y=(0,f.useDataSource)({dataSourceBindings:b,dataSourceKey:"primary"}),{hasError:C,isMissing:_,isLoading:O}=(0,i.useMemo)((()=>(0,c.getDataSourceStateInfo)(y)),[y]),E=(0,i.useMemo)((()=>_||C||s),[C,s,_]),{columns:x,fields:P}=(0,i.useMemo)((()=>(null==y?void 0:y.data)||{columns:[],fields:[]}),[y]),j=(0,i.useMemo)((()=>(0,p.getAvailableFieldsWithTypes)(x,P)),[x,P]),w=(0,i.useMemo)((()=>(0,p.sanitizeFieldNames)(o,j.map((e=>e.name)))),[o,j]),T=(0,i.useCallback)(((t,{values:o})=>{v(t,e,o)}),[v,e]);return i.default.createElement(m.default,{"data-test":`${t.EDITOR_NAME}-${e}`,label:a,labelPosition:r,labelWidth:l,tooltip:d,isAdvanced:n},i.default.createElement(u.default,{"data-test":`${t.EDITOR_NAME}-select-${e}`,onChange:T,values:w,disabled:E,isLoadingOptions:O,compact:!0,selectAllAppearance:"checkbox"},j.map((e=>i.default.createElement(u.default.Option,{"data-test":`${t.EDITOR_NAME}-option-${e.name}`,key:e.name,value:e.name,label:`${e.name} (${e.type})`,disabled:h.length>0&&!h.find((t=>t===e.type))})))))};b.propTypes=Object.assign(Object.assign({},d.BaseEditorPropTypes),{tooltip:s.default.bool,labelPosition:s.default.oneOf(["top","left"]),isAdvanced:s.default.bool,isDisabled:s.default.bool}),t.default=b},4942:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,r)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return r(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnMultiSelectionEditor=t.isInternal=void 0;const i=l(o(9497)),s=l(o(23)),u=n(o(7446)),c=o(4793),d=o(1413),f=o(9033),p=o(6801),m=o(1385),g=o(1256),b=n(o(4008)),h=o(8999),v=Object.assign(Object.assign({},p.BaseEditorPropTypes),{dataSourceKey:s.string.isRequired,prepareValue:s.func,excludeByNames:s.arrayOf(s.string),filterByTypes:s.arrayOf(s.string),shouldShowInternalFields:s.bool});t.isInternal=e=>{var t;return(null===(t=null==e?void 0:e.name)||void 0===t?void 0:t.startsWith("_"))&&"_time"!==e.name};t.ColumnMultiSelectionEditor=({name:e,value:o,label:a="",labelPosition:r="top",dataSourceKey:l="primary",dataSourceBindings:n,prepareValue:s=(e=>e),onChange:p,isAdvanced:v,isDisabled:y,shouldShowInternalFields:C=!0,filterByTypes:_,excludeByNames:O})=>{const E=(0,m.useDataSource)({dataSourceBindings:n,dataSourceKey:l}),{columns:x,fields:P}=(null==E?void 0:E.data)||{columns:[],fields:[]},j=(0,i.useMemo)((()=>C?E:Object.assign(Object.assign({},E),{data:{fields:P.filter((e=>!(0,t.isInternal)(e))),columns:x.filter(((e,o)=>!(0,t.isInternal)(P[o])))}})),[x,E,P,C]),{columns:w,fields:T}=(0,c.get)(j,"data")||{columns:[],fields:[]},D=(0,i.useMemo)((()=>(0,g.getAvailableFieldsWithTypes)(w,T)),[w,T]),[S,M]=(0,i.useState)(""),k=(0,i.useMemo)((()=>null==o?o:(0,d.getFieldsFromDSL)(o,{[l]:j})),[j,l,o]),[F,R]=(0,i.useState)(k||[]);i.default.useEffect((()=>{(null==k?void 0:k.length)&&R(k)}),[k]);const B=D.filter((e=>-1!==e.name.indexOf(S))),A=(0,h.useColumnSelectorFooterMessage)({availableFields:D,filteredFields:B,filter:S,selectedFields:F}),I=(0,i.useCallback)(((t,{values:o})=>{R(o);const a=`'${o.join("','")}'`,r=s({options:{[e]:`> ${l} | frameBySeriesNames(${a})`}});p(t,r)}),[l,e,p,s]),L=(0,i.useCallback)(((e,{keyword:t})=>{M(t)}),[]),{hasError:$,isMissing:V,isLoading:N}=(0,f.getDataSourceStateInfo)(E),q=V||$||y,W=(0,g.getPlaceholderMessage)({isMissing:V,isLoading:N,hasError:$,defaultMessage:"Select field(s) from data source"});return i.default.createElement(b.default,{label:a,labelPosition:r,isAdvanced:v},i.default.createElement(u.default,{"data-test":"ColumnMultiSelectionEditor",disabled:q,values:F,onChange:I,onFilterChange:L,footerMessage:A,placeholder:W,isLoadingOptions:N,error:$,compact:!0,selectAllAppearance:"checkbox"},B.map((e=>i.default.createElement(u.default.Option,{key:e.name,label:`${e.name} (${e.type})`,value:e.name,disabled:(null==_?void 0:_.length)&&!_.find((t=>t===e.type))||(null==O?void 0:O.includes(e.name))})))))},t.ColumnMultiSelectionEditor.propTypes=v,t.default=t.ColumnMultiSelectionEditor},5731:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,r)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return r(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnSelectionEditor=void 0;const i=l(o(9497)),s=l(o(23)),u=n(o(2373)),c=o(1413),d=o(9033),f=o(6801),p=o(1385),m=o(1256),g=n(o(4008)),b=o(5862),h=o(8999),v=Object.assign(Object.assign({},f.BaseEditorPropTypes),{dataSourceKey:s.string.isRequired,prepareValue:s.func,filterByTypes:s.arrayOf(s.string),tooltip:s.string,hideEditorWhenLoading:s.bool});t.ColumnSelectionEditor=({name:e,value:t,label:o="",labelPosition:a="top",dataSourceKey:r="primary",dataSourceBindings:l,prepareValue:n=(e=>e),onChange:s,isAdvanced:f,isDisabled:v,filterByTypes:y,tooltip:C,hideEditorWhenLoading:_=!1})=>{const O=(0,p.useDataSource)({dataSourceBindings:l,dataSourceKey:r}),{columns:E,fields:x}=(null==O?void 0:O.data)||{columns:[],fields:[]},P=(0,m.getAvailableFieldsWithTypes)(E,x),j=null==t?t:(0,c.getFieldsFromDSL)(t,{[r]:O})[0]||"",[w,T]=(0,i.useState)(j);i.default.useEffect((()=>{T(j)}),[j]);const[D,S]=(0,i.useState)(""),M=P.filter((e=>-1!==e.name.indexOf(D))),k=(0,h.useColumnSelectorFooterMessage)({availableFields:P,selectedFields:[w],filteredFields:M,filter:D}),F=(0,i.useCallback)(((t,{value:o})=>{T(o);const a=n({options:{[e]:`> ${r} | seriesByName('${o}')`}});s(t,a)}),[r,e,s,n]),R=(0,i.useCallback)(((e,{keyword:t})=>{S(t)}),[]),{hasError:B,isMissing:A,isLoading:I}=(0,d.getDataSourceStateInfo)(O),L=A||B||v,$=(0,m.getPlaceholderMessage)({isMissing:A,isLoading:I,hasError:B});return(!_||!!w)&&i.default.createElement(g.default,{label:o,labelPosition:a,tooltip:C,isAdvanced:f},i.default.createElement(u.default,{"data-test":"ColumnSelectionEditor",value:w,onFilterChange:R,onChange:F,footerMessage:k,disabled:L,placeholder:$,isLoadingOptions:I,error:B,style:b.editorStyle,filter:!0},M.map((e=>i.default.createElement(u.default.Option,{key:e.name,label:`${e.name} (${e.type})`,value:e.name,disabled:!!(null==y?void 0:y.length)&&!y.find((t=>t===e.type))})))))},t.ColumnSelectionEditor.propTypes=v,t.default=t.ColumnSelectionEditor},2468:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,r)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return r(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=l(o(23)),u=o(6649),c=n(o(9250)),d=n(o(7020)),f=n(o(1551)),p=n(o(1151)),{useRef:m,useState:g,useCallback:b}=i,h={label:s.string,labelPosition:s.oneOf(["top","left"]),labelWidth:s.number,onResetToDefault:s.func},v=({label:e,labelPosition:t="left",labelWidth:o,onResetToDefault:a})=>{const[r,l]=g(!1),n=m(null),s=b((()=>l(!0)),[]),h=b((()=>l(!1)),[]);return i.createElement(c.default,{label:(0,u._)(e),labelPosition:t,labelWidth:o},i.createElement(d.default,{"data-test":"customized-in-source-button",onClick:s,appearance:"default",ref:n,label:(0,u._)("Customized in source")}),i.createElement(f.default,{"data-test":"customized-in-source-popover",open:r,anchor:n.current,onRequestClose:h,defaultPlacement:"horizontal"},i.createElement(p.default,{onResetToDefault:a})))};v.propTypes=h,t.default=v},152:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,r)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return r(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditor=t.prepareUpdate=void 0;const i=l(o(9497)),s=l(o(23)),u=o(7124),c=n(o(9250)),d=n(o(7020)),f=n(o(1551)),p=n(o(232)),m=o(6649),g=o(5089),b=o(4793),h=o(1413),v=n(o(5411)),y=o(2369),C=n(o(2468)),_=o(5862),O=o(6801),E=o(1027),{useRef:x,useState:P,useEffect:j}=i,w=p.default.div`
     font-weight: 600;
     font-size: 14px;
     line-height: 20px;
@@ -152,7 +152,7 @@
     width: ${(0,u.toPx)(_.FLYOUT_WIDTH)};
 `,S=(0,p.default)(d.default)`
     padding: '4px';
-`,M=Object.assign(Object.assign({},O.BaseEditorPropTypes),{flyoutTitle:s.string,formatters:s.arrayOf(s.shape({label:s.string,value:s.string,defaults:s.object,isDefault:s.bool})),dataSelectors:s.arrayOf(s.shape({label:s.string,value:s.string})),defaultPalettesConfig:y.sharedPalettesConfigPropType,showStaticTextColor:s.bool,colorMode:s.oneOf(["text","background","off"]),handleColorModeChange:s.func});t.prepareUpdate=({name:e,selectedDataSelector:t,selectedFormatterType:o,currentFormatterConfig:a})=>{const r=`${e}EditorConfig`,l=r.replace(/^\w+\[\d+\]\.(.+)$/,"$1");return{options:{[e]:(0,h.buildDSLFromDataSelectorAndFormatter)(t,o,r)},context:{[l]:a}}};t.DynamicColorEditor=({name:e,value:o,label:a="",labelPosition:r="left",labelWidth:l,context:n,onChange:s=(()=>{}),flyoutTitle:u=(0,m._)("Dynamic coloring"),formatters:d=[],dataSelectors:p=[],defaultPalettesConfig:_=g.defaultPalettesConfig,isDisabled:O=!1,showStaticTextColor:M=!1,colorMode:k,handleColorModeChange:F})=>{const[R,B]=P(!1),A=x(null),{type:I,paramKey:L}=(0,h.getLastFormatterFromDSL)(o)||{type:"unknown",paramKey:"unknown"},$=(0,h.getDataSelectorsFromDSL)(o)[0],[V,N]=P(I);j((()=>{N(I)}),[I]);const[q,W]=P($);j((()=>{W($)}),[$]);const U=(0,E.getFormatterConfig)({contextConfig:n[L],formatters:d,formatterFromDSL:I,selectedDataSelector:q}),[z,K]=P(U);j((()=>{K(U)}),[n,d,L,I,$]);const G=o=>{const a=(0,b.find)(d,(e=>e.isDefault))||(0,b.find)(d,(e=>"rangeValue"===e.value))||d[0];if((0,b.isEmpty)(a))return;const r=a.value,l=Object.keys(a.defaults)[0],n=a.defaults[l];W(l),N(r),K(n),s(o,(0,t.prepareUpdate)({name:e,selectedDataSelector:l,selectedFormatterType:r,currentFormatterConfig:n}))},H=i.useCallback((()=>{B((e=>!e))}),[]);if(!(0,E.isSupportedDataSelector)({selectedDataSelector:q,dataSelectors:p})||!(0,E.isSupportedFormatter)({selectedFormatterType:V,formattersFromEditor:d,supportedFormatters:y.supportedFormatters}))return i.createElement(C.default,{label:a,labelPosition:r,labelWidth:l,onResetToDefault:G});const Y=y.supportedFormatters[V].preview;return i.createElement(i.Fragment,null,i.createElement(c.default,{"data-test":"DynamicColorEditorGroup",label:a,labelPosition:r,labelWidth:l},i.createElement(S,{inline:!1,"data-test":"DynamicColorEditorButton",appearance:"default",ref:A,onClick:H,disabled:O},i.createElement(Y,{"data-test":"FormatterConfigPreview",config:z}))),i.createElement(f.default,{"data-test":"DynamicColorEditorFlyout",open:R,anchor:A.current,defaultPlacement:"horizontal",style:{padding:"10px"},onRequestClose:()=>B(!1),takeFocus:!0},i.createElement(D,null,!k&&i.createElement(w,null,u),k&&i.createElement(c.default,{"data-test":"TableDynamicColorEditorGroup",label:u,labelPosition:r,labelWidth:l},i.createElement(v.default,{value:k,onChange:F},[{label:(0,m._)("Off"),value:"off"},{label:(0,m._)("Text"),value:"text"},{label:(0,m._)("Background"),value:"background"}].map((({label:e,value:t})=>i.createElement(v.default.Option,{key:t,value:t,label:(0,m._)(e)}))))),k&&i.createElement(T,null,(0,m._)("Method")),i.createElement(y.FormatterEditor,{selectedDataSelector:q,selectedFormatterType:V,currentFormatterConfig:z,onDataSelectorChange:(o,a,r)=>{W(r);const l=(0,b.find)(d,(e=>e.defaults[r]));N(l.value);const n=l.defaults[r];K(n),s(o,(0,t.prepareUpdate)({name:e,selectedDataSelector:r,selectedFormatterType:l.value,currentFormatterConfig:n}))},onFormatterTypeChange:(o,a,r)=>{N(r);const l=(0,b.find)(d,["value",r]).defaults[q];K(l),s(o,(0,t.prepareUpdate)({name:e,selectedDataSelector:q,selectedFormatterType:r,currentFormatterConfig:l}))},onFormatterConfigChange:(o,a,r)=>{K(r),s(o,(0,t.prepareUpdate)({name:e,selectedDataSelector:q,selectedFormatterType:V,currentFormatterConfig:r}))},formatters:d,dataSelectors:p,defaultPalettesConfig:_,showStaticTextColor:M}))))},t.DynamicColorEditor.propTypes=M},8281:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,r)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return r(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditorWithPrecedence=void 0;const i=l(o(9497)),s=o(6649),u=o(5089),c=o(333),d=o(152),f=n(o(2065)),p=o(1027),m=Object.assign({},c.DynamicColorEditorPropTypes);t.DynamicColorEditorWithPrecedence=({name:e,value:t,label:o="",labelPosition:a,labelWidth:r,context:l,flyoutTitle:n=(0,s._)("Dynamic coloring"),formatters:c=[],dataSelectors:m=[],defaultPalettesConfig:g=u.defaultPalettesConfig,tooltip:b,options:h={},onChange:v=(()=>{})})=>{const y=i.useCallback((e=>{if(!e||""===e)return!0;if("string"==typeof e){return null!==/^>\s*areaValues\s*\|\s*gradient\(\s*\)$/.exec(e)}return!1}),[]),[C,_]=i.useState(!y(t));i.useEffect((()=>{_(!y(t))}),[t,y]);const O=i.useCallback(((o,a)=>{var r,n,i,s,u,d;_((e=>!e));const f={},g={};if(C){const t=m.map((e=>e.value));f[e]=(0,p.getToggleOffValueForDataColors)({name:e,options:h,dataSelectors:t}),l&&void 0!==l.dataColorsEditorConfig&&(g.dataColorsEditorConfig=void 0)}else{if("string"==typeof t&&null!==/^>\s*areaValues\s*\|\s*gradient\(\s*\)$/.exec(t)){f[e]="> areaValues | gradient(dataColorsEditorConfig)";const t=null===(n=null===(r=c.find((e=>"gradient"===e.value)))||void 0===r?void 0:r.defaults)||void 0===n?void 0:n.areaValues;t&&(g.dataColorsEditorConfig=t)}else if(e.endsWith("dataColors")){const t=null===(i=m[0])||void 0===i?void 0:i.value,o=null===(s=c[0])||void 0===s?void 0:s.value,a=null===(d=null===(u=c[0])||void 0===u?void 0:u.defaults)||void 0===d?void 0:d[t];if(!t||!o||!a)return;f[e]=`> ${m[0].value} | ${o}(dataColorsEditorConfig)`,g.dataColorsEditorConfig=a}}v(o,{options:f,context:g})}),[l,m,c,C,e,v,h,t]),E=i.useCallback(((e,t)=>{v(e,t)}),[v]);return i.createElement("div",{"data-test":"dynamic-color-toggle"},i.createElement(f.default,{name:e,label:(0,s._)("Dynamic coloring"),labelPosition:"right",value:C,onChange:O,itemSchema:{type:"boolean"},help:b}),C&&i.createElement("div",{"data-test":"dynamic-color-editor"},i.createElement(d.DynamicColorEditor,{name:e,label:o,labelPosition:a,labelWidth:r,value:t,context:l,onChange:E,flyoutTitle:n,formatters:c,dataSelectors:m,defaultPalettesConfig:g})))},t.DynamicColorEditorWithPrecedence.propTypes=m},7585:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,r)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return r(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=l(o(23)),u=o(4793),c=n(o(4082)),d=n(o(9250)),f=n(o(7143)),p=o(6649),m=n(o(5731)),g=n(o(5456)),b=o(4381),h=o(5862),v=(0,p._)("Advanced configuration options are being used by this input. Please edit in source mode."),y=({name:e,context:t,value:o="",label:a,onChange:r,dataSourceBindings:l,labelPosition:n="top",labelWidth:s,help:y=v,validate:C})=>{const[_,O]=i.useState([]),[E,x]=i.useState(""),[P,j]=i.useState("");i.useEffect((()=>{const{staticOptions:e,dynamicOptionsLabel:a,dynamicOptionsValue:r}=(0,b.getDynamicOptionsFromConfig)({items:o,context:t});O(e),x(a),j(r)}),[o,t]),i.useEffect((()=>{void 0!==l.primary||Array.isArray(o)||r(null,{context:{formattedConfig:void 0,formattedStatics:void 0,statics:void 0,label:void 0,value:void 0},options:{[e]:_}})}),[l,e,o,r,_]);const w=i.useCallback(((t,a,l)=>{if(Array.isArray(o)&&(!a||!l))r(null,{options:{[e]:t}});else{const o=(0,u.unzip)(t.map((({label:e,value:t})=>[e,t])));r(null,{context:{formattedConfig:{number:{prefix:""}},formattedStatics:">statics | formatByType(formattedConfig)",statics:o,label:`>primary | seriesByName("${a}") | renameSeries("label") | formatByType(formattedConfig)`,value:`>primary | seriesByName("${l}") | renameSeries("value") | formatByType(formattedConfig)`},options:{[e]:">frame(label, value) | prepend(formattedStatics) | objects()"}})}}),[e,o,r]),T=i.useCallback(((e,t,o)=>{w(o,E,P)}),[w,E,P]),D=i.useCallback(((e,{value:t})=>{""===P?x(t):w(_,t,P)}),[w,_,P]),S=i.useCallback(((e,{value:t})=>{""===E?j(t):w(_,E,t)}),[w,_,E]),M=e=>t=>{var o;const a=null===(o=null==t?void 0:t.options)||void 0===o?void 0:o[e];return"string"==typeof a?{value:(0,b.getFieldFromFieldNameDsl)(a)}:{value:""}};if(i.useMemo((()=>(0,b.isConfigAdvanced)({items:o,context:t})),[o,t]))return i.createElement(d.default,{label:(0,p._)(a),labelPosition:n,labelWidth:s,help:y},i.createElement(c.default,{key:o.toString(),"data-test":e,disabled:!0,defaultValue:o.toString()}));const k=!!l.primary;return i.createElement(i.Fragment,null,i.createElement(g.default,{name:"",label:(0,p._)("Static menu configuration"),labelPosition:n,value:_,onChange:T,validate:C}),k&&i.createElement(f.default,{key:"dynamic-item-editor-label-value-layout",gutter:h.VERTICAL_EDITOR_SPACING},i.createElement(f.default.Row,{key:"dynamic-item-editor-label-row"},i.createElement(m.default,{name:"label",label:(0,p._)("Dynamic menu label field"),dataSourceKey:"primary",dataSourceBindings:l,value:`>primary | seriesByName("${E}")`,context:t,onChange:D,prepareValue:M("label")})),i.createElement(f.default.Row,{key:"dynamic-item-editor-value-row"},i.createElement(m.default,{name:"value",label:(0,p._)("Dynamic menu value field"),dataSourceKey:"primary",dataSourceBindings:l,value:`>primary | seriesByName("${P}")`,context:t,onChange:S,prepareValue:M("value")}))))};y.propTypes={onChange:s.func.isRequired,name:s.string.isRequired,label:s.string.isRequired,value:s.oneOfType([s.arrayOf(s.shape({label:s.string.isRequired,value:s.string.isRequired}).isRequired),s.string]),labelPosition:s.oneOf(["top","left"]),labelWidth:s.number,context:s.shape({label:s.string,value:s.string,statics:s.arrayOf(s.arrayOf(s.string.isRequired).isRequired)}).isRequired,dataSourceBindings:s.shape({primary:s.any}).isRequired,help:s.string},t.default=y},7970:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,r)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return r(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=l(o(23)),u=n(o(232)),c=n(o(348));o(6265);const d=n(o(1018)),f=o(6649),p=n(o(6447)),m=o(3563),g=o(5135),b=o(962),h=o(137),v=u.default.div`
+`,M=Object.assign(Object.assign({},O.BaseEditorPropTypes),{flyoutTitle:s.string,formatters:s.arrayOf(s.shape({label:s.string,value:s.string,defaults:s.object,isDefault:s.bool})),dataSelectors:s.arrayOf(s.shape({label:s.string,value:s.string})),defaultPalettesConfig:y.sharedPalettesConfigPropType,showStaticTextColor:s.bool,colorMode:s.oneOf(["text","background","off"]),handleColorModeChange:s.func});t.prepareUpdate=({name:e,selectedDataSelector:t,selectedFormatterType:o,currentFormatterConfig:a})=>{const r=`${e}EditorConfig`,l=r.replace(/^\w+\[\d+\]\.(.+)$/,"$1");return{options:{[e]:(0,h.buildDSLFromDataSelectorAndFormatter)(t,o,r)},context:{[l]:a}}};t.DynamicColorEditor=({name:e,value:o,label:a="",labelPosition:r="left",labelWidth:l,context:n,onChange:s=(()=>{}),flyoutTitle:u=(0,m._)("Dynamic coloring"),formatters:d=[],dataSelectors:p=[],defaultPalettesConfig:_=g.defaultPalettesConfig,isDisabled:O=!1,showStaticTextColor:M=!1,colorMode:k,handleColorModeChange:F})=>{const[R,B]=P(!1),A=x(null),{type:I,paramKey:L}=(0,h.getLastFormatterFromDSL)(o)||{type:"unknown",paramKey:"unknown"},$=(0,h.getDataSelectorsFromDSL)(o)[0],[V,N]=P(I);j((()=>{N(I)}),[I]);const[q,W]=P($);j((()=>{W($)}),[$]);const U=(0,E.getFormatterConfig)({contextConfig:n[L],formatters:d,formatterFromDSL:I,selectedDataSelector:q}),[z,G]=P(U);j((()=>{G(U)}),[n,d,L,I,$]);const K=o=>{const a=(0,b.find)(d,(e=>e.isDefault))||(0,b.find)(d,(e=>"rangeValue"===e.value))||d[0];if((0,b.isEmpty)(a))return;const r=a.value,l=Object.keys(a.defaults)[0],n=a.defaults[l];W(l),N(r),G(n),s(o,(0,t.prepareUpdate)({name:e,selectedDataSelector:l,selectedFormatterType:r,currentFormatterConfig:n}))},H=i.useCallback((()=>{B((e=>!e))}),[]);if(!(0,E.isSupportedDataSelector)({selectedDataSelector:q,dataSelectors:p})||!(0,E.isSupportedFormatter)({selectedFormatterType:V,formattersFromEditor:d,supportedFormatters:y.supportedFormatters}))return i.createElement(C.default,{label:a,labelPosition:r,labelWidth:l,onResetToDefault:K});const Y=y.supportedFormatters[V].preview;return i.createElement(i.Fragment,null,i.createElement(c.default,{"data-test":"DynamicColorEditorGroup",label:a,labelPosition:r,labelWidth:l},i.createElement(S,{inline:!1,"data-test":"DynamicColorEditorButton",appearance:"default",ref:A,onClick:H,disabled:O},i.createElement(Y,{"data-test":"FormatterConfigPreview",config:z}))),i.createElement(f.default,{"data-test":"DynamicColorEditorFlyout",open:R,anchor:A.current,defaultPlacement:"horizontal",style:{padding:"10px"},onRequestClose:()=>B(!1),takeFocus:!0},i.createElement(D,null,!k&&i.createElement(w,null,u),k&&i.createElement(c.default,{"data-test":"TableDynamicColorEditorGroup",label:u,labelPosition:r,labelWidth:l},i.createElement(v.default,{value:k,onChange:F},[{label:(0,m._)("Off"),value:"off"},{label:(0,m._)("Text"),value:"text"},{label:(0,m._)("Background"),value:"background"}].map((({label:e,value:t})=>i.createElement(v.default.Option,{key:t,value:t,label:(0,m._)(e)}))))),k&&i.createElement(T,null,(0,m._)("Method")),i.createElement(y.FormatterEditor,{selectedDataSelector:q,selectedFormatterType:V,currentFormatterConfig:z,onDataSelectorChange:(o,a,r)=>{W(r);const l=(0,b.find)(d,(e=>e.defaults[r]));N(l.value);const n=l.defaults[r];G(n),s(o,(0,t.prepareUpdate)({name:e,selectedDataSelector:r,selectedFormatterType:l.value,currentFormatterConfig:n}))},onFormatterTypeChange:(o,a,r)=>{N(r);const l=(0,b.find)(d,["value",r]).defaults[q];G(l),s(o,(0,t.prepareUpdate)({name:e,selectedDataSelector:q,selectedFormatterType:r,currentFormatterConfig:l}))},onFormatterConfigChange:(o,a,r)=>{G(r),s(o,(0,t.prepareUpdate)({name:e,selectedDataSelector:q,selectedFormatterType:V,currentFormatterConfig:r}))},formatters:d,dataSelectors:p,defaultPalettesConfig:_,showStaticTextColor:M}))))},t.DynamicColorEditor.propTypes=M},8281:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,r)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return r(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditorWithPrecedence=void 0;const i=l(o(9497)),s=o(6649),u=o(5089),c=o(333),d=o(152),f=n(o(2065)),p=o(1027),m=Object.assign({},c.DynamicColorEditorPropTypes);t.DynamicColorEditorWithPrecedence=({name:e,value:t,label:o="",labelPosition:a,labelWidth:r,context:l,flyoutTitle:n=(0,s._)("Dynamic coloring"),formatters:c=[],dataSelectors:m=[],defaultPalettesConfig:g=u.defaultPalettesConfig,tooltip:b,options:h={},onChange:v=(()=>{})})=>{const y=i.useCallback((e=>{if(!e||""===e)return!0;if("string"==typeof e){return null!==/^>\s*areaValues\s*\|\s*gradient\(\s*\)$/.exec(e)}return!1}),[]),[C,_]=i.useState(!y(t));i.useEffect((()=>{_(!y(t))}),[t,y]);const O=i.useCallback(((o,a)=>{var r,n,i,s,u,d;_((e=>!e));const f={},g={};if(C){const t=m.map((e=>e.value));f[e]=(0,p.getToggleOffValueForDataColors)({name:e,options:h,dataSelectors:t}),l&&void 0!==l.dataColorsEditorConfig&&(g.dataColorsEditorConfig=void 0)}else{if("string"==typeof t&&null!==/^>\s*areaValues\s*\|\s*gradient\(\s*\)$/.exec(t)){f[e]="> areaValues | gradient(dataColorsEditorConfig)";const t=null===(n=null===(r=c.find((e=>"gradient"===e.value)))||void 0===r?void 0:r.defaults)||void 0===n?void 0:n.areaValues;t&&(g.dataColorsEditorConfig=t)}else if(e.endsWith("dataColors")){const t=null===(i=m[0])||void 0===i?void 0:i.value,o=null===(s=c[0])||void 0===s?void 0:s.value,a=null===(d=null===(u=c[0])||void 0===u?void 0:u.defaults)||void 0===d?void 0:d[t];if(!t||!o||!a)return;f[e]=`> ${m[0].value} | ${o}(dataColorsEditorConfig)`,g.dataColorsEditorConfig=a}}v(o,{options:f,context:g})}),[l,m,c,C,e,v,h,t]),E=i.useCallback(((e,t)=>{v(e,t)}),[v]);return i.createElement("div",{"data-test":"dynamic-color-toggle"},i.createElement(f.default,{name:e,label:(0,s._)("Dynamic coloring"),labelPosition:"right",value:C,onChange:O,itemSchema:{type:"boolean"},help:b}),C&&i.createElement("div",{"data-test":"dynamic-color-editor"},i.createElement(d.DynamicColorEditor,{name:e,label:o,labelPosition:a,labelWidth:r,value:t,context:l,onChange:E,flyoutTitle:n,formatters:c,dataSelectors:m,defaultPalettesConfig:g})))},t.DynamicColorEditorWithPrecedence.propTypes=m},7585:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,r)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return r(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=l(o(23)),u=o(4793),c=n(o(4082)),d=n(o(9250)),f=n(o(7143)),p=o(6649),m=n(o(5731)),g=n(o(5456)),b=o(4381),h=o(5862),v=(0,p._)("Advanced configuration options are being used by this input. Please edit in source mode."),y=({name:e,context:t,value:o="",label:a,onChange:r,dataSourceBindings:l,labelPosition:n="top",labelWidth:s,help:y=v,validate:C})=>{const[_,O]=i.useState([]),[E,x]=i.useState(""),[P,j]=i.useState("");i.useEffect((()=>{const{staticOptions:e,dynamicOptionsLabel:a,dynamicOptionsValue:r}=(0,b.getDynamicOptionsFromConfig)({items:o,context:t});O(e),x(a),j(r)}),[o,t]),i.useEffect((()=>{void 0!==l.primary||Array.isArray(o)||r(null,{context:{formattedConfig:void 0,formattedStatics:void 0,statics:void 0,label:void 0,value:void 0},options:{[e]:_}})}),[l,e,o,r,_]);const w=i.useCallback(((t,a,l)=>{if(Array.isArray(o)&&(!a||!l))r(null,{options:{[e]:t}});else{const o=(0,u.unzip)(t.map((({label:e,value:t})=>[e,t])));r(null,{context:{formattedConfig:{number:{prefix:""}},formattedStatics:">statics | formatByType(formattedConfig)",statics:o,label:`>primary | seriesByName("${a}") | renameSeries("label") | formatByType(formattedConfig)`,value:`>primary | seriesByName("${l}") | renameSeries("value") | formatByType(formattedConfig)`},options:{[e]:">frame(label, value) | prepend(formattedStatics) | objects()"}})}}),[e,o,r]),T=i.useCallback(((e,t,o)=>{w(o,E,P)}),[w,E,P]),D=i.useCallback(((e,{value:t})=>{""===P?x(t):w(_,t,P)}),[w,_,P]),S=i.useCallback(((e,{value:t})=>{""===E?j(t):w(_,E,t)}),[w,_,E]),M=e=>t=>{var o;const a=null===(o=null==t?void 0:t.options)||void 0===o?void 0:o[e];return"string"==typeof a?{value:(0,b.getFieldFromFieldNameDsl)(a)}:{value:""}};if(i.useMemo((()=>(0,b.isConfigAdvanced)({items:o,context:t})),[o,t]))return i.createElement(d.default,{label:(0,p._)(a),labelPosition:n,labelWidth:s,help:y},i.createElement(c.default,{key:o.toString(),"data-test":e,disabled:!0,defaultValue:o.toString()}));const k=!!l.primary;return i.createElement(i.Fragment,null,i.createElement(g.default,{name:"",label:(0,p._)("Static menu configuration"),labelPosition:n,value:_,onChange:T,validate:C}),k&&i.createElement(f.default,{key:"dynamic-item-editor-label-value-layout",gutter:h.VERTICAL_EDITOR_SPACING},i.createElement(f.default.Row,{key:"dynamic-item-editor-label-row"},i.createElement(m.default,{name:"label",label:(0,p._)("Dynamic menu label field"),dataSourceKey:"primary",dataSourceBindings:l,value:`>primary | seriesByName("${E}")`,context:t,onChange:D,prepareValue:M("label")})),i.createElement(f.default.Row,{key:"dynamic-item-editor-value-row"},i.createElement(m.default,{name:"value",label:(0,p._)("Dynamic menu value field"),dataSourceKey:"primary",dataSourceBindings:l,value:`>primary | seriesByName("${P}")`,context:t,onChange:S,prepareValue:M("value")}))))};y.propTypes={onChange:s.func.isRequired,name:s.string.isRequired,label:s.string.isRequired,value:s.oneOfType([s.arrayOf(s.shape({label:s.string.isRequired,value:s.string.isRequired}).isRequired),s.string]),labelPosition:s.oneOf(["top","left"]),labelWidth:s.number,context:s.shape({label:s.string,value:s.string,statics:s.arrayOf(s.arrayOf(s.string.isRequired).isRequired)}).isRequired,dataSourceBindings:s.shape({primary:s.any}).isRequired,help:s.string},t.default=y},7970:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,r)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return r(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=l(o(23)),u=n(o(232)),c=n(o(348));o(6265);const d=n(o(1018)),f=o(6649),p=n(o(6447)),m=o(3563),g=o(5135),b=o(962),h=o(137),v=u.default.div`
     font-family: ${m.variables.sansFontFamily};
     .react-mde * {
         font-family: inherit;
@@ -202,7 +202,7 @@
     height: 412px;
     overflow-y: auto;
     padding: 8px 10px;
-`;t.ColorFlyoutEditor=({colors:e,CustomColorMatchEditor:t,handleColorRemove:o,handleColorChange:a,flyoutTitle:r,addColorButtonLabel:l,handleColorAdd:n,handleColorMove:s})=>{const u=(0,i.useMemo)((()=>e.map(((e,r)=>{const l=null==t;return i.default.createElement(p.default.Row,{index:r,key:(0,m.createDOMID)(),"data-color":e,onRequestRemove:o},i.default.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},i.default.createElement(C.default,{value:e,key:(0,m.createDOMID)(),onChange:a(r),hideLabel:!0,label:" ",name:"color",style:{marginBottom:0,marginTop:0,width:l?"100%":32},showTextInput:l}),"function"==typeof t&&i.default.createElement(t,{index:r})))}))),[e,t,o,a]);return i.default.createElement(P,{"data-test":"MultiColorPickerFlyoutContent"},i.default.createElement(j,{"data-test":"MultiColorPickerFlyoutTitle"},r),i.default.createElement(w,null,i.default.createElement(p.default,{addLabel:l,onRequestAdd:n,onRequestMove:s,"data-test":"ColorListEditor"},u)))};const T=({CustomColorMatchEditor:e,onChange:o=c.noop,canReorderColors:a=!0,value:r=h.VIZ_CATEGORICAL,flyoutTitle:l=(0,f._)("Customize colors"),addColorButtonLabel:n=(0,f._)("Add color"),name:s="seriesColors",label:u="",labelPosition:d="top",labelWidth:p,isDisabled:g=!1,hideLabel:v=!0,canAddNewColors:C=!0})=>{const[P,j]=(0,i.useState)(!1),[w,T]=(0,i.useState)(r),D=(0,i.useRef)(null);(0,i.useEffect)((()=>{T(r)}),[r]);const S=(0,i.useCallback)((()=>{const e=new Set(w);let t=h.VIZ_CATEGORICAL.find((t=>!e.has(t)));if(!t){const e=new Map;h.VIZ_CATEGORICAL.forEach((t=>e.set(t,0))),w.forEach((t=>{e.set(t,(e.get(t)||0)+1)}));let o=1/0;h.VIZ_CATEGORICAL.forEach((a=>{const r=e.get(a)||0;r<o&&(o=r,t=a)}))}o(null,s,[...w,t])}),[s,o,w]),M=(0,i.useCallback)((e=>(t,a,r)=>{const l=[...w];l.splice(e,1,r),o(null,s,l)}),[s,o,w]),k=(0,i.useCallback)(((e,{index:t})=>{const a=[...w];a.splice(t,1),o(null,s,a)}),[s,o,w]),F=(0,i.useCallback)((({fromIndex:e,toIndex:t})=>{const a=[...w],r=a[e];a.splice(e,1),a.splice(t,0,r),o(null,s,a)}),[s,o,w]),R=(0,i.useCallback)((({event:e,reason:t})=>{var o;(null===(o=null==e?void 0:e.srcElement)||void 0===o?void 0:o.sortableHandle)||j(!1),"escapeKey"===t&&D.current.focus()}),[]),B=(0,i.useMemo)((()=>w.map((e=>i.default.createElement(x,{color:e,key:(0,m.createDOMID)()})))),[w]),A=(0,i.useCallback)((()=>{j((e=>!e))}),[]);return i.default.createElement(y.default,{label:u,labelPosition:d,labelWidth:p,hideLabel:v,"data-test":"MultiColorPickerEditor"},i.default.createElement(E,{inline:!1,"data-test":"MultiColorPickerButton",appearance:"default",ref:D,onClick:A,disabled:g,style:O},B),i.default.createElement(b.default,{"data-test":"MultiColorPickerFlyout",open:P,anchor:D.current,defaultPlacement:"horizontal",style:_,onRequestClose:R,takeFocus:!0},i.default.createElement(t.ColorFlyoutEditor,{colors:w,CustomColorMatchEditor:e,handleColorRemove:k,handleColorChange:M,handleColorAdd:C?S:void 0,handleColorMove:a?F:void 0,flyoutTitle:l,addColorButtonLabel:n})))};T.propTypes=Object.assign(Object.assign({},v.BaseEditorPropTypes),{canReorderColors:s.bool,canAddNewColors:s.bool,value:s.arrayOf(s.string),flyoutTitle:s.string,addColorButtonLabel:s.string,CustomColorMatchEditor:s.func,hideLabel:s.bool}),t.default=T},4215:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,r)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return r(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=n(o(232)),u=n(o(4566)),c=n(o(7020)),d=n(o(1551)),f=n(o(6769)),p=o(3563),m=n(o(1668)),g=n(o(4008)),b=(0,s.default)(m.default)`
+`;t.ColorFlyoutEditor=({colors:e,CustomColorMatchEditor:t,handleColorRemove:o,handleColorChange:a,flyoutTitle:r,addColorButtonLabel:l,handleColorAdd:n,handleColorMove:s})=>{const u=(0,i.useMemo)((()=>e.map(((e,r)=>{const l=null==t;return i.default.createElement(p.default.Row,{index:r,key:(0,m.createDOMID)(),"data-color":e,onRequestRemove:o},i.default.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},i.default.createElement(C.default,{value:e,key:(0,m.createDOMID)(),onChange:a(r),hideLabel:!0,label:" ",name:"color",style:{marginBottom:0,marginTop:0,width:l?"100%":32},showTextInput:l}),"function"==typeof t&&i.default.createElement(t,{index:r})))}))),[e,t,o,a]);return i.default.createElement(P,{"data-test":"MultiColorPickerFlyoutContent"},i.default.createElement(j,{"data-test":"MultiColorPickerFlyoutTitle"},r),i.default.createElement(w,null,i.default.createElement(p.default,{addLabel:l,onRequestAdd:n,onRequestMove:s,"data-test":"ColorListEditor"},u)))};const T=({CustomColorMatchEditor:e,onChange:o=c.noop,canReorderColors:a=!0,value:r=h.VIZ_CATEGORICAL,flyoutTitle:l=(0,f._)("Customize colors"),addColorButtonLabel:n=(0,f._)("Add color"),name:s="seriesColors",label:u="",labelPosition:d="top",labelWidth:p,isDisabled:g=!1,hideLabel:v=!0,canAddNewColors:C=!0})=>{const[P,j]=(0,i.useState)(!1),[w,T]=(0,i.useState)(r),D=(0,i.useRef)(null);(0,i.useEffect)((()=>{T(r)}),[r]);const S=(0,i.useCallback)((()=>{const e=new Set(w);let t=h.VIZ_CATEGORICAL.find((t=>!e.has(t)));if(!t){const e=new Map;h.VIZ_CATEGORICAL.forEach((t=>e.set(t,0))),w.forEach((t=>{e.set(t,(e.get(t)||0)+1)}));let o=1/0;h.VIZ_CATEGORICAL.forEach((a=>{const r=e.get(a)||0;r<o&&(o=r,t=a)}))}o(null,s,[...w,t])}),[s,o,w]),M=(0,i.useCallback)((e=>(t,a,r)=>{const l=[...w];l.splice(e,1,r),o(null,s,l)}),[s,o,w]),k=(0,i.useCallback)(((e,{index:t})=>{const a=[...w];a.splice(t,1),o(null,s,a)}),[s,o,w]),F=(0,i.useCallback)((({fromIndex:e,toIndex:t})=>{const a=[...w],r=a[e];a.splice(e,1),a.splice(t,0,r),o(null,s,a)}),[s,o,w]),R=(0,i.useCallback)((({event:e,reason:t})=>{var o;(null===(o=null==e?void 0:e.srcElement)||void 0===o?void 0:o.sortableHandle)||j(!1),"escapeKey"===t&&D.current.focus()}),[]),B=(0,i.useMemo)((()=>w.map((e=>i.default.createElement(x,{color:e,key:(0,m.createDOMID)()})))),[w]),A=(0,i.useCallback)((()=>{j((e=>!e))}),[]);return i.default.createElement(y.default,{label:u,labelPosition:d,labelWidth:p,hideLabel:v,"data-test":"MultiColorPickerEditor"},i.default.createElement(E,{inline:!1,"data-test":"MultiColorPickerButton",appearance:"default",ref:D,onClick:A,disabled:g,style:O},B),i.default.createElement(b.default,{"data-test":"MultiColorPickerFlyout",open:P,anchor:D.current,defaultPlacement:"horizontal",style:_,onRequestClose:R,takeFocus:!0},i.default.createElement(t.ColorFlyoutEditor,{colors:w,CustomColorMatchEditor:e,handleColorRemove:k,handleColorChange:M,handleColorAdd:C?S:void 0,handleColorMove:a?F:void 0,flyoutTitle:l,addColorButtonLabel:n})))};T.propTypes=Object.assign(Object.assign({},v.BaseEditorPropTypes),{canReorderColors:s.bool,canAddNewColors:s.bool,value:s.arrayOf(s.string),flyoutTitle:s.string,addColorButtonLabel:s.string,CustomColorMatchEditor:s.func,hideLabel:s.bool}),t.default=T},1546:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,r)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return r(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.NetworkGraphDynamicColorEditor=void 0;const i=l(o(9497)),s=o(6649),u=n(o(7143)),c=o(152),d=n(o(4182)),f=n(o(437));t.NetworkGraphDynamicColorEditor=({name:e,value:t,contextName:o,label:a="",labelWidth:r,context:l,flyoutTitle:n=(0,s._)("Dynamic coloring"),formatters:p=[],dataSelectors:m=[],defaultPalettesConfig:g,tooltip:b,options:h={},onChange:v=(()=>{})})=>{var y;const C=null===(y=m[0])||void 0===y?void 0:y.value,_=i.useCallback((e=>!e||e.trim().startsWith("#")?"static":"dynamic"),[]),[O,E]=i.useState(_(t));i.useEffect((()=>{const e=_(t);E(e)}),[_,t]);const x=i.useCallback(((t,a,r)=>{var n,i,s;E(r);const u=Object.assign({},h),c=Object.assign({},l);if("dynamic"===r){const a=(null===(n=p[0])||void 0===n?void 0:n.value)||"gradient",r=(null===(s=null===(i=p[0])||void 0===i?void 0:i.defaults)||void 0===s?void 0:s[C])||{},l=`> ${C} | ${a}(${o})`;u[e]=l,c[o]=r,v(t,{options:u,context:c})}else"static"===r&&(u[e]=void 0,c[o]=void 0,v(t,{options:u,context:c}))}),[h,l,p,C,o,e,v]),P=i.useCallback(((t,a)=>{var r;const n=a.options[e],i=null===(r=a.context)||void 0===r?void 0:r[o],s=Object.assign(Object.assign({},h),{[e]:n}),u=Object.assign(Object.assign({},l),{[o]:i});v(t,{options:s,context:u})}),[h,e,l,v,o]),j=i.useCallback(((e,t,a)=>{const r=Object.assign(Object.assign({},h),{[t]:a}),n=Object.assign({},l);n[o]=void 0,v(e,{options:r,context:n})}),[l,v,h,o]);return i.createElement(u.default,{"data-test":"dynamic-color-toggle",gutter:15},i.createElement(u.default.Row,{"data-test":"network-graph-dynamic-color-row",alignItems:"start"},i.createElement(u.default.Column,{span:6},i.createElement(d.default,{name:e,label:(0,s._)(a),labelPosition:"top",value:O,onChange:x,itemSchema:{type:"string"},values:[{label:(0,s._)("Static coloring"),value:"static"},{label:(0,s._)("Dynamic coloring"),value:"dynamic"}],help:b})),"dynamic"===O&&i.createElement(u.default.Column,{span:6},i.createElement(c.DynamicColorEditor,{name:e,label:" ",labelPosition:"top",labelWidth:r,value:t,context:l,onChange:P,flyoutTitle:n,formatters:p,dataSelectors:m,defaultPalettesConfig:g})),"static"===O&&i.createElement(u.default.Column,{span:6},i.createElement(f.default,{name:e,label:" ",labelPosition:"top",labelWidth:r,value:t,onChange:j}))))}},4215:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,r)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return r(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=n(o(232)),u=n(o(4566)),c=n(o(7020)),d=n(o(1551)),f=n(o(6769)),p=o(3563),m=n(o(1668)),g=n(o(4008)),b=(0,s.default)(m.default)`
     background-color: ${u.default.backgroundColorPopup};
 `,h=s.default.span`
     font-weight: 500;
@@ -546,7 +546,7 @@
     font-weight: 500;
     font-size: 14px;
     margin-bottom: 7px;
-`,k={columnColoring:s.any,columnColoringConfig:E.columnColoringConfigPropType,columnName:s.string,columnFormattingByType:s.any,columnTextFormatting:s.any,columnDataType:s.string,defaultOptionsByType:s.objectOf(s.objectOf(s.oneOfType([s.string,s.number,s.bool]))),flyoutConfigForDataType:s.arrayOf(s.any),textFormatConfig:s.array,isSourceCustomized:s.bool,removeColumnFormatting:s.func,resetColumnToDefault:s.func,updateColumnColoring:s.func,updateColumnFormatting:s.func,updateColumnTextFormatting:s.func},F=({columnColoring:e,columnColoringConfig:t,columnName:o,columnFormattingByType:a,columnTextFormatting:r,columnDataType:l,defaultOptionsByType:n={},flyoutConfigForDataType:s,textFormatConfig:u,isSourceCustomized:f,removeColumnFormatting:p,resetColumnToDefault:C,updateColumnFormatting:E,updateColumnColoring:x,updateColumnTextFormatting:k})=>{const[F,R]=i.useState(!1),B=i.useCallback((()=>R(!0)),[]),A=i.useCallback((()=>R(!1)),[]),I=i.useRef(null),L=i.useCallback((()=>p({columnName:o,columnDataType:l})),[o,l,p]),$=i.useCallback((()=>C({columnName:o,columnDataType:l})),[o,l,C]);return i.createElement(i.Fragment,null,i.createElement(j,{ref:I,"data-test":`column-toggle-${o}`},i.createElement(d.default,{"data-test":`selected-column-label-${o}`},i.createElement(T,null,i.createElement(v.default,{columnName:o,dataType:l}))),i.createElement(D,null,i.createElement(h.default,{dataTestKey:`edit-column-icon-${o}`,onClick:B},i.createElement(m.default,null)),i.createElement(h.default,{dataTestKey:`remove-column-icon-${o}`,onClick:L},i.createElement(g.default,null)))),i.createElement(c.default,{"data-test":`column-formatter-flyout-${o}`,anchor:I.current,open:F,onRequestClose:A,appearance:"normal",defaultPlacement:"horizontal"},i.createElement(w,{"data-test":"popover-contents"},i.createElement(S,null,i.createElement(M,{"data-test":"column-formatter-flyout-header"},`${(0,b._)("Column formatting")}: "${o}"`)),i.createElement(_.default,{columnFormatting:r,columnDataType:P.TextDataType,columnName:o,defaultOptionsByType:n,flyoutConfigForDataType:u,handleResetColumnToDefault:$,updateColumnFormatting:k,isSourceCustomized:!1}),i.createElement(y.default,null),i.createElement(_.default,{columnFormatting:a,columnDataType:l,columnName:o,defaultOptionsByType:n,flyoutConfigForDataType:s,handleResetColumnToDefault:$,updateColumnFormatting:E,isSourceCustomized:f}),("number"===l||"string"===l)&&i.createElement(i.Fragment,null,i.createElement(y.default,null),i.createElement(O.default,{columnColoring:e,columnColoringConfig:t,columnDataType:l,columnName:o,handleColumnColoringUpdate:x})))))};F.propTypes=k,t.default=F},630:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.moveDslBetweenModes=t.clearDynamicColoring=void 0;t.clearDynamicColoring=e=>{const t={};return"background"===e?t.rowBackgroundColors=void 0:"text"===e&&(t.rowColors=void 0),t};t.moveDslBetweenModes=(e,t,o)=>{const a="background"===e?"rowBackgroundColors":"rowColors";return{["background"===t?"rowBackgroundColors":"rowColors"]:(o[a]||"> table | gradient(tableFormatEditorConfig)").replace(/tableFormatEditorConfig/g,"tableFormatEditorConfig"),[a]:void 0}}},1074:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,r)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return r(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getEditorItemValue=void 0;const i=l(o(9497)),s=l(o(23)),u=n(o(232)),c=o(4793),d=o(7124),f=n(o(7143)),p=n(o(1151)),m=o(1353),g=o(5862),b=o(5396),h=(e,t)=>`row_${e.map((e=>e.option)).join("_")}_${t}`,v=u.default.div`
+`,k={columnColoring:s.any,columnColoringConfig:E.columnColoringConfigPropType,columnName:s.string,columnFormattingByType:s.any,columnTextFormatting:s.any,columnDataType:s.string,defaultOptionsByType:s.objectOf(s.objectOf(s.oneOfType([s.string,s.number,s.bool]))),flyoutConfigForDataType:s.arrayOf(s.any),textFormatConfig:s.array,isSourceCustomized:s.bool,removeColumnFormatting:s.func,resetColumnToDefault:s.func,updateColumnColoring:s.func,updateColumnFormatting:s.func,updateColumnTextFormatting:s.func},F=({columnColoring:e,columnColoringConfig:t,columnName:o,columnFormattingByType:a,columnTextFormatting:r,columnDataType:l,defaultOptionsByType:n={},flyoutConfigForDataType:s,textFormatConfig:u,isSourceCustomized:f,removeColumnFormatting:p,resetColumnToDefault:C,updateColumnFormatting:E,updateColumnColoring:x,updateColumnTextFormatting:k})=>{const[F,R]=i.useState(!1),B=i.useCallback((()=>R(!0)),[]),A=i.useCallback((()=>R(!1)),[]),I=i.useRef(null),L=i.useCallback((()=>p({columnName:o,columnDataType:l})),[o,l,p]),$=i.useCallback((()=>C({columnName:o,columnDataType:l})),[o,l,C]);return i.createElement(i.Fragment,null,i.createElement(j,{ref:I,"data-test":`column-toggle-${o}`},i.createElement(d.default,{"data-test":`selected-column-label-${o}`},i.createElement(T,null,i.createElement(v.default,{columnName:o,dataType:l}))),i.createElement(D,null,i.createElement(h.default,{dataTestKey:`edit-column-icon-${o}`,onClick:B},i.createElement(m.default,null)),i.createElement(h.default,{dataTestKey:`remove-column-icon-${o}`,onClick:L},i.createElement(g.default,null)))),i.createElement(c.default,{"data-test":`column-formatter-flyout-${o}`,anchor:I.current,open:F,onRequestClose:A,appearance:"normal",defaultPlacement:"horizontal"},i.createElement(w,{"data-test":"popover-contents"},i.createElement(S,null,i.createElement(M,{"data-test":"column-formatter-flyout-header"},`${(0,b._)("Column formatting")}: "${o}"`)),i.createElement(_.default,{columnFormatting:r,columnDataType:P.TextDataType,columnName:o,defaultOptionsByType:n,flyoutConfigForDataType:u,handleResetColumnToDefault:$,updateColumnFormatting:k,isSourceCustomized:!1}),i.createElement(y.default,null),i.createElement(_.default,{columnFormatting:a,columnDataType:l,columnName:o,defaultOptionsByType:n,flyoutConfigForDataType:s,handleResetColumnToDefault:$,updateColumnFormatting:E,isSourceCustomized:f}),("number"===l||"string"===l)&&i.createElement(i.Fragment,null,i.createElement(y.default,null),i.createElement(O.default,{columnColoring:e,columnColoringConfig:t,columnDataType:l,columnName:o,handleColumnColoringUpdate:x})))))};F.propTypes=k,t.default=F},630:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.moveDslBetweenModes=t.clearDynamicColoring=void 0;t.clearDynamicColoring=e=>{const t={};return"background"===e?t.rowBackgroundColors=void 0:"text"===e&&(t.rowColors=void 0),t};t.moveDslBetweenModes=(e,t,o)=>{const a="background"===e?"rowBackgroundColors":"rowColors";return{["background"===t?"rowBackgroundColors":"rowColors"]:(o[a]||"> table | gradient(tableFormatEditorConfig)").replace(/tableFormatEditorConfig/g,"tableFormatEditorConfig"),[a]:void 0}}},1074:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,r)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return r(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getEditorItemValue=void 0;const i=l(o(9497)),s=l(o(23)),u=n(o(232)),c=o(4793),d=o(7124),f=n(o(7143)),p=n(o(1151)),m=o(9952),g=o(5862),b=o(5396),h=(e,t)=>`row_${e.map((e=>e.option)).join("_")}_${t}`,v=u.default.div`
     padding: 12px ${(0,d.toPx)(g.COLUMN_FLYOUT_PADDING)};
 `,y={columnName:s.string,columnFormatting:s.any,columnDataType:s.string,defaultOptionsByType:s.objectOf(s.objectOf(s.oneOfType([s.string,s.number,s.bool]))),flyoutConfigForDataType:s.arrayOf(s.any),isSourceCustomized:s.bool,handleResetColumnToDefault:s.func,updateColumnFormatting:s.func};t.getEditorItemValue=(e,t,o,a)=>{const r=o===b.TextDataType?(0,c.get)(t,e.option):(0,c.get)(t,[o,e.option]);return void 0!==r?r:(0,c.get)(a,[o,e.option])};const C=({columnFormatting:e,columnDataType:o,columnName:a,defaultOptionsByType:r={},flyoutConfigForDataType:l,handleResetColumnToDefault:n,updateColumnFormatting:s,isSourceCustomized:u})=>{const d=i.useCallback(((e,t,o)=>s({columnName:a,optionName:t,value:o})),[a,s]);return i.createElement(v,null,u?i.createElement(p.default,{onResetToDefault:n,style:{padding:"0px 0px 16px 0px",width:"auto"}}):i.createElement(f.default,null,l.map(((a,n)=>i.createElement(f.default.Row,{key:h(a,n),"data-test":"column-formatter-flyout-row",style:{marginBottom:n===l.length?"0px":"12px"}},a.map(((l,s)=>{let u=null;const p=12/a.length,g=`item_${l?`${l.option}_`:""}${n}_${s}`;if(!(0,c.isEmpty)(l)){const a=m.editorTypeToComponentMap[l.editor];u=i.createElement(a,Object.assign({},l.editorProps,{label:l.label,name:l.option,itemSchema:l.itemSchema,value:(0,t.getEditorItemValue)(l,e,o,r),onChange:d}))}return i.createElement(f.default.Column,{key:g,span:p},u)})))))))};C.propTypes=y,t.default=C},5396:function(e,t,o){var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getColumnFormatDefFromState=t.getInitialColumnFormattingState=t.isValidColorFormatter=t.getGlobalTableFormatting=t.getFormattingOptDSLKey=t.checkExceedsEditorCapabilities=t.sanitizeColumnName=t.getColumnDataTypeMap=t.getEditorSupportedFormatOptions=t.getExistingTextFormatting=t.TextDataType=void 0;const r=o(4793),l=a(o(3453)),n=o(1413),i={pick:"pick",rangeValue:"rangeValue",matchValue:"matchValue"},s={align:"align",headerAlign:"headerAlign",textOverflow:"textOverflow"},u=Object.assign({rowBackgroundColors:"rowBackgroundColors",rowColors:"rowColors",data:"data"},s);t.TextDataType="text";t.getExistingTextFormatting=(e,t)=>{const o={};return Object.keys(s).forEach((a=>{const l=(0,r.get)(t,[e,a]);l&&(o[a]=l)})),o};t.getEditorSupportedFormatOptions=e=>{const t={text:{}};return Object.keys(e).forEach((o=>{t[o]={},e[o].forEach((e=>{e.forEach((e=>{t[o][e.option]=e.option}))}))})),t};t.getColumnDataTypeMap=e=>e.reduce(((e,{name:t,type:o})=>(e[t]=o,e)),{});t.sanitizeColumnName=e=>{let t=e;return e.match(/^[0-9]/)&&(t=`_${t}`),`${t.replace(/[^a-zA-Z0-9]/g,"_")}`};t.checkExceedsEditorCapabilities=(e,t)=>Object.keys(e).some((e=>!t[e]));t.getFormattingOptDSLKey=(e={})=>"string"==typeof e.data&&l.default.isDslString(e.data)?(0,r.get)((0,n.getLastFormatterFromDSL)(e.data),"paramKey",null):null;t.getGlobalTableFormatting=(e,o,a)=>{const l=(0,t.getFormattingOptDSLKey)(e);return(0,r.get)(a,[l,o],{})};t.isValidColorFormatter=e=>"rangeValue"===e||"matchValue"===e;t.getInitialColumnFormattingState=({availableFieldsWithTypes:e,coloringTypes:o=[],columnFormatOption:a,editorSupportedFormatOptions:s,vizContext:c})=>{if(!a||"object"!=typeof a)return new Map;const d=(0,t.getColumnDataTypeMap)(e);return Object.keys(a).reduce(((e,f)=>{const p=d[f],m=(0,t.getFormattingOptDSLKey)(a[f]),g=c[m],b=l.default.isDslString((0,r.get)(a,[f,"data"]))&&!g;if(!((e,t)=>!e[t]||Object.keys(e[t]).some((e=>!!u[e])))(a,f))return e;const h=(0,t.getExistingTextFormatting)(f,a);if(!(0,r.isEmpty)(s[p])&&!b){const l={_meta:{dynamicallyColoredOption:"Off"}},u=(0,r.get)((0,n.getLastFormatterFromDSL)((0,r.get)(a,[f,"rowColors"])),"type"),d=(0,r.get)((0,n.getLastFormatterFromDSL)((0,r.get)(a,[f,"rowBackgroundColors"])),"type");(0,t.isValidColorFormatter)(u)&&!d?l._meta.dynamicallyColoredOption="rowColors":"pick"===u&&(0,t.isValidColorFormatter)(d)&&(l._meta.dynamicallyColoredOption="rowBackgroundColors"),o.forEach((({value:e})=>{const o=(0,r.get)(a,[f,e]);if(o){const{type:a,paramKey:s}=(0,n.getLastFormatterFromDSL)(o)||{};if("pick"===a&&"rowColors"===e&&!(0,t.isValidColorFormatter)(d))return;if("pick"===a&&"rowColors"!==e||!i[a])return;if((0,t.isValidColorFormatter)(a)&&"rowBackgroundColors"===e&&"pick"!==u)return;l[e]={colorContextKey:s,colorContextConfig:(0,r.get)(c,[s],{}),colorOptionDSL:o}}}));const b=Object.keys(l).length>1,v=(0,r.get)(c,[m,p],{});!b&&(0,r.isEmpty)(v)&&(0,r.isEmpty)(h)||e.set(f,{columnColoring:l,formatByType:{[p]:Object.assign(Object.assign({},(0,r.pick)(v,Object.keys(s[p]))),{_meta:{exceedsEditorCapabilities:(0,t.checkExceedsEditorCapabilities)((0,r.get)(g,[p],{}),s[p])}})},formatText:h})}return e}),new Map)};t.getColumnFormatDefFromState=({columnFormatOption:e,updatedEditorColumnFormatting:o})=>{const a={},l=(0,r.cloneDeep)(e);return Object.keys(o).forEach((e=>{const n=(0,t.sanitizeColumnName)(e),i=`${n}ColumnFormatEditorConfig`;if((0,r.isPlainObject)(o[e])){const t=(0,r.get)(o,[e,"columnColoring"]);(0,r.unset)(t,["_meta"]),(0,r.isPlainObject)(t)&&Object.keys(t).forEach((o=>{const{colorContextConfig:n,colorOptionDSL:i,colorContextKey:s}=t[o];null==i?(a[s]=null,(0,r.set)(l,[e,o],null)):s&&(a[s]=n,(0,r.set)(l,[e,o],i))})),(0,r.isPlainObject)(o[e].formatByType)&&(Object.keys(o[e].formatByType).forEach((t=>{(0,r.unset)(o,[e,"formatByType",t,"_meta"])})),s=o[e].formatByType,Object.keys(s).every((e=>(0,r.isEmpty)(s[e])))?a[i]=null:(a[i]=Object.assign({},o[e].formatByType),(0,r.set)(l,[e,"data"],`> table | seriesByName("${e}") | formatByType(${i})`)));const{formatText:n}=o[e];(0,r.isPlainObject)(n)&&Object.keys(n).forEach((t=>{(0,r.set)(l,[e,t],n[t])}))}else a[i]=null,a[`${n}RowColorsEditorConfig`]=null,a[`${n}RowBackgroundColorsEditorConfig`]=null,l[e]=null;var s})),{context:a,options:{columnFormat:l}}}},2088:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,r)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return r(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.flyoutConfigPropType=t.columnColoringConfigPropType=void 0;const n=l(o(23));t.columnColoringConfigPropType=n.shape({coloringTypes:n.arrayOf(n.shape({label:n.string,value:n.string})),formatters:n.arrayOf(n.shape({label:n.string,value:n.string,defaults:n.object})),themes:n.object}),t.flyoutConfigPropType=n.shape({number:n.arrayOf(n.any),string:n.arrayOf(n.any),sparkline:n.arrayOf(n.any),time:n.arrayOf(n.any)})},5678:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,r)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return r(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.TrellisSplitBySelectionEditor=t.AGGREGATIONS=t.EDITOR_NAME=void 0;const i=l(o(9497)),s=l(o(23)),u=n(o(2373)),c=o(6649),d=n(o(7464)),f=o(9033),p=o(9246),m=o(1256),g=o(6801),b=o(1385),h=n(o(4008)),v=o(8999);t.EDITOR_NAME="trellisSplitBySelectionEditor",t.AGGREGATIONS="aggregations";const y=e=>e;t.TrellisSplitBySelectionEditor=({name:e,value:o,label:a="",labelPosition:r="top",dataSourceKey:l="primary",dataSourceBindings:n,isDisabled:s,onChange:g,prepareValue:C=y})=>{var _;const O=i.default.useContext(d.default),E=Boolean(null==O?void 0:O.visualizations_enableTrellis),x=(0,b.useDataSource)({dataSourceBindings:n,dataSourceKey:l}),{fields:P}=(null==x?void 0:x.data)||{columns:[],fields:[]},j=(0,i.useMemo)((()=>(0,p.getAllPossibleSplitByFields)(P)),[P]),{hasError:w,isMissing:T,isLoading:D}=(0,f.getDataSourceStateInfo)(x),S=T||w||s,M=(0,m.getPlaceholderMessage)({isMissing:T,isLoading:D,hasError:w,defaultMessage:`${(0,c._)("Select a splitby field from datasource")}`}),k=(null===(_=j.fields)||void 0===_?void 0:_.length)?j.fields[0]:t.AGGREGATIONS,[F,R]=(0,i.useState)(""),B=(0,i.useCallback)(((e,{keyword:t})=>{R(t)}),[]),A=o||k,[I,L]=(0,i.useState)(A);(0,i.useEffect)((()=>{L(A)}),[A]);const $=i.default.useCallback(((t,{value:o})=>{L(o);const a=C({options:{[e]:`${o}`}});g(t,a)}),[g,C,e]),{filteredFields:V,splitByFields:N}=(0,i.useMemo)((()=>{var e;let o=j.fields.map((e=>({name:e,value:e,description:""})));(null===(e=j.aggregations)||void 0===e?void 0:e.length)&&(o=[...o,{name:`${(0,c._)("Aggregations")} (${j.aggregations.length})`,description:j.aggregations.join(", "),value:t.AGGREGATIONS}]);return{filteredFields:o.filter((e=>e&&-1!==e.value.toLowerCase().indexOf(F.toLowerCase()))),splitByFields:o}}),[F,j.aggregations,j.fields]),q=(0,v.useColumnSelectorFooterMessage)({availableFields:N,selectedFields:[I],filteredFields:V,filter:F});return E?i.default.createElement(h.default,{label:a,labelPosition:r,"data-test":`${t.EDITOR_NAME}-${e}`},i.default.createElement(u.default,{"data-test":`${t.EDITOR_NAME}-select-${e}`,value:I,onFilterChange:B,onChange:$,footerMessage:q,placeholder:M,disabled:S,isLoadingOptions:D,error:w,filter:!0},V.map((e=>e&&i.default.createElement(u.default.Option,{key:e.name,"data-test":`${t.EDITOR_NAME}-option-${e.value}`,label:`${e.name}`,value:e.value,description:e.description}))))):null},t.TrellisSplitBySelectionEditor.propTypes=Object.assign(Object.assign({},g.BaseEditorPropTypes),{dataSourceKey:s.string.isRequired,prepareValue:s.func}),t.default=t.TrellisSplitBySelectionEditor},8999:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,r)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return r(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.useColumnSelectorFooterMessage=void 0;const n=l(o(9497)),i=o(3620);t.useColumnSelectorFooterMessage=({filter:e,availableFields:t,selectedFields:o,filteredFields:a,noSelectedFieldsInfo:r=!1})=>{const l=(0,n.useMemo)((()=>{if(!o||!a)return[];const e=new Set(o.filter((e=>""!==e&&void 0!==e)));return a.filter((t=>e.has(t.name)))}),[o,a]);return e&&!a.length?null:n.default.createElement(i.ColumnSelectorFooterMessage,{noSelectedFieldsInfo:r,numSelected:null==l?void 0:l.length,numFiltered:a.length,numAvailable:t.length,filter:e})}},5135:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useCSPViolationObserver=void 0;const a=o(9497);t.useCSPViolationObserver=(e,t="none")=>{const[o,r]=(0,a.useState)(t);return(0,a.useEffect)((()=>{const o=t=>{t.blockedURI!==e&&t.blockedURI!==`${e}/`||"enforce"!==t.disposition?t.blockedURI!==e&&t.blockedURI!==`${e}/`||"report"!==t.disposition||r("warning"):r("error")};return document.addEventListener("securitypolicyviolation",o),r(t),()=>{document.removeEventListener("securitypolicyviolation",o)}}),[e]),o}},1385:function(e,t,o){var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.useDataSource=void 0;const r=o(9497),l=a(o(4853)),n=o(4793);t.useDataSource=({dataSourceBindings:e,dataSourceKey:t})=>{const o=(0,r.useContext)(l.default),[a,i]=(0,r.useState)();return(0,r.useEffect)((()=>{if(!(0,n.get)(e,t))return i(null),()=>{};const a=(0,n.isFunction)(o.subscribe)&&o.subscribe(t,(e=>i(e)));return()=>{a&&a()}}),[e]),a}},5592:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useNumberInput=void 0;const a=o(9497),r=o(4793);t.useNumberInput=({min:e=Number.NEGATIVE_INFINITY,max:t=Number.POSITIVE_INFINITY,value:o,defaultValue:l,onValueChange:n=r.noop})=>{const[i,s]=(0,a.useState)(o),u=(0,a.useRef)(!1),c=(0,a.useCallback)(((e,t)=>{null==t&&s(null!=l?l:o),n(e,t)}),[l,n,o]),d=(0,a.useMemo)((()=>(0,r.debounce)(((e,t)=>c(e,t.value)),250)),[c]);(0,a.useLayoutEffect)((()=>{s(o)}),[o]);return{handleChange:(0,a.useCallback)(((e,t)=>{s(t.value),u.current||d(e,t)}),[d]),handleBlur:(0,a.useCallback)((e=>{u.current=!1,o!==i&&c(e,i)}),[i,c,o]),handleFocus:(0,a.useCallback)((()=>{u.current=!0}),[]),handleKeyPress:(0,a.useCallback)((a=>{var l;if("string"==typeof a.key&&"enter"===a.key.toLowerCase()){const n=null===(l=a.target)||void 0===l?void 0:l.value,i=n?Number(n):void 0,s="number"==typeof i?(0,r.clamp)(i,e,t):void 0;o!==s&&c(a,s)}"string"==typeof a.key&&"escape"===a.key.toLowerCase()&&s(o)}),[c,o,e,t]),currentValue:i}}},6801:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,r)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return r(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.BaseEditorPropTypes=void 0;const n=l(o(23));t.BaseEditorPropTypes={name:n.string.isRequired,value:n.oneOfType([n.string,n.object,n.arrayOf(n.string)]),context:n.object,label:n.string,labelPosition:n.oneOf(["top","left"]),labelWidth:n.number,onChange:n.func,isAdvanced:n.bool,isDisabled:n.bool,dataSourceBindings:n.object,options:n.object,optionsSchema:n.object}},333:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,r)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return r(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditorPropTypes=void 0;const n=l(o(23)),i=o(6801),s=o(2369);t.DynamicColorEditorPropTypes=Object.assign(Object.assign({},i.BaseEditorPropTypes),{name:n.string.isRequired,value:n.any,onChange:n.func,flyoutTitle:n.string,dataSelectors:n.arrayOf(n.exact({label:n.string.isRequired,value:n.string.isRequired}).isRequired),formatters:n.arrayOf(n.exact({label:n.string.isRequired,value:n.string.isRequired,defaults:n.object.isRequired,isDefault:n.bool}).isRequired),defaultPalettesConfig:s.sharedPalettesConfigPropType.isRequired,tooltip:n.string,options:n.object})},4008:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,r)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return r(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.AdvancedConfigButton=void 0;const i=l(o(9497)),s=l(o(23)),u=n(o(232)),c=o(6649),d=n(o(6643)),f=o(3563),p=n(o(6379)),m=n(o(7020)),g=n(o(9250)),b=(0,u.default)(g.default)`
     margin-top: 0;
@@ -624,5 +624,5 @@
     position: relative;
     width: 100%;
     height: 20px;
-`},5862:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.editorStyle=t.DROPDOWN_MENU_WIDTH=t.VERTICAL_EDITOR_SPACING=t.FLYOUT_WIDTH=t.COLUMN_FLYOUT_PADDING=t.FLYOUT_PADDING=void 0,t.FLYOUT_PADDING=21,t.COLUMN_FLYOUT_PADDING=16,t.FLYOUT_WIDTH=344,t.VERTICAL_EDITOR_SPACING=16,t.DROPDOWN_MENU_WIDTH=327,t.editorStyle={width:"100%"}},1256:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getPlaceholderMessage=t.sanitizeFieldNames=t.getFilteredFields=t.getAvailableFieldsWithTypes=void 0;const a=o(6649),r=o(2588);t.getAvailableFieldsWithTypes=(e,t)=>t.map(((t,o)=>{const{name:a}=t;return{name:a,type:(0,r.canInferTypeFromMeta)(t)?(0,r.getDataTypeForMeta)(t):(0,r.inferDataTypeFromData)(e[o])}}));t.getFilteredFields=(e,t)=>e.filter((e=>-1!==e.name.indexOf(t)));t.sanitizeFieldNames=(e,t)=>"string"==typeof e&&t.includes(e)?[e]:Array.isArray(e)?e.filter((e=>t.includes(e))):[];t.getPlaceholderMessage=({hasError:e,isLoading:t,isMissing:o,defaultMessage:r="Select a field from data source"})=>o?(0,a._)("Set up data source to select"):e?(0,a._)("Please set up valid data source to select"):t?(0,a._)("Loading data source..."):(0,a._)(r)},4381:function(e,t,o){var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getDynamicOptionsFromConfig=t.isConfigAdvanced=t.getFieldFromFieldNameDsl=void 0;const r=o(4793),l=o(2918),n=a(o(3453));t.getFieldFromFieldNameDsl=e=>{try{const t=l.DslParser.parse(n.default.withoutArrow(e)),o=(0,r.find)(t,{type:"method",name:"seriesByName"});return(0,r.get)(o,["args","0","v"],"")}catch(e){return""}};const i=e=>{try{const t=l.DslParser.parse(n.default.withoutArrow(e)),o=(0,r.findLastIndex)(t,{type:"method",name:"seriesByName"}),a=(0,r.findLastIndex)(t,{type:"method",name:"renameSeries"});return-1!==o&&-1!==a&&o<a}catch(e){return!1}};t.isConfigAdvanced=({items:e,context:t})=>{if("string"!=typeof e)return!1;const{label:o,value:a}=t;return"string"!=typeof o||"string"!=typeof a||(!(e=>{try{const t=l.DslParser.parse(n.default.withoutArrow(e));return 3===t.length&&(0,r.isMatch)(t[0],{type:"method",name:"frame"})&&(0,r.isMatch)(t[1],{type:"method",name:"prepend"})&&(0,r.isMatch)(t[2],{type:"method",name:"objects"})}catch(e){return!1}})(e)||!i(o)||!i(a))};t.getDynamicOptionsFromConfig=({items:e,context:o})=>{if(Array.isArray(e))return{staticOptions:e,dynamicOptionsLabel:"",dynamicOptionsValue:""};const a=o.statics||[],l=(0,r.zipWith)(...a,((e,t)=>({label:e,value:t}))),{label:n,value:i}=o;return{staticOptions:l,dynamicOptionsLabel:n?(0,t.getFieldFromFieldNameDsl)(n):"",dynamicOptionsValue:i?(0,t.getFieldFromFieldNameDsl)(i):""}}},6195:e=>{e.exports=require("@babel/runtime/helpers/defineProperty")},2649:e=>{e.exports=require("@babel/runtime/helpers/extends")},9597:e=>{e.exports=require("@splunk/react-icons/ArrowDown")},2267:e=>{e.exports=require("@splunk/react-icons/ArrowUp")},6062:e=>{e.exports=require("@splunk/react-icons/ArrowsRectangularDouble")},8855:e=>{e.exports=require("@splunk/react-icons/Cross")},5449:e=>{e.exports=require("@splunk/react-icons/Pencil")},6643:e=>{e.exports=require("@splunk/react-icons/SlidersDoubleHorizontal")},3625:e=>{e.exports=require("@splunk/react-icons/TrashCanCross")},7020:e=>{e.exports=require("@splunk/react-ui/Button")},8631:e=>{e.exports=require("@splunk/react-ui/Chip")},7408:e=>{e.exports=require("@splunk/react-ui/Color")},7143:e=>{e.exports=require("@splunk/react-ui/ColumnLayout")},9250:e=>{e.exports=require("@splunk/react-ui/ControlGroup")},6214:e=>{e.exports=require("@splunk/react-ui/Dropdown")},8965:e=>{e.exports=require("@splunk/react-ui/FormRows")},451:e=>{e.exports=require("@splunk/react-ui/Link")},1018:e=>{e.exports=require("@splunk/react-ui/Markdown")},4233:e=>{e.exports=require("@splunk/react-ui/Menu")},6447:e=>{e.exports=require("@splunk/react-ui/Message")},7446:e=>{e.exports=require("@splunk/react-ui/Multiselect")},2782:e=>{e.exports=require("@splunk/react-ui/Number")},1551:e=>{e.exports=require("@splunk/react-ui/Popover")},5411:e=>{e.exports=require("@splunk/react-ui/RadioBar")},2373:e=>{e.exports=require("@splunk/react-ui/Select")},5309:e=>{e.exports=require("@splunk/react-ui/Slider")},5777:e=>{e.exports=require("@splunk/react-ui/Switch")},4082:e=>{e.exports=require("@splunk/react-ui/Text")},5905:e=>{e.exports=require("@splunk/react-ui/TextArea")},6379:e=>{e.exports=require("@splunk/react-ui/Tooltip")},3563:e=>{e.exports=require("@splunk/themes")},4566:e=>{e.exports=require("@splunk/themes/variables")},3773:e=>{e.exports=require("@splunk/ui-utils/format")},6649:e=>{e.exports=require("@splunk/ui-utils/i18n")},8987:e=>{e.exports=require("@splunk/ui-utils/id")},3850:e=>{e.exports=require("@splunk/visualization-color-palettes")},5089:e=>{e.exports=require("@splunk/visualization-color-palettes/editors/PresetPalettes")},4853:e=>{e.exports=require("@splunk/visualization-context/DataSourceContext")},7464:e=>{e.exports=require("@splunk/visualization-context/FeatureFlagContext")},5711:e=>{e.exports=require("@splunk/visualization-context/MessageContext")},2918:e=>{e.exports=require("@splunk/visualization-encoding/DslParser")},3453:e=>{e.exports=require("@splunk/visualization-encoding/EncodingParser")},2687:e=>{e.exports=require("@splunk/visualization-encoding/Options")},1413:e=>{e.exports=require("@splunk/visualization-encoding/utils/dsl")},2588:e=>{e.exports=require("@splunk/visualization-encoding/utils/types")},6769:e=>{e.exports=require("@splunk/visualization-icons/PresetIcons")},3283:e=>{e.exports=require("@splunk/visualizations-shared/colorUtils")},9033:e=>{e.exports=require("@splunk/visualizations-shared/dataSourceUtils")},7124:e=>{e.exports=require("@splunk/visualizations-shared/style")},9246:e=>{e.exports=require("@splunk/visualizations-shared/trellisUtils")},4793:e=>{e.exports=require("lodash")},23:e=>{e.exports=require("prop-types")},9497:e=>{e.exports=require("react")},348:e=>{e.exports=require("react-mde")},6265:e=>{e.exports=require("react-mde/lib/styles/css/react-mde-all.css")},232:e=>{e.exports=require("styled-components")}},t={};function o(a){var r=t[a];if(void 0!==r)return r.exports;var l=t[a]={exports:{}};return e[a].call(l.exports,l,l.exports,o),l.exports}o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var a in t)o.o(t,a)&&!o.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};(()=>{o.r(a),o.d(a,{default:()=>v});var e=o(9497),t=o.n(e),r=o(23),l=o.n(r),n=o(7143),i=o.n(n),s=o(4793),u=o(7464),c=o.n(u),d=o(551),f=o(1027),p=o(5862);const m=(e,t)=>`row_${e.map((e=>e.option||e.encoding)).join("_")}_${t}`,g=Object.freeze({}),b=()=>{},h=({layout:o,options:a=g,context:r=g,schema:l,encoding:n=g,dataContract:u,dataSourceBindings:h=g,onOptionChange:v=b,onEncodingChange:y=b,onVisualizationChange:C=b})=>{const _=(0,e.useContext)(c()),O=o||[];return t().createElement(i(),{gutter:p.VERTICAL_EDITOR_SPACING},O.map(((e,o)=>{const c=(0,f.getFilteredRowsByShowEditor)({row:e,options:a,encoding:n,featureFlags:_});return 0===c.length?null:t().createElement(i().Row,{key:m(e,o),alignItems:"center","data-test":"editorRow"},c.map(((c,f)=>{const p=12/e.length;return(0,s.isEmpty)(c)?t().createElement(i().Column,{key:`item_${o}_${f}`,span:p}):t().createElement(i().Column,{key:`item_${c.item}_${o}_${f}`,span:p},t().createElement(d.default,{item:c,schema:l,dataContract:u,dataSourceBindings:h,options:a,context:r,encoding:n,onOptionChange:v,onEncodingChange:y,onVisualizationChange:C}))})))})))};h.propTypes={layout:l().arrayOf(l().arrayOf(l().object)),options:l().object,encoding:l().object,context:l().object,dataContract:l().object.isRequired,dataSourceBindings:l().object,schema:l().object.isRequired,onOptionChange:l().func,onEncodingChange:l().func,onVisualizationChange:l().func};const v=h})(),module.exports=a})();
+`},5862:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.editorStyle=t.DROPDOWN_MENU_WIDTH=t.VERTICAL_EDITOR_SPACING=t.FLYOUT_WIDTH=t.COLUMN_FLYOUT_PADDING=t.FLYOUT_PADDING=void 0,t.FLYOUT_PADDING=21,t.COLUMN_FLYOUT_PADDING=16,t.FLYOUT_WIDTH=344,t.VERTICAL_EDITOR_SPACING=16,t.DROPDOWN_MENU_WIDTH=327,t.editorStyle={width:"100%"}},1256:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getPlaceholderMessage=t.sanitizeFieldNames=t.getFilteredFields=t.getAvailableFieldsWithTypes=void 0;const a=o(6649),r=o(2588);t.getAvailableFieldsWithTypes=(e,t)=>t.map(((t,o)=>{const{name:a}=t;return{name:a,type:(0,r.canInferTypeFromMeta)(t)?(0,r.getDataTypeForMeta)(t):(0,r.inferDataTypeFromData)(e[o])}}));t.getFilteredFields=(e,t)=>e.filter((e=>-1!==e.name.indexOf(t)));t.sanitizeFieldNames=(e,t)=>"string"==typeof e&&t.includes(e)?[e]:Array.isArray(e)?e.filter((e=>t.includes(e))):[];t.getPlaceholderMessage=({hasError:e,isLoading:t,isMissing:o,defaultMessage:r="Select a field from data source"})=>o?(0,a._)("Set up data source to select"):e?(0,a._)("Please set up valid data source to select"):t?(0,a._)("Loading data source..."):(0,a._)(r)},4381:function(e,t,o){var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getDynamicOptionsFromConfig=t.isConfigAdvanced=t.getFieldFromFieldNameDsl=void 0;const r=o(4793),l=o(2918),n=a(o(3453));t.getFieldFromFieldNameDsl=e=>{try{const t=l.DslParser.parse(n.default.withoutArrow(e)),o=(0,r.find)(t,{type:"method",name:"seriesByName"});return(0,r.get)(o,["args","0","v"],"")}catch(e){return""}};const i=e=>{try{const t=l.DslParser.parse(n.default.withoutArrow(e)),o=(0,r.findLastIndex)(t,{type:"method",name:"seriesByName"}),a=(0,r.findLastIndex)(t,{type:"method",name:"renameSeries"});return-1!==o&&-1!==a&&o<a}catch(e){return!1}};t.isConfigAdvanced=({items:e,context:t})=>{if("string"!=typeof e)return!1;const{label:o,value:a}=t;return"string"!=typeof o||"string"!=typeof a||(!(e=>{try{const t=l.DslParser.parse(n.default.withoutArrow(e));return 3===t.length&&(0,r.isMatch)(t[0],{type:"method",name:"frame"})&&(0,r.isMatch)(t[1],{type:"method",name:"prepend"})&&(0,r.isMatch)(t[2],{type:"method",name:"objects"})}catch(e){return!1}})(e)||!i(o)||!i(a))};t.getDynamicOptionsFromConfig=({items:e,context:o})=>{if(Array.isArray(e))return{staticOptions:e,dynamicOptionsLabel:"",dynamicOptionsValue:""};const a=o.statics||[],l=(0,r.zipWith)(...a,((e,t)=>({label:e,value:t}))),{label:n,value:i}=o;return{staticOptions:l,dynamicOptionsLabel:n?(0,t.getFieldFromFieldNameDsl)(n):"",dynamicOptionsValue:i?(0,t.getFieldFromFieldNameDsl)(i):""}}},6195:e=>{e.exports=require("@babel/runtime/helpers/defineProperty")},2649:e=>{e.exports=require("@babel/runtime/helpers/extends")},9597:e=>{e.exports=require("@splunk/react-icons/ArrowDown")},2267:e=>{e.exports=require("@splunk/react-icons/ArrowUp")},6062:e=>{e.exports=require("@splunk/react-icons/ArrowsRectangularDouble")},8855:e=>{e.exports=require("@splunk/react-icons/Cross")},5449:e=>{e.exports=require("@splunk/react-icons/Pencil")},6643:e=>{e.exports=require("@splunk/react-icons/SlidersDoubleHorizontal")},3625:e=>{e.exports=require("@splunk/react-icons/TrashCanCross")},7020:e=>{e.exports=require("@splunk/react-ui/Button")},8631:e=>{e.exports=require("@splunk/react-ui/Chip")},7408:e=>{e.exports=require("@splunk/react-ui/Color")},7143:e=>{e.exports=require("@splunk/react-ui/ColumnLayout")},9250:e=>{e.exports=require("@splunk/react-ui/ControlGroup")},6214:e=>{e.exports=require("@splunk/react-ui/Dropdown")},8965:e=>{e.exports=require("@splunk/react-ui/FormRows")},451:e=>{e.exports=require("@splunk/react-ui/Link")},1018:e=>{e.exports=require("@splunk/react-ui/Markdown")},4233:e=>{e.exports=require("@splunk/react-ui/Menu")},6447:e=>{e.exports=require("@splunk/react-ui/Message")},7446:e=>{e.exports=require("@splunk/react-ui/Multiselect")},2782:e=>{e.exports=require("@splunk/react-ui/Number")},1551:e=>{e.exports=require("@splunk/react-ui/Popover")},5411:e=>{e.exports=require("@splunk/react-ui/RadioBar")},2373:e=>{e.exports=require("@splunk/react-ui/Select")},5309:e=>{e.exports=require("@splunk/react-ui/Slider")},5777:e=>{e.exports=require("@splunk/react-ui/Switch")},4082:e=>{e.exports=require("@splunk/react-ui/Text")},5905:e=>{e.exports=require("@splunk/react-ui/TextArea")},6379:e=>{e.exports=require("@splunk/react-ui/Tooltip")},3563:e=>{e.exports=require("@splunk/themes")},4566:e=>{e.exports=require("@splunk/themes/variables")},3773:e=>{e.exports=require("@splunk/ui-utils/format")},6649:e=>{e.exports=require("@splunk/ui-utils/i18n")},8987:e=>{e.exports=require("@splunk/ui-utils/id")},3850:e=>{e.exports=require("@splunk/visualization-color-palettes")},5089:e=>{e.exports=require("@splunk/visualization-color-palettes/editors/PresetPalettes")},4853:e=>{e.exports=require("@splunk/visualization-context/DataSourceContext")},7464:e=>{e.exports=require("@splunk/visualization-context/FeatureFlagContext")},5711:e=>{e.exports=require("@splunk/visualization-context/MessageContext")},2918:e=>{e.exports=require("@splunk/visualization-encoding/DslParser")},3453:e=>{e.exports=require("@splunk/visualization-encoding/EncodingParser")},2687:e=>{e.exports=require("@splunk/visualization-encoding/Options")},1413:e=>{e.exports=require("@splunk/visualization-encoding/utils/dsl")},2588:e=>{e.exports=require("@splunk/visualization-encoding/utils/types")},6769:e=>{e.exports=require("@splunk/visualization-icons/PresetIcons")},3283:e=>{e.exports=require("@splunk/visualizations-shared/colorUtils")},9033:e=>{e.exports=require("@splunk/visualizations-shared/dataSourceUtils")},7124:e=>{e.exports=require("@splunk/visualizations-shared/style")},9246:e=>{e.exports=require("@splunk/visualizations-shared/trellisUtils")},4793:e=>{e.exports=require("lodash")},23:e=>{e.exports=require("prop-types")},9497:e=>{e.exports=require("react")},348:e=>{e.exports=require("react-mde")},6265:e=>{e.exports=require("react-mde/lib/styles/css/react-mde-all.css")},232:e=>{e.exports=require("styled-components")}},t={};function o(a){var r=t[a];if(void 0!==r)return r.exports;var l=t[a]={exports:{}};return e[a].call(l.exports,l,l.exports,o),l.exports}o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var a in t)o.o(t,a)&&!o.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};(()=>{o.r(a),o.d(a,{default:()=>v});var e=o(9497),t=o.n(e),r=o(23),l=o.n(r),n=o(7143),i=o.n(n),s=o(4793),u=o(7464),c=o.n(u),d=o(551),f=o(1027),p=o(5862);const m=(e,t)=>`row_${e.map((e=>e.option||e.encoding)).join("_")}_${t}`,g=Object.freeze({}),b=()=>{},h=({layout:o,gutter:a=p.VERTICAL_EDITOR_SPACING,options:r=g,context:l=g,schema:n,encoding:u=g,dataContract:h,dataSourceBindings:v=g,onOptionChange:y=b,onEncodingChange:C=b,onVisualizationChange:_=b})=>{const O=(0,e.useContext)(c()),E=o||[];return t().createElement(i(),{gutter:a},E.map(((e,o)=>{const a=(0,f.getFilteredRowsByShowEditor)({row:e,options:r,encoding:u,featureFlags:O});return 0===a.length?null:t().createElement(i().Row,{key:m(e,o),alignItems:"center","data-test":"editorRow"},a.map(((a,c)=>{const f=12/e.length;return(0,s.isEmpty)(a)?t().createElement(i().Column,{key:`item_${o}_${c}`,span:f}):t().createElement(i().Column,{key:`item_${a.item}_${o}_${c}`,span:f},t().createElement(d.default,{item:a,schema:n,dataContract:h,dataSourceBindings:v,options:r,context:l,encoding:u,onOptionChange:y,onEncodingChange:C,onVisualizationChange:_}))})))})))};h.propTypes={layout:l().arrayOf(l().arrayOf(l().object)),gutter:l().number,options:l().object,encoding:l().object,context:l().object,dataContract:l().object.isRequired,dataSourceBindings:l().object,schema:l().object.isRequired,onOptionChange:l().func,onEncodingChange:l().func,onVisualizationChange:l().func};const v=h})(),module.exports=a})();
 //# sourceMappingURL=EditorLayout.js.map