@splunk/dynamic-editors 0.38.0 → 0.38.2

package/editors/TableColumnFormatterEditor.js

@@ -2,13 +2,13 @@
  * 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={6004:(e,t,a)=>{a.r(t),a.d(t,{default:()=>ae,editorTypeToComponentMap:()=>ee});var o=a(2649),l=a.n(o),r=a(9497),n=a.n(r),i=a(23),s=a.n(i),u=a(2749),d=a.n(u),c=a(4182),f=a(3263),p=a(9967),m=a(2065),g=a(3797),b=a(437),h=a(3068),v=a(148),y=a.n(v),C=a(4215),_=a.n(C),O=a(2406),E=a(2055),x=a(1027),P=a(152),j=a(8281),w=a(4942),T=a.n(w),D=a(5731),S=a.n(D),M=a(6116),k=a.n(M),F=a(8444),R=a(4680),B=a(7970),A=a.n(B),I=a(5456),L=a(7585),$=a.n(L),V=a(2117),N=a.n(V),q=a(2965),W=a.n(q),U=a(5695),z=a.n(U),K=a(7364),G=a.n(K),H=a(9172),Y=a.n(H),X=a(5678),J=a.n(X),Z=a(8687),Q=a.n(Z);const ee={"editor.checkbox":d(),"editor.radioBar":f.default,"editor.select":c.default,"editor.text":p.default,"editor.textArea":Q(),"editor.toggle":m.default,"editor.number":g.default,"editor.color":b.default,"editor.percent":h.default,"editor.image":O.default,"editor.threshold":E.default,"editor.presetSelector":_(),"editor.dynamicColor":P.DynamicColorEditor,"editor.dynamicColorWithPrecedence":j.DynamicColorEditorWithPrecedence,"editor.columnMultiSelector":T(),"editor.columnSelector":S(),"editor.tableColumnFormatter":k(),"editor.tableBackgroundColor":R.TableBackgroundColorEditor,"editor.tableDynamicColor":F.TableDynamicColorEditor,"editor.slider":y(),"editor.markdown":A(),"editor.staticItem":I.default,"editor.dynamicItem":$(),"editor.arrayOfStrings":N(),"editor.multiColorPicker":W(),"editor.seriesColors":z(),"editor.seriesColorsByField":G(),"editor.columnMultiSelectionByFieldNameEditor":Y(),"editor.trellisSplitBy":J()},te=({item:e,name:t,itemSchema:a,dataSourceBindings:o,context:r,value:i,onChange:s,isDisabled:u,options:d,optionsSchema:c})=>{const{editor:f}=e;let p;if("string"==typeof f){if(!ee[f])throw Error(`Invalid editor type: ${f}`);p=ee[f]}else p=f;const m=(0,x.getStaticItemSchema)(a);return n().createElement("div",{key:e.option||e.encoding,"data-test":`editor-${t}`},n().createElement(p,l()({},e.editorProps,{name:t,isOption:!!e.option,itemSchema:m,dataSourceBindings:o,label:e.label,onChange:s,value:i,context:r,placeholder:e.placeholder,isAdvanced:e.isAdvanced,isDisabled:u,options:d,optionsSchema:c})))};te.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 ae=te},437:(e,t,a)=>{a.r(t),a.d(t,{default:()=>S});var o=a(9497),l=a.n(o),r=a(23),n=a.n(r),i=a(232),s=a.n(i),u=a(4793),d=a(3563),c=a(7408),f=a.n(c),p=a(4082),m=a.n(p),g=a(8987),b=a(6649);const h=require("@splunk/react-ui/ScreenReaderContent");var v=a.n(h);const y=require("@splunk/visualizations-shared/colorConstants");var C=a(3283),_=a(4008),O=a.n(_);const E=s().div`
+ */(()=>{"use strict";var e={6004:(e,t,a)=>{a.r(t),a.d(t,{default:()=>ae,editorTypeToComponentMap:()=>ee});var o=a(2649),l=a.n(o),r=a(9497),n=a.n(r),i=a(23),s=a.n(i),u=a(2749),d=a.n(u),c=a(4182),f=a(3263),p=a(9967),m=a(2065),g=a(3797),b=a(437),h=a(3068),v=a(148),y=a.n(v),C=a(4215),_=a.n(C),O=a(2406),E=a(2055),x=a(1027),P=a(152),j=a(8281),w=a(4942),T=a.n(w),D=a(5731),S=a.n(D),M=a(6116),k=a.n(M),F=a(8444),R=a(4680),B=a(7970),A=a.n(B),I=a(5456),L=a(7585),$=a.n(L),V=a(2117),N=a.n(V),q=a(2965),W=a.n(q),U=a(5695),z=a.n(U),G=a(7364),K=a.n(G),H=a(9172),Y=a.n(H),X=a(5678),Z=a.n(X),J=a(8687),Q=a.n(J);const ee={"editor.checkbox":d(),"editor.radioBar":f.default,"editor.select":c.default,"editor.text":p.default,"editor.textArea":Q(),"editor.toggle":m.default,"editor.number":g.default,"editor.color":b.default,"editor.percent":h.default,"editor.image":O.default,"editor.threshold":E.default,"editor.presetSelector":_(),"editor.dynamicColor":P.DynamicColorEditor,"editor.dynamicColorWithPrecedence":j.DynamicColorEditorWithPrecedence,"editor.columnMultiSelector":T(),"editor.columnSelector":S(),"editor.tableColumnFormatter":k(),"editor.tableBackgroundColor":R.TableBackgroundColorEditor,"editor.tableDynamicColor":F.TableDynamicColorEditor,"editor.slider":y(),"editor.markdown":A(),"editor.staticItem":I.default,"editor.dynamicItem":$(),"editor.arrayOfStrings":N(),"editor.multiColorPicker":W(),"editor.seriesColors":z(),"editor.seriesColorsByField":K(),"editor.columnMultiSelectionByFieldNameEditor":Y(),"editor.trellisSplitBy":Z()},te=({item:e,name:t,itemSchema:a,dataSourceBindings:o,context:r,value:i,onChange:s,isDisabled:u,options:d,optionsSchema:c})=>{const{editor:f}=e;let p;if("string"==typeof f){if(!ee[f])throw Error(`Invalid editor type: ${f}`);p=ee[f]}else p=f;const m=(0,x.getStaticItemSchema)(a);return n().createElement("div",{key:e.option||e.encoding,"data-test":`editor-${t}`},n().createElement(p,l()({},e.editorProps,{name:t,isOption:!!e.option,itemSchema:m,dataSourceBindings:o,label:e.label,onChange:s,value:i,context:r,placeholder:e.placeholder,isAdvanced:e.isAdvanced,isDisabled:u,options:d,optionsSchema:c})))};te.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 ae=te},437:(e,t,a)=>{a.r(t),a.d(t,{default:()=>S});var o=a(9497),l=a.n(o),r=a(23),n=a.n(r),i=a(232),s=a.n(i),u=a(4793),d=a(3563),c=a(7408),f=a.n(c),p=a(4082),m=a.n(p),g=a(8987),b=a(6649);const h=require("@splunk/react-ui/ScreenReaderContent");var v=a.n(h);const y=require("@splunk/visualizations-shared/colorConstants");var C=a(3283),_=a(4008),O=a.n(_);const E=s().div`
     max-height: ${d.variables.inputHeight};
     width: 100%;
     min-width: 0;
 `,x=s()(m())`
     max-height: ${d.variables.inputHeight};
-`,P=({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"},j=({id:e,showTextInput:t,color:a,palette:r,handleColorChange:n,labelledBy:i,textWidth:s,value:u,name:d,handleTextColorChange:c,handleKeyPress:p,handleBlur:m,isDisabled:h})=>{const y=(0,o.useMemo)((()=>(0,g.createDOMID)("color-code")),[]);return l().createElement(l().Fragment,null,l().createElement("div",null,l().createElement(f(),{key:"color-editor",append:t,value:P({color:a}),palette:r,onChange:n,"data-test":`color-picker-${d}`,disabled:h,hideInput:!0,labelledBy:i})),t&&l().createElement(E,{"data-test":"text-container",textWidth:s},l().createElement(v(),{id:y},(0,b._)("Color code input")),l().createElement(x,{key:u,"data-test":d,prepend:!0,value:null===a?"N/A":a,onChange:c,onKeyDown:p,onBlur:m,disabled:h,style:{height:"32px"},labelledBy:`${i} ${y}`,inputId:e})))};j.propTypes={id:n().string,showTextInput:n().bool,color:n().string,palette:n().arrayOf(n().string),handleColorChange:n().func,labelledBy:n().string,textWidth:n().oneOfType([n().string,n().number]),value:n().string,name:n().string.isRequired,handleTextColorChange:n().func,handleKeyPress:n().func,handleBlur:n().func,isDisabled:n().bool};const w={default:"transparent"},T={},D=({name:e="color",value:t="transparent",label:a="",labelPosition:r="top",labelWidth:n,palette:i=y.COLOR_EDITOR_PALETTE,onChange:s=u.noop,itemSchema:d=w,isDisabled:c=!1,textWidth:f="auto",hideLabel:p=!1,showTextInput:m=!0,style:g=T})=>{const[b,h]=(0,o.useState)(t);(0,o.useEffect)((()=>{h(t)}),[t]);const v=(0,o.useMemo)((()=>(0,u.debounce)(s,250)),[s]),C=(0,o.useCallback)((({value:a})=>{const o=P({color:a,defaultColor:d.default,prevColor:t});h(o),t!==o&&v(null,e,o)}),[v,d.default,e,t]),_=(0,o.useCallback)(((e,{value:t})=>{const a="n/a"===(0,u.toLower)(t).trim()?null:t;h(a)}),[]),E=(0,o.useCallback)((a=>{if("Escape"!==a.key){if("Enter"===a.key&&t!==b){const o=P({color:b,defaultColor:d.default,prevColor:t});h(o),o!==t&&s(a,e,o)}}else h(t)}),[e,b,t,s,d.default]),x=(0,o.useCallback)((a=>{if(b!==t){const o=P({color:b,defaultColor:d.default,prevColor:t});h(o),o!==t&&s(a,e,o)}}),[e,b,t,s,d.default]);return l().createElement(O(),{label:a,labelPosition:r,labelWidth:n,style:g,hideLabel:p,controlsLayout:"fillJoin"},l().createElement(j,{showTextInput:m,color:b,palette:i,handleColorChange:C,name:e,isDisabled:c,textWidth:f,value:t,handleTextColorChange:_,handleKeyPress:E,handleBlur:x}))};D.propTypes={name:n().string.isRequired,value:n().string,itemSchema:n().object,label:n().string.isRequired,hideLabel:n().bool,showTextInput:n().bool,style:n().object,labelPosition:n().oneOf(["top","left"]),labelWidth:n().number,palette:n().arrayOf(n().string),onChange:n().func.isRequired,isDisabled:n().bool,textWidth:n().oneOfType([n().string,n().number])};const S=D},2406:(e,t,a)=>{a.d(t,{default:()=>J});var o=a(9497),l=a.n(o),r=a(23),n=a.n(r);const i=require("@splunk/visualization-context/ImageContext");var s=a.n(i),u=a(4008),d=a.n(u),c=a(6195),f=a.n(c),p=a(232),m=a.n(p),g=a(6649),b=a(6447),h=a.n(b),v=a(4082),y=a.n(v);const C=require("@splunk/react-ui/Image");var _=a.n(C),O=a(7464),E=a.n(O),x=a(4793),P=a(962);const j=m().div`
+`,P=({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"},j=({id:e,showTextInput:t,color:a,palette:r,handleColorChange:n,labelledBy:i,textWidth:s,value:u,name:d,handleTextColorChange:c,handleKeyPress:p,handleBlur:m,isDisabled:h})=>{const y=(0,o.useMemo)((()=>(0,g.createDOMID)("color-code")),[]);return l().createElement(l().Fragment,null,l().createElement("div",null,l().createElement(f(),{key:"color-editor",append:t,value:P({color:a}),palette:r,onChange:n,"data-test":`color-picker-${d}`,disabled:h,hideInput:!0,labelledBy:i})),t&&l().createElement(E,{"data-test":"text-container",textWidth:s},l().createElement(v(),{id:y},(0,b._)("Color code input")),l().createElement(x,{key:u,"data-test":d,prepend:!0,value:null===a?"N/A":a,onChange:c,onKeyDown:p,onBlur:m,disabled:h,style:{height:"32px"},labelledBy:`${i} ${y}`,inputId:e})))};j.propTypes={id:n().string,showTextInput:n().bool,color:n().string,palette:n().arrayOf(n().string),handleColorChange:n().func,labelledBy:n().string,textWidth:n().oneOfType([n().string,n().number]),value:n().string,name:n().string.isRequired,handleTextColorChange:n().func,handleKeyPress:n().func,handleBlur:n().func,isDisabled:n().bool};const w={default:"transparent"},T={},D=({name:e="color",value:t="transparent",label:a="",labelPosition:r="top",labelWidth:n,palette:i=y.COLOR_EDITOR_PALETTE,onChange:s=u.noop,itemSchema:d=w,isDisabled:c=!1,textWidth:f="auto",hideLabel:p=!1,showTextInput:m=!0,style:g=T})=>{const[b,h]=(0,o.useState)(t);(0,o.useEffect)((()=>{h(t)}),[t]);const v=(0,o.useMemo)((()=>(0,u.debounce)(s,250)),[s]),C=(0,o.useCallback)((({value:a})=>{const o=P({color:a,defaultColor:d.default,prevColor:t});h(o),t!==o&&v(null,e,o)}),[v,d.default,e,t]),_=(0,o.useCallback)(((e,{value:t})=>{const a="n/a"===(0,u.toLower)(t).trim()?null:t;h(a)}),[]),E=(0,o.useCallback)((a=>{if("Escape"!==a.key){if("Enter"===a.key&&t!==b){const o=P({color:b,defaultColor:d.default,prevColor:t});h(o),o!==t&&s(a,e,o)}}else h(t)}),[e,b,t,s,d.default]),x=(0,o.useCallback)((a=>{if(b!==t){const o=P({color:b,defaultColor:d.default,prevColor:t});h(o),o!==t&&s(a,e,o)}}),[e,b,t,s,d.default]);return l().createElement(O(),{label:a,labelPosition:r,labelWidth:n,style:g,hideLabel:p,controlsLayout:"fillJoin"},l().createElement(j,{showTextInput:m,color:b,palette:i,handleColorChange:C,name:e,isDisabled:c,textWidth:f,value:t,handleTextColorChange:_,handleKeyPress:E,handleBlur:x}))};D.propTypes={name:n().string.isRequired,value:n().string,itemSchema:n().object,label:n().string.isRequired,hideLabel:n().bool,showTextInput:n().bool,style:n().object,labelPosition:n().oneOf(["top","left"]),labelWidth:n().number,palette:n().arrayOf(n().string),onChange:n().func.isRequired,isDisabled:n().bool,textWidth:n().oneOfType([n().string,n().number])};const S=D},2406:(e,t,a)=>{a.d(t,{default:()=>Z});var o=a(9497),l=a.n(o),r=a(23),n=a.n(r);const i=require("@splunk/visualization-context/ImageContext");var s=a.n(i),u=a(4008),d=a.n(u),c=a(6195),f=a.n(c),p=a(232),m=a.n(p),g=a(6649),b=a(6447),h=a.n(b),v=a(4082),y=a.n(v);const C=require("@splunk/react-ui/Image");var _=a.n(C),O=a(7464),E=a.n(O),x=a(4793),P=a(962);const j=m().div`
     padding-bottom: 5px;
     width: 100%;
     text-align: center;
@@ -39,18 +39,18 @@
     text-align: start;
     text-overflow: ellipsis;
     white-space: nowrap;
-`,K=m()(I()).attrs({"data-test":"image-remove-button"})`
+`,G=m()(I()).attrs({"data-test":"image-remove-button"})`
     flex-grow: 0;
     color: ${L.variables.contentColorActive} !important;
     &:hover {
         background-color: ${L.variables.actionColorBackgroundSecondaryHover} !important;
     }
-`,G=m().img`
+`,K=m().img`
     ${L.mixins.reset("block")};
     margin: 0 auto;
     max-width: 100%;
     max-height: 180px;
-`,H=({filename:e=null,imageDataURI:t=null,onImageRemove:a=x.noop,overrideCSPViolation:o})=>{const r=(0,$.useCSPViolationObserver)(t,o);return l().createElement(q,null,l().createElement(W,null,l().createElement(U,null,l().createElement(z,null,e),l().createElement(K,{"aria-label":(0,g._)("Remove image"),appearance:"subtle",icon:N,onClick:a})),l().createElement(G,{alt:e,src:t})),"none"!==r&&l().createElement(V.MessageContainer,null,l().createElement(P.CSPMessage,{type:r})))};H.propTypes={filename:n().string,imageDataURI:n().string,onImageRemove:n().func,overrideCSPViolation:n().string};const Y=H,X=({onChange:e,name:t,value:a,labelPosition:r="top",labelWidth:n,label:i,validMediaTypes:u,svgRenderAsDom:c,overrideCSPViolation:f})=>{const p=(0,o.useContext)(s()),[m,g]=(0,o.useState)(null),[b,h]=(0,o.useState)(null),v=(0,o.useCallback)((async(a,o)=>{try{const l=await p.upload(o,{name:a},null,u);e(null,t,l)}catch(e){console.warn(e)}}),[p,u,e,t]),y=(0,o.useCallback)((({src:a,filename:o,imageDataURI:l})=>a?e(null,t,a):null!==o&&null!==l?v(o,l):e(null,t,null)),[v,e,t]),C=(0,o.useCallback)((a=>e(a,t,null)),[e,t]);return(0,o.useEffect)((()=>{(async()=>{if(a){const e=await(async(e,t)=>null!=e&&e.isResourceURL(t)?e.getByURL(t):{dataURI:t,metaData:{name:t}})(p,a);g(e.dataURI),h(e.metaData.name)}})()}),[a,p]),l().createElement(d(),{label:i,labelPosition:r,labelWidth:n},a?l().createElement(Y,{filename:b,imageDataURI:m,onImageRemove:C,overrideCSPViolation:f}):l().createElement(F,{svgRenderAsDom:c,validImageTypes:u,handleImageUpload:y}))};X.propTypes={onChange:n().func.isRequired,name:n().string.isRequired,label:n().string.isRequired,value:n().string,labelPosition:n().oneOf(["top","left"]),labelWidth:n().number,validMediaTypes:n().array,svgRenderAsDom:n().bool,overrideCSPViolation:n().string};const J=X},3797:(e,t,a)=>{a.d(t,{default:()=>p});var o=a(9497),l=a.n(o),r=a(23),n=a.n(r),i=a(2782),s=a.n(i),u=a(4008),d=a.n(u),c=a(5592);const f=({onChange:e,name:t,value:a=null,labelPosition:r="top",labelWidth:n,label:i,min:u,max:f,step:p,isDisabled:m,help:g,defaultValue:b})=>{const h=(0,o.useCallback)(((a,o)=>{if(void 0===b&&null==o)return void e(a,t,o);const l=parseFloat(null!=o?o:b);Number.isFinite(l)&&e(a,t,l)}),[b,e,t]),{currentValue:v,handleChange:y,handleBlur:C,handleFocus:_,handleKeyPress:O}=(0,c.useNumberInput)({value:a,min:u,max:f,defaultValue:b,onValueChange:h});return l().createElement(d(),{label:i,labelPosition:r,labelWidth:n,help:g},l().createElement(s(),{"data-test":t,min:u,max:f,step:p,onChange:y,onBlur:C,onFocus:_,onKeyDown:O,value:v,disabled:m}))};f.propTypes={onChange:n().func.isRequired,name:n().string.isRequired,label:n().string.isRequired,value:n().number,defaultValue:n().number,labelPosition:n().oneOf(["top","left"]),labelWidth:n().number,min:n().number,max:n().number,step:n().number,isDisabled:n().bool,help:n().string};const p=f},3068:(e,t,a)=>{a.d(t,{default:()=>u});var o=a(9497),l=a.n(o),r=a(23),n=a.n(r),i=a(3797);const s=({name:e,value:t=0,labelPosition:a="top",labelWidth:r,label:n,onChange:s,isDisabled:u=!1,help:d})=>{const c=(0,o.useCallback)(((e,t,a)=>{s(e,t,null==a?a:a/100)}),[s]);return l().createElement(i.default,{name:e,value:Math.round(100*t),label:n,labelPosition:a,labelWidth:r,onChange:c,min:0,max:100,step:1,disabled:u,help:d})};s.propTypes={onChange:n().func.isRequired,name:n().string.isRequired,label:n().string.isRequired,labelWidth:n().number,value:n().number,labelPosition:n().oneOf(["top","left"]),isDisabled:n().bool,help:n().string};const u=s},3263:(e,t,a)=>{a.r(t),a.d(t,{default:()=>y});var o=a(2649),l=a.n(o),r=a(9497),n=a.n(r),i=a(23),s=a.n(i),u=a(5411),d=a.n(u),c=a(6379),f=a.n(c),p=a(2166),m=a(1027),g=a(5862),b=a(4008),h=a.n(b);const v=({onChange:e,name:t,itemSchema:a,values:o,value:i,labelPosition:s="top",labelWidth:u,label:c,isDisabled:b=!1})=>{const v=(0,m.getOptions)(a,o),y=(0,p.hasTokens)(i)||b,C=(0,r.useCallback)(((a,{value:o})=>e(a,t,o)),[e,t]),_=c&&""!==c?void 0:{marginTop:"-8px"};return n().createElement(h(),{label:c,labelPosition:s,labelWidth:u,style:_},n().createElement(d(),{"data-test":t,onChange:C,value:i,style:g.editorStyle,disabled:y},v.map((e=>{const t=e.label||e.value,a={};return e.icon?a.startAdornment=n().createElement(f(),{content:t},n().createElement(e.icon,{hideDefaultTooltip:!0})):a.label=t,n().createElement(d().Option,l()({key:e.value,value:e.value,disabled:y},a))}))))};v.propTypes={onChange:s().func.isRequired,name:s().string.isRequired,itemSchema:s().object,values:s().arrayOf(s().shape({label:s().string,value:s().oneOfType([s().string,s().bool]).isRequired})),value:s().oneOfType([s().string,s().bool]),label:s().string.isRequired,labelPosition:s().oneOf(["left","top"]),labelWidth:s().number,isDisabled:s().bool};const y=v},4182:(e,t,a)=>{a.d(t,{default:()=>g});var o=a(9497),l=a.n(o),r=a(23),n=a.n(r),i=a(2373),s=a.n(i),u=a(2166),d=a(1027),c=a(5862),f=a(4008),p=a.n(f);const m=({onChange:e,name:t,itemSchema:a,values:r,value:n,labelPosition:i="top",labelWidth:f,label:m,tooltip:g,isDisabled:b=!1,isAdvanced:h,hideLabel:v})=>{const y=(0,d.getOptions)(a,r),C=(0,u.hasTokens)(n)||b,_=(0,o.useCallback)(((a,{value:o})=>e(a,t,o)),[e,t]);return l().createElement(p(),{label:m,labelPosition:i,labelWidth:f,tooltip:g,isAdvanced:h,hideLabel:v},l().createElement(s(),{"data-test":t,onChange:_,value:n,disabled:C,style:c.editorStyle},y.map((e=>l().createElement(s().Option,{key:e.value,value:e.value,label:e.label||e.value,icon:e.icon?l().createElement(e.icon,null):null})))))};m.propTypes={onChange:n().func.isRequired,name:n().string.isRequired,itemSchema:n().object,values:n().arrayOf(n().shape({label:n().string,value:n().oneOfType([n().string,n().number]).isRequired})),value:n().oneOfType([n().string,n().number]),label:n().string.isRequired,labelPosition:n().oneOf(["left","top"]),labelWidth:n().number,tooltip:n().string,isDisabled:n().bool,isAdvanced:n().bool,hideLabel:n().bool};const g=m},5456:(e,t,a)=>{a.r(t),a.d(t,{default:()=>D});var o=a(6195),l=a.n(o),r=a(9497),n=a.n(r),i=a(23),s=a.n(i),u=a(232),d=a.n(u),c=a(4793),f=a(6649),p=a(8965),m=a.n(p),g=a(9967),b=a(4008),h=a.n(b);function v(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 y(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?v(Object(a),!0).forEach((function(t){l()(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):v(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}const C=d().div`
+`,H=({filename:e=null,imageDataURI:t=null,onImageRemove:a=x.noop,overrideCSPViolation:o})=>{const r=(0,$.useCSPViolationObserver)(t,o);return l().createElement(q,null,l().createElement(W,null,l().createElement(U,null,l().createElement(z,null,e),l().createElement(G,{"aria-label":(0,g._)("Remove image"),appearance:"subtle",icon:N,onClick:a})),l().createElement(K,{alt:e,src:t})),"none"!==r&&l().createElement(V.MessageContainer,null,l().createElement(P.CSPMessage,{type:r})))};H.propTypes={filename:n().string,imageDataURI:n().string,onImageRemove:n().func,overrideCSPViolation:n().string};const Y=H,X=({onChange:e,name:t,value:a,labelPosition:r="top",labelWidth:n,label:i,validMediaTypes:u,svgRenderAsDom:c,overrideCSPViolation:f})=>{const p=(0,o.useContext)(s()),[m,g]=(0,o.useState)(null),[b,h]=(0,o.useState)(null),v=(0,o.useCallback)((async(a,o)=>{try{const l=await p.upload(o,{name:a},null,u);e(null,t,l)}catch(e){console.warn(e)}}),[p,u,e,t]),y=(0,o.useCallback)((({src:a,filename:o,imageDataURI:l})=>a?e(null,t,a):null!==o&&null!==l?v(o,l):e(null,t,null)),[v,e,t]),C=(0,o.useCallback)((a=>e(a,t,null)),[e,t]);return(0,o.useEffect)((()=>{(async()=>{if(a){const e=await(async(e,t)=>null!=e&&e.isResourceURL(t)?e.getByURL(t):{dataURI:t,metaData:{name:t}})(p,a);g(e.dataURI),h(e.metaData.name)}})()}),[a,p]),l().createElement(d(),{label:i,labelPosition:r,labelWidth:n},a?l().createElement(Y,{filename:b,imageDataURI:m,onImageRemove:C,overrideCSPViolation:f}):l().createElement(F,{svgRenderAsDom:c,validImageTypes:u,handleImageUpload:y}))};X.propTypes={onChange:n().func.isRequired,name:n().string.isRequired,label:n().string.isRequired,value:n().string,labelPosition:n().oneOf(["top","left"]),labelWidth:n().number,validMediaTypes:n().array,svgRenderAsDom:n().bool,overrideCSPViolation:n().string};const Z=X},3797:(e,t,a)=>{a.d(t,{default:()=>p});var o=a(9497),l=a.n(o),r=a(23),n=a.n(r),i=a(2782),s=a.n(i),u=a(4008),d=a.n(u),c=a(5592);const f=({onChange:e,name:t,value:a=null,labelPosition:r="top",labelWidth:n,label:i,min:u,max:f,step:p,isDisabled:m,help:g,defaultValue:b})=>{const h=(0,o.useCallback)(((a,o)=>{if(void 0===b&&null==o)return void e(a,t,o);const l=parseFloat(null!=o?o:b);Number.isFinite(l)&&e(a,t,l)}),[b,e,t]),{currentValue:v,handleChange:y,handleBlur:C,handleFocus:_,handleKeyPress:O}=(0,c.useNumberInput)({value:a,min:u,max:f,defaultValue:b,onValueChange:h});return l().createElement(d(),{label:i,labelPosition:r,labelWidth:n,help:g},l().createElement(s(),{"data-test":t,min:u,max:f,step:p,onChange:y,onBlur:C,onFocus:_,onKeyDown:O,value:v,disabled:m}))};f.propTypes={onChange:n().func.isRequired,name:n().string.isRequired,label:n().string.isRequired,value:n().number,defaultValue:n().number,labelPosition:n().oneOf(["top","left"]),labelWidth:n().number,min:n().number,max:n().number,step:n().number,isDisabled:n().bool,help:n().string};const p=f},3068:(e,t,a)=>{a.d(t,{default:()=>u});var o=a(9497),l=a.n(o),r=a(23),n=a.n(r),i=a(3797);const s=({name:e,value:t=0,labelPosition:a="top",labelWidth:r,label:n,onChange:s,isDisabled:u=!1,help:d})=>{const c=(0,o.useCallback)(((e,t,a)=>{s(e,t,null==a?a:a/100)}),[s]);return l().createElement(i.default,{name:e,value:Math.round(100*t),label:n,labelPosition:a,labelWidth:r,onChange:c,min:0,max:100,step:1,disabled:u,help:d})};s.propTypes={onChange:n().func.isRequired,name:n().string.isRequired,label:n().string.isRequired,labelWidth:n().number,value:n().number,labelPosition:n().oneOf(["top","left"]),isDisabled:n().bool,help:n().string};const u=s},3263:(e,t,a)=>{a.r(t),a.d(t,{default:()=>y});var o=a(2649),l=a.n(o),r=a(9497),n=a.n(r),i=a(23),s=a.n(i),u=a(5411),d=a.n(u),c=a(6379),f=a.n(c),p=a(2166),m=a(1027),g=a(5862),b=a(4008),h=a.n(b);const v=({onChange:e,name:t,itemSchema:a,values:o,value:i,labelPosition:s="top",labelWidth:u,label:c,isDisabled:b=!1})=>{const v=(0,m.getOptions)(a,o),y=(0,p.hasTokens)(i)||b,C=(0,r.useCallback)(((a,{value:o})=>e(a,t,o)),[e,t]),_=c&&""!==c?void 0:{marginTop:"-8px"};return n().createElement(h(),{label:c,labelPosition:s,labelWidth:u,style:_},n().createElement(d(),{"data-test":t,onChange:C,value:i,style:g.editorStyle,disabled:y},v.map((e=>{const t=e.label||e.value,a={};return e.icon?a.startAdornment=n().createElement(f(),{content:t},n().createElement(e.icon,{hideDefaultTooltip:!0})):a.label=t,n().createElement(d().Option,l()({key:e.value,value:e.value,disabled:y},a))}))))};v.propTypes={onChange:s().func.isRequired,name:s().string.isRequired,itemSchema:s().object,values:s().arrayOf(s().shape({label:s().string,value:s().oneOfType([s().string,s().bool]).isRequired})),value:s().oneOfType([s().string,s().bool]),label:s().string.isRequired,labelPosition:s().oneOf(["left","top"]),labelWidth:s().number,isDisabled:s().bool};const y=v},4182:(e,t,a)=>{a.d(t,{default:()=>g});var o=a(9497),l=a.n(o),r=a(23),n=a.n(r),i=a(2373),s=a.n(i),u=a(2166),d=a(1027),c=a(5862),f=a(4008),p=a.n(f);const m=({onChange:e,name:t,itemSchema:a,values:r,value:n,labelPosition:i="top",labelWidth:f,label:m,tooltip:g,isDisabled:b=!1,isAdvanced:h,hideLabel:v})=>{const y=(0,d.getOptions)(a,r),C=(0,u.hasTokens)(n)||b,_=(0,o.useCallback)(((a,{value:o})=>e(a,t,o)),[e,t]);return l().createElement(p(),{label:m,labelPosition:i,labelWidth:f,tooltip:g,isAdvanced:h,hideLabel:v},l().createElement(s(),{"data-test":t,onChange:_,value:n,disabled:C,style:c.editorStyle},y.map((e=>l().createElement(s().Option,{key:e.value,value:e.value,label:e.label||e.value,icon:e.icon?l().createElement(e.icon,null):null})))))};m.propTypes={onChange:n().func.isRequired,name:n().string.isRequired,itemSchema:n().object,values:n().arrayOf(n().shape({label:n().string,value:n().oneOfType([n().string,n().number]).isRequired})),value:n().oneOfType([n().string,n().number]),label:n().string.isRequired,labelPosition:n().oneOf(["left","top"]),labelWidth:n().number,tooltip:n().string,isDisabled:n().bool,isAdvanced:n().bool,hideLabel:n().bool};const g=m},5456:(e,t,a)=>{a.r(t),a.d(t,{default:()=>D});var o=a(6195),l=a.n(o),r=a(9497),n=a.n(r),i=a(23),s=a.n(i),u=a(232),d=a.n(u),c=a(4793),f=a(6649),p=a(8965),m=a.n(p),g=a(9967),b=a(4008),h=a.n(b);function v(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 y(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?v(Object(a),!0).forEach((function(t){l()(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):v(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}const C=d().div`
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 10px;
@@ -77,7 +77,7 @@
     line-height: 36px;
     margin-right: 10px;
     color: ${e=>e.isDisabled?v().contentColorDisabled:v().contentColorMuted};
-`,K=u().span`
+`,G=u().span`
     display: inline-block;
     color: ${e=>e.isDisabled?v().contentColorDisabled:v().contentColorMuted};
     width: 30px;
@@ -85,13 +85,13 @@
     vertical-align: bottom;
     overflow: hidden;
     white-space: nowrap;
-`,G=({describedBy:e,isDisabled:t,to:a})=>l().createElement(K,{"aria-describedby":e,isDisabled:t},a);G.propTypes={describedBy:n().any,isDisabled:n().bool,to:n().number};const H=({isDisabled:e,to:t})=>l().createElement(q(),{content:`${t}`},l().createElement(G,{to:t,isDisabled:e}));H.propTypes={isDisabled:n().bool,to:n().number};const Y=({index:e,to:t,isRemovable:a,isEditable:o,onChange:r,isDisabled:n,errorId:i})=>{const s=0===e,u=a?`${(0,d._)("and")} `:"";return o?l().createElement(U,null,l().createElement(z,{isDisabled:n},(0,d._)("to")),l().createElement(W,null,l().createElement(j,{"data-test":"threshold-to-level",boundary:t,isDisabled:n,isEditable:!0,errorId:i,onChange:r}))):l().createElement(U,null,s&&l().createElement(z,{isDisabled:n},(0,d._)("and above")),!s&&l().createElement(l().Fragment,null,l().createElement(z,{isDisabled:n},`${u}${(0,d._)("below")}`),l().createElement(H,{isDisabled:n,to:t})))};Y.propTypes={to:n().number,index:n().number,isRemovable:n().bool,isEditable:n().bool,isDisabled:n().bool,onChange:n().func,errorId:n().string};const X=Y,J=u().div.attrs((()=>({"data-test":"threshold-level"})))`
+`,K=({describedBy:e,isDisabled:t,to:a})=>l().createElement(G,{"aria-describedby":e,isDisabled:t},a);K.propTypes={describedBy:n().any,isDisabled:n().bool,to:n().number};const H=({isDisabled:e,to:t})=>l().createElement(q(),{content:`${t}`},l().createElement(K,{to:t,isDisabled:e}));H.propTypes={isDisabled:n().bool,to:n().number};const Y=({index:e,to:t,isRemovable:a,isEditable:o,onChange:r,isDisabled:n,errorId:i})=>{const s=0===e,u=a?`${(0,d._)("and")} `:"";return o?l().createElement(U,null,l().createElement(z,{isDisabled:n},(0,d._)("to")),l().createElement(W,null,l().createElement(j,{"data-test":"threshold-to-level",boundary:t,isDisabled:n,isEditable:!0,errorId:i,onChange:r}))):l().createElement(U,null,s&&l().createElement(z,{isDisabled:n},(0,d._)("and above")),!s&&l().createElement(l().Fragment,null,l().createElement(z,{isDisabled:n},`${u}${(0,d._)("below")}`),l().createElement(H,{isDisabled:n,to:t})))};Y.propTypes={to:n().number,index:n().number,isRemovable:n().bool,isEditable:n().bool,isDisabled:n().bool,onChange:n().func,errorId:n().string};const X=Y,Z=u().div.attrs((()=>({"data-test":"threshold-level"})))`
     width: 100%;
     position: relative;
     display: flex;
     align-items: flex-end;
     margin-bottom: 5px;
-`,Z=u().div`
+`,J=u().div`
     margin-right: 10px;
     width: 100px;
     display: inline-block;
@@ -106,7 +106,7 @@
     &:hover {
         background-color: ${e=>!e.disabled&&V.variables.interactiveColorOverlayDrag} !important;
     }
-`,ae=({editFrom:e,editTo:t,editValue:a,error:r,from:n,index:i,isDisabled:s=!1,isRemovable:u=!1,onChange:d,onRemove:c,renderThresholdValueEditor:f,to:p,value:m})=>{const g=(0,o.useCallback)((e=>{(r||e!==n)&&d(i,{from:e,value:m,to:p})}),[d,n,m,p,i,r]),b=(0,o.useCallback)((e=>{(r||e!==p)&&d(i,{from:n,value:m,to:e})}),[d,n,m,p,i,r]),h=(0,o.useCallback)((({value:e})=>{d(i,{from:n,value:e,to:p})}),[d,i,n,p]),v=(0,o.useCallback)((()=>c(i)),[c,i]),y=(0,o.useMemo)((()=>r?(0,$.createDOMID)("threshold-error"):void 0),[r]);return l().createElement(l().Fragment,null,l().createElement(J,null,l().createElement(Z,null,l().createElement(j,{"data-test":"threshold-from-level",boundary:n,isDisabled:s,isEditable:e,errorId:y,onChange:g,index:i})),l().createElement(X,{to:p,index:i,isRemovable:u,isEditable:t,isDisabled:s,onChange:b,errorId:y}),l().createElement(Q,null,f({value:m,onChange:h,isDisabled:s||!!r,editValue:a})),l().createElement(ee,null,u&&l().createElement(te,{"data-test":"threshold-remove-button",icon:l().createElement(L(),null),appearance:"subtle",onClick:v,disabled:s}))),l().createElement(O,{error:r,id:y,thresholdIndex:i}))};ae.propTypes={editFrom:n().bool,editTo:n().bool,editValue:n().bool,error:n().string,from:n().number,index:n().number,isDisabled:n().bool,isRemovable:n().bool,onChange:n().func,onRemove:n().func,renderThresholdValueEditor:n().elementType.isRequired,to:n().number,value:n().string};const oe=ae;function le(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 re(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?le(Object(a),!0).forEach((function(t){T()(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):le(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}const ne=[],ie=({ranges:e=ne,openRanges:t=!0,isDisabled:a=!1,onChange:r,renderThresholdValueEditor:n})=>{const[s,u]=(0,o.useState)({}),c=(0,o.useCallback)((t=>{const a=(0,i.cloneDeep)(e);a.splice(t,1),r(k(a));const o=re({},s);delete o[t],u(o)}),[s,e,r]),f=(0,o.useCallback)(((a,o)=>{const l=(0,i.cloneDeep)(e),n=re({},s);if(l.splice(a,1,o),delete n[a],!t&&0===a){const e=function(e="",t=""){const a=parseFloat(e),o=parseFloat(t);return(0,i.isNaN)(a)||(0,i.isNaN)(+e)||(0,i.isNaN)(o)||(0,i.isNaN)(+t)?{error:!0,errorMessage:(0,d._)("Not a valid threshold. Must be a number")}:a<o?{error:!0,errorMessage:(0,d._)("Upper boundary must exceed lower boundary")}:{error:!1,errorMessage:null}}(o.to,o.from);e.error&&(n[a]=e.errorMessage)}if(!t&&0!==a&&o.to<o.from&&o.from>e[0].from&&(l[a].to=o.from+10),!t||a<e.length-1){const t=(0,i.cloneDeep)(e);t.splice(a,1);const l=F(o.from,t);l.error&&(n[a]=l.errorMessage)}u(n),Object.keys(n).length||r(k(l))}),[s,e,r,t]),p=!!Object.keys(s).length,m=(0,o.useCallback)((a=>!t&&e.length>1||t&&e.length>2&&a!==e.length-1),[t,e]);return e.map(((o,r)=>l().createElement(oe,{key:`threshold-${o.from}-${o.to}-${o.value}`,onRemove:c,onChange:f,index:r,from:o.from,to:o.to,value:o.value,error:s[r],editFrom:!t||r!==e.length-1,editTo:!t&&0===r,editValue:!p,isRemovable:m(r),isDisabled:a,renderThresholdValueEditor:n})))};ie.propTypes={onChange:n().func.isRequired,ranges:n().arrayOf(n().shape({from:n().number,to:n().number,value:n().string})),isDisabled:n().bool,renderThresholdValueEditor:n().elementType.isRequired,openRanges:n().bool};const se=ie;var ue=a(7408),de=a.n(ue),ce=a(3283);const fe=({isDisabled:e,value:t,onChange:a})=>l().createElement(de(),{disabled:e,value:(0,ce.isColor)(t)?t:"transparent",onChange:a,hideInput:!0,palette:M,"data-test":"threshold-level-value"});fe.propTypes={isDisabled:n().bool,value:n().string,onChange:n().func.isRequired};const pe=fe,me=u().div`
+`,ae=({editFrom:e,editTo:t,editValue:a,error:r,from:n,index:i,isDisabled:s=!1,isRemovable:u=!1,onChange:d,onRemove:c,renderThresholdValueEditor:f,to:p,value:m})=>{const g=(0,o.useCallback)((e=>{(r||e!==n)&&d(i,{from:e,value:m,to:p})}),[d,n,m,p,i,r]),b=(0,o.useCallback)((e=>{(r||e!==p)&&d(i,{from:n,value:m,to:e})}),[d,n,m,p,i,r]),h=(0,o.useCallback)((({value:e})=>{d(i,{from:n,value:e,to:p})}),[d,i,n,p]),v=(0,o.useCallback)((()=>c(i)),[c,i]),y=(0,o.useMemo)((()=>r?(0,$.createDOMID)("threshold-error"):void 0),[r]);return l().createElement(l().Fragment,null,l().createElement(Z,null,l().createElement(J,null,l().createElement(j,{"data-test":"threshold-from-level",boundary:n,isDisabled:s,isEditable:e,errorId:y,onChange:g,index:i})),l().createElement(X,{to:p,index:i,isRemovable:u,isEditable:t,isDisabled:s,onChange:b,errorId:y}),l().createElement(Q,null,f({value:m,onChange:h,isDisabled:s||!!r,editValue:a})),l().createElement(ee,null,u&&l().createElement(te,{"data-test":"threshold-remove-button",icon:l().createElement(L(),null),appearance:"subtle",onClick:v,disabled:s}))),l().createElement(O,{error:r,id:y,thresholdIndex:i}))};ae.propTypes={editFrom:n().bool,editTo:n().bool,editValue:n().bool,error:n().string,from:n().number,index:n().number,isDisabled:n().bool,isRemovable:n().bool,onChange:n().func,onRemove:n().func,renderThresholdValueEditor:n().elementType.isRequired,to:n().number,value:n().string};const oe=ae;function le(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 re(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?le(Object(a),!0).forEach((function(t){T()(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):le(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}const ne=[],ie=({ranges:e=ne,openRanges:t=!0,isDisabled:a=!1,onChange:r,renderThresholdValueEditor:n})=>{const[s,u]=(0,o.useState)({}),c=(0,o.useCallback)((t=>{const a=(0,i.cloneDeep)(e);a.splice(t,1),r(k(a));const o=re({},s);delete o[t],u(o)}),[s,e,r]),f=(0,o.useCallback)(((a,o)=>{const l=(0,i.cloneDeep)(e),n=re({},s);if(l.splice(a,1,o),delete n[a],!t&&0===a){const e=function(e="",t=""){const a=parseFloat(e),o=parseFloat(t);return(0,i.isNaN)(a)||(0,i.isNaN)(+e)||(0,i.isNaN)(o)||(0,i.isNaN)(+t)?{error:!0,errorMessage:(0,d._)("Not a valid threshold. Must be a number")}:a<o?{error:!0,errorMessage:(0,d._)("Upper boundary must exceed lower boundary")}:{error:!1,errorMessage:null}}(o.to,o.from);e.error&&(n[a]=e.errorMessage)}if(!t&&0!==a&&o.to<o.from&&o.from>e[0].from&&(l[a].to=o.from+10),!t||a<e.length-1){const t=(0,i.cloneDeep)(e);t.splice(a,1);const l=F(o.from,t);l.error&&(n[a]=l.errorMessage)}u(n),Object.keys(n).length||r(k(l))}),[s,e,r,t]),p=!!Object.keys(s).length,m=(0,o.useCallback)((a=>!t&&e.length>1||t&&e.length>2&&a!==e.length-1),[t,e]);return e.map(((o,r)=>l().createElement(oe,{key:`threshold-${o.from}-${o.to}-${o.value}`,onRemove:c,onChange:f,index:r,from:o.from,to:o.to,value:o.value,error:s[r],editFrom:!t||r!==e.length-1,editTo:!t&&0===r,editValue:!p,isRemovable:m(r),isDisabled:a,renderThresholdValueEditor:n})))};ie.propTypes={onChange:n().func.isRequired,ranges:n().arrayOf(n().shape({from:n().number,to:n().number,value:n().string})),isDisabled:n().bool,renderThresholdValueEditor:n().elementType.isRequired,openRanges:n().bool};const se=ie;var ue=a(7408),de=a.n(ue),ce=a(3283);const fe=({isDisabled:e,value:t,onChange:a})=>l().createElement(de(),{disabled:e,value:(0,ce.isColor)(t)?t:"transparent",onChange:a,hideInput:!0,palette:M,"data-test":"threshold-level-value"});fe.propTypes={isDisabled:n().bool,value:n().string,onChange:n().func.isRequired};const pe=fe,me=u().div`
     flex-direction: column;
     flex-grow: 1;
 `,ge=({onChange:e,name:t,itemSchema:a,value:r,labelPosition:n="top",labelWidth:s,label:u,isDisabled:c=!1,isTogglable:p=!0,openRanges:g=!0,renderThresholdValueEditor:b=pe})=>{const h=Array.isArray(r)&&r.length>0,v=(0,o.useCallback)((()=>{e(null,t,a.default)}),[a,t,e]),y=(0,o.useCallback)((()=>{e(null,t,null)}),[t,e]),C=(0,o.useCallback)((()=>h?y():v()),[h,v,y]),_=(0,o.useCallback)((a=>{const o=(0,i.cloneDeep)(r),l={from:a,value:function(e=[]){const t=(0,i.difference)(M,e);return t.length>0?t[0]:"#444000"}(o.map((e=>e.value)))};g||(l.to=a+10),o.push(l);const n=k(o);e(null,t,n)}),[t,r,e,g]),O=(0,o.useCallback)((a=>{e(null,t,a)}),[e,t]);return l().createElement(m(),{label:u,labelPosition:n,labelWidth:s},l().createElement(me,{"data-test":t},p&&l().createElement(f(),{appearance:"toggle",selected:h,onClick:C,disabled:c,role:"switch"},(0,d._)("Threshold")),h&&l().createElement(l().Fragment,null,!c&&l().createElement(A,{onAddThreshold:_,thresholds:r}),l().createElement(se,{onChange:O,ranges:r,isDisabled:c,openRanges:g,renderThresholdValueEditor:b}))))};ge.propTypes={onChange:n().func.isRequired,name:n().string.isRequired,itemSchema:n().object,value:n().arrayOf(n().shape({from:n().number,to:n().number,value:n().string})),label:n().string.isRequired,labelPosition:n().oneOf(["left","top"]),labelWidth:n().number,isDisabled:n().bool,openRanges:n().bool,renderThresholdValueEditor:n().elementType,isTogglable:n().bool};const be=ge},2065:(e,t,a)=>{a.r(t),a.d(t,{default:()=>u});var o=a(2649),l=a.n(o),r=a(9497),n=a.n(r),i=a(2749),s=a.n(i);const u=e=>n().createElement(s(),l()({},e,{appearance:"toggle"}))},1668:(e,t,a)=>{a.r(t),a.d(t,{default:()=>l});var o=a(232);const l=a.n(o)().div`
@@ -152,7 +152,7 @@
     width: ${(0,u.toPx)(_.FLYOUT_WIDTH)};
 `,S=(0,p.default)(c.default)`
     padding: '4px';
-`,M=Object.assign(Object.assign({},O.BaseEditorPropTypes),{flyoutTitle:s.string,formatters:s.arrayOf(s.shape({label:s.string,value:s.string,defaults:s.object,isDefault:s.bool})),dataSelectors:s.arrayOf(s.shape({label:s.string,value:s.string})),defaultPalettesConfig:y.sharedPalettesConfigPropType,showStaticTextColor:s.bool,colorMode:s.oneOf(["text","background","off"]),handleColorModeChange:s.func});t.prepareUpdate=({name:e,selectedDataSelector:t,selectedFormatterType:a,currentFormatterConfig:o})=>{const l=`${e}EditorConfig`,r=l.replace(/^\w+\[\d+\]\.(.+)$/,"$1");return{options:{[e]:(0,h.buildDSLFromDataSelectorAndFormatter)(t,a,l)},context:{[r]:o}}};t.DynamicColorEditor=({name:e,value:a,label:o="",labelPosition:l="left",labelWidth:r,context:n,onChange:s=(()=>{}),flyoutTitle:u=(0,m._)("Dynamic coloring"),formatters:c=[],dataSelectors:p=[],defaultPalettesConfig:_=g.defaultPalettesConfig,isDisabled:O=!1,showStaticTextColor:M=!1,colorMode:k,handleColorModeChange:F})=>{const[R,B]=P(!1),A=x(null),{type:I,paramKey:L}=(0,h.getLastFormatterFromDSL)(a)||{type:"unknown",paramKey:"unknown"},$=(0,h.getDataSelectorsFromDSL)(a)[0],[V,N]=P(I);j((()=>{N(I)}),[I]);const[q,W]=P($);j((()=>{W($)}),[$]);const U=(0,E.getFormatterConfig)({contextConfig:n[L],formatters:c,formatterFromDSL:I,selectedDataSelector:q}),[z,K]=P(U);j((()=>{K(U)}),[n,c,L,I,$]);const G=a=>{const o=(0,b.find)(c,(e=>e.isDefault))||(0,b.find)(c,(e=>"rangeValue"===e.value))||c[0];if((0,b.isEmpty)(o))return;const l=o.value,r=Object.keys(o.defaults)[0],n=o.defaults[r];W(r),N(l),K(n),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:r,selectedFormatterType:l,currentFormatterConfig:n}))},H=i.useCallback((()=>{B((e=>!e))}),[]);if(!(0,E.isSupportedDataSelector)({selectedDataSelector:q,dataSelectors:p})||!(0,E.isSupportedFormatter)({selectedFormatterType:V,formattersFromEditor:c,supportedFormatters:y.supportedFormatters}))return i.createElement(C.default,{label:o,labelPosition:l,labelWidth:r,onResetToDefault:G});const Y=y.supportedFormatters[V].preview;return i.createElement(i.Fragment,null,i.createElement(d.default,{"data-test":"DynamicColorEditorGroup",label:o,labelPosition:l,labelWidth:r},i.createElement(S,{inline:!1,"data-test":"DynamicColorEditorButton",appearance:"default",ref:A,onClick:H,disabled:O},i.createElement(Y,{"data-test":"FormatterConfigPreview",config:z}))),i.createElement(f.default,{"data-test":"DynamicColorEditorFlyout",open:R,anchor:A.current,defaultPlacement:"horizontal",style:{padding:"10px"},onRequestClose:()=>B(!1),takeFocus:!0},i.createElement(D,null,!k&&i.createElement(w,null,u),k&&i.createElement(d.default,{"data-test":"TableDynamicColorEditorGroup",label:u,labelPosition:l,labelWidth:r},i.createElement(v.default,{value:k,onChange:F},[{label:(0,m._)("Off"),value:"off"},{label:(0,m._)("Text"),value:"text"},{label:(0,m._)("Background"),value:"background"}].map((({label:e,value:t})=>i.createElement(v.default.Option,{key:t,value:t,label:(0,m._)(e)}))))),k&&i.createElement(T,null,(0,m._)("Method")),i.createElement(y.FormatterEditor,{selectedDataSelector:q,selectedFormatterType:V,currentFormatterConfig:z,onDataSelectorChange:(a,o,l)=>{W(l);const r=(0,b.find)(c,(e=>e.defaults[l]));N(r.value);const n=r.defaults[l];K(n),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:l,selectedFormatterType:r.value,currentFormatterConfig:n}))},onFormatterTypeChange:(a,o,l)=>{N(l);const r=(0,b.find)(c,["value",l]).defaults[q];K(r),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:q,selectedFormatterType:l,currentFormatterConfig:r}))},onFormatterConfigChange:(a,o,l)=>{K(l),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:q,selectedFormatterType:V,currentFormatterConfig:l}))},formatters:c,dataSelectors:p,defaultPalettesConfig:_,showStaticTextColor:M}))))},t.DynamicColorEditor.propTypes=M},8281:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditorWithPrecedence=void 0;const i=r(a(9497)),s=a(6649),u=a(5089),d=a(333),c=a(152),f=n(a(2065)),p=a(1027),m=Object.assign({},d.DynamicColorEditorPropTypes);t.DynamicColorEditorWithPrecedence=({name:e,value:t,label:a="",labelPosition:o,labelWidth:l,context:r,flyoutTitle:n=(0,s._)("Dynamic coloring"),formatters:d=[],dataSelectors:m=[],defaultPalettesConfig:g=u.defaultPalettesConfig,tooltip:b,options:h={},onChange:v=(()=>{})})=>{const y=i.useCallback((e=>{if(!e||""===e)return!0;if("string"==typeof e){return null!==/^>\s*areaValues\s*\|\s*gradient\(\s*\)$/.exec(e)}return!1}),[]),[C,_]=i.useState(!y(t));i.useEffect((()=>{_(!y(t))}),[t,y]);const O=i.useCallback(((a,o)=>{var l,n,i,s,u,c;_((e=>!e));const f={},g={};if(C){const t=m.map((e=>e.value));f[e]=(0,p.getToggleOffValueForDataColors)({name:e,options:h,dataSelectors:t}),r&&void 0!==r.dataColorsEditorConfig&&(g.dataColorsEditorConfig=void 0)}else{if("string"==typeof t&&null!==/^>\s*areaValues\s*\|\s*gradient\(\s*\)$/.exec(t)){f[e]="> areaValues | gradient(dataColorsEditorConfig)";const t=null===(n=null===(l=d.find((e=>"gradient"===e.value)))||void 0===l?void 0:l.defaults)||void 0===n?void 0:n.areaValues;t&&(g.dataColorsEditorConfig=t)}else if(e.endsWith("dataColors")){const t=null===(i=m[0])||void 0===i?void 0:i.value,a=null===(s=d[0])||void 0===s?void 0:s.value,o=null===(c=null===(u=d[0])||void 0===u?void 0:u.defaults)||void 0===c?void 0:c[t];if(!t||!a||!o)return;f[e]=`> ${m[0].value} | ${a}(dataColorsEditorConfig)`,g.dataColorsEditorConfig=o}}v(a,{options:f,context:g})}),[r,m,d,C,e,v,h,t]),E=i.useCallback(((e,t)=>{v(e,t)}),[v]);return i.createElement("div",{"data-test":"dynamic-color-toggle"},i.createElement(f.default,{name:e,label:(0,s._)("Dynamic coloring"),labelPosition:"right",value:C,onChange:O,itemSchema:{type:"boolean"},help:b}),C&&i.createElement("div",{"data-test":"dynamic-color-editor"},i.createElement(c.DynamicColorEditor,{name:e,label:a,labelPosition:o,labelWidth:l,value:t,context:r,onChange:E,flyoutTitle:n,formatters:d,dataSelectors:m,defaultPalettesConfig:g})))},t.DynamicColorEditorWithPrecedence.propTypes=m},7585:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=a(4793),d=n(a(4082)),c=n(a(9250)),f=n(a(7143)),p=a(6649),m=n(a(5731)),g=n(a(5456)),b=a(4381),h=a(5862),v=(0,p._)("Advanced configuration options are being used by this input. Please edit in source mode."),y=({name:e,context:t,value:a="",label:o,onChange:l,dataSourceBindings:r,labelPosition:n="top",labelWidth:s,help:y=v,validate:C})=>{const[_,O]=i.useState([]),[E,x]=i.useState(""),[P,j]=i.useState("");i.useEffect((()=>{const{staticOptions:e,dynamicOptionsLabel:o,dynamicOptionsValue:l}=(0,b.getDynamicOptionsFromConfig)({items:a,context:t});O(e),x(o),j(l)}),[a,t]),i.useEffect((()=>{void 0!==r.primary||Array.isArray(a)||l(null,{context:{formattedConfig:void 0,formattedStatics:void 0,statics:void 0,label:void 0,value:void 0},options:{[e]:_}})}),[r,e,a,l,_]);const w=i.useCallback(((t,o,r)=>{if(Array.isArray(a)&&(!o||!r))l(null,{options:{[e]:t}});else{const a=(0,u.unzip)(t.map((({label:e,value:t})=>[e,t])));l(null,{context:{formattedConfig:{number:{prefix:""}},formattedStatics:">statics | formatByType(formattedConfig)",statics:a,label:`>primary | seriesByName("${o}") | renameSeries("label") | formatByType(formattedConfig)`,value:`>primary | seriesByName("${r}") | renameSeries("value") | formatByType(formattedConfig)`},options:{[e]:">frame(label, value) | prepend(formattedStatics) | objects()"}})}}),[e,a,l]),T=i.useCallback(((e,t,a)=>{w(a,E,P)}),[w,E,P]),D=i.useCallback(((e,{value:t})=>{""===P?x(t):w(_,t,P)}),[w,_,P]),S=i.useCallback(((e,{value:t})=>{""===E?j(t):w(_,E,t)}),[w,_,E]),M=e=>t=>{var a;const o=null===(a=null==t?void 0:t.options)||void 0===a?void 0:a[e];return"string"==typeof o?{value:(0,b.getFieldFromFieldNameDsl)(o)}:{value:""}};if(i.useMemo((()=>(0,b.isConfigAdvanced)({items:a,context:t})),[a,t]))return i.createElement(c.default,{label:(0,p._)(o),labelPosition:n,labelWidth:s,help:y},i.createElement(d.default,{key:a.toString(),"data-test":e,disabled:!0,defaultValue:a.toString()}));const k=!!r.primary;return i.createElement(i.Fragment,null,i.createElement(g.default,{name:"",label:(0,p._)("Static menu configuration"),labelPosition:n,value:_,onChange:T,validate:C}),k&&i.createElement(f.default,{key:"dynamic-item-editor-label-value-layout",gutter:h.VERTICAL_EDITOR_SPACING},i.createElement(f.default.Row,{key:"dynamic-item-editor-label-row"},i.createElement(m.default,{name:"label",label:(0,p._)("Dynamic menu label field"),dataSourceKey:"primary",dataSourceBindings:r,value:`>primary | seriesByName("${E}")`,context:t,onChange:D,prepareValue:M("label")})),i.createElement(f.default.Row,{key:"dynamic-item-editor-value-row"},i.createElement(m.default,{name:"value",label:(0,p._)("Dynamic menu value field"),dataSourceKey:"primary",dataSourceBindings:r,value:`>primary | seriesByName("${P}")`,context:t,onChange:S,prepareValue:M("value")}))))};y.propTypes={onChange:s.func.isRequired,name:s.string.isRequired,label:s.string.isRequired,value:s.oneOfType([s.arrayOf(s.shape({label:s.string.isRequired,value:s.string.isRequired}).isRequired),s.string]),labelPosition:s.oneOf(["top","left"]),labelWidth:s.number,context:s.shape({label:s.string,value:s.string,statics:s.arrayOf(s.arrayOf(s.string.isRequired).isRequired)}).isRequired,dataSourceBindings:s.shape({primary:s.any}).isRequired,help:s.string},t.default=y},7970:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=n(a(232)),d=n(a(348));a(6265);const c=n(a(1018)),f=a(6649),p=n(a(6447)),m=a(3563),g=a(5135),b=a(962),h=a(137),v=u.default.div`
+`,M=Object.assign(Object.assign({},O.BaseEditorPropTypes),{flyoutTitle:s.string,formatters:s.arrayOf(s.shape({label:s.string,value:s.string,defaults:s.object,isDefault:s.bool})),dataSelectors:s.arrayOf(s.shape({label:s.string,value:s.string})),defaultPalettesConfig:y.sharedPalettesConfigPropType,showStaticTextColor:s.bool,colorMode:s.oneOf(["text","background","off"]),handleColorModeChange:s.func});t.prepareUpdate=({name:e,selectedDataSelector:t,selectedFormatterType:a,currentFormatterConfig:o})=>{const l=`${e}EditorConfig`,r=l.replace(/^\w+\[\d+\]\.(.+)$/,"$1");return{options:{[e]:(0,h.buildDSLFromDataSelectorAndFormatter)(t,a,l)},context:{[r]:o}}};t.DynamicColorEditor=({name:e,value:a,label:o="",labelPosition:l="left",labelWidth:r,context:n,onChange:s=(()=>{}),flyoutTitle:u=(0,m._)("Dynamic coloring"),formatters:c=[],dataSelectors:p=[],defaultPalettesConfig:_=g.defaultPalettesConfig,isDisabled:O=!1,showStaticTextColor:M=!1,colorMode:k,handleColorModeChange:F})=>{const[R,B]=P(!1),A=x(null),{type:I,paramKey:L}=(0,h.getLastFormatterFromDSL)(a)||{type:"unknown",paramKey:"unknown"},$=(0,h.getDataSelectorsFromDSL)(a)[0],[V,N]=P(I);j((()=>{N(I)}),[I]);const[q,W]=P($);j((()=>{W($)}),[$]);const U=(0,E.getFormatterConfig)({contextConfig:n[L],formatters:c,formatterFromDSL:I,selectedDataSelector:q}),[z,G]=P(U);j((()=>{G(U)}),[n,c,L,I,$]);const K=a=>{const o=(0,b.find)(c,(e=>e.isDefault))||(0,b.find)(c,(e=>"rangeValue"===e.value))||c[0];if((0,b.isEmpty)(o))return;const l=o.value,r=Object.keys(o.defaults)[0],n=o.defaults[r];W(r),N(l),G(n),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:r,selectedFormatterType:l,currentFormatterConfig:n}))},H=i.useCallback((()=>{B((e=>!e))}),[]);if(!(0,E.isSupportedDataSelector)({selectedDataSelector:q,dataSelectors:p})||!(0,E.isSupportedFormatter)({selectedFormatterType:V,formattersFromEditor:c,supportedFormatters:y.supportedFormatters}))return i.createElement(C.default,{label:o,labelPosition:l,labelWidth:r,onResetToDefault:K});const Y=y.supportedFormatters[V].preview;return i.createElement(i.Fragment,null,i.createElement(d.default,{"data-test":"DynamicColorEditorGroup",label:o,labelPosition:l,labelWidth:r},i.createElement(S,{inline:!1,"data-test":"DynamicColorEditorButton",appearance:"default",ref:A,onClick:H,disabled:O},i.createElement(Y,{"data-test":"FormatterConfigPreview",config:z}))),i.createElement(f.default,{"data-test":"DynamicColorEditorFlyout",open:R,anchor:A.current,defaultPlacement:"horizontal",style:{padding:"10px"},onRequestClose:()=>B(!1),takeFocus:!0},i.createElement(D,null,!k&&i.createElement(w,null,u),k&&i.createElement(d.default,{"data-test":"TableDynamicColorEditorGroup",label:u,labelPosition:l,labelWidth:r},i.createElement(v.default,{value:k,onChange:F},[{label:(0,m._)("Off"),value:"off"},{label:(0,m._)("Text"),value:"text"},{label:(0,m._)("Background"),value:"background"}].map((({label:e,value:t})=>i.createElement(v.default.Option,{key:t,value:t,label:(0,m._)(e)}))))),k&&i.createElement(T,null,(0,m._)("Method")),i.createElement(y.FormatterEditor,{selectedDataSelector:q,selectedFormatterType:V,currentFormatterConfig:z,onDataSelectorChange:(a,o,l)=>{W(l);const r=(0,b.find)(c,(e=>e.defaults[l]));N(r.value);const n=r.defaults[l];G(n),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:l,selectedFormatterType:r.value,currentFormatterConfig:n}))},onFormatterTypeChange:(a,o,l)=>{N(l);const r=(0,b.find)(c,["value",l]).defaults[q];G(r),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:q,selectedFormatterType:l,currentFormatterConfig:r}))},onFormatterConfigChange:(a,o,l)=>{G(l),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:q,selectedFormatterType:V,currentFormatterConfig:l}))},formatters:c,dataSelectors:p,defaultPalettesConfig:_,showStaticTextColor:M}))))},t.DynamicColorEditor.propTypes=M},8281:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditorWithPrecedence=void 0;const i=r(a(9497)),s=a(6649),u=a(5089),d=a(333),c=a(152),f=n(a(2065)),p=a(1027),m=Object.assign({},d.DynamicColorEditorPropTypes);t.DynamicColorEditorWithPrecedence=({name:e,value:t,label:a="",labelPosition:o,labelWidth:l,context:r,flyoutTitle:n=(0,s._)("Dynamic coloring"),formatters:d=[],dataSelectors:m=[],defaultPalettesConfig:g=u.defaultPalettesConfig,tooltip:b,options:h={},onChange:v=(()=>{})})=>{const y=i.useCallback((e=>{if(!e||""===e)return!0;if("string"==typeof e){return null!==/^>\s*areaValues\s*\|\s*gradient\(\s*\)$/.exec(e)}return!1}),[]),[C,_]=i.useState(!y(t));i.useEffect((()=>{_(!y(t))}),[t,y]);const O=i.useCallback(((a,o)=>{var l,n,i,s,u,c;_((e=>!e));const f={},g={};if(C){const t=m.map((e=>e.value));f[e]=(0,p.getToggleOffValueForDataColors)({name:e,options:h,dataSelectors:t}),r&&void 0!==r.dataColorsEditorConfig&&(g.dataColorsEditorConfig=void 0)}else{if("string"==typeof t&&null!==/^>\s*areaValues\s*\|\s*gradient\(\s*\)$/.exec(t)){f[e]="> areaValues | gradient(dataColorsEditorConfig)";const t=null===(n=null===(l=d.find((e=>"gradient"===e.value)))||void 0===l?void 0:l.defaults)||void 0===n?void 0:n.areaValues;t&&(g.dataColorsEditorConfig=t)}else if(e.endsWith("dataColors")){const t=null===(i=m[0])||void 0===i?void 0:i.value,a=null===(s=d[0])||void 0===s?void 0:s.value,o=null===(c=null===(u=d[0])||void 0===u?void 0:u.defaults)||void 0===c?void 0:c[t];if(!t||!a||!o)return;f[e]=`> ${m[0].value} | ${a}(dataColorsEditorConfig)`,g.dataColorsEditorConfig=o}}v(a,{options:f,context:g})}),[r,m,d,C,e,v,h,t]),E=i.useCallback(((e,t)=>{v(e,t)}),[v]);return i.createElement("div",{"data-test":"dynamic-color-toggle"},i.createElement(f.default,{name:e,label:(0,s._)("Dynamic coloring"),labelPosition:"right",value:C,onChange:O,itemSchema:{type:"boolean"},help:b}),C&&i.createElement("div",{"data-test":"dynamic-color-editor"},i.createElement(c.DynamicColorEditor,{name:e,label:a,labelPosition:o,labelWidth:l,value:t,context:r,onChange:E,flyoutTitle:n,formatters:d,dataSelectors:m,defaultPalettesConfig:g})))},t.DynamicColorEditorWithPrecedence.propTypes=m},7585:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=a(4793),d=n(a(4082)),c=n(a(9250)),f=n(a(7143)),p=a(6649),m=n(a(5731)),g=n(a(5456)),b=a(4381),h=a(5862),v=(0,p._)("Advanced configuration options are being used by this input. Please edit in source mode."),y=({name:e,context:t,value:a="",label:o,onChange:l,dataSourceBindings:r,labelPosition:n="top",labelWidth:s,help:y=v,validate:C})=>{const[_,O]=i.useState([]),[E,x]=i.useState(""),[P,j]=i.useState("");i.useEffect((()=>{const{staticOptions:e,dynamicOptionsLabel:o,dynamicOptionsValue:l}=(0,b.getDynamicOptionsFromConfig)({items:a,context:t});O(e),x(o),j(l)}),[a,t]),i.useEffect((()=>{void 0!==r.primary||Array.isArray(a)||l(null,{context:{formattedConfig:void 0,formattedStatics:void 0,statics:void 0,label:void 0,value:void 0},options:{[e]:_}})}),[r,e,a,l,_]);const w=i.useCallback(((t,o,r)=>{if(Array.isArray(a)&&(!o||!r))l(null,{options:{[e]:t}});else{const a=(0,u.unzip)(t.map((({label:e,value:t})=>[e,t])));l(null,{context:{formattedConfig:{number:{prefix:""}},formattedStatics:">statics | formatByType(formattedConfig)",statics:a,label:`>primary | seriesByName("${o}") | renameSeries("label") | formatByType(formattedConfig)`,value:`>primary | seriesByName("${r}") | renameSeries("value") | formatByType(formattedConfig)`},options:{[e]:">frame(label, value) | prepend(formattedStatics) | objects()"}})}}),[e,a,l]),T=i.useCallback(((e,t,a)=>{w(a,E,P)}),[w,E,P]),D=i.useCallback(((e,{value:t})=>{""===P?x(t):w(_,t,P)}),[w,_,P]),S=i.useCallback(((e,{value:t})=>{""===E?j(t):w(_,E,t)}),[w,_,E]),M=e=>t=>{var a;const o=null===(a=null==t?void 0:t.options)||void 0===a?void 0:a[e];return"string"==typeof o?{value:(0,b.getFieldFromFieldNameDsl)(o)}:{value:""}};if(i.useMemo((()=>(0,b.isConfigAdvanced)({items:a,context:t})),[a,t]))return i.createElement(c.default,{label:(0,p._)(o),labelPosition:n,labelWidth:s,help:y},i.createElement(d.default,{key:a.toString(),"data-test":e,disabled:!0,defaultValue:a.toString()}));const k=!!r.primary;return i.createElement(i.Fragment,null,i.createElement(g.default,{name:"",label:(0,p._)("Static menu configuration"),labelPosition:n,value:_,onChange:T,validate:C}),k&&i.createElement(f.default,{key:"dynamic-item-editor-label-value-layout",gutter:h.VERTICAL_EDITOR_SPACING},i.createElement(f.default.Row,{key:"dynamic-item-editor-label-row"},i.createElement(m.default,{name:"label",label:(0,p._)("Dynamic menu label field"),dataSourceKey:"primary",dataSourceBindings:r,value:`>primary | seriesByName("${E}")`,context:t,onChange:D,prepareValue:M("label")})),i.createElement(f.default.Row,{key:"dynamic-item-editor-value-row"},i.createElement(m.default,{name:"value",label:(0,p._)("Dynamic menu value field"),dataSourceKey:"primary",dataSourceBindings:r,value:`>primary | seriesByName("${P}")`,context:t,onChange:S,prepareValue:M("value")}))))};y.propTypes={onChange:s.func.isRequired,name:s.string.isRequired,label:s.string.isRequired,value:s.oneOfType([s.arrayOf(s.shape({label:s.string.isRequired,value:s.string.isRequired}).isRequired),s.string]),labelPosition:s.oneOf(["top","left"]),labelWidth:s.number,context:s.shape({label:s.string,value:s.string,statics:s.arrayOf(s.arrayOf(s.string.isRequired).isRequired)}).isRequired,dataSourceBindings:s.shape({primary:s.any}).isRequired,help:s.string},t.default=y},7970:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=n(a(232)),d=n(a(348));a(6265);const c=n(a(1018)),f=a(6649),p=n(a(6447)),m=a(3563),g=a(5135),b=a(962),h=a(137),v=u.default.div`
     font-family: ${m.variables.sansFontFamily};
     .react-mde * {
         font-family: inherit;
@@ -202,7 +202,7 @@
     height: 412px;
     overflow-y: auto;
     padding: 8px 10px;
-`;t.ColorFlyoutEditor=({colors:e,CustomColorMatchEditor:t,handleColorRemove:a,handleColorChange:o,flyoutTitle:l,addColorButtonLabel:r,handleColorAdd:n,handleColorMove:s})=>{const u=(0,i.useMemo)((()=>e.map(((e,l)=>{const r=null==t;return i.default.createElement(p.default.Row,{index:l,key:(0,m.createDOMID)(),"data-color":e,onRequestRemove:a},i.default.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},i.default.createElement(C.default,{value:e,key:(0,m.createDOMID)(),onChange:o(l),hideLabel:!0,label:" ",name:"color",style:{marginBottom:0,marginTop:0,width:r?"100%":32},showTextInput:r}),"function"==typeof t&&i.default.createElement(t,{index:l})))}))),[e,t,a,o]);return i.default.createElement(P,{"data-test":"MultiColorPickerFlyoutContent"},i.default.createElement(j,{"data-test":"MultiColorPickerFlyoutTitle"},l),i.default.createElement(w,null,i.default.createElement(p.default,{addLabel:r,onRequestAdd:n,onRequestMove:s,"data-test":"ColorListEditor"},u)))};let T=0;const D=({CustomColorMatchEditor:e,onChange:a=d.noop,canReorderColors:o=!0,value:l=h.VIZ_CATEGORICAL,flyoutTitle:r=(0,f._)("Customize colors"),addColorButtonLabel:n=(0,f._)("Add color"),name:s="seriesColors",label:u="",labelPosition:c="top",labelWidth:p,isDisabled:g=!1,hideLabel:v=!0,canAddNewColors:C=!0})=>{const[P,j]=(0,i.useState)(!1),[w,D]=(0,i.useState)(l),S=(0,i.useRef)(null);(0,i.useEffect)((()=>{D(l)}),[l]);const M=(0,i.useCallback)((()=>{a(null,s,[...w,h.VIZ_CATEGORICAL[T%h.VIZ_CATEGORICAL.length]]),T+=1}),[s,a,w]),k=(0,i.useCallback)((e=>(t,o,l)=>{const r=[...w];r.splice(e,1,l),a(null,s,r)}),[s,a,w]),F=(0,i.useCallback)(((e,{index:t})=>{const o=[...w];o.splice(t,1),a(null,s,o)}),[s,a,w]),R=(0,i.useCallback)((({fromIndex:e,toIndex:t})=>{const o=[...w],l=o[e];o.splice(e,1),o.splice(t,0,l),a(null,s,o)}),[s,a,w]),B=(0,i.useCallback)((({event:e,reason:t})=>{var a;(null===(a=null==e?void 0:e.srcElement)||void 0===a?void 0:a.sortableHandle)||j(!1),"escapeKey"===t&&S.current.focus()}),[]),A=(0,i.useMemo)((()=>w.map((e=>i.default.createElement(x,{color:e,key:(0,m.createDOMID)()})))),[w]),I=(0,i.useCallback)((()=>{j((e=>!e))}),[]);return i.default.createElement(y.default,{label:u,labelPosition:c,labelWidth:p,hideLabel:v,"data-test":"MultiColorPickerEditor"},i.default.createElement(E,{inline:!1,"data-test":"MultiColorPickerButton",appearance:"default",ref:S,onClick:I,disabled:g,style:O},A),i.default.createElement(b.default,{"data-test":"MultiColorPickerFlyout",open:P,anchor:S.current,defaultPlacement:"horizontal",style:_,onRequestClose:B,takeFocus:!0},i.default.createElement(t.ColorFlyoutEditor,{colors:w,CustomColorMatchEditor:e,handleColorRemove:F,handleColorChange:k,handleColorAdd:C?M:void 0,handleColorMove:o?R:void 0,flyoutTitle:r,addColorButtonLabel:n})))};D.propTypes=Object.assign(Object.assign({},v.BaseEditorPropTypes),{canReorderColors:s.bool,canAddNewColors:s.bool,value:s.arrayOf(s.string),flyoutTitle:s.string,addColorButtonLabel:s.string,CustomColorMatchEditor:s.func,hideLabel:s.bool}),t.default=D},4215:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=n(a(232)),u=n(a(4566)),d=n(a(7020)),c=n(a(1551)),f=n(a(6769)),p=a(3563),m=n(a(1668)),g=n(a(4008)),b=(0,s.default)(m.default)`
+`;t.ColorFlyoutEditor=({colors:e,CustomColorMatchEditor:t,handleColorRemove:a,handleColorChange:o,flyoutTitle:l,addColorButtonLabel:r,handleColorAdd:n,handleColorMove:s})=>{const u=(0,i.useMemo)((()=>e.map(((e,l)=>{const r=null==t;return i.default.createElement(p.default.Row,{index:l,key:(0,m.createDOMID)(),"data-color":e,onRequestRemove:a},i.default.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},i.default.createElement(C.default,{value:e,key:(0,m.createDOMID)(),onChange:o(l),hideLabel:!0,label:" ",name:"color",style:{marginBottom:0,marginTop:0,width:r?"100%":32},showTextInput:r}),"function"==typeof t&&i.default.createElement(t,{index:l})))}))),[e,t,a,o]);return i.default.createElement(P,{"data-test":"MultiColorPickerFlyoutContent"},i.default.createElement(j,{"data-test":"MultiColorPickerFlyoutTitle"},l),i.default.createElement(w,null,i.default.createElement(p.default,{addLabel:r,onRequestAdd:n,onRequestMove:s,"data-test":"ColorListEditor"},u)))};const T=({CustomColorMatchEditor:e,onChange:a=d.noop,canReorderColors:o=!0,value:l=h.VIZ_CATEGORICAL,flyoutTitle:r=(0,f._)("Customize colors"),addColorButtonLabel:n=(0,f._)("Add color"),name:s="seriesColors",label:u="",labelPosition:c="top",labelWidth:p,isDisabled:g=!1,hideLabel:v=!0,canAddNewColors:C=!0})=>{const[P,j]=(0,i.useState)(!1),[w,T]=(0,i.useState)(l),D=(0,i.useRef)(null);(0,i.useEffect)((()=>{T(l)}),[l]);const S=(0,i.useCallback)((()=>{const e=new Set(w);let t=h.VIZ_CATEGORICAL.find((t=>!e.has(t)));if(!t){const e=new Map;h.VIZ_CATEGORICAL.forEach((t=>e.set(t,0))),w.forEach((t=>{e.set(t,(e.get(t)||0)+1)}));let a=1/0;h.VIZ_CATEGORICAL.forEach((o=>{const l=e.get(o)||0;l<a&&(a=l,t=o)}))}a(null,s,[...w,t])}),[s,a,w]),M=(0,i.useCallback)((e=>(t,o,l)=>{const r=[...w];r.splice(e,1,l),a(null,s,r)}),[s,a,w]),k=(0,i.useCallback)(((e,{index:t})=>{const o=[...w];o.splice(t,1),a(null,s,o)}),[s,a,w]),F=(0,i.useCallback)((({fromIndex:e,toIndex:t})=>{const o=[...w],l=o[e];o.splice(e,1),o.splice(t,0,l),a(null,s,o)}),[s,a,w]),R=(0,i.useCallback)((({event:e,reason:t})=>{var a;(null===(a=null==e?void 0:e.srcElement)||void 0===a?void 0:a.sortableHandle)||j(!1),"escapeKey"===t&&D.current.focus()}),[]),B=(0,i.useMemo)((()=>w.map((e=>i.default.createElement(x,{color:e,key:(0,m.createDOMID)()})))),[w]),A=(0,i.useCallback)((()=>{j((e=>!e))}),[]);return i.default.createElement(y.default,{label:u,labelPosition:c,labelWidth:p,hideLabel:v,"data-test":"MultiColorPickerEditor"},i.default.createElement(E,{inline:!1,"data-test":"MultiColorPickerButton",appearance:"default",ref:D,onClick:A,disabled:g,style:O},B),i.default.createElement(b.default,{"data-test":"MultiColorPickerFlyout",open:P,anchor:D.current,defaultPlacement:"horizontal",style:_,onRequestClose:R,takeFocus:!0},i.default.createElement(t.ColorFlyoutEditor,{colors:w,CustomColorMatchEditor:e,handleColorRemove:k,handleColorChange:M,handleColorAdd:C?S:void 0,handleColorMove:o?F:void 0,flyoutTitle:r,addColorButtonLabel:n})))};T.propTypes=Object.assign(Object.assign({},v.BaseEditorPropTypes),{canReorderColors:s.bool,canAddNewColors:s.bool,value:s.arrayOf(s.string),flyoutTitle:s.string,addColorButtonLabel:s.string,CustomColorMatchEditor:s.func,hideLabel:s.bool}),t.default=T},4215:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=n(a(232)),u=n(a(4566)),d=n(a(7020)),c=n(a(1551)),f=n(a(6769)),p=a(3563),m=n(a(1668)),g=n(a(4008)),b=(0,s.default)(m.default)`
     background-color: ${u.default.backgroundColorPopup};
 `,h=s.default.span`
     font-weight: 500;