@splunk/dynamic-editors 0.36.1

package/DynamicEditor.js

@@ -0,0 +1,498 @@
+/*!
+ * 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={7741:(e,t,a)=>{a.r(t),a.d(t,{default:()=>ta,editorTypeToComponentMap:()=>Qt});var o=a(2649),n=a.n(o),l=a(9497),r=a.n(l),i=a(23),s=a.n(i),u=a(2749),c=a.n(u),d=a(2373),f=a.n(d),p=a(2166),m=a(4267),b=a(5862),g=a(4008),h=a.n(g);const y=({onChange:e,name:t,itemSchema:a,values:o,value:n,labelPosition:i,labelWidth:s,label:u,tooltip:c,isDisabled:d,isAdvanced:g,hideLabel:y})=>{const v=(0,m.getOptions)(a,o),C=(0,p.hasTokens)(n)||d,O=(0,l.useCallback)(((a,{value:o})=>e(a,t,o)),[e,t]);return r().createElement(h(),{label:u,labelPosition:i,labelWidth:s,tooltip:c,isAdvanced:g,hideLabel:y},r().createElement(f(),{"data-test":t,onChange:O,value:n,disabled:C,style:b.editorStyle},v.map((e=>r().createElement(f().Option,{key:e.value,value:e.value,label:e.label||e.value,icon:e.icon?r().createElement(e.icon,null):null})))))};y.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},y.defaultProps={labelPosition:"top",isDisabled:!1};const v=y;var C=a(3263),O=a(7035),_=a(2065),E=a(2782),P=a.n(E),j=a(5592);const x=({onChange:e,name:t,value:a=null,labelPosition:o="top",labelWidth:n,label:i,min:s,max:u,step:c,isDisabled:d,help:f,defaultValue:p})=>{const m=(0,l.useCallback)(((a,o)=>{if(void 0===p&&null==o)return void e(a,t,o);const n=parseFloat(null!=o?o:p);Number.isFinite(n)&&e(a,t,n)}),[p,e,t]),{currentValue:b,handleChange:g,handleBlur:y,handleFocus:v,handleKeyPress:C}=(0,j.useNumberInput)({value:a,min:s,max:u,defaultValue:p,onValueChange:m});return r().createElement(h(),{label:i,labelPosition:o,labelWidth:n,help:f},r().createElement(P(),{"data-test":t,min:s,max:u,step:c,onChange:g,onBlur:y,onFocus:v,onKeyDown:C,value:b,disabled:d}))};x.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=x;var S=a(437);const D=({name:e,value:t,labelPosition:a,labelWidth:o,label:n,onChange:i,isDisabled:s,help:u})=>{const c=(0,l.useCallback)(((e,t,a)=>{i(e,t,null==a?a:a/100)}),[i]);return r().createElement(T,{name:e,value:Math.round(100*t),label:n,labelPosition:a,labelWidth:o,onChange:c,min:0,max:100,step:1,disabled:s,help:u})};D.propTypes={onChange:s().func.isRequired,name:s().string.isRequired,label:s().string.isRequired,labelWidth:s().number,value:s().number,labelPosition:s().oneOf(["top","left"]),isDisabled:s().bool,help:s().string},D.defaultProps={value:0,labelPosition:"top",isDisabled:!1};const w=D;var M=a(148),k=a.n(M),F=a(4215),R=a.n(F);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(2138),W=a.n(q),U=a(4082),z=a.n(U);const K=require("@splunk/react-ui/Image");var Y=a.n(K),H=a(7464),G=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=V().span`
+    font-size: smaller;
+    font-style: italic;
+`,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 ne extends l.Component{constructor(e){super(e),L()(this,"violationHandler",(e=>{e.blockedURI!==this.state.urlValue&&e.blockedURI!==`${this.state.urlValue}/`||"enforce"!==e.disposition?e.blockedURI!==this.state.urlValue&&e.blockedURI!==`${this.state.urlValue}/`||"report"!==e.disposition||this.setState({violationType:"warning"}):this.setState({violationType:"error"})})),L()(this,"checkImage",(e=>{if(!e)return;const t=new Image;t.onload=()=>{this.props.handleImageUpload({src:e})},t.onerror=()=>{this.setState((e=>e.urlValue?{validUrl:!1}:void 0))},t.src=e})),L()(this,"handleURLChange",((e,{value:t})=>{this.setState({urlValue:t,validUrl:!0,violationType:"none"})})),L()(this,"handleTextKeyDown",(e=>{"Enter"===e.key&&(e.preventDefault(),this.checkImage(this.state.urlValue))})),L()(this,"handleBlur",(e=>{var t;null!==(t=this.inputRef.current)&&void 0!==t&&t.contains(e.relatedTarget)||this.checkImage(this.state.urlValue)})),L()(this,"trackInputRef",(e=>{this.inputRef.current=e,e&&e.addEventListener("focusout",this.handleBlur)})),L()(this,"handleOnImageChange",(({filename:e,imageDataURI:t})=>{e&&t?this.props.handleImageUpload({filename:e,imageDataURI:t}):this.props.handleImageUpload({filename:null,imageDataURI:null})})),this.state={urlValue:"",validUrl:!0,violationType:"none"},this.inputRef=r().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||{},n=oe(this.props.validImageTypes,t),l=n.indexOf("svg")<0||this.props.svgRenderAsDom&&n.indexOf("svg")>-1&&a||!this.props.svgRenderAsDom&&n.indexOf("svg")>-1,i="none"!==this.state.violationType?r().createElement(X.CSPMessage,{type:this.state.violationType}):r().createElement(W(),{appearance:"fill",type:"error"},(0,N._)("We can't find an image with this URL. Please enter a new URL."));return r().createElement(J,null,l&&r().createElement(z(),{canClear:!0,value:this.state.urlValue,onChange:this.handleURLChange,onKeyDown:this.handleTextKeyDown,style:Q,elementRef:this.trackInputRef}),this.state.validUrl?e&&r().createElement(r().Fragment,null,r().createElement(Y(),{style:ee,defaultFilename:null,defaultImageDataURI:null,onImageChange:this.handleOnImageChange,allowExtensions:n}),o&&r().createElement(te,{"data-test":"gallery-sharing-warning"},ae)):i)}}L()(ne,"contextType",G()),ne.propTypes={handleImageUpload:s().func,validImageTypes:s().array,svgRenderAsDom:s().bool},ne.defaultProps={handleImageUpload:()=>{},validImageTypes:["gif","jpeg","jpg","png","webp"],svgRenderAsDom:!1};const le=ne;var re=a(5784),ie=a.n(re),se=a(7020),ue=a.n(se),ce=a(3563),de=a(5135),fe=a(137);const pe=r().createElement(ie(),{"aria-label":(0,N._)("Remove image")}),me=V().div`
+    width: 100%;
+    padding-bottom: 5px;
+`,be=V().div`
+    border: 1px solid ${ce.variables.borderColor};
+    position: relative;
+    min-height: 30px;
+    height: auto;
+`,ge=V().div`
+    background-color: ${ce.variables.backgroundColorPage};
+    color: ${ce.variables.contentColorDefault};
+    opacity: 0.9;
+    position: absolute;
+    width: 100%;
+    min-height: 30px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+`,he=V().div`
+    margin-left: ${ce.variables.spacingMedium};
+    overflow: hidden;
+    text-align: start;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+`,ye=V()(ue()).attrs({"data-test":"image-remove-button"})`
+    flex-grow: 0;
+    color: ${ce.variables.contentColorActive} !important;
+    &:hover {
+        background-color: ${ce.variables.actionColorBackgroundSecondaryHover} !important;
+    }
+`,ve=V().img`
+    ${ce.mixins.reset("block")};
+    margin: 0 auto;
+    max-width: 100%;
+    max-height: 180px;
+`,Ce=({filename:e,imageDataURI:t,onImageRemove:a,overrideCSPViolation:o})=>{const n=(0,de.useCSPViolationObserver)(t,o);return r().createElement(me,null,r().createElement(be,null,r().createElement(ge,null,r().createElement(he,null,e),r().createElement(ye,{appearance:"subtle",icon:pe,onClick:a})),r().createElement(ve,{alt:e,src:t})),"none"!==n&&r().createElement(fe.MessageContainer,null,r().createElement(X.CSPMessage,{type:n})))};Ce.propTypes={filename:s().string,imageDataURI:s().string,onImageRemove:s().func,overrideCSPViolation:s().string},Ce.defaultProps={onImageRemove:()=>{},filename:null,imageDataURI:null};const Oe=Ce,_e=({onChange:e,name:t,value:a,labelPosition:o,labelWidth:n,label:i,validMediaTypes:s,svgRenderAsDom:u,overrideCSPViolation:c})=>{const d=(0,l.useContext)(A()),[f,p]=(0,l.useState)(null),[m,b]=(0,l.useState)(null),g=(0,l.useCallback)((async(a,o)=>{try{const n=await d.upload(o,{name:a},null,s);e(null,t,n)}catch(e){console.warn(e)}}),[d,s,e,t]),y=(0,l.useCallback)((({src:a,filename:o,imageDataURI:n})=>a?e(null,t,a):null!==o&&null!==n?g(o,n):e(null,t,null)),[g,e,t]),v=(0,l.useCallback)((a=>e(a,t,null)),[e,t]);return(0,l.useEffect)((()=>{(async()=>{if(a){const e=await(async(e,t)=>null!=e&&e.isResourceURL(t)?e.getByURL(t):{dataURI:t,metaData:{name:t}})(d,a);p(e.dataURI),b(e.metaData.name)}})()}),[a,d]),r().createElement(h(),{label:i,labelPosition:o,labelWidth:n},a?r().createElement(Oe,{filename:m,imageDataURI:f,onImageRemove:v,overrideCSPViolation:c}):r().createElement(le,{svgRenderAsDom:u,validImageTypes:s,handleImageUpload:y}))};_e.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},_e.defaultProps={labelPosition:"top"};const Ee=_e;var Pe=a(1785),je=a.n(Pe),xe=a(5777),Te=a.n(xe),Se=a(4566),De=a.n(Se);const we=V().div.attrs((()=>({"data-test":"threshold-error"})))`
+    color: ${De().contentColorNegative};
+    padding-top: 5px;
+    font-size: 12px;
+    display: block;
+`,Me=({error:e,id:t})=>e?r().createElement(we,{id:t},(0,N._)("Error"),": ",e):null;Me.propTypes={id:s().string,error:s().string};const ke=Me,Fe=({"data-test":e,boundary:t,isDisabled:a,isEditable:o,errorId:n,onChange:i,onRequestClose:s,onValidate:u})=>{const[c,d]=(0,l.useState)(t);(0,l.useEffect)((()=>{d(t)}),[t]);const f=(0,l.useCallback)(((e,{value:t})=>{d(t),u(t)}),[u]),p=(0,l.useCallback)((e=>{"Enter"===e.key&&i(c),"Escape"===e.key&&s()}),[c,i,s]),m=(0,l.useCallback)((()=>{i(c)}),[i,c]);return o?r().createElement(P(),{inline:!0,hideStepButtons:!0,disabled:a,value:c||0===c?c:null,onChange:f,onBlur:m,onKeyDown:p,error:!!n,"data-test":e,describedBy:n}):null};Fe.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},Fe.defaultProps={"data-test":"threshold-boundary-input",isDisabled:!1,isEditable:!0,errorId:void 0,onChange:()=>{},onRequestClose:()=>{},onValidate:()=>{}};const Re=Fe;a(4868);const Be=require("lodash/difference");var Ae=a.n(Be);a(9590);const Ie=require("lodash/isNaN");var Le=a.n(Ie);const $e=require("lodash/uniqBy");var Ve=a.n($e);function Ne(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 qe(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?Ne(Object(a),!0).forEach((function(t){L()(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):Ne(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}const We=["#dc4e41","#f1813f","#f8be34","#53a051","#0877a6","#006d9c","#ec9960","#af575a","#62b3b2","#4fa484","#f8be44","#5a4575","#708794","#294e70","#b6c75a"];function Ue(e=[]){if(e.length<2)return console.warn("Invalid threshold configuration: at least 2 thresholds required"),e;const t=e.map((e=>{const t=qe({},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!==Ve()(o,"from").length&&console.warn("Invalid threshold configuration: duplicate from values");const n=o.sort(((e,t)=>+t.from-+e.from));if(a.length){const e=a[0];return e.to!==n[n.length-1].from&&(e.to=n[n.length-1].from),n.forEach(((e,t)=>{const a=qe({},e);t>0?a.to=n[t-1].from:delete a.to,n[t]=a})),[...n,e]}return n.forEach(((e,t)=>{const a=qe({},e);t>0&&(a.to=n[t-1].from),n[t]=a})),n}function ze(e="",t=[]){const a=parseFloat(e);return Le()(a)||Le()(+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 Ke=V().div.attrs((()=>({"data-test":"add-threshold-level"})))`
+    margin-bottom: 10px;
+`,Ye=({thresholds:e,onAddThreshold:t})=>{const[a,o]=(0,l.useState)(!1),[n,i]=(0,l.useState)(null),s=(0,l.useCallback)((()=>{o(!a)}),[a]),u=(0,l.useCallback)((a=>{const o=ze(a,e);o.error?i(o.errorMessage):t(a)}),[e,t]),c=(0,l.useCallback)((t=>{const a=ze(t,e);a.error&&i(a.errorMessage)}),[e]);return r().createElement(Ke,null,a?r().createElement(r().Fragment,null,r().createElement(Re,{"data-test":"add-threshold-input",isError:!!n,onChange:u,onRequestClose:s,onValidate:c}),r().createElement(ke,{error:n})):r().createElement(ue(),{appearance:"secondary",onClick:s,label:`+ ${(0,N._)("Add threshold level")}`}))};Ye.propTypes={onAddThreshold:s().func,thresholds:s().array},Ye.defaultProps={onAddThreshold:()=>{}};const He=Ye;var Ge=a(8987),Ze=a(6379),Xe=a.n(Ze);const Je=V().div`
+    margin-right: 10px;
+    width: 100px;
+    display: inline-block;
+`,Qe=V().div.attrs((()=>({"data-test":"threshold-boundary-label"})))`
+    flex-grow: 1;
+    flex-direction: row;
+`,et=V().span`
+    line-height: 36px;
+    margin-right: 10px;
+    color: ${e=>e.isDisabled?De().contentColorDisabled:De().contentColorMuted};
+`,tt=V().span`
+    display: inline-block;
+    color: ${e=>e.isDisabled?De().contentColorDisabled:De().contentColorMuted};
+    width: 30px;
+    text-overflow: ellipsis;
+    vertical-align: bottom;
+    overflow: hidden;
+    white-space: nowrap;
+`,at=({describedBy:e,isDisabled:t,to:a})=>r().createElement(tt,{"aria-describedby":e,isDisabled:t},a);at.propTypes={describedBy:s().any,isDisabled:s().bool,to:s().number};const ot=({isDisabled:e,to:t})=>r().createElement(Xe(),{content:`${t}`},r().createElement(at,{to:t,isDisabled:e}));ot.propTypes={isDisabled:s().bool,to:s().number};const nt=({index:e,to:t,isRemovable:a,isEditable:o,onChange:n,isDisabled:l,errorId:i})=>{const s=0===e,u=a?`${(0,N._)("and")} `:"";return o?r().createElement(Qe,null,r().createElement(et,{isDisabled:l},(0,N._)("to")),r().createElement(Je,null,r().createElement(Re,{"data-test":"threshold-to-level",boundary:t,isDisabled:l,isEditable:!0,errorId:i,onChange:n}))):r().createElement(Qe,null,s&&r().createElement(et,{isDisabled:l},(0,N._)("and above")),!s&&r().createElement(r().Fragment,null,r().createElement(et,{isDisabled:l},`${u}${(0,N._)("below")}`),r().createElement(ot,{isDisabled:l,to:t})))};nt.propTypes={to:s().number,index:s().number,isRemovable:s().bool,isEditable:s().bool,isDisabled:s().bool,onChange:s().func,errorId:s().string};const lt=nt,rt=V().div.attrs((()=>({"data-test":"threshold-level"})))`
+    width: 100%;
+    position: relative;
+    display: flex;
+    align-items: flex-end;
+    margin-bottom: 5px;
+`,it=V().div`
+    margin-right: 10px;
+    width: 100px;
+    display: inline-block;
+`,st=V().div`
+    display: flex;
+    margin-left: auto;
+`,ut=V().div`
+    margin-left: ${ce.variables.spacingXSmall};
+    width: ${ce.variables.spacingXXLarge};
+`,ct=V()(ue())`
+    color: ${e=>e.disabled?ce.variables.contentColorDisabled:ce.variables.contentColorActive} !important;
+    &:hover {
+        background-color: ${e=>!e.disabled&&ce.variables.interactiveColorOverlayDrag} !important;
+    }
+`,dt=({editFrom:e,editTo:t,editValue:a,error:o,from:n,index:i,isDisabled:s,isRemovable:u,onChange:c,onRemove:d,renderThresholdValueEditor:f,to:p,value:m})=>{const b=(0,l.useCallback)((e=>{(o||e!==n)&&c(i,{from:e,value:m,to:p})}),[c,n,m,p,i,o]),g=(0,l.useCallback)((e=>{(o||e!==p)&&c(i,{from:n,value:m,to:e})}),[c,n,m,p,i,o]),h=(0,l.useCallback)((({value:e})=>{c(i,{from:n,value:e,to:p})}),[c,i,n,p]),y=(0,l.useCallback)((()=>d(i)),[d,i]),v=(0,l.useMemo)((()=>o?(0,Ge.createDOMID)("threshold-error"):void 0),[o]);return r().createElement(r().Fragment,null,r().createElement(rt,null,r().createElement(it,null,r().createElement(Re,{"data-test":"threshold-from-level",boundary:n,isDisabled:s,isEditable:e,errorId:v,onChange:b})),r().createElement(lt,{to:p,index:i,isRemovable:u,isEditable:t,isDisabled:s,onChange:g,errorId:v}),r().createElement(st,null,f({value:m,onChange:h,isDisabled:s||!!o,editValue:a})),r().createElement(ut,null,u&&r().createElement(ct,{"data-test":"threshold-remove-button",icon:r().createElement(ie(),null),appearance:"subtle",onClick:y,disabled:s}))),r().createElement(ke,{error:o,id:v}))};dt.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},dt.defaultProps={isRemovable:!1,isDisabled:!1};const ft=dt;function pt(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 mt(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?pt(Object(a),!0).forEach((function(t){L()(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):pt(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}const bt=({ranges:e,openRanges:t,isDisabled:a,onChange:o,renderThresholdValueEditor:n})=>{const[i,s]=(0,l.useState)({}),u=(0,l.useCallback)((t=>{const a=je()(e);a.splice(t,1),o(Ue(a));const n=mt({},i);delete n[t],s(n)}),[i,e,o]),c=(0,l.useCallback)(((a,n)=>{const l=je()(e),r=mt({},i);if(l.splice(a,1,n),delete r[a],!t&&0===a){const e=function(e="",t=""){const a=parseFloat(e),o=parseFloat(t);return Le()(a)||Le()(+e)||Le()(o)||Le()(+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}}(n.to,n.from);e.error&&(r[a]=e.errorMessage)}if(!t&&0!==a&&n.to<n.from&&n.from>e[0].from&&(l[a].to=n.from+10),!t||a<e.length-1){const t=je()(e);t.splice(a,1);const o=ze(n.from,t);o.error&&(r[a]=o.errorMessage)}s(r),Object.keys(r).length||o(Ue(l))}),[i,e,o,t]),d=!!Object.keys(i).length,f=(0,l.useCallback)((a=>!t&&e.length>1||t&&e.length>2&&a!==e.length-1),[t,e]);return e.map(((o,l)=>r().createElement(ft,{key:`threshold-${o.from}-${o.to}-${o.value}`,onRemove:u,onChange:c,index:l,from:o.from,to:o.to,value:o.value,error:i[l],editFrom:!t||l!==e.length-1,editTo:!t&&0===l,editValue:!d,isRemovable:f(l),isDisabled:a,renderThresholdValueEditor:n})))};bt.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},bt.defaultProps={openRanges:!0,isDisabled:!1,ranges:[]};const gt=bt;var ht=a(7408),yt=a.n(ht),vt=a(3283);const Ct=({isDisabled:e,value:t,onChange:a})=>r().createElement(yt(),{disabled:e,value:(0,vt.isColor)(t)?t:"transparent",onChange:a,hideInput:!0,palette:We,"data-test":"threshold-level-value"});Ct.propTypes={isDisabled:s().bool,value:s().string,onChange:s().func.isRequired};const Ot=Ct,_t=V().div`
+    flex-direction: column;
+    flex-grow: 1;
+`,Et=({onChange:e,name:t,itemSchema:a,value:o,labelPosition:n,labelWidth:i,label:s,isDisabled:u,isTogglable:c,openRanges:d,renderThresholdValueEditor:f})=>{const p=Array.isArray(o)&&o.length>0,m=(0,l.useCallback)((()=>{e(null,t,a.default)}),[a,t,e]),b=(0,l.useCallback)((()=>{e(null,t,null)}),[t,e]),g=(0,l.useCallback)((()=>p?b():m()),[p,m,b]),y=(0,l.useCallback)((a=>{const n=je()(o),l={from:a,value:function(e=[]){const t=Ae()(We,e);return t.length>0?t[0]:"#444000"}(n.map((e=>e.value)))};d||(l.to=a+10),n.push(l);const r=Ue(n);e(null,t,r)}),[t,o,e,d]),v=(0,l.useCallback)((a=>{e(null,t,a)}),[e,t]);return r().createElement(h(),{label:s,labelPosition:n,labelWidth:i},r().createElement(_t,{"data-test":t},c&&r().createElement(Te(),{appearance:"toggle",selected:p,onClick:g,disabled:u,role:"switch"},(0,N._)("Threshold")),p&&r().createElement(r().Fragment,null,!u&&r().createElement(He,{onAddThreshold:y,thresholds:o}),r().createElement(gt,{onChange:v,ranges:o,isDisabled:u,openRanges:d,renderThresholdValueEditor:f}))))};Et.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},Et.defaultProps={labelPosition:"top",openRanges:!0,isDisabled:!1,renderThresholdValueEditor:Ot,isTogglable:!0};const Pt=Et;var jt=a(152),xt=a(8281),Tt=a(4942),St=a.n(Tt),Dt=a(5731),wt=a.n(Dt),Mt=a(6116),kt=a.n(Mt),Ft=a(4680),Rt=a(7970),Bt=a.n(Rt),At=a(5456),It=a(7585),Lt=a.n(It),$t=a(2117),Vt=a.n($t),Nt=a(2965),qt=a.n(Nt),Wt=a(5695),Ut=a.n(Wt),zt=a(7364),Kt=a.n(zt),Yt=a(9172),Ht=a.n(Yt),Gt=a(5678),Zt=a.n(Gt),Xt=a(8687),Jt=a.n(Xt);const Qt={"editor.checkbox":c(),"editor.radioBar":C.default,"editor.select":v,"editor.text":O.Z,"editor.textArea":Jt(),"editor.toggle":_.default,"editor.number":T,"editor.color":S.default,"editor.percent":w,"editor.image":Ee,"editor.threshold":Pt,"editor.presetSelector":R(),"editor.dynamicColor":jt.DynamicColorEditor,"editor.dynamicColorWithPrecedence":xt.DynamicColorEditorWithPrecedence,"editor.columnMultiSelector":St(),"editor.columnSelector":wt(),"editor.tableColumnFormatter":kt(),"editor.tableBackgroundColor":Ft.TableBackgroundColorEditor,"editor.slider":k(),"editor.markdown":Bt(),"editor.staticItem":At.default,"editor.dynamicItem":Lt(),"editor.arrayOfStrings":Vt(),"editor.multiColorPicker":qt(),"editor.seriesColors":Ut(),"editor.seriesColorsByField":Kt(),"editor.columnMultiSelectionByFieldNameEditor":Ht(),"editor.trellisSplitBy":Zt()},ea=({item:e,name:t,itemSchema:a,dataSourceBindings:o,context:l,value:i,onChange:s,isDisabled:u,options:c,optionsSchema:d})=>{const{editor:f}=e;let p;if("string"==typeof f){if(!Qt[f])throw Error(`Invalid editor type: ${f}`);p=Qt[f]}else p=f;const b=(0,m.getStaticItemSchema)(a);return r().createElement("div",{key:e.option||e.encoding,"data-test":`editor-${t}`},r().createElement(p,n()({},e.editorProps,{name:t,isOption:!!e.option,itemSchema:b,dataSourceBindings:o,label:e.label,onChange:s,value:i,context:l,placeholder:e.placeholder,isAdvanced:e.isAdvanced,isDisabled:u,options:c,optionsSchema:d})))};ea.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 ta=ea},437:(e,t,a)=>{a.r(t),a.d(t,{default:()=>S});var o=a(9497),n=a.n(o),l=a(23),r=a.n(l),i=a(232),s=a.n(i),u=a(4793),c=a(3563),d=a(7408),f=a.n(d),p=a(4082),m=a.n(p),b=a(8987),g=a(6649);const h=require("@splunk/react-ui/ScreenReaderContent");var y=a.n(h);const v=require("@splunk/visualizations-shared/colorConstants");var C=a(3283),O=a(4008),_=a.n(O);const E=s().div.attrs((()=>({"data-test":"text-container"})))`
+    max-height: ${c.variables.inputHeight};
+    width: 100%;
+    min-width: 0;
+`,P=s()(m()).attrs((({name:e})=>({"data-test":e})))`
+    max-height: ${c.variables.inputHeight};
+`,j=({color:e,defaultColor:t,prevColor:a})=>{const o="string"==typeof e?e.trim():e;return(0,C.isColor)(o)||null===o?o:(0,C.isColor)(t)?t:(0,C.isColor)(a)||null===a?a:"transparent"},x=({id:e,showTextInput:t,color:a,palette:l,handleColorChange:r,labelledBy:i,textWidth:s,value:u,name:c,handleTextColorChange:d,handleKeyPress:p,handleBlur:m,isDisabled:h})=>{const v=(0,o.useMemo)((()=>(0,b.createDOMID)("color-code")),[]);return n().createElement(n().Fragment,null,n().createElement("div",null,n().createElement(f(),{key:"color-editor",append:t,value:j({color:a}),palette:l,onChange:r,"data-test":`color-picker-${c}`,disabled:h,hideInput:!0,labelledBy:i})),t&&n().createElement(E,{textWidth:s},n().createElement(y(),{id:v},(0,g._)("Color code input")),n().createElement(P,{key:u,"data-test":c,prepend:!0,value:null===a?"N/A":a,onChange:d,onKeyDown:p,onBlur:m,disabled:h,style:{height:"32px"},labelledBy:`${i} ${v}`,inputId:e})))};x.propTypes={id:r().string,showTextInput:r().bool,color:r().string,palette:r().arrayOf(r().string),handleColorChange:r().func,labelledBy:r().string,textWidth:r().oneOfType([r().string,r().number]),value:r().string,name:r().string.isRequired,handleTextColorChange:r().func,handleKeyPress:r().func,handleBlur:r().func,isDisabled:r().bool};const T=({name:e="color",value:t,label:a="",labelPosition:l,labelWidth:r,palette:i,onChange:s=(()=>{}),itemSchema:c,isDisabled:d,textWidth:f,hideLabel:p,showTextInput:m,style:b={}})=>{const[g,h]=(0,o.useState)(t);(0,o.useEffect)((()=>{h(t)}),[t]);const y=(0,o.useMemo)((()=>(0,u.debounce)(s,250)),[s]),v=(0,o.useCallback)((({value:a})=>{const o=j({color:a,defaultColor:c.default,prevColor:t});h(o),t!==o&&y(null,e,o)}),[y,c.default,e,t]),C=(0,o.useCallback)(((e,{value:t})=>{const a="n/a"===(0,u.toLower)(t).trim()?null:t;h(a)}),[]),O=(0,o.useCallback)((a=>{if("Escape"!==a.key){if("Enter"===a.key&&t!==g){const o=j({color:g,defaultColor:c.default,prevColor:t});h(o),o!==t&&s(a,e,o)}}else h(t)}),[e,g,t,s,c.default]),E=(0,o.useCallback)((a=>{if(g!==t){const o=j({color:g,defaultColor:c.default,prevColor:t});h(o),o!==t&&s(a,e,o)}}),[e,g,t,s,c.default]);return n().createElement(_(),{label:a,labelPosition:l,labelWidth:r,style:b,hideLabel:p,controlsLayout:"fillJoin"},n().createElement(x,{showTextInput:m,color:g,palette:i,handleColorChange:v,name:e,isDisabled:d,textWidth:f,value:t,handleTextColorChange:C,handleKeyPress:O,handleBlur:E}))};T.propTypes={name:r().string.isRequired,value:r().string,itemSchema:r().object,label:r().string.isRequired,hideLabel:r().bool,showTextInput:r().bool,style:r().object,labelPosition:r().oneOf(["top","left"]),labelWidth:r().number,palette:r().arrayOf(r().string),onChange:r().func.isRequired,isDisabled:r().bool,textWidth:r().oneOfType([r().string,r().number])},T.defaultProps={value:"transparent",labelPosition:"top",palette:v.COLOR_EDITOR_PALETTE,itemSchema:{default:"transparent"},isDisabled:!1,textWidth:"auto",hideLabel:!1,showTextInput:!0,style:{}};const S=T},3263:(e,t,a)=>{a.r(t),a.d(t,{default:()=>v});var o=a(2649),n=a.n(o),l=a(9497),r=a.n(l),i=a(23),s=a.n(i),u=a(5411),c=a.n(u),d=a(6379),f=a.n(d),p=a(2166),m=a(4267),b=a(5862),g=a(4008),h=a.n(g);const y=({onChange:e,name:t,itemSchema:a,values:o,value:i,labelPosition:s,labelWidth:u,label:d,isDisabled:g})=>{const y=(0,m.getOptions)(a,o),v=(0,p.hasTokens)(i)||g,C=(0,l.useCallback)(((a,{value:o})=>e(a,t,o)),[e,t]),O=d&&""!==d?void 0:{marginTop:"-8px"};return r().createElement(h(),{label:d,labelPosition:s,labelWidth:u,style:O},r().createElement(c(),{"data-test":t,onChange:C,value:i,style:b.editorStyle,disabled:v},y.map((e=>{const t=e.label||e.value,a={};return e.icon?a.startAdornment=r().createElement(f(),{content:t},r().createElement(e.icon,{hideDefaultTooltip:!0})):a.label=t,r().createElement(c().Option,n()({key:e.value,value:e.value,disabled:v},a))}))))};y.propTypes={onChange:s().func.isRequired,name:s().string.isRequired,itemSchema:s().object,values:s().arrayOf(s().shape({label:s().string,value:s().oneOfType([s().string,s().bool]).isRequired})),value:s().oneOfType([s().string,s().bool]),label:s().string.isRequired,labelPosition:s().oneOf(["left","top"]),labelWidth:s().number,isDisabled:s().bool},y.defaultProps={labelPosition:"top",isDisabled:!1};const v=y},5456:(e,t,a)=>{a.r(t),a.d(t,{default:()=>S});var o=a(6195),n=a.n(o),l=a(9497),r=a.n(l),i=a(23),s=a.n(i),u=a(232),c=a.n(u),d=a(4793),f=a(6649),p=a(8965),m=a.n(p),b=a(7035),g=a(4008),h=a.n(g);function y(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 v(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?y(Object(a),!0).forEach((function(t){n()(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):y(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}const C=c().div`
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 10px;
+    [data-test='control-group'] {
+        margin: 0;
+    }
+`,O=r().createElement(C,null,r().createElement("span",{"data-test":"form-row-header-label"},(0,f._)("Label")),r().createElement("span",{"data-test":"form-row-header-value"},(0,f._)("Value"))),_=(e,t)=>e.filter(((e,a)=>a!==t)),E=(e,t,a)=>"string"!=typeof e||""===e.trim()||t.filter((t=>t[a]===e)).length>1,P=(e,t)=>E(e,t,"label"),j=(e,t)=>E(e,t,"value"),x=c().div`
+    width: 100%;
+`,T=({onChange:e,name:t,value:a,labelPosition:o,label:n,validate:i})=>{const[s,u]=(0,l.useState)(a),[c,p]=(0,l.useState)(a.length);(0,l.useEffect)((()=>{u(a),a.length>c&&p(a.length)}),[a,c]);const g=(0,l.useCallback)((o=>{var n;(0,d.isEqual)(o,a)||((n=o).some((({label:e,value:t})=>"string"!=typeof e||""===e.trim()||"string"!=typeof t||""===t.trim()))||(0,d.uniqBy)(n,(e=>e.value)).length!==n.length||(0,d.uniqBy)(n,(e=>e.label)).length!==n.length)?u(o):e(null,t,o)}),[a,t,e]),y=(0,l.useCallback)(((e,{index:t})=>{const a=_(s,t);g(a)}),[s,g]),E=(0,l.useCallback)((({fromIndex:e,toIndex:t})=>{const a=s[e],o=_(s,e);o.splice(t,0,a),g(o)}),[s,g]),T=(0,l.useCallback)(((e,t)=>(a,o,n="")=>{const l=s[e],r=[...s];r.splice(e,1,v(v({},l),{},{[t]:n.trim()})),g(r)}),[s,g]),S=(0,l.useCallback)((()=>{const e=s.concat({label:`Label ${c}`,value:`menu_v${c}`});p(c+1),g(e)}),[s,c,g]),D=s.map(((e,t)=>{const{label:a,value:o}=e;return r().createElement(m().Row,{index:t,key:`${a}_${o}_${t}`,onRequestRemove:y},r().createElement(C,null,r().createElement(b.Z,{label:(0,f._)("Label"),hideLabel:!0,value:a,onChange:T(t,"label"),name:"item-label-editor",error:P(a,s),validate:i}),r().createElement(b.Z,{label:(0,f._)("Value"),hideLabel:!0,value:o,onChange:T(t,"value"),name:"item-value-editor",error:j(o,s),validate:i})))}));return r().createElement(h(),{label:n,labelPosition:o},r().createElement(x,null,r().createElement(m(),{addLabel:(0,f._)("Add new"),header:O,onRequestAdd:S,onRequestMove:E},D)))};T.propTypes={onChange:s().func.isRequired,name:s().string.isRequired,label:s().string,value:s().arrayOf(s().exact({label:s().string,value:s().string})),labelPosition:s().oneOf(["top","left"]),validate:s().func},T.defaultProps={value:[],labelPosition:"top",label:""};const S=T},7035:(e,t,a)=>{a.d(t,{Z:()=>E});var o=a(2649),n=a.n(o),l=a(6195),r=a.n(l);const i=require("@babel/runtime/helpers/objectWithoutProperties");var s=a.n(i),u=a(9497),c=a.n(u),d=a(23),f=a.n(d);const p=require("lodash/debounce");var m=a.n(p),b=a(4082),g=a.n(b),h=a(4008),y=a.n(h),v=a(5862);const C=["onChange","name","value","label","labelPosition","labelWidth","labelStyle","hideLabel","isAdvanced","isDisabled","help","tooltip","validate","error"];function O(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}const _=e=>{let{onChange:t,name:a,value:o,label:l,labelPosition:i,labelWidth:d,labelStyle:f,hideLabel:p,isAdvanced:b,isDisabled:h,help:_,tooltip:E,validate:P,error:j}=e,x=s()(e,C);const[T,S]=(0,u.useState)(o),D=(0,u.useCallback)((e=>"function"==typeof P?P({value:e}):null),[P]),[w,M]=(0,u.useState)(D(o)),k=(0,u.useMemo)((()=>m()((e=>{M(D(e))}),250)),[D]);(0,u.useEffect)((()=>()=>{k.cancel()}),[k]),(0,u.useEffect)((()=>{S(o),M(D(o))}),[D,o]);const F=(0,u.useCallback)(((e,{value:t})=>{S(t),k(t)}),[k]),R=(0,u.useCallback)((e=>{const n=T.trim();if(n===o)return;const l=D(n);M(l),l||t(e,a,n)}),[T,o,D,t,a]),B=(0,u.useCallback)((e=>{"Enter"===e.key&&R(e)}),[R]),A=(0,u.useMemo)((()=>l&&""!==l?f:function(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?O(Object(a),!0).forEach((function(t){r()(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):O(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}({},f)),[l,f]);return c().createElement(y(),{label:l,labelPosition:i,labelWidth:d,style:A,hideLabel:p,help:_,tooltip:E,error:(null==w?void 0:w.message)||j,isAdvanced:b},c().createElement(g(),n()({key:o,"data-test":a,style:v.editorStyle,onChange:F,onKeyDown:B,onBlur:R,value:T,disabled:h,canClear:!0},x,{error:!!w||j})))};_.propTypes={onChange:f().func.isRequired,name:f().string.isRequired,label:f().string.isRequired,value:f().string,labelPosition:f().oneOf(["top","left"]),labelWidth:f().number,labelStyle:f().object,hideLabel:f().bool,isAdvanced:f().bool,isDisabled:f().bool,validate:f().func,error:f().bool,help:f().string,tooltip:f().string},_.defaultProps={value:"",labelPosition:"top",labelStyle:{},hideLabel:!1,isDisabled:!1};const E=_},2065:(e,t,a)=>{a.r(t),a.d(t,{default:()=>u});var o=a(2649),n=a.n(o),l=a(9497),r=a.n(l),i=a(2749),s=a.n(i);const u=e=>r().createElement(s(),n()({},e,{appearance:"toggle"}))},1668:(e,t,a)=>{a.r(t),a.d(t,{default:()=>n});var o=a(232);const n=a.n(o)().div`
+    padding: 10px 15px 0px 15px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    cursor: pointer;
+`},3941:(e,t,a)=>{a.r(t),a.d(t,{default:()=>i});var o=a(232),n=a.n(o),l=a(4566),r=a.n(l);const i=n().div.attrs((()=>({"data-test":"separator"})))`
+    border-bottom: 1px solid ${r().borderColorWeak};
+`},4267:(e,t,a)=>{a.r(t),a.d(t,{getFilteredRowsByShowEditor:()=>T,getFormatterConfig:()=>P,getOptions:()=>y,getStaticItemSchema:()=>E,handleOptionsChange:()=>v,isDynamicOptionSchema:()=>O,isMultipleRulesSchema:()=>C,isNestedOption:()=>_,isSupportedDataSelector:()=>j,isSupportedFormatter:()=>x,setOption:()=>D});var o=a(6195),n=a.n(o),l=a(4868),r=a.n(l);const i=require("lodash/forIn");var s=a.n(i),u=a(3951),c=a.n(u),d=a(5071),f=a.n(d);const p=require("lodash/set");var m=a.n(p);const b=require("@splunk/visualizations-shared/schemaUtils");function g(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 h(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?g(Object(a),!0).forEach((function(t){n()(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):g(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}const y=(e,t)=>{if(Array.isArray(t))return t;if(e&&Array.isArray(e.enum))return e.enum.map((e=>({value:e})));throw Error(`No valid values provided to editor: ${JSON.stringify(e)}`)};function v(e,t,a={debounce:!1}){const{visualization:o}=this.props;null==t?this.props.onVisualizationChange(h(h({},o),{},{options:r()(o.options,[e])}),a):this.props.onVisualizationChange(h(h({},o),{},{options:h(h({},o.options),{},{[e]:t})}),a)}const C=e=>!!e.anyOf&&e.anyOf.length>0,O=e=>"string"===e.type&&e.pattern===b.DYNAMIC_OPTIONS_DSL_PATTERN,_=e=>/^\w+\[\d+\]\.(.+)$/.test(e),E=e=>{if(!C(e))return e;const t=e.anyOf.find((e=>!O(e)));return h(h({},r()(e,"anyOf")),t)},P=({contextConfig:e,formatters:t,formatterFromDSL:a,selectedDataSelector:o})=>{var n;if(e)return e;const l=null==t?void 0:t.find((e=>e.value===a));return(null==l||null===(n=l.defaults)||void 0===n?void 0:n[o])||[]},j=({selectedDataSelector:e,dataSelectors:t})=>!!(e&&t&&t.length)&&t.some((t=>t.value===e)),x=({selectedFormatterType:e,formattersFromEditor:t,supportedFormatters:a})=>!!(e&&a[e]&&t&&t.length)&&t.some((t=>t.value===e)),T=({row:e,options:t,encoding:a,featureFlags:o})=>{if(!e||!Array.isArray(e))return[];return e.filter((e=>void 0===e.showEditor||"function"==typeof e.showEditor&&e.showEditor({options:t,encoding:a,featureFlags:o})))},S=e=>{const t=c()(e);return s()(t,((e,a)=>{(null!=e&&Array.isArray(e)||f()(e))&&(t[a]=S(t[a])),Array.isArray(e)&&(t[a]=e.map((e=>null===e?void 0:e))),null==e&&delete t[a]})),t},D=(e,t,a,o,n)=>{var l,i,s;const u=h({},a);let d=e,p=t;if(null==p&&o[d])return u.options=r()(a.options,d),u;const b=null!==(l=null==n?void 0:n[d])&&void 0!==l?l:null===(i=o[d])||void 0===i?void 0:i.default;return void 0!==b&&p===b?(u.options=r()(a.options,d),u):(u.options=c()(a.options),null!==(s=u.options)&&void 0!==s||(u.options={}),null==t&&f()(e)&&f()(e.options)&&([d]=Object.keys(e.options),[p]=Object.values(e.options)),o[d]&&"array"!==o[d].type?(u.options[d]=p,u):(null===p&&(p=void 0),m()(u.options,d,p),u.options=S(u.options),u))}},2166:(e,t,a)=>{a.r(t),a.d(t,{hasTokens:()=>n});const o=new RegExp(/\$/.source+/(\w+:)?/.source+/([^$|:]+?)(\|[|\w]+)?/.source+/\$/.source),n=e=>"string"==typeof e&&o.test(e)},2117:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(a(9497)),s=l(a(23)),u=r(a(7446)),c=a(6801),d=r(a(4008)),f={width:"330px"},p={display:"none"},m=({onChange:e,name:t,labelPosition:a,labelWidth:o,label:n,isDisabled:l,help:r,value:s})=>{let c=[];Array.isArray(s)&&(c=s.map((e=>null!==e&&"object"==typeof e?e.toString():`${e}`)));const[m,b]=i.useState(c),g=i.useCallback(((a,{values:o})=>{b(o),e(a,t,o)}),[e,t]);return i.createElement(d.default,{label:n,labelPosition:a,labelWidth:o,help:r},i.createElement(u.default,{allowNewValues:!0,values:m,onChange:g,disabled:l,inline:!0,style:f,menuStyle:p,placeholder:""}))},b=Object.assign(Object.assign({},c.BaseEditorPropTypes),{help:s.string,value:s.array,labelPosition:s.oneOf(["top","left"]),isDisabled:s.bool});m.defaultProps={labelPosition:"top",isDisabled:!1},m.propTypes=b,t.default=m},2749:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(a(9497)),s=r(a(232)),u=r(a(5777)),c=r(a(8631)),d=r(a(6379)),f=a(3563),p=r(a(451)),m=a(2166),b=r(a(4008)),g=(0,s.default)(d.default)`
+    float: right;
+    [data-test='clickable'] {
+        padding-block: 0;
+    }
+`,h=(0,s.default)(u.default)`
+    padding-block: 0;
+
+    ${({hasChip:e})=>e&&"\n        display: inline-flex;\n        align-items: center;\n        label {\n            display: inline-flex;\n            align-items: center;\n            vertical-align: middle;\n        }\n    "}
+`,y=s.default.div`
+    margin-top: ${f.variables.spacingXSmall};
+    color: ${f.variables.contentColorDefault};
+    font-size: ${f.variables.fontSizeSmall};
+`,v=(0,s.default)(c.default)`
+    margin-left: auto;
+`,C=s.default.span`
+    display: inline-flex;
+    align-items: center;
+    min-height: ${f.variables.inputHeight};
+    line-height: 0;
+`,O=(e,t)=>t?[e.find((e=>e!==t)),t]:e;t.default=({help:e,helpFormat:t="tooltip",onChange:a,name:o,value:n,values:l,itemSchema:r,variantForSelectedState:s,labelPosition:u="right",labelWidth:c,label:d,appearance:f="checkbox",isDisabled:_=!1,helpTextLink:E,chipText:P})=>{const j=(0,m.hasTokens)(n)||_;let x;if(Array.isArray(l)&&2===l.length)x=O(l.map((e=>e.value)),s);else if(Array.isArray(r.enum)&&2===r.enum.length)x=O(r.enum,s);else{if("boolean"!==r.type)throw Error(`No valid values provided to CheckboxEditor: ${JSON.stringify(r)}`);x=[!1,!0]}const T=(0,i.useCallback)((e=>a(e,o,n===x[1]?x[0]:x[1])),[a,x,o,n]);return"right"===u?i.default.createElement(i.default.Fragment,null,i.default.createElement(h,{"data-test":o,disabled:j,value:o,onClick:T,selected:n===x[1],appearance:f,hasChip:!!P},i.default.createElement(C,null,d),P&&i.default.createElement(v,{"data-test":"beta-chip"},P),e&&"tooltip"===t&&i.default.createElement(g,{content:e})),e&&"under"===t&&i.default.createElement(y,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(b.default,{label:d,labelPosition:u,labelWidth:c,tooltip:e},i.default.createElement(h,{"data-test":o,disabled:j,value:o,onClick:T,selected:n===x[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 n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.EDITOR_NAME=void 0;const i=l(a(9497)),s=r(a(23)),u=r(a(7446)),c=a(9033),d=a(6801),f=a(1385),p=a(1256),m=r(a(4008));t.EDITOR_NAME="columnMultiSelectionByFieldName-editor";const b=({name:e,value:a,label:o,labelPosition:n,labelWidth:l,isAdvanced:r,isDisabled:s,tooltip:d,dataSourceBindings:b,filterByTypes:g=[],onChange:h})=>{const y=(0,f.useDataSource)({dataSourceBindings:b,dataSourceKey:"primary"}),{hasError:v,isMissing:C,isLoading:O}=(0,i.useMemo)((()=>(0,c.getDataSourceStateInfo)(y)),[y]),_=(0,i.useMemo)((()=>C||v||s),[v,s,C]),{columns:E,fields:P}=(0,i.useMemo)((()=>(null==y?void 0:y.data)||{columns:[],fields:[]}),[y]),j=(0,i.useMemo)((()=>(0,p.getAvailableFieldsWithTypes)(E,P)),[E,P]),x=(0,i.useMemo)((()=>(0,p.sanitizeFieldNames)(a,j.map((e=>e.name)))),[a,j]),T=(0,i.useCallback)(((t,{values:a})=>{h(t,e,a)}),[h,e]);return i.default.createElement(m.default,{"data-test":`${t.EDITOR_NAME}-${e}`,label:o,labelPosition:n,labelWidth:l,tooltip:d,isAdvanced:r},i.default.createElement(u.default,{"data-test":`${t.EDITOR_NAME}-select-${e}`,onChange:T,values:x,disabled:_,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:g.length>0&&!g.find((t=>t===e.type))})))))};b.propTypes=Object.assign(Object.assign({},d.BaseEditorPropTypes),{tooltip:s.default.bool,labelPosition:s.default.oneOf(["top","left"]),isAdvanced:s.default.bool,isDisabled:s.default.bool}),b.defaultProps={labelPosition:"top",isAdvanced:!1,isDisabled:!1,filterByTypes:[]},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 n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnMultiSelectionEditor=t.isInternal=void 0;const i=l(a(9497)),s=l(a(23)),u=r(a(7446)),c=a(4793),d=a(1413),f=a(9033),p=a(6801),m=a(1385),b=a(1256),g=r(a(4008)),h=a(8999),y=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:n="top",dataSourceKey:l="primary",dataSourceBindings:r,prepareValue:s=(e=>e),onChange:p,isAdvanced:y,isDisabled:v,shouldShowInternalFields:C=!0,filterByTypes:O,excludeByNames:_})=>{const E=(0,m.useDataSource)({dataSourceBindings:r,dataSourceKey:l}),{columns:P,fields:j}=(null==E?void 0:E.data)||{columns:[],fields:[]},x=(0,i.useMemo)((()=>C?E:Object.assign(Object.assign({},E),{data:{fields:j.filter((e=>!(0,t.isInternal)(e))),columns:P.filter(((e,a)=>!(0,t.isInternal)(j[a])))}})),[P,E,j,C]),{columns:T,fields:S}=(0,c.get)(x,"data")||{columns:[],fields:[]},D=(0,i.useMemo)((()=>(0,b.getAvailableFieldsWithTypes)(T,S)),[T,S]),[w,M]=(0,i.useState)(""),k=(0,i.useMemo)((()=>null==a?a:(0,d.getFieldsFromDSL)(a,{[l]:x})),[x,l,a]),[F,R]=(0,i.useState)(k||[]);i.default.useEffect((()=>{(null==k?void 0:k.length)&&R(k)}),[k]);const B=D.filter((e=>-1!==e.name.indexOf(w))),A=(0,h.useColumnSelectorFooterMessage)({availableFields:D,filteredFields:B,filter:w,selectedFields:F}),I=(0,i.useCallback)(((t,{values:a})=>{R(a);const o=`'${a.join("','")}'`,n=s({options:{[e]:`> ${l} | frameBySeriesNames(${o})`}});p(t,n)}),[l,e,p,s]),L=(0,i.useCallback)(((e,{keyword:t})=>{M(t)}),[]),{hasError:$,isMissing:V,isLoading:N}=(0,f.getDataSourceStateInfo)(E),q=V||$||v,W=(0,b.getPlaceholderMessage)({isMissing:V,isLoading:N,hasError:$,defaultMessage:"Select field(s) from data source"});return i.default.createElement(g.default,{label:o,labelPosition:n,isAdvanced:y},i.default.createElement(u.default,{"data-test":"ColumnMultiSelectionEditor",disabled:q,values:F,onChange:I,onFilterChange:L,footerMessage:A,placeholder:W,isLoadingOptions:N,error:$,compact:!0},B.map((e=>i.default.createElement(u.default.Option,{key:e.name,label:`${e.name} (${e.type})`,value:e.name,disabled:(null==O?void 0:O.length)&&!O.find((t=>t===e.type))||(null==_?void 0:_.includes(e.name))})))))},t.ColumnMultiSelectionEditor.propTypes=y,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 n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnSelectionEditor=void 0;const i=l(a(9497)),s=l(a(23)),u=r(a(2373)),c=a(1413),d=a(9033),f=a(6801),p=a(1385),m=a(1256),b=r(a(4008)),g=a(5862),h=a(8999),y=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:n="primary",dataSourceBindings:l,prepareValue:r=(e=>e),onChange:s,isAdvanced:f,isDisabled:y,filterByTypes:v,tooltip:C})=>{const O=(0,p.useDataSource)({dataSourceBindings:l,dataSourceKey:n}),{columns:_,fields:E}=(null==O?void 0:O.data)||{columns:[],fields:[]},P=(0,m.getAvailableFieldsWithTypes)(_,E),j=null==t?t:(0,c.getFieldsFromDSL)(t,{[n]:O})[0]||"",[x,T]=(0,i.useState)(j);i.default.useEffect((()=>{T(j)}),[j]);const[S,D]=(0,i.useState)(""),w=P.filter((e=>-1!==e.name.indexOf(S))),M=(0,h.useColumnSelectorFooterMessage)({availableFields:P,selectedFields:[x],filteredFields:w,filter:S}),k=(0,i.useCallback)(((t,{value:a})=>{T(a);const o=r({options:{[e]:`> ${n} | seriesByName('${a}')`}});s(t,o)}),[n,e,s,r]),F=(0,i.useCallback)(((e,{keyword:t})=>{D(t)}),[]),{hasError:R,isMissing:B,isLoading:A}=(0,d.getDataSourceStateInfo)(O),I=B||R||y,L=(0,m.getPlaceholderMessage)({isMissing:B,isLoading:A,hasError:R});return i.default.createElement(b.default,{label:a,labelPosition:o,tooltip:C,isAdvanced:f},i.default.createElement(u.default,{"data-test":"ColumnSelectionEditor",value:x,onFilterChange:F,onChange:k,footerMessage:M,disabled:I,placeholder:L,isLoadingOptions:A,error:R,style:g.editorStyle,filter:!0},w.map((e=>i.default.createElement(u.default.Option,{key:e.name,label:`${e.name} (${e.type})`,value:e.name,disabled:!!(null==v?void 0:v.length)&&!v.find((t=>t===e.type))})))))},t.ColumnSelectionEditor.propTypes=y,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 n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(a(9497)),s=l(a(23)),u=a(6649),c=r(a(9250)),d=r(a(7020)),f=r(a(1551)),p=r(a(1151)),{useRef:m,useState:b,useCallback:g}=i,h={label:s.string,labelPosition:s.oneOf(["top","left"]),labelWidth:s.number,onResetToDefault:s.func},y=({label:e,labelPosition:t="left",labelWidth:a,onResetToDefault:o})=>{const[n,l]=b(!1),r=m(null),s=g((()=>l(!0)),[]),h=g((()=>l(!1)),[]);return i.createElement(c.default,{label:(0,u._)(e),labelPosition:t,labelWidth:a},i.createElement(d.default,{"data-test":"customized-in-source-button",onClick:s,appearance:"default",ref:r,label:(0,u._)("Customized in source")}),i.createElement(f.default,{"data-test":"customized-in-source-popover",open:n,anchor:r.current,onRequestClose:h,defaultPlacement:"horizontal"},i.createElement(p.default,{onResetToDefault:o})))};y.propTypes=h,t.default=y},152:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditor=t.prepareUpdate=void 0;const i=l(a(9497)),s=l(a(23)),u=a(7124),c=r(a(9250)),d=r(a(7020)),f=r(a(1551)),p=r(a(232)),m=r(a(4566)),b=a(6649),g=a(5089),h=a(4793),y=a(1413),v=a(2369),C=r(a(2468)),O=a(5862),_=a(6801),E=a(4267),{useRef:P,useState:j,useEffect:x}=i,T=p.default.div`
+    font-weight: 600;
+    font-size: 14px;
+    line-height: 20px;
+    margin-bottom: 8px;
+`,S=p.default.div.attrs((()=>({"data-test":"DynamicColorFlyoutContent"})))`
+    box-sizing: border-box;
+    padding: ${(0,u.toPx)(O.FLYOUT_PADDING)};
+    width: ${(0,u.toPx)(O.FLYOUT_WIDTH)};
+`,D=(0,p.default)(d.default)`
+    padding: '4px';
+    margin-bottom: ${m.default.spacingMedium};
+`,w=Object.assign(Object.assign({},_.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:v.sharedPalettesConfigPropType});t.prepareUpdate=({name:e,selectedDataSelector:t,selectedFormatterType:a,currentFormatterConfig:o})=>{const n=`${e}EditorConfig`,l=n.replace(/^\w+\[\d+\]\.(.+)$/,"$1");return{options:{[e]:(0,y.buildDSLFromDataSelectorAndFormatter)(t,a,n)},context:{[l]:o}}};t.DynamicColorEditor=({name:e,value:a,label:o="",labelPosition:n="left",labelWidth:l,context:r,onChange:s=(()=>{}),flyoutTitle:u=(0,b._)("Dynamic coloring"),formatters:d=[],dataSelectors:p=[],defaultPalettesConfig:m=g.defaultPalettesConfig,isDisabled:O=!1})=>{const[_,w]=j(!1),M=P(null),{type:k,paramKey:F}=(0,y.getLastFormatterFromDSL)(a)||{type:"unknown",paramKey:"unknown"},R=(0,y.getDataSelectorsFromDSL)(a)[0],[B,A]=j(k);x((()=>{A(k)}),[k]);const[I,L]=j(R);x((()=>{L(R)}),[R]);const $=(0,E.getFormatterConfig)({contextConfig:r[F],formatters:d,formatterFromDSL:k,selectedDataSelector:I}),[V,N]=j($);x((()=>{N($)}),[r,d,F,k,R]);const q=a=>{const o=(0,h.find)(d,(e=>e.isDefault))||(0,h.find)(d,(e=>"rangeValue"===e.value))||d[0];if((0,h.isEmpty)(o))return;const n=o.value,l=Object.keys(o.defaults)[0],r=o.defaults[l];L(l),A(n),N(r),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:l,selectedFormatterType:n,currentFormatterConfig:r}))},W=i.useCallback((()=>{w((e=>!e))}),[]);if(!(0,E.isSupportedDataSelector)({selectedDataSelector:I,dataSelectors:p})||!(0,E.isSupportedFormatter)({selectedFormatterType:B,formattersFromEditor:d,supportedFormatters:v.supportedFormatters}))return i.createElement(C.default,{label:o,labelPosition:n,labelWidth:l,onResetToDefault:q});const U=v.supportedFormatters[B].preview;return i.createElement(i.Fragment,null,i.createElement(c.default,{"data-test":"DynamicColorEditorGroup",label:(0,b._)(o),labelPosition:n,labelWidth:l},i.createElement(D,{inline:!1,"data-test":"DynamicColorEditorButton",appearance:"default",ref:M,onClick:W,disabled:O},i.createElement(U,{"data-test":"FormatterConfigPreview",config:V}))),i.createElement(f.default,{"data-test":"DynamicColorEditorFlyout",open:_,anchor:M.current,defaultPlacement:"horizontal",style:{padding:"10px"},onRequestClose:()=>w(!1),takeFocus:!0},i.createElement(S,null,i.createElement(T,null,u),i.createElement(v.FormatterEditor,{selectedDataSelector:I,selectedFormatterType:B,currentFormatterConfig:V,onDataSelectorChange:(a,o,n)=>{L(n);const l=(0,h.find)(d,(e=>e.defaults[n]));A(l.value);const r=l.defaults[n];N(r),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:n,selectedFormatterType:l.value,currentFormatterConfig:r}))},onFormatterTypeChange:(a,o,n)=>{A(n);const l=(0,h.find)(d,["value",n]).defaults[I];N(l),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:I,selectedFormatterType:n,currentFormatterConfig:l}))},onFormatterConfigChange:(a,o,n)=>{N(n),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:I,selectedFormatterType:B,currentFormatterConfig:n}))},formatters:d,dataSelectors:p,defaultPalettesConfig:m}))))},t.DynamicColorEditor.propTypes=w},8281:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditorWithPrecedence=void 0;const i=l(a(9497)),s=l(a(23)),u=a(6649),c=a(5089),d=a(2369),f=a(152),p=r(a(2065)),m=a(6801),b=a(5862),g=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:d.sharedPalettesConfigPropType.isRequired,tooltip:s.string});t.DynamicColorEditorWithPrecedence=({name:e,value:t,label:a="",labelPosition:o,labelWidth:n,context:l,flyoutTitle:r=(0,u._)("Dynamic coloring"),formatters:s=[],dataSelectors:d=[],defaultPalettesConfig:m=c.defaultPalettesConfig,tooltip:g,onChange:h=(()=>{})})=>{const y=b.VERTICAL_EDITOR_SPACING/2,[v,C]=i.useState(!!t);i.useEffect((()=>{C(!!t)}),[t]);const O=i.useCallback(((t,a)=>{var o,n,l,r;C((e=>!e));const i={},u={};if(v)i[e]="";else if(e.endsWith("dataColors")){const t=null===(o=d[0])||void 0===o?void 0:o.value,a=null===(n=s[0])||void 0===n?void 0:n.value,c=null===(r=null===(l=s[0])||void 0===l?void 0:l.defaults)||void 0===r?void 0:r[t];if(!t||!a||!c)return;i[e]=`> ${d[0].value} | ${a}(dataColorConfig)`,u.dataColorConfig=c}h(t,{options:i,context:u})}),[d,s,v,e,h]),_=i.useCallback(((e,t)=>{h(e,t)}),[h]);return i.createElement("div",{"data-test":"dynamic-color-toggle",style:{marginTop:y,marginBottom:y}},i.createElement(p.default,{name:e,label:(0,u._)("Dynamic coloring"),labelPosition:"right",value:v,onChange:O,itemSchema:{type:"boolean"},help:g}),v&&i.createElement("div",{"data-test":"dynamic-color-editor",style:{marginTop:y,marginBottom:-y}},i.createElement(f.DynamicColorEditor,{name:e,label:a,labelPosition:o,labelWidth:n,value:t,context:l,onChange:_,flyoutTitle:r,formatters:s,dataSelectors:d,defaultPalettesConfig:m})))},t.DynamicColorEditorWithPrecedence.propTypes=g},7585:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(a(9497)),s=l(a(23)),u=a(4793),c=r(a(4082)),d=r(a(9250)),f=r(a(7143)),p=a(6649),m=r(a(5731)),b=r(a(5456)),g=a(4381),h=a(5862),y=({name:e,context:t,value:a,label:o,onChange:n,dataSourceBindings:l,labelPosition:r,labelWidth:s,help:y,validate:v})=>{const[C,O]=i.useState([]),[_,E]=i.useState(""),[P,j]=i.useState("");i.useEffect((()=>{const{staticOptions:e,dynamicOptionsLabel:o,dynamicOptionsValue:n}=(0,g.getDynamicOptionsFromConfig)({items:a,context:t});O(e),E(o),j(n)}),[a,t]),i.useEffect((()=>{void 0!==l.primary||Array.isArray(a)||n(null,{context:{formattedConfig:void 0,formattedStatics:void 0,statics:void 0,label:void 0,value:void 0},options:{[e]:C}})}),[l,e,a,n,C]);const x=i.useCallback(((t,o,l)=>{if(Array.isArray(a)&&(!o||!l))n(null,{options:{[e]:t}});else{const a=(0,u.unzip)(t.map((({label:e,value:t})=>[e,t])));n(null,{context:{formattedConfig:{number:{prefix:""}},formattedStatics:">statics | formatByType(formattedConfig)",statics:a,label:`>primary | seriesByName("${o}") | renameSeries("label") | formatByType(formattedConfig)`,value:`>primary | seriesByName("${l}") | renameSeries("value") | formatByType(formattedConfig)`},options:{[e]:">frame(label, value) | prepend(formattedStatics) | objects()"}})}}),[e,a,n]),T=i.useCallback(((e,t,a)=>{x(a,_,P)}),[x,_,P]),S=i.useCallback(((e,{value:t})=>{""===P?E(t):x(C,t,P)}),[x,C,P]),D=i.useCallback(((e,{value:t})=>{""===_?j(t):x(C,_,t)}),[x,C,_]),w=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,g.getFieldFromFieldNameDsl)(o)}:{value:""}};if(i.useMemo((()=>(0,g.isConfigAdvanced)({items:a,context:t})),[a,t]))return i.createElement(d.default,{label:(0,p._)(o),labelPosition:r,labelWidth:s,help:y},i.createElement(c.default,{key:a.toString(),"data-test":e,disabled:!0,defaultValue:a.toString()}));const M=!!l.primary;return i.createElement(i.Fragment,null,i.createElement(b.default,{name:"",label:(0,p._)("Static menu configuration"),labelPosition:r,value:C,onChange:T,validate:v}),M&&i.createElement(f.default,{key:"dynamic-item-editor-label-value-layout",gutter:h.VERTICAL_EDITOR_SPACING},i.createElement(f.default.Row,{key:"dynamic-item-editor-label-row"},i.createElement(m.default,{name:"label",label:(0,p._)("Dynamic menu label field"),dataSourceKey:"primary",dataSourceBindings:l,value:`>primary | seriesByName("${_}")`,context:t,onChange:S,prepareValue:w("label")})),i.createElement(f.default.Row,{key:"dynamic-item-editor-value-row"},i.createElement(m.default,{name:"value",label:(0,p._)("Dynamic menu value field"),dataSourceKey:"primary",dataSourceBindings:l,value:`>primary | seriesByName("${P}")`,context:t,onChange:D,prepareValue:w("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},y.defaultProps={value:"",labelPosition:"top",help:(0,p._)("Advanced configuration options are being used by this input. Please edit in source mode.")},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 n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(a(9497)),s=l(a(23)),u=r(a(232)),c=r(a(348));a(6265);const d=r(a(1018)),f=a(6649),p=r(a(2138)),m=a(3563),b=a(5135),g=a(962),h=a(137),y=u.default.div`
+    font-family: ${m.variables.sansFontFamily};
+    .react-mde * {
+        font-family: inherit;
+    }
+    .mde-header,
+    .mde-preview,
+    .mde-textarea-wrapper textarea.mde-text {
+        background-color: ${m.variables.backgroundColorPopup};
+    }
+    .mde-header .mde-tabs button,
+    .mde-header ul.mde-header-group li.mde-header-item button,
+    .mde-textarea-wrapper textarea.mde-text {
+        color: ${m.variables.contentColorActive};
+    }
+`,v=u.default.div`
+    display: none;
+`,C={error:1,warning:2,other:3},O=({onChange:e,defaultErrors:t={},name:a,value:o})=>{const[n,l]=i.useState("write"),[r,s]=i.useState(o),[u,m]=i.useState(t),O=i.useCallback((e=>s(e)),[s]),_=i.useCallback((n=>{r!==o&&(e(n,a,r),m(t))}),[r,o,e,a,t]),E=i.useMemo((()=>{let e=null;return Object.values(u).includes("error")?e=i.createElement(g.CSPMessage,{type:"error"}):Object.values(u).includes("warning")&&(e=i.createElement(g.CSPMessage,{type:"warning"})),Object.values(u).includes("other")&&(e=i.createElement(i.Fragment,null,e,i.createElement(p.default,{appearance:"fill",type:"error","data-test":"image-error"},(0,f._)("We can't find an image with this URL. Please enter a new URL")))),e}),[Object.values(u).join("")]),P=i.useMemo((()=>{return i.createElement(v,null,i.createElement(d.default,{text:o,imageRenderer:(e=(e,t)=>{var a,o;(null!==(a=C[u[e]])&&void 0!==a?a:1/0)>(null!==(o=C[t])&&void 0!==o?o:0)&&m(Object.assign(Object.assign({},u),{[e]:t}))},function({src:t,alt:a}){const o=(0,b.useCSPViolationObserver)(t);return i.useEffect((()=>{"none"!==o&&e(t,o)}),[o,t]),i.createElement("img",{src:t,alt:a,onError:()=>{"none"===o&&e(t,"other")}})})}));var e}),[o,u]);return i.createElement(y,{"data-test":a},i.createElement(c.default,{value:r,toolbarCommands:[["header","bold","italic","link","quote","code","image","unordered-list","ordered-list"]],onChange:O,selectedTab:n,onTabChange:l,disablePreview:!0,childProps:{textArea:{onBlur:_}}}),P,E&&i.createElement(h.MessageContainer,null,E))};O.propTypes={onChange:s.func.isRequired,name:s.string.isRequired,value:s.string,defaultErrors:s.string},O.defaultProps={value:""},t.default=O},2965:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ColorFlyoutEditor=void 0;const i=l(a(9497)),s=l(a(23)),u=r(a(232)),c=r(a(4566)),d=a(6649),f=r(a(8965)),p=a(8987),m=r(a(7020)),b=r(a(1551)),g=a(3850),h=a(6801),y=r(a(4008)),v=r(a(437)),C={padding:"10px"},O={width:"314px"},_=(0,u.default)(m.default)`
+    padding: 8px;
+    width: 100%;
+    min-height: 40px;
+    & > span {
+        display: grid;
+        grid-template-columns: repeat(auto-fill, 26px);
+        justify-content: space-evenly;
+        grid-gap: 4px;
+    }
+    background-color: ${c.default.interactiveColorBackground};
+`,E=u.default.div`
+    width: 26px;
+    height: 24px;
+    background-color: ${e=>e.color};
+    border-radius: 2px;
+`,P=u.default.div`
+    box-sizing: border-box;
+    padding: 8px;
+    width: 312px;
+    max-height: 484px;
+    background-color: ${c.default.backgroundColorPopup};
+`,j=u.default.div`
+    font-weight: 500;
+    font-size: 14px;
+    line-height: 20px;
+    padding: 8px 8px 0 8px;
+    font-family: ${c.default.fontFamily};
+    color: ${c.default.contentColorActive};
+`,x=u.default.div`
+    height: 412px;
+    overflow-y: auto;
+    padding: 8px 10px;
+`;t.ColorFlyoutEditor=({colors:e,CustomColorMatchEditor:t,handleColorRemove:a,handleColorChange:o,flyoutTitle:n,addColorButtonLabel:l,handleColorAdd:r,handleColorMove:s})=>{const u=(0,i.useMemo)((()=>e.map(((e,n)=>{const l=null==t;return i.default.createElement(f.default.Row,{index:n,key:(0,p.createDOMID)(),"data-color":e,onRequestRemove:a},i.default.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},i.default.createElement(v.default,{value:e,key:(0,p.createDOMID)(),onChange:o(n),hideLabel:!0,label:" ",name:"color",style:{marginBottom:0,marginTop:0,width:l?"100%":32},showTextInput:l}),"function"==typeof t&&i.default.createElement(t,{index:n})))}))),[e,t,a,o]);return i.default.createElement(P,{"data-test":"MultiColorPickerFlyoutContent"},i.default.createElement(j,{"data-test":"MultiColorPickerFlyoutTitle"},n),i.default.createElement(x,null,i.default.createElement(f.default,{addLabel:l,onRequestAdd:r,onRequestMove:s,"data-test":"ColorListEditor"},u)))};let T=0;const S=({CustomColorMatchEditor:e,onChange:a=(()=>{}),canReorderColors:o,value:n,flyoutTitle:l,addColorButtonLabel:r,name:s="seriesColors",label:u="",labelPosition:c="top",labelWidth:d,isDisabled:f=!1,hideLabel:m,canAddNewColors:h})=>{const[v,P]=(0,i.useState)(!1),[j,x]=(0,i.useState)(n),S=(0,i.useRef)(null);(0,i.useEffect)((()=>{x(n)}),[n]);const D=(0,i.useCallback)((()=>{a(null,s,[...j,g.VIZ_CATEGORICAL[T%g.VIZ_CATEGORICAL.length]]),T+=1}),[s,a,j]),w=(0,i.useCallback)((e=>(t,o,n)=>{const l=[...j];l.splice(e,1,n),a(null,s,l)}),[s,a,j]),M=(0,i.useCallback)(((e,{index:t})=>{const o=[...j];o.splice(t,1),a(null,s,o)}),[s,a,j]),k=(0,i.useCallback)((({fromIndex:e,toIndex:t})=>{const o=[...j],n=o[e];o.splice(e,1),o.splice(t,0,n),a(null,s,o)}),[s,a,j]),F=(0,i.useCallback)((({event:e,reason:t})=>{var a;(null===(a=null==e?void 0:e.srcElement)||void 0===a?void 0:a.sortableHandle)||P(!1),"escapeKey"===t&&S.current.focus()}),[]),R=(0,i.useMemo)((()=>j.map((e=>i.default.createElement(E,{color:e,key:(0,p.createDOMID)()})))),[j]),B=(0,i.useCallback)((()=>{P((e=>!e))}),[]);return i.default.createElement(y.default,{label:u,labelPosition:c,labelWidth:d,hideLabel:m,"data-test":"MultiColorPickerEditor"},i.default.createElement(_,{inline:!1,"data-test":"MultiColorPickerButton",appearance:"default",ref:S,onClick:B,disabled:f,style:O},R),i.default.createElement(b.default,{"data-test":"MultiColorPickerFlyout",open:v,anchor:S.current,defaultPlacement:"horizontal",style:C,onRequestClose:F,takeFocus:!0},i.default.createElement(t.ColorFlyoutEditor,{colors:j,CustomColorMatchEditor:e,handleColorRemove:M,handleColorChange:w,handleColorAdd:h?D:void 0,handleColorMove:o?k:void 0,flyoutTitle:l,addColorButtonLabel:r})))};S.propTypes=Object.assign(Object.assign({},h.BaseEditorPropTypes),{canReorderColors:s.bool,canAddNewColors:s.bool,value:s.arrayOf(s.string),flyoutTitle:s.string,addColorButtonLabel:s.string,CustomColorMatchEditor:s.func,hideLabel:s.bool}),S.defaultProps={value:g.VIZ_CATEGORICAL,canReorderColors:!0,flyoutTitle:(0,d._)("Customize colors"),addColorButtonLabel:(0,d._)("Add color"),hideLabel:!0,canAddNewColors:!0},t.default=S},4215:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(a(9497)),s=r(a(232)),u=r(a(4566)),c=r(a(7020)),d=r(a(1551)),f=r(a(6769)),p=a(3563),m=r(a(1668)),b=r(a(4008)),g=(0,s.default)(m.default)`
+    background-color: ${u.default.backgroundColorPopup};
+`,h=s.default.span`
+    font-weight: 500;
+    font-size: 13px;
+    margin-bottom: 7px;
+    background-color: ${u.default.backgroundColorPopup};
+`,y=s.default.ul`
+    ${p.mixins.reset("block")};
+`,v=s.default.li`
+    list-style: none;
+`,C=s.default.button`
+    background-color: ${e=>e.selected?u.default.interactiveColorOverlaySelected:u.default.backgroundColorPopup};
+    border: none;
+    display: flex;
+    padding: 7px 60px 7px 15px;
+    position: relative;
+    width: 100%;
+    &:hover {
+        cursor: pointer;
+        background-color: ${u.default.interactiveColorOverlayHover};
+    }
+    &:focus {
+        box-shadow: ${u.default.focusShadow};
+        outline: none;
+        z-index: 3;
+    }
+`,O=s.default.div`
+    margin-right: 10px;
+    &:hover {
+        cursor: pointer;
+    }
+`,_=s.default.div`
+    align-items: center;
+    display: flex;
+`,E=s.default.span`
+    font-size: 13px;
+    font-weight: normal;
+`,P=({presetName:e,presetLabel:t,presetValue:a,selectedPreset:o,onPopoverClick:n,open:l})=>{const r=(0,i.useRef)(),s=f.default[e],u=i.default.useCallback((e=>{n(e,t,a)}),[n,t,a]);return(0,i.useEffect)((()=>{var e;l&&t===o&&(null===(e=r.current)||void 0===e||e.focus())}),[l,t,o]),i.default.createElement(v,{key:t},i.default.createElement(C,{"data-test":`flyout-preset-option-${t}`,selected:t===o,onClick:u,ref:r},i.default.createElement(O,null,s&&i.default.createElement(s,{"data-test":`icon-label-${t}`})),i.default.createElement(_,null,i.default.createElement(E,null,t))))};t.default=({animation:e=!0,labelPosition:t="top",onChange:a,label:o,labelWidth:n,presets:l,value:r})=>{const[s,u]=i.default.useState(!1),[f,p]=i.default.useState(r||"Select..."),[m,v]=i.default.useState(),C=i.default.useCallback((e=>v(e)),[]),O=i.default.useCallback((()=>u((e=>!e))),[]),_=i.default.useCallback((({event:e,reason:t})=>{if(e&&"clickAway"===t){let t=e.target;for(;t;){if(t===m||void 0===(null==t?void 0:t.parentNode))return;t=t.parentNode}}u(!1),m.focus()}),[m]),E=i.default.useCallback(((e,t,o)=>{p(t),a(e,o),u(!1),m.focus()}),[m,a]),j=`preset-editor-flyout-${o.replace(" ","-")}`;return i.default.createElement(i.default.Fragment,null,i.default.createElement(b.default,{label:o,labelPosition:t,labelWidth:n},i.default.createElement(c.default,{"data-test":"preset-selector-button",label:f,isMenu:!0,elementRef:C,onClick:O,"aria-label":`${o}, ${f}`,"aria-expanded":s,"aria-controls":j})),i.default.createElement(d.default,{id:j,animation:e,"data-test":"preset-editor-flyout",open:s,anchor:m,appearance:"normal",defaultPlacement:"horizontal",onRequestClose:_,role:"dialog"},i.default.createElement(g,{"data-test":"flyout-header"},i.default.createElement(h,{"data-test":"preset-selector-flyout-label"},o)),i.default.createElement(y,null,l.map((e=>i.default.createElement(P,{key:e.label,presetName:e.name,presetLabel:e.label,presetValue:e.value,selectedPreset:f,onPopoverClick:E,open:s}))))))}},7364:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(a(9497)),s=a(6649),u=r(a(7598)),c=l(a(23)),d=a(8987),f=r(a(2373)),p=a(2687),m=r(a(6447)),b=a(9033),g=r(a(2965)),h=r(a(4008)),y=a(6801),v=a(1385),C={},O={},_={},E=({name:e,value:t=C,dataSourceBindings:a,onChange:o,options:n=O,isCategorical:l=!1,context:r,optionsSchema:y=_})=>{var E;const[P,j]=(0,i.useState)(Object.values(t)),[x,T]=(0,i.useState)(Object.keys(t));(0,i.useEffect)((()=>{j(Object.values(t)),T(Object.keys(t))}),[JSON.stringify(t)]);const S=(0,v.useDataSource)({dataSourceBindings:a,dataSourceKey:"primary"}),{isLoading:D}=(0,i.useMemo)((()=>(0,b.getDataSourceStateInfo)(S)),[S]),{category:w=(null===(E=null==y?void 0:y.category)||void 0===E?void 0:E.default)}=null!=n?n:{},M=(0,i.useMemo)((()=>{var e,t;if(l){if(!w)return[];if(Array.isArray(w))return[...new Set(w.map((e=>null==e?void 0:e.toString())).filter((e=>!(0,u.default)(e))))];if(!D&&m.default.isDslString(w)){const e=p.Options.evaluate({context:r,options:Object.assign(Object.assign({},n),{category:w})},{primary:S});if(Array.isArray(e.category))return[...new Set(e.category.map((e=>null==e?void 0:e.toString())).filter((e=>!(0,u.default)(e))))]}return[]}return null!==(t=null===(e=null==S?void 0:S.data)||void 0===e?void 0:e.fields.map((e=>e.name)))&&void 0!==t?t:[]}),[r,S,l,n,w,D]),{editorLabel:k,flyoutTitle:F,addColorButtonLabel:R}=(0,i.useMemo)((()=>l?{editorLabel:(0,s._)("Series colors by category name"),flyoutTitle:(0,s._)("Color by category name"),addColorButtonLabel:(0,s._)("Add category")}:{editorLabel:(0,s._)("Series colors by field name"),flyoutTitle:(0,s._)("Color by field name"),addColorButtonLabel:(0,s._)("Add field")}),[l]),B=({updatedColors:e,updatedFields:t})=>{const a={};return t.forEach(((t,o)=>{a[t]=e[o]})),a},A=(0,i.useCallback)(((t,a,n)=>{if(n.length>M.length)return;const l=x;if(n.length>P.length){const e=M.find((e=>!x.includes(e)));l.push(e)}if(n.length<P.length){const e=P.findIndex((e=>!n.includes(e)));l.splice(e,1)}o(null,e,B({updatedColors:n,updatedFields:l}))}),[M,o,e,x,P]),I=(0,i.useCallback)((({newFieldIndex:t,currFieldIndex:a})=>{const n=x.includes(M[t]),l=x;if(n){const e=x.indexOf(M[t]),o=x[a];l[a]=x[e],l[e]=o}else l[a]=M[t];o(null,e,B({updatedColors:P,updatedFields:l}))}),[x,M,P,e,o]),L=(0,i.useMemo)((()=>(({fields:e,dsFields:t,handleFieldChange:a})=>{const o=({index:o})=>{const n=(0,i.useMemo)((()=>t.map(((e,t)=>i.default.createElement(f.default.Option,{label:e,value:t,key:(0,d.createDOMID)(),"data-test":`${e}-${o}`})))),[o]),l=(0,i.useCallback)(((e,{value:t})=>{a({newFieldIndex:t,currFieldIndex:o})}),[o]),r=t.indexOf(e[o]);return i.default.createElement(f.default,{value:r,onChange:l,style:{width:190},"data-test":"field-select"},n)};return o.propTypes={index:c.number},o})({fields:x,dsFields:M,handleFieldChange:I})),[M,x,I]);return i.default.createElement(h.default,{label:k,labelPosition:"top","data-test":"SeriesColorsByFieldEditor"},i.default.createElement(g.default,{value:P,onChange:A,name:"series",canReorderColors:!1,flyoutTitle:F,addColorButtonLabel:R,CustomColorMatchEditor:L,isDisabled:M.length<1,canAddNewColors:x.length<M.length}))};E.propTypes=Object.assign(Object.assign({},y.BaseEditorPropTypes),{isCategorical:c.bool}),t.default=E},5695:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.PALETTES=void 0;const i=l(a(9497)),s=l(a(23)),u=r(a(232)),c=a(4793),d=r(a(7020)),f=r(a(7143)),p=r(a(6214)),m=r(a(4233)),b=a(6649),g=a(3850),h=r(a(2965)),y=a(1705),v=r(a(4008)),C=r(a(1494)),O=a(5862),_=a(6801);t.PALETTES={default:{id:"default",name:(0,b._)("Default"),palette:g.VIZ_CATEGORICAL},custom:{id:"custom",name:(0,b._)("Custom"),palette:[]}};const E=u.default.div`
+    width: 120px;
+    margin-right: 20px;
+    display: flex;
+`,P=(0,u.default)(C.default)`
+    display: flex;
+    align-items: center;
+`,j=u.default.div`
+    flex: 1 0 1px;
+    height: 100%;
+`,x=({label:e,value:a,name:o,onChange:n})=>{const l=(0,i.useMemo)((()=>!!(null==a?void 0:a.length)&&!(0,c.isEqual)(a,g.VIZ_CATEGORICAL)),[a]),r=(0,i.useMemo)((()=>l?Object.assign(Object.assign({},t.PALETTES),{custom:Object.assign(Object.assign({},t.PALETTES.custom),{palette:a})}):t.PALETTES),[l,a]),[s,u]=(0,i.useState)(l?"custom":"default"),[C,_]=(0,i.useState)(r),x=(0,i.useCallback)((e=>{u(e),n(null,o,C[e].palette)}),[o,n,C]),T=(0,i.useCallback)(((e,a,l)=>{l.length?(_((e=>Object.assign(Object.assign({},e),{custom:Object.assign(Object.assign({},t.PALETTES.custom),{palette:l})}))),u("custom"),n(null,o,l)):(_((e=>Object.assign(Object.assign({},e),{custom:t.PALETTES.custom}))),u("default"),n(null,o,t.PALETTES.default.palette))}),[o,n]),S=i.default.createElement(d.default,{appearance:"default","data-test":"palette-dropdown-button",label:C[s].name,isMenu:!0}),D=e=>{const{id:t,palette:a,name:o}=e;return i.default.createElement(m.default.Item,{key:`SeriesColorsDropdownMenuItem-${t}`,"data-test":`palette-dropdown-menu-${t}`,selectable:!0,selected:s===t,onClick:()=>x(t)},i.default.createElement(P,null,i.default.createElement(E,null,o),i.default.createElement(j,null,i.default.createElement(y.ColorPreview,{colors:a.slice(0,8),maxColorCount:8,expandToFillHorizontalSpace:!1}))))},w=C.custom.palette.length>0;return i.default.createElement(f.default,{gutter:O.VERTICAL_EDITOR_SPACING},i.default.createElement(f.default.Row,null,i.default.createElement(v.default,{label:e||(0,b._)("Series colors"),labelPosition:"top","data-test":"series-colors-editor"},i.default.createElement(p.default,{toggle:S},i.default.createElement(m.default,{style:{width:O.DROPDOWN_MENU_WIDTH}},w&&D(C.custom),w&&i.default.createElement(m.default.Divider,null),D(t.PALETTES.default))))),i.default.createElement(f.default.Row,null,i.default.createElement(h.default,{name:"series-colors",value:C[s].palette,flyoutTitle:(0,b._)("Customize colors"),addColorButtonLabel:(0,b._)("Add color"),onChange:T})))};x.propTypes=Object.assign(Object.assign({},_.BaseEditorPropTypes),{value:s.arrayOf(s.string)}),t.default=x},148:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.SliderEditor=void 0;const i=l(a(9497)),s=l(a(23)),u=r(a(232)),c=r(a(5309)),d=r(a(2782)),f=r(a(4008)),p=a(6801),m=a(5592),b={flexBasis:92,flexGrow:0,flexShrink:0},g=(0,u.default)(c.default)`
+    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:n,max:l,maxLabel:r=null,min:s,minLabel:u=null,name:c,onChange:p,step:h,stepMarks:y="focus",value:v=null,defaultValue:C})=>{const O=i.useCallback(((e,{value:t})=>{(parseFloat(t)||0===t)&&p(e,c,t)}),[p,c]),_=i.useCallback(((e,t)=>{(parseFloat(t)||0===t)&&p(e,c,t)}),[p,c]),{currentValue:E,handleChange:P,handleBlur:j,handleFocus:x,handleKeyPress:T}=(0,m.useNumberInput)({value:v,min:s,max:l,defaultValue:C,onValueChange:_}),S=null!=E?Number(E):void 0,D="none"===y?"never":y;return i.createElement(f.default,{label:a,labelPosition:o,labelWidth:n,help:e},i.createElement(g,{"data-test":c,min:s,minLabel:u,max:l,maxLabel:r,step:h,stepMarks:D,value:S,disabled:t,onChange:O}),i.createElement(d.default,{inline:!0,min:s,max:l,step:h,onChange:P,onBlur:j,onFocus:x,onKeyDown:T,value:S,disabled:t,style:b}))},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 n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(a(9497)),s=l(a(23)),u=a(4793),c=r(a(9250)),d=a(9033),f=a(6801),p=a(1256),m=r(a(7649)),b=r(a(1432)),g=a(5396),h=a(2088),y=a(1385),v=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},O=({dataSourceKey:e="primary",dataSourceBindings:t,label:a,labelPosition:o="top",labelWidth:n,columnColoringConfig:l,defaultOptionsByType:r,flyoutConfig:s=[[]],onChange:f,value:h,textFormatConfig:v=[]})=>{const{context:O={},columnFormat:_={},tableFormat:E={}}=h,P=(0,y.useDataSource)({dataSourceBindings:t,dataSourceKey:e}),{columns:j,fields:x}=(0,u.get)(P,"data")||{columns:[],fields:[]},T=(0,p.getAvailableFieldsWithTypes)(j,x),S=i.useMemo((()=>(0,g.getEditorSupportedFormatOptions)(s)),[s]),[D,w]=i.useState((0,g.getInitialColumnFormattingState)({availableFieldsWithTypes:T,coloringTypes:l.coloringTypes,columnFormatOption:_,editorSupportedFormatOptions:S,vizContext:O}));i.useEffect((()=>{w((0,g.getInitialColumnFormattingState)({availableFieldsWithTypes:T,coloringTypes:l.coloringTypes,columnFormatOption:_,editorSupportedFormatOptions:S,vizContext:O}))}),[JSON.stringify(T)]);const M=i.useCallback((({columnName:e,columnDataType:t})=>{const a=(0,g.getFormattingOptDSLKey)(_[e]),o=O[a]||{[t]:{}},n=Object.keys(o[t]).reduce(((e,t)=>(e[t]=null,e)),{}),l=(0,g.getExistingTextFormatting)(e,_),i=new Map(D),s={columnColoring:(0,u.get)(D.get(e),"columnColoring",{_meta:{dynamicallyColoredOption:"Off"}}),formatByType:{[t]:Object.assign(Object.assign(Object.assign({},n),r[t]),{_meta:{exceedsEditorCapabilities:!1}})},formatText:l};i.set(e,s),w(i),f(null,(0,g.getColumnFormatDefFromState)((0,u.cloneDeep)({columnFormatOption:_,updatedEditorColumnFormatting:C(i)})))}),[_,r,D,f,O]),k=i.useCallback(((e,t,a=!1)=>{const o=new Map(D);o.set(e,t),w(o),a||f(null,(0,g.getColumnFormatDefFromState)((0,u.cloneDeep)({columnFormatOption:_,updatedEditorColumnFormatting:C(o)})))}),[_,D,f]),F=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:n})=>{(0,u.set)(o,["columnColoring",e],{colorContextKey:t,colorOptionDSL:a,colorContextConfig:n})})),(0,u.set)(o,["columnColoring","_meta"],{dynamicallyColoredOption:a}),k(e,o)}}),[D,k]),R=i.useCallback((({columnName:e,optionName:t,value:a})=>{const[o]=Object.keys(D.get(e).formatByType),n=(0,u.defaultsDeep)({},{formatByType:{[o]:{[t]:a,_meta:{exceedsEditorCapabilities:!1}}}},D.get(e));k(e,n)}),[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,n=(0,g.getFormattingOptDSLKey)(_[a]);let l;const i=S[o];if(n){const e=O[n];return l={columnColoring:{_meta:{dynamicallyColoredOption:"Off"}},formatByType:{[o]:Object.assign(Object.assign({},(0,u.get)(O,[n,o],{})),{_meta:{exceedsEditorCapabilities:(0,g.checkExceedsEditorCapabilities)(e[o],i)}})},formatText:{}},void k(a,l,!0)}const s=(0,g.getGlobalTableFormatting)(E,o,O);l={columnColoring:{_meta:{dynamicallyColoredOption:"Off"}},formatByType:{[o]:Object.assign(Object.assign(Object.assign({},r[o]),s),{_meta:{exceedsEditorCapabilities:(0,g.checkExceedsEditorCapabilities)(s,i)}})},formatText:Object.assign({},r[g.TextDataType])},k(a,l)}),[_,r,S,k,E,O]),I=i.useCallback((({columnName:e,columnDataType:t})=>{const a=new Map(D);a.delete(e),w(a);const o=D.get(e);if((0,u.get)(o,["formatByType",t,"_meta","exceedsEditorCapabilities"])){const t=(0,g.getFormattingOptDSLKey)(_[e]),a=O[t]||{},{colorContextKey:o}=(0,u.get)(D.get(e),["columnColoring","rowColors"],{}),{colorContextKey:n}=(0,u.get)(D.get(e),["columnColoring","rowBackgroundColors"],{});f(null,(0,g.getColumnFormatDefFromState)((0,u.cloneDeep)({columnFormatOption:_,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}}),n&&{rowBackgroundColors:{colorContextKey:n,colorOptionsDSL:null,colorContextConfig:null}}),formatText:{}}})})))}else f(null,(0,g.getColumnFormatDefFromState)((0,u.cloneDeep)({columnFormatOption:_,updatedEditorColumnFormatting:Object.assign(Object.assign({},C(D)),{[e]:null})})))}),[_,D,f,O]),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:l,columnFormattingByType:e.formatByType,columnTextFormatting:e.formatText,defaultOptionsByType:r,flyoutConfigForDataType:s[a]||[],textFormatConfig:v,isSourceCustomized:o,removeColumnFormatting:I,resetColumnToDefault:M,updateColumnColoring:F,updateColumnFormatting:R,updateColumnTextFormatting:B}))}));const{hasError:$,isMissing:V,isLoading:N}=(0,d.getDataSourceStateInfo)(P),q=a&&""!==a?void 0:{marginTop:"-8px"};return i.createElement(i.Fragment,null,i.createElement("div",null,L),i.createElement(c.default,{label:a,labelPosition:o,labelWidth:n,style:q},i.createElement(b.default,{availableFieldsWithTypes:T,columnFormatting:D,disableToggle:V||$,editorSupportedFormatOptions:S,handleAddColumnFormatting:A,placeholderMessage:(0,p.getPlaceholderMessage)({isMissing:V,isLoading:N,hasError:$,defaultMessage:"+ Add column to format"})})))};O.propTypes=v,t.default=O},8687:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=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 n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(a[o[n]]=e[o[n]])}return a},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const s=l(a(9497)),u=i(a(23)),c=l(a(232)),d=i(a(5905)),f=a(3563),p=i(a(4008)),m=a(5862),b=a(6801),g=(0,c.default)(d.default)`
+    textarea[disabled] {
+        ${(0,f.pick)({enterprise:{dark:c.css`
+                    color: ${f.variables.textDisabledColor};
+                    background-color: ${f.variables.borderColor};
+                    border-color: ${f.variables.backgroundColorHover};
+                `}})}
+    }
+`,h=e=>{var{onChange:t,name:a,value:o="",label:n,labelPosition:l="top",labelWidth:i,hideLabel:u,isDisabled:c,help:d,tooltip:f,error:b}=e,h=r(e,["onChange","name","value","label","labelPosition","labelWidth","hideLabel","isDisabled","help","tooltip","error"]);const[y,v]=(0,s.useState)(o);(0,s.useEffect)((()=>v(o)),[o]);const C=(0,s.useCallback)(((e,{value:t})=>{v(t)}),[]),O=(0,s.useCallback)((e=>{const n=y.trim();n!==o&&t(e,a,n)}),[y,o,t,a]);return s.default.createElement(p.default,{label:n,labelPosition:l,labelWidth:i,hideLabel:u,help:d,tooltip:f,error:b},s.default.createElement(g,Object.assign({key:o,"data-test":a,style:m.editorStyle,onChange:C,onBlur:O,value:y,disabled:c},h,{error:b})))},y=Object.assign(Object.assign({},b.BaseEditorPropTypes),{value:u.default.string,hideLabel:u.default.bool,help:u.default.string,tooltip:u.default.string,error:u.default.bool});h.propTypes=y,t.default=h},1705:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ColorPreview=void 0;const i=l(a(9497)),s=l(a(23)),u=r(a(232)),c=a(3283),d=u.default.div.attrs((e=>({"data-test":"ColorPreviewWrapper",isReversed:e.isReversed})))`
+    display: flex;
+    flex-flow: ${e=>e.isReversed?"row-reverse":"row"};
+    height: 100%;
+`,f=u.default.div.attrs((()=>({"data-test":"ColorPreviewItem"})))`
+    flex-grow: ${({widthGrow:e})=>e?1:0};
+    width: ${({maxColorCount:e})=>`calc(100% / ${e} - 1px)`};
+    margin-right: 1px;
+    background-color: ${({color:e})=>e};
+    &:last-of-type {
+        margin-right: 0;
+    }
+`,p={colors:s.arrayOf(s.string).isRequired,maxColorCount:s.number,expandToFillHorizontalSpace:s.bool,isReversed:s.bool};t.ColorPreview=({colors:e=[],maxColorCount:t=7,expandToFillHorizontalSpace:a=!0,isReversed:o=!1})=>i.createElement(d,{isReversed:o},e.map(((e,o)=>(0,c.isColor)(e)&&i.createElement(f,{key:`${o}-${e}`,color:e,widthGrow:a,maxColorCount:t})))),t.ColorPreview.propTypes=p},2369:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.FormatterEditor=t.supportedFormatters=t.MatchValueEditorWrapper=t.RangeValueEditorWrapper=t.getSortedRanges=t.sharedPalettesConfigPropType=void 0;const i=l(a(9497)),s=l(a(23)),u=a(6649),c=a(1788),d=a(1561),f=r(a(3263)),p=r(a(530)),m=r(a(107));t.sharedPalettesConfigPropType=s.exact({paletteTheme:s.string,paletteEntry:s.exact({type:s.string,index:s.number})});t.getSortedRanges=(e=[])=>{const t=[...Array.isArray(e)?e:[]];return t.sort(((e,t)=>null==e.to?1:null==t.to?-1:+e.to-+t.to)),t};t.RangeValueEditorWrapper=({defaultPalettesConfig:e,value:t,onChange:a,selectedDataSelector:o})=>i.createElement(p.default,{"data-test":"RangeValueEditor",defaultPalettesConfig:e,value:t,onChange:(e,t,o)=>a(e,t,o),selectedDataSelector:o}),t.RangeValueEditorWrapper.propTypes={defaultPalettesConfig:t.sharedPalettesConfigPropType,value:s.arrayOf(s.shape({from:s.number,to:s.number,value:s.string})),onChange:s.func,selectedDataSelector:s.string};t.MatchValueEditorWrapper=({defaultPalettesConfig:e,value:t,onChange:a,selectedDataSelector:o})=>i.createElement(m.default,{"data-test":"MatchValueEditor",defaultPalettesConfig:e,value:t,onChange:(e,t,o)=>a(e,t,o),selectedDataSelector:o}),t.MatchValueEditorWrapper.propTypes={defaultPalettesConfig:t.sharedPalettesConfigPropType,value:s.arrayOf(s.shape({match:s.oneOfType([s.string,s.number]),value:s.string})),onChange:s.func,selectedDataSelector:s.string},t.supportedFormatters={rangeValue:{preview:c.RangeValuePreview,editor:t.RangeValueEditorWrapper},matchValue:{preview:d.MatchValuePreview,editor:t.MatchValueEditorWrapper}};const b=Object.keys(t.supportedFormatters),g={selectedDataSelector:s.string,selectedFormatterType:s.oneOf(b),currentFormatterConfig:s.any,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})),onDataSelectorChange:s.func,onFormatterTypeChange:s.func,onFormatterConfigChange:s.func,defaultPalettesConfig:t.sharedPalettesConfigPropType};t.FormatterEditor=({selectedDataSelector:e,selectedFormatterType:a,currentFormatterConfig:o,formatters:n=[],dataSelectors:l=[],onDataSelectorChange:r,onFormatterTypeChange:s,onFormatterConfigChange:c,defaultPalettesConfig:d})=>{const p=l.length>1,m=p?(0,u._)("Method"):"",b=n.filter((t=>t.defaults[e])),g=b.length>1,h=t.supportedFormatters[a].editor;return i.createElement(i.Fragment,null,p&&i.createElement(f.default,{name:"dataSelector",label:(0,u._)("Based on"),"data-test":"FormatterEditorDataSelector",values:l,value:e,onChange:r}),g&&i.createElement(f.default,{name:"formatterSelector",label:m,"data-test":"FormatterEditorFormatterSelector",values:b,value:a,onChange:s}),i.createElement(h,{"data-test":"FormatterEditorConfigEditor",name:"formatterConfig",value:o,onChange:c,defaultPalettesConfig:d,selectedDataSelector:e}))},t.FormatterEditor.propTypes=g},3396:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(a(9497)),s=l(a(23)),u=a(6649),c=r(a(232)),d=r(a(7020)),f=r(a(6062)),p=c.default.div`
+    display: flex;
+    flex-direction: row;
+    margin-bottom: 10px;
+`,m=c.default.div`
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+`,b=c.default.div`
+    display: flex;
+`,g={marginRight:"12px"},h=i.createElement(f.default,null),y=({disableAddMatches:e=!1,handleAddMatch:t,handleReverse:a})=>i.createElement(p,null,i.createElement(b,null,i.createElement(d.default,{"data-test":"reverse-matches-button",icon:h,style:g,onClick:a})),i.createElement(m,null,i.createElement(d.default,{"data-test":"add-match-button",appearance:"secondary",label:`+ ${(0,u._)("Add match")}`,disabled:e,onClick:t})));y.propTypes={disableAddMatches:s.bool,handleAddMatch:s.func,handleReverse:s.func},t.default=y},347:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(a(9497)),s=r(a(7408));t.default=({color:e,colorIndex:t,onChange:a,palette:o})=>{const n=i.useCallback((({value:e})=>a({colorIndex:t,value:e})),[t,a]);return i.createElement(s.default,{"data-test":`match-color-${e}`,value:e,palette:o,onChange:n,hideInput:!0})}},1727:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(a(9497)),s=l(a(23)),u=r(a(232)),c=a(6649),d=a(8548),f=r(a(3396)),p=r(a(347)),m=r(a(8753)),b=a(3719),g=r(a(2265)),h=u.default.div`
+    padding-top: 10px;
+`,y=u.default.div`
+    display: flex;
+    flex-direction: column-reverse;
+`,v=u.default.div.attrs((()=>({"data-test":"match-entry-row"})))`
+    display: flex;
+    flex-direction: row;
+    margin-bottom: 10px;
+`,C=({customizedColors:e,isReversed:t,onChange:a,precedence:o,swatchColors:n,matchValues:l,setIsReversed:r,selectedColors:s})=>{const u=i.useCallback((({colorIndex:e,value:t})=>{const o=[...s];o[e]=t,a({colors:o,matchValues:l})}),[a,l,s]),C=i.useCallback((()=>{const r=[...l,""],i=e?[...s,"#000000"]:(0,d.getNewColors)({isReversed:t,numColors:r.length,precedence:o,swatchColors:n});a({colors:i,matchValues:r})}),[a,l,e,s,t,o,n]),O=i.useCallback((()=>{const e=[...s];e.reverse(),r(!t),a({colors:e,matchValues:l})}),[a,l,t,s,r]),_=i.useCallback(((e,t)=>{const o=(0,b.isNumeric)(e)?Number(e):e;if(l.includes(o))return{error:(0,c._)("Value already exists")};const n=[...l];return n[t]=o,a({colors:s,matchValues:n}),{error:null}}),[a,s,l]),E=i.useCallback(((e,t)=>{if(l.length>1){const o=[...l];o.splice(t,1);const n=[...s];n.splice(e,1),a({colors:n,matchValues:o})}}),[a,l,s]);return i.createElement(h,null,i.createElement(f.default,{disableAddMatches:s.length>6,handleAddMatch:C,handleReverse:O}),i.createElement(y,null,s.map(((e,t)=>{const a=l[t],o=`${e}-${a}-${t}`;return i.createElement(v,{key:o},i.createElement(p.default,{color:e,colorIndex:t,palette:n,onChange:u}),i.createElement(m.default,{initialValue:a,matchValues:l,matchIndex:t,updateMatch:_}),i.createElement(g.default,{colorIndex:t,matchIndex:t,disabled:l.length<2,onRemove:E}))}))))};C.propTypes={customizedColors:s.bool,isReversed:s.bool,precedence:s.arrayOf(s.arrayOf(s.number)),swatchColors:s.arrayOf(s.string),matchValues:s.arrayOf(s.oneOfType([s.string,s.number])),setIsReversed:s.func,selectedColors:s.arrayOf(s.string)},t.default=C},8753:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.handleUpdateMatch=void 0;const i=l(a(9497)),s=l(a(23)),u=r(a(232)),c=r(a(4082)),d=r(a(4566)),f=u.default.div`
+    display: flex;
+    flex-grow: 1;
+    margin-left: ${d.default.spacingMedium};
+`,p=u.default.div`
+    flex-grow: 1;
+`,m=u.default.div.attrs((()=>({"data-test":"match-value-error"})))`
+    color: ${d.default.contentColorNegative};
+    padding-top: 5px;
+    font-size: 12px;
+    display: block;
+`;t.handleUpdateMatch=({matchIndex:e,setError:t,shouldUpdate:a,updateMatch:o,value:n})=>{if(a){const a=o(n,e);a&&a.error&&t(a.error)}};const b=({initialValue:e,matchIndex:a,matchValues:o,updateMatch:n})=>{const[l,r]=i.useState(null),[s,u]=i.useState(!1),[d,b]=i.useState(null),g=i.useCallback((()=>{u(!0)}),[]),h=i.useCallback(((e,{value:o})=>{r(o),(0,t.handleUpdateMatch)({matchIndex:a,setError:b,shouldUpdate:!s,updateMatch:n,value:o})}),[s,a,n]),y=i.useCallback((()=>{u(!1),(0,t.handleUpdateMatch)({matchIndex:a,setError:b,shouldUpdate:null!=l&&l!==e,updateMatch:n,value:l})}),[a,l,e,n]),v=i.useCallback((o=>(0,t.handleUpdateMatch)({matchIndex:a,setError:b,shouldUpdate:"Enter"===o.key&&null!==l&&l!==e,updateMatch:n,value:l})),[a,l,e,n]);return i.useEffect((()=>{d&&!o.map((e=>`${e}`)).includes(l)&&(b(null),(0,t.handleUpdateMatch)({matchIndex:a,setError:b,shouldUpdate:!0,updateMatch:n,value:l}))}),[l,d,a,o,n]),i.createElement(f,null,i.createElement(p,null,i.createElement(c.default,{"data-test":"match-text-editor",canClear:!1,error:!!d,onChange:h,onFocus:g,onBlur:y,onKeyUp:v,value:`${null!=l?l:e}`}),d&&i.createElement(m,null,d)))};b.propTypes={initialValue:s.oneOfType([s.string,s.number]),matchValues:s.arrayOf(s.oneOfType([s.string,s.number])),updateMatch:s.func},t.default=b},2265:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(a(9497)),s=l(a(23)),u=r(a(232)),c=r(a(7020)),d=r(a(5784)),f=a(3563),p=u.default.div`
+    display: flex;
+    flex: 1;
+    justify-content: flex-end;
+`,m=(0,u.default)(c.default)`
+    color: ${e=>e.disabled?f.variables.contentColorDisabled:f.variables.contentColorActive} !important;
+    &:hover {
+        background-color: ${e=>!e.disabled&&f.variables.interactiveColorOverlayDrag} !important;
+    }
+`,b=({colorIndex:e,disabled:t=!1,onRemove:a,matchIndex:o})=>{const n=i.useCallback((()=>a(e,o)),[e,a,o]);return i.createElement(p,null,i.createElement("div",null,i.createElement(m,{"data-test":"match-remove-button",disabled:t,icon:i.createElement(d.default,null),appearance:"subtle",onClick:n})))};b.propTypes={disabled:s.bool,onRemove:s.func},t.default=b},3719:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.isNumeric=t.getMatches=void 0;const o=a(4793);t.getMatches=(e=[])=>(0,o.isEmpty)(e)?[{match:"",value:"#ff0000"}]:e;t.isNumeric=e=>!isNaN(Number(e))&&!isNaN(parseFloat(e))},107:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.matchValuesToContextConfig=t.MATCH_VALUE_WILDCARD_INFO_TEXT=void 0;const i=l(a(9497)),s=l(a(23)),u=r(a(232)),c=a(6649),d=a(3563),f=r(a(5089)),p=r(a(5852)),m=r(a(1727)),b=a(8548),g=a(3719);t.MATCH_VALUE_WILDCARD_INFO_TEXT=(0,c._)("Enter a value to match. Wildcards '*' can be used.");const h=u.default.div`
+    margin: 6px 0px;
+    color: ${d.variables.contentColorMuted};
+`;t.matchValuesToContextConfig=({colors:e,matchValues:t})=>e.map(((e,a)=>({match:t[a],value:e})));const y=({defaultPalettesConfig:e,onChange:a=(()=>{}),palettes:o=f.default,selectedDataSelector:n,value:l})=>{const r=i.useMemo((()=>(0,g.getMatches)(l)),[l]),{matchValues:s,selectedColors:u}=i.useMemo((()=>r.reduce(((e,t)=>(e.matchValues.push(t.match),e.selectedColors.push(t.value),e)),{matchValues:[],selectedColors:[]})),[r]),[{paletteTheme:c,paletteEntry:d},y]=i.useState((()=>(0,b.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:o,ranges:r}))),v=(0,b.getSwatchColorsFromPalette)({palettes:o,paletteInfo:d,paletteTheme:c}),C=i.useMemo((()=>(0,b.hasCustomColors)({currentSwatchColors:v,selectedColors:u})),[v,u]),[O,_]=i.useState((()=>(0,b.hasInitiallyReversedColors)({isSwatchCustomized:C,palettes:o,selectedColors:u,selectedPaletteInfo:d,selectedPaletteTheme:c,minimumNumberOfColors:1}))),E=i.useCallback((({paletteTheme:e,paletteInfo:t})=>s.length>7?u:(({palettes:e,paletteTheme:t,paletteInfo:a,matchValues:o,setIsReversed:n})=>{const l=(0,b.getSwatchColorsFromPalette)({palettes:e,paletteInfo:a,paletteTheme:t}),r=(0,b.getPrecedenceFromPalette)({palettes:e,paletteTheme:t,paletteInfo:a}),i=o.length,s=r[i<7?i-1:5].map((e=>l[e])).slice(0,i);return n(!1),s})({palettes:o,paletteTheme:e,paletteInfo:t,matchValues:s,setIsReversed:_})),[s,o,u]),P=i.useCallback((e=>{const o=E({paletteTheme:e,paletteInfo:d});y((t=>Object.assign(Object.assign({},t),{paletteTheme:e})));const n=(0,t.matchValuesToContextConfig)({colors:o,matchValues:s});a(null,null,n)}),[E,d,s,a]),j=i.useCallback((e=>{const o=E({paletteTheme:c,paletteInfo:e});y((t=>Object.assign(Object.assign({},t),{paletteEntry:e})));const n=(0,t.matchValuesToContextConfig)({colors:o,matchValues:s});a(null,null,n)}),[E,c,s,a]),x=i.useCallback((({colors:e,matchValues:o})=>{const n=(0,t.matchValuesToContextConfig)({colors:e,matchValues:o});a(null,null,n)}),[a]);return i.useEffect((()=>{y((0,b.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:o,ranges:r}))}),[n]),i.createElement(i.Fragment,null,i.createElement(p.default,{isReversed:O,isSwatchCustomized:C,shouldShowArrows:!1,onChangePaletteTheme:P,onPaletteChange:j,palettes:o,selectedPaletteInfo:d,selectedPaletteTheme:c}),i.createElement(m.default,{customizedColors:C,isReversed:O,onChange:x,precedence:(0,b.getPrecedenceFromPalette)({palettes:o,paletteTheme:c,paletteInfo:d}),matchValues:s,selectedColors:u,swatchColors:v,setIsReversed:_}),i.createElement(h,null,t.MATCH_VALUE_WILDCARD_INFO_TEXT))};y.propTypes={onChange:s.func,palettes:s.objectOf(s.shape({precedence:s.arrayOf(s.arrayOf(s.number)),swatches:s.arrayOf(s.arrayOf(s.string))})),value:s.arrayOf(s.shape({match:s.oneOfType([s.string,s.number]),value:s.string})),selectedDataSelector:s.string,defaultPalettesConfig:s.shape({paletteTheme:s.string,paletteEntry:s.shape({type:s.string,index:s.number})})},t.default=y},1561:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MatchValuePreview=void 0;const i=l(a(9497)),s=l(a(23)),u=a(1705),c=r(a(1494)),d={config:s.arrayOf(s.shape({match:s.oneOfType([s.number,s.string]),value:s.string.isRequired}))};t.MatchValuePreview=({config:e})=>{const t=(0,i.useMemo)((()=>e.map((e=>e.value)).slice(0,8)),[e]);return i.default.createElement(c.default,null,i.default.createElement(u.ColorPreview,{"data-test":"ColorPreview",colors:t,maxColorCount:8}))},t.MatchValuePreview.propTypes=d},5852:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(a(9497)),s=r(a(1964)),u=r(a(2150)),c=a(8548);t.default=({isReversed:e,isSwatchCustomized:t,shouldShowArrows:a=!0,onChangePaletteTheme:o,onPaletteChange:n,palettes:l,selectedPaletteInfo:r,selectedPaletteTheme:d})=>{const f=i.useMemo((()=>Object.keys(l).map((e=>({value:e,label:l[e]._meta.label})))),[l]),p=i.useMemo((()=>(0,c.getThemedPalettesWithoutMeta)({palettes:l,paletteTheme:d})),[l,d]);return i.createElement(i.Fragment,null,i.createElement(s.default,{onChange:o,paletteThemes:f,selectedPaletteTheme:d}),i.createElement(u.default,{isReversed:e,isSwatchCustomized:t,shouldShowArrows:a,onPaletteChange:n,palettes:p,selectedPaletteInfo:r}))}},2150:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(a(9497)),s=a(4793),u=r(a(232)),c=a(6649),d=r(a(7020)),f=r(a(6214)),p=r(a(4233)),m=r(a(4566)),b=r(a(6212)),g=a(1705),h=r(a(1494)),y=u.default.div`
+    width: ${m.default.spacingMedium}; //enterprise: 15px, prisma: 12px
+`,v=u.default.span.attrs((()=>({"data-test":"custom-swatch-text"})))`
+    display: flex;
+    flex: 1;
+    padding-left: 10px;
+`;t.default=({isReversed:e=!1,isSwatchCustomized:t=!1,shouldShowArrows:a=!0,onPaletteChange:o,palettes:n,selectedPaletteInfo:l})=>{const r=(0,s.get)(n,[l.type,"swatches",l.index],[]),u=i.createElement(d.default,{style:{width:"100%",padding:`0 ${m.default.spacingSmall}`},isMenu:!0,"data-test":"palettes-dropdown-toggle"},t?i.createElement(v,null,"Customized in swatches below"):i.createElement(i.Fragment,null,i.createElement(h.default,null,a&&i.createElement(b.default,null),i.createElement(g.ColorPreview,{colors:r,isReversed:e})),i.createElement(y,null))),C=i.useMemo((()=>Object.keys(n).reduce(((e,a,r,s)=>(e.push(i.createElement(p.default.Heading,{key:`title-${a}`,title:!0},(0,c._)(a).toUpperCase())),e.push(...n[a].swatches.map(((e,n)=>{const r=!t&&a===l.type&&l.index===n;return i.createElement(p.default.Item,{"data-test":`palette-swatch-row-${a}-${n}`,key:`${a}-${JSON.stringify(e)}`,onClick:()=>o({type:a,index:n}),selected:r,selectable:!0},i.createElement(h.default,null,i.createElement(g.ColorPreview,{colors:e})))}))),r<s.length-1&&e.push(i.createElement(p.default.Divider,{key:`divider-${a}`})),e)),[])),[t,o,n,l.index,l.type]);return i.createElement(f.default,{toggle:u},i.createElement(p.default,{style:{width:302}},C))}},1964:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(a(9497)),s=l(a(23)),u=a(6649),c=r(a(5411)),d=r(a(9250)),f=({labelPosition:e="top",onChange:t,paletteThemes:a,selectedPaletteTheme:o})=>{const n=i.useCallback(((e,{value:a})=>t(a)),[t]);return i.createElement(d.default,{label:(0,u._)("Preset palette"),labelPosition:e},i.createElement(c.default,{onChange:n,value:o},a.map((({value:e,label:t})=>i.createElement(c.default.Option,{key:e,value:e,label:t,"data-test":`preset-palette-theme-${e}`})))))};f.propTypes={labelPosition:s.string,onChange:s.func,paletteThemes:s.arrayOf(s.shape({value:s.string,label:s.string})),selectedPaletteTheme:s.string},t.default=f},8548:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.inferInitialPaletteFromContext=t.hasInitiallyReversedColors=t.getThemedPalettesWithoutMeta=t.hasCustomColors=t.getSwatchColorsFromPalette=t.getPrecedenceFromPalette=t.getNewColors=t.defaultPalettesConfig=void 0;const o=a(4793);t.defaultPalettesConfig={paletteTheme:"DARK_COLORS",paletteEntry:{type:"sequential",index:0}};t.getNewColors=({isReversed:e,numColors:t,precedence:a,swatchColors:o})=>{const n=Array.isArray(a[t-2])?a[t-2].map((e=>o[e])):[];return e&&n.reverse(),n};t.getPrecedenceFromPalette=({palettes:e,paletteInfo:t,paletteTheme:a})=>(0,o.get)(e,[a,t.type,"precedence"],[]);t.getSwatchColorsFromPalette=({palettes:e,paletteInfo:t,paletteTheme:a})=>(0,o.get)(e,[a,t.type,"swatches",t.index],[]);t.hasCustomColors=({currentSwatchColors:e,selectedColors:t})=>{if(t.length>e.length)return!0;const a={};return e.forEach((e=>{a[e.toLowerCase()]=e.toLowerCase()})),t.some((e=>!a[e.toLowerCase()]))};t.getThemedPalettesWithoutMeta=({palettes:e,paletteTheme:t})=>Object.keys(e[t]).reduce(((a,o)=>("_meta"!==o&&(a[o]=e[t][o]),a)),{});const n=({currentSwatchColors:e,precedence:t,selectedColors:a})=>{if(!t)return!1;if(t.every((t=>e[t]===a[t])))return!0;return!![...t].reverse().every((t=>e[t]===a[t]))};t.hasInitiallyReversedColors=({isSwatchCustomized:e,palettes:t,selectedColors:a,selectedPaletteInfo:o,selectedPaletteTheme:n,minimumNumberOfColors:l=2})=>{var r,i,s,u,c,d;if(e)return!1;const f=a.length,p=2===l?f-2:f<7?f-1:5,m=null===(s=null===(i=null===(r=null==t?void 0:t[n])||void 0===r?void 0:r[o.type])||void 0===i?void 0:i.swatches)||void 0===s?void 0:s[o.index],b=[...null===(d=null===(c=null===(u=null==t?void 0:t[n])||void 0===u?void 0:u[o.type])||void 0===c?void 0:c.precedence)||void 0===d?void 0:d[p]].reverse();return a.every(((e,t)=>m[b[t]].toLowerCase()===e.toLowerCase()))};t.inferInitialPaletteFromContext=({defaultPalettesConfig:e,ranges:a,palettes:o})=>{const l=a.map((({value:e})=>e));let r,i=!1;for(const e in o)for(const a in o[e]){if("_meta"===a)continue;const{swatches:s}=o[e][a],u=o[e][a].precedence[l.length-2];for(let o=0;o<s.length;o+=1){const c=s[o];if(!(0,t.hasCustomColors)({currentSwatchColors:c,selectedColors:l})&&(i=n({currentSwatchColors:c,selectedColors:l,precedence:u}),r&&!i||(r={paletteTheme:e,paletteEntry:{type:a,index:o}}),i))return r}}return r||e}},2841:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(a(9497)),s=l(a(23)),u=a(6649),c=r(a(232)),d=r(a(7020)),f=r(a(6062)),p=c.default.div`
+    display: flex;
+    flex-direction: row;
+    margin-bottom: 10px;
+`,m=c.default.div`
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+`,b=c.default.div`
+    display: flex;
+`,g={marginRight:"12px"},h=i.createElement(f.default,null),y=({disableAddRanges:e=!1,handleAddRange:t,handleReverse:a})=>i.createElement(p,null,i.createElement(b,null,i.createElement(d.default,{"data-test":"reverse-ranges-button",icon:h,style:g,onClick:a})),i.createElement(m,null,i.createElement(d.default,{"data-test":"add-range-button",appearance:"secondary",label:`+ ${(0,u._)("Add range")}`,disabled:e,onClick:t})));y.propTypes={disableAddRanges:s.bool,handleAddRange:s.func,handleReverse:s.func},t.default=y},6959:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.handleUpdateRangeBoundary=void 0;const i=l(a(9497)),s=l(a(23)),u=r(a(232)),c=r(a(2782)),d=r(a(4566)),f=u.default.div.attrs((()=>({"data-test":"range-boundary-text"})))`
+    color: ${d.default.contentColorMuted};
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    margin-right: 10px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+`,p=u.default.div.attrs((()=>({"data-test":"range-boundary-error"})))`
+    color: ${d.default.contentColorNegative};
+    padding-top: 5px;
+    font-size: 12px;
+    display: block;
+`,m=(0,u.default)(c.default)`
+    max-width: 105px;
+    margin-right: ${d.default.spacingMedium};
+`,b=u.default.div`
+    display: flex;
+    height: 100%;
+`,g=u.default.div`
+    display: flex;
+    flex-direction: column;
+    margin-left: ${d.default.spacingMedium};
+`;t.handleUpdateRangeBoundary=({rangeBoundaryIndex:e,setError:t,shouldUpdate:a,updateRangeBoundary:o,value:n})=>{if(a){const a=o(n,e);a&&a.error&&t(a.error)}};const h=({initialValue:e,rangeBoundaryIndex:a,rangeText:o,rangeValues:n,showNumberEditor:l=!0,updateRangeBoundary:r})=>{const[s,u]=i.useState(null),[c,d]=i.useState(!1),[h,y]=i.useState(null),v=i.useCallback((()=>{d(!0)}),[]),C=i.useCallback(((e,{value:o})=>{u(o),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:a,setError:y,shouldUpdate:!c,updateRangeBoundary:r,value:o})}),[c,a,r]),O=i.useCallback((()=>{d(!1),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:a,setError:y,shouldUpdate:"number"==typeof s&&s!==e,updateRangeBoundary:r,value:s})}),[a,s,e,r]),_=i.useCallback((o=>(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:a,setError:y,shouldUpdate:"Enter"===o.key&&"number"==typeof s&&s!==e,updateRangeBoundary:r,value:s})),[a,s,e,r]);return i.useEffect((()=>{h&&!n.includes(s)&&(y(null),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:a,setError:y,shouldUpdate:"number"==typeof s,updateRangeBoundary:r,value:s}))}),[s,h,a,n,r]),i.createElement(g,null,i.createElement(b,null,l&&i.createElement(m,{"data-test":"range-boundary-editor",error:!!h,onBlur:O,onChange:C,onFocus:v,onKeyUp:_,value:null!=s?s:e}),i.createElement(f,null,o)),l&&h&&i.createElement(p,null,h))};h.propTypes={initialValue:s.number,rangeBoundaryIndex:s.number,rangeText:s.string,showNumberEditor:s.bool,updateRangeBoundary:s.func},t.default=h},1782:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(a(9497)),s=r(a(7408));t.default=({color:e,colorIndex:t,onChange:a,palette:o})=>{const n=i.useCallback((({value:e})=>a({colorIndex:t,value:e})),[t,a]);return i.createElement(s.default,{"data-test":`range-color-${e}`,value:e,palette:o,onChange:n,hideInput:!0})}},104:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(a(9497)),s=l(a(23)),u=r(a(232)),c=a(6649),d=r(a(2841)),f=r(a(6959)),p=r(a(1782)),m=r(a(6900)),b=a(8548),g=u.default.div`
+    padding-top: 10px;
+`,h=u.default.div`
+    display: flex;
+    flex-direction: column-reverse;
+`,y=u.default.div.attrs((()=>({"data-test":"range-entry-row"})))`
+    display: flex;
+    flex-direction: row;
+    margin-bottom: 10px;
+`,v=({lastColorIndex:e,rangeBoundaryIndex:t,rangeValues:a})=>{switch(t){case e:return(0,c._)("and greater");case 0:return`${(0,c._)("less than")} ${a[t]}`;default:return`${(0,c._)("to")} ${a[t]}`}},C=({customizedColors:e,isReversed:t,onChange:a,precedence:o,swatchColors:n,rangeValues:l,setIsReversed:r,selectedColors:s})=>{const u=i.useCallback((({colorIndex:e,value:t})=>{const o=[...s];o[e]=t,a({colors:o,rangeValues:l})}),[a,l,s]),C=i.useCallback((()=>{const r=[...l,l[l.length-1]+10],i=e?[...s,"#000000"]:(0,b.getNewColors)({isReversed:t,numColors:r.length+1,precedence:o,swatchColors:n});a({colors:i,rangeValues:r})}),[a,l,e,s,t,o,n]),O=i.useCallback((()=>{const e=[...s];e.reverse(),r(!t),a({colors:e,rangeValues:l})}),[a,l,t,s,r]),_=i.useCallback(((e,t)=>{if(l.includes(e))return{error:(0,c._)("Value already exists")};const o=[...l];return o[t]=e,o.sort(((e,t)=>e-t)),a({colors:s,rangeValues:o}),{error:null}}),[a,s,l]),E=i.useCallback(((e,r)=>{if(l.length>1){const i=[...l];i.splice(r,1);const u=[...s];u.splice(e,1);const c=(0,b.hasCustomColors)({currentSwatchColors:n,selectedColors:u})?u:(0,b.getNewColors)({isReversed:t,numColors:i.length+1,precedence:o,swatchColors:n});a({colors:c,rangeValues:i})}}),[t,a,o,l,s,n]);return i.createElement(g,null,i.createElement(d.default,{disableAddRanges:s.length>6,handleAddRange:C,handleReverse:O}),i.createElement(h,null,s.map(((e,t)=>{const a=t===s.length-1,o=t>0?t-1:0,r=l[o];return i.createElement(y,{key:`${e}-${r}`},i.createElement(p.default,{color:e,colorIndex:t,palette:n,onChange:u}),i.createElement(f.default,{initialValue:r,rangeBoundaryIndex:o,rangeText:v({lastColorIndex:s.length-1,rangeBoundaryIndex:t,rangeValues:l}),rangeValues:l,showNumberEditor:a||t>0,updateRangeBoundary:_}),i.createElement(m.default,{colorIndex:t,disabled:l.length<2,onRemove:E,rangeBoundaryIndex:o}))}))))};C.propTypes={customizedColors:s.bool,isReversed:s.bool,precedence:s.arrayOf(s.arrayOf(s.number)),swatchColors:s.arrayOf(s.string),rangeValues:s.arrayOf(s.number),setIsReversed:s.func,selectedColors:s.arrayOf(s.string)},t.default=C},6900:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(a(9497)),s=l(a(23)),u=r(a(232)),c=r(a(7020)),d=r(a(5784)),f=a(3563),p=u.default.div`
+    display: flex;
+    flex: 1;
+    justify-content: flex-end;
+`,m=(0,u.default)(c.default)`
+    color: ${e=>e.disabled?f.variables.contentColorDisabled:f.variables.contentColorActive} !important;
+    &:hover {
+        background-color: ${e=>!e.disabled&&f.variables.interactiveColorOverlayDrag} !important;
+    }
+`,b=({colorIndex:e,disabled:t=!1,onRemove:a,rangeBoundaryIndex:o})=>{const n=i.useCallback((()=>a(e,o)),[e,a,o]);return i.createElement(p,null,i.createElement("div",null,i.createElement(m,{"data-test":"range-remove-button",disabled:t,icon:i.createElement(d.default,null),appearance:"subtle",onClick:n})))};b.propTypes={disabled:s.bool,onRemove:s.func},t.default=b},3493:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getSortedRanges=void 0;const o=a(4793);t.getSortedRanges=(e=[])=>{if((0,o.isEmpty)(e))return[{to:0,value:"#f00"},{from:0,value:"#0f0"}];const t=[...e];return t.sort(((e,t)=>null==e.to?1:null==t.to?-1:+e.to-+t.to)),t}},530:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.rangeValuesToContextConfig=void 0;const i=l(a(9497)),s=l(a(23)),u=r(a(5089)),c=r(a(5852)),d=r(a(104)),f=a(3493),p=a(8548);t.rangeValuesToContextConfig=({colors:e,rangeValues:t})=>e.map(((a,o)=>{const n={value:a};return o>0&&(n.from=t[o-1]),o<e.length-1&&(n.to=t[o]),n}));const m=({defaultPalettesConfig:e,onChange:a=(()=>{}),palettes:o=u.default,selectedDataSelector:n,value:l})=>{const r=i.useMemo((()=>(0,f.getSortedRanges)(l)),[l]),{rangeValues:s,selectedColors:m}=i.useMemo((()=>r.reduce(((e,t)=>("number"==typeof t.to&&e.rangeValues.push(t.to),e.selectedColors.push(t.value),e)),{rangeValues:[],selectedColors:[]})),[r]),[{paletteTheme:b,paletteEntry:g},h]=i.useState((()=>(0,p.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:o,ranges:r}))),y=(0,p.getSwatchColorsFromPalette)({palettes:o,paletteInfo:g,paletteTheme:b}),v=(0,p.hasCustomColors)({currentSwatchColors:y,selectedColors:m}),[C,O]=i.useState((()=>(0,p.hasInitiallyReversedColors)({isSwatchCustomized:v,palettes:o,selectedColors:m,selectedPaletteInfo:g,selectedPaletteTheme:b}))),_=i.useCallback((({paletteTheme:e,paletteInfo:t})=>s.length>6?m:(({palettes:e,paletteTheme:t,paletteInfo:a,rangeValues:o,setIsReversed:n})=>{const l=(0,p.getSwatchColorsFromPalette)({palettes:e,paletteInfo:a,paletteTheme:t}),r=(0,p.getPrecedenceFromPalette)({palettes:e,paletteTheme:t,paletteInfo:a})[o.length-1].map((e=>l[e]));return n(!1),r})({palettes:o,paletteTheme:e,paletteInfo:t,rangeValues:s,setIsReversed:O})),[o,s,m]),E=i.useCallback((e=>{const o=_({paletteTheme:e,paletteInfo:g});h((t=>Object.assign(Object.assign({},t),{paletteTheme:e})));const n=(0,t.rangeValuesToContextConfig)({colors:o,rangeValues:s});a(null,null,n)}),[_,g,s,a]),P=i.useCallback((e=>{const o=_({paletteTheme:b,paletteInfo:e});h((t=>Object.assign(Object.assign({},t),{paletteEntry:e})));const n=(0,t.rangeValuesToContextConfig)({colors:o,rangeValues:s});a(null,null,n)}),[_,b,s,a]),j=i.useCallback((({colors:e,rangeValues:o})=>{const n=(0,t.rangeValuesToContextConfig)({colors:e,rangeValues:o});a(null,null,n)}),[a]);return i.useEffect((()=>{h((0,p.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:o,ranges:r}))}),[n]),i.createElement(i.Fragment,null,i.createElement(c.default,{isReversed:C,isSwatchCustomized:v,onChangePaletteTheme:E,onPaletteChange:P,palettes:o,selectedPaletteInfo:g,selectedPaletteTheme:b}),i.createElement(d.default,{customizedColors:v,isReversed:C,onChange:j,precedence:(0,p.getPrecedenceFromPalette)({palettes:o,paletteTheme:b,paletteInfo:g}),rangeValues:s,selectedColors:m,swatchColors:y,setIsReversed:O}))};m.propTypes={onChange:s.func,palettes:s.objectOf(s.shape({precedence:s.arrayOf(s.arrayOf(s.number)),swatches:s.arrayOf(s.arrayOf(s.string))})),value:s.any},t.default=m},1788:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.RangeValuePreview=void 0;const i=l(a(9497)),s=l(a(23)),u=r(a(6212)),c=a(1705),d=r(a(1494)),f=a(3493),p={config:s.arrayOf(s.shape({from:s.number,to:s.number,value:s.string.isRequired}))};t.RangeValuePreview=({config:e})=>{const t=(0,i.useMemo)((()=>(0,f.getSortedRanges)(e)),[e]),a=(0,i.useMemo)((()=>t.map((e=>e.value)).slice(0,8)),[t]);return i.default.createElement(d.default,null,i.default.createElement(u.default,null),i.default.createElement(c.ColorPreview,{"data-test":"ColorPreview",colors:a,maxColorCount:8}))},t.RangeValuePreview.propTypes=p},1432:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(a(9497)),s=l(a(23)),u=a(4793),c=r(a(232)),d=r(a(2373)),f=r(a(9909)),p=a(1256),m=a(8999),b=(0,c.default)(d.default.Option)`
+    padding-left: 20px;
+`;b.displayName="ColumnOption";const g={availableFieldsWithTypes:s.arrayOf(s.shape({name:s.string,type:s.string})),columnFormatting:s.object,disableToggle:s.bool,handleAddColumnFormatting:s.func,editorSupportedFormatOptions:s.objectOf(s.objectOf(s.string)),placeholderMessage:s.string},h=({availableFieldsWithTypes:e,columnFormatting:t,disableToggle:a,editorSupportedFormatOptions:o,handleAddColumnFormatting:n,placeholderMessage:l})=>{const[r,s]=i.useState(""),c=(0,p.getFilteredFields)(e,r),g=i.useCallback(((e,{keyword:t})=>{s(t)}),[]),h=(0,m.useColumnSelectorFooterMessage)({availableFields:e,filteredFields:c,filter:r,noSelectedFieldsInfo:!0}),y=i.useCallback(((t,{value:a})=>{const o=e.find((e=>e.name===a));n(t,{value:o})}),[e,n]);return i.createElement(d.default,{"data-test":"add-column-toggle",disabled:a,filter:!0,footerMessage:h,inline:!1,onFilterChange:g,onChange:y,placeholder:l,value:l},c.map((e=>{const a=(n=e.name,l=e.type,"_time"!==n?`${n} - ${l}`:n);var n,l;return i.createElement(b,{"data-test":`add-column-option-${a}`,disabled:!!t.get(e.name)||(0,u.isEmpty)(o[e.type]),label:a,key:e.name,value:e.name},i.createElement(f.default,{columnName:e.name,dataType:e.type}))})))};h.propTypes=g,t.default=h},4680:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.TableBackgroundColorEditor=t.calculateOptionsOnAltRowsChange=t.calculateOptionOnBackgroundColorChange=t.calculateState=t.DEFAULT_BACKGROUND_COLOR=t.HEADER_COLOR_BY_CONTRAST=t.ROW_COLOR_BY_CONTRAST=t.HEADER_BACKGROUND_BY_COLOR=t.ALT_BY_COLOR=t.FLAT_BY_COLOR=t.ALT_BY_THEME=t.FLAT_BY_THEME=void 0;const i=l(a(9497)),s=l(a(23)),u=a(232),c=a(4793),d=a(3283),f=a(6649),p=r(a(6447)),m=a(6801),b=r(a(437)),g=r(a(2749)),h=Object.assign(Object.assign({},m.BaseEditorPropTypes),{palette:s.arrayOf(s.string),themes:s.object,value:s.string});t.FLAT_BY_THEME="> table | seriesByIndex(0) | pick(tableRowBackgroundColorsByTheme)",t.ALT_BY_THEME="> table | seriesByIndex(0) | pick(tableAltRowBackgroundColorsByTheme)",t.FLAT_BY_COLOR="> table | seriesByIndex(0) | pick(tableRowBackgroundColorsByBackgroundColor)",t.ALT_BY_COLOR="> table | seriesByIndex(0) | pick(tableAltRowBackgroundColorsByBackgroundColor)",t.HEADER_BACKGROUND_BY_COLOR="> backgroundColor | setColorChannel(tableHeaderBackgroundColorConfig)",t.ROW_COLOR_BY_CONTRAST="> rowBackgroundColors | maxContrast(tableRowColorMaxContrast)",t.HEADER_COLOR_BY_CONTRAST="> headerBackgroundColor | maxContrast(tableRowColorMaxContrast)",t.DEFAULT_BACKGROUND_COLOR="> themes.defaultBackgroundColor";t.calculateState=({options:e={},value:a,defaultBackgroundColor:o}={})=>{let n,l=!1,r=!1,i=!1;const s=(0,c.get)(e,"backgroundColor"),u=(0,c.get)(e,"tableFormat.rowBackgroundColors",t.ALT_BY_THEME);return(0,d.isColor)(s)?n=s:p.default.isDslString(s)&&!(0,d.isColor)(a)?l=!0:(0,d.isColor)(a)?n=a:(0,d.isColor)(o)&&(n=o),u===t.ALT_BY_COLOR||u===t.ALT_BY_THEME?r=!0:u===t.FLAT_BY_THEME||u===t.FLAT_BY_COLOR?r=!1:(0,c.isEmpty)(u)||(i=!0),{color:n,disableColor:l,shouldAltRows:r,disableAltRows:i}};t.calculateOptionOnBackgroundColorChange=({options:e={},value:a,defaultThemeBackgroundColor:o}={})=>{const n=(0,c.cloneDeep)(e),l=(0,c.get)(n,"tableFormat.rowBackgroundColors",t.ALT_BY_THEME),r=(0,c.get)(n,"tableFormat.rowColors"),i=(0,c.get)(n,"tableFormat.headerColor"),s=(0,c.get)(n,"tableFormat.headerBackgroundColor");return a&&a===o?((0,c.set)(n,"backgroundColor",t.DEFAULT_BACKGROUND_COLOR),l===t.ALT_BY_COLOR&&(0,c.set)(n,"tableFormat.rowBackgroundColors",t.ALT_BY_THEME),r===t.ROW_COLOR_BY_CONTRAST&&(0,c.set)(n,"tableFormat.rowColors",null),s===t.HEADER_BACKGROUND_BY_COLOR&&(0,c.set)(n,"tableFormat.headerBackgroundColor",null),i===t.HEADER_COLOR_BY_CONTRAST&&(0,c.set)(n,"tableFormat.headerColor",null)):a&&(0,d.isColor)(a)&&((0,c.set)(n,"backgroundColor",a),l===t.ALT_BY_THEME?(0,c.set)(n,"tableFormat.rowBackgroundColors",t.ALT_BY_COLOR):l===t.FLAT_BY_THEME&&(0,c.set)(n,"tableFormat.rowBackgroundColors",t.FLAT_BY_COLOR),(0,c.isEmpty)(s)&&(0,c.set)(n,"tableFormat.headerBackgroundColor",t.HEADER_BACKGROUND_BY_COLOR),(0,c.isEmpty)(r)&&(0,c.set)(n,"tableFormat.rowColors",t.ROW_COLOR_BY_CONTRAST),(0,c.isEmpty)(i)&&(0,c.set)(n,"tableFormat.headerColor",t.HEADER_COLOR_BY_CONTRAST)),n.tableFormat&&(0,c.isPlainObject)(n.tableFormat)&&(0,c.isEmpty)(n.tableFormat)&&(0,c.set)(n,"tableFormat",null),{options:n}};t.calculateOptionsOnAltRowsChange=({options:e={},value:a}={})=>{const o=(0,c.cloneDeep)(e),n=(0,c.get)(e,"backgroundColor"),l=(0,c.get)(e,"tableFormat.rowBackgroundColors",t.ALT_BY_THEME),r=(0,c.get)(e,"tableFormat.rowColors"),i=(0,c.get)(e,"tableFormat.headerColor"),s=(0,c.get)(e,"tableFormat.headerBackgroundColor");return n===t.DEFAULT_BACKGROUND_COLOR||void 0===n?"boolean"==typeof a&&[t.ALT_BY_THEME,t.ALT_BY_COLOR,t.FLAT_BY_COLOR,t.FLAT_BY_THEME].includes(l)&&(0,c.set)(o,"tableFormat.rowBackgroundColors",!0===a?t.ALT_BY_THEME:t.FLAT_BY_THEME):("boolean"==typeof a&&[t.ALT_BY_THEME,t.ALT_BY_COLOR,t.FLAT_BY_COLOR,t.FLAT_BY_THEME].includes(l)&&(0,c.set)(o,"tableFormat.rowBackgroundColors",a?t.ALT_BY_COLOR:t.FLAT_BY_COLOR),(0,c.isEmpty)(r)&&(0,c.set)(o,"tableFormat.rowColors",t.ROW_COLOR_BY_CONTRAST),(0,c.isEmpty)(s)&&(0,c.set)(o,"tableFormat.headerBackgroundColor",t.HEADER_BACKGROUND_BY_COLOR),(0,c.isEmpty)(i)&&(0,c.set)(o,"tableFormat.headerColor",t.HEADER_COLOR_BY_CONTRAST)),{options:o}};t.TableBackgroundColorEditor=({options:e,onChange:a,labelPosition:o="left",labelWidth:n,value:l,palette:r,themes:s})=>{const c=i.useContext(u.ThemeContext)||{},p=i.useCallback(((o,n,l)=>{const r="function"==typeof(null==s?void 0:s.defaultBackgroundColor)?null==s?void 0:s.defaultBackgroundColor({theme:c}):void 0;a(o,(0,t.calculateOptionOnBackgroundColorChange)({options:e,value:l,defaultThemeBackgroundColor:r}))}),[s,c,a,e]),m=i.useCallback(((o,n,l)=>{a(o,(0,t.calculateOptionsOnAltRowsChange)({options:e,value:l}))}),[e,a]),{color:h,disableColor:y,shouldAltRows:v,disableAltRows:C}=(0,t.calculateState)({options:e,value:l,defaultBackgroundColor:c.defaultBackgroundColor});return i.createElement(i.Fragment,null,i.createElement(b.default,{name:"backgroundColor",label:(0,f._)("Background color"),labelPosition:o,labelWidth:n,itemSchema:{default:c.defaultBackgroundColor},palette:Array.isArray(r)&&(0,d.isColor)(h)&&!r.includes(h)?[...r,h]:r,value:h,isDisabled:y,onChange:p}),i.createElement(g.default,{name:"alternateRowColors",label:(0,f._)("Alternate row colors"),labelPosition:"right",labelWidth:n,value:v,isDisabled:C,itemSchema:{type:"boolean"},onChange:m}))},t.TableBackgroundColorEditor.propTypes=h},340:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getSelectedFormatterUponOpen=t.getStaticColor=void 0;const i=l(a(9497)),s=a(4793),u=l(a(232)),c=l(a(23)),d=a(1413),f=a(5089),p=a(6649),m=r(a(9250)),b=r(a(5411)),g=a(7124),h=a(5862),y=a(2369),v=r(a(437)),C=a(2088),O=a(5396),_=u.default.div`
+    padding: 14px ${(0,g.toPx)(h.FLYOUT_PADDING)};
+`,E=u.default.div`
+    margin-bottom: 8px;
+`,P=[],j={columnColoring:c.any,columnColoringConfig:C.columnColoringConfigPropType,columnName:c.string,columnDataType:c.string,defaultPalettesConfig:c.any,handleColumnColoringUpdate:c.func,label:c.string};t.getStaticColor=(e={},t="",a=void 0,o=void 0)=>{const n=(0,d.getLastFormatterFromDSL)((0,s.get)(e,[t,"colorOptionDSL"]));return"pick"===(0,s.get)(n,"type")?(0,s.get)(e,[t,"colorContextConfig",0]):"function"==typeof(null==o?void 0:o.textColor)?null==o?void 0:o.textColor({theme:a}):"#000000"};t.getSelectedFormatterUponOpen=(e={},t=[])=>{const a=(0,s.get)(e,["_meta","dynamicallyColoredOption"]),o=(0,d.getLastFormatterFromDSL)((0,s.get)(e,[a,"colorOptionDSL"]));return void 0===o?(0,s.get)(t,[0]):t.find((e=>e.value===o.type))};const x=({columnColoring:e,columnColoringConfig:a,columnDataType:o,columnName:n,defaultPalettesConfig:l=f.defaultPalettesConfig,handleColumnColoringUpdate:r,label:c=(0,p._)("Dynamic coloring")})=>{const d=i.useContext(u.ThemeContext),{coloringTypes:g,themes:h}=a,C=i.useMemo((()=>"string"===o?a.formatters.filter((e=>"matchValue"===e.value)):a.formatters),[o,a]),j=(0,t.getStaticColor)(e,"rowColors",d,h),x=(0,s.get)(e,["_meta","dynamicallyColoredOption"]),[T,S]=i.useState((0,t.getSelectedFormatterUponOpen)(e,C)),[D,w]=i.useState(x),[M,k]=i.useState((0,s.get)(e,[D,"colorContextConfig"])),F=i.useCallback(((e,{value:t})=>{const a=[],o=(0,O.sanitizeColumnName)(n);switch(t){case"Off":g.forEach((({value:e})=>{a.push({coloringType:e,colorContextKey:`${o}${(0,s.upperFirst)(e)}EditorConfig`,colorOptionDSL:null,colorContextConfig:null})}));break;case"rowBackgroundColors":a.push({coloringType:"rowColors",colorContextKey:`${o}RowColorsEditorConfig`,colorContextConfig:[j],colorOptionDSL:`> table | seriesByName('${n}') | pick(${o}RowColorsEditorConfig)`});break;case"rowColors":a.push({coloringType:"rowBackgroundColors",colorContextKey:`${o}RowBackgroundColorsEditorConfig`,colorContextConfig:null,colorOptionDSL:null})}const{defaults:l,value:i}=T,u=M||l[t];if("Off"!==t){const e=`${o}${(0,s.upperFirst)(t)}EditorConfig`;a.push({coloringType:t,colorContextKey:e,colorContextConfig:u,colorOptionDSL:`> table | seriesByName('${n}') | ${i}(${e})`})}w(t),r({columnName:n,coloringTypes:a,dynamicallyColoredOption:t}),M||k(u)}),[g,n,M,r,T,j]),R=i.useCallback(((e,t,a)=>{const o=`${(0,O.sanitizeColumnName)(n)}${(0,s.upperFirst)(t)}EditorConfig`;r({columnName:n,coloringTypes:[{coloringType:t,colorContextKey:o,colorContextConfig:[a],colorOptionDSL:`> table | seriesByName("${n}") | pick(${o})`}],dynamicallyColoredOption:D})}),[n,D,r]),B=i.useCallback(((e,t,a)=>{const{value:o}=T,l=`${(0,O.sanitizeColumnName)(n)}${(0,s.upperFirst)(D)}EditorConfig`;k(a),r({columnName:n,coloringTypes:[{coloringType:D,colorContextKey:l,colorContextConfig:a,colorOptionDSL:`> table | seriesByName("${n}") | ${o}(${l})`}],dynamicallyColoredOption:D})}),[n,D,r,T]),A=i.useCallback(((e,t,a)=>{const o=C.find((e=>e.value===a)),{defaults:l}=o,i=l[D],u=`${(0,O.sanitizeColumnName)(n)}${(0,s.upperFirst)(D)}EditorConfig`;S(o),k(i),r({columnName:n,coloringTypes:[{coloringType:D,colorContextKey:u,colorContextConfig:i,colorOptionDSL:`> table | seriesByName("${n}") | ${a}(${u})`}],dynamicallyColoredOption:D})}),[C,n,D,r,k]);return i.createElement(_,null,i.createElement(m.default,{label:(0,p._)(c),labelPosition:"top"},i.createElement(b.default,{"data-test":"dynamic-color-option",onChange:F,value:D},i.createElement(b.default.Option,{value:"Off",label:(0,p._)("Off")}),g.map((({label:e,value:t})=>i.createElement(b.default.Option,{value:t,label:(0,p._)(e),key:t}))))),D&&"Off"!==D&&i.createElement(i.Fragment,null,1===C.length&&i.createElement(E,{"data-test":"single-formatter-method"},"Method: ",T.label),i.createElement(y.FormatterEditor,{selectedDataSelector:D,selectedFormatterType:T.value,currentFormatterConfig:M,onFormatterTypeChange:A,onFormatterConfigChange:B,formatters:C,dataSelectors:P,defaultPalettesConfig:l}),"rowBackgroundColors"===D&&i.createElement(v.default,{name:"rowColors",value:j,label:(0,p._)("Static text color"),labelPosition:"top",onChange:R,textWidth:"100%"})))};x.propTypes=j,t.default=x},7649:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(a(9497)),s=l(a(23)),u=r(a(232)),c=r(a(1551)),d=r(a(6379)),f=a(3563),p=a(7124),m=r(a(5449)),b=r(a(3625)),g=a(6649),h=r(a(4251)),y=r(a(9909)),v=r(a(3941)),C=a(5862),O=r(a(1074)),_=r(a(340)),E=a(2088),P=r(a(1668)),j=a(5396),x=u.default.div.attrs((e=>({"data-test":e["data-test"]})))`
+    flex: 1;
+    display: flex;
+    align-items: center;
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 14px;
+    padding-left: 15px;
+    background-color: ${(0,f.pick)({enterprise:{light:f.variables.backgroundColorPage,dark:f.variables.backgroundColorSection},prisma:f.variables.backgroundColorSection})};
+    color: transparent;
+    &:last-of-type {
+        margin-bottom: 4px;
+    }
+`,T=u.default.div`
+    background-color: ${f.variables.backgroundColorPopup};
+    width: ${(0,p.toPx)(C.FLYOUT_WIDTH)};
+    max-height: 95vh;
+    overflow-y: auto;
+    padding: 8px 0px;
+`,S=u.default.span`
+    display: inline-block;
+`,D=u.default.div`
+    align-items: center;
+    display: flex;
+`,w=(0,u.default)(P.default)`
+    cursor: auto;
+    font-weight: 600;
+    font-size: 14px;
+    padding: 4px 16px;
+`,M=u.default.span`
+    font-weight: 500;
+    font-size: 14px;
+    margin-bottom: 7px;
+`,k={columnColoring:s.any,columnColoringConfig:E.columnColoringConfigPropType,columnName:s.string,columnFormattingByType:s.any,columnTextFormatting:s.any,columnDataType:s.string,defaultOptionsByType:s.objectOf(s.objectOf(s.oneOfType([s.string,s.number,s.bool]))),flyoutConfigForDataType:s.arrayOf(s.any),textFormatConfig:s.array,isSourceCustomized:s.bool,removeColumnFormatting:s.func,resetColumnToDefault:s.func,updateColumnColoring:s.func,updateColumnFormatting:s.func,updateColumnTextFormatting:s.func},F=({columnColoring:e,columnColoringConfig:t,columnName:a,columnFormattingByType:o,columnTextFormatting:n,columnDataType:l,defaultOptionsByType:r={},flyoutConfigForDataType:s,textFormatConfig:u,isSourceCustomized:f,removeColumnFormatting:p,resetColumnToDefault:C,updateColumnFormatting:E,updateColumnColoring:P,updateColumnTextFormatting:k})=>{const[F,R]=i.useState(!1),B=i.useCallback((()=>R(!0)),[]),A=i.useCallback((()=>R(!1)),[]),I=i.useRef(null),L=i.useCallback((()=>p({columnName:a,columnDataType:l})),[a,l,p]),$=i.useCallback((()=>C({columnName:a,columnDataType:l})),[a,l,C]);return i.createElement(i.Fragment,null,i.createElement(x,{ref:I,"data-test":`column-toggle-${a}`},i.createElement(d.default,{"data-test":`selected-column-label-${a}`},i.createElement(S,null,i.createElement(y.default,{columnName:a,dataType:l}))),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(b.default,null)))),i.createElement(c.default,{"data-test":`column-formatter-flyout-${a}`,anchor:I.current,open:F,onRequestClose:A,appearance:"normal",defaultPlacement:"horizontal"},i.createElement(T,{"data-test":"popover-contents"},i.createElement(w,null,i.createElement(M,{"data-test":"column-formatter-flyout-header"},`${(0,g._)("Column formatting")}: "${a}"`)),i.createElement(O.default,{columnFormatting:n,columnDataType:j.TextDataType,columnName:a,defaultOptionsByType:r,flyoutConfigForDataType:u,handleResetColumnToDefault:$,updateColumnFormatting:k,isSourceCustomized:!1}),i.createElement(v.default,null),i.createElement(O.default,{columnFormatting:o,columnDataType:l,columnName:a,defaultOptionsByType:r,flyoutConfigForDataType:s,handleResetColumnToDefault:$,updateColumnFormatting:E,isSourceCustomized:f}),("number"===l||"string"===l)&&i.createElement(i.Fragment,null,i.createElement(v.default,null),i.createElement(_.default,{columnColoring:e,columnColoringConfig:t,columnDataType:l,columnName:a,handleColumnColoringUpdate:P})))))};F.propTypes=k,t.default=F},1074:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getEditorItemValue=void 0;const i=l(a(9497)),s=l(a(23)),u=r(a(232)),c=a(4793),d=a(7124),f=r(a(7143)),p=r(a(1151)),m=a(7741),b=a(5862),g=a(5396),h=(e,t)=>`row_${e.map((e=>e.option)).join("_")}_${t}`,y=u.default.div`
+    padding: 12px ${(0,d.toPx)(b.COLUMN_FLYOUT_PADDING)};
+`,v={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 n=a===g.TextDataType?(0,c.get)(t,e.option):(0,c.get)(t,[a,e.option]);return void 0!==n?n:(0,c.get)(o,[a,e.option])};const C=({columnFormatting:e,columnDataType:a,columnName:o,defaultOptionsByType:n={},flyoutConfigForDataType:l,handleResetColumnToDefault:r,updateColumnFormatting:s,isSourceCustomized:u})=>{const d=i.useCallback(((e,t,a)=>s({columnName:o,optionName:t,value:a})),[o,s]);return i.createElement(y,null,u?i.createElement(p.default,{onResetToDefault:r,style:{padding:"0px 0px 16px 0px",width:"auto"}}):i.createElement(f.default,null,l.map(((o,r)=>i.createElement(f.default.Row,{key:h(o,r),"data-test":"column-formatter-flyout-row",style:{marginBottom:r===l.length?"0px":"12px"}},o.map(((l,s)=>{let u=null;const p=12/o.length,b=`item_${l?`${l.option}_`:""}${r}_${s}`;if(!(0,c.isEmpty)(l)){const o=m.editorTypeToComponentMap[l.editor];u=i.createElement(o,Object.assign({},l.editorProps,{label:l.label,name:l.option,itemSchema:l.itemSchema,value:(0,t.getEditorItemValue)(l,e,a,n),onChange:d}))}return i.createElement(f.default.Column,{key:b,span:p},u)})))))))};C.propTypes=v,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 n=a(4793),l=o(a(6447)),r=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 l=(0,n.get)(t,[e,o]);l&&(a[o]=l)})),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&&l.default.isDslString(e.data)?(0,n.get)((0,r.getLastFormatterFromDSL)(e.data),"paramKey",null):null;t.getGlobalTableFormatting=(e,a,o)=>{const l=(0,t.getFormattingOptDSLKey)(e);return(0,n.get)(o,[l,a],{})};t.isValidColorFormatter=e=>"rangeValue"===e||"matchValue"===e;t.getInitialColumnFormattingState=({availableFieldsWithTypes:e,coloringTypes:a=[],columnFormatOption:o,editorSupportedFormatOptions:s,vizContext:c})=>{if(!o||"object"!=typeof o)return new Map;const d=(0,t.getColumnDataTypeMap)(e);return Object.keys(o).reduce(((e,f)=>{const p=d[f],m=(0,t.getFormattingOptDSLKey)(o[f]),b=c[m],g=l.default.isDslString((0,n.get)(o,[f,"data"]))&&!b;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,n.isEmpty)(s[p])&&!g){const l={_meta:{dynamicallyColoredOption:"Off"}},u=(0,n.get)((0,r.getLastFormatterFromDSL)((0,n.get)(o,[f,"rowColors"])),"type"),d=(0,n.get)((0,r.getLastFormatterFromDSL)((0,n.get)(o,[f,"rowBackgroundColors"])),"type");(0,t.isValidColorFormatter)(u)&&!d?l._meta.dynamicallyColoredOption="rowColors":"pick"===u&&(0,t.isValidColorFormatter)(d)&&(l._meta.dynamicallyColoredOption="rowBackgroundColors"),a.forEach((({value:e})=>{const a=(0,n.get)(o,[f,e]);if(a){const{type:o,paramKey:s}=(0,r.getLastFormatterFromDSL)(a)||{};if("pick"===o&&"rowColors"===e&&!(0,t.isValidColorFormatter)(d))return;if("pick"===o&&"rowColors"!==e||!i[o])return;if((0,t.isValidColorFormatter)(o)&&"rowBackgroundColors"===e&&"pick"!==u)return;l[e]={colorContextKey:s,colorContextConfig:(0,n.get)(c,[s],{}),colorOptionDSL:a}}}));const g=Object.keys(l).length>1,y=(0,n.get)(c,[m,p],{});!g&&(0,n.isEmpty)(y)&&(0,n.isEmpty)(h)||e.set(f,{columnColoring:l,formatByType:{[p]:Object.assign(Object.assign({},(0,n.pick)(y,Object.keys(s[p]))),{_meta:{exceedsEditorCapabilities:(0,t.checkExceedsEditorCapabilities)((0,n.get)(b,[p],{}),s[p])}})},formatText:h})}return e}),new Map)};t.getColumnFormatDefFromState=({columnFormatOption:e,updatedEditorColumnFormatting:a})=>{const o={},l=(0,n.cloneDeep)(e);return Object.keys(a).forEach((e=>{const r=(0,t.sanitizeColumnName)(e),i=`${r}ColumnFormatEditorConfig`;if((0,n.isPlainObject)(a[e])){const t=(0,n.get)(a,[e,"columnColoring"]);(0,n.unset)(t,["_meta"]),(0,n.isPlainObject)(t)&&Object.keys(t).forEach((a=>{const{colorContextConfig:r,colorOptionDSL:i,colorContextKey:s}=t[a];null==i?(o[s]=null,(0,n.set)(l,[e,a],null)):s&&(o[s]=r,(0,n.set)(l,[e,a],i))})),(0,n.isPlainObject)(a[e].formatByType)&&(Object.keys(a[e].formatByType).forEach((t=>{(0,n.unset)(a,[e,"formatByType",t,"_meta"])})),s=a[e].formatByType,Object.keys(s).every((e=>(0,n.isEmpty)(s[e])))?o[i]=null:(o[i]=Object.assign({},a[e].formatByType),(0,n.set)(l,[e,"data"],`> table | seriesByName("${e}") | formatByType(${i})`)));const{formatText:r}=a[e];(0,n.isPlainObject)(r)&&Object.keys(r).forEach((t=>{(0,n.set)(l,[e,t],r[t])}))}else o[i]=null,o[`${r}RowColorsEditorConfig`]=null,o[`${r}RowBackgroundColorsEditorConfig`]=null,l[e]=null;var s})),{context:o,options:{columnFormat:l}}}},2088:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.flyoutConfigPropType=t.columnColoringConfigPropType=void 0;const r=l(a(23));t.columnColoringConfigPropType=r.shape({coloringTypes:r.arrayOf(r.shape({label:r.string,value:r.string})),formatters:r.arrayOf(r.shape({label:r.string,value:r.string,defaults:r.object})),themes:r.object}),t.flyoutConfigPropType=r.shape({number:r.arrayOf(r.any),string:r.arrayOf(r.any),sparkline:r.arrayOf(r.any),time:r.arrayOf(r.any)})},5678:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.TrellisSplitBySelectionEditor=t.AGGREGATIONS=t.EDITOR_NAME=void 0;const i=l(a(9497)),s=l(a(23)),u=r(a(2373)),c=a(6649),d=r(a(7464)),f=a(9033),p=a(9246),m=a(1256),b=a(6801),g=a(1385),h=r(a(4008)),y=a(8999);t.EDITOR_NAME="trellisSplitBySelectionEditor",t.AGGREGATIONS="aggregations";const v=e=>e;t.TrellisSplitBySelectionEditor=({name:e,value:a,label:o="",labelPosition:n="top",dataSourceKey:l="primary",dataSourceBindings:r,isDisabled:s,onChange:b,prepareValue:C=v})=>{var O;const _=i.default.useContext(d.default),E=Boolean(null==_?void 0:_.visualizations_enableTrellis),P=(0,g.useDataSource)({dataSourceBindings:r,dataSourceKey:l}),{fields:j}=(null==P?void 0:P.data)||{columns:[],fields:[]},x=(0,i.useMemo)((()=>(0,p.getAllPossibleSplitByFields)(j)),[j]),{hasError:T,isMissing:S,isLoading:D}=(0,f.getDataSourceStateInfo)(P),w=S||T||s,M=(0,m.getPlaceholderMessage)({isMissing:S,isLoading:D,hasError:T,defaultMessage:`${(0,c._)("Select a splitby field from datasource")}`}),k=(null===(O=x.fields)||void 0===O?void 0:O.length)?x.fields[0]:t.AGGREGATIONS,[F,R]=(0,i.useState)(""),B=(0,i.useCallback)(((e,{keyword:t})=>{R(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}`}});b(t,o)}),[b,C,e]),{filteredFields:V,splitByFields:N}=(0,i.useMemo)((()=>{var e;let a=x.fields.map((e=>({name:e,value:e})));(null===(e=x.aggregations)||void 0===e?void 0:e.length)&&(a=[...a,{name:`${(0,c._)("Aggregations")} (${x.aggregations.length})`,description:x.aggregations.join(", "),value:t.AGGREGATIONS}]);return{filteredFields:a.filter((e=>e&&-1!==e.value.toLowerCase().indexOf(F.toLowerCase()))),splitByFields:a}}),[F,x.aggregations,x.fields]),q=(0,y.useColumnSelectorFooterMessage)({availableFields:N,selectedFields:[I],filteredFields:V,filter:F});return E?i.default.createElement(h.default,{label:o,labelPosition:n,"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:w,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({},b.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 n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.useColumnSelectorFooterMessage=void 0;const r=l(a(9497)),i=a(3620);t.useColumnSelectorFooterMessage=({filter:e,availableFields:t,selectedFields:a,filteredFields:o,noSelectedFieldsInfo:n=!1})=>{const l=(0,r.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:r.default.createElement(i.ColumnSelectorFooterMessage,{noSelectedFieldsInfo:n,numSelected:null==l?void 0:l.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,n]=(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||n("warning"):n("error")};return document.addEventListener("securitypolicyviolation",a),n(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 n=a(9497),l=o(a(4853)),r=a(4793);t.useDataSource=({dataSourceBindings:e,dataSourceKey:t})=>{const a=(0,n.useContext)(l.default),[o,i]=(0,n.useState)();return(0,n.useEffect)((()=>{if(!(0,r.get)(e,t))return i(null),()=>{};const o=(0,r.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),n=a(4793);t.useNumberInput=({min:e=Number.NEGATIVE_INFINITY,max:t=Number.POSITIVE_INFINITY,value:a,defaultValue:l,onValueChange:r=n.noop})=>{const[i,s]=(0,o.useState)(a),u=(0,o.useRef)(!1),c=(0,o.useCallback)(((e,t)=>{null==t&&s(null!=l?l:a),r(e,t)}),[l,r,a]),d=(0,o.useMemo)((()=>(0,n.debounce)(((e,t)=>c(e,t.value)),250)),[c]);(0,o.useLayoutEffect)((()=>{s(a)}),[a]);return{handleChange:(0,o.useCallback)(((e,t)=>{s(t.value),u.current||d(e,t)}),[d]),handleBlur:(0,o.useCallback)((e=>{u.current=!1,a!==i&&c(e,i)}),[i,c,a]),handleFocus:(0,o.useCallback)((()=>{u.current=!0}),[]),handleKeyPress:(0,o.useCallback)((o=>{var l;if("string"==typeof o.key&&"enter"===o.key.toLowerCase()){const r=null===(l=o.target)||void 0===l?void 0:l.value,i=r?Number(r):void 0,s="number"==typeof i?(0,n.clamp)(i,e,t):void 0;a!==s&&c(o,s)}"string"==typeof o.key&&"escape"===o.key.toLowerCase()&&s(a)}),[c,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 n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.BaseEditorPropTypes=void 0;const r=l(a(23));t.BaseEditorPropTypes={name:r.string.isRequired,value:r.oneOfType([r.string,r.object,r.arrayOf(r.string)]),context:r.object,label:r.string,labelPosition:r.oneOf(["top","left"]),labelWidth:r.number,onChange:r.func,isAdvanced:r.bool,isDisabled:r.bool,dataSourceBindings:r.object,options:r.object,optionsSchema:r.object}},4008:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.AdvancedConfigButton=void 0;const i=l(a(9497)),s=l(a(23)),u=r(a(232)),c=a(6649),d=r(a(6643)),f=a(3563),p=r(a(6379)),m=r(a(7020)),b=r(a(9250)),g=(0,u.default)(b.default)`
+    margin-top: 0;
+    padding: 0;
+    // adjust bottom margin according to theme
+    margin-bottom: ${f.variables.spacingMedium};
+    width: 100%;
+
+    // remove top margin of the first component in control group
+    &:first-child {
+        margin-top: 0;
+    }
+
+    // remove bottom margin of the last component in control group
+    &:last-child {
+        margin-bottom: 0;
+    }
+    // remove top padding on label of the first control group
+    [data-test='label']:first-of-type {
+        padding-top: 0;
+    }
+`,h=(0,u.default)(p.default)`
+    display: flex;
+    > span {
+        display: flex;
+        width: 35px;
+    }
+`,y=(0,u.default)(m.default)`
+    color: ${f.variables.contentColorActive} !important;
+    &:hover {
+        background-color: ${f.variables.interactiveColorOverlayDrag} !important;
+    }
+`;t.AdvancedConfigButton=({label:e="",onClick:t})=>i.default.createElement(h,{"data-test":`${e}-advanced-config-button-tooltip`,content:(0,c._)("Advanced configurations")},i.default.createElement(y,{"data-test":`${e}-advanced-config-button`,icon:i.default.createElement(d.default,{"data-test":`${e}-advanced-config-button-icon`}),appearance:"subtle",onClick:t}));const v=({"data-test":e,children:a,isAdvanced:o,label:n,hideLabel:l,labelPosition:r,labelWidth:s,tooltip:u,help:c,style:d,error:f,controlsLayout:p,onClick:m,onAdvancedConfigButtonClick:b})=>i.default.createElement(g,{"data-test":null!=e?e:"control-group",label:n,hideLabel:l,labelPosition:r,labelWidth:s,tooltip:u,help:c,error:f,style:d,onClick:m,controlsLayout:p},o?i.Children.toArray(a).filter(Boolean).map((e=>(0,i.cloneElement)(e,{style:{flex:1}}))):a,o?i.default.createElement(t.AdvancedConfigButton,{label:n,onClick:b}):null);v.propTypes={style:s.object,isAdvanced:s.bool,onClick:s.func,onAdvancedConfigButtonClick:s.func},v.defaultProps={isAdvanced:!1},t.default=v},6212:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(a(9497)),s=r(a(232)),u=a(6649),c=r(a(9597)),d=r(a(2267)),f=s.default.div`
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    color: white;
+    /* this aligns the first item on the far left and the other item is aligned to flex end */
+    & :first-child {
+        margin-right: auto;
+    }
+    & {
+        padding: 4px 1px;
+    }
+`;t.default=()=>i.createElement(f,null,i.createElement(c.default,{"aria-label":(0,u._)("Bottom range")}),i.createElement(d.default,{"aria-label":(0,u._)("Top range")}))},962:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.CSPMessage=void 0;const i=l(a(9497)),s=a(6649),u=r(a(2138)),c=r(a(451)),d=r(a(5711));t.CSPMessage=({type:e})=>{const{cspMessageLink:t}=i.useContext(d.default);return i.createElement(u.default,{appearance:"fill",type:e,"data-test":`csp-message-${e}`},(0,s._)("External image URLs must now have their domains listed in the Dashboards Trusted Domains List by working with your administrator. Alternatively, you can upload the image directly into the dashboard. "),t&&i.createElement(c.default,{to:t,openInNewContext:!0},(0,s._)("Learn more")))}},4251:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(a(9497)),s=l(a(23)),u=r(a(232)),c=r(a(4566)),d=u.default.div.attrs((e=>({"data-test":e["data-test"]})))`
+    display: flex;
+    height: 35px;
+    width: 35px;
+    align-items: center;
+    justify-content: center;
+    color: ${c.default.contentColorActive};
+    border-radius: ${c.default.borderRadius};
+    &:hover {
+        background-color: ${c.default.interactiveColorOverlayHover};
+        cursor: pointer;
+    }
+`,f={dataTestKey:s.string,children:s.node,onClick:s.func},p=({children:e,dataTestKey:t,onClick:a})=>i.createElement(d,{"data-test":t,onClick:a},e);p.propTypes=f,t.default=p},5835:function(e,t,a){var o=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 n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(a[o[n]]=e[o[n]])}return a},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DECollapsiblePanel=void 0;const l=n(a(9497)),r=n(a(232)),i=n(a(8855)),s=a(3563),u=(0,r.default)(i.default)`
+    background-color: ${(0,s.pick)({enterprise:{light:s.variables.white,dark:s.variables.black},prisma:s.variables.backgroundColorSidebar})};
+`;t.DECollapsiblePanel=e=>{var{children:t}=e,a=o(e,["children"]);return l.default.createElement(u,Object.assign({"data-test-open":a.open},a),t)}},3620:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnSelectorFooterMessage=void 0;const r=l(a(9497)),i=a(3773),s=a(6649),u=a(9497);t.ColumnSelectorFooterMessage=({numSelected:e,numFiltered:t,numAvailable:a,filter:o,noSelectedFieldsInfo:n})=>{const l=(0,u.useMemo)((()=>o?n?(0,i.sprintf)((0,s._)("%(filtered)d filtered from %(available)d fields"),{filtered:t,available:a}):(0,i.sprintf)((0,s._)("%(selected)d selected from %(filtered)d filtered"),{selected:e,filtered:t}):n?(0,i.sprintf)((0,s._)("%(shown)d of %(available)d fields"),{shown:t,available:a}):(0,i.sprintf)((0,s._)("%(selected)d selected from %(available)d"),{selected:e,available:a})),[o,n,t,a,e]);return r.createElement("span",{"data-test":"footer-message","aria-live":"polite","aria-atomic":"true"},l)}},1151:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(a(9497)),s=l(a(23)),u=a(6649),c=r(a(232)),d=r(a(4566)),f=r(a(2138)),p=r(a(7020)),m=(0,u._)("Dynamic Option: Customized in source"),b=(0,u._)("Configured in source code beyond what can be shown here. Resetting to default will overwrite this custom configurations."),g=(0,u._)("Reset to default"),h=c.default.div`
+    padding: ${({padding:e})=>null!=e?e:"20px"};
+    width: ${({width:e})=>null!=e?e:"300px"};
+    color: ${d.default.contentColorActive};
+`,y=c.default.div`
+    font-weight: 600;
+    font-size: 14px;
+    line-height: 20px;
+    margin-bottom: 10px;
+`,v={headerText:s.string,info:s.string,resetButtonText:s.string,onResetToDefault:s.func,style:s.object},C=({headerText:e=m,info:t=b,resetButtonText:a=g,onResetToDefault:o=(()=>{}),style:n={}})=>i.createElement(h,{style:n},i.createElement(y,{"data-test":"popover-header"},e),i.createElement(f.default,{"data-test":"customized-source-popover-message",type:"info"},t),i.createElement(p.default,{"data-test":"popover-reset",appearance:"secondary",onClick:o,label:a}));C.propTypes=v,t.default=C},9909:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t};Object.defineProperty(t,"__esModule",{value:!0});const r=l(a(9497)),i=l(a(23)),s=({columnName:e,dataType:t})=>"_time"===e?r.createElement("span",null,"_time"):r.createElement("span",{"data-test":`format-field-name-${e}`},`${e} - `,r.createElement("span",{style:{fontStyle:"italic"}},t));s.propTypes={columnName:i.string,dataType:i.string},t.default=s},137: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.MessageContainer=void 0;const n=o(a(232));t.MessageContainer=n.default.div`
+    margin-top: 10px;
+`},1494:function(e,t,a){var o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const n=o(a(232));t.default=n.default.div`
+    border-radius: 3px; /* @TODO(pwied): should this be imported from SUI variables? */
+    overflow: hidden;
+    position: relative;
+    width: 100%;
+    height: 20px;
+`},5862:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.editorStyle=t.DROPDOWN_MENU_WIDTH=t.VERTICAL_EDITOR_SPACING=t.FLYOUT_WIDTH=t.COLUMN_FLYOUT_PADDING=t.FLYOUT_PADDING=void 0,t.FLYOUT_PADDING=21,t.COLUMN_FLYOUT_PADDING=16,t.FLYOUT_WIDTH=344,t.VERTICAL_EDITOR_SPACING=16,t.DROPDOWN_MENU_WIDTH=327,t.editorStyle={width:"100%"}},8372:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.useSectionState=t.SectionStateContextProvider=t.SectionStateContext=void 0;const r=l(a(9497));t.SectionStateContext=(0,r.createContext)(null);t.SectionStateContextProvider=({children:e,onCollapsibleOpen:a,onCollapsibleClose:o,initialCollapsibleState:n,filteredCollapsibleState:l})=>{const i=(0,r.useCallback)((({section:e})=>{if((null==e?void 0:e.label)&&void 0!==(null==l?void 0:l[e.label]))return l[e.label]}),[l]),s=(0,r.useCallback)((({section:e})=>{var t,a;return null===(a=null!==(t=null==n?void 0:n[e.label])&&void 0!==t?t:e.open)||void 0===a||a}),[n]),u=(0,r.useMemo)((()=>({getInitialIsOpen:s,getIsOpen:i,onOpen:a,onClose:o})),[s,i,a,o]);return r.default.createElement(t.SectionStateContext.Provider,{value:u},e)};t.useSectionState=({section:e})=>{const{getInitialIsOpen:a,getIsOpen:o,onOpen:n,onClose:l}=(0,r.useContext)(t.SectionStateContext),[i,s]=(0,r.useState)(a({section:e})),u=(0,r.useCallback)((()=>{s(!0),n(e.label)}),[n,e.label]),c=(0,r.useCallback)((()=>{s(!1),l(e.label)}),[l,e.label]);return{isOpen:(0,r.useMemo)((()=>{var t;return null!==(t=o({section:e}))&&void 0!==t?t:i}),[o,i,e]),onOpen:u,onClose:c}}},1256:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getPlaceholderMessage=t.sanitizeFieldNames=t.getFilteredFields=t.getAvailableFieldsWithTypes=void 0;const o=a(6649),n=a(2588);t.getAvailableFieldsWithTypes=(e,t)=>t.map(((t,a)=>{const{name:o}=t;return{name:o,type:(0,n.canInferTypeFromMeta)(t)?(0,n.getDataTypeForMeta)(t):(0,n.inferDataTypeFromData)(e[a])}}));t.getFilteredFields=(e,t)=>e.filter((e=>-1!==e.name.indexOf(t)));t.sanitizeFieldNames=(e,t)=>"string"==typeof e&&t.includes(e)?[e]:Array.isArray(e)?e.filter((e=>t.includes(e))):[];t.getPlaceholderMessage=({hasError:e,isLoading:t,isMissing:a,defaultMessage:n="Select a field from data source"})=>a?(0,o._)("Set up data source to select"):e?(0,o._)("Please set up valid data source to select"):t?(0,o._)("Loading data source..."):(0,o._)(n)},4381: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.getDynamicOptionsFromConfig=t.isConfigAdvanced=t.getFieldFromFieldNameDsl=void 0;const n=a(4793),l=a(2918),r=o(a(6447));t.getFieldFromFieldNameDsl=e=>{try{const t=l.DslParser.parse(r.default.withoutArrow(e)),a=(0,n.find)(t,{type:"method",name:"seriesByName"});return(0,n.get)(a,["args","0","v"],"")}catch(e){return""}};const i=e=>{try{const t=l.DslParser.parse(r.default.withoutArrow(e)),a=(0,n.findLastIndex)(t,{type:"method",name:"seriesByName"}),o=(0,n.findLastIndex)(t,{type:"method",name:"renameSeries"});return-1!==a&&-1!==o&&a<o}catch(e){return!1}};t.isConfigAdvanced=({items:e,context:t})=>{if("string"!=typeof e)return!1;const{label:a,value:o}=t;return"string"!=typeof a||"string"!=typeof o||(!(e=>{try{const t=l.DslParser.parse(r.default.withoutArrow(e));return 3===t.length&&(0,n.isMatch)(t[0],{type:"method",name:"frame"})&&(0,n.isMatch)(t[1],{type:"method",name:"prepend"})&&(0,n.isMatch)(t[2],{type:"method",name:"objects"})}catch(e){return!1}})(e)||!i(a)||!i(o))};t.getDynamicOptionsFromConfig=({items:e,context:a})=>{if(Array.isArray(e))return{staticOptions:e,dynamicOptionsLabel:"",dynamicOptionsValue:""};const o=a.statics||[],l=(0,n.zipWith)(...o,((e,t)=>({label:e,value:t}))),{label:r,value:i}=a;return{staticOptions:l,dynamicOptionsLabel:r?(0,t.getFieldFromFieldNameDsl)(r):"",dynamicOptionsValue:i?(0,t.getFieldFromFieldNameDsl)(i):""}}},6195:e=>{e.exports=require("@babel/runtime/helpers/defineProperty")},2649:e=>{e.exports=require("@babel/runtime/helpers/extends")},9597:e=>{e.exports=require("@splunk/react-icons/ArrowDown")},2267:e=>{e.exports=require("@splunk/react-icons/ArrowUp")},6062:e=>{e.exports=require("@splunk/react-icons/ArrowsRectangularDouble")},5784:e=>{e.exports=require("@splunk/react-icons/Cross")},5449:e=>{e.exports=require("@splunk/react-icons/Pencil")},6643:e=>{e.exports=require("@splunk/react-icons/SlidersDoubleHorizontal")},3625:e=>{e.exports=require("@splunk/react-icons/TrashCanCross")},7020:e=>{e.exports=require("@splunk/react-ui/Button")},8631:e=>{e.exports=require("@splunk/react-ui/Chip")},8855:e=>{e.exports=require("@splunk/react-ui/CollapsiblePanel")},7408:e=>{e.exports=require("@splunk/react-ui/Color")},7143:e=>{e.exports=require("@splunk/react-ui/ColumnLayout")},9250:e=>{e.exports=require("@splunk/react-ui/ControlGroup")},6214:e=>{e.exports=require("@splunk/react-ui/Dropdown")},8965:e=>{e.exports=require("@splunk/react-ui/FormRows")},451:e=>{e.exports=require("@splunk/react-ui/Link")},1018:e=>{e.exports=require("@splunk/react-ui/Markdown")},4233:e=>{e.exports=require("@splunk/react-ui/Menu")},2138:e=>{e.exports=require("@splunk/react-ui/Message")},7446:e=>{e.exports=require("@splunk/react-ui/Multiselect")},2782:e=>{e.exports=require("@splunk/react-ui/Number")},1551:e=>{e.exports=require("@splunk/react-ui/Popover")},5411:e=>{e.exports=require("@splunk/react-ui/RadioBar")},2373:e=>{e.exports=require("@splunk/react-ui/Select")},5309:e=>{e.exports=require("@splunk/react-ui/Slider")},5777:e=>{e.exports=require("@splunk/react-ui/Switch")},4082:e=>{e.exports=require("@splunk/react-ui/Text")},5905:e=>{e.exports=require("@splunk/react-ui/TextArea")},6379:e=>{e.exports=require("@splunk/react-ui/Tooltip")},3563:e=>{e.exports=require("@splunk/themes")},4566:e=>{e.exports=require("@splunk/themes/variables")},3773:e=>{e.exports=require("@splunk/ui-utils/format")},6649:e=>{e.exports=require("@splunk/ui-utils/i18n")},8987:e=>{e.exports=require("@splunk/ui-utils/id")},3850:e=>{e.exports=require("@splunk/visualization-color-palettes")},5089:e=>{e.exports=require("@splunk/visualization-color-palettes/editors/PresetPalettes")},4853:e=>{e.exports=require("@splunk/visualization-context/DataSourceContext")},7464:e=>{e.exports=require("@splunk/visualization-context/FeatureFlagContext")},5711:e=>{e.exports=require("@splunk/visualization-context/MessageContext")},2918:e=>{e.exports=require("@splunk/visualization-encoding/DslParser")},6447:e=>{e.exports=require("@splunk/visualization-encoding/EncodingParser")},2687:e=>{e.exports=require("@splunk/visualization-encoding/Options")},1413:e=>{e.exports=require("@splunk/visualization-encoding/utils/dsl")},2588:e=>{e.exports=require("@splunk/visualization-encoding/utils/types")},6769:e=>{e.exports=require("@splunk/visualization-icons/PresetIcons")},3283:e=>{e.exports=require("@splunk/visualizations-shared/colorUtils")},9033:e=>{e.exports=require("@splunk/visualizations-shared/dataSourceUtils")},7124:e=>{e.exports=require("@splunk/visualizations-shared/style")},9246:e=>{e.exports=require("@splunk/visualizations-shared/trellisUtils")},4793:e=>{e.exports=require("lodash")},3951:e=>{e.exports=require("lodash/clone")},1785:e=>{e.exports=require("lodash/cloneDeep")},9590:e=>{e.exports=require("lodash/get")},7598:e=>{e.exports=require("lodash/isEmpty")},5071:e=>{e.exports=require("lodash/isPlainObject")},4868:e=>{e.exports=require("lodash/omit")},23:e=>{e.exports=require("prop-types")},9497:e=>{e.exports=require("react")},348:e=>{e.exports=require("react-mde")},6265:e=>{e.exports=require("react-mde/lib/styles/css/react-mde-all.css")},232:e=>{e.exports=require("styled-components")}},t={};function a(o){var n=t[o];if(void 0!==n)return n.exports;var l=t[o]={exports:{}};return e[o].call(l.exports,l,l.exports,a),l.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var o in t)a.o(t,o)&&!a.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};(()=>{a.r(o),a.d(o,{default:()=>ue,mergeVisualizationDefinition:()=>re});var e=a(6195),t=a.n(e),n=a(9497),l=a.n(n),r=a(23),i=a.n(r),s=a(4868),u=a.n(s),c=a(7598),d=a.n(c),f=a(3951),p=a.n(f),m=a(1785),b=a.n(m),g=a(5071),h=a.n(g);const y=require("@splunk/visualizations-shared/configUtils");var v=a(6649),C=a(232),O=a.n(C),_=a(3563),E=a(7464),P=a.n(E),j=a(5835),x=a(4267),T=a(3941),S=a(7143),D=a.n(S),w=a(9590),M=a.n(w);const k=require("@splunk/themes/getSettingsFromThemedProps");var F=a.n(k);const R=require("@splunk/themes/getTheme");var B=a.n(R),A=a(6447),I=a.n(A),L=a(7741);function $(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 V(e){for(var a=1;a<arguments.length;a++){var o=null!=arguments[a]?arguments[a]:{};a%2?$(Object(o),!0).forEach((function(a){t()(e,a,o[a])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):$(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}const N=({key:e,context:t,options:a,item:o,itemSchema:n,theme:l})=>{let r=M()(a,e);if(void 0===r){if(r=n.default,o.overrideDefaultValue&&"function"==typeof o.overrideDefaultValue&&(r=o.overrideDefaultValue({options:a})),void 0===r&&"editor.presetSelector"===o.editor||"editor.tableColumnFormatter"===o.editor){const e=M()(o,["editorProps","value"]);"function"==typeof e&&(r=e({context:t,options:a}))}if(void 0===r&&"editor.color"===o.editor){const e=M()(o,["editorProps","pickFromTheme"]);if("function"==typeof e)r=e(l)({theme:l});else{const e=M()(o,["editorProps","themeVariable"]);if(e){var i;const t=B()(F()({theme:l}));r=null!==(i=M()(t,e))&&void 0!==i?i:M()(l,e)}}}if(Array.isArray(n.default)&&e.indexOf("[")>-1&&e.indexOf("]")===e.indexOf("[")+2){const t=`${e.slice(e.indexOf("]")+2)}`,o=`${e.slice(0,e.indexOf("]"))}]`,l=M()(a,o,void 0);if(l){const e=(({searchList:e,inputObj:t})=>{if(!Array.isArray(e)||0===e.length)return-1;const a=Object.keys(t);let o=0,n=0;return e.forEach(((e,l)=>{let r=0;a.forEach((a=>{e[a]===t[a]&&(r+=1)})),Math.max(o,r)>o&&(o=r,n=l)})),n})({searchList:n.default,inputObj:l});r=M()(n.default[e],t,n.default[e])}else r=M()(n.default,`[${e.slice(e.indexOf("["))}`,void 0)}}return!I().isDslString(r)||"editor.color"!==o.editor&&"editor.tableBackgroundColor"!==o.editor||(r=(({value:e,item:t,theme:a})=>{var o;const n=null==t||null===(o=t.editorProps)||void 0===o?void 0:o.themes,l={};n&&"object"==typeof n&&Object.keys(n).forEach((e=>{l[e]="function"==typeof n[e]?n[e]({theme:a}):void 0}));const r=I().parseOptions({options:{value:e},context:{themes:l}}),i=M()(r,["expressions","value"],[]).pop();if("identifier"===M()(i,"type")){const e=M()(r,`context.${i.v}`);if("string"==typeof e)return e}})({value:r,item:o,theme:l})||r),r},q=Object.freeze({}),W=()=>{},U=({item:e,options:t=q,context:a=q,schema:o,encoding:r=q,dataContract:i,dataSourceBindings:s=q,onOptionChange:u=W,onEncodingChange:c=W,onVisualizationChange:f=W})=>{const p=(0,n.useContext)(C.ThemeContext),m=(0,n.useContext)(P()),g=(0,n.useCallback)(((t,a,o)=>{if(null==o)return c(t,a,null);const n=b()(r[a]||M()(i,["encoding",a,"default"],{}));return void 0!==e.formatKey?n.format=V(V({},n.format),{},{[e.formatKey]:o}):n.field=o,c(t,a,n)}),[c,e,r,i]),h="function"==typeof e.isDisabled&&e.isDisabled({options:t,context:a,featureFlags:m}),y=(0,n.useMemo)((()=>e.encoding?((e,t)=>{const a=b()(M()(e,["encoding",t.encoding],{}));return t.formatKey?a.default=M()(a,["default","format",t.formatKey]):a.default=M()(a,["default","field"]),a})(i,e):(({item:e,schema:t,theme:a})=>{let o;const n=e.option||e.key;if(o=b()(M()(t,n,{})),d()(o)&&n&&n.includes(".")&&(o=b()(M()(t,n.split(".").join(".properties."),{}))),d()(o)&&n&&-1!==n.indexOf("["))return o=b()(M()(t,n.split("[")[0],{})),o;if(void 0!==o.default)return o;const l=M()(e,["editorProps","themeVariable"]);if(l){var r;const e=B()(F()({theme:a}));o.default=null!==(r=M()(e,l))&&void 0!==r?r:M()(a,l)}return o})({item:e,schema:o,theme:p})),[e,i,o,p]);let v,O,_;return e.encoding?(v=e.encoding,O=(({key:e,encoding:t,itemSchema:a,item:o})=>{let n=o.formatKey?M()(t,[e,"format",o.formatKey]):M()(t,[e,"field"]);return void 0===n&&a.isRequired&&(n=a.default),n})({key:v,encoding:r,itemSchema:y,item:e}),_=g):e.option&&e.context||!e.option&&!e.context?(v=e.option||e.key,O=N({key:v,options:t,context:a,item:e,itemSchema:y,theme:p}),_=f):(v=e.option,O=N({key:v,options:t,item:e,itemSchema:y,theme:p}),_=u),l().createElement(L.default,{item:e,name:v,context:a,itemSchema:y,dataSourceBindings:s,value:O,onChange:_,isDisabled:h,options:t,optionsSchema:o})};U.propTypes={item:i().object.isRequired,options:i().object,encoding:i().object,context:i().object,dataContract:i().object.isRequired,dataSourceBindings:i().object,schema:i().object.isRequired,onOptionChange:i().func,onEncodingChange:i().func,onVisualizationChange:i().func};const z=U;var K=a(5862);const Y=(e,t)=>`row_${e.map((e=>e.option||e.encoding)).join("_")}_${t}`,H=Object.freeze({}),G=()=>{},Z=({layout:e,options:t=H,context:a=H,schema:o,encoding:r=H,dataContract:i,dataSourceBindings:s=H,onOptionChange:u=G,onEncodingChange:c=G,onVisualizationChange:f=G})=>{const p=(0,n.useContext)(P()),m=e||[];return l().createElement(D(),{gutter:K.VERTICAL_EDITOR_SPACING},m.map(((e,n)=>{const m=(0,x.getFilteredRowsByShowEditor)({row:e,options:t,encoding:r,featureFlags:p});return 0===m.length?null:l().createElement(D().Row,{key:Y(e,n),alignItems:"center","data-test":"editorRow"},m.map(((p,m)=>{const b=12/e.length;return d()(p)?l().createElement(D().Column,{key:`item_${n}_${m}`,span:b}):l().createElement(D().Column,{key:`item_${p.item}_${n}_${m}`,span:b},l().createElement(z,{item:p,schema:o,dataContract:i,dataSourceBindings:s,options:t,context:a,encoding:r,onOptionChange:u,onEncodingChange:c,onVisualizationChange:f}))})))})))};Z.propTypes={layout:i().arrayOf(i().arrayOf(i().object)),options:i().object,encoding:i().object,context:i().object,dataContract:i().object.isRequired,dataSourceBindings:i().object,schema:i().object.isRequired,onOptionChange:i().func,onEncodingChange:i().func,onVisualizationChange:i().func};const X=Z;var J=a(8372);const Q=O().div`
+    padding: ${_.variables.spacingLarge};
+    background-color: ${(0,_.pick)({enterprise:{light:_.variables.white,dark:_.variables.black},prisma:_.variables.backgroundColorSidebar})};
+`,ee=Object.freeze({}),te=({section:e,sItr:t,visualization:a,optionSchema:o,dataContract:r=ee,handleOptionChange:i,handleEncodingChange:s,handleVisualizationChange:u})=>{var c;const d=(0,n.useContext)(P()),f=e.label||(0,v._)("Untitled section"),{isOpen:p,onOpen:m,onClose:b}=(0,J.useSectionState)({section:e}),{enableCollapsible:g=!0,enableSeparator:h=!0}=e,y=(0,n.useCallback)(((e,t)=>{const{action:a}=t;"open"===a?m():"close"===a&&b()}),[m,b]),C=(0,n.useMemo)((()=>l().createElement(X,{layout:e.layout,schema:o,dataContract:r,dataSourceBindings:a.dataSources,options:a.options,onOptionChange:i,context:a.context,encoding:a.encoding,onEncodingChange:s,onVisualizationChange:u})),[e.layout,o,r,a,i,s,u]),O=(0,n.useMemo)((()=>g?l().createElement(j.DECollapsiblePanel,{panelId:t,title:f,open:p,onChange:y,headingLevel:3},C):l().createElement(Q,null,C)),[C,g,y,p,f,t]);if(null==e||null===(c=e.layout)||void 0===c||!c.length)return null;return e.layout.some((e=>(0,x.getFilteredRowsByShowEditor)({row:e,options:a.options,encoding:a.encoding,featureFlags:d}).length>0))?l().createElement(l().Fragment,null,O,h&&!g&&l().createElement(T.default,null)):null};te.propTypes={section:i().object.isRequired,sItr:i().number,visualization:i().object.isRequired,optionSchema:i().object.isRequired,dataContract:i().object,handleOptionChange:i().func.isRequired,handleEncodingChange:i().func.isRequired,handleVisualizationChange:i().func.isRequired};const ae=te;function oe(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 ne(e){for(var a=1;a<arguments.length;a++){var o=null!=arguments[a]?arguments[a]:{};a%2?oe(Object(o),!0).forEach((function(a){t()(e,a,o[a])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):oe(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}const le=(e={},t={})=>{const a=p()(e);let o=!1;return Object.keys(t).forEach((n=>{if(h()(t[n])){const l=le(e[n],t[n]);d()(l)?(delete a[n],o=!0):l!==e[n]&&(a[n]=l,o=!0)}else if(null===t[n]||void 0===t[n])delete a[n],o=!0;else if(t[n]!==e[n]){if((0,x.isNestedOption)(n)&&((0,y.isDynamicOption)(t[n])||""===t[n])){const[e,o,l]=n.split(/[[\].]+/),r=Number(o);a[e]=a[e]||[],a[e][r]=a[e][r]||{},a[e][r][l]=t[n]}else a[n]=t[n];o=!0}})),o?a:e},re=(e={},t={})=>{const a=p()(e);let o=!1;return Object.keys(t).forEach((n=>{const l=le(e[n],t[n]);l!==e[n]&&(a[n]=l,o=!0)})),o?a:e},ie=Object.freeze({}),se=({editorLayout:e,optionSchema:t,dataContract:a=ie,onVisualizationChange:o,visualization:r,transformLayout:i,onCollapsibleOpen:s,onCollapsibleClose:c,initialCollapsibleState:d,filteredCollapsibleState:f})=>{const p=(0,n.useRef)(null!=d?d:{}),m=(0,n.useCallback)(((e,a,n)=>o(((e,o)=>(0,x.setOption)(a,n,e,t,o)))),[o,t]),g=(0,n.useCallback)(((e,t,a)=>{o((e=>{const o=null==a?u()(e.encoding,t):ne(ne({},e.encoding),{},{[t]:a});return ne(ne({},e),{},{encoding:o})}))}),[o]),h=(0,n.useCallback)(((e,t)=>{o((e=>re(e,t)))}),[o]),y=(0,n.useMemo)((()=>{let t=[];try{t="function"==typeof i?i({layout:b()(e),visualization:b()(r)}):e}catch(e){console.error((0,v._)("Layout transformation failed"),e)}return Array.isArray(t)?t:[]}),[e,i,r]);return l().createElement(J.SectionStateContextProvider,{initialCollapsibleState:p.current,filteredCollapsibleState:null!=f?f:{},onCollapsibleOpen:s,onCollapsibleClose:c},y.map(((e,o)=>l().createElement(ae,{key:`${r.type}_${e.label}`,section:e,sItr:o,visualization:r,optionSchema:t,dataContract:a,handleOptionChange:m,handleEncodingChange:g,handleVisualizationChange:h}))))};se.propTypes={visualization:i().object.isRequired,onVisualizationChange:i().func.isRequired,dataContract:i().object,optionSchema:i().object.isRequired,editorLayout:i().arrayOf(i().shape({label:i().string,open:i().bool,layout:i().arrayOf(i().arrayOf(i().object)),enableCollapsible:i().bool,enableSeparator:i().bool})).isRequired,transformLayout:i().func,onCollapsibleOpen:i().func,onCollapsibleClose:i().func,initialCollapsibleState:i().object,filteredCollapsibleState:i().object};const ue=se})(),module.exports=o})();
+//# sourceMappingURL=DynamicEditor.js.map