@splunk/dynamic-editors 0.37.0 → 0.37.2

package/editors/TableColumnFormatterEditor.js

@@ -2,7 +2,7 @@
  * 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:()=>te,editorTypeToComponentMap:()=>Q});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(7035),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(4451),P=a(18),x=a(152),j=a(8281),T=a(4942),w=a.n(T),D=a(5731),S=a.n(D),M=a(6116),k=a.n(M),R=a(4680),F=a(7970),B=a.n(F),A=a(5456),I=a(7585),L=a.n(I),$=a(2117),V=a.n($),N=a(2965),q=a.n(N),W=a(5695),U=a.n(W),z=a(7364),G=a.n(z),K=a(9172),H=a.n(K),Y=a(5678),X=a.n(Y),J=a(8687),Z=a.n(J);const Q={"editor.checkbox":d(),"editor.radioBar":f.default,"editor.select":c.default,"editor.text":p.default,"editor.textArea":Z(),"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":x.DynamicColorEditor,"editor.dynamicColorWithPrecedence":j.DynamicColorEditorWithPrecedence,"editor.columnMultiSelector":w(),"editor.columnSelector":S(),"editor.tableColumnFormatter":k(),"editor.tableBackgroundColor":R.TableBackgroundColorEditor,"editor.slider":y(),"editor.markdown":B(),"editor.staticItem":A.default,"editor.dynamicItem":L(),"editor.arrayOfStrings":V(),"editor.multiColorPicker":q(),"editor.seriesColors":U(),"editor.seriesColorsByField":G(),"editor.columnMultiSelectionByFieldNameEditor":H(),"editor.trellisSplitBy":X()},ee=({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(!Q[f])throw Error(`Invalid editor type: ${f}`);p=Q[f]}else p=f;const m=(0,P.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})))};ee.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 te=ee},437:(e,t,a)=>{a.r(t),a.d(t,{default:()=>w});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.attrs((()=>({"data-test":"text-container"})))`
+ */(()=>{"use strict";var e={6004:(e,t,a)=>{a.r(t),a.d(t,{default:()=>te,editorTypeToComponentMap:()=>Q});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(7035),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(4451),P=a(18),x=a(152),j=a(8281),T=a(4942),w=a.n(T),D=a(5731),S=a.n(D),M=a(6116),k=a.n(M),R=a(4680),F=a(7970),B=a.n(F),A=a(5456),I=a(7585),L=a.n(I),$=a(2117),V=a.n($),N=a(2965),q=a.n(N),W=a(5695),U=a.n(W),z=a(7364),K=a.n(z),G=a(9172),H=a.n(G),Y=a(5678),X=a.n(Y),J=a(8687),Z=a.n(J);const Q={"editor.checkbox":d(),"editor.radioBar":f.default,"editor.select":c.default,"editor.text":p.default,"editor.textArea":Z(),"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":x.DynamicColorEditor,"editor.dynamicColorWithPrecedence":j.DynamicColorEditorWithPrecedence,"editor.columnMultiSelector":w(),"editor.columnSelector":S(),"editor.tableColumnFormatter":k(),"editor.tableBackgroundColor":R.TableBackgroundColorEditor,"editor.slider":y(),"editor.markdown":B(),"editor.staticItem":A.default,"editor.dynamicItem":L(),"editor.arrayOfStrings":V(),"editor.multiColorPicker":q(),"editor.seriesColors":U(),"editor.seriesColorsByField":K(),"editor.columnMultiSelectionByFieldNameEditor":H(),"editor.trellisSplitBy":X()},ee=({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(!Q[f])throw Error(`Invalid editor type: ${f}`);p=Q[f]}else p=f;const m=(0,P.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})))};ee.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 te=ee},437:(e,t,a)=>{a.r(t),a.d(t,{default:()=>w});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.attrs((()=>({"data-test":"text-container"})))`
     max-height: ${d.variables.inputHeight};
     width: 100%;
     min-width: 0;
@@ -39,18 +39,18 @@
     text-align: start;
     text-overflow: ellipsis;
     white-space: nowrap;
-`,G=m()(I()).attrs({"data-test":"image-remove-button"})`
+`,K=m()(I()).attrs({"data-test":"image-remove-button"})`
     flex-grow: 0;
     color: ${L.variables.contentColorActive} !important;
     &:hover {
         background-color: ${L.variables.actionColorBackgroundSecondaryHover} !important;
     }
-`,K=m().img`
+`,G=m().img`
     ${L.mixins.reset("block")};
     margin: 0 auto;
     max-width: 100%;
     max-height: 180px;
-`,H=({filename:e,imageDataURI:t,onImageRemove:a,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(x.CSPMessage,{type:r})))};H.propTypes={filename:n().string,imageDataURI:n().string,onImageRemove:n().func,overrideCSPViolation:n().string},H.defaultProps={onImageRemove:()=>{},filename:null,imageDataURI:null};const Y=H,X=({onChange:e,name:t,value:a,labelPosition:r,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(R,{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},X.defaultProps={labelPosition:"top"};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,labelPosition:a,labelWidth:r,label:n,onChange:s,isDisabled:u,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},s.defaultProps={value:0,labelPosition:"top",isDisabled:!1};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(18),g=a(5862),b=a(4008),h=a.n(b);const v=({onChange:e,name:t,itemSchema:a,values:o,value:i,labelPosition:s,labelWidth:u,label:c,isDisabled:b})=>{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},v.defaultProps={labelPosition:"top",isDisabled:!1};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(18),c=a(5862),f=a(4008),p=a.n(f);const m=({onChange:e,name:t,itemSchema:a,values:r,value:n,labelPosition:i,labelWidth:f,label:m,tooltip:g,isDisabled:b,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},m.defaultProps={labelPosition:"top",isDisabled:!1};const g=m},5456:(e,t,a)=>{a.r(t),a.d(t,{default:()=>w});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(7035),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,imageDataURI:t,onImageRemove:a,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(x.CSPMessage,{type:r})))};H.propTypes={filename:n().string,imageDataURI:n().string,onImageRemove:n().func,overrideCSPViolation:n().string},H.defaultProps={onImageRemove:()=>{},filename:null,imageDataURI:null};const Y=H,X=({onChange:e,name:t,value:a,labelPosition:r,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(R,{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},X.defaultProps={labelPosition:"top"};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,labelPosition:a,labelWidth:r,label:n,onChange:s,isDisabled:u,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},s.defaultProps={value:0,labelPosition:"top",isDisabled:!1};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(18),g=a(5862),b=a(4008),h=a.n(b);const v=({onChange:e,name:t,itemSchema:a,values:o,value:i,labelPosition:s,labelWidth:u,label:c,isDisabled:b})=>{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},v.defaultProps={labelPosition:"top",isDisabled:!1};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(18),c=a(5862),f=a(4008),p=a.n(f);const m=({onChange:e,name:t,itemSchema:a,values:r,value:n,labelPosition:i,labelWidth:f,label:m,tooltip:g,isDisabled:b,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},m.defaultProps={labelPosition:"top",isDisabled:!1};const g=m},5456:(e,t,a)=>{a.r(t),a.d(t,{default:()=>w});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(7035),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;
@@ -66,7 +66,7 @@
     display: block;
 `,_=({error:e,id:t})=>e?l().createElement(C,{id:t},(0,c._)("Error"),": ",e):null;_.propTypes={id:n().string,error:n().string};const O=_;var E=a(2782),P=a.n(E);const x=({"data-test":e,boundary:t,isDisabled:a,isEditable:r,errorId:n,onChange:i,onRequestClose:s,onValidate:u})=>{const[d,c]=(0,o.useState)(t);(0,o.useEffect)((()=>{c(t)}),[t]);const f=(0,o.useCallback)(((e,{value:t})=>{c(t),u(t)}),[u]),p=(0,o.useCallback)((e=>{"Enter"===e.key&&i(d),"Escape"===e.key&&s()}),[d,i,s]),m=(0,o.useCallback)((()=>{i(d)}),[i,d]);return r?l().createElement(P(),{inline:!0,hideStepButtons:!0,disabled:a,value:d||0===d?d:null,onChange:f,onBlur:m,onKeyDown:p,error:!!n,"data-test":e,describedBy:n}):null};x.propTypes={"data-test":n().string,boundary:n().number,isDisabled:n().bool,isEditable:n().bool,errorId:n().string,onChange:n().func,onRequestClose:n().func,onValidate:n().func},x.defaultProps={"data-test":"threshold-boundary-input",isDisabled:!1,isEditable:!0,errorId:void 0,onChange:()=>{},onRequestClose:()=>{},onValidate:()=>{}};const j=x;var T=a(6195),w=a.n(T);a(4868);const D=require("lodash/difference");var S=a.n(D);require("lodash/get");const M=require("lodash/isNaN");var k=a.n(M);const R=require("lodash/uniqBy");var F=a.n(R);function B(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 A(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?B(Object(a),!0).forEach((function(t){w()(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):B(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}const I=["#dc4e41","#f1813f","#f8be34","#53a051","#0877a6","#006d9c","#ec9960","#af575a","#62b3b2","#4fa484","#f8be44","#5a4575","#708794","#294e70","#b6c75a"];function L(e=[]){if(e.length<2)return console.warn("Invalid threshold configuration: at least 2 thresholds required"),e;const t=e.map((e=>{const t=A({},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!==F()(o,"from").length&&console.warn("Invalid threshold configuration: duplicate from values");const l=o.sort(((e,t)=>+t.from-+e.from));if(a.length){const e=a[0];return e.to!==l[l.length-1].from&&(e.to=l[l.length-1].from),l.forEach(((e,t)=>{const a=A({},e);t>0?a.to=l[t-1].from:delete a.to,l[t]=a})),[...l,e]}return l.forEach(((e,t)=>{const a=A({},e);t>0&&(a.to=l[t-1].from),l[t]=a})),l}function $(e="",t=[]){const a=parseFloat(e);return k()(a)||k()(+e)?{error:!0,errorMessage:(0,c._)("Not a valid threshold. Must be a number")}:t.filter((e=>e.from===a)).length>0?{error:!0,errorMessage:(0,c._)("Value already exists")}:{error:!1,errorMessage:null}}const V=d().div.attrs((()=>({"data-test":"add-threshold-level"})))`
     margin-bottom: 10px;
-`,N=({thresholds:e,onAddThreshold:t})=>{const[a,r]=(0,o.useState)(!1),[n,i]=(0,o.useState)(null),s=(0,o.useCallback)((()=>{r(!a)}),[a]),u=(0,o.useCallback)((a=>{const o=$(a,e);o.error?i(o.errorMessage):t(a)}),[e,t]),d=(0,o.useCallback)((t=>{const a=$(t,e);a.error&&i(a.errorMessage)}),[e]);return l().createElement(V,null,a?l().createElement(l().Fragment,null,l().createElement(j,{"data-test":"add-threshold-input",isError:!!n,onChange:u,onRequestClose:s,onValidate:d}),l().createElement(O,{error:n})):l().createElement(h(),{appearance:"secondary",onClick:s,label:`+ ${(0,c._)("Add threshold level")}`}))};N.propTypes={onAddThreshold:n().func,thresholds:n().array},N.defaultProps={onAddThreshold:()=>{}};const q=N;var W=a(8855),U=a.n(W),z=a(8987),G=a(3563),K=a(6379),H=a.n(K);const Y=d().div`
+`,N=({thresholds:e,onAddThreshold:t})=>{const[a,r]=(0,o.useState)(!1),[n,i]=(0,o.useState)(null),s=(0,o.useCallback)((()=>{r(!a)}),[a]),u=(0,o.useCallback)((a=>{const o=$(a,e);o.error?i(o.errorMessage):t(a)}),[e,t]),d=(0,o.useCallback)((t=>{const a=$(t,e);a.error&&i(a.errorMessage)}),[e]);return l().createElement(V,null,a?l().createElement(l().Fragment,null,l().createElement(j,{"data-test":"add-threshold-input",isError:!!n,onChange:u,onRequestClose:s,onValidate:d}),l().createElement(O,{error:n})):l().createElement(h(),{appearance:"secondary",onClick:s,label:`+ ${(0,c._)("Add threshold level")}`}))};N.propTypes={onAddThreshold:n().func,thresholds:n().array},N.defaultProps={onAddThreshold:()=>{}};const q=N;var W=a(8855),U=a.n(W),z=a(8987),K=a(3563),G=a(6379),H=a.n(G);const Y=d().div`
     margin-right: 10px;
     width: 100px;
     display: inline-block;
@@ -99,12 +99,12 @@
     display: flex;
     margin-left: auto;
 `,ne=d().div`
-    margin-left: ${G.variables.spacingXSmall};
-    width: ${G.variables.spacingXXLarge};
+    margin-left: ${K.variables.spacingXSmall};
+    width: ${K.variables.spacingXXLarge};
 `,ie=d()(h())`
-    color: ${e=>e.disabled?G.variables.contentColorDisabled:G.variables.contentColorActive} !important;
+    color: ${e=>e.disabled?K.variables.contentColorDisabled:K.variables.contentColorActive} !important;
     &:hover {
-        background-color: ${e=>!e.disabled&&G.variables.interactiveColorOverlayDrag} !important;
+        background-color: ${e=>!e.disabled&&K.variables.interactiveColorOverlayDrag} !important;
     }
 `,se=({editFrom:e,editTo:t,editValue:a,error:r,from:n,index:i,isDisabled:s,isRemovable:u,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,z.createDOMID)("threshold-error"):void 0),[r]);return l().createElement(l().Fragment,null,l().createElement(oe,null,l().createElement(le,null,l().createElement(j,{"data-test":"threshold-from-level",boundary:n,isDisabled:s,isEditable:e,errorId:y,onChange:g})),l().createElement(ae,{to:p,index:i,isRemovable:u,isEditable:t,isDisabled:s,onChange:b,errorId:y}),l().createElement(re,null,f({value:m,onChange:h,isDisabled:s||!!r,editValue:a})),l().createElement(ne,null,u&&l().createElement(ie,{"data-test":"threshold-remove-button",icon:l().createElement(U(),null),appearance:"subtle",onClick:v,disabled:s}))),l().createElement(O,{error:r,id:y}))};se.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},se.defaultProps={isRemovable:!1,isDisabled:!1};const ue=se;function de(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 ce(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?de(Object(a),!0).forEach((function(t){w()(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):de(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}const fe=({ranges:e,openRanges:t,isDisabled:a,onChange:r,renderThresholdValueEditor:n})=>{const[i,u]=(0,o.useState)({}),d=(0,o.useCallback)((t=>{const a=s()(e);a.splice(t,1),r(L(a));const o=ce({},i);delete o[t],u(o)}),[i,e,r]),f=(0,o.useCallback)(((a,o)=>{const l=s()(e),n=ce({},i);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 k()(a)||k()(+e)||k()(o)||k()(+t)?{error:!0,errorMessage:(0,c._)("Not a valid threshold. Must be a number")}:a<o?{error:!0,errorMessage:(0,c._)("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=s()(e);t.splice(a,1);const l=$(o.from,t);l.error&&(n[a]=l.errorMessage)}u(n),Object.keys(n).length||r(L(l))}),[i,e,r,t]),p=!!Object.keys(i).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(ue,{key:`threshold-${o.from}-${o.to}-${o.value}`,onRemove:d,onChange:f,index:r,from:o.from,to:o.to,value:o.value,error:i[r],editFrom:!t||r!==e.length-1,editTo:!t&&0===r,editValue:!p,isRemovable:m(r),isDisabled:a,renderThresholdValueEditor:n})))};fe.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},fe.defaultProps={openRanges:!0,isDisabled:!1,ranges:[]};const pe=fe;var me=a(7408),ge=a.n(me),be=a(3283);const he=({isDisabled:e,value:t,onChange:a})=>l().createElement(ge(),{disabled:e,value:(0,be.isColor)(t)?t:"transparent",onChange:a,hideInput:!0,palette:I,"data-test":"threshold-level-value"});he.propTypes={isDisabled:n().bool,value:n().string,onChange:n().func.isRequired};const ve=he,ye=d().div`
     flex-direction: column;
@@ -149,7 +149,7 @@
 `,D=(0,p.default)(c.default)`
     padding: '4px';
     margin-bottom: ${m.default.spacingMedium};
-`,S=Object.assign(Object.assign({},O.BaseEditorPropTypes),{flyoutTitle:s.string,formatters:s.arrayOf(s.shape({label:s.string,value:s.string,defaults:s.object})),dataSelectors:s.arrayOf(s.shape({label:s.string,value:s.string})),defaultPalettesConfig:y.sharedPalettesConfigPropType,showStaticTextColor:s.bool});t.prepareUpdate=({name:e,selectedDataSelector:t,selectedFormatterType:a,currentFormatterConfig:o})=>{const l=`${e}EditorConfig`,r=l.replace(/^\w+\[\d+\]\.(.+)$/,"$1");return{options:{[e]:(0,v.buildDSLFromDataSelectorAndFormatter)(t,a,l)},context:{[r]:o}}};t.DynamicColorEditor=({name:e,value:a,label:o="",labelPosition:l="left",labelWidth:r,context:n,onChange:s=(()=>{}),flyoutTitle:u=(0,g._)("Dynamic coloring"),formatters:c=[],dataSelectors:p=[],defaultPalettesConfig:m=b.defaultPalettesConfig,isDisabled:_=!1,showStaticTextColor:O=!1})=>{const[S,M]=x(!1),k=P(null),{type:R,paramKey:F}=(0,v.getLastFormatterFromDSL)(a)||{type:"unknown",paramKey:"unknown"},B=(0,v.getDataSelectorsFromDSL)(a)[0],[A,I]=x(R);j((()=>{I(R)}),[R]);const[L,$]=x(B);j((()=>{$(B)}),[B]);const V=(0,E.getFormatterConfig)({contextConfig:n[F],formatters:c,formatterFromDSL:R,selectedDataSelector:L}),[N,q]=x(V);j((()=>{q(V)}),[n,c,F,R,B]);const W=a=>{const o=(0,h.find)(c,(e=>e.isDefault))||(0,h.find)(c,(e=>"rangeValue"===e.value))||c[0];if((0,h.isEmpty)(o))return;const l=o.value,r=Object.keys(o.defaults)[0],n=o.defaults[r];$(r),I(l),q(n),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:r,selectedFormatterType:l,currentFormatterConfig:n}))},U=i.useCallback((()=>{M((e=>!e))}),[]);if(!(0,E.isSupportedDataSelector)({selectedDataSelector:L,dataSelectors:p})||!(0,E.isSupportedFormatter)({selectedFormatterType:A,formattersFromEditor:c,supportedFormatters:y.supportedFormatters}))return i.createElement(C.default,{label:o,labelPosition:l,labelWidth:r,onResetToDefault:W});const z=y.supportedFormatters[A].preview;return i.createElement(i.Fragment,null,i.createElement(d.default,{"data-test":"DynamicColorEditorGroup",label:(0,g._)(o),labelPosition:l,labelWidth:r},i.createElement(D,{inline:!1,"data-test":"DynamicColorEditorButton",appearance:"default",ref:k,onClick:U,disabled:_},i.createElement(z,{"data-test":"FormatterConfigPreview",config:N}))),i.createElement(f.default,{"data-test":"DynamicColorEditorFlyout",open:S,anchor:k.current,defaultPlacement:"horizontal",style:{padding:"10px"},onRequestClose:()=>M(!1),takeFocus:!0},i.createElement(w,null,i.createElement(T,null,u),i.createElement(y.FormatterEditor,{selectedDataSelector:L,selectedFormatterType:A,currentFormatterConfig:N,onDataSelectorChange:(a,o,l)=>{$(l);const r=(0,h.find)(c,(e=>e.defaults[l]));I(r.value);const n=r.defaults[l];q(n),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:l,selectedFormatterType:r.value,currentFormatterConfig:n}))},onFormatterTypeChange:(a,o,l)=>{I(l);const r=(0,h.find)(c,["value",l]).defaults[L];q(r),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:L,selectedFormatterType:l,currentFormatterConfig:r}))},onFormatterConfigChange:(a,o,l)=>{q(l),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:L,selectedFormatterType:A,currentFormatterConfig:l}))},formatters:c,dataSelectors:p,defaultPalettesConfig:m,showStaticTextColor:O}))))},t.DynamicColorEditor.propTypes=S},8281:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditorWithPrecedence=void 0;const i=r(a(9497)),s=r(a(23)),u=a(6649),d=a(5089),c=a(2369),f=a(152),p=n(a(2065)),m=a(6801),g=a(5862),b=a(18),h=Object.assign(Object.assign({},m.BaseEditorPropTypes),{name:s.string.isRequired,value:s.any,onChange:s.func,flyoutTitle:s.string,dataSelectors:s.arrayOf(s.shape({label:s.string.isRequired,value:s.string.isRequired})),formatters:s.arrayOf(s.shape({label:s.string.isRequired,value:s.string.isRequired,defaults:s.object})),defaultPalettesConfig:c.sharedPalettesConfigPropType.isRequired,tooltip:s.string,options:s.object});t.DynamicColorEditorWithPrecedence=({name:e,value:t,label:a="",labelPosition:o,labelWidth:l,context:r,flyoutTitle:n=(0,u._)("Dynamic coloring"),formatters:s=[],dataSelectors:c=[],defaultPalettesConfig:m=d.defaultPalettesConfig,tooltip:h,options:v={},onChange:y=(()=>{})})=>{const C=g.VERTICAL_EDITOR_SPACING/2,_=i.useCallback((e=>{if(!e||""===e)return!0;if("string"==typeof e){return null!==/^>\s*areaValues\s*\|\s*gradient\(\s*\)$/.exec(e)}return!1}),[]),[O,E]=i.useState(!_(t));i.useEffect((()=>{E(!_(t))}),[t,_]);const P=i.useCallback(((a,o)=>{var l,r,n,i,u,d;E((e=>!e));const f={},p={};if(O){const t=c.map((e=>e.value));f[e]=(0,b.getToggleOffValueForDataColors)({name:e,options:v,dataSelectors:t})}else{if("string"==typeof t&&null!==/^>\s*areaValues\s*\|\s*gradient\(\s*\)$/.exec(t)){f[e]="> areaValues | gradient(dataColorConfig)";const t=null===(r=null===(l=s.find((e=>"gradient"===e.value)))||void 0===l?void 0:l.defaults)||void 0===r?void 0:r.areaValues;t&&(p.dataColorConfig=t)}else if(e.endsWith("dataColors")){const t=null===(n=c[0])||void 0===n?void 0:n.value,a=null===(i=s[0])||void 0===i?void 0:i.value,o=null===(d=null===(u=s[0])||void 0===u?void 0:u.defaults)||void 0===d?void 0:d[t];if(!t||!a||!o)return;f[e]=`> ${c[0].value} | ${a}(dataColorConfig)`,p.dataColorConfig=o}}y(a,{options:f,context:p})}),[c,s,O,e,y,v,t]),x=i.useCallback(((e,t)=>{y(e,t)}),[y]);return i.createElement("div",{"data-test":"dynamic-color-toggle",style:{marginTop:C,marginBottom:C}},i.createElement(p.default,{name:e,label:(0,u._)("Dynamic coloring"),labelPosition:"right",value:O,onChange:P,itemSchema:{type:"boolean"},help:h}),O&&i.createElement("div",{"data-test":"dynamic-color-editor",style:{marginTop:C,marginBottom:-C}},i.createElement(f.DynamicColorEditor,{name:e,label:a,labelPosition:o,labelWidth:l,value:t,context:r,onChange:x,flyoutTitle:n,formatters:s,dataSelectors:c,defaultPalettesConfig:m})))},t.DynamicColorEditorWithPrecedence.propTypes=h},7585:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=a(4793),d=n(a(4082)),c=n(a(9250)),f=n(a(7143)),p=a(6649),m=n(a(5731)),g=n(a(5456)),b=a(4381),h=a(5862),v=({name:e,context:t,value:a,label:o,onChange:l,dataSourceBindings:r,labelPosition:n,labelWidth:s,help:v,validate:y})=>{const[C,_]=i.useState([]),[O,E]=i.useState(""),[P,x]=i.useState("");i.useEffect((()=>{const{staticOptions:e,dynamicOptionsLabel:o,dynamicOptionsValue:l}=(0,b.getDynamicOptionsFromConfig)({items:a,context:t});_(e),E(o),x(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]:C}})}),[r,e,a,l,C]);const j=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)=>{j(a,O,P)}),[j,O,P]),w=i.useCallback(((e,{value:t})=>{""===P?E(t):j(C,t,P)}),[j,C,P]),D=i.useCallback(((e,{value:t})=>{""===O?x(t):j(C,O,t)}),[j,C,O]),S=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:v},i.createElement(d.default,{key:a.toString(),"data-test":e,disabled:!0,defaultValue:a.toString()}));const M=!!r.primary;return i.createElement(i.Fragment,null,i.createElement(g.default,{name:"",label:(0,p._)("Static menu configuration"),labelPosition:n,value:C,onChange:T,validate:y}),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:r,value:`>primary | seriesByName("${O}")`,context:t,onChange:w,prepareValue:S("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:D,prepareValue:S("value")}))))};v.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},v.defaultProps={value:"",labelPosition:"top",help:(0,p._)("Advanced configuration options are being used by this input. Please edit in source mode.")},t.default=v},7970:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=n(a(232)),d=n(a(348));a(6265);const c=n(a(1018)),f=a(6649),p=n(a(6447)),m=a(3563),g=a(5135),b=a(962),h=a(137),v=u.default.div`
+`,S=Object.assign(Object.assign({},O.BaseEditorPropTypes),{flyoutTitle:s.string,formatters:s.arrayOf(s.shape({label:s.string,value:s.string,defaults:s.object})),dataSelectors:s.arrayOf(s.shape({label:s.string,value:s.string})),defaultPalettesConfig:y.sharedPalettesConfigPropType,showStaticTextColor:s.bool});t.prepareUpdate=({name:e,selectedDataSelector:t,selectedFormatterType:a,currentFormatterConfig:o})=>{const l=`${e}EditorConfig`,r=l.replace(/^\w+\[\d+\]\.(.+)$/,"$1");return{options:{[e]:(0,v.buildDSLFromDataSelectorAndFormatter)(t,a,l)},context:{[r]:o}}};t.DynamicColorEditor=({name:e,value:a,label:o="",labelPosition:l="left",labelWidth:r,context:n,onChange:s=(()=>{}),flyoutTitle:u=(0,g._)("Dynamic coloring"),formatters:c=[],dataSelectors:p=[],defaultPalettesConfig:m=b.defaultPalettesConfig,isDisabled:_=!1,showStaticTextColor:O=!1})=>{const[S,M]=x(!1),k=P(null),{type:R,paramKey:F}=(0,v.getLastFormatterFromDSL)(a)||{type:"unknown",paramKey:"unknown"},B=(0,v.getDataSelectorsFromDSL)(a)[0],[A,I]=x(R);j((()=>{I(R)}),[R]);const[L,$]=x(B);j((()=>{$(B)}),[B]);const V=(0,E.getFormatterConfig)({contextConfig:n[F],formatters:c,formatterFromDSL:R,selectedDataSelector:L}),[N,q]=x(V);j((()=>{q(V)}),[n,c,F,R,B]);const W=a=>{const o=(0,h.find)(c,(e=>e.isDefault))||(0,h.find)(c,(e=>"rangeValue"===e.value))||c[0];if((0,h.isEmpty)(o))return;const l=o.value,r=Object.keys(o.defaults)[0],n=o.defaults[r];$(r),I(l),q(n),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:r,selectedFormatterType:l,currentFormatterConfig:n}))},U=i.useCallback((()=>{M((e=>!e))}),[]);if(!(0,E.isSupportedDataSelector)({selectedDataSelector:L,dataSelectors:p})||!(0,E.isSupportedFormatter)({selectedFormatterType:A,formattersFromEditor:c,supportedFormatters:y.supportedFormatters}))return i.createElement(C.default,{label:o,labelPosition:l,labelWidth:r,onResetToDefault:W});const z=y.supportedFormatters[A].preview;return i.createElement(i.Fragment,null,i.createElement(d.default,{"data-test":"DynamicColorEditorGroup",label:(0,g._)(o),labelPosition:l,labelWidth:r},i.createElement(D,{inline:!1,"data-test":"DynamicColorEditorButton",appearance:"default",ref:k,onClick:U,disabled:_},i.createElement(z,{"data-test":"FormatterConfigPreview",config:N}))),i.createElement(f.default,{"data-test":"DynamicColorEditorFlyout",open:S,anchor:k.current,defaultPlacement:"horizontal",style:{padding:"10px"},onRequestClose:()=>M(!1),takeFocus:!0},i.createElement(w,null,i.createElement(T,null,u),i.createElement(y.FormatterEditor,{selectedDataSelector:L,selectedFormatterType:A,currentFormatterConfig:N,onDataSelectorChange:(a,o,l)=>{$(l);const r=(0,h.find)(c,(e=>e.defaults[l]));I(r.value);const n=r.defaults[l];q(n),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:l,selectedFormatterType:r.value,currentFormatterConfig:n}))},onFormatterTypeChange:(a,o,l)=>{I(l);const r=(0,h.find)(c,["value",l]).defaults[L];q(r),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:L,selectedFormatterType:l,currentFormatterConfig:r}))},onFormatterConfigChange:(a,o,l)=>{q(l),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:L,selectedFormatterType:A,currentFormatterConfig:l}))},formatters:c,dataSelectors:p,defaultPalettesConfig:m,showStaticTextColor:O}))))},t.DynamicColorEditor.propTypes=S},8281:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditorWithPrecedence=void 0;const i=r(a(9497)),s=r(a(23)),u=a(6649),d=a(5089),c=a(2369),f=a(152),p=n(a(2065)),m=a(6801),g=a(5862),b=a(18),h=Object.assign(Object.assign({},m.BaseEditorPropTypes),{name:s.string.isRequired,value:s.any,onChange:s.func,flyoutTitle:s.string,dataSelectors:s.arrayOf(s.shape({label:s.string.isRequired,value:s.string.isRequired})),formatters:s.arrayOf(s.shape({label:s.string.isRequired,value:s.string.isRequired,defaults:s.object})),defaultPalettesConfig:c.sharedPalettesConfigPropType.isRequired,tooltip:s.string,options:s.object});t.DynamicColorEditorWithPrecedence=({name:e,value:t,label:a="",labelPosition:o,labelWidth:l,context:r,flyoutTitle:n=(0,u._)("Dynamic coloring"),formatters:s=[],dataSelectors:c=[],defaultPalettesConfig:m=d.defaultPalettesConfig,tooltip:h,options:v={},onChange:y=(()=>{})})=>{const C=g.VERTICAL_EDITOR_SPACING/2,_=i.useCallback((e=>{if(!e||""===e)return!0;if("string"==typeof e){return null!==/^>\s*areaValues\s*\|\s*gradient\(\s*\)$/.exec(e)}return!1}),[]),[O,E]=i.useState(!_(t));i.useEffect((()=>{E(!_(t))}),[t,_]);const P=i.useCallback(((a,o)=>{var l,n,i,u,d,f;E((e=>!e));const p={},m={};if(O){const t=c.map((e=>e.value));p[e]=(0,b.getToggleOffValueForDataColors)({name:e,options:v,dataSelectors:t}),r&&void 0!==r.dataColorsEditorConfig&&(m.dataColorsEditorConfig=void 0)}else{if("string"==typeof t&&null!==/^>\s*areaValues\s*\|\s*gradient\(\s*\)$/.exec(t)){p[e]="> areaValues | gradient(dataColorsEditorConfig)";const t=null===(n=null===(l=s.find((e=>"gradient"===e.value)))||void 0===l?void 0:l.defaults)||void 0===n?void 0:n.areaValues;t&&(m.dataColorsEditorConfig=t)}else if(e.endsWith("dataColors")){const t=null===(i=c[0])||void 0===i?void 0:i.value,a=null===(u=s[0])||void 0===u?void 0:u.value,o=null===(f=null===(d=s[0])||void 0===d?void 0:d.defaults)||void 0===f?void 0:f[t];if(!t||!a||!o)return;p[e]=`> ${c[0].value} | ${a}(dataColorsEditorConfig)`,m.dataColorsEditorConfig=o}}y(a,{options:p,context:m})}),[r,c,s,O,e,y,v,t]),x=i.useCallback(((e,t)=>{y(e,t)}),[y]);return i.createElement("div",{"data-test":"dynamic-color-toggle",style:{marginTop:C,marginBottom:C}},i.createElement(p.default,{name:e,label:(0,u._)("Dynamic coloring"),labelPosition:"right",value:O,onChange:P,itemSchema:{type:"boolean"},help:h}),O&&i.createElement("div",{"data-test":"dynamic-color-editor",style:{marginTop:C,marginBottom:-C}},i.createElement(f.DynamicColorEditor,{name:e,label:a,labelPosition:o,labelWidth:l,value:t,context:r,onChange:x,flyoutTitle:n,formatters:s,dataSelectors:c,defaultPalettesConfig:m})))},t.DynamicColorEditorWithPrecedence.propTypes=h},7585:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=a(4793),d=n(a(4082)),c=n(a(9250)),f=n(a(7143)),p=a(6649),m=n(a(5731)),g=n(a(5456)),b=a(4381),h=a(5862),v=({name:e,context:t,value:a,label:o,onChange:l,dataSourceBindings:r,labelPosition:n,labelWidth:s,help:v,validate:y})=>{const[C,_]=i.useState([]),[O,E]=i.useState(""),[P,x]=i.useState("");i.useEffect((()=>{const{staticOptions:e,dynamicOptionsLabel:o,dynamicOptionsValue:l}=(0,b.getDynamicOptionsFromConfig)({items:a,context:t});_(e),E(o),x(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]:C}})}),[r,e,a,l,C]);const j=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)=>{j(a,O,P)}),[j,O,P]),w=i.useCallback(((e,{value:t})=>{""===P?E(t):j(C,t,P)}),[j,C,P]),D=i.useCallback(((e,{value:t})=>{""===O?x(t):j(C,O,t)}),[j,C,O]),S=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:v},i.createElement(d.default,{key:a.toString(),"data-test":e,disabled:!0,defaultValue:a.toString()}));const M=!!r.primary;return i.createElement(i.Fragment,null,i.createElement(g.default,{name:"",label:(0,p._)("Static menu configuration"),labelPosition:n,value:C,onChange:T,validate:y}),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:r,value:`>primary | seriesByName("${O}")`,context:t,onChange:w,prepareValue:S("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:D,prepareValue:S("value")}))))};v.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},v.defaultProps={value:"",labelPosition:"top",help:(0,p._)("Advanced configuration options are being used by this input. Please edit in source mode.")},t.default=v},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;
@@ -271,7 +271,7 @@
     &:last-of-type {
         margin-right: 0;
     }
-`,m={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})=>{const l=o?[...e].reverse():[...e];return i.createElement(f,{isReversed:o},l.map(((e,o)=>(0,d.isColor)(e)&&i.createElement(p,{key:(0,c.createDOMID)(),color:e,widthGrow:a,maxColorCount:t}))))},t.ColorPreview.propTypes=m},2369: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.FormatterEditor=t.supportedFormatters=t.GradientEditorWrapper=t.MatchValueEditorWrapper=t.RangeValueEditorWrapper=t.getSortedRanges=t.sharedPalettesConfigPropType=void 0;const i=r(a(9497)),s=r(a(23)),u=a(6649),d=a(8963),c=a(1788),f=a(1561),p=n(a(8842)),m=n(a(3263)),g=n(a(530)),b=n(a(107)),h=n(a(7304)),v=n(a(2468));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(g.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(b.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.GradientEditorWrapper=({defaultPalettesConfig:e,value:t,onChange:a,showStaticTextColor:o,selectedDataSelector:l})=>{var r;return(null===(r=null==t?void 0:t.stops)||void 0===r?void 0:r.length)>0?i.createElement(v.default,{label:"Data colors",labelPosition:"top",onResetToDefault:()=>{const t=(0,d.createGradientConfigFromPalettes)(e);a(void 0,void 0,t)}}):i.createElement(h.default,{"data-test":"GradientEditor",name:"gradient",defaultPalettesConfig:e,value:t,onChange:(e,t,o)=>a(e,t,o),showStaticTextColor:o,selectedDataSelector:l})},t.GradientEditorWrapper.propTypes={defaultPalettesConfig:t.sharedPalettesConfigPropType,value:s.exact({colors:s.arrayOf(s.string).isRequired,textColor:s.string}).isRequired,onChange:s.func,showStaticTextColor:s.bool,selectedDataSelector:s.string},t.supportedFormatters={gradient:{preview:p.default,editor:t.GradientEditorWrapper},rangeValue:{preview:c.RangeValuePreview,editor:t.RangeValueEditorWrapper},matchValue:{preview:f.MatchValuePreview,editor:t.MatchValueEditorWrapper}};const y=Object.keys(t.supportedFormatters),C={selectedDataSelector:s.string,selectedFormatterType:s.oneOf(y),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,showStaticTextColor:s.bool};t.FormatterEditor=({selectedDataSelector:e,selectedFormatterType:a,currentFormatterConfig:o,formatters:l=[],dataSelectors:r=[],onDataSelectorChange:n,onFormatterTypeChange:s,onFormatterConfigChange:d,defaultPalettesConfig:c,showStaticTextColor:f=!1})=>{var p;const g=r.length>1,b=g?(0,u._)("Method"):"",h=l.filter((t=>{var a;return null===(a=t.defaults)||void 0===a?void 0:a[e]})),v=h.length>1,y=null===(p=t.supportedFormatters[a])||void 0===p?void 0:p.editor;return i.createElement(i.Fragment,null,g&&i.createElement(m.default,{name:"dataSelector",label:(0,u._)("Based on"),"data-test":"FormatterEditorDataSelector",values:r,value:e,onChange:n}),v&&i.createElement(m.default,{name:"formatterSelector",label:b,"data-test":"FormatterEditorFormatterSelector",values:h,value:a,onChange:s}),i.createElement(y,{"data-test":"FormatterEditorConfigEditor",name:"formatterConfig",value:o,onChange:d,defaultPalettesConfig:c,selectedDataSelector:e,showStaticTextColor:"gradient"===a&&f}))},t.FormatterEditor.propTypes=C},5439:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=a(6649),d=n(a(232)),c=n(a(7020)),f=n(a(6062)),p=d.default.div`
+`,m={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})=>{const l=o?[...e].reverse():[...e];return i.createElement(f,{isReversed:o},l.map(((e,o)=>(0,d.isColor)(e)&&i.createElement(p,{key:(0,c.createDOMID)(),color:e,widthGrow:a,maxColorCount:t}))))},t.ColorPreview.propTypes=m},2369: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.FormatterEditor=t.supportedFormatters=t.GradientEditorWrapper=t.MatchValueEditorWrapper=t.RangeValueEditorWrapper=t.getSortedRanges=t.sharedPalettesConfigPropType=void 0;const i=r(a(9497)),s=r(a(23)),u=a(6649),d=a(8963),c=a(1788),f=a(1561),p=n(a(8842)),m=n(a(3263)),g=n(a(530)),b=n(a(107)),h=n(a(7304)),v=n(a(2468));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};const y={paletteTheme:"DARK_COLORS",paletteEntry:{type:"sequential",index:0}};t.RangeValueEditorWrapper=({defaultPalettesConfig:e,value:t,onChange:a,selectedDataSelector:o})=>i.createElement(g.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(b.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.GradientEditorWrapper=({defaultPalettesConfig:e=y,value:t,onChange:a,showStaticTextColor:o,selectedDataSelector:l})=>{var r,n,s;return(null===(r=null==t?void 0:t.stops)||void 0===r?void 0:r.length)>0||(null!==(s=null===(n=null==t?void 0:t.colors)||void 0===n?void 0:n.length)&&void 0!==s?s:0)>7?i.createElement(v.default,{label:"Data colors",labelPosition:"top",onResetToDefault:()=>{const t=(0,d.createGradientConfigFromPalettes)(e);a(void 0,void 0,t)}}):i.createElement(h.default,{"data-test":"GradientEditor",name:"gradient",defaultPalettesConfig:e,value:t,onChange:(e,t,o)=>a(e,t,o),showStaticTextColor:o,selectedDataSelector:l})},t.GradientEditorWrapper.propTypes={defaultPalettesConfig:t.sharedPalettesConfigPropType,value:s.exact({colors:s.arrayOf(s.string).isRequired,textColor:s.string}).isRequired,onChange:s.func,showStaticTextColor:s.bool,selectedDataSelector:s.string},t.supportedFormatters={gradient:{preview:p.default,editor:t.GradientEditorWrapper},rangeValue:{preview:c.RangeValuePreview,editor:t.RangeValueEditorWrapper},matchValue:{preview:f.MatchValuePreview,editor:t.MatchValueEditorWrapper}};const C=Object.keys(t.supportedFormatters),_={selectedDataSelector:s.string,selectedFormatterType:s.oneOf(C),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,showStaticTextColor:s.bool};t.FormatterEditor=({selectedDataSelector:e,selectedFormatterType:a,currentFormatterConfig:o,formatters:l=[],dataSelectors:r=[],onDataSelectorChange:n,onFormatterTypeChange:s,onFormatterConfigChange:d,defaultPalettesConfig:c,showStaticTextColor:f=!1})=>{var p;const g=r.length>1,b=g?(0,u._)("Method"):"",h=l.filter((t=>{var a;return null===(a=t.defaults)||void 0===a?void 0:a[e]})),v=h.length>1,y=null===(p=t.supportedFormatters[a])||void 0===p?void 0:p.editor;return i.createElement(i.Fragment,null,g&&i.createElement(m.default,{name:"dataSelector",label:(0,u._)("Based on"),"data-test":"FormatterEditorDataSelector",values:r,value:e,onChange:n}),v&&i.createElement(m.default,{name:"formatterSelector",label:b,"data-test":"FormatterEditorFormatterSelector",values:h,value:a,onChange:s}),i.createElement(y,{"data-test":"FormatterEditorConfigEditor",name:"formatterConfig",value:o,onChange:d,defaultPalettesConfig:c,selectedDataSelector:e,showStaticTextColor:"gradient"===a&&f}))},t.FormatterEditor.propTypes=_},5439:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=a(6649),d=n(a(232)),c=n(a(7020)),f=n(a(6062)),p=d.default.div`
     display: flex;
     flex-direction: row;
     margin-bottom: 10px;