@splunk/dynamic-editors 0.43.1 → 0.44.0

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.44.0](https://cd.splunkdev.com/devplat/splunk-dynamic-editors/compare/v0.43.2...v0.44.0) (2026-02-24)
+
+
+### Features
+
+* **SCP-80084:** add richtext editor ([df7422a](https://cd.splunkdev.com/devplat/splunk-dynamic-editors/commits/df7422a0273378cbafd2494b73ec55c2597cf737))
+
+
+
+
+
+## [0.43.2](https://cd.splunkdev.com/devplat/splunk-dynamic-editors/compare/v0.43.1...v0.43.2) (2026-02-05)
+
+
+### Bug Fixes
+
+* **SCP-64600:** fix backspace in range value input ([8b90a5f](https://cd.splunkdev.com/devplat/splunk-dynamic-editors/commits/8b90a5f6832aa1c27f9afe3a2777d091b261f28f))
+
+
+
+
+
 ## [0.43.1](https://cd.splunkdev.com/devplat/splunk-dynamic-editors/compare/v0.43.0...v0.43.1) (2026-01-27)
 
 

package/DynamicEditor.js

@@ -2,7 +2,7 @@
  * 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={9952:(e,t,o)=>{o.r(t),o.d(t,{default:()=>Gt,editorTypeToComponentMap:()=>zt});var a=o(2649),n=o.n(a),l=o(9497),r=o.n(l),i=o(23),s=o.n(i),u=o(2749),c=o.n(u),d=o(4182),f=o(3263),p=o(9967),m=o(2065),b=o(2782),g=o.n(b),h=o(4008),v=o.n(h),y=o(5592);const C=({onChange:e,name:t,value:o=null,labelPosition:a="top",labelWidth:n,label:i,min:s,max:u,step:c,isDisabled:d,help:f,helpFormat:p="under",defaultValue:m})=>{const b=(0,l.useCallback)(((o,a)=>{if(void 0===m&&null==a)return void e(o,t,a);const n=parseFloat(null!=a?a:m);Number.isFinite(n)&&e(o,t,n)}),[m,e,t]),{currentValue:h,handleChange:C,handleBlur:_,handleFocus:O,handleKeyPress:E}=(0,y.useNumberInput)({value:o,min:s,max:u,defaultValue:m,onValueChange:b});return r().createElement(v(),{label:i,labelPosition:a,labelWidth:n,help:"under"===p?f:void 0,tooltip:"tooltip"===p?f:void 0,tooltipDefaultPlacement:"top"},r().createElement(g(),{"data-test":t,min:s,max:u,step:c,onChange:C,onBlur:_,onFocus:O,onKeyDown:E,value:h,disabled:d}))};C.propTypes={onChange:s().func.isRequired,name:s().string.isRequired,label:s().string.isRequired,value:s().number,defaultValue:s().number,labelPosition:s().oneOf(["top","left"]),labelWidth:s().number,min:s().number,max:s().number,step:s().number,isDisabled:s().bool,help:s().string,helpFormat:s().oneOf(["text","under"])};const _=C;var O=o(397);const E=({name:e,value:t=0,labelPosition:o="top",labelWidth:a,label:n,onChange:i,isDisabled:s=!1,help:u})=>{const c=(0,l.useCallback)(((e,t,o)=>{i(e,t,null==o?o:o/100)}),[i]);return r().createElement(_,{name:e,value:Math.round(100*t),label:n,labelPosition:o,labelWidth:a,onChange:c,min:0,max:100,step:1,disabled:s,help:u})};E.propTypes={onChange:s().func.isRequired,name:s().string.isRequired,label:s().string.isRequired,labelWidth:s().number,value:s().number,labelPosition:s().oneOf(["top","left"]),isDisabled:s().bool,help:s().string};const x=E;var j=o(148),P=o.n(j),w=o(4215),D=o.n(w);const S=require("@splunk/visualization-context/ImageContext");var T=o.n(S),k=o(6195),M=o.n(k),F=o(232),R=o.n(F),B=o(6649),A=o(2138),I=o.n(A),L=o(4082),$=o.n(L);const V=require("@splunk/react-ui/Image");var N=o.n(V),q=o(7464),W=o.n(q),z=o(4793),U=o(962);const G=R().div`
+ */(()=>{"use strict";var e={9952:(e,t,o)=>{o.r(t),o.d(t,{default:()=>Ht,editorTypeToComponentMap:()=>Gt});var a=o(2649),n=o.n(a),l=o(9497),r=o.n(l),i=o(23),s=o.n(i),u=o(2749),c=o.n(u),d=o(4182),f=o(3263),p=o(9967),m=o(2065),b=o(2782),g=o.n(b),h=o(4008),v=o.n(h),y=o(5592);const C=({onChange:e,name:t,value:o=null,labelPosition:a="top",labelWidth:n,label:i,min:s,max:u,step:c,isDisabled:d,help:f,helpFormat:p="under",defaultValue:m})=>{const b=(0,l.useCallback)(((o,a)=>{if(void 0===m&&null==a)return void e(o,t,a);const n=parseFloat(null!=a?a:m);Number.isFinite(n)&&e(o,t,n)}),[m,e,t]),{currentValue:h,handleChange:C,handleBlur:_,handleFocus:O,handleKeyPress:E}=(0,y.useNumberInput)({value:o,min:s,max:u,defaultValue:m,onValueChange:b});return r().createElement(v(),{label:i,labelPosition:a,labelWidth:n,help:"under"===p?f:void 0,tooltip:"tooltip"===p?f:void 0,tooltipDefaultPlacement:"top"},r().createElement(g(),{"data-test":t,min:s,max:u,step:c,onChange:C,onBlur:_,onFocus:O,onKeyDown:E,value:h,disabled:d}))};C.propTypes={onChange:s().func.isRequired,name:s().string.isRequired,label:s().string.isRequired,value:s().number,defaultValue:s().number,labelPosition:s().oneOf(["top","left"]),labelWidth:s().number,min:s().number,max:s().number,step:s().number,isDisabled:s().bool,help:s().string,helpFormat:s().oneOf(["text","under"])};const _=C;var O=o(397);const E=({name:e,value:t=0,labelPosition:o="top",labelWidth:a,label:n,onChange:i,isDisabled:s=!1,help:u})=>{const c=(0,l.useCallback)(((e,t,o)=>{i(e,t,null==o?o:o/100)}),[i]);return r().createElement(_,{name:e,value:Math.round(100*t),label:n,labelPosition:o,labelWidth:a,onChange:c,min:0,max:100,step:1,disabled:s,help:u})};E.propTypes={onChange:s().func.isRequired,name:s().string.isRequired,label:s().string.isRequired,labelWidth:s().number,value:s().number,labelPosition:s().oneOf(["top","left"]),isDisabled:s().bool,help:s().string};const x=E;var j=o(148),P=o.n(j),w=o(4215),D=o.n(w);const S=require("@splunk/visualization-context/ImageContext");var T=o.n(S),k=o(6195),M=o.n(k),F=o(232),R=o.n(F),B=o(6649),A=o(2138),I=o.n(A),L=o(4082),$=o.n(L);const V=require("@splunk/react-ui/Image");var N=o.n(V),q=o(7464),W=o.n(q),z=o(4793),U=o(962);const G=R().div`
     padding-bottom: 5px;
     width: 100%;
     text-align: center;
@@ -94,7 +94,7 @@
 `,Je=({editFrom:e,editTo:t,editValue:o,error:a,from:n,index:i,isDisabled:s=!1,isRemovable:u=!1,onChange:c,onRemove:d,renderThresholdValueEditor:f,to:p,value:m})=>{const b=(0,l.useCallback)((e=>{(a||e!==n)&&c(i,{from:e,value:m,to:p})}),[c,n,m,p,i,a]),g=(0,l.useCallback)((e=>{(a||e!==p)&&c(i,{from:n,value:m,to:e})}),[c,n,m,p,i,a]),h=(0,l.useCallback)((({value:e})=>{c(i,{from:n,value:e,to:p})}),[c,i,n,p]),v=(0,l.useCallback)((()=>d(i)),[d,i]),y=(0,l.useMemo)((()=>a?(0,Ae.createDOMID)("threshold-error"):void 0),[a]);return r().createElement(r().Fragment,null,r().createElement(Ke,null,r().createElement(He,null,r().createElement(we,{"data-test":"threshold-from-level",boundary:n,isDisabled:s,isEditable:e,errorId:y,onChange:b,index:i})),r().createElement(Ge,{to:p,index:i,isRemovable:u,isEditable:t,isDisabled:s,onChange:g,errorId:y}),r().createElement(Ye,null,f({value:m,onChange:h,isDisabled:s||!!a,editValue:o})),r().createElement(Ze,null,u&&r().createElement(Xe,{"data-test":"threshold-remove-button",icon:r().createElement(te(),null),appearance:"subtle",onClick:v,disabled:s}))),r().createElement(je,{error:a,id:y,thresholdIndex:i}))};Je.propTypes={editFrom:s().bool,editTo:s().bool,editValue:s().bool,error:s().string,from:s().number,index:s().number,isDisabled:s().bool,isRemovable:s().bool,onChange:s().func,onRemove:s().func,renderThresholdValueEditor:s().elementType.isRequired,to:s().number,value:s().string};const Qe=Je;function et(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,a)}return o}function tt(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?et(Object(o),!0).forEach((function(t){M()(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):et(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}const ot=[],at=({ranges:e=ot,openRanges:t=!0,isDisabled:o=!1,onChange:a,renderThresholdValueEditor:n})=>{const[i,s]=(0,l.useState)({}),u=(0,l.useCallback)((t=>{const o=(0,z.cloneDeep)(e);o.splice(t,1),a(ke(o));const n=tt({},i);delete n[t],s(n)}),[i,e,a]),c=(0,l.useCallback)(((o,n)=>{const l=(0,z.cloneDeep)(e),r=tt({},i);if(l.splice(o,1,n),delete r[o],!t&&0===o){const e=function(e="",t=""){const o=parseFloat(e),a=parseFloat(t);return(0,z.isNaN)(o)||(0,z.isNaN)(+e)||(0,z.isNaN)(a)||(0,z.isNaN)(+t)?{error:!0,errorMessage:(0,B._)("Not a valid threshold. Must be a number")}:o<a?{error:!0,errorMessage:(0,B._)("Upper boundary must exceed lower boundary")}:{error:!1,errorMessage:null}}(n.to,n.from);e.error&&(r[o]=e.errorMessage)}if(!t&&0!==o&&n.to<n.from&&n.from>e[0].from&&(l[o].to=n.from+10),!t||o<e.length-1){const t=(0,z.cloneDeep)(e);t.splice(o,1);const a=Me(n.from,t);a.error&&(r[o]=a.errorMessage)}s(r),Object.keys(r).length||a(ke(l))}),[i,e,a,t]),d=!!Object.keys(i).length,f=(0,l.useCallback)((o=>!t&&e.length>1||t&&e.length>2&&o!==e.length-1),[t,e]);return e.map(((a,l)=>r().createElement(Qe,{key:`threshold-${a.from}-${a.to}-${a.value}`,onRemove:u,onChange:c,index:l,from:a.from,to:a.to,value:a.value,error:i[l],editFrom:!t||l!==e.length-1,editTo:!t&&0===l,editValue:!d,isRemovable:f(l),isDisabled:o,renderThresholdValueEditor:n})))};at.propTypes={onChange:s().func.isRequired,ranges:s().arrayOf(s().shape({from:s().number,to:s().number,value:s().string})),isDisabled:s().bool,renderThresholdValueEditor:s().elementType.isRequired,openRanges:s().bool};const nt=at;var lt=o(7408),rt=o.n(lt),it=o(3283);const st=({isDisabled:e,value:t,onChange:o})=>{const a=r().useCallback((({value:e})=>{o({value:null==e||""===e?"transparent":e})}),[o]);return r().createElement(rt(),{disabled:e,value:(0,it.isColor)(t)?t:"transparent",onChange:a,hideInput:!0,palette:Te,"data-test":"threshold-level-value"})};st.propTypes={isDisabled:s().bool,value:s().string,onChange:s().func.isRequired};const ut=st,ct=R().div`
     flex-direction: column;
     flex-grow: 1;
-`,dt=({onChange:e,name:t,itemSchema:o,value:a,labelPosition:n="top",labelWidth:i,label:s,isDisabled:u=!1,isTogglable:c=!0,openRanges:d=!0,renderThresholdValueEditor:f=ut})=>{const p=Array.isArray(a)&&a.length>0,m=(0,l.useCallback)((()=>{e(null,t,o.default)}),[o,t,e]),b=(0,l.useCallback)((()=>{e(null,t,null)}),[t,e]),g=(0,l.useCallback)((()=>p?b():m()),[p,m,b]),h=(0,l.useCallback)((o=>{const n=(0,z.cloneDeep)(a),l={from:o,value:function(e=[]){const t=(0,z.difference)(Te,e);return t.length>0?t[0]:"#444000"}(n.map((e=>e.value)))};d||(l.to=o+10),n.push(l);const r=ke(n);e(null,t,r)}),[t,a,e,d]),y=(0,l.useCallback)((o=>{e(null,t,o)}),[e,t]);return r().createElement(v(),{label:s,labelPosition:n,labelWidth:i},r().createElement(ct,{"data-test":t},c&&r().createElement(ye(),{appearance:"toggle",selected:p,onClick:g,disabled:u,role:"switch"},(0,B._)("Threshold")),p&&r().createElement(r().Fragment,null,!u&&r().createElement(Be,{onAddThreshold:h,thresholds:a}),r().createElement(nt,{onChange:y,ranges:a,isDisabled:u,openRanges:d,renderThresholdValueEditor:f}))))};dt.propTypes={onChange:s().func.isRequired,name:s().string.isRequired,itemSchema:s().object,value:s().arrayOf(s().shape({from:s().number,to:s().number,value:s().string})),label:s().string.isRequired,labelPosition:s().oneOf(["left","top"]),labelWidth:s().number,isDisabled:s().bool,openRanges:s().bool,renderThresholdValueEditor:s().elementType,isTogglable:s().bool};const ft=dt;var pt=o(1027),mt=o(152),bt=o(8281),gt=o(4942),ht=o.n(gt),vt=o(5731),yt=o.n(vt),Ct=o(6116),_t=o.n(Ct),Ot=o(8444),Et=o(4680),xt=o(7970),jt=o.n(xt),Pt=o(5456),wt=o(7585),Dt=o.n(wt),St=o(2117),Tt=o.n(St),kt=o(2965),Mt=o.n(kt),Ft=o(5695),Rt=o.n(Ft),Bt=o(7364),At=o.n(Bt),It=o(9172),Lt=o.n(It),$t=o(5678),Vt=o.n($t),Nt=o(8687),qt=o.n(Nt),Wt=o(1546);const zt={"editor.checkbox":c(),"editor.radioBar":f.default,"editor.select":d.default,"editor.text":p.Z,"editor.textArea":qt(),"editor.toggle":m.default,"editor.number":_,"editor.color":O.default,"editor.percent":x,"editor.image":he,"editor.threshold":ft,"editor.presetSelector":D(),"editor.dynamicColor":mt.DynamicColorEditor,"editor.dynamicColorWithPrecedence":bt.DynamicColorEditorWithPrecedence,"editor.columnMultiSelector":ht(),"editor.columnSelector":yt(),"editor.tableColumnFormatter":_t(),"editor.tableBackgroundColor":Et.TableBackgroundColorEditor,"editor.tableDynamicColor":Ot.TableDynamicColorEditor,"editor.slider":P(),"editor.markdown":jt(),"editor.staticItem":Pt.default,"editor.dynamicItem":Dt(),"editor.arrayOfStrings":Tt(),"editor.multiColorPicker":Mt(),"editor.seriesColors":Rt(),"editor.seriesColorsByField":At(),"editor.columnMultiSelectionByFieldNameEditor":Lt(),"editor.trellisSplitBy":Vt(),"editor.networkGraphDynamicColor":Wt.NetworkGraphDynamicColorEditor},Ut=({item:e,name:t,itemSchema:o,dataSourceBindings:a,context:l,value:i,onChange:s,isDisabled:u,options:c,optionsSchema:d})=>{const{editor:f}=e;let p;if("string"==typeof f){if(!zt[f])throw Error(`Invalid editor type: ${f}`);p=zt[f]}else p=f;const m=(0,pt.getStaticItemSchema)(o);return r().createElement("div",{key:e.option||e.encoding,"data-test":`editor-${t}`},r().createElement(p,n()({},e.editorProps,{name:t,isOption:!!e.option,itemSchema:m,dataSourceBindings:a,label:e.label,onChange:s,value:i,context:l,placeholder:e.placeholder,isAdvanced:e.isAdvanced,isDisabled:u,options:c,optionsSchema:d})))};Ut.propTypes={item:s().object.isRequired,name:s().string.isRequired,itemSchema:s().object.isRequired,context:s().object,dataSourceBindings:s().object,value:s().any,onChange:s().func.isRequired,isDisabled:s().bool,options:s().object,optionsSchema:s().object};const Gt=Ut},397:(e,t,o)=>{o.r(t),o.d(t,{default:()=>T});var a=o(9497),n=o.n(a),l=o(23),r=o.n(l),i=o(232),s=o.n(i),u=o(4793),c=o(3563),d=o(7408),f=o.n(d),p=o(4082),m=o.n(p),b=o(8987),g=o(6649),h=o(2621),v=o.n(h);const y=require("@splunk/visualizations-shared/colorConstants");var C=o(3283),_=o(4008),O=o.n(_);const E=s().div`
+`,dt=({onChange:e,name:t,itemSchema:o,value:a,labelPosition:n="top",labelWidth:i,label:s,isDisabled:u=!1,isTogglable:c=!0,openRanges:d=!0,renderThresholdValueEditor:f=ut})=>{const p=Array.isArray(a)&&a.length>0,m=(0,l.useCallback)((()=>{e(null,t,o.default)}),[o,t,e]),b=(0,l.useCallback)((()=>{e(null,t,null)}),[t,e]),g=(0,l.useCallback)((()=>p?b():m()),[p,m,b]),h=(0,l.useCallback)((o=>{const n=(0,z.cloneDeep)(a),l={from:o,value:function(e=[]){const t=(0,z.difference)(Te,e);return t.length>0?t[0]:"#444000"}(n.map((e=>e.value)))};d||(l.to=o+10),n.push(l);const r=ke(n);e(null,t,r)}),[t,a,e,d]),y=(0,l.useCallback)((o=>{e(null,t,o)}),[e,t]);return r().createElement(v(),{label:s,labelPosition:n,labelWidth:i},r().createElement(ct,{"data-test":t},c&&r().createElement(ye(),{appearance:"toggle",selected:p,onClick:g,disabled:u,role:"switch"},(0,B._)("Threshold")),p&&r().createElement(r().Fragment,null,!u&&r().createElement(Be,{onAddThreshold:h,thresholds:a}),r().createElement(nt,{onChange:y,ranges:a,isDisabled:u,openRanges:d,renderThresholdValueEditor:f}))))};dt.propTypes={onChange:s().func.isRequired,name:s().string.isRequired,itemSchema:s().object,value:s().arrayOf(s().shape({from:s().number,to:s().number,value:s().string})),label:s().string.isRequired,labelPosition:s().oneOf(["left","top"]),labelWidth:s().number,isDisabled:s().bool,openRanges:s().bool,renderThresholdValueEditor:s().elementType,isTogglable:s().bool};const ft=dt;var pt=o(1027),mt=o(152),bt=o(8281),gt=o(4942),ht=o.n(gt),vt=o(5731),yt=o.n(vt),Ct=o(6116),_t=o.n(Ct),Ot=o(8444),Et=o(4680),xt=o(7970),jt=o.n(xt),Pt=o(5456),wt=o(7585),Dt=o.n(wt),St=o(2117),Tt=o.n(St),kt=o(2965),Mt=o.n(kt),Ft=o(5695),Rt=o.n(Ft),Bt=o(7364),At=o.n(Bt),It=o(9172),Lt=o.n(It),$t=o(5678),Vt=o.n($t),Nt=o(8687),qt=o.n(Nt),Wt=o(1546),zt=o(9283),Ut=o.n(zt);const Gt={"editor.checkbox":c(),"editor.radioBar":f.default,"editor.select":d.default,"editor.text":p.Z,"editor.textArea":qt(),"editor.toggle":m.default,"editor.number":_,"editor.color":O.default,"editor.percent":x,"editor.image":he,"editor.threshold":ft,"editor.presetSelector":D(),"editor.dynamicColor":mt.DynamicColorEditor,"editor.dynamicColorWithPrecedence":bt.DynamicColorEditorWithPrecedence,"editor.columnMultiSelector":ht(),"editor.columnSelector":yt(),"editor.tableColumnFormatter":_t(),"editor.tableBackgroundColor":Et.TableBackgroundColorEditor,"editor.tableDynamicColor":Ot.TableDynamicColorEditor,"editor.slider":P(),"editor.markdown":jt(),"editor.staticItem":Pt.default,"editor.dynamicItem":Dt(),"editor.arrayOfStrings":Tt(),"editor.multiColorPicker":Mt(),"editor.seriesColors":Rt(),"editor.seriesColorsByField":At(),"editor.columnMultiSelectionByFieldNameEditor":Lt(),"editor.trellisSplitBy":Vt(),"editor.networkGraphDynamicColor":Wt.NetworkGraphDynamicColorEditor,"editor.richtext":Ut()},Kt=({item:e,name:t,itemSchema:o,dataSourceBindings:a,context:l,value:i,onChange:s,isDisabled:u,options:c,optionsSchema:d})=>{const{editor:f}=e;let p;if("string"==typeof f){if(!Gt[f])throw Error(`Invalid editor type: ${f}`);p=Gt[f]}else p=f;const m=(0,pt.getStaticItemSchema)(o);return r().createElement("div",{key:e.option||e.encoding,"data-test":`editor-${t}`},r().createElement(p,n()({},e.editorProps,{name:t,isOption:!!e.option,itemSchema:m,dataSourceBindings:a,label:e.label,onChange:s,value:i,context:l,placeholder:e.placeholder,isAdvanced:e.isAdvanced,isDisabled:u,options:c,optionsSchema:d})))};Kt.propTypes={item:s().object.isRequired,name:s().string.isRequired,itemSchema:s().object.isRequired,context:s().object,dataSourceBindings:s().object,value:s().any,onChange:s().func.isRequired,isDisabled:s().bool,options:s().object,optionsSchema:s().object};const Ht=Kt},397:(e,t,o)=>{o.r(t),o.d(t,{default:()=>T});var a=o(9497),n=o.n(a),l=o(23),r=o.n(l),i=o(232),s=o.n(i),u=o(4793),c=o(3563),d=o(7408),f=o.n(d),p=o(4082),m=o.n(p),b=o(8987),g=o(6649),h=o(2621),v=o.n(h);const y=require("@splunk/visualizations-shared/colorConstants");var C=o(3283),_=o(4008),O=o.n(_);const E=s().div`
     max-height: ${c.variables.inputHeight};
     width: 100%;
     min-width: 0;
@@ -238,7 +238,7 @@
 `,E=s.default.span`
     font-size: 13px;
     font-weight: normal;
-`,x=({presetName:e,presetLabel:t,presetValue:o,selectedPreset:a,onPopoverClick:n,open:l})=>{const r=(0,i.useRef)(),s=f.default[e],u=i.default.useCallback((e=>{n(e,t,o)}),[n,t,o]);return(0,i.useEffect)((()=>{var e;l&&t===a&&(null===(e=r.current)||void 0===e||e.focus())}),[l,t,a]),i.default.createElement(y,{key:t},i.default.createElement(C,{"data-test":`flyout-preset-option-${t}`,selected:t===a,onClick:u,ref:r},i.default.createElement(_,null,s&&i.default.createElement(s,{"data-test":`icon-label-${t}`})),i.default.createElement(O,null,i.default.createElement(E,null,t))))};t.default=({animation:e=!0,labelPosition:t="top",onChange:o,label:a,labelWidth:n,presets:l,value:r})=>{const[s,u]=i.default.useState(!1),[f,p]=i.default.useState(r||"Select..."),[m,y]=i.default.useState(),C=i.default.useCallback((e=>y(e)),[]),_=i.default.useCallback((()=>u((e=>!e))),[]),O=i.default.useCallback((({event:e,reason:t})=>{if(e&&"clickAway"===t){let t=e.target;for(;t;){if(t===m||void 0===(null==t?void 0:t.parentNode))return;t=t.parentNode}}u(!1),m.focus()}),[m]),E=i.default.useCallback(((e,t,a)=>{p(t),o(e,a),u(!1),m.focus()}),[m,o]),j=`preset-editor-flyout-${a.replace(" ","-")}`;return i.default.createElement(i.default.Fragment,null,i.default.createElement(b.default,{label:a,labelPosition:t,labelWidth:n},i.default.createElement(c.default,{"data-test":"preset-selector-button",label:f,isMenu:!0,elementRef:C,onClick:_,"aria-label":`${a}, ${f}`,"aria-expanded":s,"aria-controls":j})),i.default.createElement(d.default,{id:j,animation:e,"data-test":"preset-editor-flyout",open:s,anchor:m,appearance:"normal",defaultPlacement:"horizontal",onRequestClose:O,role:"dialog"},i.default.createElement(g,{"data-test":"flyout-header"},i.default.createElement(h,{"data-test":"preset-selector-flyout-label"},a)),i.default.createElement(v,null,l.map((e=>i.default.createElement(x,{key:e.label,presetName:e.name,presetLabel:e.label,presetValue:e.value,selectedPreset:f,onPopoverClick:E,open:s}))))))}},7364:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),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 o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=l(o(23)),u=o(4793),c=o(6649),d=o(8987),f=r(o(2373)),p=o(2687),m=r(o(6447)),b=o(9033),g=r(o(2965)),h=r(o(4008)),v=o(6801),y=o(1385),C={},_={},O={},E=({name:e,value:t=C,dataSourceBindings:o,onChange:a,options:n=_,isCategorical:l=!1,context:r,optionsSchema:v=O})=>{var E;const[x,j]=(0,i.useState)(Object.values(t)),[P,w]=(0,i.useState)(Object.keys(t));(0,i.useEffect)((()=>{j(Object.values(t)),w(Object.keys(t))}),[JSON.stringify(t)]);const D=(0,y.useDataSource)({dataSourceBindings:o,dataSourceKey:"primary"}),{isLoading:S}=(0,i.useMemo)((()=>(0,b.getDataSourceStateInfo)(D)),[D]),{category:T=(null===(E=null==v?void 0:v.category)||void 0===E?void 0:E.default)}=null!=n?n:{},k=(0,i.useMemo)((()=>{var e,t;if(l){if(!T)return[];if(Array.isArray(T))return[...new Set(T.map((e=>null==e?void 0:e.toString())).filter((e=>!(0,u.isEmpty)(e))))];if(!S&&m.default.isDslString(T)){const e=p.Options.evaluate({context:r,options:Object.assign(Object.assign({},n),{category:T})},{primary:D});if(Array.isArray(e.category))return[...new Set(e.category.map((e=>null==e?void 0:e.toString())).filter((e=>!(0,u.isEmpty)(e))))]}return[]}return null!==(t=null===(e=null==D?void 0:D.data)||void 0===e?void 0:e.fields.map((e=>e.name)))&&void 0!==t?t:[]}),[r,D,l,n,T,S]),{editorLabel:M,flyoutTitle:F,addColorButtonLabel:R}=(0,i.useMemo)((()=>l?{editorLabel:(0,c._)("Series colors by category name"),flyoutTitle:(0,c._)("Color by category name"),addColorButtonLabel:(0,c._)("Add category")}:{editorLabel:(0,c._)("Series colors by field name"),flyoutTitle:(0,c._)("Color by field name"),addColorButtonLabel:(0,c._)("Add field")}),[l]),B=({updatedColors:e,updatedFields:t})=>{const o={};return t.forEach(((t,a)=>{o[t]=e[a]})),o},A=(0,i.useCallback)(((t,o,n)=>{if(n.length>k.length)return;const l=P;if(n.length>x.length){const e=k.find((e=>!P.includes(e)));l.push(e)}if(n.length<x.length){const e=x.findIndex((e=>!n.includes(e)));l.splice(e,1)}a(null,e,B({updatedColors:n,updatedFields:l}))}),[k,a,e,P,x]),I=(0,i.useCallback)((({newFieldIndex:t,currFieldIndex:o})=>{const n=P.includes(k[t]),l=P;if(n){const e=P.indexOf(k[t]),a=P[o];l[o]=P[e],l[e]=a}else l[o]=k[t];a(null,e,B({updatedColors:x,updatedFields:l}))}),[P,k,x,e,a]),L=(0,i.useMemo)((()=>(({fields:e,dsFields:t,handleFieldChange:o})=>{const a=({index:a})=>{const n=(0,i.useMemo)((()=>t.map(((e,t)=>i.default.createElement(f.default.Option,{label:e,value:t,key:(0,d.createDOMID)(),"data-test":`${e}-${a}`})))),[a]),l=(0,i.useCallback)(((e,{value:t})=>{o({newFieldIndex:t,currFieldIndex:a})}),[a]),r=t.indexOf(e[a]);return i.default.createElement(f.default,{value:r,onChange:l,style:{width:190},"data-test":"field-select"},n)};return a.propTypes={index:s.number},a})({fields:P,dsFields:k,handleFieldChange:I})),[k,P,I]);return i.default.createElement(h.default,{label:M,labelPosition:"top","data-test":"SeriesColorsByFieldEditor"},i.default.createElement(g.default,{value:x,onChange:A,name:"series",canReorderColors:!1,flyoutTitle:F,addColorButtonLabel:R,CustomColorMatchEditor:L,isDisabled:k.length<1,canAddNewColors:P.length<k.length}))};E.propTypes=Object.assign(Object.assign({},v.BaseEditorPropTypes),{isCategorical:s.bool}),t.default=E},5695:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),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 o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.PALETTES=void 0;const i=l(o(9497)),s=l(o(23)),u=r(o(232)),c=o(4793),d=r(o(7020)),f=r(o(7143)),p=r(o(6214)),m=r(o(4233)),b=o(6649),g=o(3850),h=r(o(2965)),v=o(1705),y=r(o(4008)),C=r(o(1494)),_=o(5862),O=o(6801);t.PALETTES={default:{id:"default",name:(0,b._)("Default"),palette:g.VIZ_CATEGORICAL},custom:{id:"custom",name:(0,b._)("Custom"),palette:[]}};const E=u.default.div`
+`,x=({presetName:e,presetLabel:t,presetValue:o,selectedPreset:a,onPopoverClick:n,open:l})=>{const r=(0,i.useRef)(),s=f.default[e],u=i.default.useCallback((e=>{n(e,t,o)}),[n,t,o]);return(0,i.useEffect)((()=>{var e;l&&t===a&&(null===(e=r.current)||void 0===e||e.focus())}),[l,t,a]),i.default.createElement(y,{key:t},i.default.createElement(C,{"data-test":`flyout-preset-option-${t}`,selected:t===a,onClick:u,ref:r},i.default.createElement(_,null,s&&i.default.createElement(s,{"data-test":`icon-label-${t}`})),i.default.createElement(O,null,i.default.createElement(E,null,t))))};t.default=({animation:e=!0,labelPosition:t="top",onChange:o,label:a,labelWidth:n,presets:l,value:r})=>{const[s,u]=i.default.useState(!1),[f,p]=i.default.useState(r||"Select..."),[m,y]=i.default.useState(),C=i.default.useCallback((e=>y(e)),[]),_=i.default.useCallback((()=>u((e=>!e))),[]),O=i.default.useCallback((({event:e,reason:t})=>{if(e&&"clickAway"===t){let t=e.target;for(;t;){if(t===m||void 0===(null==t?void 0:t.parentNode))return;t=t.parentNode}}u(!1),m.focus()}),[m]),E=i.default.useCallback(((e,t,a)=>{p(t),o(e,a),u(!1),m.focus()}),[m,o]),j=`preset-editor-flyout-${a.replace(" ","-")}`;return i.default.createElement(i.default.Fragment,null,i.default.createElement(b.default,{label:a,labelPosition:t,labelWidth:n},i.default.createElement(c.default,{"data-test":"preset-selector-button",label:f,isMenu:!0,elementRef:C,onClick:_,"aria-label":`${a}, ${f}`,"aria-expanded":s,"aria-controls":j})),i.default.createElement(d.default,{id:j,animation:e,"data-test":"preset-editor-flyout",open:s,anchor:m,appearance:"normal",defaultPlacement:"horizontal",onRequestClose:O,role:"dialog"},i.default.createElement(g,{"data-test":"flyout-header"},i.default.createElement(h,{"data-test":"preset-selector-flyout-label"},a)),i.default.createElement(v,null,l.map((e=>i.default.createElement(x,{key:e.label,presetName:e.name,presetLabel:e.label,presetValue:e.value,selectedPreset:f,onPopoverClick:E,open:s}))))))}},9283:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),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 o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=l(o(23)),u=r(o(4008)),c=o(6801),d=o(5862),f=({label:e,labelPosition:t="top",labelWidth:o,help:a,tooltip:n})=>i.createElement(u.default,{label:e,labelPosition:t,labelWidth:o,hideLabel:!1,help:a,tooltip:n},i.createElement("div",{style:d.editorStyle},i.createElement("div",{"data-test":"editor-richtext"}))),p=Object.assign(Object.assign({},c.BaseEditorPropTypes),{className:s.string});f.propTypes=p,t.default=f},7364:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),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 o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=l(o(23)),u=o(4793),c=o(6649),d=o(8987),f=r(o(2373)),p=o(2687),m=r(o(6447)),b=o(9033),g=r(o(2965)),h=r(o(4008)),v=o(6801),y=o(1385),C={},_={},O={},E=({name:e,value:t=C,dataSourceBindings:o,onChange:a,options:n=_,isCategorical:l=!1,context:r,optionsSchema:v=O})=>{var E;const[x,j]=(0,i.useState)(Object.values(t)),[P,w]=(0,i.useState)(Object.keys(t));(0,i.useEffect)((()=>{j(Object.values(t)),w(Object.keys(t))}),[JSON.stringify(t)]);const D=(0,y.useDataSource)({dataSourceBindings:o,dataSourceKey:"primary"}),{isLoading:S}=(0,i.useMemo)((()=>(0,b.getDataSourceStateInfo)(D)),[D]),{category:T=(null===(E=null==v?void 0:v.category)||void 0===E?void 0:E.default)}=null!=n?n:{},k=(0,i.useMemo)((()=>{var e,t;if(l){if(!T)return[];if(Array.isArray(T))return[...new Set(T.map((e=>null==e?void 0:e.toString())).filter((e=>!(0,u.isEmpty)(e))))];if(!S&&m.default.isDslString(T)){const e=p.Options.evaluate({context:r,options:Object.assign(Object.assign({},n),{category:T})},{primary:D});if(Array.isArray(e.category))return[...new Set(e.category.map((e=>null==e?void 0:e.toString())).filter((e=>!(0,u.isEmpty)(e))))]}return[]}return null!==(t=null===(e=null==D?void 0:D.data)||void 0===e?void 0:e.fields.map((e=>e.name)))&&void 0!==t?t:[]}),[r,D,l,n,T,S]),{editorLabel:M,flyoutTitle:F,addColorButtonLabel:R}=(0,i.useMemo)((()=>l?{editorLabel:(0,c._)("Series colors by category name"),flyoutTitle:(0,c._)("Color by category name"),addColorButtonLabel:(0,c._)("Add category")}:{editorLabel:(0,c._)("Series colors by field name"),flyoutTitle:(0,c._)("Color by field name"),addColorButtonLabel:(0,c._)("Add field")}),[l]),B=({updatedColors:e,updatedFields:t})=>{const o={};return t.forEach(((t,a)=>{o[t]=e[a]})),o},A=(0,i.useCallback)(((t,o,n)=>{if(n.length>k.length)return;const l=P;if(n.length>x.length){const e=k.find((e=>!P.includes(e)));l.push(e)}if(n.length<x.length){const e=x.findIndex((e=>!n.includes(e)));l.splice(e,1)}a(null,e,B({updatedColors:n,updatedFields:l}))}),[k,a,e,P,x]),I=(0,i.useCallback)((({newFieldIndex:t,currFieldIndex:o})=>{const n=P.includes(k[t]),l=P;if(n){const e=P.indexOf(k[t]),a=P[o];l[o]=P[e],l[e]=a}else l[o]=k[t];a(null,e,B({updatedColors:x,updatedFields:l}))}),[P,k,x,e,a]),L=(0,i.useMemo)((()=>(({fields:e,dsFields:t,handleFieldChange:o})=>{const a=({index:a})=>{const n=(0,i.useMemo)((()=>t.map(((e,t)=>i.default.createElement(f.default.Option,{label:e,value:t,key:(0,d.createDOMID)(),"data-test":`${e}-${a}`})))),[a]),l=(0,i.useCallback)(((e,{value:t})=>{o({newFieldIndex:t,currFieldIndex:a})}),[a]),r=t.indexOf(e[a]);return i.default.createElement(f.default,{value:r,onChange:l,style:{width:190},"data-test":"field-select"},n)};return a.propTypes={index:s.number},a})({fields:P,dsFields:k,handleFieldChange:I})),[k,P,I]);return i.default.createElement(h.default,{label:M,labelPosition:"top","data-test":"SeriesColorsByFieldEditor"},i.default.createElement(g.default,{value:x,onChange:A,name:"series",canReorderColors:!1,flyoutTitle:F,addColorButtonLabel:R,CustomColorMatchEditor:L,isDisabled:k.length<1,canAddNewColors:P.length<k.length}))};E.propTypes=Object.assign(Object.assign({},v.BaseEditorPropTypes),{isCategorical:s.bool}),t.default=E},5695:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),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 o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.PALETTES=void 0;const i=l(o(9497)),s=l(o(23)),u=r(o(232)),c=o(4793),d=r(o(7020)),f=r(o(7143)),p=r(o(6214)),m=r(o(4233)),b=o(6649),g=o(3850),h=r(o(2965)),v=o(1705),y=r(o(4008)),C=r(o(1494)),_=o(5862),O=o(6801);t.PALETTES={default:{id:"default",name:(0,b._)("Default"),palette:g.VIZ_CATEGORICAL},custom:{id:"custom",name:(0,b._)("Custom"),palette:[]}};const E=u.default.div`
     width: 120px;
     margin-right: 20px;
     display: flex;
@@ -487,7 +487,7 @@
     display: flex;
     flex-direction: column;
     margin-left: ${c.default.spacingMedium};
-`;t.handleUpdateRangeBoundary=({rangeBoundaryIndex:e,setError:t,shouldUpdate:o,updateRangeBoundary:a,value:n})=>{if(o){const o=a(n,e);o&&o.error&&t(o.error)}};t.default=({initialValue:e,rangeBoundaryIndex:o,rangeText:a,rangeValues:n,showNumberEditor:l=!0,updateRangeBoundary:r})=>{const[s,u]=i.useState(null),[c,g]=i.useState(!1),[h,v]=i.useState(null),y=i.useCallback((()=>{g(!0)}),[]),C=i.useCallback(((e,{value:a})=>{u(a),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:o,setError:v,shouldUpdate:!c,updateRangeBoundary:r,value:a})}),[c,o,r]),_=i.useCallback((()=>{g(!1),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:o,setError:v,shouldUpdate:"number"==typeof s&&s!==e,updateRangeBoundary:r,value:s})}),[o,s,e,r]),O=i.useCallback((a=>(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:o,setError:v,shouldUpdate:"Enter"===a.key&&"number"==typeof s&&s!==e,updateRangeBoundary:r,value:s})),[o,s,e,r]);return i.useEffect((()=>{h&&!n.includes(s)&&(v(null),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:o,setError:v,shouldUpdate:"number"==typeof s,updateRangeBoundary:r,value:s}))}),[s,h,o,n,r]),i.createElement(b,null,i.createElement(m,null,l&&i.createElement(p,{"data-test":"range-boundary-editor",error:!!h,onBlur:_,onChange:C,onFocus:y,onKeyUp:O,value:null!=s?s:e}),i.createElement(d,null,a)),l&&h&&i.createElement(f,null,h))}},1782:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),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 o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=r(o(7408));t.default=({color:e,colorIndex:t,onChange:o,palette:a})=>{const n=i.useCallback((({value:e})=>{let a=e;return null===a&&(a="transparent"),o({colorIndex:t,value:a})}),[t,o]);return i.createElement(s.default,{"data-test":`range-color-${e}`,value:e,palette:a,onChange:n,hideInput:!0})}},104:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),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 o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=l(o(23)),u=r(o(232)),c=o(6649),d=r(o(2841)),f=r(o(6959)),p=r(o(1782)),m=r(o(6900)),b=o(8548),g=u.default.div`
+`;t.handleUpdateRangeBoundary=({rangeBoundaryIndex:e,setError:t,shouldUpdate:o,updateRangeBoundary:a,value:n})=>{if(o){const o=a(n,e);o&&o.error&&t(o.error)}};t.default=({initialValue:e,rangeBoundaryIndex:o,rangeText:a,rangeValues:n,showNumberEditor:l=!0,updateRangeBoundary:r})=>{const[s,u]=i.useState(null),[c,g]=i.useState(!1),[h,v]=i.useState(null),y=i.useCallback((()=>{g(!0)}),[]),C=i.useCallback(((e,{value:a})=>{u(a),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:o,setError:v,shouldUpdate:!c,updateRangeBoundary:r,value:a})}),[c,o,r]),_=i.useCallback((()=>{g(!1),"number"==typeof s?(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:o,setError:v,shouldUpdate:s!==e,updateRangeBoundary:r,value:s}):u(null)}),[o,s,e,r]),O=i.useCallback((a=>{"Enter"===a.key&&("number"==typeof s?(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:o,setError:v,shouldUpdate:s!==e,updateRangeBoundary:r,value:s}):u(null))}),[o,s,e,r]);return i.useEffect((()=>{h&&!n.includes(s)&&(v(null),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:o,setError:v,shouldUpdate:"number"==typeof s,updateRangeBoundary:r,value:s}))}),[s,h,o,n,r]),i.createElement(b,null,i.createElement(m,null,l&&i.createElement(p,{"data-test":"range-boundary-editor",error:!!h,onBlur:_,onChange:C,onFocus:y,onKeyUp:O,value:null===s?e:s}),i.createElement(d,null,a)),l&&h&&i.createElement(f,null,h))}},1782:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),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 o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=r(o(7408));t.default=({color:e,colorIndex:t,onChange:o,palette:a})=>{const n=i.useCallback((({value:e})=>{let a=e;return null===a&&(a="transparent"),o({colorIndex:t,value:a})}),[t,o]);return i.createElement(s.default,{"data-test":`range-color-${e}`,value:e,palette:a,onChange:n,hideInput:!0})}},104:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),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 o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=l(o(23)),u=r(o(232)),c=o(6649),d=r(o(2841)),f=r(o(6959)),p=r(o(1782)),m=r(o(6900)),b=o(8548),g=u.default.div`
     padding-top: 10px;
 `,h=u.default.div`
     display: flex;