@splunk/dynamic-editors 0.37.1 → 0.37.3

package/editors/DynamicColorEditorWithPrecedence.js

@@ -34,7 +34,7 @@
 `,D=(0,p.default)(d.default)`
     padding: '4px';
     margin-bottom: ${h.default.spacingMedium};
-`,T=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:_.sharedPalettesConfigPropType,showStaticTextColor:s.bool});t.prepareUpdate=({name:e,selectedDataSelector:t,selectedFormatterType:r,currentFormatterConfig:a})=>{const n=`${e}EditorConfig`,l=n.replace(/^\w+\[\d+\]\.(.+)$/,"$1");return{options:{[e]:(0,v.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:u=(0,g._)("Dynamic coloring"),formatters:d=[],dataSelectors:p=[],defaultPalettesConfig:h=m.defaultPalettesConfig,isDisabled:C=!1,showStaticTextColor:O=!1})=>{const[T,S]=w(!1),R=x(null),{type:k,paramKey:I}=(0,v.getLastFormatterFromDSL)(r)||{type:"unknown",paramKey:"unknown"},F=(0,v.getDataSelectorsFromDSL)(r)[0],[A,V]=w(k);j((()=>{V(k)}),[k]);const[$,B]=w(F);j((()=>{B(F)}),[F]);const L=(0,P.getFormatterConfig)({contextConfig:o[I],formatters:d,formatterFromDSL:k,selectedDataSelector:$}),[q,U]=w(L);j((()=>{U(L)}),[o,d,I,k,F]);const z=r=>{const a=(0,b.find)(d,(e=>e.isDefault))||(0,b.find)(d,(e=>"rangeValue"===e.value))||d[0];if((0,b.isEmpty)(a))return;const n=a.value,l=Object.keys(a.defaults)[0],o=a.defaults[l];B(l),V(n),U(o),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:l,selectedFormatterType:n,currentFormatterConfig:o}))},N=i.useCallback((()=>{S((e=>!e))}),[]);if(!(0,P.isSupportedDataSelector)({selectedDataSelector:$,dataSelectors:p})||!(0,P.isSupportedFormatter)({selectedFormatterType:A,formattersFromEditor:d,supportedFormatters:_.supportedFormatters}))return i.createElement(y.default,{label:a,labelPosition:n,labelWidth:l,onResetToDefault:z});const W=_.supportedFormatters[A].preview;return i.createElement(i.Fragment,null,i.createElement(c.default,{"data-test":"DynamicColorEditorGroup",label:(0,g._)(a),labelPosition:n,labelWidth:l},i.createElement(D,{inline:!1,"data-test":"DynamicColorEditorButton",appearance:"default",ref:R,onClick:N,disabled:C},i.createElement(W,{"data-test":"FormatterConfigPreview",config:q}))),i.createElement(f.default,{"data-test":"DynamicColorEditorFlyout",open:T,anchor:R.current,defaultPlacement:"horizontal",style:{padding:"10px"},onRequestClose:()=>S(!1),takeFocus:!0},i.createElement(M,null,i.createElement(E,null,u),i.createElement(_.FormatterEditor,{selectedDataSelector:$,selectedFormatterType:A,currentFormatterConfig:q,onDataSelectorChange:(r,a,n)=>{B(n);const l=(0,b.find)(d,(e=>e.defaults[n]));V(l.value);const o=l.defaults[n];U(o),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:n,selectedFormatterType:l.value,currentFormatterConfig:o}))},onFormatterTypeChange:(r,a,n)=>{V(n);const l=(0,b.find)(d,["value",n]).defaults[$];U(l),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:$,selectedFormatterType:n,currentFormatterConfig:l}))},onFormatterConfigChange:(r,a,n)=>{U(n),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:$,selectedFormatterType:A,currentFormatterConfig:n}))},formatters:d,dataSelectors:p,defaultPalettesConfig:h,showStaticTextColor:O}))))},t.DynamicColorEditor.propTypes=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=l(r(23)),u=r(6649),c=r(5089),d=r(2369),f=r(152),p=o(r(2065)),h=r(6801),g=r(5862),m=r(18),b=Object.assign(Object.assign({},h.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:d.sharedPalettesConfigPropType.isRequired,tooltip:s.string,options:s.object});t.DynamicColorEditorWithPrecedence=({name:e,value:t,label:r="",labelPosition:a,labelWidth:n,context:l,flyoutTitle:o=(0,u._)("Dynamic coloring"),formatters:s=[],dataSelectors:d=[],defaultPalettesConfig:h=c.defaultPalettesConfig,tooltip:b,options:v={},onChange:_=(()=>{})})=>{const y=g.VERTICAL_EDITOR_SPACING/2,C=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,P]=i.useState(!C(t));i.useEffect((()=>{P(!C(t))}),[t,C]);const x=i.useCallback(((r,a)=>{var n,l,o,i,u,c;P((e=>!e));const f={},p={};if(O){const t=d.map((e=>e.value));f[e]=(0,m.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===(l=null===(n=s.find((e=>"gradient"===e.value)))||void 0===n?void 0:n.defaults)||void 0===l?void 0:l.areaValues;t&&(p.dataColorConfig=t)}else if(e.endsWith("dataColors")){const t=null===(o=d[0])||void 0===o?void 0:o.value,r=null===(i=s[0])||void 0===i?void 0:i.value,a=null===(c=null===(u=s[0])||void 0===u?void 0:u.defaults)||void 0===c?void 0:c[t];if(!t||!r||!a)return;f[e]=`> ${d[0].value} | ${r}(dataColorConfig)`,p.dataColorConfig=a}}_(r,{options:f,context:p})}),[d,s,O,e,_,v,t]),w=i.useCallback(((e,t)=>{_(e,t)}),[_]);return i.createElement("div",{"data-test":"dynamic-color-toggle",style:{marginTop:y,marginBottom:y}},i.createElement(p.default,{name:e,label:(0,u._)("Dynamic coloring"),labelPosition:"right",value:O,onChange:x,itemSchema:{type:"boolean"},help:b}),O&&i.createElement("div",{"data-test":"dynamic-color-editor",style:{marginTop:y,marginBottom:-y}},i.createElement(f.DynamicColorEditor,{name:e,label:r,labelPosition:a,labelWidth:n,value:t,context:l,onChange:w,flyoutTitle:o,formatters:s,dataSelectors:d,defaultPalettesConfig:h})))},t.DynamicColorEditorWithPrecedence.propTypes=b},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=l(r(23)),u=o(r(232)),c=r(3283),d=r(8987),f=u.default.div.attrs((e=>({"data-test":"ColorPreviewWrapper",isReversed:e.isReversed})))`
+`,T=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:_.sharedPalettesConfigPropType,showStaticTextColor:s.bool});t.prepareUpdate=({name:e,selectedDataSelector:t,selectedFormatterType:r,currentFormatterConfig:a})=>{const n=`${e}EditorConfig`,l=n.replace(/^\w+\[\d+\]\.(.+)$/,"$1");return{options:{[e]:(0,v.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:u=(0,g._)("Dynamic coloring"),formatters:d=[],dataSelectors:p=[],defaultPalettesConfig:h=m.defaultPalettesConfig,isDisabled:C=!1,showStaticTextColor:O=!1})=>{const[T,S]=w(!1),R=x(null),{type:k,paramKey:I}=(0,v.getLastFormatterFromDSL)(r)||{type:"unknown",paramKey:"unknown"},F=(0,v.getDataSelectorsFromDSL)(r)[0],[A,V]=w(k);j((()=>{V(k)}),[k]);const[$,B]=w(F);j((()=>{B(F)}),[F]);const L=(0,P.getFormatterConfig)({contextConfig:o[I],formatters:d,formatterFromDSL:k,selectedDataSelector:$}),[q,U]=w(L);j((()=>{U(L)}),[o,d,I,k,F]);const z=r=>{const a=(0,b.find)(d,(e=>e.isDefault))||(0,b.find)(d,(e=>"rangeValue"===e.value))||d[0];if((0,b.isEmpty)(a))return;const n=a.value,l=Object.keys(a.defaults)[0],o=a.defaults[l];B(l),V(n),U(o),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:l,selectedFormatterType:n,currentFormatterConfig:o}))},N=i.useCallback((()=>{S((e=>!e))}),[]);if(!(0,P.isSupportedDataSelector)({selectedDataSelector:$,dataSelectors:p})||!(0,P.isSupportedFormatter)({selectedFormatterType:A,formattersFromEditor:d,supportedFormatters:_.supportedFormatters}))return i.createElement(y.default,{label:a,labelPosition:n,labelWidth:l,onResetToDefault:z});const W=_.supportedFormatters[A].preview;return i.createElement(i.Fragment,null,i.createElement(c.default,{"data-test":"DynamicColorEditorGroup",label:(0,g._)(a),labelPosition:n,labelWidth:l},i.createElement(D,{inline:!1,"data-test":"DynamicColorEditorButton",appearance:"default",ref:R,onClick:N,disabled:C},i.createElement(W,{"data-test":"FormatterConfigPreview",config:q}))),i.createElement(f.default,{"data-test":"DynamicColorEditorFlyout",open:T,anchor:R.current,defaultPlacement:"horizontal",style:{padding:"10px"},onRequestClose:()=>S(!1),takeFocus:!0},i.createElement(M,null,i.createElement(E,null,u),i.createElement(_.FormatterEditor,{selectedDataSelector:$,selectedFormatterType:A,currentFormatterConfig:q,onDataSelectorChange:(r,a,n)=>{B(n);const l=(0,b.find)(d,(e=>e.defaults[n]));V(l.value);const o=l.defaults[n];U(o),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:n,selectedFormatterType:l.value,currentFormatterConfig:o}))},onFormatterTypeChange:(r,a,n)=>{V(n);const l=(0,b.find)(d,["value",n]).defaults[$];U(l),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:$,selectedFormatterType:n,currentFormatterConfig:l}))},onFormatterConfigChange:(r,a,n)=>{U(n),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:$,selectedFormatterType:A,currentFormatterConfig:n}))},formatters:d,dataSelectors:p,defaultPalettesConfig:h,showStaticTextColor:O}))))},t.DynamicColorEditor.propTypes=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=l(r(23)),u=r(6649),c=r(5089),d=r(2369),f=r(152),p=o(r(2065)),h=r(6801),g=r(5862),m=r(18),b=Object.assign(Object.assign({},h.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:d.sharedPalettesConfigPropType.isRequired,tooltip:s.string,options:s.object});t.DynamicColorEditorWithPrecedence=({name:e,value:t,label:r="",labelPosition:a,labelWidth:n,context:l,flyoutTitle:o=(0,u._)("Dynamic coloring"),formatters:s=[],dataSelectors:d=[],defaultPalettesConfig:h=c.defaultPalettesConfig,tooltip:b,options:v={},onChange:_=(()=>{})})=>{const y=g.VERTICAL_EDITOR_SPACING/2,C=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,P]=i.useState(!C(t));i.useEffect((()=>{P(!C(t))}),[t,C]);const x=i.useCallback(((r,a)=>{var n,o,i,u,c,f;P((e=>!e));const p={},h={};if(O){const t=d.map((e=>e.value));p[e]=(0,m.getToggleOffValueForDataColors)({name:e,options:v,dataSelectors:t}),l&&void 0!==l.dataColorsEditorConfig&&(h.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===(o=null===(n=s.find((e=>"gradient"===e.value)))||void 0===n?void 0:n.defaults)||void 0===o?void 0:o.areaValues;t&&(h.dataColorsEditorConfig=t)}else if(e.endsWith("dataColors")){const t=null===(i=d[0])||void 0===i?void 0:i.value,r=null===(u=s[0])||void 0===u?void 0:u.value,a=null===(f=null===(c=s[0])||void 0===c?void 0:c.defaults)||void 0===f?void 0:f[t];if(!t||!r||!a)return;p[e]=`> ${d[0].value} | ${r}(dataColorsEditorConfig)`,h.dataColorsEditorConfig=a}}_(r,{options:p,context:h})}),[l,d,s,O,e,_,v,t]),w=i.useCallback(((e,t)=>{_(e,t)}),[_]);return i.createElement("div",{"data-test":"dynamic-color-toggle",style:{marginTop:y,marginBottom:y}},i.createElement(p.default,{name:e,label:(0,u._)("Dynamic coloring"),labelPosition:"right",value:O,onChange:x,itemSchema:{type:"boolean"},help:b}),O&&i.createElement("div",{"data-test":"dynamic-color-editor",style:{marginTop:y,marginBottom:-y}},i.createElement(f.DynamicColorEditor,{name:e,label:r,labelPosition:a,labelWidth:n,value:t,context:l,onChange:w,flyoutTitle:o,formatters:s,dataSelectors:d,defaultPalettesConfig:h})))},t.DynamicColorEditorWithPrecedence.propTypes=b},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=l(r(23)),u=o(r(232)),c=r(3283),d=r(8987),f=u.default.div.attrs((e=>({"data-test":"ColorPreviewWrapper",isReversed:e.isReversed})))`
     display: flex;
     flex-direction: row;
     height: 100%;