@splunk/dynamic-editors 0.44.3 → 0.44.4

package/editors/DynamicColorEditorWithPrecedence.js

@@ -37,7 +37,7 @@
     width: ${(0,s.toPx)(y.FLYOUT_WIDTH)};
 `,M=(0,f.default)(c.default)`
     padding: '4px';
-`;t.prepareUpdate=({name:e,selectedDataSelector:t,selectedFormatterType:r,currentFormatterConfig:a})=>{const n=`${e}EditorConfig`,l=n.replace(/^\w+\[\d+\]\.(.+)$/,"$1");return{options:{[e]:(0,m.buildDSLFromDataSelectorAndFormatter)(t,r,n)},context:{[l]:a}}};t.DynamicColorEditor=({name:e,value:r,label:a="",labelPosition:n="left",labelWidth:l,context:o,onChange:s=(()=>{}),flyoutTitle:c=(0,p._)("Dynamic coloring"),formatters:f=[],dataSelectors:y=[],defaultPalettesConfig:D=h.defaultPalettesConfig,isDisabled:S=!1,showStaticTextColor:T=!1,colorMode:R,handleColorModeChange:k})=>{const[I,F]=P(!1),A=O(null),{type:V,paramKey:$}=(0,m.getLastFormatterFromDSL)(r)||{type:"unknown",paramKey:"unknown"},B=(0,m.getDataSelectorsFromDSL)(r)[0],[L,q]=P(V);x((()=>{q(V)}),[V]);const[U,z]=P(B);x((()=>{z(B)}),[B]);const W=(0,C.getFormatterConfig)({contextConfig:o[$],formatters:f,formatterFromDSL:V,selectedDataSelector:U}),[N,G]=P(W);x((()=>{G(W)}),[o,f,$,V,B]);const H=r=>{const a=(0,g.find)(f,(e=>e.isDefault))||(0,g.find)(f,(e=>"rangeValue"===e.value))||f[0];if((0,g.isEmpty)(a))return;const n=a.value,l=Object.keys(a.defaults)[0],o=a.defaults[l];z(l),q(n),G(o),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:l,selectedFormatterType:n,currentFormatterConfig:o}))},K=i.useCallback((()=>{F((e=>!e))}),[]);if(!(0,C.isSupportedDataSelector)({selectedDataSelector:U,dataSelectors:y})||!(0,C.isSupportedFormatter)({selectedFormatterType:L,formattersFromEditor:f,supportedFormatters:v.supportedFormatters}))return i.createElement(_.default,{label:a,labelPosition:n,labelWidth:l,onResetToDefault:H});const Y=v.supportedFormatters[L].preview;return i.createElement(i.Fragment,null,i.createElement(u.default,{"data-test":"DynamicColorEditorGroup",label:a,labelPosition:n,labelWidth:l},i.createElement(M,{inline:!1,"data-test":"DynamicColorEditorButton",appearance:"default",ref:A,onClick:K,disabled:S},i.createElement(Y,{"data-test":"FormatterConfigPreview",config:N}))),i.createElement(d.default,{"data-test":"DynamicColorEditorFlyout",open:I,anchor:A.current,defaultPlacement:"horizontal",style:{padding:"10px"},onRequestClose:()=>F(!1),takeFocus:!0},i.createElement(E,null,!R&&i.createElement(w,null,c),R&&i.createElement(u.default,{"data-test":"TableDynamicColorEditorGroup",label:c,labelPosition:n,labelWidth:l},i.createElement(b.default,{value:R,onChange:k},[{label:(0,p._)("Off"),value:"off"},{label:(0,p._)("Text"),value:"text"},{label:(0,p._)("Background"),value:"background"}].map((({label:e,value:t})=>i.createElement(b.default.Option,{key:t,value:t,label:(0,p._)(e)}))))),R&&i.createElement(j,null,(0,p._)("Method")),i.createElement(v.FormatterEditor,{selectedDataSelector:U,selectedFormatterType:L,currentFormatterConfig:N,onDataSelectorChange:(r,a,n)=>{z(n);const l=(0,g.find)(f,(e=>e.defaults[n]));q(l.value);const o=l.defaults[n];G(o),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:n,selectedFormatterType:l.value,currentFormatterConfig:o}))},onFormatterTypeChange:(r,a,n)=>{q(n);const l=(0,g.find)(f,["value",n]).defaults[U];G(l),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:U,selectedFormatterType:n,currentFormatterConfig:l}))},onFormatterConfigChange:(r,a,n)=>{G(n),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:U,selectedFormatterType:L,currentFormatterConfig:n}))},formatters:f,dataSelectors:y,defaultPalettesConfig:D,showStaticTextColor:T}))))}},8281:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),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 r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return n(t,e),t},o=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(r(9497)),s=r(6649),u=r(5089),c=r(333),d=r(152),f=o(r(2065)),p=r(1027),h=Object.assign({},c.DynamicColorEditorPropTypes);t.DynamicColorEditorWithPrecedence=({name:e,value:t,label:r="",labelPosition:a,labelWidth:n,context:l,flyoutTitle:o=(0,s._)("Dynamic coloring"),formatters:c=[],dataSelectors:h=[],defaultPalettesConfig:g=u.defaultPalettesConfig,tooltip:m,options:b={},onChange:v=(()=>{})})=>{const _=i.useCallback((e=>{if(!e||""===e)return!0;if("string"==typeof e){return null!==/^>\s*areaValues\s*\|\s*gradient\(\s*\)$/.exec(e)}return!1}),[]),[y,C]=i.useState(!_(t));i.useEffect((()=>{C(!_(t))}),[t,_]);const O=i.useCallback(((r,a)=>{var n,o,i,s,u,d;C((e=>!e));const f={},g={};if(y){const t=h.map((e=>e.value));f[e]=(0,p.getToggleOffValueForDataColors)({name:e,options:b,dataSelectors:t}),l&&void 0!==l.dataColorsEditorConfig&&(g.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===(o=null===(n=c.find((e=>"gradient"===e.value)))||void 0===n?void 0:n.defaults)||void 0===o?void 0:o.areaValues;t&&(g.dataColorsEditorConfig=t)}else if(e.endsWith("dataColors")){const t=null===(i=h[0])||void 0===i?void 0:i.value,r=null===(s=c[0])||void 0===s?void 0:s.value,a=null===(d=null===(u=c[0])||void 0===u?void 0:u.defaults)||void 0===d?void 0:d[t];if(!t||!r||!a)return;f[e]=`> ${h[0].value} | ${r}(dataColorsEditorConfig)`,g.dataColorsEditorConfig=a}}v(r,{options:f,context:g})}),[l,h,c,y,e,v,b,t]),P=i.useCallback(((e,t)=>{v(e,t)}),[v]);return i.createElement("div",{"data-test":"dynamic-color-toggle"},i.createElement(f.default,{name:e,label:(0,s._)("Dynamic coloring"),labelPosition:"right",value:y,onChange:O,itemSchema:{type:"boolean"},help:m}),y&&i.createElement("div",{"data-test":"dynamic-color-editor"},i.createElement(d.DynamicColorEditor,{name:e,label:r,labelPosition:a,labelWidth:n,value:t,context:l,onChange:P,flyoutTitle:o,formatters:c,dataSelectors:h,defaultPalettesConfig:g})))},t.DynamicColorEditorWithPrecedence.propTypes=h},1705:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),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 r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ColorPreview=void 0;const i=l(r(9497)),s=o(r(232)),u=r(3283),c=r(8987),d=s.default.div.attrs((e=>({"data-test":"ColorPreviewWrapper",isReversed:e.isReversed})))`
+`;t.prepareUpdate=({name:e,selectedDataSelector:t,selectedFormatterType:r,currentFormatterConfig:a})=>{const n=`${e}EditorConfig`,l=n.replace(/^\w+\[\d+\]\.(.+)$/,"$1");return{options:{[e]:(0,m.buildDSLFromDataSelectorAndFormatter)(t,r,n)},context:{[l]:a}}};t.DynamicColorEditor=({name:e,value:r,label:a="",labelPosition:n="left",labelWidth:l,context:o,onChange:s=(()=>{}),flyoutTitle:c=(0,p._)("Dynamic coloring"),formatters:f=[],dataSelectors:y=[],defaultPalettesConfig:D=h.defaultPalettesConfig,isDisabled:S=!1,showStaticTextColor:T=!1,colorMode:R,handleColorModeChange:k})=>{const[I,F]=P(!1),A=O(null),{type:V,paramKey:$}=(0,m.getLastFormatterFromDSL)(r)||{type:"unknown",paramKey:"unknown"},B=(0,m.getDataSelectorsFromDSL)(r)[0],[L,q]=P(V);x((()=>{q(V)}),[V]);const[U,z]=P(B);x((()=>{z(B)}),[B]);const W=(0,C.getFormatterConfig)({contextConfig:o[$],formatters:f,formatterFromDSL:V,selectedDataSelector:U}),[N,G]=P(W);x((()=>{G(W)}),[o,f,$,V,B]);const H=r=>{const a=(0,g.find)(f,(e=>e.isDefault))||(0,g.find)(f,(e=>"rangeValue"===e.value))||f[0];if((0,g.isEmpty)(a))return;const n=a.value,l=Object.keys(a.defaults)[0],o=a.defaults[l];z(l),q(n),G(o),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:l,selectedFormatterType:n,currentFormatterConfig:o}))},K=i.useCallback((()=>{F((e=>!e))}),[]);if(!(0,C.isSupportedDataSelector)({selectedDataSelector:U,dataSelectors:y})||!(0,C.isSupportedFormatter)({selectedFormatterType:L,formattersFromEditor:f,supportedFormatters:v.supportedFormatters}))return i.createElement(_.default,{label:a,labelPosition:n,labelWidth:l,onResetToDefault:H});const Y=v.supportedFormatters[L].preview;return i.createElement(i.Fragment,null,i.createElement(u.default,{"data-test":"DynamicColorEditorGroup",label:a,labelPosition:n,labelWidth:l},i.createElement(M,{inline:!1,"data-test":"DynamicColorEditorButton",appearance:"default","aria-label":a||c,ref:A,onClick:K,disabled:S},i.createElement(Y,{"data-test":"FormatterConfigPreview",config:N}))),i.createElement(d.default,{"data-test":"DynamicColorEditorFlyout",open:I,anchor:A.current,defaultPlacement:"horizontal",style:{padding:"10px"},onRequestClose:()=>F(!1),takeFocus:!0},i.createElement(E,null,!R&&i.createElement(w,null,c),R&&i.createElement(u.default,{"data-test":"TableDynamicColorEditorGroup",label:c,labelPosition:n,labelWidth:l},i.createElement(b.default,{value:R,onChange:k},[{label:(0,p._)("Off"),value:"off"},{label:(0,p._)("Text"),value:"text"},{label:(0,p._)("Background"),value:"background"}].map((({label:e,value:t})=>i.createElement(b.default.Option,{key:t,value:t,label:(0,p._)(e)}))))),R&&i.createElement(j,null,(0,p._)("Method")),i.createElement(v.FormatterEditor,{selectedDataSelector:U,selectedFormatterType:L,currentFormatterConfig:N,onDataSelectorChange:(r,a,n)=>{z(n);const l=(0,g.find)(f,(e=>e.defaults[n]));q(l.value);const o=l.defaults[n];G(o),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:n,selectedFormatterType:l.value,currentFormatterConfig:o}))},onFormatterTypeChange:(r,a,n)=>{q(n);const l=(0,g.find)(f,["value",n]).defaults[U];G(l),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:U,selectedFormatterType:n,currentFormatterConfig:l}))},onFormatterConfigChange:(r,a,n)=>{G(n),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:U,selectedFormatterType:L,currentFormatterConfig:n}))},formatters:f,dataSelectors:y,defaultPalettesConfig:D,showStaticTextColor:T}))))}},8281:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),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 r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return n(t,e),t},o=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(r(9497)),s=r(6649),u=r(5089),c=r(333),d=r(152),f=o(r(2065)),p=r(1027),h=Object.assign({},c.DynamicColorEditorPropTypes);t.DynamicColorEditorWithPrecedence=({name:e,value:t,label:r="",labelPosition:a,labelWidth:n,context:l,flyoutTitle:o=(0,s._)("Dynamic coloring"),formatters:c=[],dataSelectors:h=[],defaultPalettesConfig:g=u.defaultPalettesConfig,tooltip:m,options:b={},onChange:v=(()=>{})})=>{const _=i.useCallback((e=>{if(!e||""===e)return!0;if("string"==typeof e){return null!==/^>\s*areaValues\s*\|\s*gradient\(\s*\)$/.exec(e)}return!1}),[]),[y,C]=i.useState(!_(t));i.useEffect((()=>{C(!_(t))}),[t,_]);const O=i.useCallback(((r,a)=>{var n,o,i,s,u,d;C((e=>!e));const f={},g={};if(y){const t=h.map((e=>e.value));f[e]=(0,p.getToggleOffValueForDataColors)({name:e,options:b,dataSelectors:t}),l&&void 0!==l.dataColorsEditorConfig&&(g.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===(o=null===(n=c.find((e=>"gradient"===e.value)))||void 0===n?void 0:n.defaults)||void 0===o?void 0:o.areaValues;t&&(g.dataColorsEditorConfig=t)}else if(e.endsWith("dataColors")){const t=null===(i=h[0])||void 0===i?void 0:i.value,r=null===(s=c[0])||void 0===s?void 0:s.value,a=null===(d=null===(u=c[0])||void 0===u?void 0:u.defaults)||void 0===d?void 0:d[t];if(!t||!r||!a)return;f[e]=`> ${h[0].value} | ${r}(dataColorsEditorConfig)`,g.dataColorsEditorConfig=a}}v(r,{options:f,context:g})}),[l,h,c,y,e,v,b,t]),P=i.useCallback(((e,t)=>{v(e,t)}),[v]);return i.createElement("div",{"data-test":"dynamic-color-toggle"},i.createElement(f.default,{name:e,label:(0,s._)("Dynamic coloring"),labelPosition:"right",value:y,onChange:O,itemSchema:{type:"boolean"},help:m}),y&&i.createElement("div",{"data-test":"dynamic-color-editor"},i.createElement(d.DynamicColorEditor,{name:e,label:r,labelPosition:a,labelWidth:n,value:t,context:l,onChange:P,flyoutTitle:o,formatters:c,dataSelectors:h,defaultPalettesConfig:g})))},t.DynamicColorEditorWithPrecedence.propTypes=h},1705:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),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 r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ColorPreview=void 0;const i=l(r(9497)),s=o(r(232)),u=r(3283),c=r(8987),d=s.default.div.attrs((e=>({"data-test":"ColorPreviewWrapper",isReversed:e.isReversed})))`
     display: flex;
     flex-direction: row;
     height: 100%;