@splunk/dynamic-editors 0.37.1 → 0.37.3

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.37.3](https://cd.splunkdev.com/devplat/splunk-dynamic-editors/compare/v0.37.2...v0.37.3) (2025-08-18)
+
+
+### Bug Fixes
+
+* respect array changes during recursive definition merge ([9c8fdf3](https://cd.splunkdev.com/devplat/splunk-dynamic-editors/commits/9c8fdf31220b6d77bbde2cd3a61bb4ccfaa0c6bf))
+
+
+
+
+
+## [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

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;
@@ -623,8 +623,8 @@
     position: relative;
     width: 100%;
     height: 20px;
-`},5862:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.editorStyle=t.DROPDOWN_MENU_WIDTH=t.VERTICAL_EDITOR_SPACING=t.FLYOUT_WIDTH=t.COLUMN_FLYOUT_PADDING=t.FLYOUT_PADDING=void 0,t.FLYOUT_PADDING=21,t.COLUMN_FLYOUT_PADDING=16,t.FLYOUT_WIDTH=344,t.VERTICAL_EDITOR_SPACING=16,t.DROPDOWN_MENU_WIDTH=327,t.editorStyle={width:"100%"}},8372:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.useSectionState=t.SectionStateContextProvider=t.SectionStateContext=void 0;const r=l(a(9497));t.SectionStateContext=(0,r.createContext)(null);t.SectionStateContextProvider=({children:e,onCollapsibleOpen:a,onCollapsibleClose:o,initialCollapsibleState:n,filteredCollapsibleState:l})=>{const i=(0,r.useCallback)((({section:e})=>{if((null==e?void 0:e.label)&&void 0!==(null==l?void 0:l[e.label]))return l[e.label]}),[l]),s=(0,r.useCallback)((({section:e})=>{var t,a;return null===(a=null!==(t=null==n?void 0:n[e.label])&&void 0!==t?t:e.open)||void 0===a||a}),[n]),u=(0,r.useMemo)((()=>({getInitialIsOpen:s,getIsOpen:i,onOpen:a,onClose:o})),[s,i,a,o]);return r.default.createElement(t.SectionStateContext.Provider,{value:u},e)};t.useSectionState=({section:e})=>{const{getInitialIsOpen:a,getIsOpen:o,onOpen:n,onClose:l}=(0,r.useContext)(t.SectionStateContext),[i,s]=(0,r.useState)(a({section:e})),u=(0,r.useCallback)((()=>{s(!0),n(e.label)}),[n,e.label]),c=(0,r.useCallback)((()=>{s(!1),l(e.label)}),[l,e.label]);return{isOpen:(0,r.useMemo)((()=>{var t;return null!==(t=o({section:e}))&&void 0!==t?t:i}),[o,i,e]),onOpen:u,onClose:c}}},1256:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getPlaceholderMessage=t.sanitizeFieldNames=t.getFilteredFields=t.getAvailableFieldsWithTypes=void 0;const o=a(6649),n=a(2588);t.getAvailableFieldsWithTypes=(e,t)=>t.map(((t,a)=>{const{name:o}=t;return{name:o,type:(0,n.canInferTypeFromMeta)(t)?(0,n.getDataTypeForMeta)(t):(0,n.inferDataTypeFromData)(e[a])}}));t.getFilteredFields=(e,t)=>e.filter((e=>-1!==e.name.indexOf(t)));t.sanitizeFieldNames=(e,t)=>"string"==typeof e&&t.includes(e)?[e]:Array.isArray(e)?e.filter((e=>t.includes(e))):[];t.getPlaceholderMessage=({hasError:e,isLoading:t,isMissing:a,defaultMessage:n="Select a field from data source"})=>a?(0,o._)("Set up data source to select"):e?(0,o._)("Please set up valid data source to select"):t?(0,o._)("Loading data source..."):(0,o._)(n)},4381:function(e,t,a){var o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getDynamicOptionsFromConfig=t.isConfigAdvanced=t.getFieldFromFieldNameDsl=void 0;const n=a(4793),l=a(2918),r=o(a(6447));t.getFieldFromFieldNameDsl=e=>{try{const t=l.DslParser.parse(r.default.withoutArrow(e)),a=(0,n.find)(t,{type:"method",name:"seriesByName"});return(0,n.get)(a,["args","0","v"],"")}catch(e){return""}};const i=e=>{try{const t=l.DslParser.parse(r.default.withoutArrow(e)),a=(0,n.findLastIndex)(t,{type:"method",name:"seriesByName"}),o=(0,n.findLastIndex)(t,{type:"method",name:"renameSeries"});return-1!==a&&-1!==o&&a<o}catch(e){return!1}};t.isConfigAdvanced=({items:e,context:t})=>{if("string"!=typeof e)return!1;const{label:a,value:o}=t;return"string"!=typeof a||"string"!=typeof o||(!(e=>{try{const t=l.DslParser.parse(r.default.withoutArrow(e));return 3===t.length&&(0,n.isMatch)(t[0],{type:"method",name:"frame"})&&(0,n.isMatch)(t[1],{type:"method",name:"prepend"})&&(0,n.isMatch)(t[2],{type:"method",name:"objects"})}catch(e){return!1}})(e)||!i(a)||!i(o))};t.getDynamicOptionsFromConfig=({items:e,context:a})=>{if(Array.isArray(e))return{staticOptions:e,dynamicOptionsLabel:"",dynamicOptionsValue:""};const o=a.statics||[],l=(0,n.zipWith)(...o,((e,t)=>({label:e,value:t}))),{label:r,value:i}=a;return{staticOptions:l,dynamicOptionsLabel:r?(0,t.getFieldFromFieldNameDsl)(r):"",dynamicOptionsValue:i?(0,t.getFieldFromFieldNameDsl)(i):""}}},6195:e=>{e.exports=require("@babel/runtime/helpers/defineProperty")},2649:e=>{e.exports=require("@babel/runtime/helpers/extends")},9597:e=>{e.exports=require("@splunk/react-icons/ArrowDown")},2267:e=>{e.exports=require("@splunk/react-icons/ArrowUp")},6062:e=>{e.exports=require("@splunk/react-icons/ArrowsRectangularDouble")},5784:e=>{e.exports=require("@splunk/react-icons/Cross")},5449:e=>{e.exports=require("@splunk/react-icons/Pencil")},6643:e=>{e.exports=require("@splunk/react-icons/SlidersDoubleHorizontal")},3625:e=>{e.exports=require("@splunk/react-icons/TrashCanCross")},7020:e=>{e.exports=require("@splunk/react-ui/Button")},8631:e=>{e.exports=require("@splunk/react-ui/Chip")},8855:e=>{e.exports=require("@splunk/react-ui/CollapsiblePanel")},7408:e=>{e.exports=require("@splunk/react-ui/Color")},7143:e=>{e.exports=require("@splunk/react-ui/ColumnLayout")},9250:e=>{e.exports=require("@splunk/react-ui/ControlGroup")},6214:e=>{e.exports=require("@splunk/react-ui/Dropdown")},8965:e=>{e.exports=require("@splunk/react-ui/FormRows")},451:e=>{e.exports=require("@splunk/react-ui/Link")},1018:e=>{e.exports=require("@splunk/react-ui/Markdown")},4233:e=>{e.exports=require("@splunk/react-ui/Menu")},2138:e=>{e.exports=require("@splunk/react-ui/Message")},7446:e=>{e.exports=require("@splunk/react-ui/Multiselect")},2782:e=>{e.exports=require("@splunk/react-ui/Number")},1551:e=>{e.exports=require("@splunk/react-ui/Popover")},5411:e=>{e.exports=require("@splunk/react-ui/RadioBar")},2373:e=>{e.exports=require("@splunk/react-ui/Select")},5309:e=>{e.exports=require("@splunk/react-ui/Slider")},5777:e=>{e.exports=require("@splunk/react-ui/Switch")},4082:e=>{e.exports=require("@splunk/react-ui/Text")},5905:e=>{e.exports=require("@splunk/react-ui/TextArea")},6379:e=>{e.exports=require("@splunk/react-ui/Tooltip")},3563:e=>{e.exports=require("@splunk/themes")},4566:e=>{e.exports=require("@splunk/themes/variables")},3773:e=>{e.exports=require("@splunk/ui-utils/format")},6649:e=>{e.exports=require("@splunk/ui-utils/i18n")},8987:e=>{e.exports=require("@splunk/ui-utils/id")},3850:e=>{e.exports=require("@splunk/visualization-color-palettes")},5089:e=>{e.exports=require("@splunk/visualization-color-palettes/editors/PresetPalettes")},4853:e=>{e.exports=require("@splunk/visualization-context/DataSourceContext")},7464:e=>{e.exports=require("@splunk/visualization-context/FeatureFlagContext")},5711:e=>{e.exports=require("@splunk/visualization-context/MessageContext")},2918:e=>{e.exports=require("@splunk/visualization-encoding/DslParser")},6447:e=>{e.exports=require("@splunk/visualization-encoding/EncodingParser")},2687:e=>{e.exports=require("@splunk/visualization-encoding/Options")},1413:e=>{e.exports=require("@splunk/visualization-encoding/utils/dsl")},2588:e=>{e.exports=require("@splunk/visualization-encoding/utils/types")},6769:e=>{e.exports=require("@splunk/visualization-icons/PresetIcons")},3283:e=>{e.exports=require("@splunk/visualizations-shared/colorUtils")},9033:e=>{e.exports=require("@splunk/visualizations-shared/dataSourceUtils")},7124:e=>{e.exports=require("@splunk/visualizations-shared/style")},9246:e=>{e.exports=require("@splunk/visualizations-shared/trellisUtils")},4793:e=>{e.exports=require("lodash")},3951:e=>{e.exports=require("lodash/clone")},1785:e=>{e.exports=require("lodash/cloneDeep")},9590:e=>{e.exports=require("lodash/get")},7598:e=>{e.exports=require("lodash/isEmpty")},5071:e=>{e.exports=require("lodash/isPlainObject")},4868:e=>{e.exports=require("lodash/omit")},23:e=>{e.exports=require("prop-types")},9497:e=>{e.exports=require("react")},348:e=>{e.exports=require("react-mde")},6265:e=>{e.exports=require("react-mde/lib/styles/css/react-mde-all.css")},232:e=>{e.exports=require("styled-components")}},t={};function a(o){var n=t[o];if(void 0!==n)return n.exports;var l=t[o]={exports:{}};return e[o].call(l.exports,l,l.exports,a),l.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var o in t)a.o(t,o)&&!a.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};(()=>{a.r(o),a.d(o,{default:()=>fe,mergeVisualizationDefinition:()=>ue});var e=a(6195),t=a.n(e),n=a(9497),l=a.n(n),r=a(23),i=a.n(r),s=a(4868),u=a.n(s),c=a(7598),d=a.n(c),f=a(3951),p=a.n(f),m=a(1785),g=a.n(m),b=a(5071),h=a.n(b);const v=require("@splunk/visualizations-shared/configUtils");var y=a(6649),C=a(232),_=a.n(C),O=a(3563),E=a(7464),P=a.n(E),x=a(5835),j=a(4267),w=a(3941),T=a(7143),S=a.n(T),D=a(9590),M=a.n(D);const k=require("@splunk/themes/getSettingsFromThemedProps");var R=a.n(k);const F=require("@splunk/themes/getTheme");var B=a.n(F),A=a(6447),I=a.n(A),L=a(7741);function $(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,o)}return a}function V(e){for(var a=1;a<arguments.length;a++){var o=null!=arguments[a]?arguments[a]:{};a%2?$(Object(o),!0).forEach((function(a){t()(e,a,o[a])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):$(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}const q=({key:e,context:t,options:a,item:o,itemSchema:n,theme:l})=>{let r=M()(a,e);if(void 0===r){if(r=n.default,o.overrideDefaultValue&&"function"==typeof o.overrideDefaultValue&&(r=o.overrideDefaultValue({options:a})),void 0===r&&"editor.presetSelector"===o.editor||"editor.tableColumnFormatter"===o.editor){const e=M()(o,["editorProps","value"]);"function"==typeof e&&(r=e({context:t,options:a}))}if(void 0===r&&"editor.color"===o.editor){const e=M()(o,["editorProps","pickFromTheme"]);if("function"==typeof e)r=e(l)({theme:l});else{const e=M()(o,["editorProps","themeVariable"]);if(e){var i;const t=B()(R()({theme:l}));r=null!==(i=M()(t,e))&&void 0!==i?i:M()(l,e)}}}if(Array.isArray(n.default)&&e.indexOf("[")>-1&&e.indexOf("]")===e.indexOf("[")+2){const t=`${e.slice(e.indexOf("]")+2)}`,o=`${e.slice(0,e.indexOf("]"))}]`,l=M()(a,o,void 0);if(l){const e=(({searchList:e,inputObj:t})=>{if(!Array.isArray(e)||0===e.length)return-1;const a=Object.keys(t);let o=0,n=0;return e.forEach(((e,l)=>{let r=0;a.forEach((a=>{e[a]===t[a]&&(r+=1)})),Math.max(o,r)>o&&(o=r,n=l)})),n})({searchList:n.default,inputObj:l});r=M()(n.default[e],t,n.default[e])}else r=M()(n.default,`[${e.slice(e.indexOf("["))}`,void 0)}}return!I().isDslString(r)||"editor.color"!==o.editor&&"editor.tableBackgroundColor"!==o.editor||(r=(({value:e,item:t,theme:a})=>{var o;const n=null==t||null===(o=t.editorProps)||void 0===o?void 0:o.themes,l={};n&&"object"==typeof n&&Object.keys(n).forEach((e=>{l[e]="function"==typeof n[e]?n[e]({theme:a}):void 0}));const r=I().parseOptions({options:{value:e},context:{themes:l}}),i=M()(r,["expressions","value"],[]).pop();if("identifier"===M()(i,"type")){const e=M()(r,`context.${i.v}`);if("string"==typeof e)return e}})({value:r,item:o,theme:l})||r),r},N=Object.freeze({}),z=()=>{},W=({item:e,options:t=N,context:a=N,schema:o,encoding:r=N,dataContract:i,dataSourceBindings:s=N,onOptionChange:u=z,onEncodingChange:c=z,onVisualizationChange:f=z})=>{const p=(0,n.useContext)(C.ThemeContext),m=(0,n.useContext)(P()),b=(0,n.useCallback)(((t,a,o)=>{if(null==o)return c(t,a,null);const n=g()(r[a]||M()(i,["encoding",a,"default"],{}));return void 0!==e.formatKey?n.format=V(V({},n.format),{},{[e.formatKey]:o}):n.field=o,c(t,a,n)}),[c,e,r,i]),h="function"==typeof e.isDisabled&&e.isDisabled({options:t,context:a,featureFlags:m}),v=(0,n.useMemo)((()=>e.encoding?((e,t)=>{const a=g()(M()(e,["encoding",t.encoding],{}));return t.formatKey?a.default=M()(a,["default","format",t.formatKey]):a.default=M()(a,["default","field"]),a})(i,e):(({item:e,schema:t,theme:a})=>{let o;const n=e.option||e.key;if(o=g()(M()(t,n,{})),d()(o)&&n&&n.includes(".")&&(o=g()(M()(t,n.split(".").join(".properties."),{}))),d()(o)&&n&&-1!==n.indexOf("["))return o=g()(M()(t,n.split("[")[0],{})),o;if(void 0!==o.default)return o;const l=M()(e,["editorProps","themeVariable"]);if(l){var r;const e=B()(R()({theme:a}));o.default=null!==(r=M()(e,l))&&void 0!==r?r:M()(a,l)}return o})({item:e,schema:o,theme:p})),[e,i,o,p]);let y,_,O;return e.encoding?(y=e.encoding,_=(({key:e,encoding:t,itemSchema:a,item:o})=>{let n=o.formatKey?M()(t,[e,"format",o.formatKey]):M()(t,[e,"field"]);return void 0===n&&a.isRequired&&(n=a.default),n})({key:y,encoding:r,itemSchema:v,item:e}),O=b):e.option&&e.context||!e.option&&!e.context?(y=e.option||e.key,_=q({key:y,options:t,context:a,item:e,itemSchema:v,theme:p}),O=f):(y=e.option,_=q({key:y,options:t,item:e,itemSchema:v,theme:p}),O=u),l().createElement(L.default,{item:e,name:y,context:a,itemSchema:v,dataSourceBindings:s,value:_,onChange:O,isDisabled:h,options:t,optionsSchema:o})};W.propTypes={item:i().object.isRequired,options:i().object,encoding:i().object,context:i().object,dataContract:i().object.isRequired,dataSourceBindings:i().object,schema:i().object.isRequired,onOptionChange:i().func,onEncodingChange:i().func,onVisualizationChange:i().func};const U=W;var K=a(5862);const G=(e,t)=>`row_${e.map((e=>e.option||e.encoding)).join("_")}_${t}`,H=Object.freeze({}),Y=()=>{},Z=({layout:e,options:t=H,context:a=H,schema:o,encoding:r=H,dataContract:i,dataSourceBindings:s=H,onOptionChange:u=Y,onEncodingChange:c=Y,onVisualizationChange:f=Y})=>{const p=(0,n.useContext)(P()),m=e||[];return l().createElement(S(),{gutter:K.VERTICAL_EDITOR_SPACING},m.map(((e,n)=>{const m=(0,j.getFilteredRowsByShowEditor)({row:e,options:t,encoding:r,featureFlags:p});return 0===m.length?null:l().createElement(S().Row,{key:G(e,n),alignItems:"center","data-test":"editorRow"},m.map(((p,m)=>{const g=12/e.length;return d()(p)?l().createElement(S().Column,{key:`item_${n}_${m}`,span:g}):l().createElement(S().Column,{key:`item_${p.item}_${n}_${m}`,span:g},l().createElement(U,{item:p,schema:o,dataContract:i,dataSourceBindings:s,options:t,context:a,encoding:r,onOptionChange:u,onEncodingChange:c,onVisualizationChange:f}))})))})))};Z.propTypes={layout:i().arrayOf(i().arrayOf(i().object)),options:i().object,encoding:i().object,context:i().object,dataContract:i().object.isRequired,dataSourceBindings:i().object,schema:i().object.isRequired,onOptionChange:i().func,onEncodingChange:i().func,onVisualizationChange:i().func};const X=Z;var J=a(8372);const Q=_().div`
+`},5862:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.editorStyle=t.DROPDOWN_MENU_WIDTH=t.VERTICAL_EDITOR_SPACING=t.FLYOUT_WIDTH=t.COLUMN_FLYOUT_PADDING=t.FLYOUT_PADDING=void 0,t.FLYOUT_PADDING=21,t.COLUMN_FLYOUT_PADDING=16,t.FLYOUT_WIDTH=344,t.VERTICAL_EDITOR_SPACING=16,t.DROPDOWN_MENU_WIDTH=327,t.editorStyle={width:"100%"}},8372:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return n(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.useSectionState=t.SectionStateContextProvider=t.SectionStateContext=void 0;const r=l(a(9497));t.SectionStateContext=(0,r.createContext)(null);t.SectionStateContextProvider=({children:e,onCollapsibleOpen:a,onCollapsibleClose:o,initialCollapsibleState:n,filteredCollapsibleState:l})=>{const i=(0,r.useCallback)((({section:e})=>{if((null==e?void 0:e.label)&&void 0!==(null==l?void 0:l[e.label]))return l[e.label]}),[l]),s=(0,r.useCallback)((({section:e})=>{var t,a;return null===(a=null!==(t=null==n?void 0:n[e.label])&&void 0!==t?t:e.open)||void 0===a||a}),[n]),u=(0,r.useMemo)((()=>({getInitialIsOpen:s,getIsOpen:i,onOpen:a,onClose:o})),[s,i,a,o]);return r.default.createElement(t.SectionStateContext.Provider,{value:u},e)};t.useSectionState=({section:e})=>{const{getInitialIsOpen:a,getIsOpen:o,onOpen:n,onClose:l}=(0,r.useContext)(t.SectionStateContext),[i,s]=(0,r.useState)(a({section:e})),u=(0,r.useCallback)((()=>{s(!0),n(e.label)}),[n,e.label]),c=(0,r.useCallback)((()=>{s(!1),l(e.label)}),[l,e.label]);return{isOpen:(0,r.useMemo)((()=>{var t;return null!==(t=o({section:e}))&&void 0!==t?t:i}),[o,i,e]),onOpen:u,onClose:c}}},1256:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getPlaceholderMessage=t.sanitizeFieldNames=t.getFilteredFields=t.getAvailableFieldsWithTypes=void 0;const o=a(6649),n=a(2588);t.getAvailableFieldsWithTypes=(e,t)=>t.map(((t,a)=>{const{name:o}=t;return{name:o,type:(0,n.canInferTypeFromMeta)(t)?(0,n.getDataTypeForMeta)(t):(0,n.inferDataTypeFromData)(e[a])}}));t.getFilteredFields=(e,t)=>e.filter((e=>-1!==e.name.indexOf(t)));t.sanitizeFieldNames=(e,t)=>"string"==typeof e&&t.includes(e)?[e]:Array.isArray(e)?e.filter((e=>t.includes(e))):[];t.getPlaceholderMessage=({hasError:e,isLoading:t,isMissing:a,defaultMessage:n="Select a field from data source"})=>a?(0,o._)("Set up data source to select"):e?(0,o._)("Please set up valid data source to select"):t?(0,o._)("Loading data source..."):(0,o._)(n)},4381:function(e,t,a){var o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getDynamicOptionsFromConfig=t.isConfigAdvanced=t.getFieldFromFieldNameDsl=void 0;const n=a(4793),l=a(2918),r=o(a(6447));t.getFieldFromFieldNameDsl=e=>{try{const t=l.DslParser.parse(r.default.withoutArrow(e)),a=(0,n.find)(t,{type:"method",name:"seriesByName"});return(0,n.get)(a,["args","0","v"],"")}catch(e){return""}};const i=e=>{try{const t=l.DslParser.parse(r.default.withoutArrow(e)),a=(0,n.findLastIndex)(t,{type:"method",name:"seriesByName"}),o=(0,n.findLastIndex)(t,{type:"method",name:"renameSeries"});return-1!==a&&-1!==o&&a<o}catch(e){return!1}};t.isConfigAdvanced=({items:e,context:t})=>{if("string"!=typeof e)return!1;const{label:a,value:o}=t;return"string"!=typeof a||"string"!=typeof o||(!(e=>{try{const t=l.DslParser.parse(r.default.withoutArrow(e));return 3===t.length&&(0,n.isMatch)(t[0],{type:"method",name:"frame"})&&(0,n.isMatch)(t[1],{type:"method",name:"prepend"})&&(0,n.isMatch)(t[2],{type:"method",name:"objects"})}catch(e){return!1}})(e)||!i(a)||!i(o))};t.getDynamicOptionsFromConfig=({items:e,context:a})=>{if(Array.isArray(e))return{staticOptions:e,dynamicOptionsLabel:"",dynamicOptionsValue:""};const o=a.statics||[],l=(0,n.zipWith)(...o,((e,t)=>({label:e,value:t}))),{label:r,value:i}=a;return{staticOptions:l,dynamicOptionsLabel:r?(0,t.getFieldFromFieldNameDsl)(r):"",dynamicOptionsValue:i?(0,t.getFieldFromFieldNameDsl)(i):""}}},6195:e=>{e.exports=require("@babel/runtime/helpers/defineProperty")},2649:e=>{e.exports=require("@babel/runtime/helpers/extends")},9597:e=>{e.exports=require("@splunk/react-icons/ArrowDown")},2267:e=>{e.exports=require("@splunk/react-icons/ArrowUp")},6062:e=>{e.exports=require("@splunk/react-icons/ArrowsRectangularDouble")},5784:e=>{e.exports=require("@splunk/react-icons/Cross")},5449:e=>{e.exports=require("@splunk/react-icons/Pencil")},6643:e=>{e.exports=require("@splunk/react-icons/SlidersDoubleHorizontal")},3625:e=>{e.exports=require("@splunk/react-icons/TrashCanCross")},7020:e=>{e.exports=require("@splunk/react-ui/Button")},8631:e=>{e.exports=require("@splunk/react-ui/Chip")},8855:e=>{e.exports=require("@splunk/react-ui/CollapsiblePanel")},7408:e=>{e.exports=require("@splunk/react-ui/Color")},7143:e=>{e.exports=require("@splunk/react-ui/ColumnLayout")},9250:e=>{e.exports=require("@splunk/react-ui/ControlGroup")},6214:e=>{e.exports=require("@splunk/react-ui/Dropdown")},8965:e=>{e.exports=require("@splunk/react-ui/FormRows")},451:e=>{e.exports=require("@splunk/react-ui/Link")},1018:e=>{e.exports=require("@splunk/react-ui/Markdown")},4233:e=>{e.exports=require("@splunk/react-ui/Menu")},2138:e=>{e.exports=require("@splunk/react-ui/Message")},7446:e=>{e.exports=require("@splunk/react-ui/Multiselect")},2782:e=>{e.exports=require("@splunk/react-ui/Number")},1551:e=>{e.exports=require("@splunk/react-ui/Popover")},5411:e=>{e.exports=require("@splunk/react-ui/RadioBar")},2373:e=>{e.exports=require("@splunk/react-ui/Select")},5309:e=>{e.exports=require("@splunk/react-ui/Slider")},5777:e=>{e.exports=require("@splunk/react-ui/Switch")},4082:e=>{e.exports=require("@splunk/react-ui/Text")},5905:e=>{e.exports=require("@splunk/react-ui/TextArea")},6379:e=>{e.exports=require("@splunk/react-ui/Tooltip")},3563:e=>{e.exports=require("@splunk/themes")},4566:e=>{e.exports=require("@splunk/themes/variables")},3773:e=>{e.exports=require("@splunk/ui-utils/format")},6649:e=>{e.exports=require("@splunk/ui-utils/i18n")},8987:e=>{e.exports=require("@splunk/ui-utils/id")},3850:e=>{e.exports=require("@splunk/visualization-color-palettes")},5089:e=>{e.exports=require("@splunk/visualization-color-palettes/editors/PresetPalettes")},4853:e=>{e.exports=require("@splunk/visualization-context/DataSourceContext")},7464:e=>{e.exports=require("@splunk/visualization-context/FeatureFlagContext")},5711:e=>{e.exports=require("@splunk/visualization-context/MessageContext")},2918:e=>{e.exports=require("@splunk/visualization-encoding/DslParser")},6447:e=>{e.exports=require("@splunk/visualization-encoding/EncodingParser")},2687:e=>{e.exports=require("@splunk/visualization-encoding/Options")},1413:e=>{e.exports=require("@splunk/visualization-encoding/utils/dsl")},2588:e=>{e.exports=require("@splunk/visualization-encoding/utils/types")},6769:e=>{e.exports=require("@splunk/visualization-icons/PresetIcons")},3283:e=>{e.exports=require("@splunk/visualizations-shared/colorUtils")},9033:e=>{e.exports=require("@splunk/visualizations-shared/dataSourceUtils")},7124:e=>{e.exports=require("@splunk/visualizations-shared/style")},9246:e=>{e.exports=require("@splunk/visualizations-shared/trellisUtils")},4793:e=>{e.exports=require("lodash")},3951:e=>{e.exports=require("lodash/clone")},1785:e=>{e.exports=require("lodash/cloneDeep")},9590:e=>{e.exports=require("lodash/get")},7598:e=>{e.exports=require("lodash/isEmpty")},5071:e=>{e.exports=require("lodash/isPlainObject")},4868:e=>{e.exports=require("lodash/omit")},23:e=>{e.exports=require("prop-types")},9497:e=>{e.exports=require("react")},348:e=>{e.exports=require("react-mde")},6265:e=>{e.exports=require("react-mde/lib/styles/css/react-mde-all.css")},232:e=>{e.exports=require("styled-components")}},t={};function a(o){var n=t[o];if(void 0!==n)return n.exports;var l=t[o]={exports:{}};return e[o].call(l.exports,l,l.exports,a),l.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var o in t)a.o(t,o)&&!a.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};(()=>{a.r(o),a.d(o,{default:()=>de,mergeVisualizationDefinition:()=>se});var e=a(6195),t=a.n(e),n=a(9497),l=a.n(n),r=a(23),i=a.n(r),s=a(4868),u=a.n(s),c=a(7598),d=a.n(c),f=a(3951),p=a.n(f),m=a(1785),g=a.n(m),b=a(5071),h=a.n(b);const v=require("@splunk/visualizations-shared/configUtils");var y=a(6649),C=a(232),_=a.n(C),O=a(3563),E=a(7464),P=a.n(E),x=a(5835),j=a(4267),w=a(3941),T=a(7143),S=a.n(T),D=a(9590),M=a.n(D);const k=require("@splunk/themes/getSettingsFromThemedProps");var R=a.n(k);const F=require("@splunk/themes/getTheme");var B=a.n(F),A=a(6447),I=a.n(A),L=a(7741);function $(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,o)}return a}function V(e){for(var a=1;a<arguments.length;a++){var o=null!=arguments[a]?arguments[a]:{};a%2?$(Object(o),!0).forEach((function(a){t()(e,a,o[a])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):$(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}const q=({key:e,context:t,options:a,item:o,itemSchema:n,theme:l})=>{let r=M()(a,e);if(void 0===r){if(r=n.default,o.overrideDefaultValue&&"function"==typeof o.overrideDefaultValue&&(r=o.overrideDefaultValue({options:a})),void 0===r&&"editor.presetSelector"===o.editor||"editor.tableColumnFormatter"===o.editor){const e=M()(o,["editorProps","value"]);"function"==typeof e&&(r=e({context:t,options:a}))}if(void 0===r&&"editor.color"===o.editor){const e=M()(o,["editorProps","pickFromTheme"]);if("function"==typeof e)r=e(l)({theme:l});else{const e=M()(o,["editorProps","themeVariable"]);if(e){var i;const t=B()(R()({theme:l}));r=null!==(i=M()(t,e))&&void 0!==i?i:M()(l,e)}}}if(Array.isArray(n.default)&&e.indexOf("[")>-1&&e.indexOf("]")===e.indexOf("[")+2){const t=`${e.slice(e.indexOf("]")+2)}`,o=`${e.slice(0,e.indexOf("]"))}]`,l=M()(a,o,void 0);if(l){const e=(({searchList:e,inputObj:t})=>{if(!Array.isArray(e)||0===e.length)return-1;const a=Object.keys(t);let o=0,n=0;return e.forEach(((e,l)=>{let r=0;a.forEach((a=>{e[a]===t[a]&&(r+=1)})),Math.max(o,r)>o&&(o=r,n=l)})),n})({searchList:n.default,inputObj:l});r=M()(n.default[e],t,n.default[e])}else r=M()(n.default,`[${e.slice(e.indexOf("["))}`,void 0)}}return!I().isDslString(r)||"editor.color"!==o.editor&&"editor.tableBackgroundColor"!==o.editor||(r=(({value:e,item:t,theme:a})=>{var o;const n=null==t||null===(o=t.editorProps)||void 0===o?void 0:o.themes,l={};n&&"object"==typeof n&&Object.keys(n).forEach((e=>{l[e]="function"==typeof n[e]?n[e]({theme:a}):void 0}));const r=I().parseOptions({options:{value:e},context:{themes:l}}),i=M()(r,["expressions","value"],[]).pop();if("identifier"===M()(i,"type")){const e=M()(r,`context.${i.v}`);if("string"==typeof e)return e}})({value:r,item:o,theme:l})||r),r},N=Object.freeze({}),z=()=>{},W=({item:e,options:t=N,context:a=N,schema:o,encoding:r=N,dataContract:i,dataSourceBindings:s=N,onOptionChange:u=z,onEncodingChange:c=z,onVisualizationChange:f=z})=>{const p=(0,n.useContext)(C.ThemeContext),m=(0,n.useContext)(P()),b=(0,n.useCallback)(((t,a,o)=>{if(null==o)return c(t,a,null);const n=g()(r[a]||M()(i,["encoding",a,"default"],{}));return void 0!==e.formatKey?n.format=V(V({},n.format),{},{[e.formatKey]:o}):n.field=o,c(t,a,n)}),[c,e,r,i]),h="function"==typeof e.isDisabled&&e.isDisabled({options:t,context:a,featureFlags:m}),v=(0,n.useMemo)((()=>e.encoding?((e,t)=>{const a=g()(M()(e,["encoding",t.encoding],{}));return t.formatKey?a.default=M()(a,["default","format",t.formatKey]):a.default=M()(a,["default","field"]),a})(i,e):(({item:e,schema:t,theme:a})=>{let o;const n=e.option||e.key;if(o=g()(M()(t,n,{})),d()(o)&&n&&n.includes(".")&&(o=g()(M()(t,n.split(".").join(".properties."),{}))),d()(o)&&n&&-1!==n.indexOf("["))return o=g()(M()(t,n.split("[")[0],{})),o;if(void 0!==o.default)return o;const l=M()(e,["editorProps","themeVariable"]);if(l){var r;const e=B()(R()({theme:a}));o.default=null!==(r=M()(e,l))&&void 0!==r?r:M()(a,l)}return o})({item:e,schema:o,theme:p})),[e,i,o,p]);let y,_,O;return e.encoding?(y=e.encoding,_=(({key:e,encoding:t,itemSchema:a,item:o})=>{let n=o.formatKey?M()(t,[e,"format",o.formatKey]):M()(t,[e,"field"]);return void 0===n&&a.isRequired&&(n=a.default),n})({key:y,encoding:r,itemSchema:v,item:e}),O=b):e.option&&e.context||!e.option&&!e.context?(y=e.option||e.key,_=q({key:y,options:t,context:a,item:e,itemSchema:v,theme:p}),O=f):(y=e.option,_=q({key:y,options:t,item:e,itemSchema:v,theme:p}),O=u),l().createElement(L.default,{item:e,name:y,context:a,itemSchema:v,dataSourceBindings:s,value:_,onChange:O,isDisabled:h,options:t,optionsSchema:o})};W.propTypes={item:i().object.isRequired,options:i().object,encoding:i().object,context:i().object,dataContract:i().object.isRequired,dataSourceBindings:i().object,schema:i().object.isRequired,onOptionChange:i().func,onEncodingChange:i().func,onVisualizationChange:i().func};const U=W;var K=a(5862);const G=(e,t)=>`row_${e.map((e=>e.option||e.encoding)).join("_")}_${t}`,H=Object.freeze({}),Y=()=>{},Z=({layout:e,options:t=H,context:a=H,schema:o,encoding:r=H,dataContract:i,dataSourceBindings:s=H,onOptionChange:u=Y,onEncodingChange:c=Y,onVisualizationChange:f=Y})=>{const p=(0,n.useContext)(P()),m=e||[];return l().createElement(S(),{gutter:K.VERTICAL_EDITOR_SPACING},m.map(((e,n)=>{const m=(0,j.getFilteredRowsByShowEditor)({row:e,options:t,encoding:r,featureFlags:p});return 0===m.length?null:l().createElement(S().Row,{key:G(e,n),alignItems:"center","data-test":"editorRow"},m.map(((p,m)=>{const g=12/e.length;return d()(p)?l().createElement(S().Column,{key:`item_${n}_${m}`,span:g}):l().createElement(S().Column,{key:`item_${p.item}_${n}_${m}`,span:g},l().createElement(U,{item:p,schema:o,dataContract:i,dataSourceBindings:s,options:t,context:a,encoding:r,onOptionChange:u,onEncodingChange:c,onVisualizationChange:f}))})))})))};Z.propTypes={layout:i().arrayOf(i().arrayOf(i().object)),options:i().object,encoding:i().object,context:i().object,dataContract:i().object.isRequired,dataSourceBindings:i().object,schema:i().object.isRequired,onOptionChange:i().func,onEncodingChange:i().func,onVisualizationChange:i().func};const X=Z;var J=a(8372);const Q=_().div`
     padding: ${O.variables.spacingLarge};
     background-color: ${(0,O.pick)({enterprise:{light:O.variables.white,dark:O.variables.black},prisma:O.variables.backgroundColorSidebar})};
-`,ee=Object.freeze({}),te=({section:e,sItr:t,visualization:a,optionSchema:o,dataContract:r=ee,handleOptionChange:i,handleEncodingChange:s,handleVisualizationChange:u})=>{var c;const d=(0,n.useContext)(P()),f=e.label||(0,y._)("Untitled section"),{isOpen:p,onOpen:m,onClose:g}=(0,J.useSectionState)({section:e}),{enableCollapsible:b=!0,enableSeparator:h=!0}=e,v=(0,n.useCallback)(((e,t)=>{const{action:a}=t;"open"===a?m():"close"===a&&g()}),[m,g]),C=(0,n.useMemo)((()=>l().createElement(X,{layout:e.layout,schema:o,dataContract:r,dataSourceBindings:a.dataSources,options:a.options,onOptionChange:i,context:a.context,encoding:a.encoding,onEncodingChange:s,onVisualizationChange:u})),[e.layout,o,r,a,i,s,u]),_=(0,n.useMemo)((()=>b?l().createElement(x.DECollapsiblePanel,{panelId:t,title:f,open:p,onChange:v,headingLevel:3},C):l().createElement(Q,null,C)),[C,b,v,p,f,t]);if(null==e||null===(c=e.layout)||void 0===c||!c.length)return null;return e.layout.some((e=>(0,j.getFilteredRowsByShowEditor)({row:e,options:a.options,encoding:a.encoding,featureFlags:d}).length>0))?l().createElement(l().Fragment,null,_,h&&!b&&l().createElement(w.default,null)):null};te.propTypes={section:i().object.isRequired,sItr:i().number,visualization:i().object.isRequired,optionSchema:i().object.isRequired,dataContract:i().object,handleOptionChange:i().func.isRequired,handleEncodingChange:i().func.isRequired,handleVisualizationChange:i().func.isRequired};const ae=te;function oe(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,o)}return a}function ne(e){for(var a=1;a<arguments.length;a++){var o=null!=arguments[a]?arguments[a]:{};a%2?oe(Object(o),!0).forEach((function(a){t()(e,a,o[a])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):oe(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}const le=(e={},t={})=>{const a=p()(e);let o=!1;return Object.keys(t).forEach((n=>{if(h()(t[n])){const l=le(e[n],t[n]);d()(l)?(delete a[n],o=!0):l!==e[n]&&(a[n]=l,o=!0)}else if(null===t[n]||void 0===t[n])delete a[n],o=!0;else if(t[n]!==e[n]){if((0,j.isNestedOption)(n)&&((0,v.isDynamicOption)(t[n])||""===t[n])){const[e,o,l]=n.split(/[[\].]+/),r=Number(o);a[e]=a[e]||[],a[e][r]=a[e][r]||{},a[e][r][l]=t[n]}else a[n]=t[n];o=!0}})),o?a:e},re=e=>{var t;return Array.isArray(e)&&e.length>0&&(null===(t=e[0])||void 0===t?void 0:t.value)&&(Object.hasOwn(e[0],"from")||Object.hasOwn(e[0],"to")||Object.hasOwn(e[0],"match"))},ie=e=>e&&!Array.isArray(e)&&Object.hasOwn(e,"colors"),se=(e,t)=>{if(!t)return e;if(!e)return t;if(Array.isArray(e)&&Array.isArray(t)){const a=e.map(((e,a)=>a<t.length?se(e,t[a]):e));return t.length>e.length&&a.push(...t.slice(e.length)),a.some(((t,a)=>t!==e[a]))||a.length!==e.length?a:e}if("object"==typeof e&&"object"==typeof t&&!Array.isArray(e)&&!Array.isArray(t)){const a=ne({},e);let o=!1;return Object.entries(t).forEach((([t,n])=>{const l=e[t];if(null==n)Object.hasOwn(a,t)&&(delete a[t],o=!0);else if(((e,t)=>re(e)&&ie(t)||ie(e)&&re(t)||re(e)&&re(t)||ie(e)&&ie(t))(l,n))a[t]=n,o=!0;else if((0,j.isNestedOption)(t)&&((0,v.isDynamicOption)(n)||""===n)){const[e,l,r]=t.split(/[[\].]+/),i=Number(l);a[e]=a[e]||[],a[e][i]=a[e][i]||{},a[e][i][r]=n,o=!0}else{const e=se(l,n);e!==l&&(h()(e)&&d()(e)?Object.hasOwn(a,t)&&(delete a[t],o=!0):(a[t]=e,o=!0))}})),o?a:e}return e!==t?t:e},ue=(e={},t={})=>{const a=p()(e);let o=!1;return Object.keys(t).forEach((n=>{if("context"===n||"layers"===n||"options"===n){const l=se(e[n],t[n]);l!==e[n]&&(a[n]=l,o=!0)}else{const l=le(e[n],t[n]);l!==e[n]&&(a[n]=l,o=!0)}})),o?a:e},ce=Object.freeze({}),de=({editorLayout:e,optionSchema:t,dataContract:a=ce,onVisualizationChange:o,visualization:r,transformLayout:i,onCollapsibleOpen:s,onCollapsibleClose:c,initialCollapsibleState:d,filteredCollapsibleState:f})=>{const p=(0,n.useRef)(null!=d?d:{}),m=(0,n.useCallback)(((e,a,n)=>o(((e,o)=>(0,j.setOption)(a,n,e,t,o)))),[o,t]),b=(0,n.useCallback)(((e,t,a)=>{o((e=>{const o=null==a?u()(e.encoding,t):ne(ne({},e.encoding),{},{[t]:a});return ne(ne({},e),{},{encoding:o})}))}),[o]),h=(0,n.useCallback)(((e,t)=>{o((e=>ue(e,t)))}),[o]),v=(0,n.useMemo)((()=>{let t=[];try{t="function"==typeof i?i({layout:g()(e),visualization:g()(r)}):e}catch(e){console.error((0,y._)("Layout transformation failed"),e)}return Array.isArray(t)?t:[]}),[e,i,r]);return l().createElement(J.SectionStateContextProvider,{initialCollapsibleState:p.current,filteredCollapsibleState:null!=f?f:{},onCollapsibleOpen:s,onCollapsibleClose:c},v.map(((e,o)=>l().createElement(ae,{key:`${r.type}_${e.label}`,section:e,sItr:o,visualization:r,optionSchema:t,dataContract:a,handleOptionChange:m,handleEncodingChange:b,handleVisualizationChange:h}))))};de.propTypes={visualization:i().object.isRequired,onVisualizationChange:i().func.isRequired,dataContract:i().object,optionSchema:i().object.isRequired,editorLayout:i().arrayOf(i().shape({label:i().string,open:i().bool,layout:i().arrayOf(i().arrayOf(i().object)),enableCollapsible:i().bool,enableSeparator:i().bool})).isRequired,transformLayout:i().func,onCollapsibleOpen:i().func,onCollapsibleClose:i().func,initialCollapsibleState:i().object,filteredCollapsibleState:i().object};const fe=de})(),module.exports=o})();
+`,ee=Object.freeze({}),te=({section:e,sItr:t,visualization:a,optionSchema:o,dataContract:r=ee,handleOptionChange:i,handleEncodingChange:s,handleVisualizationChange:u})=>{var c;const d=(0,n.useContext)(P()),f=e.label||(0,y._)("Untitled section"),{isOpen:p,onOpen:m,onClose:g}=(0,J.useSectionState)({section:e}),{enableCollapsible:b=!0,enableSeparator:h=!0}=e,v=(0,n.useCallback)(((e,t)=>{const{action:a}=t;"open"===a?m():"close"===a&&g()}),[m,g]),C=(0,n.useMemo)((()=>l().createElement(X,{layout:e.layout,schema:o,dataContract:r,dataSourceBindings:a.dataSources,options:a.options,onOptionChange:i,context:a.context,encoding:a.encoding,onEncodingChange:s,onVisualizationChange:u})),[e.layout,o,r,a,i,s,u]),_=(0,n.useMemo)((()=>b?l().createElement(x.DECollapsiblePanel,{panelId:t,title:f,open:p,onChange:v,headingLevel:3},C):l().createElement(Q,null,C)),[C,b,v,p,f,t]);if(null==e||null===(c=e.layout)||void 0===c||!c.length)return null;return e.layout.some((e=>(0,j.getFilteredRowsByShowEditor)({row:e,options:a.options,encoding:a.encoding,featureFlags:d}).length>0))?l().createElement(l().Fragment,null,_,h&&!b&&l().createElement(w.default,null)):null};te.propTypes={section:i().object.isRequired,sItr:i().number,visualization:i().object.isRequired,optionSchema:i().object.isRequired,dataContract:i().object,handleOptionChange:i().func.isRequired,handleEncodingChange:i().func.isRequired,handleVisualizationChange:i().func.isRequired};const ae=te;function oe(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,o)}return a}function ne(e){for(var a=1;a<arguments.length;a++){var o=null!=arguments[a]?arguments[a]:{};a%2?oe(Object(o),!0).forEach((function(a){t()(e,a,o[a])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):oe(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}const le=e=>{var t;return Array.isArray(e)&&e.length>0&&(null===(t=e[0])||void 0===t?void 0:t.value)&&(Object.hasOwn(e[0],"from")||Object.hasOwn(e[0],"to")||Object.hasOwn(e[0],"match"))},re=e=>e&&!Array.isArray(e)&&Object.hasOwn(e,"colors"),ie=(e,t)=>{if(!t)return e;if(!e)return t;if(Array.isArray(e)&&Array.isArray(t)){const a=t.map(((t,a)=>a<e.length?ie(e[a],t):t));return a.length!==e.length||a.some(((t,a)=>t!==e[a]))?a:e}if("object"==typeof e&&"object"==typeof t&&!Array.isArray(e)&&!Array.isArray(t)){const a=ne({},e);let o=!1;return Object.entries(t).forEach((([t,n])=>{const l=e[t];if(null==n)Object.hasOwn(a,t)&&(delete a[t],o=!0);else if(((e,t)=>le(e)&&re(t)||re(e)&&le(t)||le(e)&&le(t)||re(e)&&re(t))(l,n))a[t]=n,o=!0;else if((0,j.isNestedOption)(t)&&((0,v.isDynamicOption)(n)||""===n)){const[e,l,r]=t.split(/[[\].]+/),i=Number(l);a[e]=a[e]||[],a[e][i]=a[e][i]||{},a[e][i][r]=n,o=!0}else{const e=ie(l,n);e!==l&&(h()(e)&&d()(e)?Object.hasOwn(a,t)&&(delete a[t],o=!0):(a[t]=e,o=!0))}})),o?a:e}return e!==t?t:e},se=(e={},t={})=>{const a=p()(e);let o=!1;return Object.keys(t).forEach((n=>{const l=ie(e[n],t[n]);l!==e[n]&&(a[n]=l,o=!0)})),o?a:e},ue=Object.freeze({}),ce=({editorLayout:e,optionSchema:t,dataContract:a=ue,onVisualizationChange:o,visualization:r,transformLayout:i,onCollapsibleOpen:s,onCollapsibleClose:c,initialCollapsibleState:d,filteredCollapsibleState:f})=>{const p=(0,n.useRef)(null!=d?d:{}),m=(0,n.useCallback)(((e,a,n)=>o(((e,o)=>(0,j.setOption)(a,n,e,t,o)))),[o,t]),b=(0,n.useCallback)(((e,t,a)=>{o((e=>{const o=null==a?u()(e.encoding,t):ne(ne({},e.encoding),{},{[t]:a});return ne(ne({},e),{},{encoding:o})}))}),[o]),h=(0,n.useCallback)(((e,t)=>{o((e=>se(e,t)))}),[o]),v=(0,n.useMemo)((()=>{let t=[];try{t="function"==typeof i?i({layout:g()(e),visualization:g()(r)}):e}catch(e){console.error((0,y._)("Layout transformation failed"),e)}return Array.isArray(t)?t:[]}),[e,i,r]);return l().createElement(J.SectionStateContextProvider,{initialCollapsibleState:p.current,filteredCollapsibleState:null!=f?f:{},onCollapsibleOpen:s,onCollapsibleClose:c},v.map(((e,o)=>l().createElement(ae,{key:`${r.type}_${e.label}`,section:e,sItr:o,visualization:r,optionSchema:t,dataContract:a,handleOptionChange:m,handleEncodingChange:b,handleVisualizationChange:h}))))};ce.propTypes={visualization:i().object.isRequired,onVisualizationChange:i().func.isRequired,dataContract:i().object,optionSchema:i().object.isRequired,editorLayout:i().arrayOf(i().shape({label:i().string,open:i().bool,layout:i().arrayOf(i().arrayOf(i().object)),enableCollapsible:i().bool,enableSeparator:i().bool})).isRequired,transformLayout:i().func,onCollapsibleOpen:i().func,onCollapsibleClose:i().func,initialCollapsibleState:i().object,filteredCollapsibleState:i().object};const de=ce})(),module.exports=o})();
 //# sourceMappingURL=DynamicEditor.js.map