@splunk/dynamic-editors 0.44.3 → 0.44.4

package/editors/NetworkGraphDynamicColorEditor.js

@@ -23,7 +23,7 @@
     width: ${(0,s.toPx)(_.FLYOUT_WIDTH)};
 `,M=(0,f.default)(c.default)`
     padding: '4px';
-`;t.prepareUpdate=({name:e,selectedDataSelector:t,selectedFormatterType:r,currentFormatterConfig:a})=>{const l=`${e}EditorConfig`,n=l.replace(/^\w+\[\d+\]\.(.+)$/,"$1");return{options:{[e]:(0,g.buildDSLFromDataSelectorAndFormatter)(t,r,l)},context:{[n]:a}}};t.DynamicColorEditor=({name:e,value:r,label:a="",labelPosition:l="left",labelWidth:n,context:o,onChange:s=(()=>{}),flyoutTitle:c=(0,p._)("Dynamic coloring"),formatters:f=[],dataSelectors:_=[],defaultPalettesConfig:D=h.defaultPalettesConfig,isDisabled:T=!1,showStaticTextColor:S=!1,colorMode:R,handleColorModeChange:k})=>{const[I,A]=x(!1),F=O(null),{type:V,paramKey:$}=(0,g.getLastFormatterFromDSL)(r)||{type:"unknown",paramKey:"unknown"},L=(0,g.getDataSelectorsFromDSL)(r)[0],[B,q]=x(V);P((()=>{q(V)}),[V]);const[W,U]=x(L);P((()=>{U(L)}),[L]);const z=(0,C.getFormatterConfig)({contextConfig:o[$],formatters:f,formatterFromDSL:V,selectedDataSelector:W}),[N,G]=x(z);P((()=>{G(z)}),[o,f,$,V,L]);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 l=a.value,n=Object.keys(a.defaults)[0],o=a.defaults[n];U(n),q(l),G(o),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:n,selectedFormatterType:l,currentFormatterConfig:o}))},K=i.useCallback((()=>{A((e=>!e))}),[]);if(!(0,C.isSupportedDataSelector)({selectedDataSelector:W,dataSelectors:_})||!(0,C.isSupportedFormatter)({selectedFormatterType:B,formattersFromEditor:f,supportedFormatters:v.supportedFormatters}))return i.createElement(y.default,{label:a,labelPosition:l,labelWidth:n,onResetToDefault:H});const Y=v.supportedFormatters[B].preview;return i.createElement(i.Fragment,null,i.createElement(u.default,{"data-test":"DynamicColorEditorGroup",label:a,labelPosition:l,labelWidth:n},i.createElement(M,{inline:!1,"data-test":"DynamicColorEditorButton",appearance:"default",ref:F,onClick:K,disabled:T},i.createElement(Y,{"data-test":"FormatterConfigPreview",config:N}))),i.createElement(d.default,{"data-test":"DynamicColorEditorFlyout",open:I,anchor:F.current,defaultPlacement:"horizontal",style:{padding:"10px"},onRequestClose:()=>A(!1),takeFocus:!0},i.createElement(j,null,!R&&i.createElement(w,null,c),R&&i.createElement(u.default,{"data-test":"TableDynamicColorEditorGroup",label:c,labelPosition:l,labelWidth:n},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(E,null,(0,p._)("Method")),i.createElement(v.FormatterEditor,{selectedDataSelector:W,selectedFormatterType:B,currentFormatterConfig:N,onDataSelectorChange:(r,a,l)=>{U(l);const n=(0,m.find)(f,(e=>e.defaults[l]));q(n.value);const o=n.defaults[l];G(o),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:l,selectedFormatterType:n.value,currentFormatterConfig:o}))},onFormatterTypeChange:(r,a,l)=>{q(l);const n=(0,m.find)(f,["value",l]).defaults[W];G(n),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:W,selectedFormatterType:l,currentFormatterConfig:n}))},onFormatterConfigChange:(r,a,l)=>{G(l),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:W,selectedFormatterType:B,currentFormatterConfig:l}))},formatters:f,dataSelectors:_,defaultPalettesConfig:D,showStaticTextColor:S}))))}},1546:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,l)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=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 l(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.NetworkGraphDynamicColorEditor=void 0;const i=n(r(9497)),s=r(6649),u=o(r(7143)),c=r(152),d=o(r(4182)),f=o(r(397));t.NetworkGraphDynamicColorEditor=({name:e,value:t,contextName:r,label:a="",labelWidth:l,context:n,flyoutTitle:o=(0,s._)("Dynamic coloring"),formatters:p=[],dataSelectors:h=[],defaultPalettesConfig:m,tooltip:g,options:b={},onChange:v=(()=>{})})=>{var y;const _=null===(y=h[0])||void 0===y?void 0:y.value,C=i.useCallback((e=>!e||e.trim().startsWith("#")?"static":"dynamic"),[]),[O,x]=i.useState(C(t));i.useEffect((()=>{const e=C(t);x(e)}),[C,t]);const P=i.useCallback(((t,a,l)=>{var o,i,s;x(l);const u=Object.assign({},b),c=Object.assign({},n);if("dynamic"===l){const a=(null===(o=p[0])||void 0===o?void 0:o.value)||"gradient",l=(null===(s=null===(i=p[0])||void 0===i?void 0:i.defaults)||void 0===s?void 0:s[_])||{},n=`> ${_} | ${a}(${r})`;u[e]=n,c[r]=l,v(t,{options:u,context:c})}else"static"===l&&(u[e]=void 0,c[r]=void 0,v(t,{options:u,context:c}))}),[b,n,p,_,r,e,v]),w=i.useCallback(((t,a)=>{var l;const o=a.options[e],i=null===(l=a.context)||void 0===l?void 0:l[r],s=Object.assign(Object.assign({},b),{[e]:o}),u=Object.assign(Object.assign({},n),{[r]:i});v(t,{options:s,context:u})}),[b,e,n,v,r]),E=i.useCallback(((e,t,a)=>{const l=Object.assign(Object.assign({},b),{[t]:a}),o=Object.assign({},n);o[r]=void 0,v(e,{options:l,context:o})}),[n,v,b,r]);return i.createElement(u.default,{"data-test":"dynamic-color-toggle",gutter:15},i.createElement(u.default.Row,{"data-test":"network-graph-dynamic-color-row",alignItems:"start"},i.createElement(u.default.Column,{span:6},i.createElement(d.default,{name:e,label:(0,s._)(a),labelPosition:"top",value:O,onChange:P,itemSchema:{type:"string"},values:[{label:(0,s._)("Static coloring"),value:"static"},{label:(0,s._)("Dynamic coloring"),value:"dynamic"}],help:g})),"dynamic"===O&&i.createElement(u.default.Column,{span:6},i.createElement(c.DynamicColorEditor,{name:e,label:" ",labelPosition:"top",labelWidth:l,value:t,context:n,onChange:w,flyoutTitle:o,formatters:p,dataSelectors:h,defaultPalettesConfig:m})),"static"===O&&i.createElement(u.default.Column,{span:6},i.createElement(f.default,{name:e,label:" ",labelPosition:"top",labelWidth:l,value:t,onChange:E}))))}},1705:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,l)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=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 l(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=n(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 l=`${e}EditorConfig`,n=l.replace(/^\w+\[\d+\]\.(.+)$/,"$1");return{options:{[e]:(0,g.buildDSLFromDataSelectorAndFormatter)(t,r,l)},context:{[n]:a}}};t.DynamicColorEditor=({name:e,value:r,label:a="",labelPosition:l="left",labelWidth:n,context:o,onChange:s=(()=>{}),flyoutTitle:c=(0,p._)("Dynamic coloring"),formatters:f=[],dataSelectors:_=[],defaultPalettesConfig:D=h.defaultPalettesConfig,isDisabled:T=!1,showStaticTextColor:S=!1,colorMode:R,handleColorModeChange:k})=>{const[I,A]=x(!1),F=O(null),{type:V,paramKey:$}=(0,g.getLastFormatterFromDSL)(r)||{type:"unknown",paramKey:"unknown"},L=(0,g.getDataSelectorsFromDSL)(r)[0],[B,q]=x(V);P((()=>{q(V)}),[V]);const[W,U]=x(L);P((()=>{U(L)}),[L]);const z=(0,C.getFormatterConfig)({contextConfig:o[$],formatters:f,formatterFromDSL:V,selectedDataSelector:W}),[N,G]=x(z);P((()=>{G(z)}),[o,f,$,V,L]);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 l=a.value,n=Object.keys(a.defaults)[0],o=a.defaults[n];U(n),q(l),G(o),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:n,selectedFormatterType:l,currentFormatterConfig:o}))},K=i.useCallback((()=>{A((e=>!e))}),[]);if(!(0,C.isSupportedDataSelector)({selectedDataSelector:W,dataSelectors:_})||!(0,C.isSupportedFormatter)({selectedFormatterType:B,formattersFromEditor:f,supportedFormatters:v.supportedFormatters}))return i.createElement(y.default,{label:a,labelPosition:l,labelWidth:n,onResetToDefault:H});const Y=v.supportedFormatters[B].preview;return i.createElement(i.Fragment,null,i.createElement(u.default,{"data-test":"DynamicColorEditorGroup",label:a,labelPosition:l,labelWidth:n},i.createElement(M,{inline:!1,"data-test":"DynamicColorEditorButton",appearance:"default","aria-label":a||c,ref:F,onClick:K,disabled:T},i.createElement(Y,{"data-test":"FormatterConfigPreview",config:N}))),i.createElement(d.default,{"data-test":"DynamicColorEditorFlyout",open:I,anchor:F.current,defaultPlacement:"horizontal",style:{padding:"10px"},onRequestClose:()=>A(!1),takeFocus:!0},i.createElement(j,null,!R&&i.createElement(w,null,c),R&&i.createElement(u.default,{"data-test":"TableDynamicColorEditorGroup",label:c,labelPosition:l,labelWidth:n},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(E,null,(0,p._)("Method")),i.createElement(v.FormatterEditor,{selectedDataSelector:W,selectedFormatterType:B,currentFormatterConfig:N,onDataSelectorChange:(r,a,l)=>{U(l);const n=(0,m.find)(f,(e=>e.defaults[l]));q(n.value);const o=n.defaults[l];G(o),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:l,selectedFormatterType:n.value,currentFormatterConfig:o}))},onFormatterTypeChange:(r,a,l)=>{q(l);const n=(0,m.find)(f,["value",l]).defaults[W];G(n),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:W,selectedFormatterType:l,currentFormatterConfig:n}))},onFormatterConfigChange:(r,a,l)=>{G(l),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:W,selectedFormatterType:B,currentFormatterConfig:l}))},formatters:f,dataSelectors:_,defaultPalettesConfig:D,showStaticTextColor:S}))))}},1546:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,l)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=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 l(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.NetworkGraphDynamicColorEditor=void 0;const i=n(r(9497)),s=r(6649),u=o(r(7143)),c=r(152),d=o(r(4182)),f=o(r(397));t.NetworkGraphDynamicColorEditor=({name:e,value:t,contextName:r,label:a="",labelWidth:l,context:n,flyoutTitle:o=(0,s._)("Dynamic coloring"),formatters:p=[],dataSelectors:h=[],defaultPalettesConfig:m,tooltip:g,options:b={},onChange:v=(()=>{})})=>{var y;const _=null===(y=h[0])||void 0===y?void 0:y.value,C=i.useCallback((e=>!e||e.trim().startsWith("#")?"static":"dynamic"),[]),[O,x]=i.useState(C(t));i.useEffect((()=>{const e=C(t);x(e)}),[C,t]);const P=i.useCallback(((t,a,l)=>{var o,i,s;x(l);const u=Object.assign({},b),c=Object.assign({},n);if("dynamic"===l){const a=(null===(o=p[0])||void 0===o?void 0:o.value)||"gradient",l=(null===(s=null===(i=p[0])||void 0===i?void 0:i.defaults)||void 0===s?void 0:s[_])||{},n=`> ${_} | ${a}(${r})`;u[e]=n,c[r]=l,v(t,{options:u,context:c})}else"static"===l&&(u[e]=void 0,c[r]=void 0,v(t,{options:u,context:c}))}),[b,n,p,_,r,e,v]),w=i.useCallback(((t,a)=>{var l;const o=a.options[e],i=null===(l=a.context)||void 0===l?void 0:l[r],s=Object.assign(Object.assign({},b),{[e]:o}),u=Object.assign(Object.assign({},n),{[r]:i});v(t,{options:s,context:u})}),[b,e,n,v,r]),E=i.useCallback(((e,t,a)=>{const l=Object.assign(Object.assign({},b),{[t]:a}),o=Object.assign({},n);o[r]=void 0,v(e,{options:l,context:o})}),[n,v,b,r]);return i.createElement(u.default,{"data-test":"dynamic-color-toggle",gutter:15},i.createElement(u.default.Row,{"data-test":"network-graph-dynamic-color-row",alignItems:"start"},i.createElement(u.default.Column,{span:6},i.createElement(d.default,{name:e,label:(0,s._)(a),labelPosition:"top",value:O,onChange:P,itemSchema:{type:"string"},values:[{label:(0,s._)("Static coloring"),value:"static"},{label:(0,s._)("Dynamic coloring"),value:"dynamic"}],help:g})),"dynamic"===O&&i.createElement(u.default.Column,{span:6},i.createElement(c.DynamicColorEditor,{name:e,label:" ",labelPosition:"top",labelWidth:l,value:t,context:n,onChange:w,flyoutTitle:o,formatters:p,dataSelectors:h,defaultPalettesConfig:m})),"static"===O&&i.createElement(u.default.Column,{span:6},i.createElement(f.default,{name:e,label:" ",labelPosition:"top",labelWidth:l,value:t,onChange:E}))))}},1705:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,l)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=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 l(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=n(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%;