@splunk/dynamic-editors 0.37.4 → 0.37.5

package/containers/EditorItem.js

@@ -2,22 +2,22 @@
  * 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,a)=>{a.r(t),a.d(t,{default:()=>Ht,editorTypeToComponentMap:()=>Kt});var o=a(2649),l=a.n(o),r=a(9497),n=a.n(r),i=a(23),s=a.n(i),u=a(2749),d=a.n(u),c=a(2373),f=a.n(c),p=a(2166),m=a(1027),g=a(5862),b=a(4008),h=a.n(b);const v=({onChange:e,name:t,itemSchema:a,values:o,value:l,labelPosition:i="top",labelWidth:s,label:u,tooltip:d,isDisabled:c=!1,isAdvanced:b,hideLabel:v})=>{const y=(0,m.getOptions)(a,o),C=(0,p.hasTokens)(l)||c,_=(0,r.useCallback)(((a,{value:o})=>e(a,t,o)),[e,t]);return n().createElement(h(),{label:u,labelPosition:i,labelWidth:s,tooltip:d,isAdvanced:b,hideLabel:v},n().createElement(f(),{"data-test":t,onChange:_,value:l,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=a(3263),_=a(9967),O=a(2065),E=a(2782),x=a.n(E),P=a(5592);const j=({onChange:e,name:t,value:a=null,labelPosition:o="top",labelWidth:l,label:i,min:s,max:u,step:d,isDisabled:c,help:f,defaultValue:p})=>{const m=(0,r.useCallback)(((a,o)=>{if(void 0===p&&null==o)return void e(a,t,o);const l=parseFloat(null!=o?o:p);Number.isFinite(l)&&e(a,t,l)}),[p,e,t]),{currentValue:g,handleChange:b,handleBlur:v,handleFocus:y,handleKeyPress:C}=(0,P.useNumberInput)({value:a,min:s,max:u,defaultValue:p,onValueChange:m});return n().createElement(h(),{label:i,labelPosition:o,labelWidth:l,help:f},n().createElement(x(),{"data-test":t,min:s,max:u,step:d,onChange:b,onBlur:v,onFocus:y,onKeyDown:C,value:g,disabled:c}))};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};const T=j;var w=a(437);const D=({name:e,value:t=0,labelPosition:a="top",labelWidth:o,label:l,onChange:i,isDisabled:s=!1,help:u})=>{const d=(0,r.useCallback)(((e,t,a)=>{i(e,t,null==a?a:a/100)}),[i]);return n().createElement(T,{name:e,value:Math.round(100*t),label:l,labelPosition:a,labelWidth:o,onChange:d,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=a(148),k=a.n(M),R=a(4215),F=a.n(R);const B=require("@splunk/visualization-context/ImageContext");var A=a.n(B),I=a(6195),L=a.n(I),$=a(232),N=a.n($),V=a(6649),q=a(6447),W=a.n(q),U=a(4082),z=a.n(U);const K=require("@splunk/react-ui/Image");var G=a.n(K),H=a(7464),Y=a.n(H),Z=a(4793),X=a(962);const J=N().div`
+ */(()=>{"use strict";var e={1353:(e,t,a)=>{a.r(t),a.d(t,{default:()=>Yt,editorTypeToComponentMap:()=>Gt});var o=a(2649),l=a.n(o),r=a(9497),n=a.n(r),i=a(23),s=a.n(i),u=a(2749),d=a.n(u),c=a(2373),f=a.n(c),p=a(2166),m=a(1027),g=a(5862),b=a(4008),h=a.n(b);const v=({onChange:e,name:t,itemSchema:a,values:o,value:l,labelPosition:i="top",labelWidth:s,label:u,tooltip:d,isDisabled:c=!1,isAdvanced:b,hideLabel:v})=>{const y=(0,m.getOptions)(a,o),C=(0,p.hasTokens)(l)||c,_=(0,r.useCallback)(((a,{value:o})=>e(a,t,o)),[e,t]);return n().createElement(h(),{label:u,labelPosition:i,labelWidth:s,tooltip:d,isAdvanced:b,hideLabel:v},n().createElement(f(),{"data-test":t,onChange:_,value:l,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=a(3263),_=a(9967),O=a(2065),E=a(2782),x=a.n(E),P=a(5592);const j=({onChange:e,name:t,value:a=null,labelPosition:o="top",labelWidth:l,label:i,min:s,max:u,step:d,isDisabled:c,help:f,defaultValue:p})=>{const m=(0,r.useCallback)(((a,o)=>{if(void 0===p&&null==o)return void e(a,t,o);const l=parseFloat(null!=o?o:p);Number.isFinite(l)&&e(a,t,l)}),[p,e,t]),{currentValue:g,handleChange:b,handleBlur:v,handleFocus:y,handleKeyPress:C}=(0,P.useNumberInput)({value:a,min:s,max:u,defaultValue:p,onValueChange:m});return n().createElement(h(),{label:i,labelPosition:o,labelWidth:l,help:f},n().createElement(x(),{"data-test":t,min:s,max:u,step:d,onChange:b,onBlur:v,onFocus:y,onKeyDown:C,value:g,disabled:c}))};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};const T=j;var w=a(437);const D=({name:e,value:t=0,labelPosition:a="top",labelWidth:o,label:l,onChange:i,isDisabled:s=!1,help:u})=>{const d=(0,r.useCallback)(((e,t,a)=>{i(e,t,null==a?a:a/100)}),[i]);return n().createElement(T,{name:e,value:Math.round(100*t),label:l,labelPosition:a,labelWidth:o,onChange:d,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=a(148),k=a.n(M),R=a(4215),F=a.n(R);const B=require("@splunk/visualization-context/ImageContext");var A=a.n(B),I=a(6195),L=a.n(I),$=a(232),V=a.n($),N=a(6649),q=a(6447),W=a.n(q),U=a(4082),z=a.n(U);const K=require("@splunk/react-ui/Image");var G=a.n(K),H=a(7464),Y=a.n(H),Z=a(4793),X=a(962);const J=V().div`
     padding-bottom: 5px;
     width: 100%;
     text-align: center;
-`,Q={marginBottom:10},ee={width:"100%"},te=N().span`
+`,Q={marginBottom:10},ee={width:"100%"},te=V().span`
     font-size: smaller;
     font-style: italic;
-`,ae=(0,V._)("Note: Uploaded image files can be accessed and deleted by others in your organization"),oe=(0,Z.memoize)(((e,t)=>{const a=e.slice();if(t)-1===a.indexOf("svg")&&a.push("svg");else{const e=a.indexOf("svg");e>-1&&a.splice(e,1)}return a}),((e,t)=>`${t}-${e.join("-")}`));class le extends r.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:a,enableGallerySharingWarning:o}=this.context||{},l=oe(this.props.validImageTypes,t),r=l.indexOf("svg")<0||this.props.svgRenderAsDom&&l.indexOf("svg")>-1&&a||!this.props.svgRenderAsDom&&l.indexOf("svg")>-1,i="none"!==this.state.violationType?n().createElement(X.CSPMessage,{type:this.state.violationType}):n().createElement(W(),{appearance:"fill",type:"error"},(0,V._)("We can't find an image with this URL. Please enter a new URL."));return n().createElement(J,null,r&&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:l}),o&&n().createElement(te,{"data-test":"gallery-sharing-warning"},ae)):i)}}L()(le,"contextType",Y()),le.propTypes={handleImageUpload:s().func,validImageTypes:s().array,svgRenderAsDom:s().bool},le.defaultProps={handleImageUpload:()=>{},validImageTypes:["gif","jpeg","jpg","png","webp"],svgRenderAsDom:!1};const re=le;var ne=a(8855),ie=a.n(ne),se=a(7020),ue=a.n(se),de=a(3563),ce=a(5135),fe=a(137);const pe=n().createElement(ie(),null),me=N().div`
+`,ae=(0,N._)("Note: Uploaded image files can be accessed and deleted by others in your organization"),oe=(0,Z.memoize)(((e,t)=>{const a=e.slice();if(t)-1===a.indexOf("svg")&&a.push("svg");else{const e=a.indexOf("svg");e>-1&&a.splice(e,1)}return a}),((e,t)=>`${t}-${e.join("-")}`));class le extends r.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:a,enableGallerySharingWarning:o}=this.context||{},l=oe(this.props.validImageTypes,t),r=l.indexOf("svg")<0||this.props.svgRenderAsDom&&l.indexOf("svg")>-1&&a||!this.props.svgRenderAsDom&&l.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,r&&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:l}),o&&n().createElement(te,{"data-test":"gallery-sharing-warning"},ae)):i)}}L()(le,"contextType",Y()),le.propTypes={handleImageUpload:s().func,validImageTypes:s().array,svgRenderAsDom:s().bool},le.defaultProps={handleImageUpload:()=>{},validImageTypes:["gif","jpeg","jpg","png","webp"],svgRenderAsDom:!1};const re=le;var ne=a(8855),ie=a.n(ne),se=a(7020),ue=a.n(se),de=a(3563),ce=a(5135),fe=a(137);const pe=n().createElement(ie(),null),me=V().div`
     width: 100%;
     padding-bottom: 5px;
-`,ge=N().div`
+`,ge=V().div`
     border: 1px solid ${de.variables.borderColor};
     position: relative;
     min-height: 30px;
     height: auto;
-`,be=N().div`
+`,be=V().div`
     background-color: ${de.variables.backgroundColorPage};
     color: ${de.variables.contentColorDefault};
     opacity: 0.9;
@@ -27,42 +27,42 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
-`,he=N().div`
+`,he=V().div`
     margin-left: ${de.variables.spacingMedium};
     overflow: hidden;
     text-align: start;
     text-overflow: ellipsis;
     white-space: nowrap;
-`,ve=N()(ue()).attrs({"data-test":"image-remove-button"})`
+`,ve=V()(ue()).attrs({"data-test":"image-remove-button"})`
     flex-grow: 0;
     color: ${de.variables.contentColorActive} !important;
     &:hover {
         background-color: ${de.variables.actionColorBackgroundSecondaryHover} !important;
     }
-`,ye=N().img`
+`,ye=V().img`
     ${de.mixins.reset("block")};
     margin: 0 auto;
     max-width: 100%;
     max-height: 180px;
-`,Ce=({filename:e=null,imageDataURI:t=null,onImageRemove:a=Z.noop,overrideCSPViolation:o})=>{const l=(0,ce.useCSPViolationObserver)(t,o);return n().createElement(me,null,n().createElement(ge,null,n().createElement(be,null,n().createElement(he,null,e),n().createElement(ve,{"aria-label":(0,V._)("Remove image"),appearance:"subtle",icon:pe,onClick:a})),n().createElement(ye,{alt:e,src:t})),"none"!==l&&n().createElement(fe.MessageContainer,null,n().createElement(X.CSPMessage,{type:l})))};Ce.propTypes={filename:s().string,imageDataURI:s().string,onImageRemove:s().func,overrideCSPViolation:s().string};const _e=Ce,Oe=({onChange:e,name:t,value:a,labelPosition:o="top",labelWidth:l,label:i,validMediaTypes:s,svgRenderAsDom:u,overrideCSPViolation:d})=>{const c=(0,r.useContext)(A()),[f,p]=(0,r.useState)(null),[m,g]=(0,r.useState)(null),b=(0,r.useCallback)((async(a,o)=>{try{const l=await c.upload(o,{name:a},null,s);e(null,t,l)}catch(e){console.warn(e)}}),[c,s,e,t]),v=(0,r.useCallback)((({src:a,filename:o,imageDataURI:l})=>a?e(null,t,a):null!==o&&null!==l?b(o,l):e(null,t,null)),[b,e,t]),y=(0,r.useCallback)((a=>e(a,t,null)),[e,t]);return(0,r.useEffect)((()=>{(async()=>{if(a){const e=await(async(e,t)=>null!=e&&e.isResourceURL(t)?e.getByURL(t):{dataURI:t,metaData:{name:t}})(c,a);p(e.dataURI),g(e.metaData.name)}})()}),[a,c]),n().createElement(h(),{label:i,labelPosition:o,labelWidth:l},a?n().createElement(_e,{filename:m,imageDataURI:f,onImageRemove:y,overrideCSPViolation:d}):n().createElement(re,{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=a(5777),Pe=a.n(xe),je=a(4566),Te=a.n(je);const we=N().div.attrs((()=>({"data-test":"threshold-error"})))`
+`,Ce=({filename:e=null,imageDataURI:t=null,onImageRemove:a=Z.noop,overrideCSPViolation:o})=>{const l=(0,ce.useCSPViolationObserver)(t,o);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:a})),n().createElement(ye,{alt:e,src:t})),"none"!==l&&n().createElement(fe.MessageContainer,null,n().createElement(X.CSPMessage,{type:l})))};Ce.propTypes={filename:s().string,imageDataURI:s().string,onImageRemove:s().func,overrideCSPViolation:s().string};const _e=Ce,Oe=({onChange:e,name:t,value:a,labelPosition:o="top",labelWidth:l,label:i,validMediaTypes:s,svgRenderAsDom:u,overrideCSPViolation:d})=>{const c=(0,r.useContext)(A()),[f,p]=(0,r.useState)(null),[m,g]=(0,r.useState)(null),b=(0,r.useCallback)((async(a,o)=>{try{const l=await c.upload(o,{name:a},null,s);e(null,t,l)}catch(e){console.warn(e)}}),[c,s,e,t]),v=(0,r.useCallback)((({src:a,filename:o,imageDataURI:l})=>a?e(null,t,a):null!==o&&null!==l?b(o,l):e(null,t,null)),[b,e,t]),y=(0,r.useCallback)((a=>e(a,t,null)),[e,t]);return(0,r.useEffect)((()=>{(async()=>{if(a){const e=await(async(e,t)=>null!=e&&e.isResourceURL(t)?e.getByURL(t):{dataURI:t,metaData:{name:t}})(c,a);p(e.dataURI),g(e.metaData.name)}})()}),[a,c]),n().createElement(h(),{label:i,labelPosition:o,labelWidth:l},a?n().createElement(_e,{filename:m,imageDataURI:f,onImageRemove:y,overrideCSPViolation:d}):n().createElement(re,{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=a(5777),Pe=a.n(xe),je=a(4566),Te=a.n(je),we=a(3773);const De=V().div.attrs((()=>({"data-test":"threshold-error"})))`
     color: ${Te().contentColorNegative};
     padding-top: 5px;
     font-size: 12px;
     display: block;
-`,De=({error:e,id:t})=>e?n().createElement(we,{id:t},(0,V._)("Error"),": ",e):null;De.propTypes={id:s().string,error:s().string};const Se=De,Me=({"data-test":e="threshold-boundary-input",boundary:t,isDisabled:a=!1,isEditable:o=!0,errorId:l,onChange:i=Z.noop,onRequestClose:s=Z.noop,onValidate:u=Z.noop})=>{const[d,c]=(0,r.useState)(t);(0,r.useEffect)((()=>{c(t)}),[t]);const f=(0,r.useCallback)(((e,{value:t})=>{c(t),u(t)}),[u]),p=(0,r.useCallback)((e=>{"Enter"===e.key&&i(d),"Escape"===e.key&&s()}),[d,i,s]),m=(0,r.useCallback)((()=>{i(d)}),[i,d]);return o?n().createElement(x(),{inline:!0,hideStepButtons:!0,disabled:a,value:d||0===d?d:null,onChange:f,onBlur:m,onKeyDown:p,error:!!l,"data-test":e,describedBy:l}):null};Me.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};const ke=Me;function Re(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,o)}return a}function Fe(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?Re(Object(a),!0).forEach((function(t){L()(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):Re(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}const Be=["#dc4e41","#f1813f","#f8be34","#53a051","#0877a6","#006d9c","#ec9960","#af575a","#62b3b2","#4fa484","#f8be44","#5a4575","#708794","#294e70","#b6c75a"];function Ae(e=[]){if(e.length<2)return console.warn("Invalid threshold configuration: at least 2 thresholds required"),e;const t=e.map((e=>{const t=Fe({},e);return e.from&&(t.from=+e.from),e.to&&(t.to=+e.to),t})),a=t.filter((e=>void 0===e.from));a.length>1&&console.warn("Invalid threshold configuration: multiple open lower boundaries");const o=t.filter((e=>void 0!==e.from));o.length!==(0,Z.uniqBy)(o,"from").length&&console.warn("Invalid threshold configuration: duplicate from values");const l=o.sort(((e,t)=>+t.from-+e.from));if(a.length){const e=a[0];return e.to!==l[l.length-1].from&&(e.to=l[l.length-1].from),l.forEach(((e,t)=>{const a=Fe({},e);t>0?a.to=l[t-1].from:delete a.to,l[t]=a})),[...l,e]}return l.forEach(((e,t)=>{const a=Fe({},e);t>0&&(a.to=l[t-1].from),l[t]=a})),l}function Ie(e="",t=[]){const a=parseFloat(e);return(0,Z.isNaN)(a)||(0,Z.isNaN)(+e)?{error:!0,errorMessage:(0,V._)("Not a valid threshold. Must be a number")}:t.filter((e=>e.from===a)).length>0?{error:!0,errorMessage:(0,V._)("Value already exists")}:{error:!1,errorMessage:null}}const Le=N().div.attrs((()=>({"data-test":"add-threshold-level"})))`
+`,Se=({error:e,id:t,thresholdIndex:a})=>e?n().createElement(De,{id:t},"number"==typeof a?(0,we.sprintf)((0,N._)("Error for threshold %(thresholdIndex)d : %(error)s"),{thresholdIndex:a,error:e}):(0,we.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:a=!1,isEditable:o=!0,errorId:l,onChange:i=Z.noop,onRequestClose:s=Z.noop,onValidate:u=Z.noop,index:d})=>{const[c,f]=(0,r.useState)(t);(0,r.useEffect)((()=>{f(t)}),[t]);const p=(0,r.useCallback)(((e,{value:t})=>{f(t),u(t)}),[u]),m=(0,r.useCallback)((e=>{"Enter"===e.key&&i(c),"Escape"===e.key&&s()}),[c,i,s]),g=(0,r.useCallback)((()=>{i(c)}),[i,c]),b="number"==typeof d?(0,we.sprintf)((0,N._)("Threshold number %(index)d"),{index:d}):(0,N._)("Threshold");return o?n().createElement(x(),{"aria-label":c?(0,we.sprintf)((0,N._)("%(label)s, value %(boundaryValue)d"),{label:b,boundaryValue:c}):(0,we.sprintf)((0,N._)("%(label)s, no value"),{label:b}),inline:!0,hideStepButtons:!0,disabled:a,value:c||0===c?c:null,onChange:p,onBlur:g,onKeyDown:m,error:!!l,"data-test":e,describedBy:l}):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 Re=ke;function Fe(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,o)}return a}function Be(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?Fe(Object(a),!0).forEach((function(t){L()(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):Fe(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,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})),a=t.filter((e=>void 0===e.from));a.length>1&&console.warn("Invalid threshold configuration: multiple open lower boundaries");const o=t.filter((e=>void 0!==e.from));o.length!==(0,Z.uniqBy)(o,"from").length&&console.warn("Invalid threshold configuration: duplicate from values");const l=o.sort(((e,t)=>+t.from-+e.from));if(a.length){const e=a[0];return e.to!==l[l.length-1].from&&(e.to=l[l.length-1].from),l.forEach(((e,t)=>{const a=Be({},e);t>0?a.to=l[t-1].from:delete a.to,l[t]=a})),[...l,e]}return l.forEach(((e,t)=>{const a=Be({},e);t>0&&(a.to=l[t-1].from),l[t]=a})),l}function Le(e="",t=[]){const a=parseFloat(e);return(0,Z.isNaN)(a)||(0,Z.isNaN)(+e)?{error:!0,errorMessage:(0,N._)("Not a valid threshold. Must be a number")}:t.filter((e=>e.from===a)).length>0?{error:!0,errorMessage:(0,N._)("Value already exists")}:{error:!1,errorMessage:null}}const $e=V().div.attrs((()=>({"data-test":"add-threshold-level"})))`
     margin-bottom: 10px;
-`,$e=({thresholds:e,onAddThreshold:t=Z.noop})=>{const[a,o]=(0,r.useState)(!1),[l,i]=(0,r.useState)(null),s=(0,r.useCallback)((()=>{o(!a)}),[a]),u=(0,r.useCallback)((a=>{const o=Ie(a,e);o.error?i(o.errorMessage):t(a)}),[e,t]),d=(0,r.useCallback)((t=>{const a=Ie(t,e);a.error&&i(a.errorMessage)}),[e]);return n().createElement(Le,null,a?n().createElement(n().Fragment,null,n().createElement(ke,{"data-test":"add-threshold-input",isError:!!l,onChange:u,onRequestClose:s,onValidate:d}),n().createElement(Se,{error:l})):n().createElement(ue(),{appearance:"secondary",onClick:s,label:`+ ${(0,V._)("Add threshold level")}`}))};$e.propTypes={onAddThreshold:s().func,thresholds:s().array};const Ne=$e;var Ve=a(8987),qe=a(6379),We=a.n(qe);const Ue=N().div`
+`,Ve=({thresholds:e,onAddThreshold:t=Z.noop})=>{const[a,o]=(0,r.useState)(!1),[l,i]=(0,r.useState)(null),s=(0,r.useCallback)((()=>{o(!a)}),[a]),u=(0,r.useCallback)((a=>{const o=Le(a,e);o.error?i(o.errorMessage):t(a)}),[e,t]),d=(0,r.useCallback)((t=>{const a=Le(t,e);a.error&&i(a.errorMessage)}),[e]);return n().createElement($e,null,a?n().createElement(n().Fragment,null,n().createElement(Re,{"data-test":"add-threshold-input",isError:!!l,onChange:u,onRequestClose:s,onValidate:d}),n().createElement(Me,{error:l})):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=a(8987),We=a(6379),Ue=a.n(We);const ze=V().div`
     margin-right: 10px;
     width: 100px;
     display: inline-block;
-`,ze=N().div.attrs((()=>({"data-test":"threshold-boundary-label"})))`
+`,Ke=V().div.attrs((()=>({"data-test":"threshold-boundary-label"})))`
     flex-grow: 1;
     flex-direction: row;
-`,Ke=N().span`
+`,Ge=V().span`
     line-height: 36px;
     margin-right: 10px;
     color: ${e=>e.isDisabled?Te().contentColorDisabled:Te().contentColorMuted};
-`,Ge=N().span`
+`,He=V().span`
     display: inline-block;
     color: ${e=>e.isDisabled?Te().contentColorDisabled:Te().contentColorMuted};
     width: 30px;
@@ -70,31 +70,31 @@
     vertical-align: bottom;
     overflow: hidden;
     white-space: nowrap;
-`,He=({describedBy:e,isDisabled:t,to:a})=>n().createElement(Ge,{"aria-describedby":e,isDisabled:t},a);He.propTypes={describedBy:s().any,isDisabled:s().bool,to:s().number};const Ye=({isDisabled:e,to:t})=>n().createElement(We(),{content:`${t}`},n().createElement(He,{to:t,isDisabled:e}));Ye.propTypes={isDisabled:s().bool,to:s().number};const Ze=({index:e,to:t,isRemovable:a,isEditable:o,onChange:l,isDisabled:r,errorId:i})=>{const s=0===e,u=a?`${(0,V._)("and")} `:"";return o?n().createElement(ze,null,n().createElement(Ke,{isDisabled:r},(0,V._)("to")),n().createElement(Ue,null,n().createElement(ke,{"data-test":"threshold-to-level",boundary:t,isDisabled:r,isEditable:!0,errorId:i,onChange:l}))):n().createElement(ze,null,s&&n().createElement(Ke,{isDisabled:r},(0,V._)("and above")),!s&&n().createElement(n().Fragment,null,n().createElement(Ke,{isDisabled:r},`${u}${(0,V._)("below")}`),n().createElement(Ye,{isDisabled:r,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 Xe=Ze,Je=N().div.attrs((()=>({"data-test":"threshold-level"})))`
+`,Ye=({describedBy:e,isDisabled:t,to:a})=>n().createElement(He,{"aria-describedby":e,isDisabled:t},a);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:a,isEditable:o,onChange:l,isDisabled:r,errorId:i})=>{const s=0===e,u=a?`${(0,N._)("and")} `:"";return o?n().createElement(Ke,null,n().createElement(Ge,{isDisabled:r},(0,N._)("to")),n().createElement(ze,null,n().createElement(Re,{"data-test":"threshold-to-level",boundary:t,isDisabled:r,isEditable:!0,errorId:i,onChange:l}))):n().createElement(Ke,null,s&&n().createElement(Ge,{isDisabled:r},(0,N._)("and above")),!s&&n().createElement(n().Fragment,null,n().createElement(Ge,{isDisabled:r},`${u}${(0,N._)("below")}`),n().createElement(Ze,{isDisabled:r,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"})))`
     width: 100%;
     position: relative;
     display: flex;
     align-items: flex-end;
     margin-bottom: 5px;
-`,Qe=N().div`
+`,et=V().div`
     margin-right: 10px;
     width: 100px;
     display: inline-block;
-`,et=N().div`
+`,tt=V().div`
     display: flex;
     margin-left: auto;
-`,tt=N().div`
+`,at=V().div`
     margin-left: ${de.variables.spacingXSmall};
     width: ${de.variables.spacingXXLarge};
-`,at=N()(ue())`
+`,ot=V()(ue())`
     color: ${e=>e.disabled?de.variables.contentColorDisabled:de.variables.contentColorActive} !important;
     &:hover {
         background-color: ${e=>!e.disabled&&de.variables.interactiveColorOverlayDrag} !important;
     }
-`,ot=({editFrom:e,editTo:t,editValue:a,error:o,from:l,index:i,isDisabled:s=!1,isRemovable:u=!1,onChange:d,onRemove:c,renderThresholdValueEditor:f,to:p,value:m})=>{const g=(0,r.useCallback)((e=>{(o||e!==l)&&d(i,{from:e,value:m,to:p})}),[d,l,m,p,i,o]),b=(0,r.useCallback)((e=>{(o||e!==p)&&d(i,{from:l,value:m,to:e})}),[d,l,m,p,i,o]),h=(0,r.useCallback)((({value:e})=>{d(i,{from:l,value:e,to:p})}),[d,i,l,p]),v=(0,r.useCallback)((()=>c(i)),[c,i]),y=(0,r.useMemo)((()=>o?(0,Ve.createDOMID)("threshold-error"):void 0),[o]);return n().createElement(n().Fragment,null,n().createElement(Je,null,n().createElement(Qe,null,n().createElement(ke,{"data-test":"threshold-from-level",boundary:l,isDisabled:s,isEditable:e,errorId:y,onChange:g})),n().createElement(Xe,{to:p,index:i,isRemovable:u,isEditable:t,isDisabled:s,onChange:b,errorId:y}),n().createElement(et,null,f({value:m,onChange:h,isDisabled:s||!!o,editValue:a})),n().createElement(tt,null,u&&n().createElement(at,{"data-test":"threshold-remove-button",icon:n().createElement(ie(),null),appearance:"subtle",onClick:v,disabled:s}))),n().createElement(Se,{error:o,id:y}))};ot.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=ot;function rt(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,o)}return a}function nt(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?rt(Object(a),!0).forEach((function(t){L()(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):rt(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}const it=[],st=({ranges:e=it,openRanges:t=!0,isDisabled:a=!1,onChange:o,renderThresholdValueEditor:l})=>{const[i,s]=(0,r.useState)({}),u=(0,r.useCallback)((t=>{const a=(0,Z.cloneDeep)(e);a.splice(t,1),o(Ae(a));const l=nt({},i);delete l[t],s(l)}),[i,e,o]),d=(0,r.useCallback)(((a,l)=>{const r=(0,Z.cloneDeep)(e),n=nt({},i);if(r.splice(a,1,l),delete n[a],!t&&0===a){const e=function(e="",t=""){const a=parseFloat(e),o=parseFloat(t);return(0,Z.isNaN)(a)||(0,Z.isNaN)(+e)||(0,Z.isNaN)(o)||(0,Z.isNaN)(+t)?{error:!0,errorMessage:(0,V._)("Not a valid threshold. Must be a number")}:a<o?{error:!0,errorMessage:(0,V._)("Upper boundary must exceed lower boundary")}:{error:!1,errorMessage:null}}(l.to,l.from);e.error&&(n[a]=e.errorMessage)}if(!t&&0!==a&&l.to<l.from&&l.from>e[0].from&&(r[a].to=l.from+10),!t||a<e.length-1){const t=(0,Z.cloneDeep)(e);t.splice(a,1);const o=Ie(l.from,t);o.error&&(n[a]=o.errorMessage)}s(n),Object.keys(n).length||o(Ae(r))}),[i,e,o,t]),c=!!Object.keys(i).length,f=(0,r.useCallback)((a=>!t&&e.length>1||t&&e.length>2&&a!==e.length-1),[t,e]);return e.map(((o,r)=>n().createElement(lt,{key:`threshold-${o.from}-${o.to}-${o.value}`,onRemove:u,onChange:d,index:r,from:o.from,to:o.to,value:o.value,error:i[r],editFrom:!t||r!==e.length-1,editTo:!t&&0===r,editValue:!c,isRemovable:f(r),isDisabled:a,renderThresholdValueEditor:l})))};st.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 ut=st;var dt=a(7408),ct=a.n(dt),ft=a(3283);const pt=({isDisabled:e,value:t,onChange:a})=>n().createElement(ct(),{disabled:e,value:(0,ft.isColor)(t)?t:"transparent",onChange:a,hideInput:!0,palette:Be,"data-test":"threshold-level-value"});pt.propTypes={isDisabled:s().bool,value:s().string,onChange:s().func.isRequired};const mt=pt,gt=N().div`
+`,lt=({editFrom:e,editTo:t,editValue:a,error:o,from:l,index:i,isDisabled:s=!1,isRemovable:u=!1,onChange:d,onRemove:c,renderThresholdValueEditor:f,to:p,value:m})=>{const g=(0,r.useCallback)((e=>{(o||e!==l)&&d(i,{from:e,value:m,to:p})}),[d,l,m,p,i,o]),b=(0,r.useCallback)((e=>{(o||e!==p)&&d(i,{from:l,value:m,to:e})}),[d,l,m,p,i,o]),h=(0,r.useCallback)((({value:e})=>{d(i,{from:l,value:e,to:p})}),[d,i,l,p]),v=(0,r.useCallback)((()=>c(i)),[c,i]),y=(0,r.useMemo)((()=>o?(0,qe.createDOMID)("threshold-error"):void 0),[o]);return n().createElement(n().Fragment,null,n().createElement(Qe,null,n().createElement(et,null,n().createElement(Re,{"data-test":"threshold-from-level",boundary:l,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||!!o,editValue:a})),n().createElement(at,null,u&&n().createElement(ot,{"data-test":"threshold-remove-button",icon:n().createElement(ie(),null),appearance:"subtle",onClick:v,disabled:s}))),n().createElement(Me,{error:o,id:y,thresholdIndex:i}))};lt.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 rt=lt;function nt(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,o)}return a}function it(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?nt(Object(a),!0).forEach((function(t){L()(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):nt(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}const st=[],ut=({ranges:e=st,openRanges:t=!0,isDisabled:a=!1,onChange:o,renderThresholdValueEditor:l})=>{const[i,s]=(0,r.useState)({}),u=(0,r.useCallback)((t=>{const a=(0,Z.cloneDeep)(e);a.splice(t,1),o(Ie(a));const l=it({},i);delete l[t],s(l)}),[i,e,o]),d=(0,r.useCallback)(((a,l)=>{const r=(0,Z.cloneDeep)(e),n=it({},i);if(r.splice(a,1,l),delete n[a],!t&&0===a){const e=function(e="",t=""){const a=parseFloat(e),o=parseFloat(t);return(0,Z.isNaN)(a)||(0,Z.isNaN)(+e)||(0,Z.isNaN)(o)||(0,Z.isNaN)(+t)?{error:!0,errorMessage:(0,N._)("Not a valid threshold. Must be a number")}:a<o?{error:!0,errorMessage:(0,N._)("Upper boundary must exceed lower boundary")}:{error:!1,errorMessage:null}}(l.to,l.from);e.error&&(n[a]=e.errorMessage)}if(!t&&0!==a&&l.to<l.from&&l.from>e[0].from&&(r[a].to=l.from+10),!t||a<e.length-1){const t=(0,Z.cloneDeep)(e);t.splice(a,1);const o=Le(l.from,t);o.error&&(n[a]=o.errorMessage)}s(n),Object.keys(n).length||o(Ie(r))}),[i,e,o,t]),c=!!Object.keys(i).length,f=(0,r.useCallback)((a=>!t&&e.length>1||t&&e.length>2&&a!==e.length-1),[t,e]);return e.map(((o,r)=>n().createElement(rt,{key:`threshold-${o.from}-${o.to}-${o.value}`,onRemove:u,onChange:d,index:r,from:o.from,to:o.to,value:o.value,error:i[r],editFrom:!t||r!==e.length-1,editTo:!t&&0===r,editValue:!c,isRemovable:f(r),isDisabled:a,renderThresholdValueEditor:l})))};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 dt=ut;var ct=a(7408),ft=a.n(ct),pt=a(3283);const mt=({isDisabled:e,value:t,onChange:a})=>n().createElement(ft(),{disabled:e,value:(0,pt.isColor)(t)?t:"transparent",onChange:a,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`
     flex-direction: column;
     flex-grow: 1;
-`,bt=({onChange:e,name:t,itemSchema:a,value:o,labelPosition:l="top",labelWidth:i,label:s,isDisabled:u=!1,isTogglable:d=!0,openRanges:c=!0,renderThresholdValueEditor:f=mt})=>{const p=Array.isArray(o)&&o.length>0,m=(0,r.useCallback)((()=>{e(null,t,a.default)}),[a,t,e]),g=(0,r.useCallback)((()=>{e(null,t,null)}),[t,e]),b=(0,r.useCallback)((()=>p?g():m()),[p,m,g]),v=(0,r.useCallback)((a=>{const l=(0,Z.cloneDeep)(o),r={from:a,value:function(e=[]){const t=(0,Z.difference)(Be,e);return t.length>0?t[0]:"#444000"}(l.map((e=>e.value)))};c||(r.to=a+10),l.push(r);const n=Ae(l);e(null,t,n)}),[t,o,e,c]),y=(0,r.useCallback)((a=>{e(null,t,a)}),[e,t]);return n().createElement(h(),{label:s,labelPosition:l,labelWidth:i},n().createElement(gt,{"data-test":t},d&&n().createElement(Pe(),{appearance:"toggle",selected:p,onClick:b,disabled:u,role:"switch"},(0,V._)("Threshold")),p&&n().createElement(n().Fragment,null,!u&&n().createElement(Ne,{onAddThreshold:v,thresholds:o}),n().createElement(ut,{onChange:y,ranges:o,isDisabled:u,openRanges:c,renderThresholdValueEditor:f}))))};bt.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 ht=bt;var vt=a(152),yt=a(8281),Ct=a(4942),_t=a.n(Ct),Ot=a(5731),Et=a.n(Ot),xt=a(6116),Pt=a.n(xt),jt=a(4680),Tt=a(7970),wt=a.n(Tt),Dt=a(5456),St=a(7585),Mt=a.n(St),kt=a(2117),Rt=a.n(kt),Ft=a(2965),Bt=a.n(Ft),At=a(5695),It=a.n(At),Lt=a(7364),$t=a.n(Lt),Nt=a(9172),Vt=a.n(Nt),qt=a(5678),Wt=a.n(qt),Ut=a(8687),zt=a.n(Ut);const Kt={"editor.checkbox":d(),"editor.radioBar":C.default,"editor.select":y,"editor.text":_.Z,"editor.textArea":zt(),"editor.toggle":O.default,"editor.number":T,"editor.color":w.default,"editor.percent":S,"editor.image":Ee,"editor.threshold":ht,"editor.presetSelector":F(),"editor.dynamicColor":vt.DynamicColorEditor,"editor.dynamicColorWithPrecedence":yt.DynamicColorEditorWithPrecedence,"editor.columnMultiSelector":_t(),"editor.columnSelector":Et(),"editor.tableColumnFormatter":Pt(),"editor.tableBackgroundColor":jt.TableBackgroundColorEditor,"editor.slider":k(),"editor.markdown":wt(),"editor.staticItem":Dt.default,"editor.dynamicItem":Mt(),"editor.arrayOfStrings":Rt(),"editor.multiColorPicker":Bt(),"editor.seriesColors":It(),"editor.seriesColorsByField":$t(),"editor.columnMultiSelectionByFieldNameEditor":Vt(),"editor.trellisSplitBy":Wt()},Gt=({item:e,name:t,itemSchema:a,dataSourceBindings:o,context:r,value:i,onChange:s,isDisabled:u,options:d,optionsSchema:c})=>{const{editor:f}=e;let p;if("string"==typeof f){if(!Kt[f])throw Error(`Invalid editor type: ${f}`);p=Kt[f]}else p=f;const g=(0,m.getStaticItemSchema)(a);return n().createElement("div",{key:e.option||e.encoding,"data-test":`editor-${t}`},n().createElement(p,l()({},e.editorProps,{name:t,isOption:!!e.option,itemSchema:g,dataSourceBindings:o,label:e.label,onChange:s,value:i,context:r,placeholder:e.placeholder,isAdvanced:e.isAdvanced,isDisabled:u,options:d,optionsSchema:c})))};Gt.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 Ht=Gt},437:(e,t,a)=>{a.r(t),a.d(t,{default:()=>S});var o=a(9497),l=a.n(o),r=a(23),n=a.n(r),i=a(232),s=a.n(i),u=a(4793),d=a(3563),c=a(7408),f=a.n(c),p=a(4082),m=a.n(p),g=a(8987),b=a(6649);const h=require("@splunk/react-ui/ScreenReaderContent");var v=a.n(h);const y=require("@splunk/visualizations-shared/colorConstants");var C=a(3283),_=a(4008),O=a.n(_);const E=s().div`
+`,ht=({onChange:e,name:t,itemSchema:a,value:o,labelPosition:l="top",labelWidth:i,label:s,isDisabled:u=!1,isTogglable:d=!0,openRanges:c=!0,renderThresholdValueEditor:f=gt})=>{const p=Array.isArray(o)&&o.length>0,m=(0,r.useCallback)((()=>{e(null,t,a.default)}),[a,t,e]),g=(0,r.useCallback)((()=>{e(null,t,null)}),[t,e]),b=(0,r.useCallback)((()=>p?g():m()),[p,m,g]),v=(0,r.useCallback)((a=>{const l=(0,Z.cloneDeep)(o),r={from:a,value:function(e=[]){const t=(0,Z.difference)(Ae,e);return t.length>0?t[0]:"#444000"}(l.map((e=>e.value)))};c||(r.to=a+10),l.push(r);const n=Ie(l);e(null,t,n)}),[t,o,e,c]),y=(0,r.useCallback)((a=>{e(null,t,a)}),[e,t]);return n().createElement(h(),{label:s,labelPosition:l,labelWidth:i},n().createElement(bt,{"data-test":t},d&&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:o}),n().createElement(dt,{onChange:y,ranges:o,isDisabled:u,openRanges:c,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=a(152),Ct=a(8281),_t=a(4942),Ot=a.n(_t),Et=a(5731),xt=a.n(Et),Pt=a(6116),jt=a.n(Pt),Tt=a(4680),wt=a(7970),Dt=a.n(wt),St=a(5456),Mt=a(7585),kt=a.n(Mt),Rt=a(2117),Ft=a.n(Rt),Bt=a(2965),At=a.n(Bt),It=a(5695),Lt=a.n(It),$t=a(7364),Vt=a.n($t),Nt=a(9172),qt=a.n(Nt),Wt=a(5678),Ut=a.n(Wt),zt=a(8687),Kt=a.n(zt);const Gt={"editor.checkbox":d(),"editor.radioBar":C.default,"editor.select":y,"editor.text":_.Z,"editor.textArea":Kt(),"editor.toggle":O.default,"editor.number":T,"editor.color":w.default,"editor.percent":S,"editor.image":Ee,"editor.threshold":vt,"editor.presetSelector":F(),"editor.dynamicColor":yt.DynamicColorEditor,"editor.dynamicColorWithPrecedence":Ct.DynamicColorEditorWithPrecedence,"editor.columnMultiSelector":Ot(),"editor.columnSelector":xt(),"editor.tableColumnFormatter":jt(),"editor.tableBackgroundColor":Tt.TableBackgroundColorEditor,"editor.slider":k(),"editor.markdown":Dt(),"editor.staticItem":St.default,"editor.dynamicItem":kt(),"editor.arrayOfStrings":Ft(),"editor.multiColorPicker":At(),"editor.seriesColors":Lt(),"editor.seriesColorsByField":Vt(),"editor.columnMultiSelectionByFieldNameEditor":qt(),"editor.trellisSplitBy":Ut()},Ht=({item:e,name:t,itemSchema:a,dataSourceBindings:o,context:r,value:i,onChange:s,isDisabled:u,options:d,optionsSchema:c})=>{const{editor:f}=e;let p;if("string"==typeof f){if(!Gt[f])throw Error(`Invalid editor type: ${f}`);p=Gt[f]}else p=f;const g=(0,m.getStaticItemSchema)(a);return n().createElement("div",{key:e.option||e.encoding,"data-test":`editor-${t}`},n().createElement(p,l()({},e.editorProps,{name:t,isOption:!!e.option,itemSchema:g,dataSourceBindings:o,label:e.label,onChange:s,value:i,context:r,placeholder:e.placeholder,isAdvanced:e.isAdvanced,isDisabled:u,options:d,optionsSchema:c})))};Ht.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 Yt=Ht},437:(e,t,a)=>{a.r(t),a.d(t,{default:()=>S});var o=a(9497),l=a.n(o),r=a(23),n=a.n(r),i=a(232),s=a.n(i),u=a(4793),d=a(3563),c=a(7408),f=a.n(c),p=a(4082),m=a.n(p),g=a(8987),b=a(6649);const h=require("@splunk/react-ui/ScreenReaderContent");var v=a.n(h);const y=require("@splunk/visualizations-shared/colorConstants");var C=a(3283),_=a(4008),O=a.n(_);const E=s().div`
     max-height: ${d.variables.inputHeight};
     width: 100%;
     min-width: 0;
@@ -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:a,name:o,value:l,values:r,itemSchema:n,variantForSelectedState:s,labelPosition:u="right",labelWidth:d,label:c,appearance:f="checkbox",isDisabled:O=!1,helpTextLink:E,chipText:x})=>{const P=(0,m.hasTokens)(l)||O;let j;if(Array.isArray(r)&&2===r.length)j=_(r.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 T=(0,i.useCallback)((e=>a(e,o,l===j[1]?j[0]:j[1])),[a,j,o,l]);return"right"===u?i.default.createElement(i.default.Fragment,null,i.default.createElement(h,{"data-test":o,disabled:P,value:o,onClick:T,selected:l===j[1],appearance:f,hasChip:!!x},i.default.createElement(C,null,c),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:c,labelPosition:u,labelWidth:d,tooltip:e},i.default.createElement(h,{"data-test":o,disabled:P,value:o,onClick:T,selected:l===j[1],appearance:f}))}},9172:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(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=r(a(9497)),s=n(a(23)),u=n(a(7446)),d=a(9033),c=a(6801),f=a(1385),p=a(1256),m=n(a(4008));t.EDITOR_NAME="columnMultiSelectionByFieldName-editor";const g=[],b=({name:e,value:a,label:o,labelPosition:l="top",labelWidth:r,isAdvanced:n=!1,isDisabled:s=!1,tooltip:c,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,d.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]),T=(0,i.useMemo)((()=>(0,p.sanitizeFieldNames)(a,j.map((e=>e.name)))),[a,j]),w=(0,i.useCallback)(((t,{values:a})=>{v(t,e,a)}),[v,e]);return i.default.createElement(m.default,{"data-test":`${t.EDITOR_NAME}-${e}`,label:o,labelPosition:l,labelWidth:r,tooltip:c,isAdvanced:n},i.default.createElement(u.default,{"data-test":`${t.EDITOR_NAME}-select-${e}`,onChange:w,values:T,disabled:E,isLoadingOptions:O,compact:!0},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({},c.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,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(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=r(a(9497)),s=r(a(23)),u=n(a(7446)),d=a(4793),c=a(1413),f=a(9033),p=a(6801),m=a(1385),g=a(1256),b=n(a(4008)),h=a(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:a,label:o="",labelPosition:l="top",dataSourceKey:r="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:r}),{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,a)=>!(0,t.isInternal)(P[a])))}})),[x,E,P,C]),{columns:T,fields:w}=(0,d.get)(j,"data")||{columns:[],fields:[]},D=(0,i.useMemo)((()=>(0,g.getAvailableFieldsWithTypes)(T,w)),[T,w]),[S,M]=(0,i.useState)(""),k=(0,i.useMemo)((()=>null==a?a:(0,c.getFieldsFromDSL)(a,{[r]:j})),[j,r,a]),[R,F]=(0,i.useState)(k||[]);i.default.useEffect((()=>{(null==k?void 0:k.length)&&F(k)}),[k]);const B=D.filter((e=>-1!==e.name.indexOf(S))),A=(0,h.useColumnSelectorFooterMessage)({availableFields:D,filteredFields:B,filter:S,selectedFields:R}),I=(0,i.useCallback)(((t,{values:a})=>{F(a);const o=`'${a.join("','")}'`,l=s({options:{[e]:`> ${r} | frameBySeriesNames(${o})`}});p(t,l)}),[r,e,p,s]),L=(0,i.useCallback)(((e,{keyword:t})=>{M(t)}),[]),{hasError:$,isMissing:N,isLoading:V}=(0,f.getDataSourceStateInfo)(E),q=N||$||y,W=(0,g.getPlaceholderMessage)({isMissing:N,isLoading:V,hasError:$,defaultMessage:"Select field(s) from data source"});return i.default.createElement(b.default,{label:o,labelPosition:l,isAdvanced:v},i.default.createElement(u.default,{"data-test":"ColumnMultiSelectionEditor",disabled:q,values:R,onChange:I,onFilterChange:L,footerMessage:A,placeholder:W,isLoadingOptions:V,error:$,compact:!0},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,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(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=r(a(9497)),s=r(a(23)),u=n(a(2373)),d=a(1413),c=a(9033),f=a(6801),p=a(1385),m=a(1256),g=n(a(4008)),b=a(5862),h=a(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:a="",labelPosition:o="top",dataSourceKey:l="primary",dataSourceBindings:r,prepareValue:n=(e=>e),onChange:s,isAdvanced:f,isDisabled:v,filterByTypes:y,tooltip:C})=>{const _=(0,p.useDataSource)({dataSourceBindings:r,dataSourceKey:l}),{columns:O,fields:E}=(null==_?void 0:_.data)||{columns:[],fields:[]},x=(0,m.getAvailableFieldsWithTypes)(O,E),P=null==t?t:(0,d.getFieldsFromDSL)(t,{[l]:_})[0]||"",[j,T]=(0,i.useState)(P);i.default.useEffect((()=>{T(P)}),[P]);const[w,D]=(0,i.useState)(""),S=x.filter((e=>-1!==e.name.indexOf(w))),M=(0,h.useColumnSelectorFooterMessage)({availableFields:x,selectedFields:[j],filteredFields:S,filter:w}),k=(0,i.useCallback)(((t,{value:a})=>{T(a);const o=n({options:{[e]:`> ${l} | seriesByName('${a}')`}});s(t,o)}),[l,e,s,n]),R=(0,i.useCallback)(((e,{keyword:t})=>{D(t)}),[]),{hasError:F,isMissing:B,isLoading:A}=(0,c.getDataSourceStateInfo)(_),I=B||F||v,L=(0,m.getPlaceholderMessage)({isMissing:B,isLoading:A,hasError:F});return i.default.createElement(g.default,{label:a,labelPosition:o,tooltip:C,isAdvanced:f},i.default.createElement(u.default,{"data-test":"ColumnSelectionEditor",value:j,onFilterChange:R,onChange:k,footerMessage:M,disabled:I,placeholder:L,isLoadingOptions:A,error:F,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,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=a(6649),d=n(a(9250)),c=n(a(7020)),f=n(a(1551)),p=n(a(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:a,onResetToDefault:o})=>{const[l,r]=g(!1),n=m(null),s=b((()=>r(!0)),[]),h=b((()=>r(!1)),[]);return i.createElement(d.default,{label:(0,u._)(e),labelPosition:t,labelWidth:a},i.createElement(c.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:l,anchor:n.current,onRequestClose:h,defaultPlacement:"horizontal"},i.createElement(p.default,{onResetToDefault:o})))};v.propTypes=h,t.default=v},152:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(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=r(a(9497)),s=r(a(23)),u=a(7124),d=n(a(9250)),c=n(a(7020)),f=n(a(1551)),p=n(a(232)),m=n(a(4566)),g=a(6649),b=a(5089),h=a(4793),v=a(1413),y=a(2369),C=n(a(2468)),_=a(5862),O=a(6801),E=a(1027),{useRef:x,useState:P,useEffect:j}=i,T=p.default.div`
+`,_=(e,t)=>t?[e.find((e=>e!==t)),t]:e;t.default=({help:e,helpFormat:t="tooltip",onChange:a,name:o,value:l,values:r,itemSchema:n,variantForSelectedState:s,labelPosition:u="right",labelWidth:d,label:c,appearance:f="checkbox",isDisabled:O=!1,helpTextLink:E,chipText:x})=>{const P=(0,m.hasTokens)(l)||O;let j;if(Array.isArray(r)&&2===r.length)j=_(r.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 T=(0,i.useCallback)((e=>a(e,o,l===j[1]?j[0]:j[1])),[a,j,o,l]);return"right"===u?i.default.createElement(i.default.Fragment,null,i.default.createElement(h,{"data-test":o,disabled:P,value:o,onClick:T,selected:l===j[1],appearance:f,hasChip:!!x},i.default.createElement(C,null,c),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:c,labelPosition:u,labelWidth:d,tooltip:e},i.default.createElement(h,{"data-test":o,disabled:P,value:o,onClick:T,selected:l===j[1],appearance:f}))}},9172:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(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=r(a(9497)),s=n(a(23)),u=n(a(7446)),d=a(9033),c=a(6801),f=a(1385),p=a(1256),m=n(a(4008));t.EDITOR_NAME="columnMultiSelectionByFieldName-editor";const g=[],b=({name:e,value:a,label:o,labelPosition:l="top",labelWidth:r,isAdvanced:n=!1,isDisabled:s=!1,tooltip:c,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,d.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]),T=(0,i.useMemo)((()=>(0,p.sanitizeFieldNames)(a,j.map((e=>e.name)))),[a,j]),w=(0,i.useCallback)(((t,{values:a})=>{v(t,e,a)}),[v,e]);return i.default.createElement(m.default,{"data-test":`${t.EDITOR_NAME}-${e}`,label:o,labelPosition:l,labelWidth:r,tooltip:c,isAdvanced:n},i.default.createElement(u.default,{"data-test":`${t.EDITOR_NAME}-select-${e}`,onChange:w,values:T,disabled:E,isLoadingOptions:O,compact:!0},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({},c.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,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(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=r(a(9497)),s=r(a(23)),u=n(a(7446)),d=a(4793),c=a(1413),f=a(9033),p=a(6801),m=a(1385),g=a(1256),b=n(a(4008)),h=a(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:a,label:o="",labelPosition:l="top",dataSourceKey:r="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:r}),{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,a)=>!(0,t.isInternal)(P[a])))}})),[x,E,P,C]),{columns:T,fields:w}=(0,d.get)(j,"data")||{columns:[],fields:[]},D=(0,i.useMemo)((()=>(0,g.getAvailableFieldsWithTypes)(T,w)),[T,w]),[S,M]=(0,i.useState)(""),k=(0,i.useMemo)((()=>null==a?a:(0,c.getFieldsFromDSL)(a,{[r]:j})),[j,r,a]),[R,F]=(0,i.useState)(k||[]);i.default.useEffect((()=>{(null==k?void 0:k.length)&&F(k)}),[k]);const B=D.filter((e=>-1!==e.name.indexOf(S))),A=(0,h.useColumnSelectorFooterMessage)({availableFields:D,filteredFields:B,filter:S,selectedFields:R}),I=(0,i.useCallback)(((t,{values:a})=>{F(a);const o=`'${a.join("','")}'`,l=s({options:{[e]:`> ${r} | frameBySeriesNames(${o})`}});p(t,l)}),[r,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:o,labelPosition:l,isAdvanced:v},i.default.createElement(u.default,{"data-test":"ColumnMultiSelectionEditor",disabled:q,values:R,onChange:I,onFilterChange:L,footerMessage:A,placeholder:W,isLoadingOptions:N,error:$,compact:!0},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,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(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=r(a(9497)),s=r(a(23)),u=n(a(2373)),d=a(1413),c=a(9033),f=a(6801),p=a(1385),m=a(1256),g=n(a(4008)),b=a(5862),h=a(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:a="",labelPosition:o="top",dataSourceKey:l="primary",dataSourceBindings:r,prepareValue:n=(e=>e),onChange:s,isAdvanced:f,isDisabled:v,filterByTypes:y,tooltip:C})=>{const _=(0,p.useDataSource)({dataSourceBindings:r,dataSourceKey:l}),{columns:O,fields:E}=(null==_?void 0:_.data)||{columns:[],fields:[]},x=(0,m.getAvailableFieldsWithTypes)(O,E),P=null==t?t:(0,d.getFieldsFromDSL)(t,{[l]:_})[0]||"",[j,T]=(0,i.useState)(P);i.default.useEffect((()=>{T(P)}),[P]);const[w,D]=(0,i.useState)(""),S=x.filter((e=>-1!==e.name.indexOf(w))),M=(0,h.useColumnSelectorFooterMessage)({availableFields:x,selectedFields:[j],filteredFields:S,filter:w}),k=(0,i.useCallback)(((t,{value:a})=>{T(a);const o=n({options:{[e]:`> ${l} | seriesByName('${a}')`}});s(t,o)}),[l,e,s,n]),R=(0,i.useCallback)(((e,{keyword:t})=>{D(t)}),[]),{hasError:F,isMissing:B,isLoading:A}=(0,c.getDataSourceStateInfo)(_),I=B||F||v,L=(0,m.getPlaceholderMessage)({isMissing:B,isLoading:A,hasError:F});return i.default.createElement(g.default,{label:a,labelPosition:o,tooltip:C,isAdvanced:f},i.default.createElement(u.default,{"data-test":"ColumnSelectionEditor",value:j,onFilterChange:R,onChange:k,footerMessage:M,disabled:I,placeholder:L,isLoadingOptions:A,error:F,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,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=a(6649),d=n(a(9250)),c=n(a(7020)),f=n(a(1551)),p=n(a(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:a,onResetToDefault:o})=>{const[l,r]=g(!1),n=m(null),s=b((()=>r(!0)),[]),h=b((()=>r(!1)),[]);return i.createElement(d.default,{label:(0,u._)(e),labelPosition:t,labelWidth:a},i.createElement(c.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:l,anchor:n.current,onRequestClose:h,defaultPlacement:"horizontal"},i.createElement(p.default,{onResetToDefault:o})))};v.propTypes=h,t.default=v},152:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(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=r(a(9497)),s=r(a(23)),u=a(7124),d=n(a(9250)),c=n(a(7020)),f=n(a(1551)),p=n(a(232)),m=n(a(4566)),g=a(6649),b=a(5089),h=a(4793),v=a(1413),y=a(2369),C=n(a(2468)),_=a(5862),O=a(6801),E=a(1027),{useRef:x,useState:P,useEffect:j}=i,T=p.default.div`
     font-weight: 600;
     font-size: 14px;
     line-height: 20px;
@@ -149,7 +149,7 @@
 `,D=(0,p.default)(c.default)`
     padding: '4px';
     margin-bottom: ${m.default.spacingMedium};
-`,S=Object.assign(Object.assign({},O.BaseEditorPropTypes),{flyoutTitle:s.string,formatters:s.arrayOf(s.shape({label:s.string,value:s.string,defaults:s.object})),dataSelectors:s.arrayOf(s.shape({label:s.string,value:s.string})),defaultPalettesConfig:y.sharedPalettesConfigPropType,showStaticTextColor:s.bool});t.prepareUpdate=({name:e,selectedDataSelector:t,selectedFormatterType:a,currentFormatterConfig:o})=>{const l=`${e}EditorConfig`,r=l.replace(/^\w+\[\d+\]\.(.+)$/,"$1");return{options:{[e]:(0,v.buildDSLFromDataSelectorAndFormatter)(t,a,l)},context:{[r]:o}}};t.DynamicColorEditor=({name:e,value:a,label:o="",labelPosition:l="left",labelWidth:r,context:n,onChange:s=(()=>{}),flyoutTitle:u=(0,g._)("Dynamic coloring"),formatters:c=[],dataSelectors:p=[],defaultPalettesConfig:m=b.defaultPalettesConfig,isDisabled:_=!1,showStaticTextColor:O=!1})=>{const[S,M]=P(!1),k=x(null),{type:R,paramKey:F}=(0,v.getLastFormatterFromDSL)(a)||{type:"unknown",paramKey:"unknown"},B=(0,v.getDataSelectorsFromDSL)(a)[0],[A,I]=P(R);j((()=>{I(R)}),[R]);const[L,$]=P(B);j((()=>{$(B)}),[B]);const N=(0,E.getFormatterConfig)({contextConfig:n[F],formatters:c,formatterFromDSL:R,selectedDataSelector:L}),[V,q]=P(N);j((()=>{q(N)}),[n,c,F,R,B]);const W=a=>{const o=(0,h.find)(c,(e=>e.isDefault))||(0,h.find)(c,(e=>"rangeValue"===e.value))||c[0];if((0,h.isEmpty)(o))return;const l=o.value,r=Object.keys(o.defaults)[0],n=o.defaults[r];$(r),I(l),q(n),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:r,selectedFormatterType:l,currentFormatterConfig:n}))},U=i.useCallback((()=>{M((e=>!e))}),[]);if(!(0,E.isSupportedDataSelector)({selectedDataSelector:L,dataSelectors:p})||!(0,E.isSupportedFormatter)({selectedFormatterType:A,formattersFromEditor:c,supportedFormatters:y.supportedFormatters}))return i.createElement(C.default,{label:o,labelPosition:l,labelWidth:r,onResetToDefault:W});const z=y.supportedFormatters[A].preview;return i.createElement(i.Fragment,null,i.createElement(d.default,{"data-test":"DynamicColorEditorGroup",label:(0,g._)(o),labelPosition:l,labelWidth:r},i.createElement(D,{inline:!1,"data-test":"DynamicColorEditorButton",appearance:"default",ref:k,onClick:U,disabled:_},i.createElement(z,{"data-test":"FormatterConfigPreview",config:V}))),i.createElement(f.default,{"data-test":"DynamicColorEditorFlyout",open:S,anchor:k.current,defaultPlacement:"horizontal",style:{padding:"10px"},onRequestClose:()=>M(!1),takeFocus:!0},i.createElement(w,null,i.createElement(T,null,u),i.createElement(y.FormatterEditor,{selectedDataSelector:L,selectedFormatterType:A,currentFormatterConfig:V,onDataSelectorChange:(a,o,l)=>{$(l);const r=(0,h.find)(c,(e=>e.defaults[l]));I(r.value);const n=r.defaults[l];q(n),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:l,selectedFormatterType:r.value,currentFormatterConfig:n}))},onFormatterTypeChange:(a,o,l)=>{I(l);const r=(0,h.find)(c,["value",l]).defaults[L];q(r),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:L,selectedFormatterType:l,currentFormatterConfig:r}))},onFormatterConfigChange:(a,o,l)=>{q(l),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:L,selectedFormatterType:A,currentFormatterConfig:l}))},formatters:c,dataSelectors:p,defaultPalettesConfig:m,showStaticTextColor:O}))))},t.DynamicColorEditor.propTypes=S},8281:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(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=r(a(9497)),s=r(a(23)),u=a(6649),d=a(5089),c=a(2369),f=a(152),p=n(a(2065)),m=a(6801),g=a(5862),b=a(1027),h=Object.assign(Object.assign({},m.BaseEditorPropTypes),{name:s.string.isRequired,value:s.any,onChange:s.func,flyoutTitle:s.string,dataSelectors:s.arrayOf(s.shape({label:s.string.isRequired,value:s.string.isRequired})),formatters:s.arrayOf(s.shape({label:s.string.isRequired,value:s.string.isRequired,defaults:s.object})),defaultPalettesConfig:c.sharedPalettesConfigPropType.isRequired,tooltip:s.string,options:s.object});t.DynamicColorEditorWithPrecedence=({name:e,value:t,label:a="",labelPosition:o,labelWidth:l,context:r,flyoutTitle:n=(0,u._)("Dynamic coloring"),formatters:s=[],dataSelectors:c=[],defaultPalettesConfig:m=d.defaultPalettesConfig,tooltip:h,options:v={},onChange:y=(()=>{})})=>{const C=g.VERTICAL_EDITOR_SPACING/2,_=i.useCallback((e=>{if(!e||""===e)return!0;if("string"==typeof e){return null!==/^>\s*areaValues\s*\|\s*gradient\(\s*\)$/.exec(e)}return!1}),[]),[O,E]=i.useState(!_(t));i.useEffect((()=>{E(!_(t))}),[t,_]);const x=i.useCallback(((a,o)=>{var l,n,i,u,d,f;E((e=>!e));const p={},m={};if(O){const t=c.map((e=>e.value));p[e]=(0,b.getToggleOffValueForDataColors)({name:e,options:v,dataSelectors:t}),r&&void 0!==r.dataColorsEditorConfig&&(m.dataColorsEditorConfig=void 0)}else{if("string"==typeof t&&null!==/^>\s*areaValues\s*\|\s*gradient\(\s*\)$/.exec(t)){p[e]="> areaValues | gradient(dataColorsEditorConfig)";const t=null===(n=null===(l=s.find((e=>"gradient"===e.value)))||void 0===l?void 0:l.defaults)||void 0===n?void 0:n.areaValues;t&&(m.dataColorsEditorConfig=t)}else if(e.endsWith("dataColors")){const t=null===(i=c[0])||void 0===i?void 0:i.value,a=null===(u=s[0])||void 0===u?void 0:u.value,o=null===(f=null===(d=s[0])||void 0===d?void 0:d.defaults)||void 0===f?void 0:f[t];if(!t||!a||!o)return;p[e]=`> ${c[0].value} | ${a}(dataColorsEditorConfig)`,m.dataColorsEditorConfig=o}}y(a,{options:p,context:m})}),[r,c,s,O,e,y,v,t]),P=i.useCallback(((e,t)=>{y(e,t)}),[y]);return i.createElement("div",{"data-test":"dynamic-color-toggle",style:{marginTop:C,marginBottom:C}},i.createElement(p.default,{name:e,label:(0,u._)("Dynamic coloring"),labelPosition:"right",value:O,onChange:x,itemSchema:{type:"boolean"},help:h}),O&&i.createElement("div",{"data-test":"dynamic-color-editor",style:{marginTop:C,marginBottom:-C}},i.createElement(f.DynamicColorEditor,{name:e,label:a,labelPosition:o,labelWidth:l,value:t,context:r,onChange:P,flyoutTitle:n,formatters:s,dataSelectors:c,defaultPalettesConfig:m})))},t.DynamicColorEditorWithPrecedence.propTypes=h},7585:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=a(4793),d=n(a(4082)),c=n(a(9250)),f=n(a(7143)),p=a(6649),m=n(a(5731)),g=n(a(5456)),b=a(4381),h=a(5862),v=(0,p._)("Advanced configuration options are being used by this input. Please edit in source mode."),y=({name:e,context:t,value:a="",label:o,onChange:l,dataSourceBindings:r,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:o,dynamicOptionsValue:l}=(0,b.getDynamicOptionsFromConfig)({items:a,context:t});O(e),x(o),j(l)}),[a,t]),i.useEffect((()=>{void 0!==r.primary||Array.isArray(a)||l(null,{context:{formattedConfig:void 0,formattedStatics:void 0,statics:void 0,label:void 0,value:void 0},options:{[e]:_}})}),[r,e,a,l,_]);const T=i.useCallback(((t,o,r)=>{if(Array.isArray(a)&&(!o||!r))l(null,{options:{[e]:t}});else{const a=(0,u.unzip)(t.map((({label:e,value:t})=>[e,t])));l(null,{context:{formattedConfig:{number:{prefix:""}},formattedStatics:">statics | formatByType(formattedConfig)",statics:a,label:`>primary | seriesByName("${o}") | renameSeries("label") | formatByType(formattedConfig)`,value:`>primary | seriesByName("${r}") | renameSeries("value") | formatByType(formattedConfig)`},options:{[e]:">frame(label, value) | prepend(formattedStatics) | objects()"}})}}),[e,a,l]),w=i.useCallback(((e,t,a)=>{T(a,E,P)}),[T,E,P]),D=i.useCallback(((e,{value:t})=>{""===P?x(t):T(_,t,P)}),[T,_,P]),S=i.useCallback(((e,{value:t})=>{""===E?j(t):T(_,E,t)}),[T,_,E]),M=e=>t=>{var a;const o=null===(a=null==t?void 0:t.options)||void 0===a?void 0:a[e];return"string"==typeof o?{value:(0,b.getFieldFromFieldNameDsl)(o)}:{value:""}};if(i.useMemo((()=>(0,b.isConfigAdvanced)({items:a,context:t})),[a,t]))return i.createElement(c.default,{label:(0,p._)(o),labelPosition:n,labelWidth:s,help:y},i.createElement(d.default,{key:a.toString(),"data-test":e,disabled:!0,defaultValue:a.toString()}));const k=!!r.primary;return i.createElement(i.Fragment,null,i.createElement(g.default,{name:"",label:(0,p._)("Static menu configuration"),labelPosition:n,value:_,onChange:w,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:r,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:r,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,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=n(a(232)),d=n(a(348));a(6265);const c=n(a(1018)),f=a(6649),p=n(a(6447)),m=a(3563),g=a(5135),b=a(962),h=a(137),v=u.default.div`
+`,S=Object.assign(Object.assign({},O.BaseEditorPropTypes),{flyoutTitle:s.string,formatters:s.arrayOf(s.shape({label:s.string,value:s.string,defaults:s.object})),dataSelectors:s.arrayOf(s.shape({label:s.string,value:s.string})),defaultPalettesConfig:y.sharedPalettesConfigPropType,showStaticTextColor:s.bool});t.prepareUpdate=({name:e,selectedDataSelector:t,selectedFormatterType:a,currentFormatterConfig:o})=>{const l=`${e}EditorConfig`,r=l.replace(/^\w+\[\d+\]\.(.+)$/,"$1");return{options:{[e]:(0,v.buildDSLFromDataSelectorAndFormatter)(t,a,l)},context:{[r]:o}}};t.DynamicColorEditor=({name:e,value:a,label:o="",labelPosition:l="left",labelWidth:r,context:n,onChange:s=(()=>{}),flyoutTitle:u=(0,g._)("Dynamic coloring"),formatters:c=[],dataSelectors:p=[],defaultPalettesConfig:m=b.defaultPalettesConfig,isDisabled:_=!1,showStaticTextColor:O=!1})=>{const[S,M]=P(!1),k=x(null),{type:R,paramKey:F}=(0,v.getLastFormatterFromDSL)(a)||{type:"unknown",paramKey:"unknown"},B=(0,v.getDataSelectorsFromDSL)(a)[0],[A,I]=P(R);j((()=>{I(R)}),[R]);const[L,$]=P(B);j((()=>{$(B)}),[B]);const V=(0,E.getFormatterConfig)({contextConfig:n[F],formatters:c,formatterFromDSL:R,selectedDataSelector:L}),[N,q]=P(V);j((()=>{q(V)}),[n,c,F,R,B]);const W=a=>{const o=(0,h.find)(c,(e=>e.isDefault))||(0,h.find)(c,(e=>"rangeValue"===e.value))||c[0];if((0,h.isEmpty)(o))return;const l=o.value,r=Object.keys(o.defaults)[0],n=o.defaults[r];$(r),I(l),q(n),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:r,selectedFormatterType:l,currentFormatterConfig:n}))},U=i.useCallback((()=>{M((e=>!e))}),[]);if(!(0,E.isSupportedDataSelector)({selectedDataSelector:L,dataSelectors:p})||!(0,E.isSupportedFormatter)({selectedFormatterType:A,formattersFromEditor:c,supportedFormatters:y.supportedFormatters}))return i.createElement(C.default,{label:o,labelPosition:l,labelWidth:r,onResetToDefault:W});const z=y.supportedFormatters[A].preview;return i.createElement(i.Fragment,null,i.createElement(d.default,{"data-test":"DynamicColorEditorGroup",label:(0,g._)(o),labelPosition:l,labelWidth:r},i.createElement(D,{inline:!1,"data-test":"DynamicColorEditorButton",appearance:"default",ref:k,onClick:U,disabled:_},i.createElement(z,{"data-test":"FormatterConfigPreview",config:N}))),i.createElement(f.default,{"data-test":"DynamicColorEditorFlyout",open:S,anchor:k.current,defaultPlacement:"horizontal",style:{padding:"10px"},onRequestClose:()=>M(!1),takeFocus:!0},i.createElement(w,null,i.createElement(T,null,u),i.createElement(y.FormatterEditor,{selectedDataSelector:L,selectedFormatterType:A,currentFormatterConfig:N,onDataSelectorChange:(a,o,l)=>{$(l);const r=(0,h.find)(c,(e=>e.defaults[l]));I(r.value);const n=r.defaults[l];q(n),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:l,selectedFormatterType:r.value,currentFormatterConfig:n}))},onFormatterTypeChange:(a,o,l)=>{I(l);const r=(0,h.find)(c,["value",l]).defaults[L];q(r),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:L,selectedFormatterType:l,currentFormatterConfig:r}))},onFormatterConfigChange:(a,o,l)=>{q(l),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:L,selectedFormatterType:A,currentFormatterConfig:l}))},formatters:c,dataSelectors:p,defaultPalettesConfig:m,showStaticTextColor:O}))))},t.DynamicColorEditor.propTypes=S},8281:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(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=r(a(9497)),s=r(a(23)),u=a(6649),d=a(5089),c=a(2369),f=a(152),p=n(a(2065)),m=a(6801),g=a(5862),b=a(1027),h=Object.assign(Object.assign({},m.BaseEditorPropTypes),{name:s.string.isRequired,value:s.any,onChange:s.func,flyoutTitle:s.string,dataSelectors:s.arrayOf(s.shape({label:s.string.isRequired,value:s.string.isRequired})),formatters:s.arrayOf(s.shape({label:s.string.isRequired,value:s.string.isRequired,defaults:s.object})),defaultPalettesConfig:c.sharedPalettesConfigPropType.isRequired,tooltip:s.string,options:s.object});t.DynamicColorEditorWithPrecedence=({name:e,value:t,label:a="",labelPosition:o,labelWidth:l,context:r,flyoutTitle:n=(0,u._)("Dynamic coloring"),formatters:s=[],dataSelectors:c=[],defaultPalettesConfig:m=d.defaultPalettesConfig,tooltip:h,options:v={},onChange:y=(()=>{})})=>{const C=g.VERTICAL_EDITOR_SPACING/2,_=i.useCallback((e=>{if(!e||""===e)return!0;if("string"==typeof e){return null!==/^>\s*areaValues\s*\|\s*gradient\(\s*\)$/.exec(e)}return!1}),[]),[O,E]=i.useState(!_(t));i.useEffect((()=>{E(!_(t))}),[t,_]);const x=i.useCallback(((a,o)=>{var l,n,i,u,d,f;E((e=>!e));const p={},m={};if(O){const t=c.map((e=>e.value));p[e]=(0,b.getToggleOffValueForDataColors)({name:e,options:v,dataSelectors:t}),r&&void 0!==r.dataColorsEditorConfig&&(m.dataColorsEditorConfig=void 0)}else{if("string"==typeof t&&null!==/^>\s*areaValues\s*\|\s*gradient\(\s*\)$/.exec(t)){p[e]="> areaValues | gradient(dataColorsEditorConfig)";const t=null===(n=null===(l=s.find((e=>"gradient"===e.value)))||void 0===l?void 0:l.defaults)||void 0===n?void 0:n.areaValues;t&&(m.dataColorsEditorConfig=t)}else if(e.endsWith("dataColors")){const t=null===(i=c[0])||void 0===i?void 0:i.value,a=null===(u=s[0])||void 0===u?void 0:u.value,o=null===(f=null===(d=s[0])||void 0===d?void 0:d.defaults)||void 0===f?void 0:f[t];if(!t||!a||!o)return;p[e]=`> ${c[0].value} | ${a}(dataColorsEditorConfig)`,m.dataColorsEditorConfig=o}}y(a,{options:p,context:m})}),[r,c,s,O,e,y,v,t]),P=i.useCallback(((e,t)=>{y(e,t)}),[y]);return i.createElement("div",{"data-test":"dynamic-color-toggle",style:{marginTop:C,marginBottom:C}},i.createElement(p.default,{name:e,label:(0,u._)("Dynamic coloring"),labelPosition:"right",value:O,onChange:x,itemSchema:{type:"boolean"},help:h}),O&&i.createElement("div",{"data-test":"dynamic-color-editor",style:{marginTop:C,marginBottom:-C}},i.createElement(f.DynamicColorEditor,{name:e,label:a,labelPosition:o,labelWidth:l,value:t,context:r,onChange:P,flyoutTitle:n,formatters:s,dataSelectors:c,defaultPalettesConfig:m})))},t.DynamicColorEditorWithPrecedence.propTypes=h},7585:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=a(4793),d=n(a(4082)),c=n(a(9250)),f=n(a(7143)),p=a(6649),m=n(a(5731)),g=n(a(5456)),b=a(4381),h=a(5862),v=(0,p._)("Advanced configuration options are being used by this input. Please edit in source mode."),y=({name:e,context:t,value:a="",label:o,onChange:l,dataSourceBindings:r,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:o,dynamicOptionsValue:l}=(0,b.getDynamicOptionsFromConfig)({items:a,context:t});O(e),x(o),j(l)}),[a,t]),i.useEffect((()=>{void 0!==r.primary||Array.isArray(a)||l(null,{context:{formattedConfig:void 0,formattedStatics:void 0,statics:void 0,label:void 0,value:void 0},options:{[e]:_}})}),[r,e,a,l,_]);const T=i.useCallback(((t,o,r)=>{if(Array.isArray(a)&&(!o||!r))l(null,{options:{[e]:t}});else{const a=(0,u.unzip)(t.map((({label:e,value:t})=>[e,t])));l(null,{context:{formattedConfig:{number:{prefix:""}},formattedStatics:">statics | formatByType(formattedConfig)",statics:a,label:`>primary | seriesByName("${o}") | renameSeries("label") | formatByType(formattedConfig)`,value:`>primary | seriesByName("${r}") | renameSeries("value") | formatByType(formattedConfig)`},options:{[e]:">frame(label, value) | prepend(formattedStatics) | objects()"}})}}),[e,a,l]),w=i.useCallback(((e,t,a)=>{T(a,E,P)}),[T,E,P]),D=i.useCallback(((e,{value:t})=>{""===P?x(t):T(_,t,P)}),[T,_,P]),S=i.useCallback(((e,{value:t})=>{""===E?j(t):T(_,E,t)}),[T,_,E]),M=e=>t=>{var a;const o=null===(a=null==t?void 0:t.options)||void 0===a?void 0:a[e];return"string"==typeof o?{value:(0,b.getFieldFromFieldNameDsl)(o)}:{value:""}};if(i.useMemo((()=>(0,b.isConfigAdvanced)({items:a,context:t})),[a,t]))return i.createElement(c.default,{label:(0,p._)(o),labelPosition:n,labelWidth:s,help:y},i.createElement(d.default,{key:a.toString(),"data-test":e,disabled:!0,defaultValue:a.toString()}));const k=!!r.primary;return i.createElement(i.Fragment,null,i.createElement(g.default,{name:"",label:(0,p._)("Static menu configuration"),labelPosition:n,value:_,onChange:w,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:r,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:r,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,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=n(a(232)),d=n(a(348));a(6265);const c=n(a(1018)),f=a(6649),p=n(a(6447)),m=a(3563),g=a(5135),b=a(962),h=a(137),v=u.default.div`
     font-family: ${m.variables.sansFontFamily};
     .react-mde * {
         font-family: inherit;
@@ -251,7 +251,7 @@
     div:has(> [data-test='bar']) {
         min-width: 0;
     }
-`,h=Object.assign(Object.assign({},p.BaseEditorPropTypes),{help:s.string,max:s.number,maxLabel:s.oneOfType([s.element,s.string]),min:s.number,minLabel:s.oneOfType([s.element,s.string]),step:s.number,stepMarks:s.oneOf(["focus","always","none"]),value:s.number,defaultValue:s.number});t.SliderEditor=({help:e,isDisabled:t=!1,label:a,labelPosition:o="top",labelWidth:l,max:r,maxLabel:n=null,min:s,minLabel:u=null,name:d,onChange:p,step:h,stepMarks:v="focus",value:y=null,defaultValue:C})=>{const _=i.useCallback(((e,{value:t})=>{(parseFloat(t)||0===t)&&p(e,d,t)}),[p,d]),O=i.useCallback(((e,t)=>{(parseFloat(t)||0===t)&&p(e,d,t)}),[p,d]),{currentValue:E,handleChange:x,handleBlur:P,handleFocus:j,handleKeyPress:T}=(0,m.useNumberInput)({value:y,min:s,max:r,defaultValue:C,onValueChange:O}),w=null!=E?Number(E):void 0,D="none"===v?"never":v;return i.createElement(f.default,{label:a,labelPosition:o,labelWidth:l,help:e},i.createElement(b,{"data-test":d,min:s,minLabel:u,max:r,maxLabel:n,step:h,stepMarks:D,value:w,disabled:t,onChange:_}),i.createElement(c.default,{inline:!0,min:s,max:r,step:h,onChange:x,onBlur:P,onFocus:j,onKeyDown:T,value:w,disabled:t,style:g}))},t.SliderEditor.propTypes=h,t.default=t.SliderEditor},6116:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=a(4793),d=n(a(9250)),c=a(9033),f=a(6801),p=a(1256),m=n(a(7649)),g=n(a(1432)),b=a(5396),h=a(2088),v=a(1385),y=Object.assign(Object.assign({},f.BaseEditorPropTypes),{flyoutConfig:s.shape({number:s.arrayOf(s.any),sparkline:s.arrayOf(s.any),time:s.arrayOf(s.any)}),defaultOptionsByType:s.objectOf(s.objectOf(s.oneOfType([s.string,s.number,s.bool]))),dataSourceKey:s.string,columnColoringConfig:h.columnColoringConfigPropType,textFormatConfig:s.array}),C=e=>{const t={};return e.forEach(((e,a)=>{t[a]=e})),t},_=({dataSourceKey:e="primary",dataSourceBindings:t,label:a,labelPosition:o="top",labelWidth:l,columnColoringConfig:r,defaultOptionsByType:n,flyoutConfig:s=[[]],onChange:f,value:h,textFormatConfig:y=[]})=>{const{context:_={},columnFormat:O={},tableFormat:E={}}=h,x=(0,v.useDataSource)({dataSourceBindings:t,dataSourceKey:e}),{columns:P,fields:j}=(0,u.get)(x,"data")||{columns:[],fields:[]},T=(0,p.getAvailableFieldsWithTypes)(P,j),w=i.useMemo((()=>(0,b.getEditorSupportedFormatOptions)(s)),[s]),[D,S]=i.useState((0,b.getInitialColumnFormattingState)({availableFieldsWithTypes:T,coloringTypes:r.coloringTypes,columnFormatOption:O,editorSupportedFormatOptions:w,vizContext:_}));i.useEffect((()=>{S((0,b.getInitialColumnFormattingState)({availableFieldsWithTypes:T,coloringTypes:r.coloringTypes,columnFormatOption:O,editorSupportedFormatOptions:w,vizContext:_}))}),[JSON.stringify(T)]);const M=i.useCallback((({columnName:e,columnDataType:t})=>{const a=(0,b.getFormattingOptDSLKey)(O[e]),o=_[a]||{[t]:{}},l=Object.keys(o[t]).reduce(((e,t)=>(e[t]=null,e)),{}),r=(0,b.getExistingTextFormatting)(e,O),i=new Map(D),s={columnColoring:(0,u.get)(D.get(e),"columnColoring",{_meta:{dynamicallyColoredOption:"Off"}}),formatByType:{[t]:Object.assign(Object.assign(Object.assign({},l),n[t]),{_meta:{exceedsEditorCapabilities:!1}})},formatText:r};i.set(e,s),S(i),f(null,(0,b.getColumnFormatDefFromState)((0,u.cloneDeep)({columnFormatOption:O,updatedEditorColumnFormatting:C(i)})))}),[O,n,D,f,_]),k=i.useCallback(((e,t,a=!1)=>{const o=new Map(D);o.set(e,t),S(o),a||f(null,(0,b.getColumnFormatDefFromState)((0,u.cloneDeep)({columnFormatOption:O,updatedEditorColumnFormatting:C(o)})))}),[O,D,f]),R=i.useCallback((({columnName:e,coloringTypes:t,dynamicallyColoredOption:a})=>{if(Array.isArray(t)){const o=(0,u.cloneDeep)(D.get(e));t.forEach((({coloringType:e,colorContextKey:t,colorOptionDSL:a,colorContextConfig:l})=>{(0,u.set)(o,["columnColoring",e],{colorContextKey:t,colorOptionDSL:a,colorContextConfig:l})})),(0,u.set)(o,["columnColoring","_meta"],{dynamicallyColoredOption:a}),k(e,o)}}),[D,k]),F=i.useCallback((({columnName:e,optionName:t,value:a})=>{const[o]=Object.keys(D.get(e).formatByType),l=(0,u.defaultsDeep)({},{formatByType:{[o]:{[t]:a,_meta:{exceedsEditorCapabilities:!1}}}},D.get(e));k(e,l)}),[D,k]),B=i.useCallback((({columnName:e,optionName:t,value:a})=>{const o=(0,u.defaultsDeep)({},{formatText:{[t]:a}},D.get(e));k(e,o)}),[D,k]),A=i.useCallback(((e,{value:t})=>{const{name:a,type:o}=t,l=(0,b.getFormattingOptDSLKey)(O[a]);let r;const i=w[o];if(l){const e=_[l];return r={columnColoring:{_meta:{dynamicallyColoredOption:"Off"}},formatByType:{[o]:Object.assign(Object.assign({},(0,u.get)(_,[l,o],{})),{_meta:{exceedsEditorCapabilities:(0,b.checkExceedsEditorCapabilities)(e[o],i)}})},formatText:{}},void k(a,r,!0)}const s=(0,b.getGlobalTableFormatting)(E,o,_);r={columnColoring:{_meta:{dynamicallyColoredOption:"Off"}},formatByType:{[o]:Object.assign(Object.assign(Object.assign({},n[o]),s),{_meta:{exceedsEditorCapabilities:(0,b.checkExceedsEditorCapabilities)(s,i)}})},formatText:Object.assign({},n[b.TextDataType])},k(a,r)}),[O,n,w,k,E,_]),I=i.useCallback((({columnName:e,columnDataType:t})=>{const a=new Map(D);a.delete(e),S(a);const o=D.get(e);if((0,u.get)(o,["formatByType",t,"_meta","exceedsEditorCapabilities"])){const t=(0,b.getFormattingOptDSLKey)(O[e]),a=_[t]||{},{colorContextKey:o}=(0,u.get)(D.get(e),["columnColoring","rowColors"],{}),{colorContextKey:l}=(0,u.get)(D.get(e),["columnColoring","rowBackgroundColors"],{});f(null,(0,b.getColumnFormatDefFromState)((0,u.cloneDeep)({columnFormatOption:O,updatedEditorColumnFormatting:Object.assign(Object.assign({},C(D)),{[e]:{formatByType:Object.assign({},a),columnColoring:Object.assign(Object.assign({},o&&{rowColors:{colorContextKey:o,colorOptionsDSL:null,colorContextConfig:null}}),l&&{rowBackgroundColors:{colorContextKey:l,colorOptionsDSL:null,colorContextConfig:null}}),formatText:{}}})})))}else f(null,(0,b.getColumnFormatDefFromState)((0,u.cloneDeep)({columnFormatOption:O,updatedEditorColumnFormatting:Object.assign(Object.assign({},C(D)),{[e]:null})})))}),[O,D,f,_]),L=[];D.forEach(((e,t)=>{const[a]=Object.keys(e.formatByType),o=(0,u.get)(e,["formatByType",a,"_meta","exceedsEditorCapabilities"]);L.push(i.createElement(m.default,{key:t,columnName:t,columnDataType:a,columnColoring:e.columnColoring,columnColoringConfig:r,columnFormattingByType:e.formatByType,columnTextFormatting:e.formatText,defaultOptionsByType:n,flyoutConfigForDataType:s[a]||[],textFormatConfig:y,isSourceCustomized:o,removeColumnFormatting:I,resetColumnToDefault:M,updateColumnColoring:R,updateColumnFormatting:F,updateColumnTextFormatting:B}))}));const{hasError:$,isMissing:N,isLoading:V}=(0,c.getDataSourceStateInfo)(x),q=a&&""!==a?void 0:{marginTop:"-8px"};return i.createElement(i.Fragment,null,i.createElement("div",null,L),i.createElement(d.default,{label:a,labelPosition:o,labelWidth:l,style:q},i.createElement(g.default,{availableFieldsWithTypes:T,columnFormatting:D,disableToggle:N||$,editorSupportedFormatOptions:w,handleAddColumnFormatting:A,placeholderMessage:(0,p.getPlaceholderMessage)({isMissing:N,isLoading:V,hasError:$,defaultMessage:"+ Add column to format"})})))};_.propTypes=y,t.default=_},8687:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__rest||function(e,t){var a={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(a[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(o=Object.getOwnPropertySymbols(e);l<o.length;l++)t.indexOf(o[l])<0&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(a[o[l]]=e[o[l]])}return a},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const s=r(a(9497)),u=i(a(23)),d=r(a(232)),c=i(a(5905)),f=a(3563),p=i(a(4008)),m=a(5862),g=a(6801),b=(0,d.default)(c.default)`
+`,h=Object.assign(Object.assign({},p.BaseEditorPropTypes),{help:s.string,max:s.number,maxLabel:s.oneOfType([s.element,s.string]),min:s.number,minLabel:s.oneOfType([s.element,s.string]),step:s.number,stepMarks:s.oneOf(["focus","always","none"]),value:s.number,defaultValue:s.number});t.SliderEditor=({help:e,isDisabled:t=!1,label:a,labelPosition:o="top",labelWidth:l,max:r,maxLabel:n=null,min:s,minLabel:u=null,name:d,onChange:p,step:h,stepMarks:v="focus",value:y=null,defaultValue:C})=>{const _=i.useCallback(((e,{value:t})=>{(parseFloat(t)||0===t)&&p(e,d,t)}),[p,d]),O=i.useCallback(((e,t)=>{(parseFloat(t)||0===t)&&p(e,d,t)}),[p,d]),{currentValue:E,handleChange:x,handleBlur:P,handleFocus:j,handleKeyPress:T}=(0,m.useNumberInput)({value:y,min:s,max:r,defaultValue:C,onValueChange:O}),w=null!=E?Number(E):void 0,D="none"===v?"never":v;return i.createElement(f.default,{label:a,labelPosition:o,labelWidth:l,help:e},i.createElement(b,{"data-test":d,min:s,minLabel:u,max:r,maxLabel:n,step:h,stepMarks:D,value:w,disabled:t,onChange:_}),i.createElement(c.default,{inline:!0,min:s,max:r,step:h,onChange:x,onBlur:P,onFocus:j,onKeyDown:T,value:w,disabled:t,style:g}))},t.SliderEditor.propTypes=h,t.default=t.SliderEditor},6116:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=a(4793),d=n(a(9250)),c=a(9033),f=a(6801),p=a(1256),m=n(a(7649)),g=n(a(1432)),b=a(5396),h=a(2088),v=a(1385),y=Object.assign(Object.assign({},f.BaseEditorPropTypes),{flyoutConfig:s.shape({number:s.arrayOf(s.any),sparkline:s.arrayOf(s.any),time:s.arrayOf(s.any)}),defaultOptionsByType:s.objectOf(s.objectOf(s.oneOfType([s.string,s.number,s.bool]))),dataSourceKey:s.string,columnColoringConfig:h.columnColoringConfigPropType,textFormatConfig:s.array}),C=e=>{const t={};return e.forEach(((e,a)=>{t[a]=e})),t},_=({dataSourceKey:e="primary",dataSourceBindings:t,label:a,labelPosition:o="top",labelWidth:l,columnColoringConfig:r,defaultOptionsByType:n,flyoutConfig:s=[[]],onChange:f,value:h,textFormatConfig:y=[]})=>{const{context:_={},columnFormat:O={},tableFormat:E={}}=h,x=(0,v.useDataSource)({dataSourceBindings:t,dataSourceKey:e}),{columns:P,fields:j}=(0,u.get)(x,"data")||{columns:[],fields:[]},T=(0,p.getAvailableFieldsWithTypes)(P,j),w=i.useMemo((()=>(0,b.getEditorSupportedFormatOptions)(s)),[s]),[D,S]=i.useState((0,b.getInitialColumnFormattingState)({availableFieldsWithTypes:T,coloringTypes:r.coloringTypes,columnFormatOption:O,editorSupportedFormatOptions:w,vizContext:_}));i.useEffect((()=>{S((0,b.getInitialColumnFormattingState)({availableFieldsWithTypes:T,coloringTypes:r.coloringTypes,columnFormatOption:O,editorSupportedFormatOptions:w,vizContext:_}))}),[JSON.stringify(T)]);const M=i.useCallback((({columnName:e,columnDataType:t})=>{const a=(0,b.getFormattingOptDSLKey)(O[e]),o=_[a]||{[t]:{}},l=Object.keys(o[t]).reduce(((e,t)=>(e[t]=null,e)),{}),r=(0,b.getExistingTextFormatting)(e,O),i=new Map(D),s={columnColoring:(0,u.get)(D.get(e),"columnColoring",{_meta:{dynamicallyColoredOption:"Off"}}),formatByType:{[t]:Object.assign(Object.assign(Object.assign({},l),n[t]),{_meta:{exceedsEditorCapabilities:!1}})},formatText:r};i.set(e,s),S(i),f(null,(0,b.getColumnFormatDefFromState)((0,u.cloneDeep)({columnFormatOption:O,updatedEditorColumnFormatting:C(i)})))}),[O,n,D,f,_]),k=i.useCallback(((e,t,a=!1)=>{const o=new Map(D);o.set(e,t),S(o),a||f(null,(0,b.getColumnFormatDefFromState)((0,u.cloneDeep)({columnFormatOption:O,updatedEditorColumnFormatting:C(o)})))}),[O,D,f]),R=i.useCallback((({columnName:e,coloringTypes:t,dynamicallyColoredOption:a})=>{if(Array.isArray(t)){const o=(0,u.cloneDeep)(D.get(e));t.forEach((({coloringType:e,colorContextKey:t,colorOptionDSL:a,colorContextConfig:l})=>{(0,u.set)(o,["columnColoring",e],{colorContextKey:t,colorOptionDSL:a,colorContextConfig:l})})),(0,u.set)(o,["columnColoring","_meta"],{dynamicallyColoredOption:a}),k(e,o)}}),[D,k]),F=i.useCallback((({columnName:e,optionName:t,value:a})=>{const[o]=Object.keys(D.get(e).formatByType),l=(0,u.defaultsDeep)({},{formatByType:{[o]:{[t]:a,_meta:{exceedsEditorCapabilities:!1}}}},D.get(e));k(e,l)}),[D,k]),B=i.useCallback((({columnName:e,optionName:t,value:a})=>{const o=(0,u.defaultsDeep)({},{formatText:{[t]:a}},D.get(e));k(e,o)}),[D,k]),A=i.useCallback(((e,{value:t})=>{const{name:a,type:o}=t,l=(0,b.getFormattingOptDSLKey)(O[a]);let r;const i=w[o];if(l){const e=_[l];return r={columnColoring:{_meta:{dynamicallyColoredOption:"Off"}},formatByType:{[o]:Object.assign(Object.assign({},(0,u.get)(_,[l,o],{})),{_meta:{exceedsEditorCapabilities:(0,b.checkExceedsEditorCapabilities)(e[o],i)}})},formatText:{}},void k(a,r,!0)}const s=(0,b.getGlobalTableFormatting)(E,o,_);r={columnColoring:{_meta:{dynamicallyColoredOption:"Off"}},formatByType:{[o]:Object.assign(Object.assign(Object.assign({},n[o]),s),{_meta:{exceedsEditorCapabilities:(0,b.checkExceedsEditorCapabilities)(s,i)}})},formatText:Object.assign({},n[b.TextDataType])},k(a,r)}),[O,n,w,k,E,_]),I=i.useCallback((({columnName:e,columnDataType:t})=>{const a=new Map(D);a.delete(e),S(a);const o=D.get(e);if((0,u.get)(o,["formatByType",t,"_meta","exceedsEditorCapabilities"])){const t=(0,b.getFormattingOptDSLKey)(O[e]),a=_[t]||{},{colorContextKey:o}=(0,u.get)(D.get(e),["columnColoring","rowColors"],{}),{colorContextKey:l}=(0,u.get)(D.get(e),["columnColoring","rowBackgroundColors"],{});f(null,(0,b.getColumnFormatDefFromState)((0,u.cloneDeep)({columnFormatOption:O,updatedEditorColumnFormatting:Object.assign(Object.assign({},C(D)),{[e]:{formatByType:Object.assign({},a),columnColoring:Object.assign(Object.assign({},o&&{rowColors:{colorContextKey:o,colorOptionsDSL:null,colorContextConfig:null}}),l&&{rowBackgroundColors:{colorContextKey:l,colorOptionsDSL:null,colorContextConfig:null}}),formatText:{}}})})))}else f(null,(0,b.getColumnFormatDefFromState)((0,u.cloneDeep)({columnFormatOption:O,updatedEditorColumnFormatting:Object.assign(Object.assign({},C(D)),{[e]:null})})))}),[O,D,f,_]),L=[];D.forEach(((e,t)=>{const[a]=Object.keys(e.formatByType),o=(0,u.get)(e,["formatByType",a,"_meta","exceedsEditorCapabilities"]);L.push(i.createElement(m.default,{key:t,columnName:t,columnDataType:a,columnColoring:e.columnColoring,columnColoringConfig:r,columnFormattingByType:e.formatByType,columnTextFormatting:e.formatText,defaultOptionsByType:n,flyoutConfigForDataType:s[a]||[],textFormatConfig:y,isSourceCustomized:o,removeColumnFormatting:I,resetColumnToDefault:M,updateColumnColoring:R,updateColumnFormatting:F,updateColumnTextFormatting:B}))}));const{hasError:$,isMissing:V,isLoading:N}=(0,c.getDataSourceStateInfo)(x),q=a&&""!==a?void 0:{marginTop:"-8px"};return i.createElement(i.Fragment,null,i.createElement("div",null,L),i.createElement(d.default,{label:a,labelPosition:o,labelWidth:l,style:q},i.createElement(g.default,{availableFieldsWithTypes:T,columnFormatting:D,disableToggle:V||$,editorSupportedFormatOptions:w,handleAddColumnFormatting:A,placeholderMessage:(0,p.getPlaceholderMessage)({isMissing:V,isLoading:N,hasError:$,defaultMessage:"+ Add column to format"})})))};_.propTypes=y,t.default=_},8687:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__rest||function(e,t){var a={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(a[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(o=Object.getOwnPropertySymbols(e);l<o.length;l++)t.indexOf(o[l])<0&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(a[o[l]]=e[o[l]])}return a},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const s=r(a(9497)),u=i(a(23)),d=r(a(232)),c=i(a(5905)),f=a(3563),p=i(a(4008)),m=a(5862),g=a(6801),b=(0,d.default)(c.default)`
     textarea[disabled] {
         ${(0,f.pick)({enterprise:{dark:d.css`
                     color: ${f.variables.textDisabledColor};
@@ -545,7 +545,7 @@
     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},R=({columnColoring:e,columnColoringConfig:t,columnName:a,columnFormattingByType:o,columnTextFormatting:l,columnDataType:r,defaultOptionsByType:n={},flyoutConfigForDataType:s,textFormatConfig:u,isSourceCustomized:f,removeColumnFormatting:p,resetColumnToDefault:C,updateColumnFormatting:E,updateColumnColoring:x,updateColumnTextFormatting:k})=>{const[R,F]=i.useState(!1),B=i.useCallback((()=>F(!0)),[]),A=i.useCallback((()=>F(!1)),[]),I=i.useRef(null),L=i.useCallback((()=>p({columnName:a,columnDataType:r})),[a,r,p]),$=i.useCallback((()=>C({columnName:a,columnDataType:r})),[a,r,C]);return i.createElement(i.Fragment,null,i.createElement(j,{ref:I,"data-test":`column-toggle-${a}`},i.createElement(c.default,{"data-test":`selected-column-label-${a}`},i.createElement(w,null,i.createElement(v.default,{columnName:a,dataType:r}))),i.createElement(D,null,i.createElement(h.default,{dataTestKey:`edit-column-icon-${a}`,onClick:B},i.createElement(m.default,null)),i.createElement(h.default,{dataTestKey:`remove-column-icon-${a}`,onClick:L},i.createElement(g.default,null)))),i.createElement(d.default,{"data-test":`column-formatter-flyout-${a}`,anchor:I.current,open:R,onRequestClose:A,appearance:"normal",defaultPlacement:"horizontal"},i.createElement(T,{"data-test":"popover-contents"},i.createElement(S,null,i.createElement(M,{"data-test":"column-formatter-flyout-header"},`${(0,b._)("Column formatting")}: "${a}"`)),i.createElement(_.default,{columnFormatting:l,columnDataType:P.TextDataType,columnName:a,defaultOptionsByType:n,flyoutConfigForDataType:u,handleResetColumnToDefault:$,updateColumnFormatting:k,isSourceCustomized:!1}),i.createElement(y.default,null),i.createElement(_.default,{columnFormatting:o,columnDataType:r,columnName:a,defaultOptionsByType:n,flyoutConfigForDataType:s,handleResetColumnToDefault:$,updateColumnFormatting:E,isSourceCustomized:f}),("number"===r||"string"===r)&&i.createElement(i.Fragment,null,i.createElement(y.default,null),i.createElement(O.default,{columnColoring:e,columnColoringConfig:t,columnDataType:r,columnName:a,handleColumnColoringUpdate:x})))))};R.propTypes=k,t.default=R},1074:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(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=r(a(9497)),s=r(a(23)),u=n(a(232)),d=a(4793),c=a(7124),f=n(a(7143)),p=n(a(1151)),m=a(1353),g=a(5862),b=a(5396),h=(e,t)=>`row_${e.map((e=>e.option)).join("_")}_${t}`,v=u.default.div`
     padding: 12px ${(0,c.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,a,o)=>{const l=a===b.TextDataType?(0,d.get)(t,e.option):(0,d.get)(t,[a,e.option]);return void 0!==l?l:(0,d.get)(o,[a,e.option])};const C=({columnFormatting:e,columnDataType:a,columnName:o,defaultOptionsByType:l={},flyoutConfigForDataType:r,handleResetColumnToDefault:n,updateColumnFormatting:s,isSourceCustomized:u})=>{const c=i.useCallback(((e,t,a)=>s({columnName:o,optionName:t,value:a})),[o,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,r.map(((o,n)=>i.createElement(f.default.Row,{key:h(o,n),"data-test":"column-formatter-flyout-row",style:{marginBottom:n===r.length?"0px":"12px"}},o.map(((r,s)=>{let u=null;const p=12/o.length,g=`item_${r?`${r.option}_`:""}${n}_${s}`;if(!(0,d.isEmpty)(r)){const o=m.editorTypeToComponentMap[r.editor];u=i.createElement(o,Object.assign({},r.editorProps,{label:r.label,name:r.option,itemSchema:r.itemSchema,value:(0,t.getEditorItemValue)(r,e,a,l),onChange:c}))}return i.createElement(f.default.Column,{key:g,span:p},u)})))))))};C.propTypes=y,t.default=C},5396:function(e,t,a){var o=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 l=a(4793),r=o(a(3453)),n=a(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 a={};return Object.keys(s).forEach((o=>{const r=(0,l.get)(t,[e,o]);r&&(a[o]=r)})),a};t.getEditorSupportedFormatOptions=e=>{const t={text:{}};return Object.keys(e).forEach((a=>{t[a]={},e[a].forEach((e=>{e.forEach((e=>{t[a][e.option]=e.option}))}))})),t};t.getColumnDataTypeMap=e=>e.reduce(((e,{name:t,type:a})=>(e[t]=a,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&&r.default.isDslString(e.data)?(0,l.get)((0,n.getLastFormatterFromDSL)(e.data),"paramKey",null):null;t.getGlobalTableFormatting=(e,a,o)=>{const r=(0,t.getFormattingOptDSLKey)(e);return(0,l.get)(o,[r,a],{})};t.isValidColorFormatter=e=>"rangeValue"===e||"matchValue"===e;t.getInitialColumnFormattingState=({availableFieldsWithTypes:e,coloringTypes:a=[],columnFormatOption:o,editorSupportedFormatOptions:s,vizContext:d})=>{if(!o||"object"!=typeof o)return new Map;const c=(0,t.getColumnDataTypeMap)(e);return Object.keys(o).reduce(((e,f)=>{const p=c[f],m=(0,t.getFormattingOptDSLKey)(o[f]),g=d[m],b=r.default.isDslString((0,l.get)(o,[f,"data"]))&&!g;if(!((e,t)=>!e[t]||Object.keys(e[t]).some((e=>!!u[e])))(o,f))return e;const h=(0,t.getExistingTextFormatting)(f,o);if(!(0,l.isEmpty)(s[p])&&!b){const r={_meta:{dynamicallyColoredOption:"Off"}},u=(0,l.get)((0,n.getLastFormatterFromDSL)((0,l.get)(o,[f,"rowColors"])),"type"),c=(0,l.get)((0,n.getLastFormatterFromDSL)((0,l.get)(o,[f,"rowBackgroundColors"])),"type");(0,t.isValidColorFormatter)(u)&&!c?r._meta.dynamicallyColoredOption="rowColors":"pick"===u&&(0,t.isValidColorFormatter)(c)&&(r._meta.dynamicallyColoredOption="rowBackgroundColors"),a.forEach((({value:e})=>{const a=(0,l.get)(o,[f,e]);if(a){const{type:o,paramKey:s}=(0,n.getLastFormatterFromDSL)(a)||{};if("pick"===o&&"rowColors"===e&&!(0,t.isValidColorFormatter)(c))return;if("pick"===o&&"rowColors"!==e||!i[o])return;if((0,t.isValidColorFormatter)(o)&&"rowBackgroundColors"===e&&"pick"!==u)return;r[e]={colorContextKey:s,colorContextConfig:(0,l.get)(d,[s],{}),colorOptionDSL:a}}}));const b=Object.keys(r).length>1,v=(0,l.get)(d,[m,p],{});!b&&(0,l.isEmpty)(v)&&(0,l.isEmpty)(h)||e.set(f,{columnColoring:r,formatByType:{[p]:Object.assign(Object.assign({},(0,l.pick)(v,Object.keys(s[p]))),{_meta:{exceedsEditorCapabilities:(0,t.checkExceedsEditorCapabilities)((0,l.get)(g,[p],{}),s[p])}})},formatText:h})}return e}),new Map)};t.getColumnFormatDefFromState=({columnFormatOption:e,updatedEditorColumnFormatting:a})=>{const o={},r=(0,l.cloneDeep)(e);return Object.keys(a).forEach((e=>{const n=(0,t.sanitizeColumnName)(e),i=`${n}ColumnFormatEditorConfig`;if((0,l.isPlainObject)(a[e])){const t=(0,l.get)(a,[e,"columnColoring"]);(0,l.unset)(t,["_meta"]),(0,l.isPlainObject)(t)&&Object.keys(t).forEach((a=>{const{colorContextConfig:n,colorOptionDSL:i,colorContextKey:s}=t[a];null==i?(o[s]=null,(0,l.set)(r,[e,a],null)):s&&(o[s]=n,(0,l.set)(r,[e,a],i))})),(0,l.isPlainObject)(a[e].formatByType)&&(Object.keys(a[e].formatByType).forEach((t=>{(0,l.unset)(a,[e,"formatByType",t,"_meta"])})),s=a[e].formatByType,Object.keys(s).every((e=>(0,l.isEmpty)(s[e])))?o[i]=null:(o[i]=Object.assign({},a[e].formatByType),(0,l.set)(r,[e,"data"],`> table | seriesByName("${e}") | formatByType(${i})`)));const{formatText:n}=a[e];(0,l.isPlainObject)(n)&&Object.keys(n).forEach((t=>{(0,l.set)(r,[e,t],n[t])}))}else o[i]=null,o[`${n}RowColorsEditorConfig`]=null,o[`${n}RowBackgroundColorsEditorConfig`]=null,r[e]=null;var s})),{context:o,options:{columnFormat:r}}}},2088:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.flyoutConfigPropType=t.columnColoringConfigPropType=void 0;const n=r(a(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,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(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=r(a(9497)),s=r(a(23)),u=n(a(2373)),d=a(6649),c=n(a(7464)),f=a(9033),p=a(9246),m=a(1256),g=a(6801),b=a(1385),h=n(a(4008)),v=a(8999);t.EDITOR_NAME="trellisSplitBySelectionEditor",t.AGGREGATIONS="aggregations";const y=e=>e;t.TrellisSplitBySelectionEditor=({name:e,value:a,label:o="",labelPosition:l="top",dataSourceKey:r="primary",dataSourceBindings:n,isDisabled:s,onChange:g,prepareValue:C=y})=>{var _;const O=i.default.useContext(c.default),E=Boolean(null==O?void 0:O.visualizations_enableTrellis),x=(0,b.useDataSource)({dataSourceBindings:n,dataSourceKey:r}),{fields:P}=(null==x?void 0:x.data)||{columns:[],fields:[]},j=(0,i.useMemo)((()=>(0,p.getAllPossibleSplitByFields)(P)),[P]),{hasError:T,isMissing:w,isLoading:D}=(0,f.getDataSourceStateInfo)(x),S=w||T||s,M=(0,m.getPlaceholderMessage)({isMissing:w,isLoading:D,hasError:T,defaultMessage:`${(0,d._)("Select a splitby field from datasource")}`}),k=(null===(_=j.fields)||void 0===_?void 0:_.length)?j.fields[0]:t.AGGREGATIONS,[R,F]=(0,i.useState)(""),B=(0,i.useCallback)(((e,{keyword:t})=>{F(t)}),[]),A=a||k,[I,L]=(0,i.useState)(A);(0,i.useEffect)((()=>{L(A)}),[A]);const $=i.default.useCallback(((t,{value:a})=>{L(a);const o=C({options:{[e]:`${a}`}});g(t,o)}),[g,C,e]),{filteredFields:N,splitByFields:V}=(0,i.useMemo)((()=>{var e;let a=j.fields.map((e=>({name:e,value:e})));(null===(e=j.aggregations)||void 0===e?void 0:e.length)&&(a=[...a,{name:`${(0,d._)("Aggregations")} (${j.aggregations.length})`,description:j.aggregations.join(", "),value:t.AGGREGATIONS}]);return{filteredFields:a.filter((e=>e&&-1!==e.value.toLowerCase().indexOf(R.toLowerCase()))),splitByFields:a}}),[R,j.aggregations,j.fields]),q=(0,v.useColumnSelectorFooterMessage)({availableFields:V,selectedFields:[I],filteredFields:N,filter:R});return E?i.default.createElement(h.default,{label:o,labelPosition:l,"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:T,filter:!0},N.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,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.useColumnSelectorFooterMessage=void 0;const n=r(a(9497)),i=a(3620);t.useColumnSelectorFooterMessage=({filter:e,availableFields:t,selectedFields:a,filteredFields:o,noSelectedFieldsInfo:l=!1})=>{const r=(0,n.useMemo)((()=>{if(!a||!o)return[];const e=new Set(a.filter((e=>""!==e&&void 0!==e)));return o.filter((t=>e.has(t.name)))}),[a,o]);return e&&!o.length?null:n.default.createElement(i.ColumnSelectorFooterMessage,{noSelectedFieldsInfo:l,numSelected:null==r?void 0:r.length,numFiltered:o.length,numAvailable:t.length,filter:e})}},5135:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useCSPViolationObserver=void 0;const o=a(9497);t.useCSPViolationObserver=(e,t="none")=>{const[a,l]=(0,o.useState)(t);return(0,o.useEffect)((()=>{const a=t=>{t.blockedURI!==e&&t.blockedURI!==`${e}/`||"enforce"!==t.disposition?t.blockedURI!==e&&t.blockedURI!==`${e}/`||"report"!==t.disposition||l("warning"):l("error")};return document.addEventListener("securitypolicyviolation",a),l(t),()=>{document.removeEventListener("securitypolicyviolation",a)}}),[e]),a}},1385:function(e,t,a){var o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.useDataSource=void 0;const l=a(9497),r=o(a(4853)),n=a(4793);t.useDataSource=({dataSourceBindings:e,dataSourceKey:t})=>{const a=(0,l.useContext)(r.default),[o,i]=(0,l.useState)();return(0,l.useEffect)((()=>{if(!(0,n.get)(e,t))return i(null),()=>{};const o=(0,n.isFunction)(a.subscribe)&&a.subscribe(t,(e=>i(e)));return()=>{o&&o()}}),[e]),o}},5592:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useNumberInput=void 0;const o=a(9497),l=a(4793);t.useNumberInput=({min:e=Number.NEGATIVE_INFINITY,max:t=Number.POSITIVE_INFINITY,value:a,defaultValue:r,onValueChange:n=l.noop})=>{const[i,s]=(0,o.useState)(a),u=(0,o.useRef)(!1),d=(0,o.useCallback)(((e,t)=>{null==t&&s(null!=r?r:a),n(e,t)}),[r,n,a]),c=(0,o.useMemo)((()=>(0,l.debounce)(((e,t)=>d(e,t.value)),250)),[d]);(0,o.useLayoutEffect)((()=>{s(a)}),[a]);return{handleChange:(0,o.useCallback)(((e,t)=>{s(t.value),u.current||c(e,t)}),[c]),handleBlur:(0,o.useCallback)((e=>{u.current=!1,a!==i&&d(e,i)}),[i,d,a]),handleFocus:(0,o.useCallback)((()=>{u.current=!0}),[]),handleKeyPress:(0,o.useCallback)((o=>{var r;if("string"==typeof o.key&&"enter"===o.key.toLowerCase()){const n=null===(r=o.target)||void 0===r?void 0:r.value,i=n?Number(n):void 0,s="number"==typeof i?(0,l.clamp)(i,e,t):void 0;a!==s&&d(o,s)}"string"==typeof o.key&&"escape"===o.key.toLowerCase()&&s(a)}),[d,a,e,t]),currentValue:i}}},6801:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.BaseEditorPropTypes=void 0;const n=r(a(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}},4008:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(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=r(a(9497)),s=r(a(23)),u=n(a(232)),d=a(6649),c=n(a(6643)),f=a(3563),p=n(a(6379)),m=n(a(7020)),g=n(a(9250)),b=(0,u.default)(g.default)`
+`,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,a,o)=>{const l=a===b.TextDataType?(0,d.get)(t,e.option):(0,d.get)(t,[a,e.option]);return void 0!==l?l:(0,d.get)(o,[a,e.option])};const C=({columnFormatting:e,columnDataType:a,columnName:o,defaultOptionsByType:l={},flyoutConfigForDataType:r,handleResetColumnToDefault:n,updateColumnFormatting:s,isSourceCustomized:u})=>{const c=i.useCallback(((e,t,a)=>s({columnName:o,optionName:t,value:a})),[o,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,r.map(((o,n)=>i.createElement(f.default.Row,{key:h(o,n),"data-test":"column-formatter-flyout-row",style:{marginBottom:n===r.length?"0px":"12px"}},o.map(((r,s)=>{let u=null;const p=12/o.length,g=`item_${r?`${r.option}_`:""}${n}_${s}`;if(!(0,d.isEmpty)(r)){const o=m.editorTypeToComponentMap[r.editor];u=i.createElement(o,Object.assign({},r.editorProps,{label:r.label,name:r.option,itemSchema:r.itemSchema,value:(0,t.getEditorItemValue)(r,e,a,l),onChange:c}))}return i.createElement(f.default.Column,{key:g,span:p},u)})))))))};C.propTypes=y,t.default=C},5396:function(e,t,a){var o=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 l=a(4793),r=o(a(3453)),n=a(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 a={};return Object.keys(s).forEach((o=>{const r=(0,l.get)(t,[e,o]);r&&(a[o]=r)})),a};t.getEditorSupportedFormatOptions=e=>{const t={text:{}};return Object.keys(e).forEach((a=>{t[a]={},e[a].forEach((e=>{e.forEach((e=>{t[a][e.option]=e.option}))}))})),t};t.getColumnDataTypeMap=e=>e.reduce(((e,{name:t,type:a})=>(e[t]=a,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&&r.default.isDslString(e.data)?(0,l.get)((0,n.getLastFormatterFromDSL)(e.data),"paramKey",null):null;t.getGlobalTableFormatting=(e,a,o)=>{const r=(0,t.getFormattingOptDSLKey)(e);return(0,l.get)(o,[r,a],{})};t.isValidColorFormatter=e=>"rangeValue"===e||"matchValue"===e;t.getInitialColumnFormattingState=({availableFieldsWithTypes:e,coloringTypes:a=[],columnFormatOption:o,editorSupportedFormatOptions:s,vizContext:d})=>{if(!o||"object"!=typeof o)return new Map;const c=(0,t.getColumnDataTypeMap)(e);return Object.keys(o).reduce(((e,f)=>{const p=c[f],m=(0,t.getFormattingOptDSLKey)(o[f]),g=d[m],b=r.default.isDslString((0,l.get)(o,[f,"data"]))&&!g;if(!((e,t)=>!e[t]||Object.keys(e[t]).some((e=>!!u[e])))(o,f))return e;const h=(0,t.getExistingTextFormatting)(f,o);if(!(0,l.isEmpty)(s[p])&&!b){const r={_meta:{dynamicallyColoredOption:"Off"}},u=(0,l.get)((0,n.getLastFormatterFromDSL)((0,l.get)(o,[f,"rowColors"])),"type"),c=(0,l.get)((0,n.getLastFormatterFromDSL)((0,l.get)(o,[f,"rowBackgroundColors"])),"type");(0,t.isValidColorFormatter)(u)&&!c?r._meta.dynamicallyColoredOption="rowColors":"pick"===u&&(0,t.isValidColorFormatter)(c)&&(r._meta.dynamicallyColoredOption="rowBackgroundColors"),a.forEach((({value:e})=>{const a=(0,l.get)(o,[f,e]);if(a){const{type:o,paramKey:s}=(0,n.getLastFormatterFromDSL)(a)||{};if("pick"===o&&"rowColors"===e&&!(0,t.isValidColorFormatter)(c))return;if("pick"===o&&"rowColors"!==e||!i[o])return;if((0,t.isValidColorFormatter)(o)&&"rowBackgroundColors"===e&&"pick"!==u)return;r[e]={colorContextKey:s,colorContextConfig:(0,l.get)(d,[s],{}),colorOptionDSL:a}}}));const b=Object.keys(r).length>1,v=(0,l.get)(d,[m,p],{});!b&&(0,l.isEmpty)(v)&&(0,l.isEmpty)(h)||e.set(f,{columnColoring:r,formatByType:{[p]:Object.assign(Object.assign({},(0,l.pick)(v,Object.keys(s[p]))),{_meta:{exceedsEditorCapabilities:(0,t.checkExceedsEditorCapabilities)((0,l.get)(g,[p],{}),s[p])}})},formatText:h})}return e}),new Map)};t.getColumnFormatDefFromState=({columnFormatOption:e,updatedEditorColumnFormatting:a})=>{const o={},r=(0,l.cloneDeep)(e);return Object.keys(a).forEach((e=>{const n=(0,t.sanitizeColumnName)(e),i=`${n}ColumnFormatEditorConfig`;if((0,l.isPlainObject)(a[e])){const t=(0,l.get)(a,[e,"columnColoring"]);(0,l.unset)(t,["_meta"]),(0,l.isPlainObject)(t)&&Object.keys(t).forEach((a=>{const{colorContextConfig:n,colorOptionDSL:i,colorContextKey:s}=t[a];null==i?(o[s]=null,(0,l.set)(r,[e,a],null)):s&&(o[s]=n,(0,l.set)(r,[e,a],i))})),(0,l.isPlainObject)(a[e].formatByType)&&(Object.keys(a[e].formatByType).forEach((t=>{(0,l.unset)(a,[e,"formatByType",t,"_meta"])})),s=a[e].formatByType,Object.keys(s).every((e=>(0,l.isEmpty)(s[e])))?o[i]=null:(o[i]=Object.assign({},a[e].formatByType),(0,l.set)(r,[e,"data"],`> table | seriesByName("${e}") | formatByType(${i})`)));const{formatText:n}=a[e];(0,l.isPlainObject)(n)&&Object.keys(n).forEach((t=>{(0,l.set)(r,[e,t],n[t])}))}else o[i]=null,o[`${n}RowColorsEditorConfig`]=null,o[`${n}RowBackgroundColorsEditorConfig`]=null,r[e]=null;var s})),{context:o,options:{columnFormat:r}}}},2088:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.flyoutConfigPropType=t.columnColoringConfigPropType=void 0;const n=r(a(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,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(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=r(a(9497)),s=r(a(23)),u=n(a(2373)),d=a(6649),c=n(a(7464)),f=a(9033),p=a(9246),m=a(1256),g=a(6801),b=a(1385),h=n(a(4008)),v=a(8999);t.EDITOR_NAME="trellisSplitBySelectionEditor",t.AGGREGATIONS="aggregations";const y=e=>e;t.TrellisSplitBySelectionEditor=({name:e,value:a,label:o="",labelPosition:l="top",dataSourceKey:r="primary",dataSourceBindings:n,isDisabled:s,onChange:g,prepareValue:C=y})=>{var _;const O=i.default.useContext(c.default),E=Boolean(null==O?void 0:O.visualizations_enableTrellis),x=(0,b.useDataSource)({dataSourceBindings:n,dataSourceKey:r}),{fields:P}=(null==x?void 0:x.data)||{columns:[],fields:[]},j=(0,i.useMemo)((()=>(0,p.getAllPossibleSplitByFields)(P)),[P]),{hasError:T,isMissing:w,isLoading:D}=(0,f.getDataSourceStateInfo)(x),S=w||T||s,M=(0,m.getPlaceholderMessage)({isMissing:w,isLoading:D,hasError:T,defaultMessage:`${(0,d._)("Select a splitby field from datasource")}`}),k=(null===(_=j.fields)||void 0===_?void 0:_.length)?j.fields[0]:t.AGGREGATIONS,[R,F]=(0,i.useState)(""),B=(0,i.useCallback)(((e,{keyword:t})=>{F(t)}),[]),A=a||k,[I,L]=(0,i.useState)(A);(0,i.useEffect)((()=>{L(A)}),[A]);const $=i.default.useCallback(((t,{value:a})=>{L(a);const o=C({options:{[e]:`${a}`}});g(t,o)}),[g,C,e]),{filteredFields:V,splitByFields:N}=(0,i.useMemo)((()=>{var e;let a=j.fields.map((e=>({name:e,value:e})));(null===(e=j.aggregations)||void 0===e?void 0:e.length)&&(a=[...a,{name:`${(0,d._)("Aggregations")} (${j.aggregations.length})`,description:j.aggregations.join(", "),value:t.AGGREGATIONS}]);return{filteredFields:a.filter((e=>e&&-1!==e.value.toLowerCase().indexOf(R.toLowerCase()))),splitByFields:a}}),[R,j.aggregations,j.fields]),q=(0,v.useColumnSelectorFooterMessage)({availableFields:N,selectedFields:[I],filteredFields:V,filter:R});return E?i.default.createElement(h.default,{label:o,labelPosition:l,"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:T,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,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.useColumnSelectorFooterMessage=void 0;const n=r(a(9497)),i=a(3620);t.useColumnSelectorFooterMessage=({filter:e,availableFields:t,selectedFields:a,filteredFields:o,noSelectedFieldsInfo:l=!1})=>{const r=(0,n.useMemo)((()=>{if(!a||!o)return[];const e=new Set(a.filter((e=>""!==e&&void 0!==e)));return o.filter((t=>e.has(t.name)))}),[a,o]);return e&&!o.length?null:n.default.createElement(i.ColumnSelectorFooterMessage,{noSelectedFieldsInfo:l,numSelected:null==r?void 0:r.length,numFiltered:o.length,numAvailable:t.length,filter:e})}},5135:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useCSPViolationObserver=void 0;const o=a(9497);t.useCSPViolationObserver=(e,t="none")=>{const[a,l]=(0,o.useState)(t);return(0,o.useEffect)((()=>{const a=t=>{t.blockedURI!==e&&t.blockedURI!==`${e}/`||"enforce"!==t.disposition?t.blockedURI!==e&&t.blockedURI!==`${e}/`||"report"!==t.disposition||l("warning"):l("error")};return document.addEventListener("securitypolicyviolation",a),l(t),()=>{document.removeEventListener("securitypolicyviolation",a)}}),[e]),a}},1385:function(e,t,a){var o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.useDataSource=void 0;const l=a(9497),r=o(a(4853)),n=a(4793);t.useDataSource=({dataSourceBindings:e,dataSourceKey:t})=>{const a=(0,l.useContext)(r.default),[o,i]=(0,l.useState)();return(0,l.useEffect)((()=>{if(!(0,n.get)(e,t))return i(null),()=>{};const o=(0,n.isFunction)(a.subscribe)&&a.subscribe(t,(e=>i(e)));return()=>{o&&o()}}),[e]),o}},5592:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useNumberInput=void 0;const o=a(9497),l=a(4793);t.useNumberInput=({min:e=Number.NEGATIVE_INFINITY,max:t=Number.POSITIVE_INFINITY,value:a,defaultValue:r,onValueChange:n=l.noop})=>{const[i,s]=(0,o.useState)(a),u=(0,o.useRef)(!1),d=(0,o.useCallback)(((e,t)=>{null==t&&s(null!=r?r:a),n(e,t)}),[r,n,a]),c=(0,o.useMemo)((()=>(0,l.debounce)(((e,t)=>d(e,t.value)),250)),[d]);(0,o.useLayoutEffect)((()=>{s(a)}),[a]);return{handleChange:(0,o.useCallback)(((e,t)=>{s(t.value),u.current||c(e,t)}),[c]),handleBlur:(0,o.useCallback)((e=>{u.current=!1,a!==i&&d(e,i)}),[i,d,a]),handleFocus:(0,o.useCallback)((()=>{u.current=!0}),[]),handleKeyPress:(0,o.useCallback)((o=>{var r;if("string"==typeof o.key&&"enter"===o.key.toLowerCase()){const n=null===(r=o.target)||void 0===r?void 0:r.value,i=n?Number(n):void 0,s="number"==typeof i?(0,l.clamp)(i,e,t):void 0;a!==s&&d(o,s)}"string"==typeof o.key&&"escape"===o.key.toLowerCase()&&s(a)}),[d,a,e,t]),currentValue:i}}},6801:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.BaseEditorPropTypes=void 0;const n=r(a(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}},4008:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(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=r(a(9497)),s=r(a(23)),u=n(a(232)),d=a(6649),c=n(a(6643)),f=a(3563),p=n(a(6379)),m=n(a(7020)),g=n(a(9250)),b=(0,u.default)(g.default)`
     margin-top: 0;
     padding: 0;
     // adjust bottom margin according to theme