@splunk/dynamic-editors 0.37.0 → 0.37.2

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%;
@@ -46,7 +46,7 @@
     &:last-of-type {
         margin-right: 0;
     }
-`,h={colors:s.arrayOf(s.string).isRequired,maxColorCount:s.number,expandToFillHorizontalSpace:s.bool,isReversed:s.bool};t.ColorPreview=({colors:e=[],maxColorCount:t=7,expandToFillHorizontalSpace:r=!0,isReversed:a=!1})=>{const n=a?[...e].reverse():[...e];return i.createElement(f,{isReversed:a},n.map(((e,a)=>(0,c.isColor)(e)&&i.createElement(p,{key:(0,d.createDOMID)(),color:e,widthGrow:r,maxColorCount:t}))))},t.ColorPreview.propTypes=h},2369: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.FormatterEditor=t.supportedFormatters=t.GradientEditorWrapper=t.MatchValueEditorWrapper=t.RangeValueEditorWrapper=t.getSortedRanges=t.sharedPalettesConfigPropType=void 0;const i=l(r(9497)),s=l(r(23)),u=r(6649),c=r(8963),d=r(1788),f=r(1561),p=o(r(8842)),h=o(r(3263)),g=o(r(530)),m=o(r(107)),b=o(r(7304)),v=o(r(2468));t.sharedPalettesConfigPropType=s.exact({paletteTheme:s.string,paletteEntry:s.exact({type:s.string,index:s.number})});t.getSortedRanges=(e=[])=>{const t=[...Array.isArray(e)?e:[]];return t.sort(((e,t)=>null==e.to?1:null==t.to?-1:+e.to-+t.to)),t};t.RangeValueEditorWrapper=({defaultPalettesConfig:e,value:t,onChange:r,selectedDataSelector:a})=>i.createElement(g.default,{"data-test":"RangeValueEditor",defaultPalettesConfig:e,value:t,onChange:(e,t,a)=>r(e,t,a),selectedDataSelector:a}),t.RangeValueEditorWrapper.propTypes={defaultPalettesConfig:t.sharedPalettesConfigPropType,value:s.arrayOf(s.shape({from:s.number,to:s.number,value:s.string})),onChange:s.func,selectedDataSelector:s.string};t.MatchValueEditorWrapper=({defaultPalettesConfig:e,value:t,onChange:r,selectedDataSelector:a})=>i.createElement(m.default,{"data-test":"MatchValueEditor",defaultPalettesConfig:e,value:t,onChange:(e,t,a)=>r(e,t,a),selectedDataSelector:a}),t.MatchValueEditorWrapper.propTypes={defaultPalettesConfig:t.sharedPalettesConfigPropType,value:s.arrayOf(s.shape({match:s.oneOfType([s.string,s.number]),value:s.string})),onChange:s.func,selectedDataSelector:s.string};t.GradientEditorWrapper=({defaultPalettesConfig:e,value:t,onChange:r,showStaticTextColor:a,selectedDataSelector:n})=>{var l;return(null===(l=null==t?void 0:t.stops)||void 0===l?void 0:l.length)>0?i.createElement(v.default,{label:"Data colors",labelPosition:"top",onResetToDefault:()=>{const t=(0,c.createGradientConfigFromPalettes)(e);r(void 0,void 0,t)}}):i.createElement(b.default,{"data-test":"GradientEditor",name:"gradient",defaultPalettesConfig:e,value:t,onChange:(e,t,a)=>r(e,t,a),showStaticTextColor:a,selectedDataSelector:n})},t.GradientEditorWrapper.propTypes={defaultPalettesConfig:t.sharedPalettesConfigPropType,value:s.exact({colors:s.arrayOf(s.string).isRequired,textColor:s.string}).isRequired,onChange:s.func,showStaticTextColor:s.bool,selectedDataSelector:s.string},t.supportedFormatters={gradient:{preview:p.default,editor:t.GradientEditorWrapper},rangeValue:{preview:d.RangeValuePreview,editor:t.RangeValueEditorWrapper},matchValue:{preview:f.MatchValuePreview,editor:t.MatchValueEditorWrapper}};const _=Object.keys(t.supportedFormatters),y={selectedDataSelector:s.string,selectedFormatterType:s.oneOf(_),currentFormatterConfig:s.any,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})),onDataSelectorChange:s.func,onFormatterTypeChange:s.func,onFormatterConfigChange:s.func,defaultPalettesConfig:t.sharedPalettesConfigPropType,showStaticTextColor:s.bool};t.FormatterEditor=({selectedDataSelector:e,selectedFormatterType:r,currentFormatterConfig:a,formatters:n=[],dataSelectors:l=[],onDataSelectorChange:o,onFormatterTypeChange:s,onFormatterConfigChange:c,defaultPalettesConfig:d,showStaticTextColor:f=!1})=>{var p;const g=l.length>1,m=g?(0,u._)("Method"):"",b=n.filter((t=>{var r;return null===(r=t.defaults)||void 0===r?void 0:r[e]})),v=b.length>1,_=null===(p=t.supportedFormatters[r])||void 0===p?void 0:p.editor;return i.createElement(i.Fragment,null,g&&i.createElement(h.default,{name:"dataSelector",label:(0,u._)("Based on"),"data-test":"FormatterEditorDataSelector",values:l,value:e,onChange:o}),v&&i.createElement(h.default,{name:"formatterSelector",label:m,"data-test":"FormatterEditorFormatterSelector",values:b,value:r,onChange:s}),i.createElement(_,{"data-test":"FormatterEditorConfigEditor",name:"formatterConfig",value:a,onChange:c,defaultPalettesConfig:d,selectedDataSelector:e,showStaticTextColor:"gradient"===r&&f}))},t.FormatterEditor.propTypes=y},5439: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});const i=l(r(9497)),s=l(r(23)),u=r(6649),c=o(r(232)),d=o(r(7020)),f=o(r(6062)),p=c.default.div`
+`,h={colors:s.arrayOf(s.string).isRequired,maxColorCount:s.number,expandToFillHorizontalSpace:s.bool,isReversed:s.bool};t.ColorPreview=({colors:e=[],maxColorCount:t=7,expandToFillHorizontalSpace:r=!0,isReversed:a=!1})=>{const n=a?[...e].reverse():[...e];return i.createElement(f,{isReversed:a},n.map(((e,a)=>(0,c.isColor)(e)&&i.createElement(p,{key:(0,d.createDOMID)(),color:e,widthGrow:r,maxColorCount:t}))))},t.ColorPreview.propTypes=h},2369: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.FormatterEditor=t.supportedFormatters=t.GradientEditorWrapper=t.MatchValueEditorWrapper=t.RangeValueEditorWrapper=t.getSortedRanges=t.sharedPalettesConfigPropType=void 0;const i=l(r(9497)),s=l(r(23)),u=r(6649),c=r(8963),d=r(1788),f=r(1561),p=o(r(8842)),h=o(r(3263)),g=o(r(530)),m=o(r(107)),b=o(r(7304)),v=o(r(2468));t.sharedPalettesConfigPropType=s.exact({paletteTheme:s.string,paletteEntry:s.exact({type:s.string,index:s.number})});t.getSortedRanges=(e=[])=>{const t=[...Array.isArray(e)?e:[]];return t.sort(((e,t)=>null==e.to?1:null==t.to?-1:+e.to-+t.to)),t};const _={paletteTheme:"DARK_COLORS",paletteEntry:{type:"sequential",index:0}};t.RangeValueEditorWrapper=({defaultPalettesConfig:e,value:t,onChange:r,selectedDataSelector:a})=>i.createElement(g.default,{"data-test":"RangeValueEditor",defaultPalettesConfig:e,value:t,onChange:(e,t,a)=>r(e,t,a),selectedDataSelector:a}),t.RangeValueEditorWrapper.propTypes={defaultPalettesConfig:t.sharedPalettesConfigPropType,value:s.arrayOf(s.shape({from:s.number,to:s.number,value:s.string})),onChange:s.func,selectedDataSelector:s.string};t.MatchValueEditorWrapper=({defaultPalettesConfig:e,value:t,onChange:r,selectedDataSelector:a})=>i.createElement(m.default,{"data-test":"MatchValueEditor",defaultPalettesConfig:e,value:t,onChange:(e,t,a)=>r(e,t,a),selectedDataSelector:a}),t.MatchValueEditorWrapper.propTypes={defaultPalettesConfig:t.sharedPalettesConfigPropType,value:s.arrayOf(s.shape({match:s.oneOfType([s.string,s.number]),value:s.string})),onChange:s.func,selectedDataSelector:s.string};t.GradientEditorWrapper=({defaultPalettesConfig:e=_,value:t,onChange:r,showStaticTextColor:a,selectedDataSelector:n})=>{var l,o,s;return(null===(l=null==t?void 0:t.stops)||void 0===l?void 0:l.length)>0||(null!==(s=null===(o=null==t?void 0:t.colors)||void 0===o?void 0:o.length)&&void 0!==s?s:0)>7?i.createElement(v.default,{label:"Data colors",labelPosition:"top",onResetToDefault:()=>{const t=(0,c.createGradientConfigFromPalettes)(e);r(void 0,void 0,t)}}):i.createElement(b.default,{"data-test":"GradientEditor",name:"gradient",defaultPalettesConfig:e,value:t,onChange:(e,t,a)=>r(e,t,a),showStaticTextColor:a,selectedDataSelector:n})},t.GradientEditorWrapper.propTypes={defaultPalettesConfig:t.sharedPalettesConfigPropType,value:s.exact({colors:s.arrayOf(s.string).isRequired,textColor:s.string}).isRequired,onChange:s.func,showStaticTextColor:s.bool,selectedDataSelector:s.string},t.supportedFormatters={gradient:{preview:p.default,editor:t.GradientEditorWrapper},rangeValue:{preview:d.RangeValuePreview,editor:t.RangeValueEditorWrapper},matchValue:{preview:f.MatchValuePreview,editor:t.MatchValueEditorWrapper}};const y=Object.keys(t.supportedFormatters),C={selectedDataSelector:s.string,selectedFormatterType:s.oneOf(y),currentFormatterConfig:s.any,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})),onDataSelectorChange:s.func,onFormatterTypeChange:s.func,onFormatterConfigChange:s.func,defaultPalettesConfig:t.sharedPalettesConfigPropType,showStaticTextColor:s.bool};t.FormatterEditor=({selectedDataSelector:e,selectedFormatterType:r,currentFormatterConfig:a,formatters:n=[],dataSelectors:l=[],onDataSelectorChange:o,onFormatterTypeChange:s,onFormatterConfigChange:c,defaultPalettesConfig:d,showStaticTextColor:f=!1})=>{var p;const g=l.length>1,m=g?(0,u._)("Method"):"",b=n.filter((t=>{var r;return null===(r=t.defaults)||void 0===r?void 0:r[e]})),v=b.length>1,_=null===(p=t.supportedFormatters[r])||void 0===p?void 0:p.editor;return i.createElement(i.Fragment,null,g&&i.createElement(h.default,{name:"dataSelector",label:(0,u._)("Based on"),"data-test":"FormatterEditorDataSelector",values:l,value:e,onChange:o}),v&&i.createElement(h.default,{name:"formatterSelector",label:m,"data-test":"FormatterEditorFormatterSelector",values:b,value:r,onChange:s}),i.createElement(_,{"data-test":"FormatterEditorConfigEditor",name:"formatterConfig",value:a,onChange:c,defaultPalettesConfig:d,selectedDataSelector:e,showStaticTextColor:"gradient"===r&&f}))},t.FormatterEditor.propTypes=C},5439: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});const i=l(r(9497)),s=l(r(23)),u=r(6649),c=o(r(232)),d=o(r(7020)),f=o(r(6062)),p=c.default.div`
     display: flex;
     flex-direction: row;
     margin-bottom: 10px;