@splunk/dynamic-editors 0.44.3 → 0.44.4

package/editors/DynamicColorEditor.js

@@ -17,7 +17,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,g.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:I})=>{const[k,F]=x(!1),A=O(null),{type:V,paramKey:$}=(0,g.getLastFormatterFromDSL)(r)||{type:"unknown",paramKey:"unknown"},B=(0,g.getDataSelectorsFromDSL)(r)[0],[L,q]=x(V);P((()=>{q(V)}),[V]);const[U,z]=x(B);P((()=>{z(B)}),[B]);const G=(0,C.getFormatterConfig)({contextConfig:o[$],formatters:f,formatterFromDSL:V,selectedDataSelector:U}),[N,W]=x(G);P((()=>{W(G)}),[o,f,$,V,B]);const H=r=>{const a=(0,m.find)(f,(e=>e.isDefault))||(0,m.find)(f,(e=>"rangeValue"===e.value))||f[0];if((0,m.isEmpty)(a))return;const n=a.value,l=Object.keys(a.defaults)[0],o=a.defaults[l];z(l),q(n),W(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:k,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:I},[{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,m.find)(f,(e=>e.defaults[n]));q(l.value);const o=l.defaults[n];W(o),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:n,selectedFormatterType:l.value,currentFormatterConfig:o}))},onFormatterTypeChange:(r,a,n)=>{q(n);const l=(0,m.find)(f,["value",n]).defaults[U];W(l),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:U,selectedFormatterType:n,currentFormatterConfig:l}))},onFormatterConfigChange:(r,a,n)=>{W(n),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:U,selectedFormatterType:L,currentFormatterConfig:n}))},formatters:f,dataSelectors:y,defaultPalettesConfig:D,showStaticTextColor:T}))))}},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,g.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:I})=>{const[k,F]=x(!1),A=O(null),{type:V,paramKey:$}=(0,g.getLastFormatterFromDSL)(r)||{type:"unknown",paramKey:"unknown"},B=(0,g.getDataSelectorsFromDSL)(r)[0],[L,q]=x(V);P((()=>{q(V)}),[V]);const[U,z]=x(B);P((()=>{z(B)}),[B]);const G=(0,C.getFormatterConfig)({contextConfig:o[$],formatters:f,formatterFromDSL:V,selectedDataSelector:U}),[N,W]=x(G);P((()=>{W(G)}),[o,f,$,V,B]);const H=r=>{const a=(0,m.find)(f,(e=>e.isDefault))||(0,m.find)(f,(e=>"rangeValue"===e.value))||f[0];if((0,m.isEmpty)(a))return;const n=a.value,l=Object.keys(a.defaults)[0],o=a.defaults[l];z(l),q(n),W(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:k,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:I},[{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,m.find)(f,(e=>e.defaults[n]));q(l.value);const o=l.defaults[n];W(o),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:n,selectedFormatterType:l.value,currentFormatterConfig:o}))},onFormatterTypeChange:(r,a,n)=>{q(n);const l=(0,m.find)(f,["value",n]).defaults[U];W(l),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:U,selectedFormatterType:n,currentFormatterConfig:l}))},onFormatterConfigChange:(r,a,n)=>{W(n),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:U,selectedFormatterType:L,currentFormatterConfig:n}))},formatters:f,dataSelectors:y,defaultPalettesConfig:D,showStaticTextColor:T}))))}},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%;