@splunk/dynamic-editors 0.44.3 → 0.44.4

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.44.4](https://cd.splunkdev.com/devplat/splunk-dynamic-editors/compare/v0.44.3...v0.44.4) (2026-05-29)
+
+
+### Bug Fixes
+
+* **DYNAMICCOLOREDITOR:** add aria-label to editor button (A11Y-5805) ([4c6fee6](https://cd.splunkdev.com/devplat/splunk-dynamic-editors/commits/4c6fee6900d60b5436edbf7d7242143138f91ca0))
+
+
+
+
+
 ## [0.44.3](https://cd.splunkdev.com/devplat/splunk-dynamic-editors/compare/v0.44.2...v0.44.3) (2026-05-26)
 
 **Note:** Version bump only for package @splunk/dynamic-editors

package/DynamicEditor.js

@@ -164,7 +164,7 @@ e.exports=function(){"use strict";function e(e,t){if("undefined"==typeof documen
     width: ${(0,s.toPx)(_.FLYOUT_WIDTH)};
 `,x=(0,f.default)(c.default)`
     padding: '4px';
-`;t.prepareUpdate=({name:e,selectedDataSelector:t,selectedFormatterType:n,currentFormatterConfig:r})=>{const o=`${e}EditorConfig`,a=o.replace(/^\w+\[\d+\]\.(.+)$/,"$1");return{options:{[e]:(0,g.buildDSLFromDataSelectorAndFormatter)(t,n,o)},context:{[a]:r}}};t.DynamicColorEditor=({name:e,value:n,label:r="",labelPosition:o="left",labelWidth:a,context:i,onChange:s=(()=>{}),flyoutTitle:c=(0,p._)("Dynamic coloring"),formatters:f=[],dataSelectors:_=[],defaultPalettesConfig:k=h.defaultPalettesConfig,isDisabled:I=!1,showStaticTextColor:N=!1,colorMode:P,handleColorModeChange:R})=>{const[L,M]=v(!1),F=y(null),{type:w,paramKey:B}=(0,g.getLastFormatterFromDSL)(n)||{type:"unknown",paramKey:"unknown"},j=(0,g.getDataSelectorsFromDSL)(n)[0],[H,U]=v(w);A((()=>{U(w)}),[w]);const[G,z]=v(j);A((()=>{z(j)}),[j]);const V=(0,T.getFormatterConfig)({contextConfig:i[B],formatters:f,formatterFromDSL:w,selectedDataSelector:G}),[q,Y]=v(V);A((()=>{Y(V)}),[i,f,B,w,j]);const W=n=>{const r=(0,m.find)(f,(e=>e.isDefault))||(0,m.find)(f,(e=>"rangeValue"===e.value))||f[0];if((0,m.isEmpty)(r))return;const o=r.value,a=Object.keys(r.defaults)[0],i=r.defaults[a];z(a),U(o),Y(i),s(n,(0,t.prepareUpdate)({name:e,selectedDataSelector:a,selectedFormatterType:o,currentFormatterConfig:i}))},$=l.useCallback((()=>{M((e=>!e))}),[]);if(!(0,T.isSupportedDataSelector)({selectedDataSelector:G,dataSelectors:_})||!(0,T.isSupportedFormatter)({selectedFormatterType:H,formattersFromEditor:f,supportedFormatters:b.supportedFormatters}))return l.createElement(C.default,{label:r,labelPosition:o,labelWidth:a,onResetToDefault:W});const K=b.supportedFormatters[H].preview;return l.createElement(l.Fragment,null,l.createElement(u.default,{"data-test":"DynamicColorEditorGroup",label:r,labelPosition:o,labelWidth:a},l.createElement(x,{inline:!1,"data-test":"DynamicColorEditorButton",appearance:"default",ref:F,onClick:$,disabled:I},l.createElement(K,{"data-test":"FormatterConfigPreview",config:q}))),l.createElement(d.default,{"data-test":"DynamicColorEditorFlyout",open:L,anchor:F.current,defaultPlacement:"horizontal",style:{padding:"10px"},onRequestClose:()=>M(!1),takeFocus:!0},l.createElement(S,null,!P&&l.createElement(D,null,c),P&&l.createElement(u.default,{"data-test":"TableDynamicColorEditorGroup",label:c,labelPosition:o,labelWidth:a},l.createElement(E.default,{value:P,onChange:R},[{label:(0,p._)("Off"),value:"off"},{label:(0,p._)("Text"),value:"text"},{label:(0,p._)("Background"),value:"background"}].map((({label:e,value:t})=>l.createElement(E.default.Option,{key:t,value:t,label:(0,p._)(e)}))))),P&&l.createElement(O,null,(0,p._)("Method")),l.createElement(b.FormatterEditor,{selectedDataSelector:G,selectedFormatterType:H,currentFormatterConfig:q,onDataSelectorChange:(n,r,o)=>{z(o);const a=(0,m.find)(f,(e=>e.defaults[o]));U(a.value);const i=a.defaults[o];Y(i),s(n,(0,t.prepareUpdate)({name:e,selectedDataSelector:o,selectedFormatterType:a.value,currentFormatterConfig:i}))},onFormatterTypeChange:(n,r,o)=>{U(o);const a=(0,m.find)(f,["value",o]).defaults[G];Y(a),s(n,(0,t.prepareUpdate)({name:e,selectedDataSelector:G,selectedFormatterType:o,currentFormatterConfig:a}))},onFormatterConfigChange:(n,r,o)=>{Y(o),s(n,(0,t.prepareUpdate)({name:e,selectedDataSelector:G,selectedFormatterType:H,currentFormatterConfig:o}))},formatters:f,dataSelectors:_,defaultPalettesConfig:k,showStaticTextColor:N}))))}},8281:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),a=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return o(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditorWithPrecedence=void 0;const l=a(n(9497)),s=n(6649),u=n(5089),c=n(333),d=n(152),f=i(n(2065)),p=n(1027),h=Object.assign({},c.DynamicColorEditorPropTypes);t.DynamicColorEditorWithPrecedence=({name:e,value:t,label:n="",labelPosition:r,labelWidth:o,context:a,flyoutTitle:i=(0,s._)("Dynamic coloring"),formatters:c=[],dataSelectors:h=[],defaultPalettesConfig:m=u.defaultPalettesConfig,tooltip:g,options:E={},onChange:b=(()=>{})})=>{const C=l.useCallback((e=>{if(!e||""===e)return!0;if("string"==typeof e){return null!==/^>\s*areaValues\s*\|\s*gradient\(\s*\)$/.exec(e)}return!1}),[]),[_,T]=l.useState(!C(t));l.useEffect((()=>{T(!C(t))}),[t,C]);const y=l.useCallback(((n,r)=>{var o,i,l,s,u,d;T((e=>!e));const f={},m={};if(_){const t=h.map((e=>e.value));f[e]=(0,p.getToggleOffValueForDataColors)({name:e,options:E,dataSelectors:t}),a&&void 0!==a.dataColorsEditorConfig&&(m.dataColorsEditorConfig=void 0)}else{if("string"==typeof t&&null!==/^>\s*areaValues\s*\|\s*gradient\(\s*\)$/.exec(t)){f[e]="> areaValues | gradient(dataColorsEditorConfig)";const t=null===(i=null===(o=c.find((e=>"gradient"===e.value)))||void 0===o?void 0:o.defaults)||void 0===i?void 0:i.areaValues;t&&(m.dataColorsEditorConfig=t)}else if(e.endsWith("dataColors")){const t=null===(l=h[0])||void 0===l?void 0:l.value,n=null===(s=c[0])||void 0===s?void 0:s.value,r=null===(d=null===(u=c[0])||void 0===u?void 0:u.defaults)||void 0===d?void 0:d[t];if(!t||!n||!r)return;f[e]=`> ${h[0].value} | ${n}(dataColorsEditorConfig)`,m.dataColorsEditorConfig=r}}b(n,{options:f,context:m})}),[a,h,c,_,e,b,E,t]),v=l.useCallback(((e,t)=>{b(e,t)}),[b]);return l.createElement("div",{"data-test":"dynamic-color-toggle"},l.createElement(f.default,{name:e,label:(0,s._)("Dynamic coloring"),labelPosition:"right",value:_,onChange:y,itemSchema:{type:"boolean"},help:g}),_&&l.createElement("div",{"data-test":"dynamic-color-editor"},l.createElement(d.DynamicColorEditor,{name:e,label:n,labelPosition:r,labelWidth:o,value:t,context:a,onChange:v,flyoutTitle:i,formatters:c,dataSelectors:h,defaultPalettesConfig:m})))},t.DynamicColorEditorWithPrecedence.propTypes=h},7585:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),a=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return o(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const l=a(n(9497)),s=a(n(23)),u=n(4793),c=i(n(4082)),d=i(n(9250)),f=i(n(7143)),p=n(6649),h=i(n(5731)),m=i(n(5456)),g=n(4381),E=n(5862),b=(0,p._)("Advanced configuration options are being used by this input. Please edit in source mode."),C=({name:e,context:t,value:n="",label:r,onChange:o,dataSourceBindings:a,labelPosition:i="top",labelWidth:s,help:C=b,validate:_})=>{const[T,y]=l.useState([]),[v,A]=l.useState(""),[D,O]=l.useState("");l.useEffect((()=>{const{staticOptions:e,dynamicOptionsLabel:r,dynamicOptionsValue:o}=(0,g.getDynamicOptionsFromConfig)({items:n,context:t});y(e),A(r),O(o)}),[n,t]),l.useEffect((()=>{void 0!==a.primary||Array.isArray(n)||o(null,{context:{formattedConfig:void 0,formattedStatics:void 0,statics:void 0,label:void 0,value:void 0},options:{[e]:T}})}),[a,e,n,o,T]);const S=l.useCallback(((t,r,a)=>{if(Array.isArray(n)&&(!r||!a))o(null,{options:{[e]:t}});else{const n=(0,u.unzip)(t.map((({label:e,value:t})=>[e,t])));o(null,{context:{formattedConfig:{number:{prefix:""}},formattedStatics:">statics | formatByType(formattedConfig)",statics:n,label:`>primary | seriesByName("${r}") | renameSeries("label") | formatByType(formattedConfig)`,value:`>primary | seriesByName("${a}") | renameSeries("value") | formatByType(formattedConfig)`},options:{[e]:">frame(label, value) | prepend(formattedStatics) | objects()"}})}}),[e,n,o]),x=l.useCallback(((e,t,n)=>{S(n,v,D)}),[S,v,D]),k=l.useCallback(((e,{value:t})=>{""===D?A(t):S(T,t,D)}),[S,T,D]),I=l.useCallback(((e,{value:t})=>{""===v?O(t):S(T,v,t)}),[S,T,v]),N=e=>t=>{var n;const r=null===(n=null==t?void 0:t.options)||void 0===n?void 0:n[e];return"string"==typeof r?{value:(0,g.getFieldFromFieldNameDsl)(r)}:{value:""}};if(l.useMemo((()=>(0,g.isConfigAdvanced)({items:n,context:t})),[n,t]))return l.createElement(d.default,{label:(0,p._)(r),labelPosition:i,labelWidth:s,help:C},l.createElement(c.default,{key:n.toString(),"data-test":e,disabled:!0,defaultValue:n.toString()}));const P=!!a.primary;return l.createElement(l.Fragment,null,l.createElement(m.default,{name:"",label:(0,p._)("Static menu configuration"),labelPosition:i,value:T,onChange:x,validate:_}),P&&l.createElement(f.default,{key:"dynamic-item-editor-label-value-layout",gutter:E.VERTICAL_EDITOR_SPACING},l.createElement(f.default.Row,{key:"dynamic-item-editor-label-row"},l.createElement(h.default,{name:"label",label:(0,p._)("Dynamic menu label field"),dataSourceKey:"primary",dataSourceBindings:a,value:`>primary | seriesByName("${v}")`,context:t,onChange:k,prepareValue:N("label")})),l.createElement(f.default.Row,{key:"dynamic-item-editor-value-row"},l.createElement(h.default,{name:"value",label:(0,p._)("Dynamic menu value field"),dataSourceKey:"primary",dataSourceBindings:a,value:`>primary | seriesByName("${D}")`,context:t,onChange:I,prepareValue:N("value")}))))};C.propTypes={onChange:s.func.isRequired,name:s.string.isRequired,label:s.string.isRequired,value:s.oneOfType([s.arrayOf(s.shape({label:s.string.isRequired,value:s.string.isRequired}).isRequired),s.string]),labelPosition:s.oneOf(["top","left"]),labelWidth:s.number,context:s.shape({label:s.string,value:s.string,statics:s.arrayOf(s.arrayOf(s.string.isRequired).isRequired)}).isRequired,dataSourceBindings:s.shape({primary:s.any}).isRequired,help:s.string},t.default=C},7970:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),a=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return o(t,e),t},i=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const s=a(n(9497)),u=a(n(23)),c=l(n(232)),d=n(2640),f=l(n(1018)),p=l(n(2138)),h=n(6649),m=n(8987),g=l(n(4703)),E=l(n(4723)),b=l(n(4784)),C=l(n(7110)),_=l(n(6078)),T=l(n(3757)),y=l(n(785)),v=l(n(6301)),A=l(n(821)),D=l(n(7020)),O=l(n(6379)),S=l(n(5905)),x=l(n(2621)),k=n(3563),I=n(5135),N=n(962),P=n(137),R=[Object.assign(Object.assign({},d.commands.heading3),{icon:s.createElement(b.default,null),name:"header"}),Object.assign(Object.assign({},d.commands.bold),{icon:s.createElement(g.default,null),name:"bold"}),Object.assign(Object.assign({},d.commands.italic),{icon:s.createElement(C.default,null),name:"italic"}),Object.assign(Object.assign({},d.commands.link),{icon:s.createElement(E.default,null),name:"link"}),Object.assign(Object.assign({},d.commands.quote),{icon:s.createElement(A.default,null),name:"quote"}),Object.assign(Object.assign({},d.commands.code),{icon:s.createElement(_.default,null),name:"code"}),Object.assign(Object.assign({},d.commands.image),{icon:s.createElement(T.default,null),name:"image"}),Object.assign(Object.assign({},d.commands.unorderedListCommand),{icon:s.createElement(y.default,null),name:"unordered-list"}),Object.assign(Object.assign({},d.commands.orderedListCommand),{icon:s.createElement(v.default,null),name:"ordered-list"})],L=c.default.div`
+`;t.prepareUpdate=({name:e,selectedDataSelector:t,selectedFormatterType:n,currentFormatterConfig:r})=>{const o=`${e}EditorConfig`,a=o.replace(/^\w+\[\d+\]\.(.+)$/,"$1");return{options:{[e]:(0,g.buildDSLFromDataSelectorAndFormatter)(t,n,o)},context:{[a]:r}}};t.DynamicColorEditor=({name:e,value:n,label:r="",labelPosition:o="left",labelWidth:a,context:i,onChange:s=(()=>{}),flyoutTitle:c=(0,p._)("Dynamic coloring"),formatters:f=[],dataSelectors:_=[],defaultPalettesConfig:k=h.defaultPalettesConfig,isDisabled:I=!1,showStaticTextColor:N=!1,colorMode:P,handleColorModeChange:R})=>{const[L,M]=v(!1),F=y(null),{type:w,paramKey:B}=(0,g.getLastFormatterFromDSL)(n)||{type:"unknown",paramKey:"unknown"},j=(0,g.getDataSelectorsFromDSL)(n)[0],[H,U]=v(w);A((()=>{U(w)}),[w]);const[G,z]=v(j);A((()=>{z(j)}),[j]);const V=(0,T.getFormatterConfig)({contextConfig:i[B],formatters:f,formatterFromDSL:w,selectedDataSelector:G}),[q,Y]=v(V);A((()=>{Y(V)}),[i,f,B,w,j]);const W=n=>{const r=(0,m.find)(f,(e=>e.isDefault))||(0,m.find)(f,(e=>"rangeValue"===e.value))||f[0];if((0,m.isEmpty)(r))return;const o=r.value,a=Object.keys(r.defaults)[0],i=r.defaults[a];z(a),U(o),Y(i),s(n,(0,t.prepareUpdate)({name:e,selectedDataSelector:a,selectedFormatterType:o,currentFormatterConfig:i}))},$=l.useCallback((()=>{M((e=>!e))}),[]);if(!(0,T.isSupportedDataSelector)({selectedDataSelector:G,dataSelectors:_})||!(0,T.isSupportedFormatter)({selectedFormatterType:H,formattersFromEditor:f,supportedFormatters:b.supportedFormatters}))return l.createElement(C.default,{label:r,labelPosition:o,labelWidth:a,onResetToDefault:W});const K=b.supportedFormatters[H].preview;return l.createElement(l.Fragment,null,l.createElement(u.default,{"data-test":"DynamicColorEditorGroup",label:r,labelPosition:o,labelWidth:a},l.createElement(x,{inline:!1,"data-test":"DynamicColorEditorButton",appearance:"default","aria-label":r||c,ref:F,onClick:$,disabled:I},l.createElement(K,{"data-test":"FormatterConfigPreview",config:q}))),l.createElement(d.default,{"data-test":"DynamicColorEditorFlyout",open:L,anchor:F.current,defaultPlacement:"horizontal",style:{padding:"10px"},onRequestClose:()=>M(!1),takeFocus:!0},l.createElement(S,null,!P&&l.createElement(D,null,c),P&&l.createElement(u.default,{"data-test":"TableDynamicColorEditorGroup",label:c,labelPosition:o,labelWidth:a},l.createElement(E.default,{value:P,onChange:R},[{label:(0,p._)("Off"),value:"off"},{label:(0,p._)("Text"),value:"text"},{label:(0,p._)("Background"),value:"background"}].map((({label:e,value:t})=>l.createElement(E.default.Option,{key:t,value:t,label:(0,p._)(e)}))))),P&&l.createElement(O,null,(0,p._)("Method")),l.createElement(b.FormatterEditor,{selectedDataSelector:G,selectedFormatterType:H,currentFormatterConfig:q,onDataSelectorChange:(n,r,o)=>{z(o);const a=(0,m.find)(f,(e=>e.defaults[o]));U(a.value);const i=a.defaults[o];Y(i),s(n,(0,t.prepareUpdate)({name:e,selectedDataSelector:o,selectedFormatterType:a.value,currentFormatterConfig:i}))},onFormatterTypeChange:(n,r,o)=>{U(o);const a=(0,m.find)(f,["value",o]).defaults[G];Y(a),s(n,(0,t.prepareUpdate)({name:e,selectedDataSelector:G,selectedFormatterType:o,currentFormatterConfig:a}))},onFormatterConfigChange:(n,r,o)=>{Y(o),s(n,(0,t.prepareUpdate)({name:e,selectedDataSelector:G,selectedFormatterType:H,currentFormatterConfig:o}))},formatters:f,dataSelectors:_,defaultPalettesConfig:k,showStaticTextColor:N}))))}},8281:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),a=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return o(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditorWithPrecedence=void 0;const l=a(n(9497)),s=n(6649),u=n(5089),c=n(333),d=n(152),f=i(n(2065)),p=n(1027),h=Object.assign({},c.DynamicColorEditorPropTypes);t.DynamicColorEditorWithPrecedence=({name:e,value:t,label:n="",labelPosition:r,labelWidth:o,context:a,flyoutTitle:i=(0,s._)("Dynamic coloring"),formatters:c=[],dataSelectors:h=[],defaultPalettesConfig:m=u.defaultPalettesConfig,tooltip:g,options:E={},onChange:b=(()=>{})})=>{const C=l.useCallback((e=>{if(!e||""===e)return!0;if("string"==typeof e){return null!==/^>\s*areaValues\s*\|\s*gradient\(\s*\)$/.exec(e)}return!1}),[]),[_,T]=l.useState(!C(t));l.useEffect((()=>{T(!C(t))}),[t,C]);const y=l.useCallback(((n,r)=>{var o,i,l,s,u,d;T((e=>!e));const f={},m={};if(_){const t=h.map((e=>e.value));f[e]=(0,p.getToggleOffValueForDataColors)({name:e,options:E,dataSelectors:t}),a&&void 0!==a.dataColorsEditorConfig&&(m.dataColorsEditorConfig=void 0)}else{if("string"==typeof t&&null!==/^>\s*areaValues\s*\|\s*gradient\(\s*\)$/.exec(t)){f[e]="> areaValues | gradient(dataColorsEditorConfig)";const t=null===(i=null===(o=c.find((e=>"gradient"===e.value)))||void 0===o?void 0:o.defaults)||void 0===i?void 0:i.areaValues;t&&(m.dataColorsEditorConfig=t)}else if(e.endsWith("dataColors")){const t=null===(l=h[0])||void 0===l?void 0:l.value,n=null===(s=c[0])||void 0===s?void 0:s.value,r=null===(d=null===(u=c[0])||void 0===u?void 0:u.defaults)||void 0===d?void 0:d[t];if(!t||!n||!r)return;f[e]=`> ${h[0].value} | ${n}(dataColorsEditorConfig)`,m.dataColorsEditorConfig=r}}b(n,{options:f,context:m})}),[a,h,c,_,e,b,E,t]),v=l.useCallback(((e,t)=>{b(e,t)}),[b]);return l.createElement("div",{"data-test":"dynamic-color-toggle"},l.createElement(f.default,{name:e,label:(0,s._)("Dynamic coloring"),labelPosition:"right",value:_,onChange:y,itemSchema:{type:"boolean"},help:g}),_&&l.createElement("div",{"data-test":"dynamic-color-editor"},l.createElement(d.DynamicColorEditor,{name:e,label:n,labelPosition:r,labelWidth:o,value:t,context:a,onChange:v,flyoutTitle:i,formatters:c,dataSelectors:h,defaultPalettesConfig:m})))},t.DynamicColorEditorWithPrecedence.propTypes=h},7585:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),a=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return o(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const l=a(n(9497)),s=a(n(23)),u=n(4793),c=i(n(4082)),d=i(n(9250)),f=i(n(7143)),p=n(6649),h=i(n(5731)),m=i(n(5456)),g=n(4381),E=n(5862),b=(0,p._)("Advanced configuration options are being used by this input. Please edit in source mode."),C=({name:e,context:t,value:n="",label:r,onChange:o,dataSourceBindings:a,labelPosition:i="top",labelWidth:s,help:C=b,validate:_})=>{const[T,y]=l.useState([]),[v,A]=l.useState(""),[D,O]=l.useState("");l.useEffect((()=>{const{staticOptions:e,dynamicOptionsLabel:r,dynamicOptionsValue:o}=(0,g.getDynamicOptionsFromConfig)({items:n,context:t});y(e),A(r),O(o)}),[n,t]),l.useEffect((()=>{void 0!==a.primary||Array.isArray(n)||o(null,{context:{formattedConfig:void 0,formattedStatics:void 0,statics:void 0,label:void 0,value:void 0},options:{[e]:T}})}),[a,e,n,o,T]);const S=l.useCallback(((t,r,a)=>{if(Array.isArray(n)&&(!r||!a))o(null,{options:{[e]:t}});else{const n=(0,u.unzip)(t.map((({label:e,value:t})=>[e,t])));o(null,{context:{formattedConfig:{number:{prefix:""}},formattedStatics:">statics | formatByType(formattedConfig)",statics:n,label:`>primary | seriesByName("${r}") | renameSeries("label") | formatByType(formattedConfig)`,value:`>primary | seriesByName("${a}") | renameSeries("value") | formatByType(formattedConfig)`},options:{[e]:">frame(label, value) | prepend(formattedStatics) | objects()"}})}}),[e,n,o]),x=l.useCallback(((e,t,n)=>{S(n,v,D)}),[S,v,D]),k=l.useCallback(((e,{value:t})=>{""===D?A(t):S(T,t,D)}),[S,T,D]),I=l.useCallback(((e,{value:t})=>{""===v?O(t):S(T,v,t)}),[S,T,v]),N=e=>t=>{var n;const r=null===(n=null==t?void 0:t.options)||void 0===n?void 0:n[e];return"string"==typeof r?{value:(0,g.getFieldFromFieldNameDsl)(r)}:{value:""}};if(l.useMemo((()=>(0,g.isConfigAdvanced)({items:n,context:t})),[n,t]))return l.createElement(d.default,{label:(0,p._)(r),labelPosition:i,labelWidth:s,help:C},l.createElement(c.default,{key:n.toString(),"data-test":e,disabled:!0,defaultValue:n.toString()}));const P=!!a.primary;return l.createElement(l.Fragment,null,l.createElement(m.default,{name:"",label:(0,p._)("Static menu configuration"),labelPosition:i,value:T,onChange:x,validate:_}),P&&l.createElement(f.default,{key:"dynamic-item-editor-label-value-layout",gutter:E.VERTICAL_EDITOR_SPACING},l.createElement(f.default.Row,{key:"dynamic-item-editor-label-row"},l.createElement(h.default,{name:"label",label:(0,p._)("Dynamic menu label field"),dataSourceKey:"primary",dataSourceBindings:a,value:`>primary | seriesByName("${v}")`,context:t,onChange:k,prepareValue:N("label")})),l.createElement(f.default.Row,{key:"dynamic-item-editor-value-row"},l.createElement(h.default,{name:"value",label:(0,p._)("Dynamic menu value field"),dataSourceKey:"primary",dataSourceBindings:a,value:`>primary | seriesByName("${D}")`,context:t,onChange:I,prepareValue:N("value")}))))};C.propTypes={onChange:s.func.isRequired,name:s.string.isRequired,label:s.string.isRequired,value:s.oneOfType([s.arrayOf(s.shape({label:s.string.isRequired,value:s.string.isRequired}).isRequired),s.string]),labelPosition:s.oneOf(["top","left"]),labelWidth:s.number,context:s.shape({label:s.string,value:s.string,statics:s.arrayOf(s.arrayOf(s.string.isRequired).isRequired)}).isRequired,dataSourceBindings:s.shape({primary:s.any}).isRequired,help:s.string},t.default=C},7970:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),a=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return o(t,e),t},i=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const s=a(n(9497)),u=a(n(23)),c=l(n(232)),d=n(2640),f=l(n(1018)),p=l(n(2138)),h=n(6649),m=n(8987),g=l(n(4703)),E=l(n(4723)),b=l(n(4784)),C=l(n(7110)),_=l(n(6078)),T=l(n(3757)),y=l(n(785)),v=l(n(6301)),A=l(n(821)),D=l(n(7020)),O=l(n(6379)),S=l(n(5905)),x=l(n(2621)),k=n(3563),I=n(5135),N=n(962),P=n(137),R=[Object.assign(Object.assign({},d.commands.heading3),{icon:s.createElement(b.default,null),name:"header"}),Object.assign(Object.assign({},d.commands.bold),{icon:s.createElement(g.default,null),name:"bold"}),Object.assign(Object.assign({},d.commands.italic),{icon:s.createElement(C.default,null),name:"italic"}),Object.assign(Object.assign({},d.commands.link),{icon:s.createElement(E.default,null),name:"link"}),Object.assign(Object.assign({},d.commands.quote),{icon:s.createElement(A.default,null),name:"quote"}),Object.assign(Object.assign({},d.commands.code),{icon:s.createElement(_.default,null),name:"code"}),Object.assign(Object.assign({},d.commands.image),{icon:s.createElement(T.default,null),name:"image"}),Object.assign(Object.assign({},d.commands.unorderedListCommand),{icon:s.createElement(y.default,null),name:"unordered-list"}),Object.assign(Object.assign({},d.commands.orderedListCommand),{icon:s.createElement(v.default,null),name:"ordered-list"})],L=c.default.div`
     font-family: ${k.variables.sansFontFamily};
 `,M=c.default.div`
     display: flex;