@splunk/dynamic-editors 0.37.1 → 0.37.2

package/containers/EditorItem.js

@@ -149,7 +149,7 @@
 `,D=(0,p.default)(c.default)`
     padding: '4px';
     margin-bottom: ${m.default.spacingMedium};
-`,S=Object.assign(Object.assign({},O.BaseEditorPropTypes),{flyoutTitle:s.string,formatters:s.arrayOf(s.shape({label:s.string,value:s.string,defaults:s.object})),dataSelectors:s.arrayOf(s.shape({label:s.string,value:s.string})),defaultPalettesConfig:y.sharedPalettesConfigPropType,showStaticTextColor:s.bool});t.prepareUpdate=({name:e,selectedDataSelector:t,selectedFormatterType:a,currentFormatterConfig:o})=>{const l=`${e}EditorConfig`,r=l.replace(/^\w+\[\d+\]\.(.+)$/,"$1");return{options:{[e]:(0,v.buildDSLFromDataSelectorAndFormatter)(t,a,l)},context:{[r]:o}}};t.DynamicColorEditor=({name:e,value:a,label:o="",labelPosition:l="left",labelWidth:r,context:n,onChange:s=(()=>{}),flyoutTitle:u=(0,g._)("Dynamic coloring"),formatters:c=[],dataSelectors:p=[],defaultPalettesConfig:m=b.defaultPalettesConfig,isDisabled:_=!1,showStaticTextColor:O=!1})=>{const[S,M]=x(!1),k=P(null),{type:R,paramKey:F}=(0,v.getLastFormatterFromDSL)(a)||{type:"unknown",paramKey:"unknown"},B=(0,v.getDataSelectorsFromDSL)(a)[0],[A,I]=x(R);j((()=>{I(R)}),[R]);const[L,$]=x(B);j((()=>{$(B)}),[B]);const V=(0,E.getFormatterConfig)({contextConfig:n[F],formatters:c,formatterFromDSL:R,selectedDataSelector:L}),[N,q]=x(V);j((()=>{q(V)}),[n,c,F,R,B]);const W=a=>{const o=(0,h.find)(c,(e=>e.isDefault))||(0,h.find)(c,(e=>"rangeValue"===e.value))||c[0];if((0,h.isEmpty)(o))return;const l=o.value,r=Object.keys(o.defaults)[0],n=o.defaults[r];$(r),I(l),q(n),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:r,selectedFormatterType:l,currentFormatterConfig:n}))},U=i.useCallback((()=>{M((e=>!e))}),[]);if(!(0,E.isSupportedDataSelector)({selectedDataSelector:L,dataSelectors:p})||!(0,E.isSupportedFormatter)({selectedFormatterType:A,formattersFromEditor:c,supportedFormatters:y.supportedFormatters}))return i.createElement(C.default,{label:o,labelPosition:l,labelWidth:r,onResetToDefault:W});const z=y.supportedFormatters[A].preview;return i.createElement(i.Fragment,null,i.createElement(d.default,{"data-test":"DynamicColorEditorGroup",label:(0,g._)(o),labelPosition:l,labelWidth:r},i.createElement(D,{inline:!1,"data-test":"DynamicColorEditorButton",appearance:"default",ref:k,onClick:U,disabled:_},i.createElement(z,{"data-test":"FormatterConfigPreview",config:N}))),i.createElement(f.default,{"data-test":"DynamicColorEditorFlyout",open:S,anchor:k.current,defaultPlacement:"horizontal",style:{padding:"10px"},onRequestClose:()=>M(!1),takeFocus:!0},i.createElement(w,null,i.createElement(T,null,u),i.createElement(y.FormatterEditor,{selectedDataSelector:L,selectedFormatterType:A,currentFormatterConfig:N,onDataSelectorChange:(a,o,l)=>{$(l);const r=(0,h.find)(c,(e=>e.defaults[l]));I(r.value);const n=r.defaults[l];q(n),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:l,selectedFormatterType:r.value,currentFormatterConfig:n}))},onFormatterTypeChange:(a,o,l)=>{I(l);const r=(0,h.find)(c,["value",l]).defaults[L];q(r),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:L,selectedFormatterType:l,currentFormatterConfig:r}))},onFormatterConfigChange:(a,o,l)=>{q(l),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:L,selectedFormatterType:A,currentFormatterConfig:l}))},formatters:c,dataSelectors:p,defaultPalettesConfig:m,showStaticTextColor:O}))))},t.DynamicColorEditor.propTypes=S},8281:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditorWithPrecedence=void 0;const i=r(a(9497)),s=r(a(23)),u=a(6649),d=a(5089),c=a(2369),f=a(152),p=n(a(2065)),m=a(6801),g=a(5862),b=a(18),h=Object.assign(Object.assign({},m.BaseEditorPropTypes),{name:s.string.isRequired,value:s.any,onChange:s.func,flyoutTitle:s.string,dataSelectors:s.arrayOf(s.shape({label:s.string.isRequired,value:s.string.isRequired})),formatters:s.arrayOf(s.shape({label:s.string.isRequired,value:s.string.isRequired,defaults:s.object})),defaultPalettesConfig:c.sharedPalettesConfigPropType.isRequired,tooltip:s.string,options:s.object});t.DynamicColorEditorWithPrecedence=({name:e,value:t,label:a="",labelPosition:o,labelWidth:l,context:r,flyoutTitle:n=(0,u._)("Dynamic coloring"),formatters:s=[],dataSelectors:c=[],defaultPalettesConfig:m=d.defaultPalettesConfig,tooltip:h,options:v={},onChange:y=(()=>{})})=>{const C=g.VERTICAL_EDITOR_SPACING/2,_=i.useCallback((e=>{if(!e||""===e)return!0;if("string"==typeof e){return null!==/^>\s*areaValues\s*\|\s*gradient\(\s*\)$/.exec(e)}return!1}),[]),[O,E]=i.useState(!_(t));i.useEffect((()=>{E(!_(t))}),[t,_]);const P=i.useCallback(((a,o)=>{var l,r,n,i,u,d;E((e=>!e));const f={},p={};if(O){const t=c.map((e=>e.value));f[e]=(0,b.getToggleOffValueForDataColors)({name:e,options:v,dataSelectors:t})}else{if("string"==typeof t&&null!==/^>\s*areaValues\s*\|\s*gradient\(\s*\)$/.exec(t)){f[e]="> areaValues | gradient(dataColorConfig)";const t=null===(r=null===(l=s.find((e=>"gradient"===e.value)))||void 0===l?void 0:l.defaults)||void 0===r?void 0:r.areaValues;t&&(p.dataColorConfig=t)}else if(e.endsWith("dataColors")){const t=null===(n=c[0])||void 0===n?void 0:n.value,a=null===(i=s[0])||void 0===i?void 0:i.value,o=null===(d=null===(u=s[0])||void 0===u?void 0:u.defaults)||void 0===d?void 0:d[t];if(!t||!a||!o)return;f[e]=`> ${c[0].value} | ${a}(dataColorConfig)`,p.dataColorConfig=o}}y(a,{options:f,context:p})}),[c,s,O,e,y,v,t]),x=i.useCallback(((e,t)=>{y(e,t)}),[y]);return i.createElement("div",{"data-test":"dynamic-color-toggle",style:{marginTop:C,marginBottom:C}},i.createElement(p.default,{name:e,label:(0,u._)("Dynamic coloring"),labelPosition:"right",value:O,onChange:P,itemSchema:{type:"boolean"},help:h}),O&&i.createElement("div",{"data-test":"dynamic-color-editor",style:{marginTop:C,marginBottom:-C}},i.createElement(f.DynamicColorEditor,{name:e,label:a,labelPosition:o,labelWidth:l,value:t,context:r,onChange:x,flyoutTitle:n,formatters:s,dataSelectors:c,defaultPalettesConfig:m})))},t.DynamicColorEditorWithPrecedence.propTypes=h},7585:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=a(4793),d=n(a(4082)),c=n(a(9250)),f=n(a(7143)),p=a(6649),m=n(a(5731)),g=n(a(5456)),b=a(4381),h=a(5862),v=({name:e,context:t,value:a,label:o,onChange:l,dataSourceBindings:r,labelPosition:n,labelWidth:s,help:v,validate:y})=>{const[C,_]=i.useState([]),[O,E]=i.useState(""),[P,x]=i.useState("");i.useEffect((()=>{const{staticOptions:e,dynamicOptionsLabel:o,dynamicOptionsValue:l}=(0,b.getDynamicOptionsFromConfig)({items:a,context:t});_(e),E(o),x(l)}),[a,t]),i.useEffect((()=>{void 0!==r.primary||Array.isArray(a)||l(null,{context:{formattedConfig:void 0,formattedStatics:void 0,statics:void 0,label:void 0,value:void 0},options:{[e]:C}})}),[r,e,a,l,C]);const j=i.useCallback(((t,o,r)=>{if(Array.isArray(a)&&(!o||!r))l(null,{options:{[e]:t}});else{const a=(0,u.unzip)(t.map((({label:e,value:t})=>[e,t])));l(null,{context:{formattedConfig:{number:{prefix:""}},formattedStatics:">statics | formatByType(formattedConfig)",statics:a,label:`>primary | seriesByName("${o}") | renameSeries("label") | formatByType(formattedConfig)`,value:`>primary | seriesByName("${r}") | renameSeries("value") | formatByType(formattedConfig)`},options:{[e]:">frame(label, value) | prepend(formattedStatics) | objects()"}})}}),[e,a,l]),T=i.useCallback(((e,t,a)=>{j(a,O,P)}),[j,O,P]),w=i.useCallback(((e,{value:t})=>{""===P?E(t):j(C,t,P)}),[j,C,P]),D=i.useCallback(((e,{value:t})=>{""===O?x(t):j(C,O,t)}),[j,C,O]),S=e=>t=>{var a;const o=null===(a=null==t?void 0:t.options)||void 0===a?void 0:a[e];return"string"==typeof o?{value:(0,b.getFieldFromFieldNameDsl)(o)}:{value:""}};if(i.useMemo((()=>(0,b.isConfigAdvanced)({items:a,context:t})),[a,t]))return i.createElement(c.default,{label:(0,p._)(o),labelPosition:n,labelWidth:s,help:v},i.createElement(d.default,{key:a.toString(),"data-test":e,disabled:!0,defaultValue:a.toString()}));const M=!!r.primary;return i.createElement(i.Fragment,null,i.createElement(g.default,{name:"",label:(0,p._)("Static menu configuration"),labelPosition:n,value:C,onChange:T,validate:y}),M&&i.createElement(f.default,{key:"dynamic-item-editor-label-value-layout",gutter:h.VERTICAL_EDITOR_SPACING},i.createElement(f.default.Row,{key:"dynamic-item-editor-label-row"},i.createElement(m.default,{name:"label",label:(0,p._)("Dynamic menu label field"),dataSourceKey:"primary",dataSourceBindings:r,value:`>primary | seriesByName("${O}")`,context:t,onChange:w,prepareValue:S("label")})),i.createElement(f.default.Row,{key:"dynamic-item-editor-value-row"},i.createElement(m.default,{name:"value",label:(0,p._)("Dynamic menu value field"),dataSourceKey:"primary",dataSourceBindings:r,value:`>primary | seriesByName("${P}")`,context:t,onChange:D,prepareValue:S("value")}))))};v.propTypes={onChange:s.func.isRequired,name:s.string.isRequired,label:s.string.isRequired,value:s.oneOfType([s.arrayOf(s.shape({label:s.string.isRequired,value:s.string.isRequired}).isRequired),s.string]),labelPosition:s.oneOf(["top","left"]),labelWidth:s.number,context:s.shape({label:s.string,value:s.string,statics:s.arrayOf(s.arrayOf(s.string.isRequired).isRequired)}).isRequired,dataSourceBindings:s.shape({primary:s.any}).isRequired,help:s.string},v.defaultProps={value:"",labelPosition:"top",help:(0,p._)("Advanced configuration options are being used by this input. Please edit in source mode.")},t.default=v},7970:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=n(a(232)),d=n(a(348));a(6265);const c=n(a(1018)),f=a(6649),p=n(a(6447)),m=a(3563),g=a(5135),b=a(962),h=a(137),v=u.default.div`
+`,S=Object.assign(Object.assign({},O.BaseEditorPropTypes),{flyoutTitle:s.string,formatters:s.arrayOf(s.shape({label:s.string,value:s.string,defaults:s.object})),dataSelectors:s.arrayOf(s.shape({label:s.string,value:s.string})),defaultPalettesConfig:y.sharedPalettesConfigPropType,showStaticTextColor:s.bool});t.prepareUpdate=({name:e,selectedDataSelector:t,selectedFormatterType:a,currentFormatterConfig:o})=>{const l=`${e}EditorConfig`,r=l.replace(/^\w+\[\d+\]\.(.+)$/,"$1");return{options:{[e]:(0,v.buildDSLFromDataSelectorAndFormatter)(t,a,l)},context:{[r]:o}}};t.DynamicColorEditor=({name:e,value:a,label:o="",labelPosition:l="left",labelWidth:r,context:n,onChange:s=(()=>{}),flyoutTitle:u=(0,g._)("Dynamic coloring"),formatters:c=[],dataSelectors:p=[],defaultPalettesConfig:m=b.defaultPalettesConfig,isDisabled:_=!1,showStaticTextColor:O=!1})=>{const[S,M]=x(!1),k=P(null),{type:R,paramKey:F}=(0,v.getLastFormatterFromDSL)(a)||{type:"unknown",paramKey:"unknown"},B=(0,v.getDataSelectorsFromDSL)(a)[0],[A,I]=x(R);j((()=>{I(R)}),[R]);const[L,$]=x(B);j((()=>{$(B)}),[B]);const V=(0,E.getFormatterConfig)({contextConfig:n[F],formatters:c,formatterFromDSL:R,selectedDataSelector:L}),[N,q]=x(V);j((()=>{q(V)}),[n,c,F,R,B]);const W=a=>{const o=(0,h.find)(c,(e=>e.isDefault))||(0,h.find)(c,(e=>"rangeValue"===e.value))||c[0];if((0,h.isEmpty)(o))return;const l=o.value,r=Object.keys(o.defaults)[0],n=o.defaults[r];$(r),I(l),q(n),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:r,selectedFormatterType:l,currentFormatterConfig:n}))},U=i.useCallback((()=>{M((e=>!e))}),[]);if(!(0,E.isSupportedDataSelector)({selectedDataSelector:L,dataSelectors:p})||!(0,E.isSupportedFormatter)({selectedFormatterType:A,formattersFromEditor:c,supportedFormatters:y.supportedFormatters}))return i.createElement(C.default,{label:o,labelPosition:l,labelWidth:r,onResetToDefault:W});const z=y.supportedFormatters[A].preview;return i.createElement(i.Fragment,null,i.createElement(d.default,{"data-test":"DynamicColorEditorGroup",label:(0,g._)(o),labelPosition:l,labelWidth:r},i.createElement(D,{inline:!1,"data-test":"DynamicColorEditorButton",appearance:"default",ref:k,onClick:U,disabled:_},i.createElement(z,{"data-test":"FormatterConfigPreview",config:N}))),i.createElement(f.default,{"data-test":"DynamicColorEditorFlyout",open:S,anchor:k.current,defaultPlacement:"horizontal",style:{padding:"10px"},onRequestClose:()=>M(!1),takeFocus:!0},i.createElement(w,null,i.createElement(T,null,u),i.createElement(y.FormatterEditor,{selectedDataSelector:L,selectedFormatterType:A,currentFormatterConfig:N,onDataSelectorChange:(a,o,l)=>{$(l);const r=(0,h.find)(c,(e=>e.defaults[l]));I(r.value);const n=r.defaults[l];q(n),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:l,selectedFormatterType:r.value,currentFormatterConfig:n}))},onFormatterTypeChange:(a,o,l)=>{I(l);const r=(0,h.find)(c,["value",l]).defaults[L];q(r),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:L,selectedFormatterType:l,currentFormatterConfig:r}))},onFormatterConfigChange:(a,o,l)=>{q(l),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:L,selectedFormatterType:A,currentFormatterConfig:l}))},formatters:c,dataSelectors:p,defaultPalettesConfig:m,showStaticTextColor:O}))))},t.DynamicColorEditor.propTypes=S},8281:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditorWithPrecedence=void 0;const i=r(a(9497)),s=r(a(23)),u=a(6649),d=a(5089),c=a(2369),f=a(152),p=n(a(2065)),m=a(6801),g=a(5862),b=a(18),h=Object.assign(Object.assign({},m.BaseEditorPropTypes),{name:s.string.isRequired,value:s.any,onChange:s.func,flyoutTitle:s.string,dataSelectors:s.arrayOf(s.shape({label:s.string.isRequired,value:s.string.isRequired})),formatters:s.arrayOf(s.shape({label:s.string.isRequired,value:s.string.isRequired,defaults:s.object})),defaultPalettesConfig:c.sharedPalettesConfigPropType.isRequired,tooltip:s.string,options:s.object});t.DynamicColorEditorWithPrecedence=({name:e,value:t,label:a="",labelPosition:o,labelWidth:l,context:r,flyoutTitle:n=(0,u._)("Dynamic coloring"),formatters:s=[],dataSelectors:c=[],defaultPalettesConfig:m=d.defaultPalettesConfig,tooltip:h,options:v={},onChange:y=(()=>{})})=>{const C=g.VERTICAL_EDITOR_SPACING/2,_=i.useCallback((e=>{if(!e||""===e)return!0;if("string"==typeof e){return null!==/^>\s*areaValues\s*\|\s*gradient\(\s*\)$/.exec(e)}return!1}),[]),[O,E]=i.useState(!_(t));i.useEffect((()=>{E(!_(t))}),[t,_]);const P=i.useCallback(((a,o)=>{var l,n,i,u,d,f;E((e=>!e));const p={},m={};if(O){const t=c.map((e=>e.value));p[e]=(0,b.getToggleOffValueForDataColors)({name:e,options:v,dataSelectors:t}),r&&void 0!==r.dataColorsEditorConfig&&(m.dataColorsEditorConfig=void 0)}else{if("string"==typeof t&&null!==/^>\s*areaValues\s*\|\s*gradient\(\s*\)$/.exec(t)){p[e]="> areaValues | gradient(dataColorsEditorConfig)";const t=null===(n=null===(l=s.find((e=>"gradient"===e.value)))||void 0===l?void 0:l.defaults)||void 0===n?void 0:n.areaValues;t&&(m.dataColorsEditorConfig=t)}else if(e.endsWith("dataColors")){const t=null===(i=c[0])||void 0===i?void 0:i.value,a=null===(u=s[0])||void 0===u?void 0:u.value,o=null===(f=null===(d=s[0])||void 0===d?void 0:d.defaults)||void 0===f?void 0:f[t];if(!t||!a||!o)return;p[e]=`> ${c[0].value} | ${a}(dataColorsEditorConfig)`,m.dataColorsEditorConfig=o}}y(a,{options:p,context:m})}),[r,c,s,O,e,y,v,t]),x=i.useCallback(((e,t)=>{y(e,t)}),[y]);return i.createElement("div",{"data-test":"dynamic-color-toggle",style:{marginTop:C,marginBottom:C}},i.createElement(p.default,{name:e,label:(0,u._)("Dynamic coloring"),labelPosition:"right",value:O,onChange:P,itemSchema:{type:"boolean"},help:h}),O&&i.createElement("div",{"data-test":"dynamic-color-editor",style:{marginTop:C,marginBottom:-C}},i.createElement(f.DynamicColorEditor,{name:e,label:a,labelPosition:o,labelWidth:l,value:t,context:r,onChange:x,flyoutTitle:n,formatters:s,dataSelectors:c,defaultPalettesConfig:m})))},t.DynamicColorEditorWithPrecedence.propTypes=h},7585:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=a(4793),d=n(a(4082)),c=n(a(9250)),f=n(a(7143)),p=a(6649),m=n(a(5731)),g=n(a(5456)),b=a(4381),h=a(5862),v=({name:e,context:t,value:a,label:o,onChange:l,dataSourceBindings:r,labelPosition:n,labelWidth:s,help:v,validate:y})=>{const[C,_]=i.useState([]),[O,E]=i.useState(""),[P,x]=i.useState("");i.useEffect((()=>{const{staticOptions:e,dynamicOptionsLabel:o,dynamicOptionsValue:l}=(0,b.getDynamicOptionsFromConfig)({items:a,context:t});_(e),E(o),x(l)}),[a,t]),i.useEffect((()=>{void 0!==r.primary||Array.isArray(a)||l(null,{context:{formattedConfig:void 0,formattedStatics:void 0,statics:void 0,label:void 0,value:void 0},options:{[e]:C}})}),[r,e,a,l,C]);const j=i.useCallback(((t,o,r)=>{if(Array.isArray(a)&&(!o||!r))l(null,{options:{[e]:t}});else{const a=(0,u.unzip)(t.map((({label:e,value:t})=>[e,t])));l(null,{context:{formattedConfig:{number:{prefix:""}},formattedStatics:">statics | formatByType(formattedConfig)",statics:a,label:`>primary | seriesByName("${o}") | renameSeries("label") | formatByType(formattedConfig)`,value:`>primary | seriesByName("${r}") | renameSeries("value") | formatByType(formattedConfig)`},options:{[e]:">frame(label, value) | prepend(formattedStatics) | objects()"}})}}),[e,a,l]),T=i.useCallback(((e,t,a)=>{j(a,O,P)}),[j,O,P]),w=i.useCallback(((e,{value:t})=>{""===P?E(t):j(C,t,P)}),[j,C,P]),D=i.useCallback(((e,{value:t})=>{""===O?x(t):j(C,O,t)}),[j,C,O]),S=e=>t=>{var a;const o=null===(a=null==t?void 0:t.options)||void 0===a?void 0:a[e];return"string"==typeof o?{value:(0,b.getFieldFromFieldNameDsl)(o)}:{value:""}};if(i.useMemo((()=>(0,b.isConfigAdvanced)({items:a,context:t})),[a,t]))return i.createElement(c.default,{label:(0,p._)(o),labelPosition:n,labelWidth:s,help:v},i.createElement(d.default,{key:a.toString(),"data-test":e,disabled:!0,defaultValue:a.toString()}));const M=!!r.primary;return i.createElement(i.Fragment,null,i.createElement(g.default,{name:"",label:(0,p._)("Static menu configuration"),labelPosition:n,value:C,onChange:T,validate:y}),M&&i.createElement(f.default,{key:"dynamic-item-editor-label-value-layout",gutter:h.VERTICAL_EDITOR_SPACING},i.createElement(f.default.Row,{key:"dynamic-item-editor-label-row"},i.createElement(m.default,{name:"label",label:(0,p._)("Dynamic menu label field"),dataSourceKey:"primary",dataSourceBindings:r,value:`>primary | seriesByName("${O}")`,context:t,onChange:w,prepareValue:S("label")})),i.createElement(f.default.Row,{key:"dynamic-item-editor-value-row"},i.createElement(m.default,{name:"value",label:(0,p._)("Dynamic menu value field"),dataSourceKey:"primary",dataSourceBindings:r,value:`>primary | seriesByName("${P}")`,context:t,onChange:D,prepareValue:S("value")}))))};v.propTypes={onChange:s.func.isRequired,name:s.string.isRequired,label:s.string.isRequired,value:s.oneOfType([s.arrayOf(s.shape({label:s.string.isRequired,value:s.string.isRequired}).isRequired),s.string]),labelPosition:s.oneOf(["top","left"]),labelWidth:s.number,context:s.shape({label:s.string,value:s.string,statics:s.arrayOf(s.arrayOf(s.string.isRequired).isRequired)}).isRequired,dataSourceBindings:s.shape({primary:s.any}).isRequired,help:s.string},v.defaultProps={value:"",labelPosition:"top",help:(0,p._)("Advanced configuration options are being used by this input. Please edit in source mode.")},t.default=v},7970:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=n(a(232)),d=n(a(348));a(6265);const c=n(a(1018)),f=a(6649),p=n(a(6447)),m=a(3563),g=a(5135),b=a(962),h=a(137),v=u.default.div`
     font-family: ${m.variables.sansFontFamily};
     .react-mde * {
         font-family: inherit;