@splunk/dynamic-editors 0.37.5 → 0.38.1

package/editors/DynamicColorEditor.js

@@ -2,19 +2,22 @@
  * Copyright © 2018 Splunk Inc.
  * SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
  * in part without a valid written license from Splunk Inc. is PROHIBITED.
- */(()=>{"use strict";var e={3263:(e,t,r)=>{r.r(t),r.d(t,{default:()=>_});var a=r(2649),n=r.n(a),o=r(9497),l=r.n(o),i=r(23),s=r.n(i),u=r(5411),c=r.n(u),d=r(6379),f=r.n(d),p=r(2166),h=r(1027),g=r(5862),m=r(4008),b=r.n(m);const v=({onChange:e,name:t,itemSchema:r,values:a,value:i,labelPosition:s="top",labelWidth:u,label:d,isDisabled:m=!1})=>{const v=(0,h.getOptions)(r,a),_=(0,p.hasTokens)(i)||m,y=(0,o.useCallback)(((r,{value:a})=>e(r,t,a)),[e,t]),C=d&&""!==d?void 0:{marginTop:"-8px"};return l().createElement(b(),{label:d,labelPosition:s,labelWidth:u,style:C},l().createElement(c(),{"data-test":t,onChange:y,value:i,style:g.editorStyle,disabled:_},v.map((e=>{const t=e.label||e.value,r={};return e.icon?r.startAdornment=l().createElement(f(),{content:t},l().createElement(e.icon,{hideDefaultTooltip:!0})):r.label=t,l().createElement(c().Option,n()({key:e.value,value:e.value,disabled:_},r))}))))};v.propTypes={onChange:s().func.isRequired,name:s().string.isRequired,itemSchema:s().object,values:s().arrayOf(s().shape({label:s().string,value:s().oneOfType([s().string,s().bool]).isRequired})),value:s().oneOfType([s().string,s().bool]),label:s().string.isRequired,labelPosition:s().oneOf(["left","top"]),labelWidth:s().number,isDisabled:s().bool};const _=v},1027:(e,t,r)=>{r.r(t),r.d(t,{convertEmptyDataColorsForChoropleth:()=>C,getFilteredRowsByShowEditor:()=>v,getFormatterConfig:()=>g,getOptions:()=>u,getStaticItemSchema:()=>h,getToggleOffValueForDataColors:()=>y,handleOptionsChange:()=>c,isDynamicOptionSchema:()=>f,isMultipleRulesSchema:()=>d,isNestedOption:()=>p,isSupportedDataSelector:()=>m,isSupportedFormatter:()=>b,setOption:()=>O});var a=r(6195),n=r.n(a),o=r(4793);const l=require("@splunk/visualizations-shared/schemaUtils");function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?i(Object(r),!0).forEach((function(t){n()(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const u=(e,t)=>{if(Array.isArray(t))return t;if(e&&Array.isArray(e.enum))return e.enum.map((e=>({value:e})));throw Error(`No valid values provided to editor: ${JSON.stringify(e)}`)};function c(e,t,r={debounce:!1}){const{visualization:a}=this.props;null==t?this.props.onVisualizationChange(s(s({},a),{},{options:(0,o.omit)(a.options,[e])}),r):this.props.onVisualizationChange(s(s({},a),{},{options:s(s({},a.options),{},{[e]:t})}),r)}const d=e=>!!e.anyOf&&e.anyOf.length>0,f=e=>"string"===e.type&&e.pattern===l.DYNAMIC_OPTIONS_DSL_PATTERN,p=e=>null!==/^\w+\[\d+\]\.(.+)$/.exec(e),h=e=>{if(!d(e))return e;const t=e.anyOf.find((e=>!f(e)));return s(s({},(0,o.omit)(e,"anyOf")),t)},g=({contextConfig:e,formatters:t,formatterFromDSL:r,selectedDataSelector:a})=>{var n;if(!e){var o;const e=null==t?void 0:t.find((e=>e.value===r));return(null==e||null===(o=e.defaults)||void 0===o?void 0:o[a])||[]}if(!r)return e;if(((e,t)=>!(!e||!t)&&("gradient"===t?"object"==typeof e&&!Array.isArray(e)&&"colors"in e:"rangeValue"!==t&&"matchValue"!==t||Array.isArray(e)))(e,r))return e;const l=null==t?void 0:t.find((e=>e.value===r));return(null==l||null===(n=l.defaults)||void 0===n?void 0:n[a])||[]},m=({selectedDataSelector:e,dataSelectors:t})=>!(!e||null==t||!t.length)&&t.some((t=>t.value===e)),b=({selectedFormatterType:e,formattersFromEditor:t,supportedFormatters:r})=>!!(e&&null!=r&&r[e]&&null!=t&&t.length)&&t.some((t=>t.value===e)),v=({row:e,options:t,encoding:r,featureFlags:a})=>{if(!e||!Array.isArray(e))return[];return e.filter((e=>void 0===e.showEditor||"function"==typeof e.showEditor&&e.showEditor({options:t,encoding:r,featureFlags:a})))},_=e=>{const t=(0,o.cloneDeep)(e);return(0,o.forIn)(t,((e,r)=>{(null!=e&&Array.isArray(e)||(0,o.isPlainObject)(e))&&(t[r]=_(t[r])),Array.isArray(e)&&(t[r]=e.map((e=>null===e?void 0:e))),null==e&&delete t[r]})),t},y=({name:e,options:t,dataSelectors:r=[]})=>{if(null==e||!e.includes("dataColors"))return"";const a=r.includes("areaValues");return(()=>{if("dataColors"===e)return"choropleth"===(null==t?void 0:t.type)||"choropleth"===(null==t?void 0:t.layerType);const r=/^layers\[(\d+)\]\.dataColors$/.exec(e);if(r){var a;const e=parseInt(r[1],10),n=null==t||null===(a=t.layers)||void 0===a?void 0:a[e];return"choropleth"===(null==n?void 0:n.type)||"choropleth"===(null==n?void 0:n.layerType)}return!1})()&&a?"> areaValues | gradient()":""},C=({option:e,value:t,options:r,dataSelectors:a=[]})=>null!=e&&e.includes("dataColors")?""!==t?t:y({name:e,options:r,dataSelectors:a}):t,O=(e,t,r,a,n,l)=>{var i,u,c,d;const f=s({},r);let p=e,h=t;if(""===h&&null!==(i=p)&&void 0!==i&&i.includes("dataColors")&&(h=C({option:p,value:h,options:r.options,dataSelectors:l})),null==h&&a[p])return f.options=(0,o.omit)(r.options,p),f;const g=null!==(u=null==n?void 0:n[p])&&void 0!==u?u:null===(c=a[p])||void 0===c?void 0:c.default;return void 0!==g&&h===g?(f.options=(0,o.omit)(r.options,p),f):(f.options=(0,o.cloneDeep)(r.options),null!==(d=f.options)&&void 0!==d||(f.options={}),null==t&&(0,o.isPlainObject)(e)&&(0,o.isPlainObject)(e.options)&&([p]=Object.keys(e.options),[h]=Object.values(e.options)),a[p]&&"array"!==a[p].type?(f.options[p]=h,f):(null===h&&(h=void 0),(0,o.set)(f.options,p,h),f.options=_(f.options),f))}},2166:(e,t,r)=>{r.d(t,{hasTokens:()=>n});const a=new RegExp(/\$/.source+/(\w+:)?/.source+/([^$|:]+?)(\|[|\w]+)?/.source+/\$/.source),n=e=>"string"==typeof e&&a.test(e)},2468: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}),o=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},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=o(r(9497)),s=o(r(23)),u=r(6649),c=l(r(9250)),d=l(r(7020)),f=l(r(1551)),p=l(r(1151)),{useRef:h,useState:g,useCallback:m}=i,b={label:s.string,labelPosition:s.oneOf(["top","left"]),labelWidth:s.number,onResetToDefault:s.func},v=({label:e,labelPosition:t="left",labelWidth:r,onResetToDefault:a})=>{const[n,o]=g(!1),l=h(null),s=m((()=>o(!0)),[]),b=m((()=>o(!1)),[]);return i.createElement(c.default,{label:(0,u._)(e),labelPosition:t,labelWidth:r},i.createElement(d.default,{"data-test":"customized-in-source-button",onClick:s,appearance:"default",ref:l,label:(0,u._)("Customized in source")}),i.createElement(f.default,{"data-test":"customized-in-source-popover",open:n,anchor:l.current,onRequestClose:b,defaultPlacement:"horizontal"},i.createElement(p.default,{onResetToDefault:a})))};v.propTypes=b,t.default=v},152: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}),o=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},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditor=t.prepareUpdate=void 0;const i=o(r(9497)),s=o(r(23)),u=r(7124),c=l(r(9250)),d=l(r(7020)),f=l(r(1551)),p=l(r(232)),h=l(r(4566)),g=r(6649),m=r(5089),b=r(4793),v=r(1413),_=r(2369),y=l(r(2468)),C=r(5862),O=r(6801),P=r(1027),{useRef:x,useState:w,useEffect:j}=i,E=p.default.div`
+ */(()=>{"use strict";var e={3263:(e,t,r)=>{r.r(t),r.d(t,{default:()=>_});var a=r(2649),n=r.n(a),o=r(9497),l=r.n(o),i=r(23),s=r.n(i),u=r(5411),c=r.n(u),d=r(6379),f=r.n(d),p=r(2166),h=r(1027),g=r(5862),m=r(4008),b=r.n(m);const v=({onChange:e,name:t,itemSchema:r,values:a,value:i,labelPosition:s="top",labelWidth:u,label:d,isDisabled:m=!1})=>{const v=(0,h.getOptions)(r,a),_=(0,p.hasTokens)(i)||m,y=(0,o.useCallback)(((r,{value:a})=>e(r,t,a)),[e,t]),C=d&&""!==d?void 0:{marginTop:"-8px"};return l().createElement(b(),{label:d,labelPosition:s,labelWidth:u,style:C},l().createElement(c(),{"data-test":t,onChange:y,value:i,style:g.editorStyle,disabled:_},v.map((e=>{const t=e.label||e.value,r={};return e.icon?r.startAdornment=l().createElement(f(),{content:t},l().createElement(e.icon,{hideDefaultTooltip:!0})):r.label=t,l().createElement(c().Option,n()({key:e.value,value:e.value,disabled:_},r))}))))};v.propTypes={onChange:s().func.isRequired,name:s().string.isRequired,itemSchema:s().object,values:s().arrayOf(s().shape({label:s().string,value:s().oneOfType([s().string,s().bool]).isRequired})),value:s().oneOfType([s().string,s().bool]),label:s().string.isRequired,labelPosition:s().oneOf(["left","top"]),labelWidth:s().number,isDisabled:s().bool};const _=v},1027:(e,t,r)=>{r.r(t),r.d(t,{convertEmptyDataColorsForChoropleth:()=>C,getFilteredRowsByShowEditor:()=>v,getFormatterConfig:()=>g,getOptions:()=>u,getStaticItemSchema:()=>h,getToggleOffValueForDataColors:()=>y,handleOptionsChange:()=>c,isDynamicOptionSchema:()=>f,isMultipleRulesSchema:()=>d,isNestedOption:()=>p,isSupportedDataSelector:()=>m,isSupportedFormatter:()=>b,setOption:()=>O});var a=r(6195),n=r.n(a),o=r(4793);const l=require("@splunk/visualizations-shared/schemaUtils");function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?i(Object(r),!0).forEach((function(t){n()(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const u=(e,t)=>{if(Array.isArray(t))return t;if(e&&Array.isArray(e.enum))return e.enum.map((e=>({value:e})));throw Error(`No valid values provided to editor: ${JSON.stringify(e)}`)};function c(e,t,r={debounce:!1}){const{visualization:a}=this.props;null==t?this.props.onVisualizationChange(s(s({},a),{},{options:(0,o.omit)(a.options,[e])}),r):this.props.onVisualizationChange(s(s({},a),{},{options:s(s({},a.options),{},{[e]:t})}),r)}const d=e=>!!e.anyOf&&e.anyOf.length>0,f=e=>"string"===e.type&&e.pattern===l.DYNAMIC_OPTIONS_DSL_PATTERN,p=e=>null!==/^\w+\[\d+\]\.(.+)$/.exec(e),h=e=>{if(!d(e))return e;const t=e.anyOf.find((e=>!f(e)));return s(s({},(0,o.omit)(e,"anyOf")),t)},g=({contextConfig:e,formatters:t,formatterFromDSL:r,selectedDataSelector:a})=>{var n;if(!e){var o;const e=null==t?void 0:t.find((e=>e.value===r));return(null==e||null===(o=e.defaults)||void 0===o?void 0:o[a])||[]}if(!r)return e;if(((e,t)=>!(!e||!t)&&("gradient"===t?"object"==typeof e&&!Array.isArray(e)&&"colors"in e:"rangeValue"!==t&&"matchValue"!==t||Array.isArray(e)))(e,r))return e;const l=null==t?void 0:t.find((e=>e.value===r));return(null==l||null===(n=l.defaults)||void 0===n?void 0:n[a])||[]},m=({selectedDataSelector:e,dataSelectors:t})=>!(!e||null==t||!t.length)&&t.some((t=>t.value===e)),b=({selectedFormatterType:e,formattersFromEditor:t,supportedFormatters:r})=>!!(e&&null!=r&&r[e]&&null!=t&&t.length)&&t.some((t=>t.value===e)),v=({row:e,options:t,encoding:r,featureFlags:a})=>{if(!e||!Array.isArray(e))return[];return e.filter((e=>void 0===e.showEditor||"function"==typeof e.showEditor&&e.showEditor({options:t,encoding:r,featureFlags:a})))},_=e=>{const t=(0,o.cloneDeep)(e);return(0,o.forIn)(t,((e,r)=>{(null!=e&&Array.isArray(e)||(0,o.isPlainObject)(e))&&(t[r]=_(t[r])),Array.isArray(e)&&(t[r]=e.map((e=>null===e?void 0:e))),null==e&&delete t[r]})),t},y=({name:e,options:t,dataSelectors:r=[]})=>{if(null==e||!e.includes("dataColors"))return"";const a=r.includes("areaValues");return(()=>{if("dataColors"===e)return"choropleth"===(null==t?void 0:t.type)||"choropleth"===(null==t?void 0:t.layerType);const r=/^layers\[(\d+)\]\.dataColors$/.exec(e);if(r){var a;const e=parseInt(r[1],10),n=null==t||null===(a=t.layers)||void 0===a?void 0:a[e];return"choropleth"===(null==n?void 0:n.type)||"choropleth"===(null==n?void 0:n.layerType)}return!1})()&&a?"> areaValues | gradient()":""},C=({option:e,value:t,options:r,dataSelectors:a=[]})=>null!=e&&e.includes("dataColors")?""!==t?t:y({name:e,options:r,dataSelectors:a}):t,O=(e,t,r,a,n,l)=>{var i,u,c,d;const f=s({},r);let p=e,h=t;if(""===h&&null!==(i=p)&&void 0!==i&&i.includes("dataColors")&&(h=C({option:p,value:h,options:r.options,dataSelectors:l})),null==h&&a[p])return f.options=(0,o.omit)(r.options,p),f;const g=null!==(u=null==n?void 0:n[p])&&void 0!==u?u:null===(c=a[p])||void 0===c?void 0:c.default;return void 0!==g&&h===g?(f.options=(0,o.omit)(r.options,p),f):(f.options=(0,o.cloneDeep)(r.options),null!==(d=f.options)&&void 0!==d||(f.options={}),null==t&&(0,o.isPlainObject)(e)&&(0,o.isPlainObject)(e.options)&&([p]=Object.keys(e.options),[h]=Object.values(e.options)),a[p]&&"array"!==a[p].type?(f.options[p]=h,f):(null===h&&(h=void 0),(0,o.set)(f.options,p,h),f.options=_(f.options),f))}},2166:(e,t,r)=>{r.d(t,{hasTokens:()=>n});const a=new RegExp(/\$/.source+/(\w+:)?/.source+/([^$|:]+?)(\|[|\w]+)?/.source+/\$/.source),n=e=>"string"==typeof e&&a.test(e)},2468: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}),o=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},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=o(r(9497)),s=o(r(23)),u=r(6649),c=l(r(9250)),d=l(r(7020)),f=l(r(1551)),p=l(r(1151)),{useRef:h,useState:g,useCallback:m}=i,b={label:s.string,labelPosition:s.oneOf(["top","left"]),labelWidth:s.number,onResetToDefault:s.func},v=({label:e,labelPosition:t="left",labelWidth:r,onResetToDefault:a})=>{const[n,o]=g(!1),l=h(null),s=m((()=>o(!0)),[]),b=m((()=>o(!1)),[]);return i.createElement(c.default,{label:(0,u._)(e),labelPosition:t,labelWidth:r},i.createElement(d.default,{"data-test":"customized-in-source-button",onClick:s,appearance:"default",ref:l,label:(0,u._)("Customized in source")}),i.createElement(f.default,{"data-test":"customized-in-source-popover",open:n,anchor:l.current,onRequestClose:b,defaultPlacement:"horizontal"},i.createElement(p.default,{onResetToDefault:a})))};v.propTypes=b,t.default=v},152: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}),o=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},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditor=t.prepareUpdate=void 0;const i=o(r(9497)),s=o(r(23)),u=r(7124),c=l(r(9250)),d=l(r(7020)),f=l(r(1551)),p=l(r(232)),h=r(6649),g=r(5089),m=r(4793),b=r(1413),v=l(r(5411)),_=r(2369),y=l(r(2468)),C=r(5862),O=r(6801),P=r(1027),{useRef:x,useState:w,useEffect:j}=i,E=p.default.div`
     font-weight: 600;
     font-size: 14px;
     line-height: 20px;
     margin-bottom: 8px;
