@splunk/dynamic-editors 0.37.0 → 0.37.2

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.37.2](https://cd.splunkdev.com/devplat/splunk-dynamic-editors/compare/v0.37.1...v0.37.2) (2025-08-15)
+
+**Note:** Version bump only for package @splunk/dynamic-editors
+
+
+
+
+
+## [0.37.1](https://cd.splunkdev.com/devplat/splunk-dynamic-editors/compare/v0.37.0...v0.37.1) (2025-08-05)
+
+**Note:** Version bump only for package @splunk/dynamic-editors
+
+
+
+
+
 # [0.37.0](https://cd.splunkdev.com/devplat/splunk-dynamic-editors/compare/v0.36.2...v0.37.0) (2025-08-05)
 
 

package/DynamicEditor.js

@@ -149,7 +149,7 @@
 `,S=(0,p.default)(d.default)`
     padding: '4px';
     margin-bottom: ${m.default.spacingMedium};
-`,D=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 n=`${e}EditorConfig`,l=n.replace(/^\w+\[\d+\]\.(.+)$/,"$1");return{options:{[e]:(0,v.buildDSLFromDataSelectorAndFormatter)(t,a,n)},context:{[l]:o}}};t.DynamicColorEditor=({name:e,value:a,label:o="",labelPosition:n="left",labelWidth:l,context:r,onChange:s=(()=>{}),flyoutTitle:u=(0,g._)("Dynamic coloring"),formatters:d=[],dataSelectors:p=[],defaultPalettesConfig:m=b.defaultPalettesConfig,isDisabled:_=!1,showStaticTextColor:O=!1})=>{const[D,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:r[F],formatters:d,formatterFromDSL:R,selectedDataSelector:L}),[q,N]=x(V);j((()=>{N(V)}),[r,d,F,R,B]);const z=a=>{const o=(0,h.find)(d,(e=>e.isDefault))||(0,h.find)(d,(e=>"rangeValue"===e.value))||d[0];if((0,h.isEmpty)(o))return;const n=o.value,l=Object.keys(o.defaults)[0],r=o.defaults[l];$(l),I(n),N(r),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:l,selectedFormatterType:n,currentFormatterConfig:r}))},W=i.useCallback((()=>{M((e=>!e))}),[]);if(!(0,E.isSupportedDataSelector)({selectedDataSelector:L,dataSelectors:p})||!(0,E.isSupportedFormatter)({selectedFormatterType:A,formattersFromEditor:d,supportedFormatters:y.supportedFormatters}))return i.createElement(C.default,{label:o,labelPosition:n,labelWidth:l,onResetToDefault:z});const U=y.supportedFormatters[A].preview;return i.createElement(i.Fragment,null,i.createElement(c.default,{"data-test":"DynamicColorEditorGroup",label:(0,g._)(o),labelPosition:n,labelWidth:l},i.createElement(S,{inline:!1,"data-test":"DynamicColorEditorButton",appearance:"default",ref:k,onClick:W,disabled:_},i.createElement(U,{"data-test":"FormatterConfigPreview",config:q}))),i.createElement(f.default,{"data-test":"DynamicColorEditorFlyout",open:D,anchor:k.current,defaultPlacement:"horizontal",style:{padding:"10px"},onRequestClose:()=>M(!1),takeFocus:!0},i.createElement(T,null,i.createElement(w,null,u),i.createElement(y.FormatterEditor,{selectedDataSelector:L,selectedFormatterType:A,currentFormatterConfig:q,onDataSelectorChange:(a,o,n)=>{$(n);const l=(0,h.find)(d,(e=>e.defaults[n]));I(l.value);const r=l.defaults[n];N(r),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:n,selectedFormatterType:l.value,currentFormatterConfig:r}))},onFormatterTypeChange:(a,o,n)=>{I(n);const l=(0,h.find)(d,["value",n]).defaults[L];N(l),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:L,selectedFormatterType:n,currentFormatterConfig:l}))},onFormatterConfigChange:(a,o,n)=>{N(n),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:L,selectedFormatterType:A,currentFormatterConfig:n}))},formatters:d,dataSelectors:p,defaultPalettesConfig:m,showStaticTextColor:O}))))},t.DynamicColorEditor.propTypes=D},8281:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditorWithPrecedence=void 0;const i=l(a(9497)),s=l(a(23)),u=a(6649),c=a(5089),d=a(2369),f=a(152),p=r(a(2065)),m=a(6801),g=a(5862),b=a(4267),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:d.sharedPalettesConfigPropType.isRequired,tooltip:s.string,options:s.object});t.DynamicColorEditorWithPrecedence=({name:e,value:t,label:a="",labelPosition:o,labelWidth:n,context:l,flyoutTitle:r=(0,u._)("Dynamic coloring"),formatters:s=[],dataSelectors:d=[],defaultPalettesConfig:m=c.defaultPalettesConfig,tooltip: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 n,l,r,i,u,c;E((e=>!e));const f={},p={};if(O){const t=d.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===(l=null===(n=s.find((e=>"gradient"===e.value)))||void 0===n?void 0:n.defaults)||void 0===l?void 0:l.areaValues;t&&(p.dataColorConfig=t)}else if(e.endsWith("dataColors")){const t=null===(r=d[0])||void 0===r?void 0:r.value,a=null===(i=s[0])||void 0===i?void 0:i.value,o=null===(c=null===(u=s[0])||void 0===u?void 0:u.defaults)||void 0===c?void 0:c[t];if(!t||!a||!o)return;f[e]=`> ${d[0].value} | ${a}(dataColorConfig)`,p.dataColorConfig=o}}y(a,{options:f,context:p})}),[d,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:n,value:t,context:l,onChange:x,flyoutTitle:r,formatters:s,dataSelectors:d,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 n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(a(9497)),s=l(a(23)),u=a(4793),c=r(a(4082)),d=r(a(9250)),f=r(a(7143)),p=a(6649),m=r(a(5731)),g=r(a(5456)),b=a(4381),h=a(5862),v=({name:e,context:t,value:a,label:o,onChange:n,dataSourceBindings:l,labelPosition:r,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:n}=(0,b.getDynamicOptionsFromConfig)({items:a,context:t});_(e),E(o),x(n)}),[a,t]),i.useEffect((()=>{void 0!==l.primary||Array.isArray(a)||n(null,{context:{formattedConfig:void 0,formattedStatics:void 0,statics:void 0,label:void 0,value:void 0},options:{[e]:C}})}),[l,e,a,n,C]);const j=i.useCallback(((t,o,l)=>{if(Array.isArray(a)&&(!o||!l))n(null,{options:{[e]:t}});else{const a=(0,u.unzip)(t.map((({label:e,value:t})=>[e,t])));n(null,{context:{formattedConfig:{number:{prefix:""}},formattedStatics:">statics | formatByType(formattedConfig)",statics:a,label:`>primary | seriesByName("${o}") | renameSeries("label") | formatByType(formattedConfig)`,value:`>primary | seriesByName("${l}") | renameSeries("value") | formatByType(formattedConfig)`},options:{[e]:">frame(label, value) | prepend(formattedStatics) | objects()"}})}}),[e,a,n]),w=i.useCallback(((e,t,a)=>{j(a,O,P)}),[j,O,P]),T=i.useCallback(((e,{value:t})=>{""===P?E(t):j(C,t,P)}),[j,C,P]),S=i.useCallback(((e,{value:t})=>{""===O?x(t):j(C,O,t)}),[j,C,O]),D=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(d.default,{label:(0,p._)(o),labelPosition:r,labelWidth:s,help:v},i.createElement(c.default,{key:a.toString(),"data-test":e,disabled:!0,defaultValue:a.toString()}));const M=!!l.primary;return i.createElement(i.Fragment,null,i.createElement(g.default,{name:"",label:(0,p._)("Static menu configuration"),labelPosition:r,value:C,onChange:w,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:l,value:`>primary | seriesByName("${O}")`,context:t,onChange:T,prepareValue:D("label")})),i.createElement(f.default.Row,{key:"dynamic-item-editor-value-row"},i.createElement(m.default,{name:"value",label:(0,p._)("Dynamic menu value field"),dataSourceKey:"primary",dataSourceBindings:l,value:`>primary | seriesByName("${P}")`,context:t,onChange:S,prepareValue:D("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 n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(a(9497)),s=l(a(23)),u=r(a(232)),c=r(a(348));a(6265);const d=r(a(1018)),f=a(6649),p=r(a(2138)),m=a(3563),g=a(5135),b=a(962),h=a(137),v=u.default.div`
+`,D=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 n=`${e}EditorConfig`,l=n.replace(/^\w+\[\d+\]\.(.+)$/,"$1");return{options:{[e]:(0,v.buildDSLFromDataSelectorAndFormatter)(t,a,n)},context:{[l]:o}}};t.DynamicColorEditor=({name:e,value:a,label:o="",labelPosition:n="left",labelWidth:l,context:r,onChange:s=(()=>{}),flyoutTitle:u=(0,g._)("Dynamic coloring"),formatters:d=[],dataSelectors:p=[],defaultPalettesConfig:m=b.defaultPalettesConfig,isDisabled:_=!1,showStaticTextColor:O=!1})=>{const[D,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:r[F],formatters:d,formatterFromDSL:R,selectedDataSelector:L}),[q,N]=x(V);j((()=>{N(V)}),[r,d,F,R,B]);const z=a=>{const o=(0,h.find)(d,(e=>e.isDefault))||(0,h.find)(d,(e=>"rangeValue"===e.value))||d[0];if((0,h.isEmpty)(o))return;const n=o.value,l=Object.keys(o.defaults)[0],r=o.defaults[l];$(l),I(n),N(r),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:l,selectedFormatterType:n,currentFormatterConfig:r}))},W=i.useCallback((()=>{M((e=>!e))}),[]);if(!(0,E.isSupportedDataSelector)({selectedDataSelector:L,dataSelectors:p})||!(0,E.isSupportedFormatter)({selectedFormatterType:A,formattersFromEditor:d,supportedFormatters:y.supportedFormatters}))return i.createElement(C.default,{label:o,labelPosition:n,labelWidth:l,onResetToDefault:z});const U=y.supportedFormatters[A].preview;return i.createElement(i.Fragment,null,i.createElement(c.default,{"data-test":"DynamicColorEditorGroup",label:(0,g._)(o),labelPosition:n,labelWidth:l},i.createElement(S,{inline:!1,"data-test":"DynamicColorEditorButton",appearance:"default",ref:k,onClick:W,disabled:_},i.createElement(U,{"data-test":"FormatterConfigPreview",config:q}))),i.createElement(f.default,{"data-test":"DynamicColorEditorFlyout",open:D,anchor:k.current,defaultPlacement:"horizontal",style:{padding:"10px"},onRequestClose:()=>M(!1),takeFocus:!0},i.createElement(T,null,i.createElement(w,null,u),i.createElement(y.FormatterEditor,{selectedDataSelector:L,selectedFormatterType:A,currentFormatterConfig:q,onDataSelectorChange:(a,o,n)=>{$(n);const l=(0,h.find)(d,(e=>e.defaults[n]));I(l.value);const r=l.defaults[n];N(r),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:n,selectedFormatterType:l.value,currentFormatterConfig:r}))},onFormatterTypeChange:(a,o,n)=>{I(n);const l=(0,h.find)(d,["value",n]).defaults[L];N(l),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:L,selectedFormatterType:n,currentFormatterConfig:l}))},onFormatterConfigChange:(a,o,n)=>{N(n),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:L,selectedFormatterType:A,currentFormatterConfig:n}))},formatters:d,dataSelectors:p,defaultPalettesConfig:m,showStaticTextColor:O}))))},t.DynamicColorEditor.propTypes=D},8281:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditorWithPrecedence=void 0;const i=l(a(9497)),s=l(a(23)),u=a(6649),c=a(5089),d=a(2369),f=a(152),p=r(a(2065)),m=a(6801),g=a(5862),b=a(4267),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:d.sharedPalettesConfigPropType.isRequired,tooltip:s.string,options:s.object});t.DynamicColorEditorWithPrecedence=({name:e,value:t,label:a="",labelPosition:o,labelWidth:n,context:l,flyoutTitle:r=(0,u._)("Dynamic coloring"),formatters:s=[],dataSelectors:d=[],defaultPalettesConfig:m=c.defaultPalettesConfig,tooltip: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 n,r,i,u,c,f;E((e=>!e));const p={},m={};if(O){const t=d.map((e=>e.value));p[e]=(0,b.getToggleOffValueForDataColors)({name:e,options:v,dataSelectors:t}),l&&void 0!==l.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===(r=null===(n=s.find((e=>"gradient"===e.value)))||void 0===n?void 0:n.defaults)||void 0===r?void 0:r.areaValues;t&&(m.dataColorsEditorConfig=t)}else if(e.endsWith("dataColors")){const t=null===(i=d[0])||void 0===i?void 0:i.value,a=null===(u=s[0])||void 0===u?void 0:u.value,o=null===(f=null===(c=s[0])||void 0===c?void 0:c.defaults)||void 0===f?void 0:f[t];if(!t||!a||!o)return;p[e]=`> ${d[0].value} | ${a}(dataColorsEditorConfig)`,m.dataColorsEditorConfig=o}}y(a,{options:p,context:m})}),[l,d,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:n,value:t,context:l,onChange:x,flyoutTitle:r,formatters:s,dataSelectors:d,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 n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(a(9497)),s=l(a(23)),u=a(4793),c=r(a(4082)),d=r(a(9250)),f=r(a(7143)),p=a(6649),m=r(a(5731)),g=r(a(5456)),b=a(4381),h=a(5862),v=({name:e,context:t,value:a,label:o,onChange:n,dataSourceBindings:l,labelPosition:r,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:n}=(0,b.getDynamicOptionsFromConfig)({items:a,context:t});_(e),E(o),x(n)}),[a,t]),i.useEffect((()=>{void 0!==l.primary||Array.isArray(a)||n(null,{context:{formattedConfig:void 0,formattedStatics:void 0,statics:void 0,label:void 0,value:void 0},options:{[e]:C}})}),[l,e,a,n,C]);const j=i.useCallback(((t,o,l)=>{if(Array.isArray(a)&&(!o||!l))n(null,{options:{[e]:t}});else{const a=(0,u.unzip)(t.map((({label:e,value:t})=>[e,t])));n(null,{context:{formattedConfig:{number:{prefix:""}},formattedStatics:">statics | formatByType(formattedConfig)",statics:a,label:`>primary | seriesByName("${o}") | renameSeries("label") | formatByType(formattedConfig)`,value:`>primary | seriesByName("${l}") | renameSeries("value") | formatByType(formattedConfig)`},options:{[e]:">frame(label, value) | prepend(formattedStatics) | objects()"}})}}),[e,a,n]),w=i.useCallback(((e,t,a)=>{j(a,O,P)}),[j,O,P]),T=i.useCallback(((e,{value:t})=>{""===P?E(t):j(C,t,P)}),[j,C,P]),S=i.useCallback(((e,{value:t})=>{""===O?x(t):j(C,O,t)}),[j,C,O]),D=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(d.default,{label:(0,p._)(o),labelPosition:r,labelWidth:s,help:v},i.createElement(c.default,{key:a.toString(),"data-test":e,disabled:!0,defaultValue:a.toString()}));const M=!!l.primary;return i.createElement(i.Fragment,null,i.createElement(g.default,{name:"",label:(0,p._)("Static menu configuration"),labelPosition:r,value:C,onChange:w,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:l,value:`>primary | seriesByName("${O}")`,context:t,onChange:T,prepareValue:D("label")})),i.createElement(f.default.Row,{key:"dynamic-item-editor-value-row"},i.createElement(m.default,{name:"value",label:(0,p._)("Dynamic menu value field"),dataSourceKey:"primary",dataSourceBindings:l,value:`>primary | seriesByName("${P}")`,context:t,onChange:S,prepareValue:D("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 n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(a(9497)),s=l(a(23)),u=r(a(232)),c=r(a(348));a(6265);const d=r(a(1018)),f=a(6649),p=r(a(2138)),m=a(3563),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 n=o?[...e].reverse():[...e];return i.createElement(f,{isReversed:o},n.map(((e,o)=>(0,c.isColor)(e)&&i.createElement(p,{key:(0,d.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 n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.FormatterEditor=t.supportedFormatters=t.GradientEditorWrapper=t.MatchValueEditorWrapper=t.RangeValueEditorWrapper=t.getSortedRanges=t.sharedPalettesConfigPropType=void 0;const i=l(a(9497)),s=l(a(23)),u=a(6649),c=a(8963),d=a(1788),f=a(1561),p=r(a(8842)),m=r(a(3263)),g=r(a(530)),b=r(a(107)),h=r(a(7304)),v=r(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:n})=>{var l;return(null===(l=null==t?void 0:t.stops)||void 0===l?void 0:l.length)>0?i.createElement(v.default,{label:"Data colors",labelPosition:"top",onResetToDefault:()=>{const t=(0,c.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:n})},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:d.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:n=[],dataSelectors:l=[],onDataSelectorChange:r,onFormatterTypeChange:s,onFormatterConfigChange:c,defaultPalettesConfig:d,showStaticTextColor:f=!1})=>{var p;const g=l.length>1,b=g?(0,u._)("Method"):"",h=n.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:l,value:e,onChange:r}),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:c,defaultPalettesConfig:d,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 n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(a(9497)),s=l(a(23)),u=a(6649),c=r(a(232)),d=r(a(7020)),f=r(a(6062)),p=c.default.div`
+`,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 n=o?[...e].reverse():[...e];return i.createElement(f,{isReversed:o},n.map(((e,o)=>(0,c.isColor)(e)&&i.createElement(p,{key:(0,d.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 n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.FormatterEditor=t.supportedFormatters=t.GradientEditorWrapper=t.MatchValueEditorWrapper=t.RangeValueEditorWrapper=t.getSortedRanges=t.sharedPalettesConfigPropType=void 0;const i=l(a(9497)),s=l(a(23)),u=a(6649),c=a(8963),d=a(1788),f=a(1561),p=r(a(8842)),m=r(a(3263)),g=r(a(530)),b=r(a(107)),h=r(a(7304)),v=r(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:n})=>{var l,r,s;return(null===(l=null==t?void 0:t.stops)||void 0===l?void 0:l.length)>0||(null!==(s=null===(r=null==t?void 0:t.colors)||void 0===r?void 0:r.length)&&void 0!==s?s:0)>7?i.createElement(v.default,{label:"Data colors",labelPosition:"top",onResetToDefault:()=>{const t=(0,c.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:n})},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:d.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:n=[],dataSelectors:l=[],onDataSelectorChange:r,onFormatterTypeChange:s,onFormatterConfigChange:c,defaultPalettesConfig:d,showStaticTextColor:f=!1})=>{var p;const g=l.length>1,b=g?(0,u._)("Method"):"",h=n.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:l,value:e,onChange:r}),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:c,defaultPalettesConfig:d,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 n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(a(9497)),s=l(a(23)),u=a(6649),c=r(a(232)),d=r(a(7020)),f=r(a(6062)),p=c.default.div`
     display: flex;
     flex-direction: row;
     margin-bottom: 10px;