-`,M=p.default.div.attrs((()=>({"data-test":"DynamicColorFlyoutContent"})))`
+`,M=p.default.div`
+    font-size: 14px;
+    line-height: 20px;
+    margin-bottom: 8px;
+`,D=p.default.div.attrs((()=>({"data-test":"DynamicColorFlyoutContent"})))`
     box-sizing: border-box;
     padding: ${(0,u.toPx)(C.FLYOUT_PADDING)};
     width: ${(0,u.toPx)(C.FLYOUT_WIDTH)};
-`,D=(0,p.default)(d.default)`
+`,T=(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`,o=n.replace(/^\w+\[\d+\]\.(.+)$/,"$1");return{options:{[e]:(0,v.buildDSLFromDataSelectorAndFormatter)(t,r,n)},context:{[o]:a}}};t.DynamicColorEditor=({name:e,value:r,label:a="",labelPosition:n="left",labelWidth:o,context:l,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:I,paramKey:k}=(0,v.getLastFormatterFromDSL)(r)||{type:"unknown",paramKey:"unknown"},F=(0,v.getDataSelectorsFromDSL)(r)[0],[A,V]=w(I);j((()=>{V(I)}),[I]);const[$,B]=w(F);j((()=>{B(F)}),[F]);const L=(0,P.getFormatterConfig)({contextConfig:l[k],formatters:d,formatterFromDSL:I,selectedDataSelector:$}),[q,U]=w(L);j((()=>{U(L)}),[l,d,k,I,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,o=Object.keys(a.defaults)[0],l=a.defaults[o];B(o),V(n),U(l),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:o,selectedFormatterType:n,currentFormatterConfig:l}))},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:o,onResetToDefault:z});const G=_.supportedFormatters[A].preview;return i.createElement(i.Fragment,null,i.createElement(c.default,{"data-test":"DynamicColorEditorGroup",label:(0,g._)(a),labelPosition:n,labelWidth:o},i.createElement(D,{inline:!1,"data-test":"DynamicColorEditorButton",appearance:"default",ref:R,onClick:N,disabled:C},i.createElement(G,{"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 o=(0,b.find)(d,(e=>e.defaults[n]));V(o.value);const l=o.defaults[n];U(l),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:n,selectedFormatterType:o.value,currentFormatterConfig:l}))},onFormatterTypeChange:(r,a,n)=>{V(n);const o=(0,b.find)(d,["value",n]).defaults[$];U(o),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:$,selectedFormatterType:n,currentFormatterConfig:o}))},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},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}),o=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},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ColorPreview=void 0;const i=o(r(9497)),s=o(r(23)),u=l(r(232)),c=r(3283),d=r(8987),f=u.default.div.attrs((e=>({"data-test":"ColorPreviewWrapper",isReversed:e.isReversed})))`
+`,S=Object.assign(Object.assign({},O.BaseEditorPropTypes),{flyoutTitle:s.string,formatters:s.arrayOf(s.shape({label:s.string,value:s.string,defaults:s.object,isDefault:s.bool})),dataSelectors:s.arrayOf(s.shape({label:s.string,value:s.string})),defaultPalettesConfig:_.sharedPalettesConfigPropType,showStaticTextColor:s.bool,colorMode:s.oneOf(["text","background","off"]),handleColorModeChange:s.func});t.prepareUpdate=({name:e,selectedDataSelector:t,selectedFormatterType:r,currentFormatterConfig:a})=>{const n=`${e}EditorConfig`,o=n.replace(/^\w+\[\d+\]\.(.+)$/,"$1");return{options:{[e]:(0,b.buildDSLFromDataSelectorAndFormatter)(t,r,n)},context:{[o]:a}}};t.DynamicColorEditor=({name:e,value:r,label:a="",labelPosition:n="left",labelWidth:o,context:l,onChange:s=(()=>{}),flyoutTitle:u=(0,h._)("Dynamic coloring"),formatters:d=[],dataSelectors:p=[],defaultPalettesConfig:C=g.defaultPalettesConfig,isDisabled:O=!1,showStaticTextColor:S=!1,colorMode:R,handleColorModeChange:I})=>{const[k,F]=w(!1),A=x(null),{type:V,paramKey:$}=(0,b.getLastFormatterFromDSL)(r)||{type:"unknown",paramKey:"unknown"},B=(0,b.getDataSelectorsFromDSL)(r)[0],[L,q]=w(V);j((()=>{q(V)}),[V]);const[U,z]=w(B);j((()=>{z(B)}),[B]);const G=(0,P.getFormatterConfig)({contextConfig:l[$],formatters:d,formatterFromDSL:V,selectedDataSelector:U}),[N,W]=w(G);j((()=>{W(G)}),[l,d,$,V,B]);const H=r=>{const a=(0,m.find)(d,(e=>e.isDefault))||(0,m.find)(d,(e=>"rangeValue"===e.value))||d[0];if((0,m.isEmpty)(a))return;const n=a.value,o=Object.keys(a.defaults)[0],l=a.defaults[o];z(o),q(n),W(l),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:o,selectedFormatterType:n,currentFormatterConfig:l}))},K=i.useCallback((()=>{F((e=>!e))}),[]);if(!(0,P.isSupportedDataSelector)({selectedDataSelector:U,dataSelectors:p})||!(0,P.isSupportedFormatter)({selectedFormatterType:L,formattersFromEditor:d,supportedFormatters:_.supportedFormatters}))return i.createElement(y.default,{label:a,labelPosition:n,labelWidth:o,onResetToDefault:H});const Y=_.supportedFormatters[L].preview;return i.createElement(i.Fragment,null,i.createElement(c.default,{"data-test":"DynamicColorEditorGroup",label:a,labelPosition:n,labelWidth:o},i.createElement(T,{inline:!1,"data-test":"DynamicColorEditorButton",appearance:"default",ref:A,onClick:K,disabled:O},i.createElement(Y,{"data-test":"FormatterConfigPreview",config:N}))),i.createElement(f.default,{"data-test":"DynamicColorEditorFlyout",open:k,anchor:A.current,defaultPlacement:"horizontal",style:{padding:"10px"},onRequestClose:()=>F(!1),takeFocus:!0},i.createElement(D,null,!R&&i.createElement(E,null,u),R&&i.createElement(c.default,{"data-test":"TableDynamicColorEditorGroup",label:u,labelPosition:n,labelWidth:o},i.createElement(v.default,{value:R,onChange:I},[{label:(0,h._)("Off"),value:"off"},{label:(0,h._)("Text"),value:"text"},{label:(0,h._)("Background"),value:"background"}].map((({label:e,value:t})=>i.createElement(v.default.Option,{key:t,value:t,label:(0,h._)(e)}))))),R&&i.createElement(M,null,(0,h._)("Method")),i.createElement(_.FormatterEditor,{selectedDataSelector:U,selectedFormatterType:L,currentFormatterConfig:N,onDataSelectorChange:(r,a,n)=>{z(n);const o=(0,m.find)(d,(e=>e.defaults[n]));q(o.value);const l=o.defaults[n];W(l),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:n,selectedFormatterType:o.value,currentFormatterConfig:l}))},onFormatterTypeChange:(r,a,n)=>{q(n);const o=(0,m.find)(d,["value",n]).defaults[U];W(o),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:U,selectedFormatterType:n,currentFormatterConfig:o}))},onFormatterConfigChange:(r,a,n)=>{W(n),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:U,selectedFormatterType:L,currentFormatterConfig:n}))},formatters:d,dataSelectors:p,defaultPalettesConfig:C,showStaticTextColor:S}))))},t.DynamicColorEditor.propTypes=S},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}),o=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},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ColorPreview=void 0;const i=o(r(9497)),s=o(r(23)),u=l(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%;
@@ -26,7 +29,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}),o=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},l=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=o(r(9497)),s=o(r(23)),u=r(6649),c=r(8963),d=r(1788),f=r(1561),p=l(r(8842)),h=l(r(3263)),g=l(r(530)),m=l(r(107)),b=l(r(7304)),v=l(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 o,l,s;return(null===(o=null==t?void 0:t.stops)||void 0===o?void 0:o.length)>0||(null!==(s=null===(l=null==t?void 0:t.colors)||void 0===l?void 0:l.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:o=[],onDataSelectorChange:l,onFormatterTypeChange:s,onFormatterConfigChange:c,defaultPalettesConfig:d,showStaticTextColor:f=!1})=>{var p;const g=o.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:o,value:e,onChange:l}),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}),o=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},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=o(r(9497)),s=o(r(23)),u=r(6649),c=l(r(232)),d=l(r(7020)),f=l(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}),o=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},l=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=o(r(9497)),s=o(r(23)),u=r(6649),c=r(8963),d=r(1788),f=r(1561),p=l(r(8842)),h=l(r(3263)),g=l(r(530)),m=l(r(107)),b=l(r(7304)),v=l(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 o,l,s;return(null===(o=null==t?void 0:t.stops)||void 0===o?void 0:o.length)>0||(null!==(s=null===(l=null==t?void 0:t.colors)||void 0===l?void 0:l.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,isDefault:s.bool})),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:o=[],onDataSelectorChange:l,onFormatterTypeChange:s,onFormatterConfigChange:c,defaultPalettesConfig:d,showStaticTextColor:f=!1})=>{var p;const g=o.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:o,value:e,onChange:l}),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}),o=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},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=o(r(9497)),s=o(r(23)),u=r(6649),c=l(r(232)),d=l(r(7020)),f=l(r(6062)),p=c.default.div`
     display: flex;
     flex-direction: row;
     margin-bottom: 10px;
@@ -159,7 +162,7 @@
     &:hover {
         background-color: ${f.variables.interactiveColorOverlayDrag} !important;
     }
-`,g=({colorIndex:e,onRemove:t})=>{const r=i.useCallback((()=>t(e)),[e,t]);return i.createElement(p,null,i.createElement(h,{"data-test":"gradient-remove-button",icon:i.createElement(d.default,null),appearance:"subtle",onClick:r}))};g.propTypes={onRemove:s.func},t.default=g},8963:function(e,t,r){var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.findMatchingPaletteGradient=t.addPaletteGradientStop=t.addCustomGradientStop=t.interpolateColor=t.createGradientConfigFromPalettes=t.createDefaultPalettesConfig=t.defaultLightGradientConfig=t.defaultDarkGradientConfig=void 0;const n=a(r(5089));t.defaultDarkGradientConfig={colors:[n.default.DARK_COLORS.sequential.swatches[1][0],n.default.DARK_COLORS.sequential.swatches[1][n.default.DARK_COLORS.sequential.swatches[1].length-1]]},t.defaultLightGradientConfig={colors:[n.default.LIGHT_COLORS.sequential.swatches[1][0],n.default.LIGHT_COLORS.sequential.swatches[1][n.default.LIGHT_COLORS.sequential.swatches[1].length-1]]};t.createDefaultPalettesConfig=e=>{var t,r,a;return{paletteTheme:(null==e?void 0:e.paletteTheme)||"DARK_COLORS",paletteEntry:{type:(null===(t=null==e?void 0:e.paletteEntry)||void 0===t?void 0:t.type)||"sequential",index:null!==(a=null===(r=null==e?void 0:e.paletteEntry)||void 0===r?void 0:r.index)&&void 0!==a?a:1}}};t.createGradientConfigFromPalettes=(e,r,a)=>{var o,l,i;const s=(0,t.createDefaultPalettesConfig)(e),{paletteTheme:u,paletteEntry:c}=s,d=(null===(i=null===(l=null===(o=n.default[u])||void 0===o?void 0:o[c.type])||void 0===l?void 0:l.swatches)||void 0===i?void 0:i[c.index])||t.defaultDarkGradientConfig.colors,f=d.length>=2?[d[0],d[d.length-1]]:d;return r?{colors:f,textColor:a||"auto"}:{colors:f}};t.interpolateColor=(e,t,r)=>{const a=e.replace("#",""),n=t.replace("#",""),o=parseInt(a.substring(0,2),16),l=parseInt(a.substring(2,4),16),i=parseInt(a.substring(4,6),16),s=parseInt(n.substring(0,2),16),u=parseInt(n.substring(2,4),16),c=parseInt(n.substring(4,6),16),d=Math.round(o+r*(s-o)),f=Math.round(l+r*(u-l)),p=Math.round(i+r*(c-i)),h=e=>e.toString(16).padStart(2,"0");return`#${h(d)}${h(f)}${h(p)}`};t.addCustomGradientStop=(e,r,a)=>{var n,o;if(e.length<2)return e;const l=r.map(((e,t)=>e?t:-1)).filter((e=>-1!==e));if(l.length<2){const o=e[e.length-1],l=e[e.length-2],i=(0,t.interpolateColor)(l,o,.5),s=[...e.slice(0,e.length-1),i,o];return a([...r.slice(0,r.length-1),!1,null!==(n=r[r.length-1])&&void 0!==n&&n]),s}let i=[...e],s=[...r];for(let a=0;a<l.length-1;a+=1){const n=l[a],o=l[a+1];if(o-n>1){const a=e[n],l=e[o],s=[];for(let e=n+1;e<o;e+=1)r[e]||s.push(e);if(s.length>0)for(let e=0;e<s.length;e+=1){const r=s[e],u=(r-n)/(o-n);i[r]=(0,t.interpolateColor)(a,l,u)}}}const u=i[i.length-1],c=i[i.length-2],d=(0,t.interpolateColor)(c,u,.5);return i=[...i.slice(0,i.length-1),d,u],s=[...s.slice(0,s.length-1),!1,null!==(o=s[s.length-1])&&void 0!==o&&o],a(s),i};t.addPaletteGradientStop=(e,t,r)=>{const a=t.length-1;if(a>5)return t;const n=r?[...e].reverse():e,o=n[Math.max(1,Math.min(a,n.length-2))];return[...t.slice(0,a),o,...t.slice(a)]};t.findMatchingPaletteGradient=(e,t)=>{if(!Array.isArray(e)||e.length<2||!t||"object"!=typeof t||!t.DARK_COLORS||!t.LIGHT_COLORS)return null;const r=[];if(["DARK_COLORS","LIGHT_COLORS"].forEach((a=>{Object.entries(t[a]||{}).filter((([e])=>"_meta"!==e)).flatMap((([e,{swatches:t}])=>t.map(((t,r)=>({type:e,swatch:t,index:r}))))).forEach((({type:t,swatch:n,index:o})=>{e.length>n.length||(n.length>=2&&n[0].trim().toLowerCase()===e[0].trim().toLowerCase()&&n[n.length-1].trim().toLowerCase()===e[e.length-1].trim().toLowerCase()?r.push({paletteTheme:a,paletteEntry:{type:t,index:o},isReversed:!1,swatch:n}):n.length>=2&&n[0].trim().toLowerCase()===e[e.length-1].trim().toLowerCase()&&n[n.length-1].trim().toLowerCase()===e[0].trim().toLowerCase()&&r.push({paletteTheme:a,paletteEntry:{type:t,index:o},isReversed:!0,swatch:n}))}))})),e.length>2&&r.length>0){const t=r.find((({swatch:t,isReversed:r})=>{if(t.length<e.length)return!1;const a=r?[...t].reverse():t;if(e[0].trim().toLowerCase()!==a[0].trim().toLowerCase()||e[e.length-1].trim().toLowerCase()!==a[a.length-1].trim().toLowerCase())return!1;const n=e.slice(1,e.length-1).map((e=>e.trim().toLowerCase())),o=a.slice(1,e.length-1).map((e=>e.trim().toLowerCase()));return n.every((e=>o.includes(e)))}));if(t)return{paletteTheme:t.paletteTheme,paletteEntry:t.paletteEntry,isReversed:t.isReversed}}if(r.length>0){const e=r[0];return{paletteTheme:e.paletteTheme,paletteEntry:e.paletteEntry,isReversed:e.isReversed}}return null}},7304: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}),o=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},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.GradientEditor=void 0;const i=o(r(9497)),s=o(r(23)),u=l(r(5089)),c=l(r(5852)),d=r(8963),f=r(8548),p=l(r(4293));t.GradientEditor=({defaultPalettesConfig:e={paletteTheme:"DARK_COLORS",paletteEntry:{type:"sequential",index:0}},onChange:t,palettes:r=u.default,showStaticTextColor:a=!1,selectedDataSelector:n,value:o={colors:["#252214","#b846bb"],textColor:"auto"}})=>{var l,s;const{colors:h,textColor:g}=o;let m,b=null,v=null;if(h&&h.length>1){const e=(0,d.findMatchingPaletteGradient)(h,r);e&&(b=e.paletteTheme,v=e.paletteEntry,m=e.isReversed)}!b&&(null==e?void 0:e.paletteTheme)&&(b=e.paletteTheme),!v&&(null==e?void 0:e.paletteEntry)&&(v=e.paletteEntry);const[_,y]=i.useState((()=>({paletteTheme:b,paletteEntry:v}))),C=null!==(l=null==_?void 0:_.paletteTheme)&&void 0!==l?l:e.paletteTheme,O=null!==(s=null==_?void 0:_.paletteEntry)&&void 0!==s?s:e.paletteEntry,P=C&&O?(0,f.getSwatchColorsFromPalette)({palettes:r,paletteInfo:O,paletteTheme:C}):[],x=(0,f.hasCustomColors)({currentSwatchColors:P,selectedColors:h}),w=x&&h.length>7?h.slice(0,7):h,j=x&&w.length>=7||!x&&w.length>=P.length,[E,M]=i.useState(m||!1),D=i.useCallback((e=>{const r={colors:(null==e?void 0:e.colors)||h};a&&(r.textColor=e.textColor||g),t(null,null,r)}),[h,a,t,g]),T=i.useCallback((e=>{if(!O)return;let t=(0,f.getSwatchColorsFromPalette)({palettes:r,paletteInfo:O,paletteTheme:e});E&&(t=[...t].reverse());let a=[];if(x&&h.length>7)a=t.slice();else{const e=h.length;if(1===e)a=[t[t.length-1]];else if(2===e)a=[t[0],t[t.length-1]];else if(e>2){a=[t[0]];for(let r=1;r<e-1;r+=1)a.push(t[r]);a.push(t[t.length-1])}}y((t=>Object.assign(Object.assign({},t),{paletteTheme:e}))),D({colors:a})}),[O,r,E,D,x,h]),S=i.useCallback((e=>{if(!e)return y({paletteTheme:null,paletteEntry:null}),void M(!1);const t=C&&e?(0,f.getSwatchColorsFromPalette)({palettes:r,paletteInfo:e,paletteTheme:C}):[],n=h.length;let o=[];if(x&&h.length>7)o=t.slice();else if(1===n)o=[t[t.length-1]];else if(2===n)o=[t[0],t[t.length-1]];else if(n>2){o=[t[0]];for(let e=1;e<n-1;e+=1)o.push(t[e]);o.push(t[t.length-1])}y({paletteTheme:C,paletteEntry:e}),M(!1);const l={colors:o};a&&(l.textColor=g),D(l)}),[C,r,a,D,g,x,h]);return i.useEffect((()=>{y((0,d.findMatchingPaletteGradient)(h,r))}),[n]),i.createElement(i.Fragment,null,i.createElement(c.default,{isSwatchCustomized:x,isReversed:E,onChangePaletteTheme:T,onPaletteChange:S,palettes:r,selectedPaletteInfo:O,selectedPaletteTheme:C}),i.createElement(p.default,{isSwatchCustomized:x,isReversed:E,setIsReversed:M,onChange:D,value:o,swatchColors:P,selectedColors:w,name:"GradientValueConfigurer",showStaticTextColor:a,disableAddStops:j}))},t.GradientEditor.propTypes={value:s.any,onChange:s.func,palettes:s.shape({_meta:s.any.isRequired}),showStaticTextColor:s.bool},t.default=t.GradientEditor},3396: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}),o=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},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=o(r(9497)),s=o(r(23)),u=r(6649),c=l(r(232)),d=l(r(7020)),f=l(r(6062)),p=c.default.div`
+`,g=({colorIndex:e,onRemove:t})=>{const r=i.useCallback((()=>t(e)),[e,t]);return i.createElement(p,null,i.createElement(h,{"data-test":"gradient-remove-button",icon:i.createElement(d.default,null),appearance:"subtle",onClick:r}))};g.propTypes={onRemove:s.func},t.default=g},8963:function(e,t,r){var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.findMatchingPaletteGradient=t.addPaletteGradientStop=t.addCustomGradientStop=t.interpolateColor=t.createGradientConfigFromPalettes=t.createDefaultPalettesConfig=t.defaultLightGradientConfig=t.defaultDarkGradientConfig=void 0;const n=a(r(5089));t.defaultDarkGradientConfig={colors:[n.default.DARK_COLORS.sequential.swatches[1][0],n.default.DARK_COLORS.sequential.swatches[1][n.default.DARK_COLORS.sequential.swatches[1].length-1]]},t.defaultLightGradientConfig={colors:[n.default.LIGHT_COLORS.sequential.swatches[1][0],n.default.LIGHT_COLORS.sequential.swatches[1][n.default.LIGHT_COLORS.sequential.swatches[1].length-1]]};t.createDefaultPalettesConfig=e=>{var t,r,a;return{paletteTheme:(null==e?void 0:e.paletteTheme)||"DARK_COLORS",paletteEntry:{type:(null===(t=null==e?void 0:e.paletteEntry)||void 0===t?void 0:t.type)||"sequential",index:null!==(a=null===(r=null==e?void 0:e.paletteEntry)||void 0===r?void 0:r.index)&&void 0!==a?a:1}}};t.createGradientConfigFromPalettes=(e,r,a)=>{var o,l,i;const s=(0,t.createDefaultPalettesConfig)(e),{paletteTheme:u,paletteEntry:c}=s,d=(null===(i=null===(l=null===(o=n.default[u])||void 0===o?void 0:o[c.type])||void 0===l?void 0:l.swatches)||void 0===i?void 0:i[c.index])||t.defaultDarkGradientConfig.colors,f=d.length>=2?[d[0],d[d.length-1]]:d;return r?{colors:f,textColor:a||"auto"}:{colors:f}};t.interpolateColor=(e,t,r)=>{const a=e.replace("#",""),n=t.replace("#",""),o=parseInt(a.substring(0,2),16),l=parseInt(a.substring(2,4),16),i=parseInt(a.substring(4,6),16),s=parseInt(n.substring(0,2),16),u=parseInt(n.substring(2,4),16),c=parseInt(n.substring(4,6),16),d=Math.round(o+r*(s-o)),f=Math.round(l+r*(u-l)),p=Math.round(i+r*(c-i)),h=e=>e.toString(16).padStart(2,"0");return`#${h(d)}${h(f)}${h(p)}`};t.addCustomGradientStop=(e,r,a)=>{var n,o;if(e.length<2)return e;const l=r.map(((e,t)=>e?t:-1)).filter((e=>-1!==e));if(l.length<2){const o=e[e.length-1],l=e[e.length-2],i=(0,t.interpolateColor)(l,o,.5),s=[...e.slice(0,e.length-1),i,o];return a([...r.slice(0,r.length-1),!1,null!==(n=r[r.length-1])&&void 0!==n&&n]),s}let i=[...e],s=[...r];for(let a=0;a<l.length-1;a+=1){const n=l[a],o=l[a+1];if(o-n>1){const a=e[n],l=e[o],s=[];for(let e=n+1;e<o;e+=1)r[e]||s.push(e);if(s.length>0)for(let e=0;e<s.length;e+=1){const r=s[e],u=(r-n)/(o-n);i[r]=(0,t.interpolateColor)(a,l,u)}}}const u=i[i.length-1],c=i[i.length-2],d=(0,t.interpolateColor)(c,u,.5);return i=[...i.slice(0,i.length-1),d,u],s=[...s.slice(0,s.length-1),!1,null!==(o=s[s.length-1])&&void 0!==o&&o],a(s),i};t.addPaletteGradientStop=(e,t,r)=>{const a=t.length-1;if(a>5)return t;const n=r?[...e].reverse():e,o=n[Math.max(1,Math.min(a,n.length-2))];return[...t.slice(0,a),o,...t.slice(a)]};t.findMatchingPaletteGradient=(e,t)=>{if(!Array.isArray(e)||e.length<2||!t||"object"!=typeof t||!t.DARK_COLORS||!t.LIGHT_COLORS)return null;const r=[];if(["DARK_COLORS","LIGHT_COLORS"].forEach((a=>{Object.entries(t[a]||{}).filter((([e])=>"_meta"!==e)).flatMap((([e,{swatches:t}])=>t.map(((t,r)=>({type:e,swatch:t,index:r}))))).forEach((({type:t,swatch:n,index:o})=>{e.length>n.length||(n.length>=2&&n[0].trim().toLowerCase()===e[0].trim().toLowerCase()&&n[n.length-1].trim().toLowerCase()===e[e.length-1].trim().toLowerCase()?r.push({paletteTheme:a,paletteEntry:{type:t,index:o},isReversed:!1,swatch:n}):n.length>=2&&n[0].trim().toLowerCase()===e[e.length-1].trim().toLowerCase()&&n[n.length-1].trim().toLowerCase()===e[0].trim().toLowerCase()&&r.push({paletteTheme:a,paletteEntry:{type:t,index:o},isReversed:!0,swatch:n}))}))})),e.length>2&&r.length>0){const t=r.find((({swatch:t,isReversed:r})=>{if(t.length<e.length)return!1;const a=r?[...t].reverse():t;if(e[0].trim().toLowerCase()!==a[0].trim().toLowerCase()||e[e.length-1].trim().toLowerCase()!==a[a.length-1].trim().toLowerCase())return!1;const n=e.slice(1,e.length-1).map((e=>e.trim().toLowerCase())),o=a.slice(1,e.length-1).map((e=>e.trim().toLowerCase()));return n.every((e=>o.includes(e)))}));if(t)return{paletteTheme:t.paletteTheme,paletteEntry:t.paletteEntry,isReversed:t.isReversed}}if(r.length>0){const e=r[0];return{paletteTheme:e.paletteTheme,paletteEntry:e.paletteEntry,isReversed:e.isReversed}}return null}},7304: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}),o=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},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.GradientEditor=void 0;const i=o(r(9497)),s=o(r(23)),u=l(r(5089)),c=l(r(5852)),d=r(8963),f=r(8548),p=l(r(4293));t.GradientEditor=({defaultPalettesConfig:e={paletteTheme:"DARK_COLORS",paletteEntry:{type:"sequential",index:1}},onChange:t,palettes:r=u.default,showStaticTextColor:a=!1,selectedDataSelector:n,value:o={colors:["#252214","#b846bb"],textColor:"auto"}})=>{var l,s;const{colors:h,textColor:g}=o;let m,b=null,v=null;if(h&&h.length>1){const e=(0,d.findMatchingPaletteGradient)(h,r);e&&(b=e.paletteTheme,v=e.paletteEntry,m=e.isReversed)}!b&&(null==e?void 0:e.paletteTheme)&&(b=e.paletteTheme),!v&&(null==e?void 0:e.paletteEntry)&&(v=e.paletteEntry);const[_,y]=i.useState((()=>({paletteTheme:b,paletteEntry:v}))),C=null!==(l=null==_?void 0:_.paletteTheme)&&void 0!==l?l:e.paletteTheme,O=null!==(s=null==_?void 0:_.paletteEntry)&&void 0!==s?s:e.paletteEntry,P=C&&O?(0,f.getSwatchColorsFromPalette)({palettes:r,paletteInfo:O,paletteTheme:C}):[],x=(0,f.hasCustomColors)({currentSwatchColors:P,selectedColors:h}),w=x&&h.length>7?h.slice(0,7):h,j=x&&w.length>=7||!x&&w.length>=P.length,[E,M]=i.useState(m||!1),D=i.useCallback((e=>{const r={colors:(null==e?void 0:e.colors)||h};a&&(r.textColor=e.textColor||g),t(null,null,r)}),[h,a,t,g]),T=i.useCallback((e=>{if(!O)return;let t=(0,f.getSwatchColorsFromPalette)({palettes:r,paletteInfo:O,paletteTheme:e});E&&(t=[...t].reverse());let a=[];if(x&&h.length>7)a=t.slice();else{const e=h.length;if(1===e)a=[t[t.length-1]];else if(2===e)a=[t[0],t[t.length-1]];else if(e>2){a=[t[0]];for(let r=1;r<e-1;r+=1)a.push(t[r]);a.push(t[t.length-1])}}y((t=>Object.assign(Object.assign({},t),{paletteTheme:e}))),D({colors:a})}),[O,r,E,D,x,h]),S=i.useCallback((e=>{if(!e)return y({paletteTheme:null,paletteEntry:null}),void M(!1);const t=C&&e?(0,f.getSwatchColorsFromPalette)({palettes:r,paletteInfo:e,paletteTheme:C}):[],n=h.length;let o=[];if(x&&h.length>7)o=t.slice();else if(1===n)o=[t[t.length-1]];else if(2===n)o=[t[0],t[t.length-1]];else if(n>2){o=[t[0]];for(let e=1;e<n-1;e+=1)o.push(t[e]);o.push(t[t.length-1])}y({paletteTheme:C,paletteEntry:e}),M(!1);const l={colors:o};a&&(l.textColor=g),D(l)}),[C,r,a,D,g,x,h]);return i.useEffect((()=>{y((0,d.findMatchingPaletteGradient)(h,r))}),[n]),i.createElement(i.Fragment,null,i.createElement(c.default,{isSwatchCustomized:x,isReversed:E,onChangePaletteTheme:T,onPaletteChange:S,palettes:r,selectedPaletteInfo:O,selectedPaletteTheme:C}),i.createElement(p.default,{isSwatchCustomized:x,isReversed:E,setIsReversed:M,onChange:D,value:o,swatchColors:P,selectedColors:w,name:"GradientValueConfigurer",showStaticTextColor:a,disableAddStops:j}))},t.GradientEditor.propTypes={value:s.any,onChange:s.func,palettes:s.shape({_meta:s.any.isRequired}),showStaticTextColor:s.bool},t.default=t.GradientEditor},3396: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}),o=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},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=o(r(9497)),s=o(r(23)),u=r(6649),c=l(r(232)),d=l(r(7020)),f=l(r(6062)),p=c.default.div`
     display: flex;
     flex-direction: row;
     margin-bottom: 10px;