@splunk/dynamic-editors 0.42.2 → 0.43.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/DynamicEditor.js +35 -38
  3. package/DynamicEditor.js.map +1 -1
  4. package/containers/EditorItem.js +56 -59
  5. package/containers/EditorItem.js.map +1 -1
  6. package/containers/EditorLayout.js +75 -78
  7. package/containers/EditorLayout.js.map +1 -1
  8. package/containers/EditorLayoutItem.js +50 -53
  9. package/containers/EditorLayoutItem.js.map +1 -1
  10. package/editors/ColorEditor.js +1 -1
  11. package/editors/ColorEditor.js.map +1 -1
  12. package/editors/DynamicColorEditor.js +4 -4
  13. package/editors/DynamicColorEditor.js.map +1 -1
  14. package/editors/DynamicColorEditorWithPrecedence.js +4 -4
  15. package/editors/DynamicColorEditorWithPrecedence.js.map +1 -1
  16. package/editors/MarkdownEditor.js +14 -17
  17. package/editors/MarkdownEditor.js.map +1 -1
  18. package/editors/MultiColorPickerEditor.js +3 -3
  19. package/editors/MultiColorPickerEditor.js.map +1 -1
  20. package/editors/NetworkGraphDynamicColorEditor.js +7 -7
  21. package/editors/NetworkGraphDynamicColorEditor.js.map +1 -1
  22. package/editors/SeriesColorsByFieldEditor.js +3 -3
  23. package/editors/SeriesColorsByFieldEditor.js.map +1 -1
  24. package/editors/SeriesColorsEditor.js +10 -10
  25. package/editors/SeriesColorsEditor.js.map +1 -1
  26. package/editors/TableColumnFormatterEditor.js +102 -105
  27. package/editors/TableColumnFormatterEditor.js.map +1 -1
  28. package/editors/TableDynamicColorEditor.js +4 -4
  29. package/editors/TableDynamicColorEditor.js.map +1 -1
  30. package/editors/ThresholdEditor.js +1 -1
  31. package/editors/ThresholdEditor.js.map +1 -1
  32. package/package.json +5 -5
@@ -2,20 +2,20 @@
2
2
  * Copyright © 2018 Splunk Inc.
3
3
  * SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
4
4
  * in part without a valid written license from Splunk Inc. is PROHIBITED.
5
- */(()=>{"use strict";var e={6004:(e,t,a)=>{a.r(t),a.d(t,{default:()=>oe,editorTypeToComponentMap:()=>te});var o=a(2649),l=a.n(o),r=a(9497),n=a.n(r),i=a(23),s=a.n(i),u=a(2749),d=a.n(u),c=a(4182),f=a(3263),p=a(9967),m=a(2065),g=a(3797),b=a(437),h=a(3068),v=a(148),y=a.n(v),C=a(4215),_=a.n(C),O=a(2406),E=a(2055),x=a(1027),P=a(152),j=a(8281),w=a(4942),D=a.n(w),T=a(5731),S=a.n(T),M=a(6116),k=a.n(M),F=a(8444),R=a(4680),B=a(7970),A=a.n(B),I=a(5456),L=a(7585),$=a.n(L),N=a(2117),V=a.n(N),q=a(2965),W=a.n(q),U=a(5695),z=a.n(U),G=a(7364),K=a.n(G),H=a(9172),Y=a.n(H),X=a(5678),Z=a.n(X),J=a(8687),Q=a.n(J),ee=a(1546);const te={"editor.checkbox":d(),"editor.radioBar":f.default,"editor.select":c.default,"editor.text":p.default,"editor.textArea":Q(),"editor.toggle":m.default,"editor.number":g.default,"editor.color":b.default,"editor.percent":h.default,"editor.image":O.default,"editor.threshold":E.default,"editor.presetSelector":_(),"editor.dynamicColor":P.DynamicColorEditor,"editor.dynamicColorWithPrecedence":j.DynamicColorEditorWithPrecedence,"editor.columnMultiSelector":D(),"editor.columnSelector":S(),"editor.tableColumnFormatter":k(),"editor.tableBackgroundColor":R.TableBackgroundColorEditor,"editor.tableDynamicColor":F.TableDynamicColorEditor,"editor.slider":y(),"editor.markdown":A(),"editor.staticItem":I.default,"editor.dynamicItem":$(),"editor.arrayOfStrings":V(),"editor.multiColorPicker":W(),"editor.seriesColors":z(),"editor.seriesColorsByField":K(),"editor.columnMultiSelectionByFieldNameEditor":Y(),"editor.trellisSplitBy":Z(),"editor.networkGraphDynamicColor":ee.NetworkGraphDynamicColorEditor},ae=({item:e,name:t,itemSchema:a,dataSourceBindings:o,context:r,value:i,onChange:s,isDisabled:u,options:d,optionsSchema:c})=>{const{editor:f}=e;let p;if("string"==typeof f){if(!te[f])throw Error(`Invalid editor type: ${f}`);p=te[f]}else p=f;const m=(0,x.getStaticItemSchema)(a);return n().createElement("div",{key:e.option||e.encoding,"data-test":`editor-${t}`},n().createElement(p,l()({},e.editorProps,{name:t,isOption:!!e.option,itemSchema:m,dataSourceBindings:o,label:e.label,onChange:s,value:i,context:r,placeholder:e.placeholder,isAdvanced:e.isAdvanced,isDisabled:u,options:d,optionsSchema:c})))};ae.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 oe=ae},437:(e,t,a)=>{a.r(t),a.d(t,{default:()=>S});var o=a(9497),l=a.n(o),r=a(23),n=a.n(r),i=a(232),s=a.n(i),u=a(4793),d=a(3563),c=a(7408),f=a.n(c),p=a(4082),m=a.n(p),g=a(8987),b=a(6649);const h=require("@splunk/react-ui/ScreenReaderContent");var v=a.n(h);const y=require("@splunk/visualizations-shared/colorConstants");var C=a(3283),_=a(4008),O=a.n(_);const E=s().div`
6
- max-height: ${d.variables.inputHeight};
5
+ */(()=>{"use strict";var e={6004:(e,t,a)=>{a.r(t),a.d(t,{default:()=>oe,editorTypeToComponentMap:()=>te});var o=a(2649),l=a.n(o),r=a(9497),n=a.n(r),i=a(23),s=a.n(i),u=a(2749),c=a.n(u),d=a(4182),f=a(3263),p=a(9967),m=a(2065),b=a(3797),g=a(397),h=a(3068),v=a(148),y=a.n(v),C=a(4215),_=a.n(C),O=a(2406),E=a(2055),x=a(1027),P=a(152),j=a(8281),w=a(4942),D=a.n(w),T=a(5731),S=a.n(T),M=a(6116),k=a.n(M),F=a(8444),R=a(4680),B=a(7970),A=a.n(B),I=a(5456),L=a(7585),$=a.n(L),N=a(2117),V=a.n(N),q=a(2965),W=a.n(q),U=a(5695),z=a.n(U),G=a(7364),K=a.n(G),H=a(9172),Y=a.n(H),X=a(5678),Z=a.n(X),J=a(8687),Q=a.n(J),ee=a(1546);const te={"editor.checkbox":c(),"editor.radioBar":f.default,"editor.select":d.default,"editor.text":p.default,"editor.textArea":Q(),"editor.toggle":m.default,"editor.number":b.default,"editor.color":g.default,"editor.percent":h.default,"editor.image":O.default,"editor.threshold":E.default,"editor.presetSelector":_(),"editor.dynamicColor":P.DynamicColorEditor,"editor.dynamicColorWithPrecedence":j.DynamicColorEditorWithPrecedence,"editor.columnMultiSelector":D(),"editor.columnSelector":S(),"editor.tableColumnFormatter":k(),"editor.tableBackgroundColor":R.TableBackgroundColorEditor,"editor.tableDynamicColor":F.TableDynamicColorEditor,"editor.slider":y(),"editor.markdown":A(),"editor.staticItem":I.default,"editor.dynamicItem":$(),"editor.arrayOfStrings":V(),"editor.multiColorPicker":W(),"editor.seriesColors":z(),"editor.seriesColorsByField":K(),"editor.columnMultiSelectionByFieldNameEditor":Y(),"editor.trellisSplitBy":Z(),"editor.networkGraphDynamicColor":ee.NetworkGraphDynamicColorEditor},ae=({item:e,name:t,itemSchema:a,dataSourceBindings:o,context:r,value:i,onChange:s,isDisabled:u,options:c,optionsSchema:d})=>{const{editor:f}=e;let p;if("string"==typeof f){if(!te[f])throw Error(`Invalid editor type: ${f}`);p=te[f]}else p=f;const m=(0,x.getStaticItemSchema)(a);return n().createElement("div",{key:e.option||e.encoding,"data-test":`editor-${t}`},n().createElement(p,l()({},e.editorProps,{name:t,isOption:!!e.option,itemSchema:m,dataSourceBindings:o,label:e.label,onChange:s,value:i,context:r,placeholder:e.placeholder,isAdvanced:e.isAdvanced,isDisabled:u,options:c,optionsSchema:d})))};ae.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 oe=ae},397:(e,t,a)=>{a.r(t),a.d(t,{default:()=>S});var o=a(9497),l=a.n(o),r=a(23),n=a.n(r),i=a(232),s=a.n(i),u=a(4793),c=a(3563),d=a(7408),f=a.n(d),p=a(4082),m=a.n(p),b=a(8987),g=a(6649),h=a(2621),v=a.n(h);const y=require("@splunk/visualizations-shared/colorConstants");var C=a(3283),_=a(4008),O=a.n(_);const E=s().div`
6
+ max-height: ${c.variables.inputHeight};
7
7
  width: 100%;
8
8
  min-width: 0;
9
9
  `,x=s()(m())`
10
- max-height: ${d.variables.inputHeight};
11
- `,P=({color:e,defaultColor:t,prevColor:a})=>{const o="string"==typeof e?e.trim():e;return(0,C.isColor)(o)||null===o?o:(0,C.isColor)(t)?t:(0,C.isColor)(a)||null===a?a:"transparent"},j=({id:e,showTextInput:t,color:a,palette:r,handleColorChange:n,labelledBy:i,textWidth:s,value:u,name:d,handleTextColorChange:c,handleKeyPress:p,handleBlur:m,isDisabled:h})=>{const y=(0,o.useMemo)((()=>(0,g.createDOMID)("color-code")),[]);return l().createElement(l().Fragment,null,l().createElement("div",null,l().createElement(f(),{key:"color-editor",append:t,value:P({color:a}),palette:r,onChange:n,"data-test":`color-picker-${d}`,disabled:h,hideInput:!0,labelledBy:i})),t&&l().createElement(E,{"data-test":"text-container",textWidth:s},l().createElement(v(),{id:y},(0,b._)("Color code input")),l().createElement(x,{key:u,"data-test":d,prepend:!0,value:null===a?"N/A":a,onChange:c,onKeyDown:p,onBlur:m,disabled:h,style:{height:"32px"},labelledBy:`${i} ${y}`,inputId:e})))};j.propTypes={id:n().string,showTextInput:n().bool,color:n().string,palette:n().arrayOf(n().string),handleColorChange:n().func,labelledBy:n().string,textWidth:n().oneOfType([n().string,n().number]),value:n().string,name:n().string.isRequired,handleTextColorChange:n().func,handleKeyPress:n().func,handleBlur:n().func,isDisabled:n().bool};const w={default:"transparent"},D={},T=({name:e="color",value:t="transparent",label:a="",labelPosition:r="top",labelWidth:n,palette:i=y.COLOR_EDITOR_PALETTE,onChange:s=u.noop,itemSchema:d=w,isDisabled:c=!1,textWidth:f="auto",hideLabel:p=!1,showTextInput:m=!0,style:g=D})=>{const[b,h]=(0,o.useState)(t);(0,o.useEffect)((()=>{h(t)}),[t]);const v=(0,o.useMemo)((()=>(0,u.debounce)(s,250)),[s]),C=(0,o.useCallback)((({value:a})=>{const o=P({color:a,defaultColor:d.default,prevColor:t});h(o),t!==o&&v(null,e,o)}),[v,d.default,e,t]),_=(0,o.useCallback)(((e,{value:t})=>{const a="n/a"===(0,u.toLower)(t).trim()?null:t;h(a)}),[]),E=(0,o.useCallback)((a=>{if("Escape"!==a.key){if("Enter"===a.key&&t!==b){const o=P({color:b,defaultColor:d.default,prevColor:t});h(o),o!==t&&s(a,e,o)}}else h(t)}),[e,b,t,s,d.default]),x=(0,o.useCallback)((a=>{if(b!==t){const o=P({color:b,defaultColor:d.default,prevColor:t});h(o),o!==t&&s(a,e,o)}}),[e,b,t,s,d.default]);return l().createElement(O(),{label:a,labelPosition:r,labelWidth:n,style:g,hideLabel:p,controlsLayout:"fillJoin"},l().createElement(j,{showTextInput:m,color:b,palette:i,handleColorChange:C,name:e,isDisabled:c,textWidth:f,value:t,handleTextColorChange:_,handleKeyPress:E,handleBlur:x}))};T.propTypes={name:n().string.isRequired,value:n().string,itemSchema:n().object,label:n().string.isRequired,hideLabel:n().bool,showTextInput:n().bool,style:n().object,labelPosition:n().oneOf(["top","left"]),labelWidth:n().number,palette:n().arrayOf(n().string),onChange:n().func.isRequired,isDisabled:n().bool,textWidth:n().oneOfType([n().string,n().number])};const S=T},2406:(e,t,a)=>{a.d(t,{default:()=>Z});var o=a(9497),l=a.n(o),r=a(23),n=a.n(r);const i=require("@splunk/visualization-context/ImageContext");var s=a.n(i),u=a(4008),d=a.n(u),c=a(6195),f=a.n(c),p=a(232),m=a.n(p),g=a(6649),b=a(6447),h=a.n(b),v=a(4082),y=a.n(v);const C=require("@splunk/react-ui/Image");var _=a.n(C),O=a(7464),E=a.n(O),x=a(4793),P=a(962);const j=m().div`
10
+ max-height: ${c.variables.inputHeight};
11
+ `,P=({color:e,defaultColor:t,prevColor:a})=>{const o="string"==typeof e?e.trim():e;return(0,C.isColor)(o)||null===o?o:(0,C.isColor)(t)?t:(0,C.isColor)(a)||null===a?a:"transparent"},j=({id:e,showTextInput:t,color:a,palette:r,handleColorChange:n,labelledBy:i,textWidth:s,value:u,name:c,handleTextColorChange:d,handleKeyPress:p,handleBlur:m,isDisabled:h})=>{const y=(0,o.useMemo)((()=>(0,b.createDOMID)("color-code")),[]);return l().createElement(l().Fragment,null,l().createElement("div",null,l().createElement(f(),{key:"color-editor",append:t,value:P({color:a}),palette:r,onChange:n,"data-test":`color-picker-${c}`,disabled:h,hideInput:!0,labelledBy:i})),t&&l().createElement(E,{"data-test":"text-container",textWidth:s},l().createElement(v(),{id:y},(0,g._)("Color code input")),l().createElement(x,{key:u,"data-test":c,prepend:!0,value:null===a?"N/A":a,onChange:d,onKeyDown:p,onBlur:m,disabled:h,style:{height:"32px"},labelledBy:`${i} ${y}`,inputId:e})))};j.propTypes={id:n().string,showTextInput:n().bool,color:n().string,palette:n().arrayOf(n().string),handleColorChange:n().func,labelledBy:n().string,textWidth:n().oneOfType([n().string,n().number]),value:n().string,name:n().string.isRequired,handleTextColorChange:n().func,handleKeyPress:n().func,handleBlur:n().func,isDisabled:n().bool};const w={default:"transparent"},D={},T=({name:e="color",value:t="transparent",label:a="",labelPosition:r="top",labelWidth:n,palette:i=y.COLOR_EDITOR_PALETTE,onChange:s=u.noop,itemSchema:c=w,isDisabled:d=!1,textWidth:f="auto",hideLabel:p=!1,showTextInput:m=!0,style:b=D})=>{const[g,h]=(0,o.useState)(t);(0,o.useEffect)((()=>{h(t)}),[t]);const v=(0,o.useMemo)((()=>(0,u.debounce)(s,250)),[s]),C=(0,o.useCallback)((({value:a})=>{const o=P({color:a,defaultColor:c.default,prevColor:t});h(o),t!==o&&v(null,e,o)}),[v,c.default,e,t]),_=(0,o.useCallback)(((e,{value:t})=>{const a="n/a"===(0,u.toLower)(t).trim()?null:t;h(a)}),[]),E=(0,o.useCallback)((a=>{if("Escape"!==a.key){if("Enter"===a.key&&t!==g){const o=P({color:g,defaultColor:c.default,prevColor:t});h(o),o!==t&&s(a,e,o)}}else h(t)}),[e,g,t,s,c.default]),x=(0,o.useCallback)((a=>{if(g!==t){const o=P({color:g,defaultColor:c.default,prevColor:t});h(o),o!==t&&s(a,e,o)}}),[e,g,t,s,c.default]);return l().createElement(O(),{label:a,labelPosition:r,labelWidth:n,style:b,hideLabel:p,controlsLayout:"fillJoin"},l().createElement(j,{showTextInput:m,color:g,palette:i,handleColorChange:C,name:e,isDisabled:d,textWidth:f,value:t,handleTextColorChange:_,handleKeyPress:E,handleBlur:x}))};T.propTypes={name:n().string.isRequired,value:n().string,itemSchema:n().object,label:n().string.isRequired,hideLabel:n().bool,showTextInput:n().bool,style:n().object,labelPosition:n().oneOf(["top","left"]),labelWidth:n().number,palette:n().arrayOf(n().string),onChange:n().func.isRequired,isDisabled:n().bool,textWidth:n().oneOfType([n().string,n().number])};const S=T},2406:(e,t,a)=>{a.d(t,{default:()=>Z});var o=a(9497),l=a.n(o),r=a(23),n=a.n(r);const i=require("@splunk/visualization-context/ImageContext");var s=a.n(i),u=a(4008),c=a.n(u),d=a(6195),f=a.n(d),p=a(232),m=a.n(p),b=a(6649),g=a(6447),h=a.n(g),v=a(4082),y=a.n(v);const C=require("@splunk/react-ui/Image");var _=a.n(C),O=a(7464),E=a.n(O),x=a(4793),P=a(962);const j=m().div`
12
12
  padding-bottom: 5px;
13
13
  width: 100%;
14
14
  text-align: center;
15
15
  `,w={marginBottom:10},D={width:"100%"},T=m().span`
16
16
  font-size: smaller;
17
17
  font-style: italic;
18
- `,S=(0,g._)("Note: Uploaded image files can be accessed and deleted by others in your organization"),M=(0,x.memoize)(((e,t)=>{const a=e.slice();if(t)-1===a.indexOf("svg")&&a.push("svg");else{const e=a.indexOf("svg");e>-1&&a.splice(e,1)}return a}),((e,t)=>`${t}-${e.join("-")}`));class k extends o.Component{constructor(e){super(e),f()(this,"violationHandler",(e=>{e.blockedURI!==this.state.urlValue&&e.blockedURI!==`${this.state.urlValue}/`||"enforce"!==e.disposition?e.blockedURI!==this.state.urlValue&&e.blockedURI!==`${this.state.urlValue}/`||"report"!==e.disposition||this.setState({violationType:"warning"}):this.setState({violationType:"error"})})),f()(this,"checkImage",(e=>{if(!e)return;const t=new Image;t.onload=()=>{this.props.handleImageUpload({src:e})},t.onerror=()=>{this.setState((e=>e.urlValue?{validUrl:!1}:void 0))},t.src=e})),f()(this,"handleURLChange",((e,{value:t})=>{this.setState({urlValue:t,validUrl:!0,violationType:"none"})})),f()(this,"handleTextKeyDown",(e=>{"Enter"===e.key&&(e.preventDefault(),this.checkImage(this.state.urlValue))})),f()(this,"handleBlur",(e=>{var t;null!==(t=this.inputRef.current)&&void 0!==t&&t.contains(e.relatedTarget)||this.checkImage(this.state.urlValue)})),f()(this,"trackInputRef",(e=>{this.inputRef.current=e,e&&e.addEventListener("focusout",this.handleBlur)})),f()(this,"handleOnImageChange",(({filename:e,imageDataURI:t})=>{e&&t?this.props.handleImageUpload({filename:e,imageDataURI:t}):this.props.handleImageUpload({filename:null,imageDataURI:null})})),this.state={urlValue:"",validUrl:!0,violationType:"none"},this.inputRef=l().createRef()}componentDidMount(){document.addEventListener("securitypolicyviolation",this.violationHandler)}componentWillUnmount(){document.removeEventListener("securitypolicyviolation",this.violationHandler),this.inputRef.current&&this.inputRef.current.removeEventListener("focusout",this.handleBlur)}render(){const{enableImageFileUpload:e,enableSVGImageUpload:t,enableSvgHttpDownloader:a,enableGallerySharingWarning:o}=this.context||{},r=M(this.props.validImageTypes,t),n=r.indexOf("svg")<0||this.props.svgRenderAsDom&&r.indexOf("svg")>-1&&a||!this.props.svgRenderAsDom&&r.indexOf("svg")>-1,i="none"!==this.state.violationType?l().createElement(P.CSPMessage,{type:this.state.violationType}):l().createElement(h(),{appearance:"fill",type:"error"},(0,g._)("We can't find an image with this URL. Please enter a new URL."));return l().createElement(j,null,n&&l().createElement(y(),{canClear:!0,value:this.state.urlValue,onChange:this.handleURLChange,onKeyDown:this.handleTextKeyDown,style:w,elementRef:this.trackInputRef}),this.state.validUrl?e&&l().createElement(l().Fragment,null,l().createElement(_(),{style:D,defaultFilename:null,defaultImageDataURI:null,onImageChange:this.handleOnImageChange,allowExtensions:r}),o&&l().createElement(T,{"data-test":"gallery-sharing-warning"},S)):i)}}f()(k,"contextType",E()),k.propTypes={handleImageUpload:n().func,validImageTypes:n().array,svgRenderAsDom:n().bool},k.defaultProps={handleImageUpload:()=>{},validImageTypes:["gif","jpeg","jpg","png","webp"],svgRenderAsDom:!1};const F=k;var R=a(8855),B=a.n(R),A=a(7020),I=a.n(A),L=a(3563),$=a(5135),N=a(137);const V=l().createElement(B(),null),q=m().div`
18
+ `,S=(0,b._)("Note: Uploaded image files can be accessed and deleted by others in your organization"),M=(0,x.memoize)(((e,t)=>{const a=e.slice();if(t)-1===a.indexOf("svg")&&a.push("svg");else{const e=a.indexOf("svg");e>-1&&a.splice(e,1)}return a}),((e,t)=>`${t}-${e.join("-")}`));class k extends o.Component{constructor(e){super(e),f()(this,"violationHandler",(e=>{e.blockedURI!==this.state.urlValue&&e.blockedURI!==`${this.state.urlValue}/`||"enforce"!==e.disposition?e.blockedURI!==this.state.urlValue&&e.blockedURI!==`${this.state.urlValue}/`||"report"!==e.disposition||this.setState({violationType:"warning"}):this.setState({violationType:"error"})})),f()(this,"checkImage",(e=>{if(!e)return;const t=new Image;t.onload=()=>{this.props.handleImageUpload({src:e})},t.onerror=()=>{this.setState((e=>e.urlValue?{validUrl:!1}:void 0))},t.src=e})),f()(this,"handleURLChange",((e,{value:t})=>{this.setState({urlValue:t,validUrl:!0,violationType:"none"})})),f()(this,"handleTextKeyDown",(e=>{"Enter"===e.key&&(e.preventDefault(),this.checkImage(this.state.urlValue))})),f()(this,"handleBlur",(e=>{var t;null!==(t=this.inputRef.current)&&void 0!==t&&t.contains(e.relatedTarget)||this.checkImage(this.state.urlValue)})),f()(this,"trackInputRef",(e=>{this.inputRef.current=e,e&&e.addEventListener("focusout",this.handleBlur)})),f()(this,"handleOnImageChange",(({filename:e,imageDataURI:t})=>{e&&t?this.props.handleImageUpload({filename:e,imageDataURI:t}):this.props.handleImageUpload({filename:null,imageDataURI:null})})),this.state={urlValue:"",validUrl:!0,violationType:"none"},this.inputRef=l().createRef()}componentDidMount(){document.addEventListener("securitypolicyviolation",this.violationHandler)}componentWillUnmount(){document.removeEventListener("securitypolicyviolation",this.violationHandler),this.inputRef.current&&this.inputRef.current.removeEventListener("focusout",this.handleBlur)}render(){const{enableImageFileUpload:e,enableSVGImageUpload:t,enableSvgHttpDownloader:a,enableGallerySharingWarning:o}=this.context||{},r=M(this.props.validImageTypes,t),n=r.indexOf("svg")<0||this.props.svgRenderAsDom&&r.indexOf("svg")>-1&&a||!this.props.svgRenderAsDom&&r.indexOf("svg")>-1,i="none"!==this.state.violationType?l().createElement(P.CSPMessage,{type:this.state.violationType}):l().createElement(h(),{appearance:"fill",type:"error"},(0,b._)("We can't find an image with this URL. Please enter a new URL."));return l().createElement(j,null,n&&l().createElement(y(),{canClear:!0,value:this.state.urlValue,onChange:this.handleURLChange,onKeyDown:this.handleTextKeyDown,style:w,elementRef:this.trackInputRef}),this.state.validUrl?e&&l().createElement(l().Fragment,null,l().createElement(_(),{style:D,defaultFilename:null,defaultImageDataURI:null,onImageChange:this.handleOnImageChange,allowExtensions:r}),o&&l().createElement(T,{"data-test":"gallery-sharing-warning"},S)):i)}}f()(k,"contextType",E()),k.propTypes={handleImageUpload:n().func,validImageTypes:n().array,svgRenderAsDom:n().bool},k.defaultProps={handleImageUpload:()=>{},validImageTypes:["gif","jpeg","jpg","png","webp"],svgRenderAsDom:!1};const F=k;var R=a(8855),B=a.n(R),A=a(7020),I=a.n(A),L=a(3563),$=a(5135),N=a(137);const V=l().createElement(B(),null),q=m().div`
19
19
  width: 100%;
20
20
  padding-bottom: 5px;
21
21
  `,W=m().div`
@@ -50,23 +50,23 @@
50
50
  margin: 0 auto;
51
51
  max-width: 100%;
52
52
  max-height: 180px;
53
- `,H=({filename:e=null,imageDataURI:t=null,onImageRemove:a=x.noop,overrideCSPViolation:o})=>{const r=(0,$.useCSPViolationObserver)(t,o);return l().createElement(q,null,l().createElement(W,null,l().createElement(U,null,l().createElement(z,null,e),l().createElement(G,{"aria-label":(0,g._)("Remove image"),appearance:"subtle",icon:V,onClick:a})),l().createElement(K,{alt:e,src:t})),"none"!==r&&l().createElement(N.MessageContainer,null,l().createElement(P.CSPMessage,{type:r})))};H.propTypes={filename:n().string,imageDataURI:n().string,onImageRemove:n().func,overrideCSPViolation:n().string};const Y=H,X=({onChange:e,name:t,value:a,labelPosition:r="top",labelWidth:n,label:i,validMediaTypes:u,svgRenderAsDom:c,overrideCSPViolation:f})=>{const p=(0,o.useContext)(s()),[m,g]=(0,o.useState)(null),[b,h]=(0,o.useState)(null),v=(0,o.useCallback)((async(a,o)=>{try{const l=await p.upload(o,{name:a},null,u);e(null,t,l)}catch(e){console.warn(e)}}),[p,u,e,t]),y=(0,o.useCallback)((({src:a,filename:o,imageDataURI:l})=>a?e(null,t,a):null!==o&&null!==l?v(o,l):e(null,t,null)),[v,e,t]),C=(0,o.useCallback)((a=>e(a,t,null)),[e,t]);return(0,o.useEffect)((()=>{(async()=>{if(a){const e=await(async(e,t)=>null!=e&&e.isResourceURL(t)?e.getByURL(t):{dataURI:t,metaData:{name:t}})(p,a);g(e.dataURI),h(e.metaData.name)}})()}),[a,p]),l().createElement(d(),{label:i,labelPosition:r,labelWidth:n},a?l().createElement(Y,{filename:b,imageDataURI:m,onImageRemove:C,overrideCSPViolation:f}):l().createElement(F,{svgRenderAsDom:c,validImageTypes:u,handleImageUpload:y}))};X.propTypes={onChange:n().func.isRequired,name:n().string.isRequired,label:n().string.isRequired,value:n().string,labelPosition:n().oneOf(["top","left"]),labelWidth:n().number,validMediaTypes:n().array,svgRenderAsDom:n().bool,overrideCSPViolation:n().string};const Z=X},3797:(e,t,a)=>{a.d(t,{default:()=>p});var o=a(9497),l=a.n(o),r=a(23),n=a.n(r),i=a(2782),s=a.n(i),u=a(4008),d=a.n(u),c=a(5592);const f=({onChange:e,name:t,value:a=null,labelPosition:r="top",labelWidth:n,label:i,min:u,max:f,step:p,isDisabled:m,help:g,helpFormat:b="under",defaultValue:h})=>{const v=(0,o.useCallback)(((a,o)=>{if(void 0===h&&null==o)return void e(a,t,o);const l=parseFloat(null!=o?o:h);Number.isFinite(l)&&e(a,t,l)}),[h,e,t]),{currentValue:y,handleChange:C,handleBlur:_,handleFocus:O,handleKeyPress:E}=(0,c.useNumberInput)({value:a,min:u,max:f,defaultValue:h,onValueChange:v});return l().createElement(d(),{label:i,labelPosition:r,labelWidth:n,help:"under"===b?g:void 0,tooltip:"tooltip"===b?g:void 0,tooltipDefaultPlacement:"top"},l().createElement(s(),{"data-test":t,min:u,max:f,step:p,onChange:C,onBlur:_,onFocus:O,onKeyDown:E,value:y,disabled:m}))};f.propTypes={onChange:n().func.isRequired,name:n().string.isRequired,label:n().string.isRequired,value:n().number,defaultValue:n().number,labelPosition:n().oneOf(["top","left"]),labelWidth:n().number,min:n().number,max:n().number,step:n().number,isDisabled:n().bool,help:n().string,helpFormat:n().oneOf(["text","under"])};const p=f},3068:(e,t,a)=>{a.d(t,{default:()=>u});var o=a(9497),l=a.n(o),r=a(23),n=a.n(r),i=a(3797);const s=({name:e,value:t=0,labelPosition:a="top",labelWidth:r,label:n,onChange:s,isDisabled:u=!1,help:d})=>{const c=(0,o.useCallback)(((e,t,a)=>{s(e,t,null==a?a:a/100)}),[s]);return l().createElement(i.default,{name:e,value:Math.round(100*t),label:n,labelPosition:a,labelWidth:r,onChange:c,min:0,max:100,step:1,disabled:u,help:d})};s.propTypes={onChange:n().func.isRequired,name:n().string.isRequired,label:n().string.isRequired,labelWidth:n().number,value:n().number,labelPosition:n().oneOf(["top","left"]),isDisabled:n().bool,help:n().string};const u=s},3263:(e,t,a)=>{a.r(t),a.d(t,{default:()=>y});var o=a(2649),l=a.n(o),r=a(9497),n=a.n(r),i=a(23),s=a.n(i),u=a(5411),d=a.n(u),c=a(6379),f=a.n(c),p=a(2166),m=a(1027),g=a(5862),b=a(4008),h=a.n(b);const v=({onChange:e,name:t,itemSchema:a,values:o,value:i,labelPosition:s="top",labelWidth:u,label:c,isDisabled:b=!1})=>{const v=(0,m.getOptions)(a,o),y=(0,p.hasTokens)(i)||b,C=(0,r.useCallback)(((a,{value:o})=>e(a,t,o)),[e,t]),_=c&&""!==c?void 0:{marginTop:"-8px"};return n().createElement(h(),{label:c,labelPosition:s,labelWidth:u,style:_},n().createElement(d(),{"data-test":t,onChange:C,value:i,style:g.editorStyle,disabled:y},v.map((e=>{const t=e.label||e.value,a={};return e.icon?a.startAdornment=n().createElement(f(),{content:t},n().createElement(e.icon,{hideDefaultTooltip:!0})):a.label=t,n().createElement(d().Option,l()({key:e.value,value:e.value,disabled:y},a))}))))};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 y=v},4182:(e,t,a)=>{a.r(t),a.d(t,{default:()=>g});var o=a(9497),l=a.n(o),r=a(23),n=a.n(r),i=a(2373),s=a.n(i),u=a(2166),d=a(1027),c=a(5862),f=a(4008),p=a.n(f);const m=({onChange:e,name:t,itemSchema:a,values:r,value:n,labelPosition:i="top",labelWidth:f,label:m,tooltip:g,isDisabled:b=!1,isAdvanced:h,hideLabel:v,help:y})=>{const C=(0,d.getOptions)(a,r),_=(0,u.hasTokens)(n)||b,O=(0,o.useCallback)(((a,{value:o})=>e(a,t,o)),[e,t]);return l().createElement(p(),{label:m,labelPosition:i,labelWidth:f,tooltip:g,help:y,isAdvanced:h,hideLabel:v},l().createElement(s(),{"data-test":t,onChange:O,value:n,disabled:_,style:c.editorStyle},C.map((e=>l().createElement(s().Option,{key:e.value,value:e.value,label:e.label||e.value,icon:e.icon?l().createElement(e.icon,null):null,description:e.description})))))};m.propTypes={onChange:n().func.isRequired,name:n().string.isRequired,itemSchema:n().object,values:n().arrayOf(n().shape({label:n().string,value:n().oneOfType([n().string,n().number]).isRequired,description:n().string})),value:n().oneOfType([n().string,n().number]),label:n().string.isRequired,labelPosition:n().oneOf(["left","top"]),labelWidth:n().number,tooltip:n().string,isDisabled:n().bool,isAdvanced:n().bool,hideLabel:n().bool,help:n().string};const g=m},5456:(e,t,a)=>{a.r(t),a.d(t,{default:()=>T});var o=a(6195),l=a.n(o),r=a(9497),n=a.n(r),i=a(23),s=a.n(i),u=a(232),d=a.n(u),c=a(4793),f=a(6649),p=a(8965),m=a.n(p),g=a(9967),b=a(4008),h=a.n(b);function v(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,o)}return a}function y(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?v(Object(a),!0).forEach((function(t){l()(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):v(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}const C=d().div`
53
+ `,H=({filename:e=null,imageDataURI:t=null,onImageRemove:a=x.noop,overrideCSPViolation:o})=>{const r=(0,$.useCSPViolationObserver)(t,o);return l().createElement(q,null,l().createElement(W,null,l().createElement(U,null,l().createElement(z,null,e),l().createElement(G,{"aria-label":(0,b._)("Remove image"),appearance:"subtle",icon:V,onClick:a})),l().createElement(K,{alt:e,src:t})),"none"!==r&&l().createElement(N.MessageContainer,null,l().createElement(P.CSPMessage,{type:r})))};H.propTypes={filename:n().string,imageDataURI:n().string,onImageRemove:n().func,overrideCSPViolation:n().string};const Y=H,X=({onChange:e,name:t,value:a,labelPosition:r="top",labelWidth:n,label:i,validMediaTypes:u,svgRenderAsDom:d,overrideCSPViolation:f})=>{const p=(0,o.useContext)(s()),[m,b]=(0,o.useState)(null),[g,h]=(0,o.useState)(null),v=(0,o.useCallback)((async(a,o)=>{try{const l=await p.upload(o,{name:a},null,u);e(null,t,l)}catch(e){console.warn(e)}}),[p,u,e,t]),y=(0,o.useCallback)((({src:a,filename:o,imageDataURI:l})=>a?e(null,t,a):null!==o&&null!==l?v(o,l):e(null,t,null)),[v,e,t]),C=(0,o.useCallback)((a=>e(a,t,null)),[e,t]);return(0,o.useEffect)((()=>{(async()=>{if(a){const e=await(async(e,t)=>null!=e&&e.isResourceURL(t)?e.getByURL(t):{dataURI:t,metaData:{name:t}})(p,a);b(e.dataURI),h(e.metaData.name)}})()}),[a,p]),l().createElement(c(),{label:i,labelPosition:r,labelWidth:n},a?l().createElement(Y,{filename:g,imageDataURI:m,onImageRemove:C,overrideCSPViolation:f}):l().createElement(F,{svgRenderAsDom:d,validImageTypes:u,handleImageUpload:y}))};X.propTypes={onChange:n().func.isRequired,name:n().string.isRequired,label:n().string.isRequired,value:n().string,labelPosition:n().oneOf(["top","left"]),labelWidth:n().number,validMediaTypes:n().array,svgRenderAsDom:n().bool,overrideCSPViolation:n().string};const Z=X},3797:(e,t,a)=>{a.d(t,{default:()=>p});var o=a(9497),l=a.n(o),r=a(23),n=a.n(r),i=a(2782),s=a.n(i),u=a(4008),c=a.n(u),d=a(5592);const f=({onChange:e,name:t,value:a=null,labelPosition:r="top",labelWidth:n,label:i,min:u,max:f,step:p,isDisabled:m,help:b,helpFormat:g="under",defaultValue:h})=>{const v=(0,o.useCallback)(((a,o)=>{if(void 0===h&&null==o)return void e(a,t,o);const l=parseFloat(null!=o?o:h);Number.isFinite(l)&&e(a,t,l)}),[h,e,t]),{currentValue:y,handleChange:C,handleBlur:_,handleFocus:O,handleKeyPress:E}=(0,d.useNumberInput)({value:a,min:u,max:f,defaultValue:h,onValueChange:v});return l().createElement(c(),{label:i,labelPosition:r,labelWidth:n,help:"under"===g?b:void 0,tooltip:"tooltip"===g?b:void 0,tooltipDefaultPlacement:"top"},l().createElement(s(),{"data-test":t,min:u,max:f,step:p,onChange:C,onBlur:_,onFocus:O,onKeyDown:E,value:y,disabled:m}))};f.propTypes={onChange:n().func.isRequired,name:n().string.isRequired,label:n().string.isRequired,value:n().number,defaultValue:n().number,labelPosition:n().oneOf(["top","left"]),labelWidth:n().number,min:n().number,max:n().number,step:n().number,isDisabled:n().bool,help:n().string,helpFormat:n().oneOf(["text","under"])};const p=f},3068:(e,t,a)=>{a.d(t,{default:()=>u});var o=a(9497),l=a.n(o),r=a(23),n=a.n(r),i=a(3797);const s=({name:e,value:t=0,labelPosition:a="top",labelWidth:r,label:n,onChange:s,isDisabled:u=!1,help:c})=>{const d=(0,o.useCallback)(((e,t,a)=>{s(e,t,null==a?a:a/100)}),[s]);return l().createElement(i.default,{name:e,value:Math.round(100*t),label:n,labelPosition:a,labelWidth:r,onChange:d,min:0,max:100,step:1,disabled:u,help:c})};s.propTypes={onChange:n().func.isRequired,name:n().string.isRequired,label:n().string.isRequired,labelWidth:n().number,value:n().number,labelPosition:n().oneOf(["top","left"]),isDisabled:n().bool,help:n().string};const u=s},3263:(e,t,a)=>{a.r(t),a.d(t,{default:()=>y});var o=a(2649),l=a.n(o),r=a(9497),n=a.n(r),i=a(23),s=a.n(i),u=a(5411),c=a.n(u),d=a(6379),f=a.n(d),p=a(2166),m=a(1027),b=a(5862),g=a(4008),h=a.n(g);const v=({onChange:e,name:t,itemSchema:a,values:o,value:i,labelPosition:s="top",labelWidth:u,label:d,isDisabled:g=!1})=>{const v=(0,m.getOptions)(a,o),y=(0,p.hasTokens)(i)||g,C=(0,r.useCallback)(((a,{value:o})=>e(a,t,o)),[e,t]),_=d&&""!==d?void 0:{marginTop:"-8px"};return n().createElement(h(),{label:d,labelPosition:s,labelWidth:u,style:_},n().createElement(c(),{"data-test":t,onChange:C,value:i,style:b.editorStyle,disabled:y},v.map((e=>{const t=e.label||e.value,a={};return e.icon?a.startAdornment=n().createElement(f(),{content:t},n().createElement(e.icon,{hideDefaultTooltip:!0})):a.label=t,n().createElement(c().Option,l()({key:e.value,value:e.value,disabled:y},a))}))))};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 y=v},4182:(e,t,a)=>{a.r(t),a.d(t,{default:()=>b});var o=a(9497),l=a.n(o),r=a(23),n=a.n(r),i=a(2373),s=a.n(i),u=a(2166),c=a(1027),d=a(5862),f=a(4008),p=a.n(f);const m=({onChange:e,name:t,itemSchema:a,values:r,value:n,labelPosition:i="top",labelWidth:f,label:m,tooltip:b,isDisabled:g=!1,isAdvanced:h,hideLabel:v,help:y})=>{const C=(0,c.getOptions)(a,r),_=(0,u.hasTokens)(n)||g,O=(0,o.useCallback)(((a,{value:o})=>e(a,t,o)),[e,t]);return l().createElement(p(),{label:m,labelPosition:i,labelWidth:f,tooltip:b,help:y,isAdvanced:h,hideLabel:v},l().createElement(s(),{"data-test":t,onChange:O,value:n,disabled:_,style:d.editorStyle},C.map((e=>l().createElement(s().Option,{key:e.value,value:e.value,label:e.label||e.value,icon:e.icon?l().createElement(e.icon,null):null,description:e.description})))))};m.propTypes={onChange:n().func.isRequired,name:n().string.isRequired,itemSchema:n().object,values:n().arrayOf(n().shape({label:n().string,value:n().oneOfType([n().string,n().number]).isRequired,description:n().string})),value:n().oneOfType([n().string,n().number]),label:n().string.isRequired,labelPosition:n().oneOf(["left","top"]),labelWidth:n().number,tooltip:n().string,isDisabled:n().bool,isAdvanced:n().bool,hideLabel:n().bool,help:n().string};const b=m},5456:(e,t,a)=>{a.r(t),a.d(t,{default:()=>T});var o=a(6195),l=a.n(o),r=a(9497),n=a.n(r),i=a(23),s=a.n(i),u=a(232),c=a.n(u),d=a(4793),f=a(6649),p=a(8965),m=a.n(p),b=a(9967),g=a(4008),h=a.n(g);function v(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,o)}return a}function y(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?v(Object(a),!0).forEach((function(t){l()(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):v(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}const C=c().div`
54
54
  display: grid;
55
55
  grid-template-columns: 1fr 1fr;
56
56
  gap: 10px;
57
57
  [data-test='control-group'] {
58
58
  margin: 0;
59
59
  }
60
- `,_=n().createElement(C,null,n().createElement("span",{"data-test":"form-row-header-label"},(0,f._)("Label")),n().createElement("span",{"data-test":"form-row-header-value"},(0,f._)("Value"))),O=(e,t)=>e.filter(((e,a)=>a!==t)),E=(e,t,a)=>"string"!=typeof e||""===e.trim()||t.filter((t=>t[a]===e)).length>1,x=(e,t)=>E(e,t,"label"),P=(e,t)=>E(e,t,"value"),j=d().div`
60
+ `,_=n().createElement(C,null,n().createElement("span",{"data-test":"form-row-header-label"},(0,f._)("Label")),n().createElement("span",{"data-test":"form-row-header-value"},(0,f._)("Value"))),O=(e,t)=>e.filter(((e,a)=>a!==t)),E=(e,t,a)=>"string"!=typeof e||""===e.trim()||t.filter((t=>t[a]===e)).length>1,x=(e,t)=>E(e,t,"label"),P=(e,t)=>E(e,t,"value"),j=c().div`
61
61
  width: 100%;
62
- `,w=[],D=({onChange:e,name:t,value:a=w,labelPosition:o="top",label:l="",validate:i})=>{const[s,u]=(0,r.useState)(a),[d,p]=(0,r.useState)(a.length);(0,r.useEffect)((()=>{u(a),a.length>d&&p(a.length)}),[a,d]);const b=(0,r.useCallback)((o=>{var l;(0,c.isEqual)(o,a)||((l=o).some((({label:e,value:t})=>"string"!=typeof e||""===e.trim()||"string"!=typeof t||""===t.trim()))||(0,c.uniqBy)(l,(e=>e.value)).length!==l.length||(0,c.uniqBy)(l,(e=>e.label)).length!==l.length)?u(o):e(null,t,o)}),[a,t,e]),v=(0,r.useCallback)(((e,{index:t})=>{const a=O(s,t);b(a)}),[s,b]),E=(0,r.useCallback)((({fromIndex:e,toIndex:t})=>{const a=s[e],o=O(s,e);o.splice(t,0,a),b(o)}),[s,b]),D=(0,r.useCallback)(((e,t)=>(a,o,l="")=>{const r=s[e],n=[...s];n.splice(e,1,y(y({},r),{},{[t]:l.trim()})),b(n)}),[s,b]),T=(0,r.useCallback)((()=>{const e=s.concat({label:`Label ${d}`,value:`menu_v${d}`});p(d+1),b(e)}),[s,d,b]),S=s.map(((e,t)=>{const{label:a,value:o}=e;return n().createElement(m().Row,{index:t,key:`${a}_${o}_${t}`,onRequestRemove:v},n().createElement(C,null,n().createElement(g.default,{label:(0,f._)("Label"),hideLabel:!0,value:a,onChange:D(t,"label"),name:"item-label-editor",error:x(a,s),validate:i}),n().createElement(g.default,{label:(0,f._)("Value"),hideLabel:!0,value:o,onChange:D(t,"value"),name:"item-value-editor",error:P(o,s),validate:i})))}));return n().createElement(h(),{label:l,labelPosition:o},n().createElement(j,null,n().createElement(m(),{addLabel:(0,f._)("Add new"),header:_,onRequestAdd:T,onRequestMove:E},S)))};D.propTypes={onChange:s().func.isRequired,name:s().string.isRequired,label:s().string,value:s().arrayOf(s().exact({label:s().string,value:s().string})),labelPosition:s().oneOf(["top","left"]),validate:s().func};const T=D},9967:(e,t,a)=>{a.d(t,{default:()=>E});var o=a(2649),l=a.n(o),r=a(6195),n=a.n(r);const i=require("@babel/runtime/helpers/objectWithoutProperties");var s=a.n(i),u=a(9497),d=a.n(u),c=a(23),f=a.n(c),p=a(4793),m=a(4082),g=a.n(m),b=a(4008),h=a.n(b),v=a(5862);const y=["onChange","name","value","label","labelPosition","labelWidth","labelStyle","hideLabel","isAdvanced","isDisabled","help","tooltip","validate","error"];function C(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,o)}return a}const _={},O=e=>{let{onChange:t,name:a,value:o="",label:r,labelPosition:i="top",labelWidth:c,labelStyle:f=_,hideLabel:m=!1,isAdvanced:b,isDisabled:O=!1,help:E,tooltip:x,validate:P,error:j}=e,w=s()(e,y);const[D,T]=(0,u.useState)(o),S=(0,u.useCallback)((e=>"function"==typeof P?P({value:e}):null),[P]),[M,k]=(0,u.useState)(S(o)),F=(0,u.useMemo)((()=>(0,p.debounce)((e=>{k(S(e))}),250)),[S]);(0,u.useEffect)((()=>()=>{F.cancel()}),[F]),(0,u.useEffect)((()=>{T(o),k(S(o))}),[S,o]);const R=(0,u.useCallback)(((e,{value:t})=>{T(t),F(t)}),[F]),B=(0,u.useCallback)((e=>{const l=D.trim();if(l===o)return;const r=S(l);k(r),r||t(e,a,l)}),[D,o,S,t,a]),A=(0,u.useCallback)((e=>{"Enter"===e.key&&B(e)}),[B]),I=(0,u.useMemo)((()=>r&&""!==r?f:function(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?C(Object(a),!0).forEach((function(t){n()(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):C(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}({},f)),[r,f]);return d().createElement(h(),{label:r,labelPosition:i,labelWidth:c,style:I,hideLabel:m,help:E,tooltip:x,error:(null==M?void 0:M.message)||j,isAdvanced:b},d().createElement(g(),l()({key:o,"data-test":a,style:v.editorStyle,onChange:R,onKeyDown:A,onBlur:B,value:D,disabled:O,canClear:!0},w,{error:!!M||j})))};O.propTypes={onChange:f().func.isRequired,name:f().string.isRequired,label:f().string.isRequired,value:f().string,labelPosition:f().oneOf(["top","left"]),labelWidth:f().number,labelStyle:f().object,hideLabel:f().bool,isAdvanced:f().bool,isDisabled:f().bool,validate:f().func,error:f().bool,help:f().string,tooltip:f().string};const E=O},2055:(e,t,a)=>{a.d(t,{default:()=>be});var o=a(9497),l=a.n(o),r=a(23),n=a.n(r),i=a(4793),s=a(232),u=a.n(s),d=a(6649),c=a(5777),f=a.n(c),p=a(4008),m=a.n(p),g=a(7020),b=a.n(g),h=a(4566),v=a.n(h),y=a(3773);const C=u().div.attrs((()=>({"data-test":"threshold-error"})))`
62
+ `,w=[],D=({onChange:e,name:t,value:a=w,labelPosition:o="top",label:l="",validate:i})=>{const[s,u]=(0,r.useState)(a),[c,p]=(0,r.useState)(a.length);(0,r.useEffect)((()=>{u(a),a.length>c&&p(a.length)}),[a,c]);const g=(0,r.useCallback)((o=>{var l;(0,d.isEqual)(o,a)||((l=o).some((({label:e,value:t})=>"string"!=typeof e||""===e.trim()||"string"!=typeof t||""===t.trim()))||(0,d.uniqBy)(l,(e=>e.value)).length!==l.length||(0,d.uniqBy)(l,(e=>e.label)).length!==l.length)?u(o):e(null,t,o)}),[a,t,e]),v=(0,r.useCallback)(((e,{index:t})=>{const a=O(s,t);g(a)}),[s,g]),E=(0,r.useCallback)((({fromIndex:e,toIndex:t})=>{const a=s[e],o=O(s,e);o.splice(t,0,a),g(o)}),[s,g]),D=(0,r.useCallback)(((e,t)=>(a,o,l="")=>{const r=s[e],n=[...s];n.splice(e,1,y(y({},r),{},{[t]:l.trim()})),g(n)}),[s,g]),T=(0,r.useCallback)((()=>{const e=s.concat({label:`Label ${c}`,value:`menu_v${c}`});p(c+1),g(e)}),[s,c,g]),S=s.map(((e,t)=>{const{label:a,value:o}=e;return n().createElement(m().Row,{index:t,key:`${a}_${o}_${t}`,onRequestRemove:v},n().createElement(C,null,n().createElement(b.default,{label:(0,f._)("Label"),hideLabel:!0,value:a,onChange:D(t,"label"),name:"item-label-editor",error:x(a,s),validate:i}),n().createElement(b.default,{label:(0,f._)("Value"),hideLabel:!0,value:o,onChange:D(t,"value"),name:"item-value-editor",error:P(o,s),validate:i})))}));return n().createElement(h(),{label:l,labelPosition:o},n().createElement(j,null,n().createElement(m(),{addLabel:(0,f._)("Add new"),header:_,onRequestAdd:T,onRequestMove:E},S)))};D.propTypes={onChange:s().func.isRequired,name:s().string.isRequired,label:s().string,value:s().arrayOf(s().exact({label:s().string,value:s().string})),labelPosition:s().oneOf(["top","left"]),validate:s().func};const T=D},9967:(e,t,a)=>{a.d(t,{default:()=>E});var o=a(2649),l=a.n(o),r=a(6195),n=a.n(r);const i=require("@babel/runtime/helpers/objectWithoutProperties");var s=a.n(i),u=a(9497),c=a.n(u),d=a(23),f=a.n(d),p=a(4793),m=a(4082),b=a.n(m),g=a(4008),h=a.n(g),v=a(5862);const y=["onChange","name","value","label","labelPosition","labelWidth","labelStyle","hideLabel","isAdvanced","isDisabled","help","tooltip","validate","error"];function C(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,o)}return a}const _={},O=e=>{let{onChange:t,name:a,value:o="",label:r,labelPosition:i="top",labelWidth:d,labelStyle:f=_,hideLabel:m=!1,isAdvanced:g,isDisabled:O=!1,help:E,tooltip:x,validate:P,error:j}=e,w=s()(e,y);const[D,T]=(0,u.useState)(o),S=(0,u.useCallback)((e=>"function"==typeof P?P({value:e}):null),[P]),[M,k]=(0,u.useState)(S(o)),F=(0,u.useMemo)((()=>(0,p.debounce)((e=>{k(S(e))}),250)),[S]);(0,u.useEffect)((()=>()=>{F.cancel()}),[F]),(0,u.useEffect)((()=>{T(o),k(S(o))}),[S,o]);const R=(0,u.useCallback)(((e,{value:t})=>{T(t),F(t)}),[F]),B=(0,u.useCallback)((e=>{const l=D.trim();if(l===o)return;const r=S(l);k(r),r||t(e,a,l)}),[D,o,S,t,a]),A=(0,u.useCallback)((e=>{"Enter"===e.key&&B(e)}),[B]),I=(0,u.useMemo)((()=>r&&""!==r?f:function(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?C(Object(a),!0).forEach((function(t){n()(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):C(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}({},f)),[r,f]);return c().createElement(h(),{label:r,labelPosition:i,labelWidth:d,style:I,hideLabel:m,help:E,tooltip:x,error:(null==M?void 0:M.message)||j,isAdvanced:g},c().createElement(b(),l()({key:o,"data-test":a,style:v.editorStyle,onChange:R,onKeyDown:A,onBlur:B,value:D,disabled:O,canClear:!0},w,{error:!!M||j})))};O.propTypes={onChange:f().func.isRequired,name:f().string.isRequired,label:f().string.isRequired,value:f().string,labelPosition:f().oneOf(["top","left"]),labelWidth:f().number,labelStyle:f().object,hideLabel:f().bool,isAdvanced:f().bool,isDisabled:f().bool,validate:f().func,error:f().bool,help:f().string,tooltip:f().string};const E=O},2055:(e,t,a)=>{a.d(t,{default:()=>ge});var o=a(9497),l=a.n(o),r=a(23),n=a.n(r),i=a(4793),s=a(232),u=a.n(s),c=a(6649),d=a(5777),f=a.n(d),p=a(4008),m=a.n(p),b=a(7020),g=a.n(b),h=a(4566),v=a.n(h),y=a(3773);const C=u().div.attrs((()=>({"data-test":"threshold-error"})))`
63
63
  color: ${v().contentColorNegative};
64
64
  padding-top: 5px;
65
65
  font-size: 12px;
66
66
  display: block;
67
- `,_=({error:e,id:t,thresholdIndex:a})=>e?l().createElement(C,{id:t},"number"==typeof a?(0,y.sprintf)((0,d._)("Error for threshold %(thresholdIndex)d : %(error)s"),{thresholdIndex:a,error:e}):(0,y.sprintf)((0,d._)("Error: %(error)s"),{error:e})):null;_.propTypes={id:n().string,error:n().string,thresholdIndex:n().number};const O=_;var E=a(2782),x=a.n(E);const P=({"data-test":e="threshold-boundary-input",boundary:t,isDisabled:a=!1,isEditable:r=!0,errorId:n,onChange:s=i.noop,onRequestClose:u=i.noop,onValidate:c=i.noop,index:f})=>{const[p,m]=(0,o.useState)(t);(0,o.useEffect)((()=>{m(t)}),[t]);const g=(0,o.useCallback)(((e,{value:t})=>{m(t),c(t)}),[c]),b=(0,o.useCallback)((e=>{"Enter"===e.key&&s(p),"Escape"===e.key&&u()}),[p,s,u]),h=(0,o.useCallback)((()=>{s(p)}),[s,p]),v="number"==typeof f?(0,y.sprintf)((0,d._)("Threshold number %(index)d"),{index:f}):(0,d._)("Threshold");return r?l().createElement(x(),{"aria-label":p?(0,y.sprintf)((0,d._)("%(label)s, value %(boundaryValue)d"),{label:v,boundaryValue:p}):(0,y.sprintf)((0,d._)("%(label)s, no value"),{label:v}),inline:!0,hideStepButtons:!0,disabled:a,value:p||0===p?p:null,onChange:g,onBlur:h,onKeyDown:b,error:!!n,"data-test":e,describedBy:n}):null};P.propTypes={"data-test":n().string,boundary:n().number,isDisabled:n().bool,isEditable:n().bool,errorId:n().string,onChange:n().func,onRequestClose:n().func,onValidate:n().func,index:n().number};const j=P;var w=a(6195),D=a.n(w);function T(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,o)}return a}function S(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?T(Object(a),!0).forEach((function(t){D()(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):T(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}const M=["#dc4e41","#f1813f","#f8be34","#53a051","#0877a6","#006d9c","#ec9960","#af575a","#62b3b2","#4fa484","#f8be44","#5a4575","#708794","#294e70","#b6c75a"];function k(e=[]){if(e.length<2)return console.warn("Invalid threshold configuration: at least 2 thresholds required"),e;const t=e.map((e=>{const t=S({},e);return e.from&&(t.from=+e.from),e.to&&(t.to=+e.to),t})),a=t.filter((e=>void 0===e.from));a.length>1&&console.warn("Invalid threshold configuration: multiple open lower boundaries");const o=t.filter((e=>void 0!==e.from));o.length!==(0,i.uniqBy)(o,"from").length&&console.warn("Invalid threshold configuration: duplicate from values");const l=o.sort(((e,t)=>+t.from-+e.from));if(a.length){const e=a[0];return e.to!==l[l.length-1].from&&(e.to=l[l.length-1].from),l.forEach(((e,t)=>{const a=S({},e);t>0?a.to=l[t-1].from:delete a.to,l[t]=a})),[...l,e]}return l.forEach(((e,t)=>{const a=S({},e);t>0&&(a.to=l[t-1].from),l[t]=a})),l}function F(e="",t=[]){const a=parseFloat(e);return(0,i.isNaN)(a)||(0,i.isNaN)(+e)?{error:!0,errorMessage:(0,d._)("Not a valid threshold. Must be a number")}:t.filter((e=>e.from===a)).length>0?{error:!0,errorMessage:(0,d._)("Value already exists")}:{error:!1,errorMessage:null}}const R=u().div.attrs((()=>({"data-test":"add-threshold-level"})))`
67
+ `,_=({error:e,id:t,thresholdIndex:a})=>e?l().createElement(C,{id:t},"number"==typeof a?(0,y.sprintf)((0,c._)("Error for threshold %(thresholdIndex)d : %(error)s"),{thresholdIndex:a,error:e}):(0,y.sprintf)((0,c._)("Error: %(error)s"),{error:e})):null;_.propTypes={id:n().string,error:n().string,thresholdIndex:n().number};const O=_;var E=a(2782),x=a.n(E);const P=({"data-test":e="threshold-boundary-input",boundary:t,isDisabled:a=!1,isEditable:r=!0,errorId:n,onChange:s=i.noop,onRequestClose:u=i.noop,onValidate:d=i.noop,index:f})=>{const[p,m]=(0,o.useState)(t);(0,o.useEffect)((()=>{m(t)}),[t]);const b=(0,o.useCallback)(((e,{value:t})=>{m(t),d(t)}),[d]),g=(0,o.useCallback)((e=>{"Enter"===e.key&&s(p),"Escape"===e.key&&u()}),[p,s,u]),h=(0,o.useCallback)((()=>{s(p)}),[s,p]),v="number"==typeof f?(0,y.sprintf)((0,c._)("Threshold number %(index)d"),{index:f}):(0,c._)("Threshold");return r?l().createElement(x(),{"aria-label":p?(0,y.sprintf)((0,c._)("%(label)s, value %(boundaryValue)d"),{label:v,boundaryValue:p}):(0,y.sprintf)((0,c._)("%(label)s, no value"),{label:v}),inline:!0,hideStepButtons:!0,disabled:a,value:p||0===p?p:null,onChange:b,onBlur:h,onKeyDown:g,error:!!n,"data-test":e,describedBy:n}):null};P.propTypes={"data-test":n().string,boundary:n().number,isDisabled:n().bool,isEditable:n().bool,errorId:n().string,onChange:n().func,onRequestClose:n().func,onValidate:n().func,index:n().number};const j=P;var w=a(6195),D=a.n(w);function T(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,o)}return a}function S(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?T(Object(a),!0).forEach((function(t){D()(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):T(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}const M=["#dc4e41","#f1813f","#f8be34","#53a051","#0877a6","#006d9c","#ec9960","#af575a","#62b3b2","#4fa484","#f8be44","#5a4575","#708794","#294e70","#b6c75a"];function k(e=[]){if(e.length<2)return console.warn("Invalid threshold configuration: at least 2 thresholds required"),e;const t=e.map((e=>{const t=S({},e);return e.from&&(t.from=+e.from),e.to&&(t.to=+e.to),t})),a=t.filter((e=>void 0===e.from));a.length>1&&console.warn("Invalid threshold configuration: multiple open lower boundaries");const o=t.filter((e=>void 0!==e.from));o.length!==(0,i.uniqBy)(o,"from").length&&console.warn("Invalid threshold configuration: duplicate from values");const l=o.sort(((e,t)=>+t.from-+e.from));if(a.length){const e=a[0];return e.to!==l[l.length-1].from&&(e.to=l[l.length-1].from),l.forEach(((e,t)=>{const a=S({},e);t>0?a.to=l[t-1].from:delete a.to,l[t]=a})),[...l,e]}return l.forEach(((e,t)=>{const a=S({},e);t>0&&(a.to=l[t-1].from),l[t]=a})),l}function F(e="",t=[]){const a=parseFloat(e);return(0,i.isNaN)(a)||(0,i.isNaN)(+e)?{error:!0,errorMessage:(0,c._)("Not a valid threshold. Must be a number")}:t.filter((e=>e.from===a)).length>0?{error:!0,errorMessage:(0,c._)("Value already exists")}:{error:!1,errorMessage:null}}const R=u().div.attrs((()=>({"data-test":"add-threshold-level"})))`
68
68
  margin-bottom: 10px;
69
- `,B=({thresholds:e,onAddThreshold:t=i.noop})=>{const[a,r]=(0,o.useState)(!1),[n,s]=(0,o.useState)(null),u=(0,o.useCallback)((()=>{r(!a)}),[a]),c=(0,o.useCallback)((a=>{const o=F(a,e);o.error?s(o.errorMessage):t(a)}),[e,t]),f=(0,o.useCallback)((t=>{const a=F(t,e);a.error&&s(a.errorMessage)}),[e]);return l().createElement(R,null,a?l().createElement(l().Fragment,null,l().createElement(j,{"data-test":"add-threshold-input",isError:!!n,onChange:c,onRequestClose:u,onValidate:f}),l().createElement(O,{error:n})):l().createElement(b(),{appearance:"secondary",onClick:u,label:`+ ${(0,d._)("Add threshold level")}`}))};B.propTypes={onAddThreshold:n().func,thresholds:n().array};const A=B;var I=a(8855),L=a.n(I),$=a(8987),N=a(3563),V=a(6379),q=a.n(V);const W=u().div`
69
+ `,B=({thresholds:e,onAddThreshold:t=i.noop})=>{const[a,r]=(0,o.useState)(!1),[n,s]=(0,o.useState)(null),u=(0,o.useCallback)((()=>{r(!a)}),[a]),d=(0,o.useCallback)((a=>{const o=F(a,e);o.error?s(o.errorMessage):t(a)}),[e,t]),f=(0,o.useCallback)((t=>{const a=F(t,e);a.error&&s(a.errorMessage)}),[e]);return l().createElement(R,null,a?l().createElement(l().Fragment,null,l().createElement(j,{"data-test":"add-threshold-input",isError:!!n,onChange:d,onRequestClose:u,onValidate:f}),l().createElement(O,{error:n})):l().createElement(g(),{appearance:"secondary",onClick:u,label:`+ ${(0,c._)("Add threshold level")}`}))};B.propTypes={onAddThreshold:n().func,thresholds:n().array};const A=B;var I=a(8855),L=a.n(I),$=a(8987),N=a(3563),V=a(6379),q=a.n(V);const W=u().div`
70
70
  margin-right: 10px;
71
71
  width: 100px;
72
72
  display: inline-block;
@@ -85,7 +85,7 @@
85
85
  vertical-align: bottom;
86
86
  overflow: hidden;
87
87
  white-space: nowrap;
88
- `,K=({describedBy:e,isDisabled:t,to:a})=>l().createElement(G,{"aria-describedby":e,isDisabled:t},a);K.propTypes={describedBy:n().any,isDisabled:n().bool,to:n().number};const H=({isDisabled:e,to:t})=>l().createElement(q(),{content:`${t}`},l().createElement(K,{to:t,isDisabled:e}));H.propTypes={isDisabled:n().bool,to:n().number};const Y=({index:e,to:t,isRemovable:a,isEditable:o,onChange:r,isDisabled:n,errorId:i})=>{const s=0===e,u=a?`${(0,d._)("and")} `:"";return o?l().createElement(U,null,l().createElement(z,{isDisabled:n},(0,d._)("to")),l().createElement(W,null,l().createElement(j,{"data-test":"threshold-to-level",boundary:t,isDisabled:n,isEditable:!0,errorId:i,onChange:r}))):l().createElement(U,null,s&&l().createElement(z,{isDisabled:n},(0,d._)("and above")),!s&&l().createElement(l().Fragment,null,l().createElement(z,{isDisabled:n},`${u}${(0,d._)("below")}`),l().createElement(H,{isDisabled:n,to:t})))};Y.propTypes={to:n().number,index:n().number,isRemovable:n().bool,isEditable:n().bool,isDisabled:n().bool,onChange:n().func,errorId:n().string};const X=Y,Z=u().div.attrs((()=>({"data-test":"threshold-level"})))`
88
+ `,K=({describedBy:e,isDisabled:t,to:a})=>l().createElement(G,{"aria-describedby":e,isDisabled:t},a);K.propTypes={describedBy:n().any,isDisabled:n().bool,to:n().number};const H=({isDisabled:e,to:t})=>l().createElement(q(),{content:`${t}`},l().createElement(K,{to:t,isDisabled:e}));H.propTypes={isDisabled:n().bool,to:n().number};const Y=({index:e,to:t,isRemovable:a,isEditable:o,onChange:r,isDisabled:n,errorId:i})=>{const s=0===e,u=a?`${(0,c._)("and")} `:"";return o?l().createElement(U,null,l().createElement(z,{isDisabled:n},(0,c._)("to")),l().createElement(W,null,l().createElement(j,{"data-test":"threshold-to-level",boundary:t,isDisabled:n,isEditable:!0,errorId:i,onChange:r}))):l().createElement(U,null,s&&l().createElement(z,{isDisabled:n},(0,c._)("and above")),!s&&l().createElement(l().Fragment,null,l().createElement(z,{isDisabled:n},`${u}${(0,c._)("below")}`),l().createElement(H,{isDisabled:n,to:t})))};Y.propTypes={to:n().number,index:n().number,isRemovable:n().bool,isEditable:n().bool,isDisabled:n().bool,onChange:n().func,errorId:n().string};const X=Y,Z=u().div.attrs((()=>({"data-test":"threshold-level"})))`
89
89
  width: 100%;
90
90
  position: relative;
91
91
  display: flex;
@@ -101,15 +101,15 @@
101
101
  `,ee=u().div`
102
102
  margin-left: ${N.variables.spacingXSmall};
103
103
  width: ${N.variables.spacingXXLarge};
104
- `,te=u()(b())`
104
+ `,te=u()(g())`
105
105
  color: ${e=>e.disabled?N.variables.contentColorDisabled:N.variables.contentColorActive} !important;
106
106
  &:hover {
107
107
  background-color: ${e=>!e.disabled&&N.variables.interactiveColorOverlayDrag} !important;
108
108
  }
109
- `,ae=({editFrom:e,editTo:t,editValue:a,error:r,from:n,index:i,isDisabled:s=!1,isRemovable:u=!1,onChange:d,onRemove:c,renderThresholdValueEditor:f,to:p,value:m})=>{const g=(0,o.useCallback)((e=>{(r||e!==n)&&d(i,{from:e,value:m,to:p})}),[d,n,m,p,i,r]),b=(0,o.useCallback)((e=>{(r||e!==p)&&d(i,{from:n,value:m,to:e})}),[d,n,m,p,i,r]),h=(0,o.useCallback)((({value:e})=>{d(i,{from:n,value:e,to:p})}),[d,i,n,p]),v=(0,o.useCallback)((()=>c(i)),[c,i]),y=(0,o.useMemo)((()=>r?(0,$.createDOMID)("threshold-error"):void 0),[r]);return l().createElement(l().Fragment,null,l().createElement(Z,null,l().createElement(J,null,l().createElement(j,{"data-test":"threshold-from-level",boundary:n,isDisabled:s,isEditable:e,errorId:y,onChange:g,index:i})),l().createElement(X,{to:p,index:i,isRemovable:u,isEditable:t,isDisabled:s,onChange:b,errorId:y}),l().createElement(Q,null,f({value:m,onChange:h,isDisabled:s||!!r,editValue:a})),l().createElement(ee,null,u&&l().createElement(te,{"data-test":"threshold-remove-button",icon:l().createElement(L(),null),appearance:"subtle",onClick:v,disabled:s}))),l().createElement(O,{error:r,id:y,thresholdIndex:i}))};ae.propTypes={editFrom:n().bool,editTo:n().bool,editValue:n().bool,error:n().string,from:n().number,index:n().number,isDisabled:n().bool,isRemovable:n().bool,onChange:n().func,onRemove:n().func,renderThresholdValueEditor:n().elementType.isRequired,to:n().number,value:n().string};const oe=ae;function le(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,o)}return a}function re(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?le(Object(a),!0).forEach((function(t){D()(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):le(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}const ne=[],ie=({ranges:e=ne,openRanges:t=!0,isDisabled:a=!1,onChange:r,renderThresholdValueEditor:n})=>{const[s,u]=(0,o.useState)({}),c=(0,o.useCallback)((t=>{const a=(0,i.cloneDeep)(e);a.splice(t,1),r(k(a));const o=re({},s);delete o[t],u(o)}),[s,e,r]),f=(0,o.useCallback)(((a,o)=>{const l=(0,i.cloneDeep)(e),n=re({},s);if(l.splice(a,1,o),delete n[a],!t&&0===a){const e=function(e="",t=""){const a=parseFloat(e),o=parseFloat(t);return(0,i.isNaN)(a)||(0,i.isNaN)(+e)||(0,i.isNaN)(o)||(0,i.isNaN)(+t)?{error:!0,errorMessage:(0,d._)("Not a valid threshold. Must be a number")}:a<o?{error:!0,errorMessage:(0,d._)("Upper boundary must exceed lower boundary")}:{error:!1,errorMessage:null}}(o.to,o.from);e.error&&(n[a]=e.errorMessage)}if(!t&&0!==a&&o.to<o.from&&o.from>e[0].from&&(l[a].to=o.from+10),!t||a<e.length-1){const t=(0,i.cloneDeep)(e);t.splice(a,1);const l=F(o.from,t);l.error&&(n[a]=l.errorMessage)}u(n),Object.keys(n).length||r(k(l))}),[s,e,r,t]),p=!!Object.keys(s).length,m=(0,o.useCallback)((a=>!t&&e.length>1||t&&e.length>2&&a!==e.length-1),[t,e]);return e.map(((o,r)=>l().createElement(oe,{key:`threshold-${o.from}-${o.to}-${o.value}`,onRemove:c,onChange:f,index:r,from:o.from,to:o.to,value:o.value,error:s[r],editFrom:!t||r!==e.length-1,editTo:!t&&0===r,editValue:!p,isRemovable:m(r),isDisabled:a,renderThresholdValueEditor:n})))};ie.propTypes={onChange:n().func.isRequired,ranges:n().arrayOf(n().shape({from:n().number,to:n().number,value:n().string})),isDisabled:n().bool,renderThresholdValueEditor:n().elementType.isRequired,openRanges:n().bool};const se=ie;var ue=a(7408),de=a.n(ue),ce=a(3283);const fe=({isDisabled:e,value:t,onChange:a})=>l().createElement(de(),{disabled:e,value:(0,ce.isColor)(t)?t:"transparent",onChange:a,hideInput:!0,palette:M,"data-test":"threshold-level-value"});fe.propTypes={isDisabled:n().bool,value:n().string,onChange:n().func.isRequired};const pe=fe,me=u().div`
109
+ `,ae=({editFrom:e,editTo:t,editValue:a,error:r,from:n,index:i,isDisabled:s=!1,isRemovable:u=!1,onChange:c,onRemove:d,renderThresholdValueEditor:f,to:p,value:m})=>{const b=(0,o.useCallback)((e=>{(r||e!==n)&&c(i,{from:e,value:m,to:p})}),[c,n,m,p,i,r]),g=(0,o.useCallback)((e=>{(r||e!==p)&&c(i,{from:n,value:m,to:e})}),[c,n,m,p,i,r]),h=(0,o.useCallback)((({value:e})=>{c(i,{from:n,value:e,to:p})}),[c,i,n,p]),v=(0,o.useCallback)((()=>d(i)),[d,i]),y=(0,o.useMemo)((()=>r?(0,$.createDOMID)("threshold-error"):void 0),[r]);return l().createElement(l().Fragment,null,l().createElement(Z,null,l().createElement(J,null,l().createElement(j,{"data-test":"threshold-from-level",boundary:n,isDisabled:s,isEditable:e,errorId:y,onChange:b,index:i})),l().createElement(X,{to:p,index:i,isRemovable:u,isEditable:t,isDisabled:s,onChange:g,errorId:y}),l().createElement(Q,null,f({value:m,onChange:h,isDisabled:s||!!r,editValue:a})),l().createElement(ee,null,u&&l().createElement(te,{"data-test":"threshold-remove-button",icon:l().createElement(L(),null),appearance:"subtle",onClick:v,disabled:s}))),l().createElement(O,{error:r,id:y,thresholdIndex:i}))};ae.propTypes={editFrom:n().bool,editTo:n().bool,editValue:n().bool,error:n().string,from:n().number,index:n().number,isDisabled:n().bool,isRemovable:n().bool,onChange:n().func,onRemove:n().func,renderThresholdValueEditor:n().elementType.isRequired,to:n().number,value:n().string};const oe=ae;function le(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,o)}return a}function re(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?le(Object(a),!0).forEach((function(t){D()(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):le(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}const ne=[],ie=({ranges:e=ne,openRanges:t=!0,isDisabled:a=!1,onChange:r,renderThresholdValueEditor:n})=>{const[s,u]=(0,o.useState)({}),d=(0,o.useCallback)((t=>{const a=(0,i.cloneDeep)(e);a.splice(t,1),r(k(a));const o=re({},s);delete o[t],u(o)}),[s,e,r]),f=(0,o.useCallback)(((a,o)=>{const l=(0,i.cloneDeep)(e),n=re({},s);if(l.splice(a,1,o),delete n[a],!t&&0===a){const e=function(e="",t=""){const a=parseFloat(e),o=parseFloat(t);return(0,i.isNaN)(a)||(0,i.isNaN)(+e)||(0,i.isNaN)(o)||(0,i.isNaN)(+t)?{error:!0,errorMessage:(0,c._)("Not a valid threshold. Must be a number")}:a<o?{error:!0,errorMessage:(0,c._)("Upper boundary must exceed lower boundary")}:{error:!1,errorMessage:null}}(o.to,o.from);e.error&&(n[a]=e.errorMessage)}if(!t&&0!==a&&o.to<o.from&&o.from>e[0].from&&(l[a].to=o.from+10),!t||a<e.length-1){const t=(0,i.cloneDeep)(e);t.splice(a,1);const l=F(o.from,t);l.error&&(n[a]=l.errorMessage)}u(n),Object.keys(n).length||r(k(l))}),[s,e,r,t]),p=!!Object.keys(s).length,m=(0,o.useCallback)((a=>!t&&e.length>1||t&&e.length>2&&a!==e.length-1),[t,e]);return e.map(((o,r)=>l().createElement(oe,{key:`threshold-${o.from}-${o.to}-${o.value}`,onRemove:d,onChange:f,index:r,from:o.from,to:o.to,value:o.value,error:s[r],editFrom:!t||r!==e.length-1,editTo:!t&&0===r,editValue:!p,isRemovable:m(r),isDisabled:a,renderThresholdValueEditor:n})))};ie.propTypes={onChange:n().func.isRequired,ranges:n().arrayOf(n().shape({from:n().number,to:n().number,value:n().string})),isDisabled:n().bool,renderThresholdValueEditor:n().elementType.isRequired,openRanges:n().bool};const se=ie;var ue=a(7408),ce=a.n(ue),de=a(3283);const fe=({isDisabled:e,value:t,onChange:a})=>{const o=l().useCallback((({value:e})=>{a({value:null==e||""===e?"transparent":e})}),[a]);return l().createElement(ce(),{disabled:e,value:(0,de.isColor)(t)?t:"transparent",onChange:o,hideInput:!0,palette:M,"data-test":"threshold-level-value"})};fe.propTypes={isDisabled:n().bool,value:n().string,onChange:n().func.isRequired};const pe=fe,me=u().div`
110
110
  flex-direction: column;
111
111
  flex-grow: 1;
112
- `,ge=({onChange:e,name:t,itemSchema:a,value:r,labelPosition:n="top",labelWidth:s,label:u,isDisabled:c=!1,isTogglable:p=!0,openRanges:g=!0,renderThresholdValueEditor:b=pe})=>{const h=Array.isArray(r)&&r.length>0,v=(0,o.useCallback)((()=>{e(null,t,a.default)}),[a,t,e]),y=(0,o.useCallback)((()=>{e(null,t,null)}),[t,e]),C=(0,o.useCallback)((()=>h?y():v()),[h,v,y]),_=(0,o.useCallback)((a=>{const o=(0,i.cloneDeep)(r),l={from:a,value:function(e=[]){const t=(0,i.difference)(M,e);return t.length>0?t[0]:"#444000"}(o.map((e=>e.value)))};g||(l.to=a+10),o.push(l);const n=k(o);e(null,t,n)}),[t,r,e,g]),O=(0,o.useCallback)((a=>{e(null,t,a)}),[e,t]);return l().createElement(m(),{label:u,labelPosition:n,labelWidth:s},l().createElement(me,{"data-test":t},p&&l().createElement(f(),{appearance:"toggle",selected:h,onClick:C,disabled:c,role:"switch"},(0,d._)("Threshold")),h&&l().createElement(l().Fragment,null,!c&&l().createElement(A,{onAddThreshold:_,thresholds:r}),l().createElement(se,{onChange:O,ranges:r,isDisabled:c,openRanges:g,renderThresholdValueEditor:b}))))};ge.propTypes={onChange:n().func.isRequired,name:n().string.isRequired,itemSchema:n().object,value:n().arrayOf(n().shape({from:n().number,to:n().number,value:n().string})),label:n().string.isRequired,labelPosition:n().oneOf(["left","top"]),labelWidth:n().number,isDisabled:n().bool,openRanges:n().bool,renderThresholdValueEditor:n().elementType,isTogglable:n().bool};const be=ge},2065:(e,t,a)=>{a.r(t),a.d(t,{default:()=>u});var o=a(2649),l=a.n(o),r=a(9497),n=a.n(r),i=a(2749),s=a.n(i);const u=e=>n().createElement(s(),l()({},e,{appearance:"toggle"}))},1668:(e,t,a)=>{a.r(t),a.d(t,{default:()=>l});var o=a(232);const l=a.n(o)().div`
112
+ `,be=({onChange:e,name:t,itemSchema:a,value:r,labelPosition:n="top",labelWidth:s,label:u,isDisabled:d=!1,isTogglable:p=!0,openRanges:b=!0,renderThresholdValueEditor:g=pe})=>{const h=Array.isArray(r)&&r.length>0,v=(0,o.useCallback)((()=>{e(null,t,a.default)}),[a,t,e]),y=(0,o.useCallback)((()=>{e(null,t,null)}),[t,e]),C=(0,o.useCallback)((()=>h?y():v()),[h,v,y]),_=(0,o.useCallback)((a=>{const o=(0,i.cloneDeep)(r),l={from:a,value:function(e=[]){const t=(0,i.difference)(M,e);return t.length>0?t[0]:"#444000"}(o.map((e=>e.value)))};b||(l.to=a+10),o.push(l);const n=k(o);e(null,t,n)}),[t,r,e,b]),O=(0,o.useCallback)((a=>{e(null,t,a)}),[e,t]);return l().createElement(m(),{label:u,labelPosition:n,labelWidth:s},l().createElement(me,{"data-test":t},p&&l().createElement(f(),{appearance:"toggle",selected:h,onClick:C,disabled:d,role:"switch"},(0,c._)("Threshold")),h&&l().createElement(l().Fragment,null,!d&&l().createElement(A,{onAddThreshold:_,thresholds:r}),l().createElement(se,{onChange:O,ranges:r,isDisabled:d,openRanges:b,renderThresholdValueEditor:g}))))};be.propTypes={onChange:n().func.isRequired,name:n().string.isRequired,itemSchema:n().object,value:n().arrayOf(n().shape({from:n().number,to:n().number,value:n().string})),label:n().string.isRequired,labelPosition:n().oneOf(["left","top"]),labelWidth:n().number,isDisabled:n().bool,openRanges:n().bool,renderThresholdValueEditor:n().elementType,isTogglable:n().bool};const ge=be},2065:(e,t,a)=>{a.r(t),a.d(t,{default:()=>u});var o=a(2649),l=a.n(o),r=a(9497),n=a.n(r),i=a(2749),s=a.n(i);const u=e=>n().createElement(s(),l()({},e,{appearance:"toggle"}))},1668:(e,t,a)=>{a.r(t),a.d(t,{default:()=>l});var o=a(232);const l=a.n(o)().div`
113
113
  padding: 10px 15px 0px 15px;
114
114
  display: flex;
115
115
  align-items: center;
@@ -117,7 +117,7 @@
117
117
  cursor: pointer;
118
118
  `},3941:(e,t,a)=>{a.r(t),a.d(t,{default:()=>i});var o=a(232),l=a.n(o),r=a(4566),n=a.n(r);const i=l().div.attrs((()=>({"data-test":"separator"})))`
119
119
  border-bottom: 1px solid ${n().borderColorWeak};
120
- `},1027:(e,t,a)=>{a.r(t),a.d(t,{convertEmptyDataColorsForChoropleth:()=>_,getFilteredRowsByShowEditor:()=>v,getFormatterConfig:()=>g,getOptions:()=>u,getStaticItemSchema:()=>m,getToggleOffValueForDataColors:()=>C,handleOptionsChange:()=>d,isDynamicOptionSchema:()=>f,isMultipleRulesSchema:()=>c,isNestedOption:()=>p,isSupportedDataSelector:()=>b,isSupportedFormatter:()=>h,setOption:()=>O});var o=a(6195),l=a.n(o),r=a(4793);const n=require("@splunk/visualizations-shared/schemaUtils");function i(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,o)}return a}function s(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?i(Object(a),!0).forEach((function(t){l()(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):i(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,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 d(e,t,a={debounce:!1}){const{visualization:o}=this.props;null==t?this.props.onVisualizationChange(s(s({},o),{},{options:(0,r.omit)(o.options,[e])}),a):this.props.onVisualizationChange(s(s({},o),{},{options:s(s({},o.options),{},{[e]:t})}),a)}const c=e=>!!e.anyOf&&e.anyOf.length>0,f=e=>"string"===e.type&&e.pattern===n.DYNAMIC_OPTIONS_DSL_PATTERN,p=e=>null!==/^\w+\[\d+\]\.(.+)$/.exec(e),m=e=>{if(!c(e))return e;const t=e.anyOf.find((e=>!f(e)));return s(s({},(0,r.omit)(e,"anyOf")),t)},g=({contextConfig:e,formatters:t,formatterFromDSL:a,selectedDataSelector:o})=>{var l;if(!e){var r;const e=null==t?void 0:t.find((e=>e.value===a));return(null==e||null===(r=e.defaults)||void 0===r?void 0:r[o])||[]}if(!a)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,a))return e;const n=null==t?void 0:t.find((e=>e.value===a));return(null==n||null===(l=n.defaults)||void 0===l?void 0:l[o])||[]},b=({selectedDataSelector:e,dataSelectors:t})=>!(!e||null==t||!t.length)&&t.some((t=>t.value===e)),h=({selectedFormatterType:e,formattersFromEditor:t,supportedFormatters:a})=>!!(e&&null!=a&&a[e]&&null!=t&&t.length)&&t.some((t=>t.value===e)),v=({row:e,options:t,encoding:a,featureFlags:o})=>{if(!e||!Array.isArray(e))return[];return e.filter((e=>void 0===e.showEditor||"function"==typeof e.showEditor&&e.showEditor({options:t,encoding:a,featureFlags:o})))},y=e=>{const t=(0,r.cloneDeep)(e);return(0,r.forIn)(t,((e,a)=>{(null!=e&&Array.isArray(e)||(0,r.isPlainObject)(e))&&(t[a]=y(t[a])),Array.isArray(e)&&(t[a]=e.map((e=>null===e?void 0:e))),null==e&&delete t[a]})),t},C=({name:e,options:t,dataSelectors:a=[]})=>{if(null==e||!e.includes("dataColors"))return"";const o=a.includes("areaValues");return(()=>{if("dataColors"===e)return"choropleth"===(null==t?void 0:t.type)||"choropleth"===(null==t?void 0:t.layerType);const a=/^layers\[(\d+)\]\.dataColors$/.exec(e);if(a){var o;const e=parseInt(a[1],10),l=null==t||null===(o=t.layers)||void 0===o?void 0:o[e];return"choropleth"===(null==l?void 0:l.type)||"choropleth"===(null==l?void 0:l.layerType)}return!1})()&&o?"> areaValues | gradient()":""},_=({option:e,value:t,options:a,dataSelectors:o=[]})=>null!=e&&e.includes("dataColors")?""!==t?t:C({name:e,options:a,dataSelectors:o}):t,O=(e,t,a,o,l,n)=>{var i,u,d,c;const f=s({},a);let p=e,m=t;if(""===m&&null!==(i=p)&&void 0!==i&&i.includes("dataColors")&&(m=_({option:p,value:m,options:a.options,dataSelectors:n})),null==m&&o[p])return f.options=(0,r.omit)(a.options,p),f;const g=null!==(u=null==l?void 0:l[p])&&void 0!==u?u:null===(d=o[p])||void 0===d?void 0:d.default;return void 0!==g&&m===g?(f.options=(0,r.omit)(a.options,p),f):(f.options=(0,r.cloneDeep)(a.options),null!==(c=f.options)&&void 0!==c||(f.options={}),null==t&&(0,r.isPlainObject)(e)&&(0,r.isPlainObject)(e.options)&&([p]=Object.keys(e.options),[m]=Object.values(e.options)),o[p]&&"array"!==o[p].type?(f.options[p]=m,f):(null===m&&(m=void 0),(0,r.set)(f.options,p,m),f.options=y(f.options),f))}},2166:(e,t,a)=>{a.r(t),a.d(t,{hasTokens:()=>l});const o=new RegExp(/\$/.source+/(\w+:)?/.source+/([^$|:]+?)(\|[|\w]+)?/.source+/\$/.source),l=e=>"string"==typeof e&&o.test(e)},2117:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=n(a(7446)),u=n(a(4008)),d={width:"330px"},c={display:"none"};t.default=({onChange:e,name:t,labelPosition:a="top",labelWidth:o,label:l,isDisabled:r=!1,help:n,value:f})=>{let p=[];Array.isArray(f)&&(p=f.map((e=>null!==e&&"object"==typeof e?e.toString():`${e}`)));const[m,g]=i.useState(p),b=i.useCallback(((a,{values:o})=>{g(o),e(a,t,o)}),[e,t]);return i.createElement(u.default,{label:l,labelPosition:a,labelWidth:o,help:n},i.createElement(s.default,{allowNewValues:!0,values:m,onChange:b,disabled:r,inline:!0,style:d,menuStyle:c,placeholder:"",selectAllAppearance:"checkbox"}))}},2749:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=n(a(232)),u=n(a(5777)),d=n(a(8631)),c=n(a(6379)),f=a(3563),p=n(a(451)),m=a(2166),g=n(a(4008)),b=(0,s.default)(c.default)`
120
+ `},1027:(e,t,a)=>{a.r(t),a.d(t,{convertEmptyDataColorsForChoropleth:()=>_,getFilteredRowsByShowEditor:()=>v,getFormatterConfig:()=>b,getOptions:()=>u,getStaticItemSchema:()=>m,getToggleOffValueForDataColors:()=>C,handleOptionsChange:()=>c,isDynamicOptionSchema:()=>f,isMultipleRulesSchema:()=>d,isNestedOption:()=>p,isSupportedDataSelector:()=>g,isSupportedFormatter:()=>h,setOption:()=>O});var o=a(6195),l=a.n(o),r=a(4793);const n=require("@splunk/visualizations-shared/schemaUtils");function i(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,o)}return a}function s(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?i(Object(a),!0).forEach((function(t){l()(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):i(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,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,a={debounce:!1}){const{visualization:o}=this.props;null==t?this.props.onVisualizationChange(s(s({},o),{},{options:(0,r.omit)(o.options,[e])}),a):this.props.onVisualizationChange(s(s({},o),{},{options:s(s({},o.options),{},{[e]:t})}),a)}const d=e=>!!e.anyOf&&e.anyOf.length>0,f=e=>"string"===e.type&&e.pattern===n.DYNAMIC_OPTIONS_DSL_PATTERN,p=e=>null!==/^\w+\[\d+\]\.(.+)$/.exec(e),m=e=>{if(!d(e))return e;const t=e.anyOf.find((e=>!f(e)));return s(s({},(0,r.omit)(e,"anyOf")),t)},b=({contextConfig:e,formatters:t,formatterFromDSL:a,selectedDataSelector:o})=>{var l;if(!e){var r;const e=null==t?void 0:t.find((e=>e.value===a));return(null==e||null===(r=e.defaults)||void 0===r?void 0:r[o])||[]}if(!a)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,a))return e;const n=null==t?void 0:t.find((e=>e.value===a));return(null==n||null===(l=n.defaults)||void 0===l?void 0:l[o])||[]},g=({selectedDataSelector:e,dataSelectors:t})=>!(!e||null==t||!t.length)&&t.some((t=>t.value===e)),h=({selectedFormatterType:e,formattersFromEditor:t,supportedFormatters:a})=>!!(e&&null!=a&&a[e]&&null!=t&&t.length)&&t.some((t=>t.value===e)),v=({row:e,options:t,encoding:a,featureFlags:o})=>{if(!e||!Array.isArray(e))return[];return e.filter((e=>void 0===e.showEditor||"function"==typeof e.showEditor&&e.showEditor({options:t,encoding:a,featureFlags:o})))},y=e=>{const t=(0,r.cloneDeep)(e);return(0,r.forIn)(t,((e,a)=>{(null!=e&&Array.isArray(e)||(0,r.isPlainObject)(e))&&(t[a]=y(t[a])),Array.isArray(e)&&(t[a]=e.map((e=>null===e?void 0:e))),null==e&&delete t[a]})),t},C=({name:e,options:t,dataSelectors:a=[]})=>{if(null==e||!e.includes("dataColors"))return"";const o=a.includes("areaValues");return(()=>{if("dataColors"===e)return"choropleth"===(null==t?void 0:t.type)||"choropleth"===(null==t?void 0:t.layerType);const a=/^layers\[(\d+)\]\.dataColors$/.exec(e);if(a){var o;const e=parseInt(a[1],10),l=null==t||null===(o=t.layers)||void 0===o?void 0:o[e];return"choropleth"===(null==l?void 0:l.type)||"choropleth"===(null==l?void 0:l.layerType)}return!1})()&&o?"> areaValues | gradient()":""},_=({option:e,value:t,options:a,dataSelectors:o=[]})=>null!=e&&e.includes("dataColors")?""!==t?t:C({name:e,options:a,dataSelectors:o}):t,O=(e,t,a,o,l,n)=>{var i,u,c,d;const f=s({},a);let p=e,m=t;if(""===m&&null!==(i=p)&&void 0!==i&&i.includes("dataColors")&&(m=_({option:p,value:m,options:a.options,dataSelectors:n})),null==m&&o[p])return f.options=(0,r.omit)(a.options,p),f;const b=null!==(u=null==l?void 0:l[p])&&void 0!==u?u:null===(c=o[p])||void 0===c?void 0:c.default;return void 0!==b&&m===b?(f.options=(0,r.omit)(a.options,p),f):(f.options=(0,r.cloneDeep)(a.options),null!==(d=f.options)&&void 0!==d||(f.options={}),null==t&&(0,r.isPlainObject)(e)&&(0,r.isPlainObject)(e.options)&&([p]=Object.keys(e.options),[m]=Object.values(e.options)),o[p]&&"array"!==o[p].type?(f.options[p]=m,f):(null===m&&(m=void 0),(0,r.set)(f.options,p,m),f.options=y(f.options),f))}},2166:(e,t,a)=>{a.r(t),a.d(t,{hasTokens:()=>l});const o=new RegExp(/\$/.source+/(\w+:)?/.source+/([^$|:]+?)(\|[|\w]+)?/.source+/\$/.source),l=e=>"string"==typeof e&&o.test(e)},2117:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=n(a(7446)),u=n(a(4008)),c={width:"330px"},d={display:"none"};t.default=({onChange:e,name:t,labelPosition:a="top",labelWidth:o,label:l,isDisabled:r=!1,help:n,value:f})=>{let p=[];Array.isArray(f)&&(p=f.map((e=>null!==e&&"object"==typeof e?e.toString():`${e}`)));const[m,b]=i.useState(p),g=i.useCallback(((a,{values:o})=>{b(o),e(a,t,o)}),[e,t]);return i.createElement(u.default,{label:l,labelPosition:a,labelWidth:o,help:n},i.createElement(s.default,{allowNewValues:!0,values:m,onChange:g,disabled:r,inline:!0,style:c,menuStyle:d,placeholder:"",selectAllAppearance:"checkbox"}))}},2749:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=n(a(232)),u=n(a(5777)),c=n(a(8631)),d=n(a(6379)),f=a(3563),p=n(a(451)),m=a(2166),b=n(a(4008)),g=(0,s.default)(d.default)`
121
121
  float: right;
122
122
  [data-test='clickable'] {
123
123
  padding-block: 0;
@@ -130,14 +130,14 @@
130
130
  margin-top: ${f.variables.spacingXSmall};
131
131
  color: ${f.variables.contentColorDefault};
132
132
  font-size: ${f.variables.fontSizeSmall};
133
- `,y=(0,s.default)(d.default)`
133
+ `,y=(0,s.default)(c.default)`
134
134
  margin-left: auto;
135
135
  `,C=s.default.span`
136
136
  display: inline-flex;
137
137
  align-items: center;
138
138
  min-height: ${f.variables.inputHeight};
139
139
  line-height: 0;
140
- `,_=(e,t)=>t?[e.find((e=>e!==t)),t]:e;t.default=({help:e,helpFormat:t="tooltip",onChange:a,name:o,value:l,values:r,itemSchema:n,variantForSelectedState:s,labelPosition:u="right",labelWidth:d,label:c,appearance:f="checkbox",isDisabled:O=!1,helpTextLink:E,chipText:x})=>{const P=(0,m.hasTokens)(l)||O;let j;if(Array.isArray(r)&&2===r.length)j=_(r.map((e=>e.value)),s);else if(Array.isArray(n.enum)&&2===n.enum.length)j=_(n.enum,s);else{if("boolean"!==n.type)throw Error(`No valid values provided to CheckboxEditor: ${JSON.stringify(n)}`);j=[!1,!0]}const w=(0,i.useCallback)((e=>a(e,o,l===j[1]?j[0]:j[1])),[a,j,o,l]);return"right"===u?i.default.createElement(i.default.Fragment,null,i.default.createElement(h,{"data-test":o,disabled:P,value:o,onClick:w,selected:l===j[1],appearance:f,hasChip:!!x},i.default.createElement(C,null,c),x&&i.default.createElement(y,{"data-test":"beta-chip"},x),e&&"tooltip"===t&&i.default.createElement(b,{content:e})),e&&"under"===t&&i.default.createElement(v,null,e," ",(null==E?void 0:E.label)&&i.default.createElement(i.default.Fragment,null,i.default.createElement("br",null),i.default.createElement(p.default,{"data-test":"help-text-link",to:(null==E?void 0:E.href)||null},E.label)))):i.default.createElement(g.default,{label:c,labelPosition:u,labelWidth:d,tooltip:e},i.default.createElement(h,{"data-test":o,disabled:P,value:o,onClick:w,selected:l===j[1],appearance:f}))}},9172:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.EDITOR_NAME=void 0;const i=r(a(9497)),s=n(a(23)),u=n(a(7446)),d=a(9033),c=a(6801),f=a(1385),p=a(1256),m=n(a(4008));t.EDITOR_NAME="columnMultiSelectionByFieldName-editor";const g=[],b=({name:e,value:a,label:o,labelPosition:l="top",labelWidth:r,isAdvanced:n=!1,isDisabled:s=!1,tooltip:c,dataSourceBindings:b,filterByTypes:h=g,onChange:v})=>{const y=(0,f.useDataSource)({dataSourceBindings:b,dataSourceKey:"primary"}),{hasError:C,isMissing:_,isLoading:O}=(0,i.useMemo)((()=>(0,d.getDataSourceStateInfo)(y)),[y]),E=(0,i.useMemo)((()=>_||C||s),[C,s,_]),{columns:x,fields:P}=(0,i.useMemo)((()=>(null==y?void 0:y.data)||{columns:[],fields:[]}),[y]),j=(0,i.useMemo)((()=>(0,p.getAvailableFieldsWithTypes)(x,P)),[x,P]),w=(0,i.useMemo)((()=>(0,p.sanitizeFieldNames)(a,j.map((e=>e.name)))),[a,j]),D=(0,i.useCallback)(((t,{values:a})=>{v(t,e,a)}),[v,e]);return i.default.createElement(m.default,{"data-test":`${t.EDITOR_NAME}-${e}`,label:o,labelPosition:l,labelWidth:r,tooltip:c,isAdvanced:n},i.default.createElement(u.default,{"data-test":`${t.EDITOR_NAME}-select-${e}`,onChange:D,values:w,disabled:E,isLoadingOptions:O,compact:!0,selectAllAppearance:"checkbox"},j.map((e=>i.default.createElement(u.default.Option,{"data-test":`${t.EDITOR_NAME}-option-${e.name}`,key:e.name,value:e.name,label:`${e.name} (${e.type})`,disabled:h.length>0&&!h.find((t=>t===e.type))})))))};b.propTypes=Object.assign(Object.assign({},c.BaseEditorPropTypes),{tooltip:s.default.bool,labelPosition:s.default.oneOf(["top","left"]),isAdvanced:s.default.bool,isDisabled:s.default.bool}),t.default=b},4942:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnMultiSelectionEditor=t.isInternal=void 0;const i=r(a(9497)),s=n(a(7446)),u=a(4793),d=a(1413),c=a(9033),f=a(1385),p=a(1256),m=n(a(4008)),g=a(8999);t.isInternal=e=>{var t;return(null===(t=null==e?void 0:e.name)||void 0===t?void 0:t.startsWith("_"))&&"_time"!==e.name};t.ColumnMultiSelectionEditor=({name:e,value:a,label:o="",labelPosition:l="top",dataSourceKey:r="primary",dataSourceBindings:n,prepareValue:b=(e=>e),onChange:h,isAdvanced:v,isDisabled:y,shouldShowInternalFields:C=!0,filterByTypes:_,excludeByNames:O})=>{const E=(0,f.useDataSource)({dataSourceBindings:n,dataSourceKey:r}),{columns:x,fields:P}=(null==E?void 0:E.data)||{columns:[],fields:[]},j=(0,i.useMemo)((()=>C?E:Object.assign(Object.assign({},E),{data:{fields:P.filter((e=>!(0,t.isInternal)(e))),columns:x.filter(((e,a)=>!(0,t.isInternal)(P[a])))}})),[x,E,P,C]),{columns:w,fields:D}=(0,u.get)(j,"data")||{columns:[],fields:[]},T=(0,i.useMemo)((()=>(0,p.getAvailableFieldsWithTypes)(w,D)),[w,D]),[S,M]=(0,i.useState)(""),k=(0,i.useMemo)((()=>null==a?a:(0,d.getFieldsFromDSL)(a,{[r]:j})),[j,r,a]),[F,R]=(0,i.useState)(k||[]);i.default.useEffect((()=>{(null==k?void 0:k.length)&&R(k)}),[k]);const B=T.filter((e=>-1!==e.name.indexOf(S))),A=(0,g.useColumnSelectorFooterMessage)({availableFields:T,filteredFields:B,filter:S,selectedFields:F}),I=(0,i.useCallback)(((t,{values:a})=>{R(a);const o=`'${a.join("','")}'`,l=b({options:{[e]:`> ${r} | frameBySeriesNames(${o})`}});h(t,l)}),[r,e,h,b]),L=(0,i.useCallback)(((e,{keyword:t})=>{M(t)}),[]),{hasError:$,isMissing:N,isLoading:V}=(0,c.getDataSourceStateInfo)(E),q=N||$||y,W=(0,p.getPlaceholderMessage)({isMissing:N,isLoading:V,hasError:$,defaultMessage:"Select field(s) from data source"});return i.default.createElement(m.default,{label:o,labelPosition:l,isAdvanced:v},i.default.createElement(s.default,{"data-test":"ColumnMultiSelectionEditor",disabled:q,values:F,onChange:I,onFilterChange:L,footerMessage:A,placeholder:W,isLoadingOptions:V,error:$,compact:!0,selectAllAppearance:"checkbox"},B.map((e=>i.default.createElement(s.default.Option,{key:e.name,label:`${e.name} (${e.type})`,value:e.name,disabled:(null==_?void 0:_.length)&&!_.find((t=>t===e.type))||(null==O?void 0:O.includes(e.name))})))))},t.default=t.ColumnMultiSelectionEditor},5731:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnSelectionEditor=void 0;const i=r(a(9497)),s=n(a(2373)),u=a(1413),d=a(9033),c=a(1385),f=a(1256),p=n(a(4008)),m=a(5862),g=a(8999);t.ColumnSelectionEditor=({name:e,value:t,label:a="",labelPosition:o="top",dataSourceKey:l="primary",dataSourceBindings:r,prepareValue:n=(e=>e),onChange:b,isAdvanced:h,isDisabled:v,filterByTypes:y,tooltip:C,hideEditorWhenLoading:_=!1})=>{const O=(0,c.useDataSource)({dataSourceBindings:r,dataSourceKey:l}),{columns:E,fields:x}=(null==O?void 0:O.data)||{columns:[],fields:[]},P=(0,f.getAvailableFieldsWithTypes)(E,x),j=null==t?t:(0,u.getFieldsFromDSL)(t,{[l]:O})[0]||"",[w,D]=(0,i.useState)(j);i.default.useEffect((()=>{D(j)}),[j]);const[T,S]=(0,i.useState)(""),M=P.filter((e=>-1!==e.name.indexOf(T))),k=(0,g.useColumnSelectorFooterMessage)({availableFields:P,selectedFields:[w],filteredFields:M,filter:T}),F=(0,i.useCallback)(((t,{value:a})=>{D(a);const o=n({options:{[e]:`> ${l} | seriesByName('${a}')`}});b(t,o)}),[l,e,b,n]),R=(0,i.useCallback)(((e,{keyword:t})=>{S(t)}),[]),{hasError:B,isMissing:A,isLoading:I}=(0,d.getDataSourceStateInfo)(O),L=A||B||v,$=(0,f.getPlaceholderMessage)({isMissing:A,isLoading:I,hasError:B});return(!_||!!w)&&i.default.createElement(p.default,{label:a,labelPosition:o,tooltip:C,isAdvanced:h},i.default.createElement(s.default,{"data-test":"ColumnSelectionEditor",value:w,onFilterChange:R,onChange:F,footerMessage:k,disabled:L,placeholder:$,isLoadingOptions:I,error:B,style:m.editorStyle,filter:!0},M.map((e=>i.default.createElement(s.default.Option,{key:e.name,label:`${e.name} (${e.type})`,value:e.name,disabled:!!(null==y?void 0:y.length)&&!y.find((t=>t===e.type))})))))},t.default=t.ColumnSelectionEditor},2468:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=a(6649),u=n(a(9250)),d=n(a(7020)),c=n(a(1551)),f=n(a(1151)),{useRef:p,useState:m,useCallback:g}=i;t.default=({label:e,labelPosition:t="left",labelWidth:a,onResetToDefault:o})=>{const[l,r]=m(!1),n=p(null),b=g((()=>r(!0)),[]),h=g((()=>r(!1)),[]);return i.createElement(u.default,{label:(0,s._)(e),labelPosition:t,labelWidth:a},i.createElement(d.default,{"data-test":"customized-in-source-button",onClick:b,appearance:"default",ref:n,label:(0,s._)("Customized in source")}),i.createElement(c.default,{"data-test":"customized-in-source-popover",open:l,anchor:n.current,onRequestClose:h,defaultPlacement:"horizontal"},i.createElement(f.default,{onResetToDefault:o})))}},152:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=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=r(a(9497)),s=a(7124),u=n(a(9250)),d=n(a(7020)),c=n(a(1551)),f=n(a(232)),p=a(6649),m=a(5089),g=a(4793),b=a(1413),h=n(a(5411)),v=a(2369),y=n(a(2468)),C=a(5862),_=a(1027),{useRef:O,useState:E,useEffect:x}=i,P=f.default.div`
140
+ `,_=(e,t)=>t?[e.find((e=>e!==t)),t]:e;t.default=({help:e,helpFormat:t="tooltip",onChange:a,name:o,value:l,values:r,itemSchema:n,variantForSelectedState:s,labelPosition:u="right",labelWidth:c,label:d,appearance:f="checkbox",isDisabled:O=!1,helpTextLink:E,chipText:x})=>{const P=(0,m.hasTokens)(l)||O;let j;if(Array.isArray(r)&&2===r.length)j=_(r.map((e=>e.value)),s);else if(Array.isArray(n.enum)&&2===n.enum.length)j=_(n.enum,s);else{if("boolean"!==n.type)throw Error(`No valid values provided to CheckboxEditor: ${JSON.stringify(n)}`);j=[!1,!0]}const w=(0,i.useCallback)((e=>a(e,o,l===j[1]?j[0]:j[1])),[a,j,o,l]);return"right"===u?i.default.createElement(i.default.Fragment,null,i.default.createElement(h,{"data-test":o,disabled:P,value:o,onClick:w,selected:l===j[1],appearance:f,hasChip:!!x},i.default.createElement(C,null,d),x&&i.default.createElement(y,{"data-test":"beta-chip"},x),e&&"tooltip"===t&&i.default.createElement(g,{content:e})),e&&"under"===t&&i.default.createElement(v,null,e," ",(null==E?void 0:E.label)&&i.default.createElement(i.default.Fragment,null,i.default.createElement("br",null),i.default.createElement(p.default,{"data-test":"help-text-link",to:(null==E?void 0:E.href)||null},E.label)))):i.default.createElement(b.default,{label:d,labelPosition:u,labelWidth:c,tooltip:e},i.default.createElement(h,{"data-test":o,disabled:P,value:o,onClick:w,selected:l===j[1],appearance:f}))}},9172:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.EDITOR_NAME=void 0;const i=r(a(9497)),s=n(a(23)),u=n(a(7446)),c=a(9033),d=a(6801),f=a(1385),p=a(1256),m=n(a(4008));t.EDITOR_NAME="columnMultiSelectionByFieldName-editor";const b=[],g=({name:e,value:a,label:o,labelPosition:l="top",labelWidth:r,isAdvanced:n=!1,isDisabled:s=!1,tooltip:d,dataSourceBindings:g,filterByTypes:h=b,onChange:v})=>{const y=(0,f.useDataSource)({dataSourceBindings:g,dataSourceKey:"primary"}),{hasError:C,isMissing:_,isLoading:O}=(0,i.useMemo)((()=>(0,c.getDataSourceStateInfo)(y)),[y]),E=(0,i.useMemo)((()=>_||C||s),[C,s,_]),{columns:x,fields:P}=(0,i.useMemo)((()=>(null==y?void 0:y.data)||{columns:[],fields:[]}),[y]),j=(0,i.useMemo)((()=>(0,p.getAvailableFieldsWithTypes)(x,P)),[x,P]),w=(0,i.useMemo)((()=>(0,p.sanitizeFieldNames)(a,j.map((e=>e.name)))),[a,j]),D=(0,i.useCallback)(((t,{values:a})=>{v(t,e,a)}),[v,e]);return i.default.createElement(m.default,{"data-test":`${t.EDITOR_NAME}-${e}`,label:o,labelPosition:l,labelWidth:r,tooltip:d,isAdvanced:n},i.default.createElement(u.default,{"data-test":`${t.EDITOR_NAME}-select-${e}`,onChange:D,values:w,disabled:E,isLoadingOptions:O,compact:!0,selectAllAppearance:"checkbox"},j.map((e=>i.default.createElement(u.default.Option,{"data-test":`${t.EDITOR_NAME}-option-${e.name}`,key:e.name,value:e.name,label:`${e.name} (${e.type})`,disabled:h.length>0&&!h.find((t=>t===e.type))})))))};g.propTypes=Object.assign(Object.assign({},d.BaseEditorPropTypes),{tooltip:s.default.bool,labelPosition:s.default.oneOf(["top","left"]),isAdvanced:s.default.bool,isDisabled:s.default.bool}),t.default=g},4942:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnMultiSelectionEditor=t.isInternal=void 0;const i=r(a(9497)),s=n(a(7446)),u=a(4793),c=a(1413),d=a(9033),f=a(1385),p=a(1256),m=n(a(4008)),b=a(8999);t.isInternal=e=>{var t;return(null===(t=null==e?void 0:e.name)||void 0===t?void 0:t.startsWith("_"))&&"_time"!==e.name};t.ColumnMultiSelectionEditor=({name:e,value:a,label:o="",labelPosition:l="top",dataSourceKey:r="primary",dataSourceBindings:n,prepareValue:g=(e=>e),onChange:h,isAdvanced:v,isDisabled:y,shouldShowInternalFields:C=!0,filterByTypes:_,excludeByNames:O})=>{const E=(0,f.useDataSource)({dataSourceBindings:n,dataSourceKey:r}),{columns:x,fields:P}=(null==E?void 0:E.data)||{columns:[],fields:[]},j=(0,i.useMemo)((()=>C?E:Object.assign(Object.assign({},E),{data:{fields:P.filter((e=>!(0,t.isInternal)(e))),columns:x.filter(((e,a)=>!(0,t.isInternal)(P[a])))}})),[x,E,P,C]),{columns:w,fields:D}=(0,u.get)(j,"data")||{columns:[],fields:[]},T=(0,i.useMemo)((()=>(0,p.getAvailableFieldsWithTypes)(w,D)),[w,D]),[S,M]=(0,i.useState)(""),k=(0,i.useMemo)((()=>null==a?a:(0,c.getFieldsFromDSL)(a,{[r]:j})),[j,r,a]),[F,R]=(0,i.useState)(k||[]);i.default.useEffect((()=>{(null==k?void 0:k.length)&&R(k)}),[k]);const B=T.filter((e=>-1!==e.name.indexOf(S))),A=(0,b.useColumnSelectorFooterMessage)({availableFields:T,filteredFields:B,filter:S,selectedFields:F}),I=(0,i.useCallback)(((t,{values:a})=>{R(a);const o=`'${a.join("','")}'`,l=g({options:{[e]:`> ${r} | frameBySeriesNames(${o})`}});h(t,l)}),[r,e,h,g]),L=(0,i.useCallback)(((e,{keyword:t})=>{M(t)}),[]),{hasError:$,isMissing:N,isLoading:V}=(0,d.getDataSourceStateInfo)(E),q=N||$||y,W=(0,p.getPlaceholderMessage)({isMissing:N,isLoading:V,hasError:$,defaultMessage:"Select field(s) from data source"});return i.default.createElement(m.default,{label:o,labelPosition:l,isAdvanced:v},i.default.createElement(s.default,{"data-test":"ColumnMultiSelectionEditor",disabled:q,values:F,onChange:I,onFilterChange:L,footerMessage:A,placeholder:W,isLoadingOptions:V,error:$,compact:!0,selectAllAppearance:"checkbox"},B.map((e=>i.default.createElement(s.default.Option,{key:e.name,label:`${e.name} (${e.type})`,value:e.name,disabled:(null==_?void 0:_.length)&&!_.find((t=>t===e.type))||(null==O?void 0:O.includes(e.name))})))))},t.default=t.ColumnMultiSelectionEditor},5731:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnSelectionEditor=void 0;const i=r(a(9497)),s=n(a(2373)),u=a(1413),c=a(9033),d=a(1385),f=a(1256),p=n(a(4008)),m=a(5862),b=a(8999);t.ColumnSelectionEditor=({name:e,value:t,label:a="",labelPosition:o="top",dataSourceKey:l="primary",dataSourceBindings:r,prepareValue:n=(e=>e),onChange:g,isAdvanced:h,isDisabled:v,filterByTypes:y,tooltip:C,hideEditorWhenLoading:_=!1})=>{const O=(0,d.useDataSource)({dataSourceBindings:r,dataSourceKey:l}),{columns:E,fields:x}=(null==O?void 0:O.data)||{columns:[],fields:[]},P=(0,f.getAvailableFieldsWithTypes)(E,x),j=null==t?t:(0,u.getFieldsFromDSL)(t,{[l]:O})[0]||"",[w,D]=(0,i.useState)(j);i.default.useEffect((()=>{D(j)}),[j]);const[T,S]=(0,i.useState)(""),M=P.filter((e=>-1!==e.name.indexOf(T))),k=(0,b.useColumnSelectorFooterMessage)({availableFields:P,selectedFields:[w],filteredFields:M,filter:T}),F=(0,i.useCallback)(((t,{value:a})=>{D(a);const o=n({options:{[e]:`> ${l} | seriesByName('${a}')`}});g(t,o)}),[l,e,g,n]),R=(0,i.useCallback)(((e,{keyword:t})=>{S(t)}),[]),{hasError:B,isMissing:A,isLoading:I}=(0,c.getDataSourceStateInfo)(O),L=A||B||v,$=(0,f.getPlaceholderMessage)({isMissing:A,isLoading:I,hasError:B});return(!_||!!w)&&i.default.createElement(p.default,{label:a,labelPosition:o,tooltip:C,isAdvanced:h},i.default.createElement(s.default,{"data-test":"ColumnSelectionEditor",value:w,onFilterChange:R,onChange:F,footerMessage:k,disabled:L,placeholder:$,isLoadingOptions:I,error:B,style:m.editorStyle,filter:!0},M.map((e=>i.default.createElement(s.default.Option,{key:e.name,label:`${e.name} (${e.type})`,value:e.name,disabled:!!(null==y?void 0:y.length)&&!y.find((t=>t===e.type))})))))},t.default=t.ColumnSelectionEditor},2468:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=a(6649),u=n(a(9250)),c=n(a(7020)),d=n(a(1551)),f=n(a(1151)),{useRef:p,useState:m,useCallback:b}=i;t.default=({label:e,labelPosition:t="left",labelWidth:a,onResetToDefault:o})=>{const[l,r]=m(!1),n=p(null),g=b((()=>r(!0)),[]),h=b((()=>r(!1)),[]);return i.createElement(u.default,{label:(0,s._)(e),labelPosition:t,labelWidth:a},i.createElement(c.default,{"data-test":"customized-in-source-button",onClick:g,appearance:"default",ref:n,label:(0,s._)("Customized in source")}),i.createElement(d.default,{"data-test":"customized-in-source-popover",open:l,anchor:n.current,onRequestClose:h,defaultPlacement:"horizontal"},i.createElement(f.default,{onResetToDefault:o})))}},152:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=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=r(a(9497)),s=a(7124),u=n(a(9250)),c=n(a(7020)),d=n(a(1551)),f=n(a(232)),p=a(6649),m=a(5089),b=a(4793),g=a(1413),h=n(a(5411)),v=a(2369),y=n(a(2468)),C=a(5862),_=a(1027),{useRef:O,useState:E,useEffect:x}=i,P=f.default.div`
141
141
  font-weight: 600;
142
142
  font-size: 14px;
143
143
  line-height: 20px;
@@ -150,26 +150,23 @@
150
150
  box-sizing: border-box;
151
151
  padding: ${(0,s.toPx)(C.FLYOUT_PADDING)};
152
152
  width: ${(0,s.toPx)(C.FLYOUT_WIDTH)};
153
- `,D=(0,f.default)(d.default)`
153
+ `,D=(0,f.default)(c.default)`
154
154
  padding: '4px';
155
- `;t.prepareUpdate=({name:e,selectedDataSelector:t,selectedFormatterType:a,currentFormatterConfig:o})=>{const l=`${e}EditorConfig`,r=l.replace(/^\w+\[\d+\]\.(.+)$/,"$1");return{options:{[e]:(0,b.buildDSLFromDataSelectorAndFormatter)(t,a,l)},context:{[r]:o}}};t.DynamicColorEditor=({name:e,value:a,label:o="",labelPosition:l="left",labelWidth:r,context:n,onChange:s=(()=>{}),flyoutTitle:d=(0,p._)("Dynamic coloring"),formatters:f=[],dataSelectors:C=[],defaultPalettesConfig:T=m.defaultPalettesConfig,isDisabled:S=!1,showStaticTextColor:M=!1,colorMode:k,handleColorModeChange:F})=>{const[R,B]=E(!1),A=O(null),{type:I,paramKey:L}=(0,b.getLastFormatterFromDSL)(a)||{type:"unknown",paramKey:"unknown"},$=(0,b.getDataSelectorsFromDSL)(a)[0],[N,V]=E(I);x((()=>{V(I)}),[I]);const[q,W]=E($);x((()=>{W($)}),[$]);const U=(0,_.getFormatterConfig)({contextConfig:n[L],formatters:f,formatterFromDSL:I,selectedDataSelector:q}),[z,G]=E(U);x((()=>{G(U)}),[n,f,L,I,$]);const K=a=>{const o=(0,g.find)(f,(e=>e.isDefault))||(0,g.find)(f,(e=>"rangeValue"===e.value))||f[0];if((0,g.isEmpty)(o))return;const l=o.value,r=Object.keys(o.defaults)[0],n=o.defaults[r];W(r),V(l),G(n),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:r,selectedFormatterType:l,currentFormatterConfig:n}))},H=i.useCallback((()=>{B((e=>!e))}),[]);if(!(0,_.isSupportedDataSelector)({selectedDataSelector:q,dataSelectors:C})||!(0,_.isSupportedFormatter)({selectedFormatterType:N,formattersFromEditor:f,supportedFormatters:v.supportedFormatters}))return i.createElement(y.default,{label:o,labelPosition:l,labelWidth:r,onResetToDefault:K});const Y=v.supportedFormatters[N].preview;return i.createElement(i.Fragment,null,i.createElement(u.default,{"data-test":"DynamicColorEditorGroup",label:o,labelPosition:l,labelWidth:r},i.createElement(D,{inline:!1,"data-test":"DynamicColorEditorButton",appearance:"default",ref:A,onClick:H,disabled:S},i.createElement(Y,{"data-test":"FormatterConfigPreview",config:z}))),i.createElement(c.default,{"data-test":"DynamicColorEditorFlyout",open:R,anchor:A.current,defaultPlacement:"horizontal",style:{padding:"10px"},onRequestClose:()=>B(!1),takeFocus:!0},i.createElement(w,null,!k&&i.createElement(P,null,d),k&&i.createElement(u.default,{"data-test":"TableDynamicColorEditorGroup",label:d,labelPosition:l,labelWidth:r},i.createElement(h.default,{value:k,onChange:F},[{label:(0,p._)("Off"),value:"off"},{label:(0,p._)("Text"),value:"text"},{label:(0,p._)("Background"),value:"background"}].map((({label:e,value:t})=>i.createElement(h.default.Option,{key:t,value:t,label:(0,p._)(e)}))))),k&&i.createElement(j,null,(0,p._)("Method")),i.createElement(v.FormatterEditor,{selectedDataSelector:q,selectedFormatterType:N,currentFormatterConfig:z,onDataSelectorChange:(a,o,l)=>{W(l);const r=(0,g.find)(f,(e=>e.defaults[l]));V(r.value);const n=r.defaults[l];G(n),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:l,selectedFormatterType:r.value,currentFormatterConfig:n}))},onFormatterTypeChange:(a,o,l)=>{V(l);const r=(0,g.find)(f,["value",l]).defaults[q];G(r),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:q,selectedFormatterType:l,currentFormatterConfig:r}))},onFormatterConfigChange:(a,o,l)=>{G(l),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:q,selectedFormatterType:N,currentFormatterConfig:l}))},formatters:f,dataSelectors:C,defaultPalettesConfig:T,showStaticTextColor:M}))))}},8281:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditorWithPrecedence=void 0;const i=r(a(9497)),s=a(6649),u=a(5089),d=a(333),c=a(152),f=n(a(2065)),p=a(1027),m=Object.assign({},d.DynamicColorEditorPropTypes);t.DynamicColorEditorWithPrecedence=({name:e,value:t,label:a="",labelPosition:o,labelWidth:l,context:r,flyoutTitle:n=(0,s._)("Dynamic coloring"),formatters:d=[],dataSelectors:m=[],defaultPalettesConfig:g=u.defaultPalettesConfig,tooltip:b,options:h={},onChange:v=(()=>{})})=>{const y=i.useCallback((e=>{if(!e||""===e)return!0;if("string"==typeof e){return null!==/^>\s*areaValues\s*\|\s*gradient\(\s*\)$/.exec(e)}return!1}),[]),[C,_]=i.useState(!y(t));i.useEffect((()=>{_(!y(t))}),[t,y]);const O=i.useCallback(((a,o)=>{var l,n,i,s,u,c;_((e=>!e));const f={},g={};if(C){const t=m.map((e=>e.value));f[e]=(0,p.getToggleOffValueForDataColors)({name:e,options:h,dataSelectors:t}),r&&void 0!==r.dataColorsEditorConfig&&(g.dataColorsEditorConfig=void 0)}else{if("string"==typeof t&&null!==/^>\s*areaValues\s*\|\s*gradient\(\s*\)$/.exec(t)){f[e]="> areaValues | gradient(dataColorsEditorConfig)";const t=null===(n=null===(l=d.find((e=>"gradient"===e.value)))||void 0===l?void 0:l.defaults)||void 0===n?void 0:n.areaValues;t&&(g.dataColorsEditorConfig=t)}else if(e.endsWith("dataColors")){const t=null===(i=m[0])||void 0===i?void 0:i.value,a=null===(s=d[0])||void 0===s?void 0:s.value,o=null===(c=null===(u=d[0])||void 0===u?void 0:u.defaults)||void 0===c?void 0:c[t];if(!t||!a||!o)return;f[e]=`> ${m[0].value} | ${a}(dataColorsEditorConfig)`,g.dataColorsEditorConfig=o}}v(a,{options:f,context:g})}),[r,m,d,C,e,v,h,t]),E=i.useCallback(((e,t)=>{v(e,t)}),[v]);return i.createElement("div",{"data-test":"dynamic-color-toggle"},i.createElement(f.default,{name:e,label:(0,s._)("Dynamic coloring"),labelPosition:"right",value:C,onChange:O,itemSchema:{type:"boolean"},help:b}),C&&i.createElement("div",{"data-test":"dynamic-color-editor"},i.createElement(c.DynamicColorEditor,{name:e,label:a,labelPosition:o,labelWidth:l,value:t,context:r,onChange:E,flyoutTitle:n,formatters:d,dataSelectors:m,defaultPalettesConfig:g})))},t.DynamicColorEditorWithPrecedence.propTypes=m},7585:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=a(4793),d=n(a(4082)),c=n(a(9250)),f=n(a(7143)),p=a(6649),m=n(a(5731)),g=n(a(5456)),b=a(4381),h=a(5862),v=(0,p._)("Advanced configuration options are being used by this input. Please edit in source mode."),y=({name:e,context:t,value:a="",label:o,onChange:l,dataSourceBindings:r,labelPosition:n="top",labelWidth:s,help:y=v,validate:C})=>{const[_,O]=i.useState([]),[E,x]=i.useState(""),[P,j]=i.useState("");i.useEffect((()=>{const{staticOptions:e,dynamicOptionsLabel:o,dynamicOptionsValue:l}=(0,b.getDynamicOptionsFromConfig)({items:a,context:t});O(e),x(o),j(l)}),[a,t]),i.useEffect((()=>{void 0!==r.primary||Array.isArray(a)||l(null,{context:{formattedConfig:void 0,formattedStatics:void 0,statics:void 0,label:void 0,value:void 0},options:{[e]:_}})}),[r,e,a,l,_]);const w=i.useCallback(((t,o,r)=>{if(Array.isArray(a)&&(!o||!r))l(null,{options:{[e]:t}});else{const a=(0,u.unzip)(t.map((({label:e,value:t})=>[e,t])));l(null,{context:{formattedConfig:{number:{prefix:""}},formattedStatics:">statics | formatByType(formattedConfig)",statics:a,label:`>primary | seriesByName("${o}") | renameSeries("label") | formatByType(formattedConfig)`,value:`>primary | seriesByName("${r}") | renameSeries("value") | formatByType(formattedConfig)`},options:{[e]:">frame(label, value) | prepend(formattedStatics) | objects()"}})}}),[e,a,l]),D=i.useCallback(((e,t,a)=>{w(a,E,P)}),[w,E,P]),T=i.useCallback(((e,{value:t})=>{""===P?x(t):w(_,t,P)}),[w,_,P]),S=i.useCallback(((e,{value:t})=>{""===E?j(t):w(_,E,t)}),[w,_,E]),M=e=>t=>{var a;const o=null===(a=null==t?void 0:t.options)||void 0===a?void 0:a[e];return"string"==typeof o?{value:(0,b.getFieldFromFieldNameDsl)(o)}:{value:""}};if(i.useMemo((()=>(0,b.isConfigAdvanced)({items:a,context:t})),[a,t]))return i.createElement(c.default,{label:(0,p._)(o),labelPosition:n,labelWidth:s,help:y},i.createElement(d.default,{key:a.toString(),"data-test":e,disabled:!0,defaultValue:a.toString()}));const k=!!r.primary;return i.createElement(i.Fragment,null,i.createElement(g.default,{name:"",label:(0,p._)("Static menu configuration"),labelPosition:n,value:_,onChange:D,validate:C}),k&&i.createElement(f.default,{key:"dynamic-item-editor-label-value-layout",gutter:h.VERTICAL_EDITOR_SPACING},i.createElement(f.default.Row,{key:"dynamic-item-editor-label-row"},i.createElement(m.default,{name:"label",label:(0,p._)("Dynamic menu label field"),dataSourceKey:"primary",dataSourceBindings:r,value:`>primary | seriesByName("${E}")`,context:t,onChange:T,prepareValue:M("label")})),i.createElement(f.default.Row,{key:"dynamic-item-editor-value-row"},i.createElement(m.default,{name:"value",label:(0,p._)("Dynamic menu value field"),dataSourceKey:"primary",dataSourceBindings:r,value:`>primary | seriesByName("${P}")`,context:t,onChange:S,prepareValue:M("value")}))))};y.propTypes={onChange:s.func.isRequired,name:s.string.isRequired,label:s.string.isRequired,value:s.oneOfType([s.arrayOf(s.shape({label:s.string.isRequired,value:s.string.isRequired}).isRequired),s.string]),labelPosition:s.oneOf(["top","left"]),labelWidth:s.number,context:s.shape({label:s.string,value:s.string,statics:s.arrayOf(s.arrayOf(s.string.isRequired).isRequired)}).isRequired,dataSourceBindings:s.shape({primary:s.any}).isRequired,help:s.string},t.default=y},7970:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=n(a(232)),d=n(a(348));a(6265);const c=n(a(1018)),f=a(6649),p=n(a(6447)),m=a(3563),g=a(5135),b=a(962),h=a(137),v=u.default.div`
156
- font-family: ${m.variables.sansFontFamily};
157
- .react-mde * {
158
- font-family: inherit;
159
- }
160
- .mde-header,
161
- .mde-preview,
162
- .mde-textarea-wrapper textarea.mde-text {
163
- background-color: ${m.variables.backgroundColorPopup};
164
- }
165
- .mde-header .mde-tabs button,
166
- .mde-header ul.mde-header-group li.mde-header-item button,
167
- .mde-textarea-wrapper textarea.mde-text {
168
- color: ${m.variables.contentColorActive};
155
+ `;t.prepareUpdate=({name:e,selectedDataSelector:t,selectedFormatterType:a,currentFormatterConfig:o})=>{const l=`${e}EditorConfig`,r=l.replace(/^\w+\[\d+\]\.(.+)$/,"$1");return{options:{[e]:(0,g.buildDSLFromDataSelectorAndFormatter)(t,a,l)},context:{[r]:o}}};t.DynamicColorEditor=({name:e,value:a,label:o="",labelPosition:l="left",labelWidth:r,context:n,onChange:s=(()=>{}),flyoutTitle:c=(0,p._)("Dynamic coloring"),formatters:f=[],dataSelectors:C=[],defaultPalettesConfig:T=m.defaultPalettesConfig,isDisabled:S=!1,showStaticTextColor:M=!1,colorMode:k,handleColorModeChange:F})=>{const[R,B]=E(!1),A=O(null),{type:I,paramKey:L}=(0,g.getLastFormatterFromDSL)(a)||{type:"unknown",paramKey:"unknown"},$=(0,g.getDataSelectorsFromDSL)(a)[0],[N,V]=E(I);x((()=>{V(I)}),[I]);const[q,W]=E($);x((()=>{W($)}),[$]);const U=(0,_.getFormatterConfig)({contextConfig:n[L],formatters:f,formatterFromDSL:I,selectedDataSelector:q}),[z,G]=E(U);x((()=>{G(U)}),[n,f,L,I,$]);const K=a=>{const o=(0,b.find)(f,(e=>e.isDefault))||(0,b.find)(f,(e=>"rangeValue"===e.value))||f[0];if((0,b.isEmpty)(o))return;const l=o.value,r=Object.keys(o.defaults)[0],n=o.defaults[r];W(r),V(l),G(n),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:r,selectedFormatterType:l,currentFormatterConfig:n}))},H=i.useCallback((()=>{B((e=>!e))}),[]);if(!(0,_.isSupportedDataSelector)({selectedDataSelector:q,dataSelectors:C})||!(0,_.isSupportedFormatter)({selectedFormatterType:N,formattersFromEditor:f,supportedFormatters:v.supportedFormatters}))return i.createElement(y.default,{label:o,labelPosition:l,labelWidth:r,onResetToDefault:K});const Y=v.supportedFormatters[N].preview;return i.createElement(i.Fragment,null,i.createElement(u.default,{"data-test":"DynamicColorEditorGroup",label:o,labelPosition:l,labelWidth:r},i.createElement(D,{inline:!1,"data-test":"DynamicColorEditorButton",appearance:"default",ref:A,onClick:H,disabled:S},i.createElement(Y,{"data-test":"FormatterConfigPreview",config:z}))),i.createElement(d.default,{"data-test":"DynamicColorEditorFlyout",open:R,anchor:A.current,defaultPlacement:"horizontal",style:{padding:"10px"},onRequestClose:()=>B(!1),takeFocus:!0},i.createElement(w,null,!k&&i.createElement(P,null,c),k&&i.createElement(u.default,{"data-test":"TableDynamicColorEditorGroup",label:c,labelPosition:l,labelWidth:r},i.createElement(h.default,{value:k,onChange:F},[{label:(0,p._)("Off"),value:"off"},{label:(0,p._)("Text"),value:"text"},{label:(0,p._)("Background"),value:"background"}].map((({label:e,value:t})=>i.createElement(h.default.Option,{key:t,value:t,label:(0,p._)(e)}))))),k&&i.createElement(j,null,(0,p._)("Method")),i.createElement(v.FormatterEditor,{selectedDataSelector:q,selectedFormatterType:N,currentFormatterConfig:z,onDataSelectorChange:(a,o,l)=>{W(l);const r=(0,b.find)(f,(e=>e.defaults[l]));V(r.value);const n=r.defaults[l];G(n),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:l,selectedFormatterType:r.value,currentFormatterConfig:n}))},onFormatterTypeChange:(a,o,l)=>{V(l);const r=(0,b.find)(f,["value",l]).defaults[q];G(r),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:q,selectedFormatterType:l,currentFormatterConfig:r}))},onFormatterConfigChange:(a,o,l)=>{G(l),s(a,(0,t.prepareUpdate)({name:e,selectedDataSelector:q,selectedFormatterType:N,currentFormatterConfig:l}))},formatters:f,dataSelectors:C,defaultPalettesConfig:T,showStaticTextColor:M}))))}},8281:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditorWithPrecedence=void 0;const i=r(a(9497)),s=a(6649),u=a(5089),c=a(333),d=a(152),f=n(a(2065)),p=a(1027),m=Object.assign({},c.DynamicColorEditorPropTypes);t.DynamicColorEditorWithPrecedence=({name:e,value:t,label:a="",labelPosition:o,labelWidth:l,context:r,flyoutTitle:n=(0,s._)("Dynamic coloring"),formatters:c=[],dataSelectors:m=[],defaultPalettesConfig:b=u.defaultPalettesConfig,tooltip:g,options:h={},onChange:v=(()=>{})})=>{const y=i.useCallback((e=>{if(!e||""===e)return!0;if("string"==typeof e){return null!==/^>\s*areaValues\s*\|\s*gradient\(\s*\)$/.exec(e)}return!1}),[]),[C,_]=i.useState(!y(t));i.useEffect((()=>{_(!y(t))}),[t,y]);const O=i.useCallback(((a,o)=>{var l,n,i,s,u,d;_((e=>!e));const f={},b={};if(C){const t=m.map((e=>e.value));f[e]=(0,p.getToggleOffValueForDataColors)({name:e,options:h,dataSelectors:t}),r&&void 0!==r.dataColorsEditorConfig&&(b.dataColorsEditorConfig=void 0)}else{if("string"==typeof t&&null!==/^>\s*areaValues\s*\|\s*gradient\(\s*\)$/.exec(t)){f[e]="> areaValues | gradient(dataColorsEditorConfig)";const t=null===(n=null===(l=c.find((e=>"gradient"===e.value)))||void 0===l?void 0:l.defaults)||void 0===n?void 0:n.areaValues;t&&(b.dataColorsEditorConfig=t)}else if(e.endsWith("dataColors")){const t=null===(i=m[0])||void 0===i?void 0:i.value,a=null===(s=c[0])||void 0===s?void 0:s.value,o=null===(d=null===(u=c[0])||void 0===u?void 0:u.defaults)||void 0===d?void 0:d[t];if(!t||!a||!o)return;f[e]=`> ${m[0].value} | ${a}(dataColorsEditorConfig)`,b.dataColorsEditorConfig=o}}v(a,{options:f,context:b})}),[r,m,c,C,e,v,h,t]),E=i.useCallback(((e,t)=>{v(e,t)}),[v]);return i.createElement("div",{"data-test":"dynamic-color-toggle"},i.createElement(f.default,{name:e,label:(0,s._)("Dynamic coloring"),labelPosition:"right",value:C,onChange:O,itemSchema:{type:"boolean"},help:g}),C&&i.createElement("div",{"data-test":"dynamic-color-editor"},i.createElement(d.DynamicColorEditor,{name:e,label:a,labelPosition:o,labelWidth:l,value:t,context:r,onChange:E,flyoutTitle:n,formatters:c,dataSelectors:m,defaultPalettesConfig:b})))},t.DynamicColorEditorWithPrecedence.propTypes=m},7585:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=a(4793),c=n(a(4082)),d=n(a(9250)),f=n(a(7143)),p=a(6649),m=n(a(5731)),b=n(a(5456)),g=a(4381),h=a(5862),v=(0,p._)("Advanced configuration options are being used by this input. Please edit in source mode."),y=({name:e,context:t,value:a="",label:o,onChange:l,dataSourceBindings:r,labelPosition:n="top",labelWidth:s,help:y=v,validate:C})=>{const[_,O]=i.useState([]),[E,x]=i.useState(""),[P,j]=i.useState("");i.useEffect((()=>{const{staticOptions:e,dynamicOptionsLabel:o,dynamicOptionsValue:l}=(0,g.getDynamicOptionsFromConfig)({items:a,context:t});O(e),x(o),j(l)}),[a,t]),i.useEffect((()=>{void 0!==r.primary||Array.isArray(a)||l(null,{context:{formattedConfig:void 0,formattedStatics:void 0,statics:void 0,label:void 0,value:void 0},options:{[e]:_}})}),[r,e,a,l,_]);const w=i.useCallback(((t,o,r)=>{if(Array.isArray(a)&&(!o||!r))l(null,{options:{[e]:t}});else{const a=(0,u.unzip)(t.map((({label:e,value:t})=>[e,t])));l(null,{context:{formattedConfig:{number:{prefix:""}},formattedStatics:">statics | formatByType(formattedConfig)",statics:a,label:`>primary | seriesByName("${o}") | renameSeries("label") | formatByType(formattedConfig)`,value:`>primary | seriesByName("${r}") | renameSeries("value") | formatByType(formattedConfig)`},options:{[e]:">frame(label, value) | prepend(formattedStatics) | objects()"}})}}),[e,a,l]),D=i.useCallback(((e,t,a)=>{w(a,E,P)}),[w,E,P]),T=i.useCallback(((e,{value:t})=>{""===P?x(t):w(_,t,P)}),[w,_,P]),S=i.useCallback(((e,{value:t})=>{""===E?j(t):w(_,E,t)}),[w,_,E]),M=e=>t=>{var a;const o=null===(a=null==t?void 0:t.options)||void 0===a?void 0:a[e];return"string"==typeof o?{value:(0,g.getFieldFromFieldNameDsl)(o)}:{value:""}};if(i.useMemo((()=>(0,g.isConfigAdvanced)({items:a,context:t})),[a,t]))return i.createElement(d.default,{label:(0,p._)(o),labelPosition:n,labelWidth:s,help:y},i.createElement(c.default,{key:a.toString(),"data-test":e,disabled:!0,defaultValue:a.toString()}));const k=!!r.primary;return i.createElement(i.Fragment,null,i.createElement(b.default,{name:"",label:(0,p._)("Static menu configuration"),labelPosition:n,value:_,onChange:D,validate:C}),k&&i.createElement(f.default,{key:"dynamic-item-editor-label-value-layout",gutter:h.VERTICAL_EDITOR_SPACING},i.createElement(f.default.Row,{key:"dynamic-item-editor-label-row"},i.createElement(m.default,{name:"label",label:(0,p._)("Dynamic menu label field"),dataSourceKey:"primary",dataSourceBindings:r,value:`>primary | seriesByName("${E}")`,context:t,onChange:T,prepareValue:M("label")})),i.createElement(f.default.Row,{key:"dynamic-item-editor-value-row"},i.createElement(m.default,{name:"value",label:(0,p._)("Dynamic menu value field"),dataSourceKey:"primary",dataSourceBindings:r,value:`>primary | seriesByName("${P}")`,context:t,onChange:S,prepareValue:M("value")}))))};y.propTypes={onChange:s.func.isRequired,name:s.string.isRequired,label:s.string.isRequired,value:s.oneOfType([s.arrayOf(s.shape({label:s.string.isRequired,value:s.string.isRequired}).isRequired),s.string]),labelPosition:s.oneOf(["top","left"]),labelWidth:s.number,context:s.shape({label:s.string,value:s.string,statics:s.arrayOf(s.arrayOf(s.string.isRequired).isRequired)}).isRequired,dataSourceBindings:s.shape({primary:s.any}).isRequired,help:s.string},t.default=y},7970:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__rest||function(e,t){var a={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(a[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(o=Object.getOwnPropertySymbols(e);l<o.length;l++)t.indexOf(o[l])<0&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(a[o[l]]=e[o[l]])}return a},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const s=r(a(9497)),u=r(a(23)),c=i(a(232)),d=a(1398),f=i(a(1018)),p=i(a(6447)),m=a(6649),b=a(8987),g=i(a(4703)),h=i(a(4723)),v=i(a(4784)),y=i(a(7110)),C=i(a(6078)),_=i(a(3757)),O=i(a(785)),E=i(a(6301)),x=i(a(821)),P=i(a(7020)),j=i(a(6379)),w=i(a(5905)),D=i(a(2621)),T=a(3563),S=a(5135),M=a(962),k=a(137),F=[Object.assign(Object.assign({},d.commands.heading3),{icon:s.createElement(v.default,null),name:"header"}),Object.assign(Object.assign({},d.commands.bold),{icon:s.createElement(g.default,null),name:"bold"}),Object.assign(Object.assign({},d.commands.italic),{icon:s.createElement(y.default,null),name:"italic"}),Object.assign(Object.assign({},d.commands.link),{icon:s.createElement(h.default,null),name:"link"}),Object.assign(Object.assign({},d.commands.quote),{icon:s.createElement(x.default,null),name:"quote"}),Object.assign(Object.assign({},d.commands.code),{icon:s.createElement(C.default,null),name:"code"}),Object.assign(Object.assign({},d.commands.image),{icon:s.createElement(_.default,null),name:"image"}),Object.assign(Object.assign({},d.commands.unorderedListCommand),{icon:s.createElement(O.default,null),name:"unordered-list"}),Object.assign(Object.assign({},d.commands.orderedListCommand),{icon:s.createElement(E.default,null),name:"ordered-list"})],R=c.default.div`
156
+ font-family: ${T.variables.sansFontFamily};
157
+ `,B=c.default.div`
158
+ display: flex;
159
+ padding: 12px 0;
160
+ justify-content: space-between;
161
+ `,A=(0,c.default)(w.default)`
162
+ [data-test='textbox'] {
163
+ resize: vertical;
169
164
  }
170
- `,y=u.default.div`
165
+ `,I=c.default.div`
171
166
  display: none;
172
- `,C={error:1,warning:2,other:3},_=({onChange:e,defaultErrors:t={},name:a,value:o=""})=>{const[l,r]=i.useState("write"),[n,s]=i.useState(o),[u,m]=i.useState(t),_=i.useCallback((e=>s(e)),[s]),O=i.useCallback((l=>{n!==o&&(e(l,a,n),m(t))}),[n,o,e,a,t]),E=i.useMemo((()=>{let e=null;return Object.values(u).includes("error")?e=i.createElement(b.CSPMessage,{type:"error"}):Object.values(u).includes("warning")&&(e=i.createElement(b.CSPMessage,{type:"warning"})),Object.values(u).includes("other")&&(e=i.createElement(i.Fragment,null,e,i.createElement(p.default,{appearance:"fill",type:"error","data-test":"image-error"},(0,f._)("We can't find an image with this URL. Please enter a new URL")))),e}),[Object.values(u).join("")]),x=i.useMemo((()=>{return i.createElement(y,null,i.createElement(c.default,{text:o,imageRenderer:(e=(e,t)=>{var a,o;(null!==(a=C[u[e]])&&void 0!==a?a:1/0)>(null!==(o=C[t])&&void 0!==o?o:0)&&m(Object.assign(Object.assign({},u),{[e]:t}))},function({src:t,alt:a}){const o=(0,g.useCSPViolationObserver)(t);return i.useEffect((()=>{"none"!==o&&e(t,o)}),[o,t]),i.createElement("img",{src:t,alt:a,onError:()=>{"none"===o&&e(t,"other")}})})}));var e}),[o,u]);return i.createElement(v,{"data-test":a},i.createElement(d.default,{value:n,toolbarCommands:[["header","bold","italic","link","quote","code","image","unordered-list","ordered-list"]],onChange:_,selectedTab:l,onTabChange:r,disablePreview:!0,childProps:{textArea:{onBlur:O}}}),x,E&&i.createElement(h.MessageContainer,null,E))};_.propTypes={onChange:s.func.isRequired,name:s.string.isRequired,value:s.string,defaultErrors:s.string},t.default=_},2965:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ColorFlyoutEditor=void 0;const i=r(a(9497)),s=r(a(23)),u=n(a(232)),d=a(4793),c=n(a(4566)),f=a(6649),p=n(a(8965)),m=a(8987),g=n(a(7020)),b=n(a(1551)),h=a(3850),v=a(6801),y=n(a(4008)),C=n(a(437)),_={padding:"10px"},O={width:"314px"},E=(0,u.default)(g.default)`
167
+ `,L=(0,c.default)(P.default)`
168
+ flex: 0;
169
+ `,$={error:1,warning:2,other:3},N=s.memo((({command:e,isFocusable:t,onFocus:a,onExecute:o})=>{const{icon:l,buttonProps:r}=e,{title:i}=r||{};return s.createElement(j.default,{content:i||"",contentRelationship:"label",renderAnchor:r=>{var{onFocus:i,onClick:u}=r,c=n(r,["onFocus","onClick"]);return s.createElement(L,Object.assign({appearance:"subtle","data-name":e.name,onFocus:t=>{i(t),a(e.name||"")},tabIndex:t?0:-1,onClick:t=>{u(t),o(e)}},c),l)}})}));N.displayName="ToolbarButton",N.propTypes={command:u.object.isRequired,isFocusable:u.bool.isRequired,onFocus:u.func.isRequired,onExecute:u.func.isRequired};const V=({onChange:e,name:t,value:a="",defaultErrors:o={}})=>{const l=s.useMemo((()=>(0,b.createDOMID)("markdown-editor")),[]),r=s.useRef(null),[n,i]=s.useState(a),[u,c]=s.useState(F[0].name||""),g=s.useRef(null),[h,v]=s.useState(o);s.useEffect((()=>(r.current&&!g.current&&(g.current=new d.TextAreaCommandOrchestrator(r.current)),()=>{g.current=null})),[]);const y=s.useCallback(((e,{value:t})=>{i(t)}),[]),C=s.useCallback((l=>{n!==a&&(e(l,t,n),v(o))}),[n,a,e,t,o]),_=s.useCallback((e=>{g.current&&r.current&&(g.current.executeCommand(e),i(r.current.value))}),[]),O=s.useMemo((()=>{let e=null;return Object.values(h).includes("error")?e=s.createElement(M.CSPMessage,{type:"error"}):Object.values(h).includes("warning")&&(e=s.createElement(M.CSPMessage,{type:"warning"})),Object.values(h).includes("other")&&(e=s.createElement(s.Fragment,null,e,s.createElement(p.default,{appearance:"fill",type:"error","data-test":"image-error"},(0,m._)("We can't find an image with this URL. Please enter a new URL")))),e}),[Object.values(h).join("")]),E=s.useMemo((()=>{return s.createElement(I,null,s.createElement(f.default,{text:a,imageRenderer:(e=(e,t)=>{var a,o;(null!==(a=$[h[e]])&&void 0!==a?a:1/0)>(null!==(o=$[t])&&void 0!==o?o:0)&&v(Object.assign(Object.assign({},h),{[e]:t}))},function({src:t,alt:a}){const o=(0,S.useCSPViolationObserver)(t);return s.useEffect((()=>{"none"!==o&&e(t,o)}),[o,t]),s.createElement("img",{src:t,alt:a,onError:()=>{"none"===o&&e(t,"other")}})})}));var e}),[a,h]),x=s.useCallback((e=>{var t,a;const o=e.target;if("BUTTON"!==o.tagName)return;const l=e.currentTarget,r=Array.from(l.querySelectorAll("button")),n=r.indexOf(o);if(-1===n)return;const i="ArrowLeft"===e.key,s="ArrowRight"===e.key,u="Home"===e.key,c="End"===e.key;let d=null;i?d=null!==(t=r[n-1])&&void 0!==t?t:r[r.length-1]:s?d=null!==(a=r[n+1])&&void 0!==a?a:r[0]:u?[d]=r:c&&(d=r[r.length-1]),d&&(e.preventDefault(),d.focus())}),[]),P=s.useCallback((e=>{(0,d.handleKeyDown)(e,2,!0),g.current&&((0,d.shortcuts)(e,F,g.current),r.current&&i(r.current.value))}),[]);return s.createElement(R,{"data-test":t},s.createElement(B,{role:"toolbar","aria-label":(0,m._)("Markdown formatting"),"aria-orientation":"horizontal","aria-controls":`${l}-textarea`,onKeyDown:x},F.map((e=>s.createElement(N,{key:e.name,command:e,isFocusable:u===e.name,onFocus:c,onExecute:_})))),s.createElement(D.default,{id:`${l}-textarea-label`},(0,m._)("Markdown editor")),s.createElement(A,{inputRef:r,"data-test":`${t}-textarea`,id:`${l}-textarea`,labelledBy:`${l}-textarea-label`,value:n,onChange:y,onBlur:C,onKeyDown:P}),E,O&&s.createElement(k.MessageContainer,null,O))};V.propTypes={onChange:u.func.isRequired,name:u.string.isRequired,value:u.string,defaultErrors:u.objectOf(u.oneOf(["warning","error","other"]))},t.default=V},2965:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ColorFlyoutEditor=void 0;const i=r(a(9497)),s=r(a(23)),u=n(a(232)),c=a(4793),d=n(a(4566)),f=a(6649),p=n(a(8965)),m=a(8987),b=n(a(7020)),g=n(a(1551)),h=a(3850),v=a(6801),y=n(a(4008)),C=n(a(397)),_={padding:"10px"},O={width:"314px"},E=(0,u.default)(b.default)`
173
170
  padding: 8px;
174
171
  width: 100%;
175
172
  min-height: 40px;
@@ -179,31 +176,31 @@
179
176
  justify-content: space-evenly;
180
177
  grid-gap: 4px;
181
178
  }
182
- background-color: ${c.default.interactiveColorBackground};
179
+ background-color: ${d.default.interactiveColorBackground};
183
180
  `,x=u.default.div`
184
181
  width: 26px;
185
182
  height: 24px;
186
183
  background-color: ${e=>e.color};
187
184
  border-radius: 2px;
188
- border: 1px solid ${c.default.neutral100};
185
+ border: 1px solid ${d.default.neutral100};
189
186
  `,P=u.default.div`
190
187
  box-sizing: border-box;
191
188
  padding: 8px;
192
189
  width: 312px;
193
190
  max-height: 484px;
194
- background-color: ${c.default.backgroundColorPopup};
191
+ background-color: ${d.default.backgroundColorPopup};
195
192
  `,j=u.default.div`
196
193
  font-weight: 500;
197
194
  font-size: 14px;
198
195
  line-height: 20px;
199
196
  padding: 8px 8px 0 8px;
200
- font-family: ${c.default.fontFamily};
201
- color: ${c.default.contentColorActive};
197
+ font-family: ${d.default.fontFamily};
198
+ color: ${d.default.contentColorActive};
202
199
  `,w=u.default.div`
203
200
  height: 412px;
204
201
  overflow-y: auto;
205
202
  padding: 8px 10px;
206
- `;t.ColorFlyoutEditor=({colors:e,CustomColorMatchEditor:t,handleColorRemove:a,handleColorChange:o,flyoutTitle:l,addColorButtonLabel:r,handleColorAdd:n,handleColorMove:s})=>{const u=(0,i.useMemo)((()=>e.map(((e,l)=>{const r=null==t;return i.default.createElement(p.default.Row,{index:l,key:(0,m.createDOMID)(),"data-color":e,onRequestRemove:a},i.default.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},i.default.createElement(C.default,{value:e,key:(0,m.createDOMID)(),onChange:o(l),hideLabel:!0,label:" ",name:"color",style:{marginBottom:0,marginTop:0,width:r?"100%":32},showTextInput:r}),"function"==typeof t&&i.default.createElement(t,{index:l})))}))),[e,t,a,o]);return i.default.createElement(P,{"data-test":"MultiColorPickerFlyoutContent"},i.default.createElement(j,{"data-test":"MultiColorPickerFlyoutTitle"},l),i.default.createElement(w,null,i.default.createElement(p.default,{addLabel:r,onRequestAdd:n,onRequestMove:s,"data-test":"ColorListEditor"},u)))};const D=({CustomColorMatchEditor:e,onChange:a=d.noop,canReorderColors:o=!0,value:l=h.VIZ_CATEGORICAL,flyoutTitle:r=(0,f._)("Customize colors"),addColorButtonLabel:n=(0,f._)("Add color"),name:s="seriesColors",label:u="",labelPosition:c="top",labelWidth:p,isDisabled:g=!1,hideLabel:v=!0,canAddNewColors:C=!0})=>{const[P,j]=(0,i.useState)(!1),[w,D]=(0,i.useState)(l),T=(0,i.useRef)(null);(0,i.useEffect)((()=>{D(l)}),[l]);const S=(0,i.useCallback)((()=>{const e=new Set(w);let t=h.VIZ_CATEGORICAL.find((t=>!e.has(t)));if(!t){const e=new Map;h.VIZ_CATEGORICAL.forEach((t=>e.set(t,0))),w.forEach((t=>{e.set(t,(e.get(t)||0)+1)}));let a=1/0;h.VIZ_CATEGORICAL.forEach((o=>{const l=e.get(o)||0;l<a&&(a=l,t=o)}))}a(null,s,[...w,t])}),[s,a,w]),M=(0,i.useCallback)((e=>(t,o,l)=>{const r=[...w];r.splice(e,1,l),a(null,s,r)}),[s,a,w]),k=(0,i.useCallback)(((e,{index:t})=>{const o=[...w];o.splice(t,1),a(null,s,o)}),[s,a,w]),F=(0,i.useCallback)((({fromIndex:e,toIndex:t})=>{const o=[...w],l=o[e];o.splice(e,1),o.splice(t,0,l),a(null,s,o)}),[s,a,w]),R=(0,i.useCallback)((({event:e,reason:t})=>{var a;(null===(a=null==e?void 0:e.srcElement)||void 0===a?void 0:a.sortableHandle)||j(!1),"escapeKey"===t&&T.current.focus()}),[]),B=(0,i.useMemo)((()=>w.map((e=>i.default.createElement(x,{color:e,key:(0,m.createDOMID)()})))),[w]),A=(0,i.useCallback)((()=>{j((e=>!e))}),[]);return i.default.createElement(y.default,{label:u,labelPosition:c,labelWidth:p,hideLabel:v,"data-test":"MultiColorPickerEditor"},i.default.createElement(E,{inline:!1,"data-test":"MultiColorPickerButton",appearance:"default",ref:T,onClick:A,disabled:g,style:O},B),i.default.createElement(b.default,{"data-test":"MultiColorPickerFlyout",open:P,anchor:T.current,defaultPlacement:"horizontal",style:_,onRequestClose:R,takeFocus:!0},i.default.createElement(t.ColorFlyoutEditor,{colors:w,CustomColorMatchEditor:e,handleColorRemove:k,handleColorChange:M,handleColorAdd:C?S:void 0,handleColorMove:o?F:void 0,flyoutTitle:r,addColorButtonLabel:n})))};D.propTypes=Object.assign(Object.assign({},v.BaseEditorPropTypes),{canReorderColors:s.bool,canAddNewColors:s.bool,value:s.arrayOf(s.string),flyoutTitle:s.string,addColorButtonLabel:s.string,CustomColorMatchEditor:s.func,hideLabel:s.bool}),t.default=D},1546:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.NetworkGraphDynamicColorEditor=void 0;const i=r(a(9497)),s=a(6649),u=n(a(7143)),d=a(152),c=n(a(4182)),f=n(a(437));t.NetworkGraphDynamicColorEditor=({name:e,value:t,contextName:a,label:o="",labelWidth:l,context:r,flyoutTitle:n=(0,s._)("Dynamic coloring"),formatters:p=[],dataSelectors:m=[],defaultPalettesConfig:g,tooltip:b,options:h={},onChange:v=(()=>{})})=>{var y;const C=null===(y=m[0])||void 0===y?void 0:y.value,_=i.useCallback((e=>!e||e.trim().startsWith("#")?"static":"dynamic"),[]),[O,E]=i.useState(_(t));i.useEffect((()=>{const e=_(t);E(e)}),[_,t]);const x=i.useCallback(((t,o,l)=>{var n,i,s;E(l);const u=Object.assign({},h),d=Object.assign({},r);if("dynamic"===l){const o=(null===(n=p[0])||void 0===n?void 0:n.value)||"gradient",l=(null===(s=null===(i=p[0])||void 0===i?void 0:i.defaults)||void 0===s?void 0:s[C])||{},r=`> ${C} | ${o}(${a})`;u[e]=r,d[a]=l,v(t,{options:u,context:d})}else"static"===l&&(u[e]=void 0,d[a]=void 0,v(t,{options:u,context:d}))}),[h,r,p,C,a,e,v]),P=i.useCallback(((t,o)=>{var l;const n=o.options[e],i=null===(l=o.context)||void 0===l?void 0:l[a],s=Object.assign(Object.assign({},h),{[e]:n}),u=Object.assign(Object.assign({},r),{[a]:i});v(t,{options:s,context:u})}),[h,e,r,v,a]),j=i.useCallback(((e,t,o)=>{const l=Object.assign(Object.assign({},h),{[t]:o}),n=Object.assign({},r);n[a]=void 0,v(e,{options:l,context:n})}),[r,v,h,a]);return i.createElement(u.default,{"data-test":"dynamic-color-toggle",gutter:15},i.createElement(u.default.Row,{"data-test":"network-graph-dynamic-color-row",alignItems:"start"},i.createElement(u.default.Column,{span:6},i.createElement(c.default,{name:e,label:(0,s._)(o),labelPosition:"top",value:O,onChange:x,itemSchema:{type:"string"},values:[{label:(0,s._)("Static coloring"),value:"static"},{label:(0,s._)("Dynamic coloring"),value:"dynamic"}],help:b})),"dynamic"===O&&i.createElement(u.default.Column,{span:6},i.createElement(d.DynamicColorEditor,{name:e,label:" ",labelPosition:"top",labelWidth:l,value:t,context:r,onChange:P,flyoutTitle:n,formatters:p,dataSelectors:m,defaultPalettesConfig:g})),"static"===O&&i.createElement(u.default.Column,{span:6},i.createElement(f.default,{name:e,label:" ",labelPosition:"top",labelWidth:l,value:t,onChange:j}))))}},4215:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=n(a(232)),u=n(a(4566)),d=n(a(7020)),c=n(a(1551)),f=n(a(6769)),p=a(3563),m=n(a(1668)),g=n(a(4008)),b=(0,s.default)(m.default)`
203
+ `;t.ColorFlyoutEditor=({colors:e,CustomColorMatchEditor:t,handleColorRemove:a,handleColorChange:o,flyoutTitle:l,addColorButtonLabel:r,handleColorAdd:n,handleColorMove:s})=>{const u=(0,i.useMemo)((()=>e.map(((e,l)=>{const r=null==t;return i.default.createElement(p.default.Row,{index:l,key:(0,m.createDOMID)(),"data-color":e,onRequestRemove:a},i.default.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},i.default.createElement(C.default,{value:e,key:(0,m.createDOMID)(),onChange:o(l),hideLabel:!0,label:" ",name:"color",style:{marginBottom:0,marginTop:0,width:r?"100%":32},showTextInput:r}),"function"==typeof t&&i.default.createElement(t,{index:l})))}))),[e,t,a,o]);return i.default.createElement(P,{"data-test":"MultiColorPickerFlyoutContent"},i.default.createElement(j,{"data-test":"MultiColorPickerFlyoutTitle"},l),i.default.createElement(w,null,i.default.createElement(p.default,{addLabel:r,onRequestAdd:n,onRequestMove:s,"data-test":"ColorListEditor"},u)))};const D=({CustomColorMatchEditor:e,onChange:a=c.noop,canReorderColors:o=!0,value:l=h.VIZ_CATEGORICAL,flyoutTitle:r=(0,f._)("Customize colors"),addColorButtonLabel:n=(0,f._)("Add color"),name:s="seriesColors",label:u="",labelPosition:d="top",labelWidth:p,isDisabled:b=!1,hideLabel:v=!0,canAddNewColors:C=!0})=>{const[P,j]=(0,i.useState)(!1),[w,D]=(0,i.useState)(l),T=(0,i.useRef)(null);(0,i.useEffect)((()=>{D(l)}),[l]);const S=(0,i.useCallback)((()=>{const e=new Set(w);let t=h.VIZ_CATEGORICAL.find((t=>!e.has(t)));if(!t){const e=new Map;h.VIZ_CATEGORICAL.forEach((t=>e.set(t,0))),w.forEach((t=>{e.set(t,(e.get(t)||0)+1)}));let a=1/0;h.VIZ_CATEGORICAL.forEach((o=>{const l=e.get(o)||0;l<a&&(a=l,t=o)}))}a(null,s,[...w,t])}),[s,a,w]),M=(0,i.useCallback)((e=>(t,o,l)=>{const r=[...w];r.splice(e,1,l),a(null,s,r)}),[s,a,w]),k=(0,i.useCallback)(((e,{index:t})=>{const o=[...w];o.splice(t,1),a(null,s,o)}),[s,a,w]),F=(0,i.useCallback)((({fromIndex:e,toIndex:t})=>{const o=[...w],l=o[e];o.splice(e,1),o.splice(t,0,l),a(null,s,o)}),[s,a,w]),R=(0,i.useCallback)((({event:e,reason:t})=>{var a;(null===(a=null==e?void 0:e.srcElement)||void 0===a?void 0:a.sortableHandle)||j(!1),"escapeKey"===t&&T.current.focus()}),[]),B=(0,i.useMemo)((()=>w.map((e=>i.default.createElement(x,{color:e,key:(0,m.createDOMID)()})))),[w]),A=(0,i.useCallback)((()=>{j((e=>!e))}),[]);return i.default.createElement(y.default,{label:u,labelPosition:d,labelWidth:p,hideLabel:v,"data-test":"MultiColorPickerEditor"},i.default.createElement(E,{inline:!1,"data-test":"MultiColorPickerButton",appearance:"default",ref:T,onClick:A,disabled:b,style:O},B),i.default.createElement(g.default,{"data-test":"MultiColorPickerFlyout",open:P,anchor:T.current,defaultPlacement:"horizontal",style:_,onRequestClose:R,takeFocus:!0},i.default.createElement(t.ColorFlyoutEditor,{colors:w,CustomColorMatchEditor:e,handleColorRemove:k,handleColorChange:M,handleColorAdd:C?S:void 0,handleColorMove:o?F:void 0,flyoutTitle:r,addColorButtonLabel:n})))};D.propTypes=Object.assign(Object.assign({},v.BaseEditorPropTypes),{canReorderColors:s.bool,canAddNewColors:s.bool,value:s.arrayOf(s.string),flyoutTitle:s.string,addColorButtonLabel:s.string,CustomColorMatchEditor:s.func,hideLabel:s.bool}),t.default=D},1546:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.NetworkGraphDynamicColorEditor=void 0;const i=r(a(9497)),s=a(6649),u=n(a(7143)),c=a(152),d=n(a(4182)),f=n(a(397));t.NetworkGraphDynamicColorEditor=({name:e,value:t,contextName:a,label:o="",labelWidth:l,context:r,flyoutTitle:n=(0,s._)("Dynamic coloring"),formatters:p=[],dataSelectors:m=[],defaultPalettesConfig:b,tooltip:g,options:h={},onChange:v=(()=>{})})=>{var y;const C=null===(y=m[0])||void 0===y?void 0:y.value,_=i.useCallback((e=>!e||e.trim().startsWith("#")?"static":"dynamic"),[]),[O,E]=i.useState(_(t));i.useEffect((()=>{const e=_(t);E(e)}),[_,t]);const x=i.useCallback(((t,o,l)=>{var n,i,s;E(l);const u=Object.assign({},h),c=Object.assign({},r);if("dynamic"===l){const o=(null===(n=p[0])||void 0===n?void 0:n.value)||"gradient",l=(null===(s=null===(i=p[0])||void 0===i?void 0:i.defaults)||void 0===s?void 0:s[C])||{},r=`> ${C} | ${o}(${a})`;u[e]=r,c[a]=l,v(t,{options:u,context:c})}else"static"===l&&(u[e]=void 0,c[a]=void 0,v(t,{options:u,context:c}))}),[h,r,p,C,a,e,v]),P=i.useCallback(((t,o)=>{var l;const n=o.options[e],i=null===(l=o.context)||void 0===l?void 0:l[a],s=Object.assign(Object.assign({},h),{[e]:n}),u=Object.assign(Object.assign({},r),{[a]:i});v(t,{options:s,context:u})}),[h,e,r,v,a]),j=i.useCallback(((e,t,o)=>{const l=Object.assign(Object.assign({},h),{[t]:o}),n=Object.assign({},r);n[a]=void 0,v(e,{options:l,context:n})}),[r,v,h,a]);return i.createElement(u.default,{"data-test":"dynamic-color-toggle",gutter:15},i.createElement(u.default.Row,{"data-test":"network-graph-dynamic-color-row",alignItems:"start"},i.createElement(u.default.Column,{span:6},i.createElement(d.default,{name:e,label:(0,s._)(o),labelPosition:"top",value:O,onChange:x,itemSchema:{type:"string"},values:[{label:(0,s._)("Static coloring"),value:"static"},{label:(0,s._)("Dynamic coloring"),value:"dynamic"}],help:g})),"dynamic"===O&&i.createElement(u.default.Column,{span:6},i.createElement(c.DynamicColorEditor,{name:e,label:" ",labelPosition:"top",labelWidth:l,value:t,context:r,onChange:P,flyoutTitle:n,formatters:p,dataSelectors:m,defaultPalettesConfig:b})),"static"===O&&i.createElement(u.default.Column,{span:6},i.createElement(f.default,{name:e,label:" ",labelPosition:"top",labelWidth:l,value:t,onChange:j}))))}},4215:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=n(a(232)),u=n(a(4566)),c=n(a(7020)),d=n(a(1551)),f=n(a(6769)),p=a(3563),m=n(a(1668)),b=n(a(4008)),g=(0,s.default)(m.default)`
207
204
  background-color: ${u.default.backgroundColorPopup};
208
205
  `,h=s.default.span`
209
206
  font-weight: 500;
@@ -241,7 +238,7 @@
241
238
  `,E=s.default.span`
242
239
  font-size: 13px;
243
240
  font-weight: normal;
244
- `,x=({presetName:e,presetLabel:t,presetValue:a,selectedPreset:o,onPopoverClick:l,open:r})=>{const n=(0,i.useRef)(),s=f.default[e],u=i.default.useCallback((e=>{l(e,t,a)}),[l,t,a]);return(0,i.useEffect)((()=>{var e;r&&t===o&&(null===(e=n.current)||void 0===e||e.focus())}),[r,t,o]),i.default.createElement(y,{key:t},i.default.createElement(C,{"data-test":`flyout-preset-option-${t}`,selected:t===o,onClick:u,ref:n},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:a,label:o,labelWidth:l,presets:r,value:n})=>{const[s,u]=i.default.useState(!1),[f,p]=i.default.useState(n||"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,o)=>{p(t),a(e,o),u(!1),m.focus()}),[m,a]),P=`preset-editor-flyout-${o.replace(" ","-")}`;return i.default.createElement(i.default.Fragment,null,i.default.createElement(g.default,{label:o,labelPosition:t,labelWidth:l},i.default.createElement(d.default,{"data-test":"preset-selector-button",label:f,isMenu:!0,elementRef:C,onClick:_,"aria-label":`${o}, ${f}`,"aria-expanded":s,"aria-controls":P})),i.default.createElement(c.default,{id:P,animation:e,"data-test":"preset-editor-flyout",open:s,anchor:m,appearance:"normal",defaultPlacement:"horizontal",onRequestClose:O,role:"dialog"},i.default.createElement(b,{"data-test":"flyout-header"},i.default.createElement(h,{"data-test":"preset-selector-flyout-label"},o)),i.default.createElement(v,null,r.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,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=a(4793),d=a(6649),c=a(8987),f=n(a(2373)),p=a(2687),m=n(a(3453)),g=a(9033),b=n(a(2965)),h=n(a(4008)),v=a(6801),y=a(1385),C={},_={},O={},E=({name:e,value:t=C,dataSourceBindings:a,onChange:o,options:l=_,isCategorical:r=!1,context:n,optionsSchema:v=O})=>{var E;const[x,P]=(0,i.useState)(Object.values(t)),[j,w]=(0,i.useState)(Object.keys(t));(0,i.useEffect)((()=>{P(Object.values(t)),w(Object.keys(t))}),[JSON.stringify(t)]);const D=(0,y.useDataSource)({dataSourceBindings:a,dataSourceKey:"primary"}),{isLoading:T}=(0,i.useMemo)((()=>(0,g.getDataSourceStateInfo)(D)),[D]),{category:S=(null===(E=null==v?void 0:v.category)||void 0===E?void 0:E.default)}=null!=l?l:{},M=(0,i.useMemo)((()=>{var e,t;if(r){if(!S)return[];if(Array.isArray(S))return[...new Set(S.map((e=>null==e?void 0:e.toString())).filter((e=>!(0,u.isEmpty)(e))))];if(!T&&m.default.isDslString(S)){const e=p.Options.evaluate({context:n,options:Object.assign(Object.assign({},l),{category:S})},{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:[]}),[n,D,r,l,S,T]),{editorLabel:k,flyoutTitle:F,addColorButtonLabel:R}=(0,i.useMemo)((()=>r?{editorLabel:(0,d._)("Series colors by category name"),flyoutTitle:(0,d._)("Color by category name"),addColorButtonLabel:(0,d._)("Add category")}:{editorLabel:(0,d._)("Series colors by field name"),flyoutTitle:(0,d._)("Color by field name"),addColorButtonLabel:(0,d._)("Add field")}),[r]),B=({updatedColors:e,updatedFields:t})=>{const a={};return t.forEach(((t,o)=>{a[t]=e[o]})),a},A=(0,i.useCallback)(((t,a,l)=>{if(l.length>M.length)return;const r=j;if(l.length>x.length){const e=M.find((e=>!j.includes(e)));r.push(e)}if(l.length<x.length){const e=x.findIndex((e=>!l.includes(e)));r.splice(e,1)}o(null,e,B({updatedColors:l,updatedFields:r}))}),[M,o,e,j,x]),I=(0,i.useCallback)((({newFieldIndex:t,currFieldIndex:a})=>{const l=j.includes(M[t]),r=j;if(l){const e=j.indexOf(M[t]),o=j[a];r[a]=j[e],r[e]=o}else r[a]=M[t];o(null,e,B({updatedColors:x,updatedFields:r}))}),[j,M,x,e,o]),L=(0,i.useMemo)((()=>(({fields:e,dsFields:t,handleFieldChange:a})=>{const o=({index:o})=>{const l=(0,i.useMemo)((()=>t.map(((e,t)=>i.default.createElement(f.default.Option,{label:e,value:t,key:(0,c.createDOMID)(),"data-test":`${e}-${o}`})))),[o]),r=(0,i.useCallback)(((e,{value:t})=>{a({newFieldIndex:t,currFieldIndex:o})}),[o]),n=t.indexOf(e[o]);return i.default.createElement(f.default,{value:n,onChange:r,style:{width:190},"data-test":"field-select"},l)};return o.propTypes={index:s.number},o})({fields:j,dsFields:M,handleFieldChange:I})),[M,j,I]);return i.default.createElement(h.default,{label:k,labelPosition:"top","data-test":"SeriesColorsByFieldEditor"},i.default.createElement(b.default,{value:x,onChange:A,name:"series",canReorderColors:!1,flyoutTitle:F,addColorButtonLabel:R,CustomColorMatchEditor:L,isDisabled:M.length<1,canAddNewColors:j.length<M.length}))};E.propTypes=Object.assign(Object.assign({},v.BaseEditorPropTypes),{isCategorical:s.bool}),t.default=E},5695:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.PALETTES=void 0;const i=r(a(9497)),s=r(a(23)),u=n(a(232)),d=a(4793),c=n(a(7020)),f=n(a(7143)),p=n(a(6214)),m=n(a(4233)),g=a(6649),b=a(3850),h=n(a(2965)),v=a(1705),y=n(a(4008)),C=n(a(1494)),_=a(5862),O=a(6801);t.PALETTES={default:{id:"default",name:(0,g._)("Default"),palette:b.VIZ_CATEGORICAL},custom:{id:"custom",name:(0,g._)("Custom"),palette:[]}};const E=u.default.div`
241
+ `,x=({presetName:e,presetLabel:t,presetValue:a,selectedPreset:o,onPopoverClick:l,open:r})=>{const n=(0,i.useRef)(),s=f.default[e],u=i.default.useCallback((e=>{l(e,t,a)}),[l,t,a]);return(0,i.useEffect)((()=>{var e;r&&t===o&&(null===(e=n.current)||void 0===e||e.focus())}),[r,t,o]),i.default.createElement(y,{key:t},i.default.createElement(C,{"data-test":`flyout-preset-option-${t}`,selected:t===o,onClick:u,ref:n},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:a,label:o,labelWidth:l,presets:r,value:n})=>{const[s,u]=i.default.useState(!1),[f,p]=i.default.useState(n||"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,o)=>{p(t),a(e,o),u(!1),m.focus()}),[m,a]),P=`preset-editor-flyout-${o.replace(" ","-")}`;return i.default.createElement(i.default.Fragment,null,i.default.createElement(b.default,{label:o,labelPosition:t,labelWidth:l},i.default.createElement(c.default,{"data-test":"preset-selector-button",label:f,isMenu:!0,elementRef:C,onClick:_,"aria-label":`${o}, ${f}`,"aria-expanded":s,"aria-controls":P})),i.default.createElement(d.default,{id:P,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"},o)),i.default.createElement(v,null,r.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,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=a(4793),c=a(6649),d=a(8987),f=n(a(2373)),p=a(2687),m=n(a(3453)),b=a(9033),g=n(a(2965)),h=n(a(4008)),v=a(6801),y=a(1385),C={},_={},O={},E=({name:e,value:t=C,dataSourceBindings:a,onChange:o,options:l=_,isCategorical:r=!1,context:n,optionsSchema:v=O})=>{var E;const[x,P]=(0,i.useState)(Object.values(t)),[j,w]=(0,i.useState)(Object.keys(t));(0,i.useEffect)((()=>{P(Object.values(t)),w(Object.keys(t))}),[JSON.stringify(t)]);const D=(0,y.useDataSource)({dataSourceBindings:a,dataSourceKey:"primary"}),{isLoading:T}=(0,i.useMemo)((()=>(0,b.getDataSourceStateInfo)(D)),[D]),{category:S=(null===(E=null==v?void 0:v.category)||void 0===E?void 0:E.default)}=null!=l?l:{},M=(0,i.useMemo)((()=>{var e,t;if(r){if(!S)return[];if(Array.isArray(S))return[...new Set(S.map((e=>null==e?void 0:e.toString())).filter((e=>!(0,u.isEmpty)(e))))];if(!T&&m.default.isDslString(S)){const e=p.Options.evaluate({context:n,options:Object.assign(Object.assign({},l),{category:S})},{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:[]}),[n,D,r,l,S,T]),{editorLabel:k,flyoutTitle:F,addColorButtonLabel:R}=(0,i.useMemo)((()=>r?{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")}),[r]),B=({updatedColors:e,updatedFields:t})=>{const a={};return t.forEach(((t,o)=>{a[t]=e[o]})),a},A=(0,i.useCallback)(((t,a,l)=>{if(l.length>M.length)return;const r=j;if(l.length>x.length){const e=M.find((e=>!j.includes(e)));r.push(e)}if(l.length<x.length){const e=x.findIndex((e=>!l.includes(e)));r.splice(e,1)}o(null,e,B({updatedColors:l,updatedFields:r}))}),[M,o,e,j,x]),I=(0,i.useCallback)((({newFieldIndex:t,currFieldIndex:a})=>{const l=j.includes(M[t]),r=j;if(l){const e=j.indexOf(M[t]),o=j[a];r[a]=j[e],r[e]=o}else r[a]=M[t];o(null,e,B({updatedColors:x,updatedFields:r}))}),[j,M,x,e,o]),L=(0,i.useMemo)((()=>(({fields:e,dsFields:t,handleFieldChange:a})=>{const o=({index:o})=>{const l=(0,i.useMemo)((()=>t.map(((e,t)=>i.default.createElement(f.default.Option,{label:e,value:t,key:(0,d.createDOMID)(),"data-test":`${e}-${o}`})))),[o]),r=(0,i.useCallback)(((e,{value:t})=>{a({newFieldIndex:t,currFieldIndex:o})}),[o]),n=t.indexOf(e[o]);return i.default.createElement(f.default,{value:n,onChange:r,style:{width:190},"data-test":"field-select"},l)};return o.propTypes={index:s.number},o})({fields:j,dsFields:M,handleFieldChange:I})),[M,j,I]);return i.default.createElement(h.default,{label:k,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:M.length<1,canAddNewColors:j.length<M.length}))};E.propTypes=Object.assign(Object.assign({},v.BaseEditorPropTypes),{isCategorical:s.bool}),t.default=E},5695:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.PALETTES=void 0;const i=r(a(9497)),s=r(a(23)),u=n(a(232)),c=a(4793),d=n(a(7020)),f=n(a(7143)),p=n(a(6214)),m=n(a(4233)),b=a(6649),g=a(3850),h=n(a(2965)),v=a(1705),y=n(a(4008)),C=n(a(1494)),_=a(5862),O=a(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`
245
242
  width: 120px;
246
243
  margin-right: 20px;
247
244
  display: flex;
@@ -251,19 +248,19 @@
251
248
  `,P=u.default.div`
252
249
  flex: 1 0 1px;
253
250
  height: 100%;
254
- `,j=({label:e,value:a,name:o,onChange:l})=>{const r=(0,i.useMemo)((()=>!!(null==a?void 0:a.length)&&!(0,d.isEqual)(a,b.VIZ_CATEGORICAL)),[a]),n=(0,i.useMemo)((()=>r?Object.assign(Object.assign({},t.PALETTES),{custom:Object.assign(Object.assign({},t.PALETTES.custom),{palette:a})}):t.PALETTES),[r,a]),[s,u]=(0,i.useState)(r?"custom":"default"),[C,O]=(0,i.useState)(n),j=(0,i.useCallback)((e=>{u(e),l(null,o,C[e].palette)}),[o,l,C]),w=(0,i.useCallback)(((e,a,r)=>{r.length?(O((e=>Object.assign(Object.assign({},e),{custom:Object.assign(Object.assign({},t.PALETTES.custom),{palette:r})}))),u("custom"),l(null,o,r)):(O((e=>Object.assign(Object.assign({},e),{custom:t.PALETTES.custom}))),u("default"),l(null,o,t.PALETTES.default.palette))}),[o,l]),D=i.default.createElement(c.default,{appearance:"default","data-test":"palette-dropdown-button",label:C[s].name,isMenu:!0}),T=e=>{const{id:t,palette:a,name:o}=e;return i.default.createElement(m.default.Item,{key:`SeriesColorsDropdownMenuItem-${t}`,"data-test":`palette-dropdown-menu-${t}`,selectable:!0,selected:s===t,onClick:()=>j(t)},i.default.createElement(x,null,i.default.createElement(E,null,o),i.default.createElement(P,null,i.default.createElement(v.ColorPreview,{colors:a.slice(0,8),maxColorCount:8,expandToFillHorizontalSpace:!1}))))},S=C.custom.palette.length>0;return i.default.createElement(f.default,{gutter:_.VERTICAL_EDITOR_SPACING},i.default.createElement(f.default.Row,null,i.default.createElement(y.default,{label:e||(0,g._)("Series colors"),labelPosition:"top","data-test":"series-colors-editor"},i.default.createElement(p.default,{toggle:D},i.default.createElement(m.default,{style:{width:_.DROPDOWN_MENU_WIDTH}},S&&T(C.custom),S&&i.default.createElement(m.default.Divider,null),T(t.PALETTES.default))))),i.default.createElement(f.default.Row,null,i.default.createElement(h.default,{name:"series-colors",value:C[s].palette,flyoutTitle:(0,g._)("Customize colors"),addColorButtonLabel:(0,g._)("Add color"),onChange:w})))};j.propTypes=Object.assign(Object.assign({},O.BaseEditorPropTypes),{value:s.arrayOf(s.string)}),t.default=j},148:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.SliderEditor=void 0;const i=r(a(9497)),s=n(a(232)),u=n(a(5309)),d=n(a(2782)),c=n(a(4008)),f=a(5592),p={flexBasis:92,flexGrow:0,flexShrink:0},m=(0,s.default)(u.default)`
251
+ `,j=({label:e,value:a,name:o,onChange:l})=>{const r=(0,i.useMemo)((()=>!!(null==a?void 0:a.length)&&!(0,c.isEqual)(a,g.VIZ_CATEGORICAL)),[a]),n=(0,i.useMemo)((()=>r?Object.assign(Object.assign({},t.PALETTES),{custom:Object.assign(Object.assign({},t.PALETTES.custom),{palette:a})}):t.PALETTES),[r,a]),[s,u]=(0,i.useState)(r?"custom":"default"),[C,O]=(0,i.useState)(n),j=(0,i.useCallback)((e=>{u(e),l(null,o,C[e].palette)}),[o,l,C]),w=(0,i.useCallback)(((e,a,r)=>{r.length?(O((e=>Object.assign(Object.assign({},e),{custom:Object.assign(Object.assign({},t.PALETTES.custom),{palette:r})}))),u("custom"),l(null,o,r)):(O((e=>Object.assign(Object.assign({},e),{custom:t.PALETTES.custom}))),u("default"),l(null,o,t.PALETTES.default.palette))}),[o,l]),D=i.default.createElement(d.default,{appearance:"default","data-test":"palette-dropdown-button",label:C[s].name,isMenu:!0}),T=e=>{const{id:t,palette:a,name:o}=e;return i.default.createElement(m.default.Item,{key:`SeriesColorsDropdownMenuItem-${t}`,"data-test":`palette-dropdown-menu-${t}`,selectable:!0,selected:s===t,onClick:()=>j(t)},i.default.createElement(x,null,i.default.createElement(E,null,o),i.default.createElement(P,null,i.default.createElement(v.ColorPreview,{colors:a.slice(0,8),maxColorCount:8,expandToFillHorizontalSpace:!1}))))},S=C.custom.palette.length>0;return i.default.createElement(f.default,{gutter:_.VERTICAL_EDITOR_SPACING},i.default.createElement(f.default.Row,null,i.default.createElement(y.default,{label:e||(0,b._)("Series colors"),labelPosition:"top","data-test":"series-colors-editor"},i.default.createElement(p.default,{toggle:D},i.default.createElement(m.default,{style:{width:_.DROPDOWN_MENU_WIDTH}},S&&T(C.custom),S&&i.default.createElement(m.default.Divider,null),T(t.PALETTES.default))))),i.default.createElement(f.default.Row,null,i.default.createElement(h.default,{name:"series-colors",value:C[s].palette,flyoutTitle:(0,b._)("Customize colors"),addColorButtonLabel:(0,b._)("Add color"),onChange:w})))};j.propTypes=Object.assign(Object.assign({},O.BaseEditorPropTypes),{value:s.arrayOf(s.string)}),t.default=j},148:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.SliderEditor=void 0;const i=r(a(9497)),s=n(a(232)),u=n(a(5309)),c=n(a(2782)),d=n(a(4008)),f=a(5592),p={flexBasis:92,flexGrow:0,flexShrink:0},m=(0,s.default)(u.default)`
255
252
  div:has(> [data-test='bar']) {
256
253
  min-width: 0;
257
254
  }
258
- `;t.SliderEditor=({help:e,isDisabled:t=!1,label:a,labelPosition:o="top",labelWidth:l,max:r,maxLabel:n=null,min:s,minLabel:u=null,name:g,onChange:b,step:h,stepMarks:v="focus",value:y=null,defaultValue:C})=>{const _=i.useCallback(((e,{value:t})=>{(parseFloat(t)||0===t)&&b(e,g,t)}),[b,g]),O=i.useCallback(((e,t)=>{(parseFloat(t)||0===t)&&b(e,g,t)}),[b,g]),{currentValue:E,handleChange:x,handleBlur:P,handleFocus:j,handleKeyPress:w}=(0,f.useNumberInput)({value:y,min:s,max:r,defaultValue:C,onValueChange:O}),D=null!=E?Number(E):void 0,T="none"===v?"never":v;return i.createElement(c.default,{label:a,labelPosition:o,labelWidth:l,help:e},i.createElement(m,{"data-test":g,min:s,minLabel:u,max:r,maxLabel:n,step:h,stepMarks:T,value:D,disabled:t,onChange:_}),i.createElement(d.default,{inline:!0,min:s,max:r,step:h,onChange:x,onBlur:P,onFocus:j,onKeyDown:w,value:D,disabled:t,style:p}))},t.default=t.SliderEditor},6116:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=a(4793),u=n(a(9250)),d=a(9033),c=a(1256),f=n(a(7649)),p=n(a(1432)),m=a(5396),g=a(1385),b=e=>{const t={};return e.forEach(((e,a)=>{t[a]=e})),t};t.default=({dataSourceKey:e="primary",dataSourceBindings:t,label:a,labelPosition:o="top",labelWidth:l,columnColoringConfig:r,defaultOptionsByType:n,flyoutConfig:h=[[]],onChange:v,value:y,textFormatConfig:C=[]})=>{const{context:_={},columnFormat:O={},tableFormat:E={}}=y,x=(0,g.useDataSource)({dataSourceBindings:t,dataSourceKey:e}),{columns:P,fields:j}=(0,s.get)(x,"data")||{columns:[],fields:[]},w=(0,c.getAvailableFieldsWithTypes)(P,j),D=i.useMemo((()=>(0,m.getEditorSupportedFormatOptions)(h)),[h]),[T,S]=i.useState((0,m.getInitialColumnFormattingState)({availableFieldsWithTypes:w,coloringTypes:r.coloringTypes,columnFormatOption:O,editorSupportedFormatOptions:D,vizContext:_}));i.useEffect((()=>{S((0,m.getInitialColumnFormattingState)({availableFieldsWithTypes:w,coloringTypes:r.coloringTypes,columnFormatOption:O,editorSupportedFormatOptions:D,vizContext:_}))}),[JSON.stringify(w)]);const M=i.useCallback((({columnName:e,columnDataType:t})=>{const a=(0,m.getFormattingOptDSLKey)(O[e]),o=_[a]||{[t]:{}},l=Object.keys(o[t]).reduce(((e,t)=>(e[t]=null,e)),{}),r=(0,m.getExistingTextFormatting)(e,O),i=new Map(T),u={columnColoring:(0,s.get)(T.get(e),"columnColoring",{_meta:{dynamicallyColoredOption:"Off"}}),formatByType:{[t]:Object.assign(Object.assign(Object.assign({},l),n[t]),{_meta:{exceedsEditorCapabilities:!1}})},formatText:r};i.set(e,u),S(i),v(null,(0,m.getColumnFormatDefFromState)((0,s.cloneDeep)({columnFormatOption:O,updatedEditorColumnFormatting:b(i)})))}),[O,n,T,v,_]),k=i.useCallback(((e,t,a=!1)=>{const o=new Map(T);o.set(e,t),S(o),a||v(null,(0,m.getColumnFormatDefFromState)((0,s.cloneDeep)({columnFormatOption:O,updatedEditorColumnFormatting:b(o)})))}),[O,T,v]),F=i.useCallback((({columnName:e,coloringTypes:t,dynamicallyColoredOption:a})=>{if(Array.isArray(t)){const o=(0,s.cloneDeep)(T.get(e));t.forEach((({coloringType:e,colorContextKey:t,colorOptionDSL:a,colorContextConfig:l})=>{(0,s.set)(o,["columnColoring",e],{colorContextKey:t,colorOptionDSL:a,colorContextConfig:l})})),(0,s.set)(o,["columnColoring","_meta"],{dynamicallyColoredOption:a}),k(e,o)}}),[T,k]),R=i.useCallback((({columnName:e,optionName:t,value:a})=>{const[o]=Object.keys(T.get(e).formatByType),l=(0,s.defaultsDeep)({},{formatByType:{[o]:{[t]:a,_meta:{exceedsEditorCapabilities:!1}}}},T.get(e));k(e,l)}),[T,k]),B=i.useCallback((({columnName:e,optionName:t,value:a})=>{const o=(0,s.defaultsDeep)({},{formatText:{[t]:a}},T.get(e));k(e,o)}),[T,k]),A=i.useCallback(((e,{value:t})=>{const{name:a,type:o}=t,l=(0,m.getFormattingOptDSLKey)(O[a]);let r;const i=D[o];if(l){const e=_[l];return r={columnColoring:{_meta:{dynamicallyColoredOption:"Off"}},formatByType:{[o]:Object.assign(Object.assign({},(0,s.get)(_,[l,o],{})),{_meta:{exceedsEditorCapabilities:(0,m.checkExceedsEditorCapabilities)(e[o],i)}})},formatText:{}},void k(a,r,!0)}const u=(0,m.getGlobalTableFormatting)(E,o,_);r={columnColoring:{_meta:{dynamicallyColoredOption:"Off"}},formatByType:{[o]:Object.assign(Object.assign(Object.assign({},n[o]),u),{_meta:{exceedsEditorCapabilities:(0,m.checkExceedsEditorCapabilities)(u,i)}})},formatText:Object.assign({},n[m.TextDataType])},k(a,r)}),[O,n,D,k,E,_]),I=i.useCallback((({columnName:e,columnDataType:t})=>{const a=new Map(T);a.delete(e),S(a);const o=T.get(e);if((0,s.get)(o,["formatByType",t,"_meta","exceedsEditorCapabilities"])){const t=(0,m.getFormattingOptDSLKey)(O[e]),a=_[t]||{},{colorContextKey:o}=(0,s.get)(T.get(e),["columnColoring","rowColors"],{}),{colorContextKey:l}=(0,s.get)(T.get(e),["columnColoring","rowBackgroundColors"],{});v(null,(0,m.getColumnFormatDefFromState)((0,s.cloneDeep)({columnFormatOption:O,updatedEditorColumnFormatting:Object.assign(Object.assign({},b(T)),{[e]:{formatByType:Object.assign({},a),columnColoring:Object.assign(Object.assign({},o&&{rowColors:{colorContextKey:o,colorOptionsDSL:null,colorContextConfig:null}}),l&&{rowBackgroundColors:{colorContextKey:l,colorOptionsDSL:null,colorContextConfig:null}}),formatText:{}}})})))}else v(null,(0,m.getColumnFormatDefFromState)((0,s.cloneDeep)({columnFormatOption:O,updatedEditorColumnFormatting:Object.assign(Object.assign({},b(T)),{[e]:null})})))}),[O,T,v,_]),L=[];T.forEach(((e,t)=>{const[a]=Object.keys(e.formatByType),o=(0,s.get)(e,["formatByType",a,"_meta","exceedsEditorCapabilities"]);L.push(i.createElement(f.default,{key:t,columnName:t,columnDataType:a,columnColoring:e.columnColoring,columnColoringConfig:r,columnFormattingByType:e.formatByType,columnTextFormatting:e.formatText,defaultOptionsByType:n,flyoutConfigForDataType:h[a]||[],textFormatConfig:C,isSourceCustomized:o,removeColumnFormatting:I,resetColumnToDefault:M,updateColumnColoring:F,updateColumnFormatting:R,updateColumnTextFormatting:B}))}));const{hasError:$,isMissing:N,isLoading:V}=(0,d.getDataSourceStateInfo)(x),q=a&&""!==a?void 0:{marginTop:"-8px"};return i.createElement(i.Fragment,null,i.createElement("div",null,L),i.createElement(u.default,{label:a,labelPosition:o,labelWidth:l,style:q},i.createElement(p.default,{availableFieldsWithTypes:w,columnFormatting:T,disableToggle:N||$,editorSupportedFormatOptions:D,handleAddColumnFormatting:A,placeholderMessage:(0,c.getPlaceholderMessage)({isMissing:N,isLoading:V,hasError:$,defaultMessage:"+ Add column to format"})})))}},8444:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.TableDynamicColorEditor=void 0;const i=r(a(9497)),s=a(6649),u=a(152),d=n(a(2065)),c=a(333),f=a(630),p=Object.assign({},c.DynamicColorEditorPropTypes);t.TableDynamicColorEditor=({name:e,value:t,label:a="",labelPosition:o,labelWidth:l,context:r,flyoutTitle:n=(0,s._)("Dynamic coloring"),formatters:c=[],dataSelectors:p=[],defaultPalettesConfig:m,tooltip:g,options:b={},onChange:h=(()=>{})})=>{const v=(null==b?void 0:b.tableFormat)||{},y=(null==v?void 0:v.rowColors)?"text":"background",[C,_]=i.useState(y),O=(null==b?void 0:b.tableFormat)||{},[E,x]=i.useState(Boolean(O.rowColors||O.rowBackgroundColors));i.useEffect((()=>{const e=(null==b?void 0:b.tableFormat)||{},{rowColors:t,rowBackgroundColors:a}=e,o=Boolean(t||a);x(o),o||_("background")}),[null==b?void 0:b.tableFormat]);const P=i.useCallback(((e,t)=>{var a,o,l,n;x((e=>!e));const i=Object.assign(Object.assign({},b),{tableFormat:Object.assign({},b.tableFormat)}),s=Object.assign({},r);if(E)Object.assign(i.tableFormat,(0,f.clearDynamicColoring)(C)),s.tableFormatEditorConfig=void 0,h(e,{options:i,context:s});else{const t=(null===(a=p[0])||void 0===a?void 0:a.value)||"table",r=(null===(o=c[0])||void 0===o?void 0:o.value)||"gradient",u=(null===(n=null===(l=c[0])||void 0===l?void 0:l.defaults)||void 0===n?void 0:n[t])||{},d=`> ${t} | ${r}(tableFormatEditorConfig)`;"background"===C?(i.tableFormat.rowBackgroundColors=d,i.tableFormat.rowColors=void 0):(i.tableFormat.rowColors=d,i.tableFormat.rowBackgroundColors=void 0),s.tableFormatEditorConfig=u,h(e,{options:i,context:s})}}),[b,r,E,h,C,p,c]),j=i.useCallback(((e,t)=>{var a,o;const l=null===(a=t.options)||void 0===a?void 0:a.tableFormat,n=null===(o=t.context)||void 0===o?void 0:o.tableFormatEditorConfig,i=Object.assign(Object.assign({},b),{tableFormat:Object.assign({},b.tableFormat)});"background"===C?(i.tableFormat.rowBackgroundColors=l,i.tableFormat.rowColors=void 0):"text"===C&&(i.tableFormat.rowColors=l,i.tableFormat.rowBackgroundColors=void 0),void 0===i.tableFormat.rowBackgroundColors&&void 0===i.tableFormat.rowColors&&(i.tableFormat={});const s=Object.assign(Object.assign({},r),{tableFormatEditorConfig:n});h(e,{options:i,context:s})}),[h,b,r,C]);return i.createElement("div",{"data-test":"dynamic-color-toggle"},i.createElement(d.default,{name:e,label:(0,s._)("Dynamic coloring"),labelPosition:"right",value:E,onChange:P,itemSchema:{type:"boolean"},help:g}),E&&i.createElement(u.DynamicColorEditor,{name:e,label:a||(0,s._)("Dynamic coloring"),labelPosition:o,labelWidth:l,value:"background"===C?null==t?void 0:t.rowBackgroundColors:null==t?void 0:t.rowColors,context:r,onChange:j,flyoutTitle:n,formatters:c,dataSelectors:p,defaultPalettesConfig:m,colorMode:C,handleColorModeChange:(e,{value:t})=>{const a=Object.assign(Object.assign({},b),{tableFormat:Object.assign({},v)}),o=Object.assign({},r);"off"===t?(x(!1),Object.assign(a.tableFormat,(0,f.clearDynamicColoring)(C)),o.tableFormatEditorConfig=void 0):"background"===C&&"text"===t?(Object.assign(a.tableFormat,(0,f.moveDslBetweenModes)("background","text",v)),_("text")):"text"===C&&"background"===t&&(Object.assign(a.tableFormat,(0,f.moveDslBetweenModes)("text","background",v)),_("background")),h(e,{options:a,context:o})}}))},t.TableDynamicColorEditor.propTypes=p},8687:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__rest||function(e,t){var a={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(a[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(o=Object.getOwnPropertySymbols(e);l<o.length;l++)t.indexOf(o[l])<0&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(a[o[l]]=e[o[l]])}return a},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const s=r(a(9497)),u=i(a(23)),d=r(a(232)),c=i(a(5905)),f=a(3563),p=i(a(4008)),m=a(5862),g=a(6801),b=(0,d.default)(c.default)`
255
+ `;t.SliderEditor=({help:e,isDisabled:t=!1,label:a,labelPosition:o="top",labelWidth:l,max:r,maxLabel:n=null,min:s,minLabel:u=null,name:b,onChange:g,step:h,stepMarks:v="focus",value:y=null,defaultValue:C})=>{const _=i.useCallback(((e,{value:t})=>{(parseFloat(t)||0===t)&&g(e,b,t)}),[g,b]),O=i.useCallback(((e,t)=>{(parseFloat(t)||0===t)&&g(e,b,t)}),[g,b]),{currentValue:E,handleChange:x,handleBlur:P,handleFocus:j,handleKeyPress:w}=(0,f.useNumberInput)({value:y,min:s,max:r,defaultValue:C,onValueChange:O}),D=null!=E?Number(E):void 0,T="none"===v?"never":v;return i.createElement(d.default,{label:a,labelPosition:o,labelWidth:l,help:e},i.createElement(m,{"data-test":b,min:s,minLabel:u,max:r,maxLabel:n,step:h,stepMarks:T,value:D,disabled:t,onChange:_}),i.createElement(c.default,{inline:!0,min:s,max:r,step:h,onChange:x,onBlur:P,onFocus:j,onKeyDown:w,value:D,disabled:t,style:p}))},t.default=t.SliderEditor},6116:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=a(4793),u=n(a(9250)),c=a(9033),d=a(1256),f=n(a(7649)),p=n(a(1432)),m=a(5396),b=a(1385),g=e=>{const t={};return e.forEach(((e,a)=>{t[a]=e})),t};t.default=({dataSourceKey:e="primary",dataSourceBindings:t,label:a,labelPosition:o="top",labelWidth:l,columnColoringConfig:r,defaultOptionsByType:n,flyoutConfig:h=[[]],onChange:v,value:y,textFormatConfig:C=[]})=>{const{context:_={},columnFormat:O={},tableFormat:E={}}=y,x=(0,b.useDataSource)({dataSourceBindings:t,dataSourceKey:e}),{columns:P,fields:j}=(0,s.get)(x,"data")||{columns:[],fields:[]},w=(0,d.getAvailableFieldsWithTypes)(P,j),D=i.useMemo((()=>(0,m.getEditorSupportedFormatOptions)(h)),[h]),[T,S]=i.useState((0,m.getInitialColumnFormattingState)({availableFieldsWithTypes:w,coloringTypes:r.coloringTypes,columnFormatOption:O,editorSupportedFormatOptions:D,vizContext:_}));i.useEffect((()=>{S((0,m.getInitialColumnFormattingState)({availableFieldsWithTypes:w,coloringTypes:r.coloringTypes,columnFormatOption:O,editorSupportedFormatOptions:D,vizContext:_}))}),[JSON.stringify(w)]);const M=i.useCallback((({columnName:e,columnDataType:t})=>{const a=(0,m.getFormattingOptDSLKey)(O[e]),o=_[a]||{[t]:{}},l=Object.keys(o[t]).reduce(((e,t)=>(e[t]=null,e)),{}),r=(0,m.getExistingTextFormatting)(e,O),i=new Map(T),u={columnColoring:(0,s.get)(T.get(e),"columnColoring",{_meta:{dynamicallyColoredOption:"Off"}}),formatByType:{[t]:Object.assign(Object.assign(Object.assign({},l),n[t]),{_meta:{exceedsEditorCapabilities:!1}})},formatText:r};i.set(e,u),S(i),v(null,(0,m.getColumnFormatDefFromState)((0,s.cloneDeep)({columnFormatOption:O,updatedEditorColumnFormatting:g(i)})))}),[O,n,T,v,_]),k=i.useCallback(((e,t,a=!1)=>{const o=new Map(T);o.set(e,t),S(o),a||v(null,(0,m.getColumnFormatDefFromState)((0,s.cloneDeep)({columnFormatOption:O,updatedEditorColumnFormatting:g(o)})))}),[O,T,v]),F=i.useCallback((({columnName:e,coloringTypes:t,dynamicallyColoredOption:a})=>{if(Array.isArray(t)){const o=(0,s.cloneDeep)(T.get(e));t.forEach((({coloringType:e,colorContextKey:t,colorOptionDSL:a,colorContextConfig:l})=>{(0,s.set)(o,["columnColoring",e],{colorContextKey:t,colorOptionDSL:a,colorContextConfig:l})})),(0,s.set)(o,["columnColoring","_meta"],{dynamicallyColoredOption:a}),k(e,o)}}),[T,k]),R=i.useCallback((({columnName:e,optionName:t,value:a})=>{const[o]=Object.keys(T.get(e).formatByType),l=(0,s.defaultsDeep)({},{formatByType:{[o]:{[t]:a,_meta:{exceedsEditorCapabilities:!1}}}},T.get(e));k(e,l)}),[T,k]),B=i.useCallback((({columnName:e,optionName:t,value:a})=>{const o=(0,s.defaultsDeep)({},{formatText:{[t]:a}},T.get(e));k(e,o)}),[T,k]),A=i.useCallback(((e,{value:t})=>{const{name:a,type:o}=t,l=(0,m.getFormattingOptDSLKey)(O[a]);let r;const i=D[o];if(l){const e=_[l];return r={columnColoring:{_meta:{dynamicallyColoredOption:"Off"}},formatByType:{[o]:Object.assign(Object.assign({},(0,s.get)(_,[l,o],{})),{_meta:{exceedsEditorCapabilities:(0,m.checkExceedsEditorCapabilities)(e[o],i)}})},formatText:{}},void k(a,r,!0)}const u=(0,m.getGlobalTableFormatting)(E,o,_);r={columnColoring:{_meta:{dynamicallyColoredOption:"Off"}},formatByType:{[o]:Object.assign(Object.assign(Object.assign({},n[o]),u),{_meta:{exceedsEditorCapabilities:(0,m.checkExceedsEditorCapabilities)(u,i)}})},formatText:Object.assign({},n[m.TextDataType])},k(a,r)}),[O,n,D,k,E,_]),I=i.useCallback((({columnName:e,columnDataType:t})=>{const a=new Map(T);a.delete(e),S(a);const o=T.get(e);if((0,s.get)(o,["formatByType",t,"_meta","exceedsEditorCapabilities"])){const t=(0,m.getFormattingOptDSLKey)(O[e]),a=_[t]||{},{colorContextKey:o}=(0,s.get)(T.get(e),["columnColoring","rowColors"],{}),{colorContextKey:l}=(0,s.get)(T.get(e),["columnColoring","rowBackgroundColors"],{});v(null,(0,m.getColumnFormatDefFromState)((0,s.cloneDeep)({columnFormatOption:O,updatedEditorColumnFormatting:Object.assign(Object.assign({},g(T)),{[e]:{formatByType:Object.assign({},a),columnColoring:Object.assign(Object.assign({},o&&{rowColors:{colorContextKey:o,colorOptionsDSL:null,colorContextConfig:null}}),l&&{rowBackgroundColors:{colorContextKey:l,colorOptionsDSL:null,colorContextConfig:null}}),formatText:{}}})})))}else v(null,(0,m.getColumnFormatDefFromState)((0,s.cloneDeep)({columnFormatOption:O,updatedEditorColumnFormatting:Object.assign(Object.assign({},g(T)),{[e]:null})})))}),[O,T,v,_]),L=[];T.forEach(((e,t)=>{const[a]=Object.keys(e.formatByType),o=(0,s.get)(e,["formatByType",a,"_meta","exceedsEditorCapabilities"]);L.push(i.createElement(f.default,{key:t,columnName:t,columnDataType:a,columnColoring:e.columnColoring,columnColoringConfig:r,columnFormattingByType:e.formatByType,columnTextFormatting:e.formatText,defaultOptionsByType:n,flyoutConfigForDataType:h[a]||[],textFormatConfig:C,isSourceCustomized:o,removeColumnFormatting:I,resetColumnToDefault:M,updateColumnColoring:F,updateColumnFormatting:R,updateColumnTextFormatting:B}))}));const{hasError:$,isMissing:N,isLoading:V}=(0,c.getDataSourceStateInfo)(x),q=a&&""!==a?void 0:{marginTop:"-8px"};return i.createElement(i.Fragment,null,i.createElement("div",null,L),i.createElement(u.default,{label:a,labelPosition:o,labelWidth:l,style:q},i.createElement(p.default,{availableFieldsWithTypes:w,columnFormatting:T,disableToggle:N||$,editorSupportedFormatOptions:D,handleAddColumnFormatting:A,placeholderMessage:(0,d.getPlaceholderMessage)({isMissing:N,isLoading:V,hasError:$,defaultMessage:"+ Add column to format"})})))}},8444:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.TableDynamicColorEditor=void 0;const i=r(a(9497)),s=a(6649),u=a(152),c=n(a(2065)),d=a(333),f=a(630),p=Object.assign({},d.DynamicColorEditorPropTypes);t.TableDynamicColorEditor=({name:e,value:t,label:a="",labelPosition:o,labelWidth:l,context:r,flyoutTitle:n=(0,s._)("Dynamic coloring"),formatters:d=[],dataSelectors:p=[],defaultPalettesConfig:m,tooltip:b,options:g={},onChange:h=(()=>{})})=>{const v=(null==g?void 0:g.tableFormat)||{},y=(null==v?void 0:v.rowColors)?"text":"background",[C,_]=i.useState(y),O=(null==g?void 0:g.tableFormat)||{},[E,x]=i.useState(Boolean(O.rowColors||O.rowBackgroundColors));i.useEffect((()=>{const e=(null==g?void 0:g.tableFormat)||{},{rowColors:t,rowBackgroundColors:a}=e,o=Boolean(t||a);x(o),o||_("background")}),[null==g?void 0:g.tableFormat]);const P=i.useCallback(((e,t)=>{var a,o,l,n;x((e=>!e));const i=Object.assign(Object.assign({},g),{tableFormat:Object.assign({},g.tableFormat)}),s=Object.assign({},r);if(E)Object.assign(i.tableFormat,(0,f.clearDynamicColoring)(C)),s.tableFormatEditorConfig=void 0,h(e,{options:i,context:s});else{const t=(null===(a=p[0])||void 0===a?void 0:a.value)||"table",r=(null===(o=d[0])||void 0===o?void 0:o.value)||"gradient",u=(null===(n=null===(l=d[0])||void 0===l?void 0:l.defaults)||void 0===n?void 0:n[t])||{},c=`> ${t} | ${r}(tableFormatEditorConfig)`;"background"===C?(i.tableFormat.rowBackgroundColors=c,i.tableFormat.rowColors=void 0):(i.tableFormat.rowColors=c,i.tableFormat.rowBackgroundColors=void 0),s.tableFormatEditorConfig=u,h(e,{options:i,context:s})}}),[g,r,E,h,C,p,d]),j=i.useCallback(((e,t)=>{var a,o;const l=null===(a=t.options)||void 0===a?void 0:a.tableFormat,n=null===(o=t.context)||void 0===o?void 0:o.tableFormatEditorConfig,i=Object.assign(Object.assign({},g),{tableFormat:Object.assign({},g.tableFormat)});"background"===C?(i.tableFormat.rowBackgroundColors=l,i.tableFormat.rowColors=void 0):"text"===C&&(i.tableFormat.rowColors=l,i.tableFormat.rowBackgroundColors=void 0),void 0===i.tableFormat.rowBackgroundColors&&void 0===i.tableFormat.rowColors&&(i.tableFormat={});const s=Object.assign(Object.assign({},r),{tableFormatEditorConfig:n});h(e,{options:i,context:s})}),[h,g,r,C]);return i.createElement("div",{"data-test":"dynamic-color-toggle"},i.createElement(c.default,{name:e,label:(0,s._)("Dynamic coloring"),labelPosition:"right",value:E,onChange:P,itemSchema:{type:"boolean"},help:b}),E&&i.createElement(u.DynamicColorEditor,{name:e,label:a||(0,s._)("Dynamic coloring"),labelPosition:o,labelWidth:l,value:"background"===C?null==t?void 0:t.rowBackgroundColors:null==t?void 0:t.rowColors,context:r,onChange:j,flyoutTitle:n,formatters:d,dataSelectors:p,defaultPalettesConfig:m,colorMode:C,handleColorModeChange:(e,{value:t})=>{const a=Object.assign(Object.assign({},g),{tableFormat:Object.assign({},v)}),o=Object.assign({},r);"off"===t?(x(!1),Object.assign(a.tableFormat,(0,f.clearDynamicColoring)(C)),o.tableFormatEditorConfig=void 0):"background"===C&&"text"===t?(Object.assign(a.tableFormat,(0,f.moveDslBetweenModes)("background","text",v)),_("text")):"text"===C&&"background"===t&&(Object.assign(a.tableFormat,(0,f.moveDslBetweenModes)("text","background",v)),_("background")),h(e,{options:a,context:o})}}))},t.TableDynamicColorEditor.propTypes=p},8687:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__rest||function(e,t){var a={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(a[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(o=Object.getOwnPropertySymbols(e);l<o.length;l++)t.indexOf(o[l])<0&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(a[o[l]]=e[o[l]])}return a},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const s=r(a(9497)),u=i(a(23)),c=r(a(232)),d=i(a(5905)),f=a(3563),p=i(a(4008)),m=a(5862),b=a(6801),g=(0,c.default)(d.default)`
259
256
  textarea[disabled] {
260
- ${(0,f.pick)({enterprise:{dark:d.css`
257
+ ${(0,f.pick)({enterprise:{dark:c.css`
261
258
  color: ${f.variables.textDisabledColor};
262
259
  background-color: ${f.variables.borderColor};
263
260
  border-color: ${f.variables.backgroundColorHover};
264
261
  `}})}
265
262
  }
266
- `,h=e=>{var{onChange:t,name:a,value:o="",label:l,labelPosition:r="top",labelWidth:i,hideLabel:u,isDisabled:d,help:c,tooltip:f,error:g}=e,h=n(e,["onChange","name","value","label","labelPosition","labelWidth","hideLabel","isDisabled","help","tooltip","error"]);const[v,y]=(0,s.useState)(o);(0,s.useEffect)((()=>y(o)),[o]);const C=(0,s.useCallback)(((e,{value:t})=>{y(t)}),[]),_=(0,s.useCallback)((e=>{const l=v.trim();l!==o&&t(e,a,l)}),[v,o,t,a]);return s.default.createElement(p.default,{label:l,labelPosition:r,labelWidth:i,hideLabel:u,help:c,tooltip:f,error:g},s.default.createElement(b,Object.assign({key:o,"data-test":a,style:m.editorStyle,onChange:C,onBlur:_,value:v,disabled:d},h,{error:g})))},v=Object.assign(Object.assign({},g.BaseEditorPropTypes),{value:u.default.string,hideLabel:u.default.bool,help:u.default.string,tooltip:u.default.string,error:u.default.bool});h.propTypes=v,t.default=h},1705:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ColorPreview=void 0;const i=r(a(9497)),s=n(a(232)),u=a(3283),d=a(8987),c=s.default.div.attrs((e=>({"data-test":"ColorPreviewWrapper",isReversed:e.isReversed})))`
263
+ `,h=e=>{var{onChange:t,name:a,value:o="",label:l,labelPosition:r="top",labelWidth:i,hideLabel:u,isDisabled:c,help:d,tooltip:f,error:b}=e,h=n(e,["onChange","name","value","label","labelPosition","labelWidth","hideLabel","isDisabled","help","tooltip","error"]);const[v,y]=(0,s.useState)(o);(0,s.useEffect)((()=>y(o)),[o]);const C=(0,s.useCallback)(((e,{value:t})=>{y(t)}),[]),_=(0,s.useCallback)((e=>{const l=v.trim();l!==o&&t(e,a,l)}),[v,o,t,a]);return s.default.createElement(p.default,{label:l,labelPosition:r,labelWidth:i,hideLabel:u,help:d,tooltip:f,error:b},s.default.createElement(g,Object.assign({key:o,"data-test":a,style:m.editorStyle,onChange:C,onBlur:_,value:v,disabled:c},h,{error:b})))},v=Object.assign(Object.assign({},b.BaseEditorPropTypes),{value:u.default.string,hideLabel:u.default.bool,help:u.default.string,tooltip:u.default.string,error:u.default.bool});h.propTypes=v,t.default=h},1705:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ColorPreview=void 0;const i=r(a(9497)),s=n(a(232)),u=a(3283),c=a(8987),d=s.default.div.attrs((e=>({"data-test":"ColorPreviewWrapper",isReversed:e.isReversed})))`
267
264
  display: flex;
268
265
  flex-direction: row;
269
266
  height: 100%;
@@ -275,20 +272,20 @@
275
272
  &:last-of-type {
276
273
  margin-right: 0;
277
274
  }
278
- `;t.ColorPreview=({colors:e=[],maxColorCount:t=7,expandToFillHorizontalSpace:a=!0,isReversed:o=!1})=>{const l=o?[...e].reverse():[...e];return i.createElement(c,{isReversed:o},l.map(((e,o)=>(0,u.isColor)(e)&&i.createElement(f,{key:(0,d.createDOMID)(),color:e,widthGrow:a,maxColorCount:t}))))}},2369:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=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=r(a(9497)),s=r(a(23)),u=a(6649),d=a(8963),c=a(1788),f=a(1561),p=n(a(8842)),m=n(a(3263)),g=n(a(530)),b=n(a(107)),h=n(a(7304)),v=n(a(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 y={paletteTheme:"DARK_COLORS",paletteEntry:{type:"sequential",index:0}};t.RangeValueEditorWrapper=({defaultPalettesConfig:e,value:t,onChange:a,selectedDataSelector:o})=>i.createElement(g.default,{"data-test":"RangeValueEditor",defaultPalettesConfig:e,value:t,onChange:(e,t,o)=>a(e,t,o),selectedDataSelector:o}),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:a,selectedDataSelector:o})=>i.createElement(b.default,{"data-test":"MatchValueEditor",defaultPalettesConfig:e,value:t,onChange:(e,t,o)=>a(e,t,o),selectedDataSelector:o}),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=y,value:t,onChange:a,showStaticTextColor:o,selectedDataSelector:l})=>{var r,n,s;return(null===(r=null==t?void 0:t.stops)||void 0===r?void 0:r.length)>0||(null!==(s=null===(n=null==t?void 0:t.colors)||void 0===n?void 0:n.length)&&void 0!==s?s:0)>7?i.createElement(v.default,{label:"Data colors",labelPosition:"top",onResetToDefault:()=>{const t=(0,d.createGradientConfigFromPalettes)(e);a(void 0,void 0,t)}}):i.createElement(h.default,{"data-test":"GradientEditor",name:"gradient",defaultPalettesConfig:e,value:t,onChange:(e,t,o)=>a(e,t,o),showStaticTextColor:o,selectedDataSelector:l})},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:c.RangeValuePreview,editor:t.RangeValueEditorWrapper},matchValue:{preview:f.MatchValuePreview,editor:t.MatchValueEditorWrapper}};const C=Object.keys(t.supportedFormatters),_=s.oneOfType([s.arrayOf(s.shape({from:s.number,to:s.number,value:s.string})),s.arrayOf(s.shape({match:s.oneOfType([s.string,s.number]),value:s.string})),s.exact({colors:s.arrayOf(s.string).isRequired,stops:s.arrayOf(s.number),textColor:s.string}),s.object,s.oneOf([null])]),O={selectedDataSelector:s.string,selectedFormatterType:s.oneOf(C),currentFormatterConfig:_,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:a,currentFormatterConfig:o,formatters:l=[],dataSelectors:r=[],onDataSelectorChange:n,onFormatterTypeChange:s,onFormatterConfigChange:d,defaultPalettesConfig:c,showStaticTextColor:f=!1})=>{var p;const g=r.length>1,b=g?(0,u._)("Method"):"",h=l.filter((t=>{var a;return null===(a=t.defaults)||void 0===a?void 0:a[e]})),v=h.length>1,y=null===(p=t.supportedFormatters[a])||void 0===p?void 0:p.editor;return i.createElement(i.Fragment,null,g&&i.createElement(m.default,{name:"dataSelector",label:(0,u._)("Based on"),"data-test":"FormatterEditorDataSelector",values:r,value:e,onChange:n}),v&&i.createElement(m.default,{name:"formatterSelector",label:b,"data-test":"FormatterEditorFormatterSelector",values:h,value:a,onChange:s}),i.createElement(y,{"data-test":"FormatterEditorConfigEditor",name:"formatterConfig",value:o,onChange:d,defaultPalettesConfig:c,selectedDataSelector:e,showStaticTextColor:"gradient"===a&&f}))},t.FormatterEditor.propTypes=O},5439:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=a(6649),d=n(a(232)),c=n(a(7020)),f=n(a(6062)),p=d.default.div`
275
+ `;t.ColorPreview=({colors:e=[],maxColorCount:t=7,expandToFillHorizontalSpace:a=!0,isReversed:o=!1})=>{const l=o?[...e].reverse():[...e];return i.createElement(d,{isReversed:o},l.map(((e,o)=>(0,u.isColor)(e)&&i.createElement(f,{key:(0,c.createDOMID)(),color:e,widthGrow:a,maxColorCount:t}))))}},2369:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=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=r(a(9497)),s=r(a(23)),u=a(6649),c=a(8963),d=a(1788),f=a(1561),p=n(a(8842)),m=n(a(3263)),b=n(a(530)),g=n(a(107)),h=n(a(7304)),v=n(a(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 y={paletteTheme:"DARK_COLORS",paletteEntry:{type:"sequential",index:0}};t.RangeValueEditorWrapper=({defaultPalettesConfig:e,value:t,onChange:a,selectedDataSelector:o})=>i.createElement(b.default,{"data-test":"RangeValueEditor",defaultPalettesConfig:e,value:t,onChange:(e,t,o)=>a(e,t,o),selectedDataSelector:o}),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:a,selectedDataSelector:o})=>i.createElement(g.default,{"data-test":"MatchValueEditor",defaultPalettesConfig:e,value:t,onChange:(e,t,o)=>a(e,t,o),selectedDataSelector:o}),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=y,value:t,onChange:a,showStaticTextColor:o,selectedDataSelector:l})=>{var r,n,s;return(null===(r=null==t?void 0:t.stops)||void 0===r?void 0:r.length)>0||(null!==(s=null===(n=null==t?void 0:t.colors)||void 0===n?void 0:n.length)&&void 0!==s?s:0)>7?i.createElement(v.default,{label:"Data colors",labelPosition:"top",onResetToDefault:()=>{const t=(0,c.createGradientConfigFromPalettes)(e);a(void 0,void 0,t)}}):i.createElement(h.default,{"data-test":"GradientEditor",name:"gradient",defaultPalettesConfig:e,value:t,onChange:(e,t,o)=>a(e,t,o),showStaticTextColor:o,selectedDataSelector:l})},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 C=Object.keys(t.supportedFormatters),_=s.oneOfType([s.arrayOf(s.shape({from:s.number,to:s.number,value:s.string})),s.arrayOf(s.shape({match:s.oneOfType([s.string,s.number]),value:s.string})),s.exact({colors:s.arrayOf(s.string).isRequired,stops:s.arrayOf(s.number),textColor:s.string}),s.object,s.oneOf([null])]),O={selectedDataSelector:s.string,selectedFormatterType:s.oneOf(C),currentFormatterConfig:_,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:a,currentFormatterConfig:o,formatters:l=[],dataSelectors:r=[],onDataSelectorChange:n,onFormatterTypeChange:s,onFormatterConfigChange:c,defaultPalettesConfig:d,showStaticTextColor:f=!1})=>{var p;const b=r.length>1,g=b?(0,u._)("Method"):"",h=l.filter((t=>{var a;return null===(a=t.defaults)||void 0===a?void 0:a[e]})),v=h.length>1,y=null===(p=t.supportedFormatters[a])||void 0===p?void 0:p.editor;return i.createElement(i.Fragment,null,b&&i.createElement(m.default,{name:"dataSelector",label:(0,u._)("Based on"),"data-test":"FormatterEditorDataSelector",values:r,value:e,onChange:n}),v&&i.createElement(m.default,{name:"formatterSelector",label:g,"data-test":"FormatterEditorFormatterSelector",values:h,value:a,onChange:s}),i.createElement(y,{"data-test":"FormatterEditorConfigEditor",name:"formatterConfig",value:o,onChange:c,defaultPalettesConfig:d,selectedDataSelector:e,showStaticTextColor:"gradient"===a&&f}))},t.FormatterEditor.propTypes=O},5439:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=a(6649),c=n(a(232)),d=n(a(7020)),f=n(a(6062)),p=c.default.div`
279
276
  display: flex;
280
277
  flex-direction: row;
281
278
  margin-bottom: 10px;
282
- `,m=d.default.div`
279
+ `,m=c.default.div`
283
280
  display: flex;
284
281
  flex-direction: column;
285
282
  justify-content: center;
286
- `,g=d.default.div`
283
+ `,b=c.default.div`
287
284
  display: flex;
288
- `,b={marginRight:"12px"},h=i.createElement(f.default,null),v=({disableAddStops:e=!1,handleAddStop:t,handleReverse:a})=>i.createElement(p,null,i.createElement(g,null,i.createElement(c.default,{"data-test":"reverse-stops-button",icon:h,style:b,onClick:a})),i.createElement(m,null,i.createElement(c.default,{"data-test":"add-stop-button",appearance:"secondary",label:`+ ${(0,u._)("Add stop")}`,disabled:e,onClick:t})));v.propTypes={disableAddStops:s.bool,handleAddStop:s.func,handleReverse:s.func},t.default=v},6023:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t};Object.defineProperty(t,"__esModule",{value:!0});const n=r(a(9497)),i=r(a(7408));t.default=({color:e,colorIndex:t,palette:a,onChange:o})=>{const l=n.useCallback((({value:e})=>{null!=e&&""!==e&&"n/a"!==e.toLowerCase()&&"null"!==e.toLowerCase()&&o({colorIndex:t,value:e})}),[t,o]);return n.createElement(i.default,{"data-test":`gradient-color-${e}`,value:e,palette:a||[...i.defaultPalette,"transparent"],onChange:l,hideInput:!0})}},8842:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=n(a(6212)),d=n(a(1494));function c(e){let t=e.replace("#","");3===t.length&&(t=t.split("").map((e=>e+e)).join(""));return.299*(parseInt(t.substring(0,2),16)/255)+.587*(parseInt(t.substring(2,4),16)/255)+.114*(parseInt(t.substring(4,6),16)/255)}const f=({config:e})=>{const{colors:t=[]}=e||{},a=`linear-gradient(90deg, ${t.join(", ")})`,o=t&&t.length>0?t[0]:"#fff",l=t&&t.length>1?t[t.length-1]:o,r=c(o)>.5?"#000":"#fff",n=c(l)>.5?"#000":"#fff";return i.createElement(d.default,null,i.createElement(u.default,{colorDown:r,colorUp:n}),i.createElement("div",{"data-test":"gradient-color-preview",style:{width:"100%",height:18,borderRadius:4,background:a}}))};f.propTypes={config:s.any.isRequired},t.default=f},94:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=n(a(232)),d=n(a(4566)),c=n(a(4082)),f=a(6649),p=n(a(9250)),m=n(a(7408)),g=(0,u.default)(p.default)`
285
+ `,g={marginRight:"12px"},h=i.createElement(f.default,null),v=({disableAddStops:e=!1,handleAddStop:t,handleReverse:a})=>i.createElement(p,null,i.createElement(b,null,i.createElement(d.default,{"data-test":"reverse-stops-button",icon:h,style:g,onClick:a})),i.createElement(m,null,i.createElement(d.default,{"data-test":"add-stop-button",appearance:"secondary",label:`+ ${(0,u._)("Add stop")}`,disabled:e,onClick:t})));v.propTypes={disableAddStops:s.bool,handleAddStop:s.func,handleReverse:s.func},t.default=v},6023:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t};Object.defineProperty(t,"__esModule",{value:!0});const n=r(a(9497)),i=r(a(7408));t.default=({color:e,colorIndex:t,palette:a,onChange:o})=>{const l=n.useCallback((({value:e})=>{null!=e&&""!==e&&"n/a"!==e.toLowerCase()&&"null"!==e.toLowerCase()&&o({colorIndex:t,value:e})}),[t,o]);return n.createElement(i.default,{"data-test":`gradient-color-${e}`,value:e,palette:a||[...i.defaultPalette,"transparent"],onChange:l,hideInput:!0})}},8842:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=n(a(6212)),c=n(a(1494));function d(e){let t=e.replace("#","");3===t.length&&(t=t.split("").map((e=>e+e)).join(""));return.299*(parseInt(t.substring(0,2),16)/255)+.587*(parseInt(t.substring(2,4),16)/255)+.114*(parseInt(t.substring(4,6),16)/255)}const f=({config:e})=>{const{colors:t=[]}=e||{},a=`linear-gradient(90deg, ${t.join(", ")})`,o=t&&t.length>0?t[0]:"#fff",l=t&&t.length>1?t[t.length-1]:o,r=d(o)>.5?"#000":"#fff",n=d(l)>.5?"#000":"#fff";return i.createElement(c.default,null,i.createElement(u.default,{colorDown:r,colorUp:n}),i.createElement("div",{"data-test":"gradient-color-preview",style:{width:"100%",height:18,borderRadius:4,background:a}}))};f.propTypes={config:s.any.isRequired},t.default=f},94:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=n(a(232)),c=n(a(4566)),d=n(a(4082)),f=a(6649),p=n(a(9250)),m=n(a(7408)),b=(0,u.default)(p.default)`
289
286
  margin-bottom: 16px;
290
287
  width: 100%;
291
- `,b=u.default.div`
288
+ `,g=u.default.div`
292
289
  display: flex;
293
290
  align-items: stretch;
294
291
  width: 100%;
@@ -314,7 +311,7 @@
314
311
  `,y=u.default.div`
315
312
  width: 32px;
316
313
  height: 32px;
317
- border: 1px solid ${d.default.borderColor};
314
+ border: 1px solid ${c.default.borderColor};
318
315
  border-right: none;
319
316
  background: linear-gradient(135deg, #fff 50%, #000 50%);
320
317
  display: flex;
@@ -324,16 +321,16 @@
324
321
  box-sizing: border-box;
325
322
  border-radius: 4px 0 0 4px;
326
323
  overflow: hidden;
327
- `,C=(0,u.default)(c.default).attrs((({name:e})=>({"data-test":e})))`
328
- max-height: ${d.default.inputHeight};
324
+ `,C=(0,u.default)(d.default).attrs((({name:e})=>({"data-test":e})))`
325
+ max-height: ${c.default.inputHeight};
329
326
  width: 100%;
330
327
  min-width: 0;
331
328
  flex: 1 1 0%;
332
329
  border-radius: 0 4px 4px 0;
333
- border: 1px solid ${d.default.borderColor};
330
+ border: 1px solid ${c.default.borderColor};
334
331
  border-left: none;
335
332
  background: transparent;
336
- color: ${d.default.contentColorActive};
333
+ color: ${c.default.contentColorActive};
337
334
  font-size: 14px;
338
335
  padding: 0 12px;
339
336
  height: 32px;
@@ -354,7 +351,7 @@
354
351
  `,O=u.default.button`
355
352
  background: none;
356
353
  border: none;
357
- color: ${d.default.contentColorActive};
354
+ color: ${c.default.contentColorActive};
358
355
  font-size: 18px;
359
356
  cursor: pointer;
360
357
  position: absolute;
@@ -374,15 +371,15 @@
374
371
  padding: 0 12px;
375
372
  height: 32px;
376
373
  font-size: 14px;
377
- color: ${d.default.contentColorActive};
374
+ color: ${c.default.contentColorActive};
378
375
  background: transparent;
379
- border: 1px solid ${d.default.borderColor};
376
+ border: 1px solid ${c.default.borderColor};
380
377
  border-left: none;
381
378
  border-radius: 0 4px 4px 0;
382
379
  min-width: 0;
383
380
  flex: 1 1 0%;
384
381
  box-sizing: border-box;
385
- `,x="auto",P="#ffffff",j=({textColor:e,onTextColorChange:t})=>{const[a,o]=i.useState(!e||e===x),[l,r]=i.useState(a?"":e||""),n=i.useRef(null);i.useEffect((()=>{o(!e||e===x),r(e&&e!==x?e:"")}),[e]);const s=i.useCallback((e=>{const a=(null==e?void 0:e.value)||"";a===x?(o(!0),r(""),t(x)):(o(!1),r(a),t(a))}),[t]),u=i.useCallback((e=>{const a=e.target.value;r(a),o(!1),t(a)}),[t]),d=i.useCallback((t=>{"Escape"===t.key&&r(e||"")}),[e]),c=i.useCallback((()=>{r(""),o(!0),t(x)}),[t]);return i.useEffect((()=>{!a&&n.current&&n.current.focus()}),[a]),i.createElement(g,{label:(0,f._)("Static text color"),tooltip:(0,f._)("Auto will choose black or white for text color to get more contrast"),style:{width:"100%"}},i.createElement(b,null,a?i.createElement(h,null,i.createElement(v,null,i.createElement(_,{type:"button","aria-label":(0,f._)("Choose text color"),onClick:()=>{o(!1),r(P),t(P)},tabIndex:0},i.createElement(y,null))),i.createElement(E,{"data-test":"gradient-text-color-auto"},(0,f._)("Auto"))):i.createElement(h,null,i.createElement(v,null,i.createElement(m.default,{key:"gradient-text-color-editor",value:l||"",onChange:s,hideInput:!0,append:!0})),i.createElement(C,{name:"gradient-text-color-input",value:l,onChange:u,onKeyDown:d}),i.createElement(O,{type:"button","aria-label":(0,f._)("Clear text color"),onClick:c,tabIndex:0},"×"))))};j.propTypes={textColor:s.string.isRequired,onTextColorChange:s.func.isRequired},t.default=j},4293:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=n(a(232)),d=a(6649),c=a(3563),f=a(8963),p=n(a(5439)),m=n(a(6023)),g=n(a(94)),b=n(a(9106)),h=u.default.div`
382
+ `,x="auto",P="#ffffff",j=({textColor:e,onTextColorChange:t})=>{const[a,o]=i.useState(!e||e===x),[l,r]=i.useState(a?"":e||""),n=i.useRef(null);i.useEffect((()=>{o(!e||e===x),r(e&&e!==x?e:"")}),[e]);const s=i.useCallback((e=>{const a=(null==e?void 0:e.value)||"";a===x?(o(!0),r(""),t(x)):(o(!1),r(a),t(a))}),[t]),u=i.useCallback((e=>{const a=e.target.value;r(a),o(!1),t(a)}),[t]),c=i.useCallback((t=>{"Escape"===t.key&&r(e||"")}),[e]),d=i.useCallback((()=>{r(""),o(!0),t(x)}),[t]);return i.useEffect((()=>{!a&&n.current&&n.current.focus()}),[a]),i.createElement(b,{label:(0,f._)("Static text color"),tooltip:(0,f._)("Auto will choose black or white for text color to get more contrast"),style:{width:"100%"}},i.createElement(g,null,a?i.createElement(h,null,i.createElement(v,null,i.createElement(_,{type:"button","aria-label":(0,f._)("Choose text color"),onClick:()=>{o(!1),r(P),t(P)},tabIndex:0},i.createElement(y,null))),i.createElement(E,{"data-test":"gradient-text-color-auto"},(0,f._)("Auto"))):i.createElement(h,null,i.createElement(v,null,i.createElement(m.default,{key:"gradient-text-color-editor",value:l||"",onChange:s,hideInput:!0,append:!0})),i.createElement(C,{name:"gradient-text-color-input",value:l,onChange:u,onKeyDown:c}),i.createElement(O,{type:"button","aria-label":(0,f._)("Clear text color"),onClick:d,tabIndex:0},"×"))))};j.propTypes={textColor:s.string.isRequired,onTextColorChange:s.func.isRequired},t.default=j},4293:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=n(a(232)),c=a(6649),d=a(3563),f=a(8963),p=n(a(5439)),m=n(a(6023)),b=n(a(94)),g=n(a(9106)),h=u.default.div`
386
383
  padding-top: 10px;
387
384
  `,v=u.default.div`
388
385
  display: flex;
@@ -398,27 +395,27 @@
398
395
  align-items: center;
399
396
  `,_=u.default.div`
400
397
  margin-left: 8px;
401
- color: ${c.variables.contentColorMuted};
402
- `,O=e=>{const{value:t,onChange:a,showStaticTextColor:o,isReversed:l,swatchColors:r,setIsReversed:n,selectedColors:s,isSwatchCustomized:u,disableAddStops:c}=e,O=null==t?void 0:t.textColor,[E,x]=i.useState(!1),[P,j]=i.useState(s.map((()=>!0)));i.useEffect((()=>{if("boolean"==typeof c)return void x(c);const e=!u&&s.length>=(null==r?void 0:r.length);x(e)}),[l,s,u,null==r?void 0:r.length,c]);const w=i.useCallback((e=>{a({colors:s,textColor:e})}),[s,a]),D=i.useCallback((e=>{const t=[...s].filter(((t,a)=>a!==e));if(a({colors:t}),u){const t=P.filter(((t,a)=>a!==e));j(t)}}),[s,a,u,P]),T=i.useCallback((()=>{if(1===s.length){const e=[s[0],"#000000"];return void a({colors:e})}if(!u){if(s.length>=(null==r?void 0:r.length))return void x(!0);const e=(0,f.addPaletteGradientStop)(r,s,l);if(e){a({colors:e}),e.length>=(null==r?void 0:r.length)&&x(!0)}return}const e=(0,f.addCustomGradientStop)(s,P,j);a({colors:e})}),[u,s,P,a,r,l]),S=i.useCallback((()=>{const e=[...s].reverse();if(a({colors:e}),null==n||n(!l),u){const e=[...P].reverse();j(e)}}),[s,a,n,l,u,P]),M=i.useCallback((e=>{const{colorIndex:t,value:o}=e,l=[...s];if(l[t]=o,a({colors:l}),u){const e=[...P];e[t]=!0,j(e)}}),[P,u,a,s]);return i.createElement(h,{"data-test":"gradient-configurer"},i.createElement(p.default,{"data-test":"add-reverse-stops",disableAddStops:E,handleAddStop:T,handleReverse:S}),i.createElement(v,{"data-test":"gradients-wrapper"},s.map(((e,t)=>{let a="";0===t?a=(0,d._)("Lowest value"):t===s.length-1&&(a=(0,d._)("Highest value"));const o=s.length>2&&0!==t&&t!==s.length-1;return i.createElement(y,{key:`gradient-color-${e.replace("#","")}`,"data-test":`gradient-entry-row-${t}`},i.createElement(C,{"data-test":`gradient-left-${t}`},i.createElement(m.default,{"data-test":`gradient-color-${e}`,color:e,colorIndex:t,palette:u?void 0:r,onChange:M}),i.createElement(_,{"data-test":`gradient-label-${t}`},a)),o&&i.createElement(b.default,{"data-test":`gradient-remove-button-${t}`,colorIndex:t,onRemove:()=>D(t)}))}))),o&&i.createElement(y,{"data-test":"gradient-text-color-entry"},i.createElement(g.default,{"data-test":"gradient-text-color",textColor:O,onTextColorChange:w})))};O.propTypes={value:s.any,onChange:s.func,showStaticTextColor:s.bool},t.default=O},9106:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=n(a(232)),d=n(a(7020)),c=n(a(8855)),f=a(3563),p=u.default.div`
398
+ color: ${d.variables.contentColorMuted};
399
+ `,O=e=>{const{value:t,onChange:a,showStaticTextColor:o,isReversed:l,swatchColors:r,setIsReversed:n,selectedColors:s,isSwatchCustomized:u,disableAddStops:d}=e,O=null==t?void 0:t.textColor,[E,x]=i.useState(!1),[P,j]=i.useState(s.map((()=>!0)));i.useEffect((()=>{if("boolean"==typeof d)return void x(d);const e=!u&&s.length>=(null==r?void 0:r.length);x(e)}),[l,s,u,null==r?void 0:r.length,d]);const w=i.useCallback((e=>{a({colors:s,textColor:e})}),[s,a]),D=i.useCallback((e=>{const t=[...s].filter(((t,a)=>a!==e));if(a({colors:t}),u){const t=P.filter(((t,a)=>a!==e));j(t)}}),[s,a,u,P]),T=i.useCallback((()=>{if(1===s.length){const e=[s[0],"#000000"];return void a({colors:e})}if(!u){if(s.length>=(null==r?void 0:r.length))return void x(!0);const e=(0,f.addPaletteGradientStop)(r,s,l);if(e){a({colors:e}),e.length>=(null==r?void 0:r.length)&&x(!0)}return}const e=(0,f.addCustomGradientStop)(s,P,j);a({colors:e})}),[u,s,P,a,r,l]),S=i.useCallback((()=>{const e=[...s].reverse();if(a({colors:e}),null==n||n(!l),u){const e=[...P].reverse();j(e)}}),[s,a,n,l,u,P]),M=i.useCallback((e=>{const{colorIndex:t,value:o}=e,l=[...s];if(l[t]=o,a({colors:l}),u){const e=[...P];e[t]=!0,j(e)}}),[P,u,a,s]);return i.createElement(h,{"data-test":"gradient-configurer"},i.createElement(p.default,{"data-test":"add-reverse-stops",disableAddStops:E,handleAddStop:T,handleReverse:S}),i.createElement(v,{"data-test":"gradients-wrapper"},s.map(((e,t)=>{let a="";0===t?a=(0,c._)("Lowest value"):t===s.length-1&&(a=(0,c._)("Highest value"));const o=s.length>2&&0!==t&&t!==s.length-1;return i.createElement(y,{key:`gradient-color-${e.replace("#","")}`,"data-test":`gradient-entry-row-${t}`},i.createElement(C,{"data-test":`gradient-left-${t}`},i.createElement(m.default,{"data-test":`gradient-color-${e}`,color:e,colorIndex:t,palette:u?void 0:r,onChange:M}),i.createElement(_,{"data-test":`gradient-label-${t}`},a)),o&&i.createElement(g.default,{"data-test":`gradient-remove-button-${t}`,colorIndex:t,onRemove:()=>D(t)}))}))),o&&i.createElement(y,{"data-test":"gradient-text-color-entry"},i.createElement(b.default,{"data-test":"gradient-text-color",textColor:O,onTextColorChange:w})))};O.propTypes={value:s.any,onChange:s.func,showStaticTextColor:s.bool},t.default=O},9106:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=n(a(232)),c=n(a(7020)),d=n(a(8855)),f=a(3563),p=u.default.div`
403
400
  width: 32px;
404
401
  height: 32px;
405
402
  align-self: flex-end;
406
- `,m=(0,u.default)(d.default)`
403
+ `,m=(0,u.default)(c.default)`
407
404
  color: ${f.variables.contentColorActive} !important;
408
405
  &:hover {
409
406
  background-color: ${f.variables.interactiveColorOverlayDrag} !important;
410
407
  }
411
- `,g=({colorIndex:e,onRemove:t})=>{const a=i.useCallback((()=>t(e)),[e,t]);return i.createElement(p,null,i.createElement(m,{"data-test":"gradient-remove-button",icon:i.createElement(c.default,null),appearance:"subtle",onClick:a}))};g.propTypes={onRemove:s.func},t.default=g},8963:function(e,t,a){var o=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 l=o(a(5089));t.defaultDarkGradientConfig={colors:[l.default.DARK_COLORS.sequential.swatches[1][0],l.default.DARK_COLORS.sequential.swatches[1][l.default.DARK_COLORS.sequential.swatches[1].length-1]]},t.defaultLightGradientConfig={colors:[l.default.LIGHT_COLORS.sequential.swatches[1][0],l.default.LIGHT_COLORS.sequential.swatches[1][l.default.LIGHT_COLORS.sequential.swatches[1].length-1]]};t.createDefaultPalettesConfig=e=>{var t,a,o;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!==(o=null===(a=null==e?void 0:e.paletteEntry)||void 0===a?void 0:a.index)&&void 0!==o?o:1}}};t.createGradientConfigFromPalettes=(e,a,o)=>{var r,n,i;const s=(0,t.createDefaultPalettesConfig)(e),{paletteTheme:u,paletteEntry:d}=s,c=(null===(i=null===(n=null===(r=l.default[u])||void 0===r?void 0:r[d.type])||void 0===n?void 0:n.swatches)||void 0===i?void 0:i[d.index])||t.defaultDarkGradientConfig.colors,f=c.length>=2?[c[0],c[c.length-1]]:c;return a?{colors:f,textColor:o||"auto"}:{colors:f}};t.interpolateColor=(e,t,a)=>{const o=e.replace("#",""),l=t.replace("#",""),r=parseInt(o.substring(0,2),16),n=parseInt(o.substring(2,4),16),i=parseInt(o.substring(4,6),16),s=parseInt(l.substring(0,2),16),u=parseInt(l.substring(2,4),16),d=parseInt(l.substring(4,6),16),c=Math.round(r+a*(s-r)),f=Math.round(n+a*(u-n)),p=Math.round(i+a*(d-i)),m=e=>e.toString(16).padStart(2,"0");return`#${m(c)}${m(f)}${m(p)}`};t.addCustomGradientStop=(e,a,o)=>{var l,r;if(e.length<2)return e;const n=a.map(((e,t)=>e?t:-1)).filter((e=>-1!==e));if(n.length<2){const r=e[e.length-1],n=e[e.length-2],i=(0,t.interpolateColor)(n,r,.5),s=[...e.slice(0,e.length-1),i,r];return o([...a.slice(0,a.length-1),!1,null!==(l=a[a.length-1])&&void 0!==l&&l]),s}let i=[...e],s=[...a];for(let o=0;o<n.length-1;o+=1){const l=n[o],r=n[o+1];if(r-l>1){const o=e[l],n=e[r],s=[];for(let e=l+1;e<r;e+=1)a[e]||s.push(e);if(s.length>0)for(let e=0;e<s.length;e+=1){const a=s[e],u=(a-l)/(r-l);i[a]=(0,t.interpolateColor)(o,n,u)}}}const u=i[i.length-1],d=i[i.length-2],c=(0,t.interpolateColor)(d,u,.5);return i=[...i.slice(0,i.length-1),c,u],s=[...s.slice(0,s.length-1),!1,null!==(r=s[s.length-1])&&void 0!==r&&r],o(s),i};t.addPaletteGradientStop=(e,t,a)=>{const o=t.length-1;if(o>5)return t;const l=a?[...e].reverse():e,r=l[Math.max(1,Math.min(o,l.length-2))];return[...t.slice(0,o),r,...t.slice(o)]};t.findMatchingPaletteGradient=(e,t)=>{if(!Array.isArray(e)||e.length<2||!t||"object"!=typeof t||!t.DARK_COLORS||!t.LIGHT_COLORS)return null;const a=[];if(["DARK_COLORS","LIGHT_COLORS"].forEach((o=>{const l=t[o];if(!l)return;Object.entries(l).filter((([e])=>"_meta"!==e)).flatMap((([e,t])=>{const{swatches:a}=t;return a.map(((t,a)=>({type:e,swatch:t,index:a})))})).forEach((({type:t,swatch:l,index:r})=>{e.length>l.length||(l.length>=2&&l[0].trim().toLowerCase()===e[0].trim().toLowerCase()&&l[l.length-1].trim().toLowerCase()===e[e.length-1].trim().toLowerCase()?a.push({paletteTheme:o,paletteEntry:{type:t,index:r},isReversed:!1,swatch:l}):l.length>=2&&l[0].trim().toLowerCase()===e[e.length-1].trim().toLowerCase()&&l[l.length-1].trim().toLowerCase()===e[0].trim().toLowerCase()&&a.push({paletteTheme:o,paletteEntry:{type:t,index:r},isReversed:!0,swatch:l}))}))})),e.length>2&&a.length>0){const t=a.find((({swatch:t,isReversed:a})=>{if(t.length<e.length)return!1;const o=a?[...t].reverse():t;if(e[0].trim().toLowerCase()!==o[0].trim().toLowerCase()||e[e.length-1].trim().toLowerCase()!==o[o.length-1].trim().toLowerCase())return!1;const l=e.slice(1,e.length-1).map((e=>e.trim().toLowerCase())),r=o.slice(1,e.length-1).map((e=>e.trim().toLowerCase()));return l.every((e=>r.includes(e)))}));if(t)return{paletteTheme:t.paletteTheme,paletteEntry:t.paletteEntry,isReversed:t.isReversed}}if(a.length>0){const e=a[0];return{paletteTheme:e.paletteTheme,paletteEntry:e.paletteEntry,isReversed:e.isReversed}}return null}},7304:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.GradientEditor=void 0;const i=r(a(9497)),s=r(a(23)),u=n(a(5089)),d=n(a(5852)),c=a(8963),f=a(8548),p=n(a(4293));t.GradientEditor=({defaultPalettesConfig:e={paletteTheme:"DARK_COLORS",paletteEntry:{type:"sequential",index:1}},onChange:t,palettes:a=u.default,showStaticTextColor:o=!1,selectedDataSelector:l,value:r={colors:["#252214","#b846bb"],textColor:"auto"}})=>{var n,s;const{colors:m,textColor:g}=r;let b,h=null,v=null;if(m&&m.length>1){const e=(0,c.findMatchingPaletteGradient)(m,a);e&&(h=e.paletteTheme,v=e.paletteEntry,b=e.isReversed)}!h&&(null==e?void 0:e.paletteTheme)&&(h=e.paletteTheme),!v&&(null==e?void 0:e.paletteEntry)&&(v=e.paletteEntry);const[y,C]=i.useState((()=>({paletteTheme:h,paletteEntry:v}))),_=null!==(n=null==y?void 0:y.paletteTheme)&&void 0!==n?n:e.paletteTheme,O=null!==(s=null==y?void 0:y.paletteEntry)&&void 0!==s?s:e.paletteEntry,E=_&&O?(0,f.getSwatchColorsFromPalette)({palettes:a,paletteInfo:O,paletteTheme:_}):[],x=(0,f.hasCustomColors)({currentSwatchColors:E,selectedColors:m}),P=x&&m.length>7?m.slice(0,7):m,j=x&&P.length>=7||!x&&P.length>=E.length,[w,D]=i.useState(b||!1),T=i.useCallback((e=>{const a={colors:(null==e?void 0:e.colors)||m};o&&(a.textColor=e.textColor||g),t(null,null,a)}),[m,o,t,g]),S=i.useCallback((e=>{if(!O)return;let t=(0,f.getSwatchColorsFromPalette)({palettes:a,paletteInfo:O,paletteTheme:e});w&&(t=[...t].reverse());let o=[];if(x&&m.length>7)o=t.slice();else{const e=m.length;if(1===e)o=[t[t.length-1]];else if(2===e)o=[t[0],t[t.length-1]];else if(e>2){o=[t[0]];for(let a=1;a<e-1;a+=1)o.push(t[a]);o.push(t[t.length-1])}}C((t=>Object.assign(Object.assign({},t),{paletteTheme:e}))),T({colors:o})}),[O,a,w,T,x,m]),M=i.useCallback((e=>{if(!e)return C({paletteTheme:null,paletteEntry:null}),void D(!1);const t=_&&e?(0,f.getSwatchColorsFromPalette)({palettes:a,paletteInfo:e,paletteTheme:_}):[],l=m.length;let r=[];if(x&&m.length>7)r=t.slice();else if(1===l)r=[t[t.length-1]];else if(2===l)r=[t[0],t[t.length-1]];else if(l>2){r=[t[0]];for(let e=1;e<l-1;e+=1)r.push(t[e]);r.push(t[t.length-1])}C({paletteTheme:_,paletteEntry:e}),D(!1);const n={colors:r};o&&(n.textColor=g),T(n)}),[_,a,o,T,g,x,m]);return i.useEffect((()=>{C((0,c.findMatchingPaletteGradient)(m,a))}),[l]),i.createElement(i.Fragment,null,i.createElement(d.default,{isSwatchCustomized:x,isReversed:w,onChangePaletteTheme:S,onPaletteChange:M,palettes:a,selectedPaletteInfo:O,selectedPaletteTheme:_}),i.createElement(p.default,{isSwatchCustomized:x,isReversed:w,setIsReversed:D,onChange:T,value:r,swatchColors:E,selectedColors:P,name:"GradientValueConfigurer",showStaticTextColor:o,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,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=a(6649),d=n(a(232)),c=n(a(7020)),f=n(a(6062)),p=d.default.div`
408
+ `,b=({colorIndex:e,onRemove:t})=>{const a=i.useCallback((()=>t(e)),[e,t]);return i.createElement(p,null,i.createElement(m,{"data-test":"gradient-remove-button",icon:i.createElement(d.default,null),appearance:"subtle",onClick:a}))};b.propTypes={onRemove:s.func},t.default=b},8963:function(e,t,a){var o=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 l=o(a(5089));t.defaultDarkGradientConfig={colors:[l.default.DARK_COLORS.sequential.swatches[1][0],l.default.DARK_COLORS.sequential.swatches[1][l.default.DARK_COLORS.sequential.swatches[1].length-1]]},t.defaultLightGradientConfig={colors:[l.default.LIGHT_COLORS.sequential.swatches[1][0],l.default.LIGHT_COLORS.sequential.swatches[1][l.default.LIGHT_COLORS.sequential.swatches[1].length-1]]};t.createDefaultPalettesConfig=e=>{var t,a,o;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!==(o=null===(a=null==e?void 0:e.paletteEntry)||void 0===a?void 0:a.index)&&void 0!==o?o:1}}};t.createGradientConfigFromPalettes=(e,a,o)=>{var r,n,i;const s=(0,t.createDefaultPalettesConfig)(e),{paletteTheme:u,paletteEntry:c}=s,d=(null===(i=null===(n=null===(r=l.default[u])||void 0===r?void 0:r[c.type])||void 0===n?void 0:n.swatches)||void 0===i?void 0:i[c.index])||t.defaultDarkGradientConfig.colors,f=d.length>=2?[d[0],d[d.length-1]]:d;return a?{colors:f,textColor:o||"auto"}:{colors:f}};t.interpolateColor=(e,t,a)=>{const o=e.replace("#",""),l=t.replace("#",""),r=parseInt(o.substring(0,2),16),n=parseInt(o.substring(2,4),16),i=parseInt(o.substring(4,6),16),s=parseInt(l.substring(0,2),16),u=parseInt(l.substring(2,4),16),c=parseInt(l.substring(4,6),16),d=Math.round(r+a*(s-r)),f=Math.round(n+a*(u-n)),p=Math.round(i+a*(c-i)),m=e=>e.toString(16).padStart(2,"0");return`#${m(d)}${m(f)}${m(p)}`};t.addCustomGradientStop=(e,a,o)=>{var l,r;if(e.length<2)return e;const n=a.map(((e,t)=>e?t:-1)).filter((e=>-1!==e));if(n.length<2){const r=e[e.length-1],n=e[e.length-2],i=(0,t.interpolateColor)(n,r,.5),s=[...e.slice(0,e.length-1),i,r];return o([...a.slice(0,a.length-1),!1,null!==(l=a[a.length-1])&&void 0!==l&&l]),s}let i=[...e],s=[...a];for(let o=0;o<n.length-1;o+=1){const l=n[o],r=n[o+1];if(r-l>1){const o=e[l],n=e[r],s=[];for(let e=l+1;e<r;e+=1)a[e]||s.push(e);if(s.length>0)for(let e=0;e<s.length;e+=1){const a=s[e],u=(a-l)/(r-l);i[a]=(0,t.interpolateColor)(o,n,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!==(r=s[s.length-1])&&void 0!==r&&r],o(s),i};t.addPaletteGradientStop=(e,t,a)=>{const o=t.length-1;if(o>5)return t;const l=a?[...e].reverse():e,r=l[Math.max(1,Math.min(o,l.length-2))];return[...t.slice(0,o),r,...t.slice(o)]};t.findMatchingPaletteGradient=(e,t)=>{if(!Array.isArray(e)||e.length<2||!t||"object"!=typeof t||!t.DARK_COLORS||!t.LIGHT_COLORS)return null;const a=[];if(["DARK_COLORS","LIGHT_COLORS"].forEach((o=>{const l=t[o];if(!l)return;Object.entries(l).filter((([e])=>"_meta"!==e)).flatMap((([e,t])=>{const{swatches:a}=t;return a.map(((t,a)=>({type:e,swatch:t,index:a})))})).forEach((({type:t,swatch:l,index:r})=>{e.length>l.length||(l.length>=2&&l[0].trim().toLowerCase()===e[0].trim().toLowerCase()&&l[l.length-1].trim().toLowerCase()===e[e.length-1].trim().toLowerCase()?a.push({paletteTheme:o,paletteEntry:{type:t,index:r},isReversed:!1,swatch:l}):l.length>=2&&l[0].trim().toLowerCase()===e[e.length-1].trim().toLowerCase()&&l[l.length-1].trim().toLowerCase()===e[0].trim().toLowerCase()&&a.push({paletteTheme:o,paletteEntry:{type:t,index:r},isReversed:!0,swatch:l}))}))})),e.length>2&&a.length>0){const t=a.find((({swatch:t,isReversed:a})=>{if(t.length<e.length)return!1;const o=a?[...t].reverse():t;if(e[0].trim().toLowerCase()!==o[0].trim().toLowerCase()||e[e.length-1].trim().toLowerCase()!==o[o.length-1].trim().toLowerCase())return!1;const l=e.slice(1,e.length-1).map((e=>e.trim().toLowerCase())),r=o.slice(1,e.length-1).map((e=>e.trim().toLowerCase()));return l.every((e=>r.includes(e)))}));if(t)return{paletteTheme:t.paletteTheme,paletteEntry:t.paletteEntry,isReversed:t.isReversed}}if(a.length>0){const e=a[0];return{paletteTheme:e.paletteTheme,paletteEntry:e.paletteEntry,isReversed:e.isReversed}}return null}},7304:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.GradientEditor=void 0;const i=r(a(9497)),s=r(a(23)),u=n(a(5089)),c=n(a(5852)),d=a(8963),f=a(8548),p=n(a(4293));t.GradientEditor=({defaultPalettesConfig:e={paletteTheme:"DARK_COLORS",paletteEntry:{type:"sequential",index:1}},onChange:t,palettes:a=u.default,showStaticTextColor:o=!1,selectedDataSelector:l,value:r={colors:["#252214","#b846bb"],textColor:"auto"}})=>{var n,s;const{colors:m,textColor:b}=r;let g,h=null,v=null;if(m&&m.length>1){const e=(0,d.findMatchingPaletteGradient)(m,a);e&&(h=e.paletteTheme,v=e.paletteEntry,g=e.isReversed)}!h&&(null==e?void 0:e.paletteTheme)&&(h=e.paletteTheme),!v&&(null==e?void 0:e.paletteEntry)&&(v=e.paletteEntry);const[y,C]=i.useState((()=>({paletteTheme:h,paletteEntry:v}))),_=null!==(n=null==y?void 0:y.paletteTheme)&&void 0!==n?n:e.paletteTheme,O=null!==(s=null==y?void 0:y.paletteEntry)&&void 0!==s?s:e.paletteEntry,E=_&&O?(0,f.getSwatchColorsFromPalette)({palettes:a,paletteInfo:O,paletteTheme:_}):[],x=(0,f.hasCustomColors)({currentSwatchColors:E,selectedColors:m}),P=x&&m.length>7?m.slice(0,7):m,j=x&&P.length>=7||!x&&P.length>=E.length,[w,D]=i.useState(g||!1),T=i.useCallback((e=>{const a={colors:(null==e?void 0:e.colors)||m};o&&(a.textColor=e.textColor||b),t(null,null,a)}),[m,o,t,b]),S=i.useCallback((e=>{if(!O)return;let t=(0,f.getSwatchColorsFromPalette)({palettes:a,paletteInfo:O,paletteTheme:e});w&&(t=[...t].reverse());let o=[];if(x&&m.length>7)o=t.slice();else{const e=m.length;if(1===e)o=[t[t.length-1]];else if(2===e)o=[t[0],t[t.length-1]];else if(e>2){o=[t[0]];for(let a=1;a<e-1;a+=1)o.push(t[a]);o.push(t[t.length-1])}}C((t=>Object.assign(Object.assign({},t),{paletteTheme:e}))),T({colors:o})}),[O,a,w,T,x,m]),M=i.useCallback((e=>{if(!e)return C({paletteTheme:null,paletteEntry:null}),void D(!1);const t=_&&e?(0,f.getSwatchColorsFromPalette)({palettes:a,paletteInfo:e,paletteTheme:_}):[],l=m.length;let r=[];if(x&&m.length>7)r=t.slice();else if(1===l)r=[t[t.length-1]];else if(2===l)r=[t[0],t[t.length-1]];else if(l>2){r=[t[0]];for(let e=1;e<l-1;e+=1)r.push(t[e]);r.push(t[t.length-1])}C({paletteTheme:_,paletteEntry:e}),D(!1);const n={colors:r};o&&(n.textColor=b),T(n)}),[_,a,o,T,b,x,m]);return i.useEffect((()=>{C((0,d.findMatchingPaletteGradient)(m,a))}),[l]),i.createElement(i.Fragment,null,i.createElement(c.default,{isSwatchCustomized:x,isReversed:w,onChangePaletteTheme:S,onPaletteChange:M,palettes:a,selectedPaletteInfo:O,selectedPaletteTheme:_}),i.createElement(p.default,{isSwatchCustomized:x,isReversed:w,setIsReversed:D,onChange:T,value:r,swatchColors:E,selectedColors:P,name:"GradientValueConfigurer",showStaticTextColor:o,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,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=a(6649),c=n(a(232)),d=n(a(7020)),f=n(a(6062)),p=c.default.div`
412
409
  display: flex;
413
410
  flex-direction: row;
414
411
  margin-bottom: 10px;
415
- `,m=d.default.div`
412
+ `,m=c.default.div`
416
413
  display: flex;
417
414
  flex-direction: column;
418
415
  justify-content: center;
419
- `,g=d.default.div`
416
+ `,b=c.default.div`
420
417
  display: flex;
421
- `,b={marginRight:"12px"},h=i.createElement(f.default,null),v=({disableAddMatches:e=!1,handleAddMatch:t,handleReverse:a})=>i.createElement(p,null,i.createElement(g,null,i.createElement(c.default,{"data-test":"reverse-matches-button",icon:h,style:b,onClick:a})),i.createElement(m,null,i.createElement(c.default,{"data-test":"add-match-button",appearance:"secondary",label:`+ ${(0,u._)("Add match")}`,disabled:e,onClick:t})));v.propTypes={disableAddMatches:s.bool,handleAddMatch:s.func,handleReverse:s.func},t.default=v},347:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=n(a(7408));t.default=({color:e,colorIndex:t,onChange:a,palette:o})=>{const l=i.useCallback((({value:e})=>a({colorIndex:t,value:e})),[t,a]);return i.createElement(s.default,{"data-test":`match-color-${e}`,value:e,palette:o,onChange:l,hideInput:!0})}},1727:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=n(a(232)),d=a(6649),c=a(8548),f=n(a(3396)),p=n(a(347)),m=n(a(8753)),g=a(3719),b=n(a(2265)),h=u.default.div`
418
+ `,g={marginRight:"12px"},h=i.createElement(f.default,null),v=({disableAddMatches:e=!1,handleAddMatch:t,handleReverse:a})=>i.createElement(p,null,i.createElement(b,null,i.createElement(d.default,{"data-test":"reverse-matches-button",icon:h,style:g,onClick:a})),i.createElement(m,null,i.createElement(d.default,{"data-test":"add-match-button",appearance:"secondary",label:`+ ${(0,u._)("Add match")}`,disabled:e,onClick:t})));v.propTypes={disableAddMatches:s.bool,handleAddMatch:s.func,handleReverse:s.func},t.default=v},347:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=n(a(7408));t.default=({color:e,colorIndex:t,onChange:a,palette:o})=>{const l=i.useCallback((({value:e})=>{let o=e;null!=o&&""!==o||(o="transparent"),a({colorIndex:t,value:o})}),[t,a]);return i.createElement(s.default,{"data-test":`match-color-${e}`,value:e,palette:o,onChange:l,hideInput:!0})}},1727:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=n(a(232)),c=a(6649),d=a(8548),f=n(a(3396)),p=n(a(347)),m=n(a(8753)),b=a(3719),g=n(a(2265)),h=u.default.div`
422
419
  padding-top: 10px;
423
420
  `,v=u.default.div`
424
421
  display: flex;
@@ -427,47 +424,47 @@
427
424
  display: flex;
428
425
  flex-direction: row;
429
426
  margin-bottom: 10px;
430
- `,C=({customizedColors:e,isReversed:t,onChange:a,precedence:o,swatchColors:l,matchValues:r,setIsReversed:n,selectedColors:s})=>{const u=i.useCallback((({colorIndex:e,value:t})=>{const o=[...s];o[e]=t,a({colors:o,matchValues:r})}),[a,r,s]),C=i.useCallback((()=>{const n=[...r,""],i=e?[...s,"#000000"]:(0,c.getNewColors)({isReversed:t,numColors:n.length,precedence:o,swatchColors:l});a({colors:i,matchValues:n})}),[a,r,e,s,t,o,l]),_=i.useCallback((()=>{const e=[...s];e.reverse(),n(!t),a({colors:e,matchValues:r})}),[a,r,t,s,n]),O=i.useCallback(((e,t)=>{const o=(0,g.isNumeric)(e)?Number(e):e;if(r.includes(o))return{error:(0,d._)("Value already exists")};const l=[...r];return l[t]=o,a({colors:s,matchValues:l}),{error:null}}),[a,s,r]),E=i.useCallback(((e,t)=>{if(r.length>1){const o=[...r];o.splice(t,1);const l=[...s];l.splice(e,1),a({colors:l,matchValues:o})}}),[a,r,s]);return i.createElement(h,null,i.createElement(f.default,{disableAddMatches:s.length>6,handleAddMatch:C,handleReverse:_}),i.createElement(v,null,s.map(((e,t)=>{const a=r[t],o=`${e}-${a}-${t}`;return i.createElement(y,{key:o},i.createElement(p.default,{color:e,colorIndex:t,palette:l,onChange:u}),i.createElement(m.default,{initialValue:a,matchValues:r,matchIndex:t,updateMatch:O}),i.createElement(b.default,{colorIndex:t,matchIndex:t,disabled:r.length<2,onRemove:E}))}))))};C.propTypes={customizedColors:s.bool,isReversed:s.bool,precedence:s.arrayOf(s.arrayOf(s.number)),swatchColors:s.arrayOf(s.string),matchValues:s.arrayOf(s.oneOfType([s.string,s.number])),setIsReversed:s.func,selectedColors:s.arrayOf(s.string)},t.default=C},8753:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.handleUpdateMatch=void 0;const i=r(a(9497)),s=r(a(23)),u=n(a(232)),d=n(a(4082)),c=n(a(4566)),f=u.default.div`
427
+ `,C=({customizedColors:e,isReversed:t,onChange:a,precedence:o,swatchColors:l,matchValues:r,setIsReversed:n,selectedColors:s})=>{const u=i.useCallback((({colorIndex:e,value:t})=>{const o=[...s];o[e]=t,a({colors:o,matchValues:r})}),[a,r,s]),C=i.useCallback((()=>{const n=[...r,""],i=e?[...s,"#000000"]:(0,d.getNewColors)({isReversed:t,numColors:n.length,precedence:o,swatchColors:l});a({colors:i,matchValues:n})}),[a,r,e,s,t,o,l]),_=i.useCallback((()=>{const e=[...s];e.reverse(),n(!t),a({colors:e,matchValues:r})}),[a,r,t,s,n]),O=i.useCallback(((e,t)=>{const o=(0,b.isNumeric)(e)?Number(e):e;if(r.includes(o))return{error:(0,c._)("Value already exists")};const l=[...r];return l[t]=o,a({colors:s,matchValues:l}),{error:null}}),[a,s,r]),E=i.useCallback(((e,t)=>{if(r.length>1){const o=[...r];o.splice(t,1);const l=[...s];l.splice(e,1),a({colors:l,matchValues:o})}}),[a,r,s]);return i.createElement(h,null,i.createElement(f.default,{disableAddMatches:s.length>6,handleAddMatch:C,handleReverse:_}),i.createElement(v,null,s.map(((e,t)=>{const a=r[t],o=`${e}-${a}-${t}`;return i.createElement(y,{key:o},i.createElement(p.default,{color:e,colorIndex:t,palette:l,onChange:u}),i.createElement(m.default,{initialValue:a,matchValues:r,matchIndex:t,updateMatch:O}),i.createElement(g.default,{colorIndex:t,matchIndex:t,disabled:r.length<2,onRemove:E}))}))))};C.propTypes={customizedColors:s.bool,isReversed:s.bool,precedence:s.arrayOf(s.arrayOf(s.number)),swatchColors:s.arrayOf(s.string),matchValues:s.arrayOf(s.oneOfType([s.string,s.number])),setIsReversed:s.func,selectedColors:s.arrayOf(s.string)},t.default=C},8753:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.handleUpdateMatch=void 0;const i=r(a(9497)),s=r(a(23)),u=n(a(232)),c=n(a(4082)),d=n(a(4566)),f=u.default.div`
431
428
  display: flex;
432
429
  flex-grow: 1;
433
- margin-left: ${c.default.spacingMedium};
430
+ margin-left: ${d.default.spacingMedium};
434
431
  `,p=u.default.div`
435
432
  flex-grow: 1;
436
433
  `,m=u.default.div.attrs((()=>({"data-test":"match-value-error"})))`
437
- color: ${c.default.contentColorNegative};
434
+ color: ${d.default.contentColorNegative};
438
435
  padding-top: 5px;
439
436
  font-size: 12px;
440
437
  display: block;
441
- `;t.handleUpdateMatch=({matchIndex:e,setError:t,shouldUpdate:a,updateMatch:o,value:l})=>{if(a){const a=o(l,e);a&&a.error&&t(a.error)}};const g=({initialValue:e,matchIndex:a,matchValues:o,updateMatch:l})=>{const[r,n]=i.useState(null),[s,u]=i.useState(!1),[c,g]=i.useState(null),b=i.useCallback((()=>{u(!0)}),[]),h=i.useCallback(((e,{value:o})=>{n(o),(0,t.handleUpdateMatch)({matchIndex:a,setError:g,shouldUpdate:!s,updateMatch:l,value:o})}),[s,a,l]),v=i.useCallback((()=>{u(!1),(0,t.handleUpdateMatch)({matchIndex:a,setError:g,shouldUpdate:null!=r&&r!==e,updateMatch:l,value:r})}),[a,r,e,l]),y=i.useCallback((o=>(0,t.handleUpdateMatch)({matchIndex:a,setError:g,shouldUpdate:"Enter"===o.key&&null!==r&&r!==e,updateMatch:l,value:r})),[a,r,e,l]);return i.useEffect((()=>{c&&!o.map((e=>`${e}`)).includes(r)&&(g(null),(0,t.handleUpdateMatch)({matchIndex:a,setError:g,shouldUpdate:!0,updateMatch:l,value:r}))}),[r,c,a,o,l]),i.createElement(f,null,i.createElement(p,null,i.createElement(d.default,{"data-test":"match-text-editor",canClear:!1,error:!!c,onChange:h,onFocus:b,onBlur:v,onKeyUp:y,value:`${null!=r?r:e}`}),c&&i.createElement(m,null,c)))};g.propTypes={initialValue:s.oneOfType([s.string,s.number]),matchValues:s.arrayOf(s.oneOfType([s.string,s.number])),updateMatch:s.func},t.default=g},2265:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=n(a(232)),d=n(a(7020)),c=n(a(8855)),f=a(3563),p=u.default.div`
438
+ `;t.handleUpdateMatch=({matchIndex:e,setError:t,shouldUpdate:a,updateMatch:o,value:l})=>{if(a){const a=o(l,e);a&&a.error&&t(a.error)}};const b=({initialValue:e,matchIndex:a,matchValues:o,updateMatch:l})=>{const[r,n]=i.useState(null),[s,u]=i.useState(!1),[d,b]=i.useState(null),g=i.useCallback((()=>{u(!0)}),[]),h=i.useCallback(((e,{value:o})=>{n(o),(0,t.handleUpdateMatch)({matchIndex:a,setError:b,shouldUpdate:!s,updateMatch:l,value:o})}),[s,a,l]),v=i.useCallback((()=>{u(!1),(0,t.handleUpdateMatch)({matchIndex:a,setError:b,shouldUpdate:null!=r&&r!==e,updateMatch:l,value:r})}),[a,r,e,l]),y=i.useCallback((o=>(0,t.handleUpdateMatch)({matchIndex:a,setError:b,shouldUpdate:"Enter"===o.key&&null!==r&&r!==e,updateMatch:l,value:r})),[a,r,e,l]);return i.useEffect((()=>{d&&!o.map((e=>`${e}`)).includes(r)&&(b(null),(0,t.handleUpdateMatch)({matchIndex:a,setError:b,shouldUpdate:!0,updateMatch:l,value:r}))}),[r,d,a,o,l]),i.createElement(f,null,i.createElement(p,null,i.createElement(c.default,{"data-test":"match-text-editor",canClear:!1,error:!!d,onChange:h,onFocus:g,onBlur:v,onKeyUp:y,value:`${null!=r?r:e}`}),d&&i.createElement(m,null,d)))};b.propTypes={initialValue:s.oneOfType([s.string,s.number]),matchValues:s.arrayOf(s.oneOfType([s.string,s.number])),updateMatch:s.func},t.default=b},2265:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=n(a(232)),c=n(a(7020)),d=n(a(8855)),f=a(3563),p=u.default.div`
442
439
  display: flex;
443
440
  flex: 1;
444
441
  justify-content: flex-end;
445
- `,m=(0,u.default)(d.default)`
442
+ `,m=(0,u.default)(c.default)`
446
443
  color: ${e=>e.disabled?f.variables.contentColorDisabled:f.variables.contentColorActive} !important;
447
444
  &:hover {
448
445
  background-color: ${e=>!e.disabled&&f.variables.interactiveColorOverlayDrag} !important;
449
446
  }
450
- `,g=({colorIndex:e,disabled:t=!1,onRemove:a,matchIndex:o})=>{const l=i.useCallback((()=>a(e,o)),[e,a,o]);return i.createElement(p,null,i.createElement("div",null,i.createElement(m,{"data-test":"match-remove-button",disabled:t,icon:i.createElement(c.default,null),appearance:"subtle",onClick:l})))};g.propTypes={disabled:s.bool,onRemove:s.func},t.default=g},3719:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.isNumeric=t.getMatches=void 0;const o=a(4793);t.getMatches=(e=[])=>(0,o.isEmpty)(e)?[{match:"",value:"#ff0000"}]:e;t.isNumeric=e=>!isNaN(Number(e))&&!isNaN(parseFloat(e))},107:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.matchValuesToContextConfig=t.MATCH_VALUE_WILDCARD_INFO_TEXT=void 0;const i=r(a(9497)),s=r(a(23)),u=n(a(232)),d=a(6649),c=a(3563),f=n(a(5089)),p=n(a(5852)),m=n(a(1727)),g=a(8548),b=a(3719);t.MATCH_VALUE_WILDCARD_INFO_TEXT=(0,d._)("Enter a value to match. Wildcards '*' can be used.");const h=u.default.div`
447
+ `,b=({colorIndex:e,disabled:t=!1,onRemove:a,matchIndex:o})=>{const l=i.useCallback((()=>a(e,o)),[e,a,o]);return i.createElement(p,null,i.createElement("div",null,i.createElement(m,{"data-test":"match-remove-button",disabled:t,icon:i.createElement(d.default,null),appearance:"subtle",onClick:l})))};b.propTypes={disabled:s.bool,onRemove:s.func},t.default=b},3719:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.isNumeric=t.getMatches=void 0;const o=a(4793);t.getMatches=(e=[])=>(0,o.isEmpty)(e)?[{match:"",value:"#ff0000"}]:e;t.isNumeric=e=>!isNaN(Number(e))&&!isNaN(parseFloat(e))},107:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.matchValuesToContextConfig=t.MATCH_VALUE_WILDCARD_INFO_TEXT=void 0;const i=r(a(9497)),s=r(a(23)),u=n(a(232)),c=a(6649),d=a(3563),f=n(a(5089)),p=n(a(5852)),m=n(a(1727)),b=a(8548),g=a(3719);t.MATCH_VALUE_WILDCARD_INFO_TEXT=(0,c._)("Enter a value to match. Wildcards '*' can be used.");const h=u.default.div`
451
448
  margin: 6px 0px;
452
- color: ${c.variables.contentColorMuted};
453
- `;t.matchValuesToContextConfig=({colors:e,matchValues:t})=>e.map(((e,a)=>({match:t[a],value:e})));const v=({defaultPalettesConfig:e,onChange:a=(()=>{}),palettes:o=f.default,selectedDataSelector:l,value:r})=>{const n=i.useMemo((()=>(0,b.getMatches)(r)),[r]),{matchValues:s,selectedColors:u}=i.useMemo((()=>n.reduce(((e,t)=>(e.matchValues.push(t.match),e.selectedColors.push(t.value),e)),{matchValues:[],selectedColors:[]})),[n]),[{paletteTheme:d,paletteEntry:c},v]=i.useState((()=>(0,g.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:o,ranges:n}))),y=(0,g.getSwatchColorsFromPalette)({palettes:o,paletteInfo:c,paletteTheme:d}),C=i.useMemo((()=>(0,g.hasCustomColors)({currentSwatchColors:y,selectedColors:u})),[y,u]),[_,O]=i.useState((()=>(0,g.hasInitiallyReversedColors)({isSwatchCustomized:C,palettes:o,selectedColors:u,selectedPaletteInfo:c,selectedPaletteTheme:d,minimumNumberOfColors:1}))),E=i.useCallback((({paletteTheme:e,paletteInfo:t})=>s.length>7?u:(({palettes:e,paletteTheme:t,paletteInfo:a,matchValues:o,setIsReversed:l})=>{const r=(0,g.getSwatchColorsFromPalette)({palettes:e,paletteInfo:a,paletteTheme:t}),n=(0,g.getPrecedenceFromPalette)({palettes:e,paletteTheme:t,paletteInfo:a}),i=o.length,s=n[i<7?i-1:5].map((e=>r[e])).slice(0,i);return l(!1),s})({palettes:o,paletteTheme:e,paletteInfo:t,matchValues:s,setIsReversed:O})),[s,o,u]),x=i.useCallback((e=>{const o=E({paletteTheme:e,paletteInfo:c});v((t=>Object.assign(Object.assign({},t),{paletteTheme:e})));const l=(0,t.matchValuesToContextConfig)({colors:o,matchValues:s});a(null,null,l)}),[E,c,s,a]),P=i.useCallback((e=>{const o=E({paletteTheme:d,paletteInfo:e});v((t=>Object.assign(Object.assign({},t),{paletteEntry:e})));const l=(0,t.matchValuesToContextConfig)({colors:o,matchValues:s});a(null,null,l)}),[E,d,s,a]),j=i.useCallback((({colors:e,matchValues:o})=>{const l=(0,t.matchValuesToContextConfig)({colors:e,matchValues:o});a(null,null,l)}),[a]);return i.useEffect((()=>{v((0,g.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:o,ranges:n}))}),[l]),i.createElement(i.Fragment,null,i.createElement(p.default,{isReversed:_,isSwatchCustomized:C,shouldShowArrows:!1,onChangePaletteTheme:x,onPaletteChange:P,palettes:o,selectedPaletteInfo:c,selectedPaletteTheme:d}),i.createElement(m.default,{customizedColors:C,isReversed:_,onChange:j,precedence:(0,g.getPrecedenceFromPalette)({palettes:o,paletteTheme:d,paletteInfo:c}),matchValues:s,selectedColors:u,swatchColors:y,setIsReversed:O}),i.createElement(h,null,t.MATCH_VALUE_WILDCARD_INFO_TEXT))};v.propTypes={onChange:s.func,palettes:s.objectOf(s.shape({precedence:s.arrayOf(s.arrayOf(s.number)),swatches:s.arrayOf(s.arrayOf(s.string))})),value:s.arrayOf(s.shape({match:s.oneOfType([s.string,s.number]),value:s.string})),selectedDataSelector:s.string,defaultPalettesConfig:s.shape({paletteTheme:s.string,paletteEntry:s.shape({type:s.string,index:s.number})})},t.default=v},1561:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MatchValuePreview=void 0;const i=r(a(9497)),s=a(1705),u=n(a(1494));t.MatchValuePreview=({config:e})=>{const t=(0,i.useMemo)((()=>e.map((e=>e.value)).slice(0,8)),[e]);return i.default.createElement(u.default,null,i.default.createElement(s.ColorPreview,{"data-test":"ColorPreview",colors:t,maxColorCount:8}))}},5852:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=n(a(1964)),u=n(a(2150)),d=a(8548);t.default=({isReversed:e,isSwatchCustomized:t,shouldShowArrows:a=!0,onChangePaletteTheme:o,onPaletteChange:l,palettes:r,selectedPaletteInfo:n,selectedPaletteTheme:c})=>{const f=i.useMemo((()=>Object.keys(r).map((e=>({value:e,label:r[e]._meta.label})))),[r]),p=i.useMemo((()=>(0,d.getThemedPalettesWithoutMeta)({palettes:r,paletteTheme:c})),[r,c]);return i.createElement(i.Fragment,null,i.createElement(s.default,{onChange:o,paletteThemes:f,selectedPaletteTheme:c}),i.createElement(u.default,{isReversed:e,isSwatchCustomized:t,shouldShowArrows:a,onPaletteChange:l,palettes:p,selectedPaletteInfo:n}))}},2150:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=a(4793),u=n(a(232)),d=a(6649),c=n(a(7020)),f=n(a(6214)),p=n(a(4233)),m=n(a(4566)),g=n(a(6212)),b=a(1705),h=n(a(1494)),v=u.default.div`
449
+ color: ${d.variables.contentColorMuted};
450
+ `;t.matchValuesToContextConfig=({colors:e,matchValues:t})=>e.map(((e,a)=>({match:t[a],value:e})));const v=({defaultPalettesConfig:e,onChange:a=(()=>{}),palettes:o=f.default,selectedDataSelector:l,value:r})=>{const n=i.useMemo((()=>(0,g.getMatches)(r)),[r]),{matchValues:s,selectedColors:u}=i.useMemo((()=>n.reduce(((e,t)=>{e.matchValues.push(t.match);const a="string"==typeof t.value?t.value:"transparent";return e.selectedColors.push(a),e}),{matchValues:[],selectedColors:[]})),[n]),[{paletteTheme:c,paletteEntry:d},v]=i.useState((()=>(0,b.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:o,ranges:n}))),y=(0,b.getSwatchColorsFromPalette)({palettes:o,paletteInfo:d,paletteTheme:c}),C=i.useMemo((()=>(0,b.hasCustomColors)({currentSwatchColors:y,selectedColors:u})),[y,u]),[_,O]=i.useState((()=>(0,b.hasInitiallyReversedColors)({isSwatchCustomized:C,palettes:o,selectedColors:u,selectedPaletteInfo:d,selectedPaletteTheme:c,minimumNumberOfColors:1}))),E=i.useCallback((({paletteTheme:e,paletteInfo:t})=>s.length>7?u:(({palettes:e,paletteTheme:t,paletteInfo:a,matchValues:o,setIsReversed:l})=>{const r=(0,b.getSwatchColorsFromPalette)({palettes:e,paletteInfo:a,paletteTheme:t}),n=(0,b.getPrecedenceFromPalette)({palettes:e,paletteTheme:t,paletteInfo:a}),i=o.length,s=n[i<7?i-1:5].map((e=>r[e])).slice(0,i);return l(!1),s})({palettes:o,paletteTheme:e,paletteInfo:t,matchValues:s,setIsReversed:O})),[s,o,u]),x=i.useCallback((e=>{const o=E({paletteTheme:e,paletteInfo:d});v((t=>Object.assign(Object.assign({},t),{paletteTheme:e})));const l=(0,t.matchValuesToContextConfig)({colors:o,matchValues:s});a(null,null,l)}),[E,d,s,a]),P=i.useCallback((e=>{const o=E({paletteTheme:c,paletteInfo:e});v((t=>Object.assign(Object.assign({},t),{paletteEntry:e})));const l=(0,t.matchValuesToContextConfig)({colors:o,matchValues:s});a(null,null,l)}),[E,c,s,a]),j=i.useCallback((({colors:e,matchValues:o})=>{const l=(0,t.matchValuesToContextConfig)({colors:e,matchValues:o});a(null,null,l)}),[a]);return i.useEffect((()=>{v((0,b.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:o,ranges:n}))}),[l]),i.createElement(i.Fragment,null,i.createElement(p.default,{isReversed:_,isSwatchCustomized:C,shouldShowArrows:!1,onChangePaletteTheme:x,onPaletteChange:P,palettes:o,selectedPaletteInfo:d,selectedPaletteTheme:c}),i.createElement(m.default,{customizedColors:C,isReversed:_,onChange:j,precedence:(0,b.getPrecedenceFromPalette)({palettes:o,paletteTheme:c,paletteInfo:d}),matchValues:s,selectedColors:u,swatchColors:y,setIsReversed:O}),i.createElement(h,null,t.MATCH_VALUE_WILDCARD_INFO_TEXT))};v.propTypes={onChange:s.func,palettes:s.objectOf(s.shape({precedence:s.arrayOf(s.arrayOf(s.number)),swatches:s.arrayOf(s.arrayOf(s.string))})),value:s.arrayOf(s.shape({match:s.oneOfType([s.string,s.number]),value:s.string})),selectedDataSelector:s.string,defaultPalettesConfig:s.shape({paletteTheme:s.string,paletteEntry:s.shape({type:s.string,index:s.number})})},t.default=v},1561:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MatchValuePreview=void 0;const i=r(a(9497)),s=a(1705),u=n(a(1494));t.MatchValuePreview=({config:e})=>{const t=(0,i.useMemo)((()=>e.map((e=>e.value)).slice(0,8)),[e]);return i.default.createElement(u.default,null,i.default.createElement(s.ColorPreview,{"data-test":"ColorPreview",colors:t,maxColorCount:8}))}},5852:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=n(a(1964)),u=n(a(2150)),c=a(8548);t.default=({isReversed:e,isSwatchCustomized:t,shouldShowArrows:a=!0,onChangePaletteTheme:o,onPaletteChange:l,palettes:r,selectedPaletteInfo:n,selectedPaletteTheme:d})=>{const f=i.useMemo((()=>Object.keys(r).map((e=>({value:e,label:r[e]._meta.label})))),[r]),p=i.useMemo((()=>(0,c.getThemedPalettesWithoutMeta)({palettes:r,paletteTheme:d})),[r,d]);return i.createElement(i.Fragment,null,i.createElement(s.default,{onChange:o,paletteThemes:f,selectedPaletteTheme:d}),i.createElement(u.default,{isReversed:e,isSwatchCustomized:t,shouldShowArrows:a,onPaletteChange:l,palettes:p,selectedPaletteInfo:n}))}},2150:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=a(4793),u=n(a(232)),c=a(6649),d=n(a(7020)),f=n(a(6214)),p=n(a(4233)),m=n(a(4566)),b=n(a(6212)),g=a(1705),h=n(a(1494)),v=u.default.div`
454
451
  width: ${m.default.spacingMedium}; //enterprise: 15px, prisma: 12px
455
452
  `,y=u.default.span.attrs((()=>({"data-test":"custom-swatch-text"})))`
456
453
  display: flex;
457
454
  flex: 1;
458
455
  padding-left: 10px;
459
- `;t.default=({isReversed:e=!1,isSwatchCustomized:t=!1,shouldShowArrows:a=!0,onPaletteChange:o,palettes:l,selectedPaletteInfo:r})=>{const n=(0,s.get)(l,[r.type,"swatches",r.index],[]),u=i.createElement(c.default,{style:{width:"100%",padding:`0 ${m.default.spacingSmall}`},isMenu:!0,"data-test":"palettes-dropdown-toggle"},t?i.createElement(y,null,"Customized in swatches below"):i.createElement(i.Fragment,null,i.createElement(h.default,null,a&&i.createElement(g.default,null),i.createElement(b.ColorPreview,{colors:n,isReversed:e})),i.createElement(v,null))),C=i.useMemo((()=>Object.keys(l).reduce(((e,a,n,s)=>(e.push(i.createElement(p.default.Heading,{key:`title-${a}`,title:!0},(0,d._)(a).toUpperCase())),e.push(...l[a].swatches.map(((e,l)=>{const n=!t&&a===r.type&&r.index===l;return i.createElement(p.default.Item,{"data-test":`palette-swatch-row-${a}-${l}`,key:`${a}-${JSON.stringify(e)}`,onClick:()=>o({type:a,index:l}),selected:n,selectable:!0},i.createElement(h.default,null,i.createElement(b.ColorPreview,{colors:e})))}))),n<s.length-1&&e.push(i.createElement(p.default.Divider,{key:`divider-${a}`})),e)),[])),[t,o,l,r.index,r.type]);return i.createElement(f.default,{toggle:u},i.createElement(p.default,{style:{width:302}},C))}},1964:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=a(6649),d=n(a(5411)),c=n(a(9250)),f=({labelPosition:e="top",onChange:t,paletteThemes:a,selectedPaletteTheme:o})=>{const l=i.useCallback(((e,{value:a})=>t(a)),[t]);return i.createElement(c.default,{label:(0,u._)("Preset palette"),labelPosition:e},i.createElement(d.default,{onChange:l,value:o},a.map((({value:e,label:t})=>i.createElement(d.default.Option,{key:e,value:e,label:t,"data-test":`preset-palette-theme-${e}`})))))};f.propTypes={labelPosition:s.string,onChange:s.func,paletteThemes:s.arrayOf(s.shape({value:s.string,label:s.string})),selectedPaletteTheme:s.string},t.default=f},8548:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.inferInitialPaletteFromContext=t.hasInitiallyReversedColors=t.getThemedPalettesWithoutMeta=t.hasCustomColors=t.getSwatchColorsFromPalette=t.getPrecedenceFromPalette=t.getNewColors=t.defaultPalettesConfig=void 0;const o=a(4793);t.defaultPalettesConfig={paletteTheme:"DARK_COLORS",paletteEntry:{type:"sequential",index:0}};t.getNewColors=({isReversed:e,numColors:t,precedence:a,swatchColors:o})=>{const l=Array.isArray(a[t-2])?a[t-2].map((e=>o[e])):[];return e&&l.reverse(),l};t.getPrecedenceFromPalette=({palettes:e,paletteInfo:t,paletteTheme:a})=>(0,o.get)(e,[a,t.type,"precedence"],[]);t.getSwatchColorsFromPalette=({palettes:e,paletteInfo:t,paletteTheme:a})=>(0,o.get)(e,[a,t.type,"swatches",t.index],[]);t.hasCustomColors=({currentSwatchColors:e,selectedColors:t})=>{if(t.length>e.length)return!0;const a={};return e.forEach((e=>{a[e.toLowerCase()]=e.toLowerCase()})),t.some((e=>!a[e.toLowerCase()]))};t.getThemedPalettesWithoutMeta=({palettes:e,paletteTheme:t})=>Object.keys(e[t]).reduce(((a,o)=>("_meta"!==o&&(a[o]=e[t][o]),a)),{});const l=({currentSwatchColors:e,precedence:t,selectedColors:a})=>{if(!t)return!1;if(t.every((t=>e[t]===a[t])))return!0;return!![...t].reverse().every((t=>e[t]===a[t]))};t.hasInitiallyReversedColors=({isSwatchCustomized:e,palettes:t,selectedColors:a,selectedPaletteInfo:o,selectedPaletteTheme:l,minimumNumberOfColors:r=2})=>{var n,i,s,u,d,c;if(e)return!1;const f=a.length,p=2===r?f-2:f<7?f-1:5,m=null===(s=null===(i=null===(n=null==t?void 0:t[l])||void 0===n?void 0:n[o.type])||void 0===i?void 0:i.swatches)||void 0===s?void 0:s[o.index],g=[...null===(c=null===(d=null===(u=null==t?void 0:t[l])||void 0===u?void 0:u[o.type])||void 0===d?void 0:d.precedence)||void 0===c?void 0:c[p]].reverse();return a.every(((e,t)=>m[g[t]].toLowerCase()===e.toLowerCase()))};t.inferInitialPaletteFromContext=({defaultPalettesConfig:e,ranges:a,palettes:o})=>{let r,n=[];Array.isArray(a)&&(n=a.map((({value:e})=>e)));let i=!1;return Object.keys(o).forEach((e=>{Object.keys(o[e]).filter((e=>"_meta"!==e)).forEach((a=>{var s;const u=o[e][a];if(!((d=u)&&"object"==typeof d&&"swatches"in d&&Array.isArray(d.swatches)))return;var d;const{swatches:c,precedence:f}=u,p=null!==(s=f[n.length-2])&&void 0!==s?s:[];for(let o=0;o<c.length;o+=1){const s=c[o];(0,t.hasCustomColors)({currentSwatchColors:s,selectedColors:n})||(i=l({currentSwatchColors:s,selectedColors:n,precedence:p}),r&&!i||(r={paletteTheme:e,paletteEntry:{type:a,index:o}}))}}))})),r||e}},2841:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=a(6649),d=n(a(232)),c=n(a(7020)),f=n(a(6062)),p=d.default.div`
456
+ `;t.default=({isReversed:e=!1,isSwatchCustomized:t=!1,shouldShowArrows:a=!0,onPaletteChange:o,palettes:l,selectedPaletteInfo:r})=>{const n=(0,s.get)(l,[r.type,"swatches",r.index],[]),u=i.createElement(d.default,{style:{width:"100%",padding:`0 ${m.default.spacingSmall}`},isMenu:!0,"data-test":"palettes-dropdown-toggle"},t?i.createElement(y,null,"Customized in swatches below"):i.createElement(i.Fragment,null,i.createElement(h.default,null,a&&i.createElement(b.default,null),i.createElement(g.ColorPreview,{colors:n,isReversed:e})),i.createElement(v,null))),C=i.useMemo((()=>Object.keys(l).reduce(((e,a,n,s)=>(e.push(i.createElement(p.default.Heading,{key:`title-${a}`,title:!0},(0,c._)(a).toUpperCase())),e.push(...l[a].swatches.map(((e,l)=>{const n=!t&&a===r.type&&r.index===l;return i.createElement(p.default.Item,{"data-test":`palette-swatch-row-${a}-${l}`,key:`${a}-${JSON.stringify(e)}`,onClick:()=>o({type:a,index:l}),selected:n,selectable:!0},i.createElement(h.default,null,i.createElement(g.ColorPreview,{colors:e})))}))),n<s.length-1&&e.push(i.createElement(p.default.Divider,{key:`divider-${a}`})),e)),[])),[t,o,l,r.index,r.type]);return i.createElement(f.default,{toggle:u},i.createElement(p.default,{style:{width:302}},C))}},1964:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=a(6649),c=n(a(5411)),d=n(a(9250)),f=({labelPosition:e="top",onChange:t,paletteThemes:a,selectedPaletteTheme:o})=>{const l=i.useCallback(((e,{value:a})=>t(a)),[t]);return i.createElement(d.default,{label:(0,u._)("Preset palette"),labelPosition:e},i.createElement(c.default,{onChange:l,value:o},a.map((({value:e,label:t})=>i.createElement(c.default.Option,{key:e,value:e,label:t,"data-test":`preset-palette-theme-${e}`})))))};f.propTypes={labelPosition:s.string,onChange:s.func,paletteThemes:s.arrayOf(s.shape({value:s.string,label:s.string})),selectedPaletteTheme:s.string},t.default=f},8548:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.inferInitialPaletteFromContext=t.hasInitiallyReversedColors=t.getThemedPalettesWithoutMeta=t.hasCustomColors=t.getSwatchColorsFromPalette=t.getPrecedenceFromPalette=t.getNewColors=t.defaultPalettesConfig=void 0;const o=a(4793);t.defaultPalettesConfig={paletteTheme:"DARK_COLORS",paletteEntry:{type:"sequential",index:0}};t.getNewColors=({isReversed:e,numColors:t,precedence:a,swatchColors:o})=>{const l=Array.isArray(a[t-2])?a[t-2].map((e=>o[e])):[];return e&&l.reverse(),l};t.getPrecedenceFromPalette=({palettes:e,paletteInfo:t,paletteTheme:a})=>(0,o.get)(e,[a,t.type,"precedence"],[]);t.getSwatchColorsFromPalette=({palettes:e,paletteInfo:t,paletteTheme:a})=>(0,o.get)(e,[a,t.type,"swatches",t.index],[]);t.hasCustomColors=({currentSwatchColors:e,selectedColors:t})=>{if(t.length>e.length)return!0;const a={};return e.forEach((e=>{"string"==typeof e&&(a[e.toLowerCase()]=e.toLowerCase())})),t.some((e=>"string"!=typeof e||!a[e.toLowerCase()]))};t.getThemedPalettesWithoutMeta=({palettes:e,paletteTheme:t})=>Object.keys(e[t]).reduce(((a,o)=>("_meta"!==o&&(a[o]=e[t][o]),a)),{});const l=({currentSwatchColors:e,precedence:t,selectedColors:a})=>{if(!t)return!1;if(t.every((t=>e[t]===a[t])))return!0;return!![...t].reverse().every((t=>e[t]===a[t]))};t.hasInitiallyReversedColors=({isSwatchCustomized:e,palettes:t,selectedColors:a,selectedPaletteInfo:o,selectedPaletteTheme:l,minimumNumberOfColors:r=2})=>{var n,i,s,u,c,d;if(e)return!1;const f=a.length,p=2===r?f-2:f<7?f-1:5,m=null===(s=null===(i=null===(n=null==t?void 0:t[l])||void 0===n?void 0:n[o.type])||void 0===i?void 0:i.swatches)||void 0===s?void 0:s[o.index],b=[...null===(d=null===(c=null===(u=null==t?void 0:t[l])||void 0===u?void 0:u[o.type])||void 0===c?void 0:c.precedence)||void 0===d?void 0:d[p]].reverse();return a.every(((e,t)=>m[b[t]].toLowerCase()===e.toLowerCase()))};t.inferInitialPaletteFromContext=({defaultPalettesConfig:e,ranges:a,palettes:o})=>{let r,n=[];Array.isArray(a)&&(n=a.map((({value:e})=>e)));let i=!1;return Object.keys(o).forEach((e=>{Object.keys(o[e]).filter((e=>"_meta"!==e)).forEach((a=>{var s;const u=o[e][a];if(!((c=u)&&"object"==typeof c&&"swatches"in c&&Array.isArray(c.swatches)))return;var c;const{swatches:d,precedence:f}=u,p=null!==(s=f[n.length-2])&&void 0!==s?s:[];for(let o=0;o<d.length;o+=1){const s=d[o];(0,t.hasCustomColors)({currentSwatchColors:s,selectedColors:n})||(i=l({currentSwatchColors:s,selectedColors:n,precedence:p}),r&&!i||(r={paletteTheme:e,paletteEntry:{type:a,index:o}}))}}))})),r||e}},2841:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=a(6649),c=n(a(232)),d=n(a(7020)),f=n(a(6062)),p=c.default.div`
460
457
  display: flex;
461
458
  flex-direction: row;
462
459
  margin-bottom: 10px;
463
- `,m=d.default.div`
460
+ `,m=c.default.div`
464
461
  display: flex;
465
462
  flex-direction: column;
466
463
  justify-content: center;
467
- `,g=d.default.div`
464
+ `,b=c.default.div`
468
465
  display: flex;
469
- `,b={marginRight:"12px"},h=i.createElement(f.default,null),v=({disableAddRanges:e=!1,handleAddRange:t,handleReverse:a})=>i.createElement(p,null,i.createElement(g,null,i.createElement(c.default,{"data-test":"reverse-ranges-button",icon:h,style:b,onClick:a})),i.createElement(m,null,i.createElement(c.default,{"data-test":"add-range-button",appearance:"secondary",label:`+ ${(0,u._)("Add range")}`,disabled:e,onClick:t})));v.propTypes={disableAddRanges:s.bool,handleAddRange:s.func,handleReverse:s.func},t.default=v},6959:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.handleUpdateRangeBoundary=void 0;const i=r(a(9497)),s=n(a(232)),u=n(a(2782)),d=n(a(4566)),c=s.default.div.attrs((()=>({"data-test":"range-boundary-text"})))`
470
- color: ${d.default.contentColorMuted};
466
+ `,g={marginRight:"12px"},h=i.createElement(f.default,null),v=({disableAddRanges:e=!1,handleAddRange:t,handleReverse:a})=>i.createElement(p,null,i.createElement(b,null,i.createElement(d.default,{"data-test":"reverse-ranges-button",icon:h,style:g,onClick:a})),i.createElement(m,null,i.createElement(d.default,{"data-test":"add-range-button",appearance:"secondary",label:`+ ${(0,u._)("Add range")}`,disabled:e,onClick:t})));v.propTypes={disableAddRanges:s.bool,handleAddRange:s.func,handleReverse:s.func},t.default=v},6959:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.handleUpdateRangeBoundary=void 0;const i=r(a(9497)),s=n(a(232)),u=n(a(2782)),c=n(a(4566)),d=s.default.div.attrs((()=>({"data-test":"range-boundary-text"})))`
467
+ color: ${c.default.contentColorMuted};
471
468
  display: flex;
472
469
  flex-direction: column;
473
470
  justify-content: center;
@@ -476,21 +473,21 @@
476
473
  text-overflow: ellipsis;
477
474
  white-space: nowrap;
478
475
  `,f=s.default.div.attrs((()=>({"data-test":"range-boundary-error"})))`
479
- color: ${d.default.contentColorNegative};
476
+ color: ${c.default.contentColorNegative};
480
477
  padding-top: 5px;
481
478
  font-size: 12px;
482
479
  display: block;
483
480
  `,p=(0,s.default)(u.default)`
484
481
  max-width: 105px;
485
- margin-right: ${d.default.spacingMedium};
482
+ margin-right: ${c.default.spacingMedium};
486
483
  `,m=s.default.div`
487
484
  display: flex;
488
485
  height: 100%;
489
- `,g=s.default.div`
486
+ `,b=s.default.div`
490
487
  display: flex;
491
488
  flex-direction: column;
492
- margin-left: ${d.default.spacingMedium};
493
- `;t.handleUpdateRangeBoundary=({rangeBoundaryIndex:e,setError:t,shouldUpdate:a,updateRangeBoundary:o,value:l})=>{if(a){const a=o(l,e);a&&a.error&&t(a.error)}};t.default=({initialValue:e,rangeBoundaryIndex:a,rangeText:o,rangeValues:l,showNumberEditor:r=!0,updateRangeBoundary:n})=>{const[s,u]=i.useState(null),[d,b]=i.useState(!1),[h,v]=i.useState(null),y=i.useCallback((()=>{b(!0)}),[]),C=i.useCallback(((e,{value:o})=>{u(o),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:a,setError:v,shouldUpdate:!d,updateRangeBoundary:n,value:o})}),[d,a,n]),_=i.useCallback((()=>{b(!1),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:a,setError:v,shouldUpdate:"number"==typeof s&&s!==e,updateRangeBoundary:n,value:s})}),[a,s,e,n]),O=i.useCallback((o=>(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:a,setError:v,shouldUpdate:"Enter"===o.key&&"number"==typeof s&&s!==e,updateRangeBoundary:n,value:s})),[a,s,e,n]);return i.useEffect((()=>{h&&!l.includes(s)&&(v(null),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:a,setError:v,shouldUpdate:"number"==typeof s,updateRangeBoundary:n,value:s}))}),[s,h,a,l,n]),i.createElement(g,null,i.createElement(m,null,r&&i.createElement(p,{"data-test":"range-boundary-editor",error:!!h,onBlur:_,onChange:C,onFocus:y,onKeyUp:O,value:null!=s?s:e}),i.createElement(c,null,o)),r&&h&&i.createElement(f,null,h))}},1782:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=n(a(7408));t.default=({color:e,colorIndex:t,onChange:a,palette:o})=>{const l=i.useCallback((({value:e})=>a({colorIndex:t,value:e})),[t,a]);return i.createElement(s.default,{"data-test":`range-color-${e}`,value:e,palette:o,onChange:l,hideInput:!0})}},104:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=n(a(232)),d=a(6649),c=n(a(2841)),f=n(a(6959)),p=n(a(1782)),m=n(a(6900)),g=a(8548),b=u.default.div`
489
+ margin-left: ${c.default.spacingMedium};
490
+ `;t.handleUpdateRangeBoundary=({rangeBoundaryIndex:e,setError:t,shouldUpdate:a,updateRangeBoundary:o,value:l})=>{if(a){const a=o(l,e);a&&a.error&&t(a.error)}};t.default=({initialValue:e,rangeBoundaryIndex:a,rangeText:o,rangeValues:l,showNumberEditor:r=!0,updateRangeBoundary:n})=>{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:o})=>{u(o),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:a,setError:v,shouldUpdate:!c,updateRangeBoundary:n,value:o})}),[c,a,n]),_=i.useCallback((()=>{g(!1),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:a,setError:v,shouldUpdate:"number"==typeof s&&s!==e,updateRangeBoundary:n,value:s})}),[a,s,e,n]),O=i.useCallback((o=>(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:a,setError:v,shouldUpdate:"Enter"===o.key&&"number"==typeof s&&s!==e,updateRangeBoundary:n,value:s})),[a,s,e,n]);return i.useEffect((()=>{h&&!l.includes(s)&&(v(null),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:a,setError:v,shouldUpdate:"number"==typeof s,updateRangeBoundary:n,value:s}))}),[s,h,a,l,n]),i.createElement(b,null,i.createElement(m,null,r&&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,o)),r&&h&&i.createElement(f,null,h))}},1782:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=n(a(7408));t.default=({color:e,colorIndex:t,onChange:a,palette:o})=>{const l=i.useCallback((({value:e})=>{let o=e;return null===o&&(o="transparent"),a({colorIndex:t,value:o})}),[t,a]);return i.createElement(s.default,{"data-test":`range-color-${e}`,value:e,palette:o,onChange:l,hideInput:!0})}},104:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=n(a(232)),c=a(6649),d=n(a(2841)),f=n(a(6959)),p=n(a(1782)),m=n(a(6900)),b=a(8548),g=u.default.div`
494
491
  padding-top: 10px;
495
492
  `,h=u.default.div`
496
493
  display: flex;
@@ -499,22 +496,22 @@
499
496
  display: flex;
500
497
  flex-direction: row;
501
498
  margin-bottom: 10px;
502
- `,y=({lastColorIndex:e,rangeBoundaryIndex:t,rangeValues:a})=>{switch(t){case e:return(0,d._)("and greater");case 0:return`${(0,d._)("less than")} ${a[t]}`;default:return`${(0,d._)("to")} ${a[t]}`}},C=({customizedColors:e,isReversed:t,onChange:a,precedence:o,swatchColors:l,rangeValues:r,setIsReversed:n,selectedColors:s})=>{const u=i.useCallback((({colorIndex:e,value:t})=>{const o=[...s];o[e]=t,a({colors:o,rangeValues:r})}),[a,r,s]),C=i.useCallback((()=>{const n=[...r,r[r.length-1]+10],i=e?[...s,"#000000"]:(0,g.getNewColors)({isReversed:t,numColors:n.length+1,precedence:o,swatchColors:l});a({colors:i,rangeValues:n})}),[a,r,e,s,t,o,l]),_=i.useCallback((()=>{const e=[...s];e.reverse(),n(!t),a({colors:e,rangeValues:r})}),[a,r,t,s,n]),O=i.useCallback(((e,t)=>{if(r.includes(e))return{error:(0,d._)("Value already exists")};const o=[...r];return o[t]=e,o.sort(((e,t)=>e-t)),a({colors:s,rangeValues:o}),{error:null}}),[a,s,r]),E=i.useCallback(((e,n)=>{if(r.length>1){const i=[...r];i.splice(n,1);const u=[...s];u.splice(e,1);const d=(0,g.hasCustomColors)({currentSwatchColors:l,selectedColors:u})?u:(0,g.getNewColors)({isReversed:t,numColors:i.length+1,precedence:o,swatchColors:l});a({colors:d,rangeValues:i})}}),[t,a,o,r,s,l]);return i.createElement(b,null,i.createElement(c.default,{disableAddRanges:s.length>6,handleAddRange:C,handleReverse:_}),i.createElement(h,null,s.map(((e,t)=>{const a=t===s.length-1,o=t>0?t-1:0,n=r[o];return i.createElement(v,{key:`${e}-${n}`},i.createElement(p.default,{color:e,colorIndex:t,palette:l,onChange:u}),i.createElement(f.default,{initialValue:n,rangeBoundaryIndex:o,rangeText:y({lastColorIndex:s.length-1,rangeBoundaryIndex:t,rangeValues:r}),rangeValues:r,showNumberEditor:a||t>0,updateRangeBoundary:O}),i.createElement(m.default,{colorIndex:t,disabled:r.length<2,onRemove:E,rangeBoundaryIndex:o}))}))))};C.propTypes={customizedColors:s.bool,isReversed:s.bool,precedence:s.arrayOf(s.arrayOf(s.number)),swatchColors:s.arrayOf(s.string),rangeValues:s.arrayOf(s.number),setIsReversed:s.func,selectedColors:s.arrayOf(s.string)},t.default=C},6900:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=n(a(232)),d=n(a(7020)),c=n(a(8855)),f=a(3563),p=u.default.div`
499
+ `,y=({lastColorIndex:e,rangeBoundaryIndex:t,rangeValues:a})=>{switch(t){case e:return(0,c._)("and greater");case 0:return`${(0,c._)("less than")} ${a[t]}`;default:return`${(0,c._)("to")} ${a[t]}`}},C=({customizedColors:e,isReversed:t,onChange:a,precedence:o,swatchColors:l,rangeValues:r,setIsReversed:n,selectedColors:s})=>{const u=i.useCallback((({colorIndex:e,value:t})=>{const o=[...s];o[e]=t,a({colors:o,rangeValues:r})}),[a,r,s]),C=i.useCallback((()=>{const n=[...r,r[r.length-1]+10],i=e?[...s,"#000000"]:(0,b.getNewColors)({isReversed:t,numColors:n.length+1,precedence:o,swatchColors:l});a({colors:i,rangeValues:n})}),[a,r,e,s,t,o,l]),_=i.useCallback((()=>{const e=[...s];e.reverse(),n(!t),a({colors:e,rangeValues:r})}),[a,r,t,s,n]),O=i.useCallback(((e,t)=>{if(r.includes(e))return{error:(0,c._)("Value already exists")};const o=[...r];return o[t]=e,o.sort(((e,t)=>e-t)),a({colors:s,rangeValues:o}),{error:null}}),[a,s,r]),E=i.useCallback(((e,n)=>{if(r.length>1){const i=[...r];i.splice(n,1);const u=[...s];u.splice(e,1);const c=(0,b.hasCustomColors)({currentSwatchColors:l,selectedColors:u})?u:(0,b.getNewColors)({isReversed:t,numColors:i.length+1,precedence:o,swatchColors:l});a({colors:c,rangeValues:i})}}),[t,a,o,r,s,l]);return i.createElement(g,null,i.createElement(d.default,{disableAddRanges:s.length>6,handleAddRange:C,handleReverse:_}),i.createElement(h,null,s.map(((e,t)=>{const a=t===s.length-1,o=t>0?t-1:0,n=r[o];return i.createElement(v,{key:`${e}-${n}`},i.createElement(p.default,{color:e,colorIndex:t,palette:l,onChange:u}),i.createElement(f.default,{initialValue:n,rangeBoundaryIndex:o,rangeText:y({lastColorIndex:s.length-1,rangeBoundaryIndex:t,rangeValues:r}),rangeValues:r,showNumberEditor:a||t>0,updateRangeBoundary:O}),i.createElement(m.default,{colorIndex:t,disabled:r.length<2,onRemove:E,rangeBoundaryIndex:o}))}))))};C.propTypes={customizedColors:s.bool,isReversed:s.bool,precedence:s.arrayOf(s.arrayOf(s.number)),swatchColors:s.arrayOf(s.string),rangeValues:s.arrayOf(s.number),setIsReversed:s.func,selectedColors:s.arrayOf(s.string)},t.default=C},6900:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=n(a(232)),c=n(a(7020)),d=n(a(8855)),f=a(3563),p=u.default.div`
503
500
  display: flex;
504
501
  flex: 1;
505
502
  justify-content: flex-end;
506
- `,m=(0,u.default)(d.default)`
503
+ `,m=(0,u.default)(c.default)`
507
504
  color: ${e=>e.disabled?f.variables.contentColorDisabled:f.variables.contentColorActive} !important;
508
505
  &:hover {
509
506
  background-color: ${e=>!e.disabled&&f.variables.interactiveColorOverlayDrag} !important;
510
507
  }
511
- `,g=({colorIndex:e,disabled:t=!1,onRemove:a,rangeBoundaryIndex:o})=>{const l=i.useCallback((()=>a(e,o)),[e,a,o]);return i.createElement(p,null,i.createElement("div",null,i.createElement(m,{"data-test":"range-remove-button",disabled:t,icon:i.createElement(c.default,null),appearance:"subtle",onClick:l})))};g.propTypes={disabled:s.bool,onRemove:s.func},t.default=g},3493:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getSortedRanges=void 0;const o=a(4793);t.getSortedRanges=(e=[])=>{if((0,o.isEmpty)(e))return[{to:0,value:"#f00"},{from:0,value:"#0f0"}];const t=[...e];return t.sort(((e,t)=>null==e.to?1:null==t.to?-1:+e.to-+t.to)),t}},530:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.rangeValuesToContextConfig=void 0;const i=r(a(9497)),s=r(a(23)),u=n(a(5089)),d=n(a(5852)),c=n(a(104)),f=a(3493),p=a(8548);t.rangeValuesToContextConfig=({colors:e,rangeValues:t})=>e.map(((a,o)=>{const l={value:a};return o>0&&(l.from=t[o-1]),o<e.length-1&&(l.to=t[o]),l}));const m=({defaultPalettesConfig:e,onChange:a=(()=>{}),palettes:o=u.default,selectedDataSelector:l,value:r})=>{const n=i.useMemo((()=>(0,f.getSortedRanges)(r)),[r]),{rangeValues:s,selectedColors:m}=i.useMemo((()=>n.reduce(((e,t)=>("number"==typeof t.to&&e.rangeValues.push(t.to),e.selectedColors.push(t.value),e)),{rangeValues:[],selectedColors:[]})),[n]),[{paletteTheme:g,paletteEntry:b},h]=i.useState((()=>(0,p.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:o,ranges:n}))),v=(0,p.getSwatchColorsFromPalette)({palettes:o,paletteInfo:b,paletteTheme:g}),y=(0,p.hasCustomColors)({currentSwatchColors:v,selectedColors:m}),[C,_]=i.useState((()=>(0,p.hasInitiallyReversedColors)({isSwatchCustomized:y,palettes:o,selectedColors:m,selectedPaletteInfo:b,selectedPaletteTheme:g}))),O=i.useCallback((({paletteTheme:e,paletteInfo:t})=>s.length>6?m:(({palettes:e,paletteTheme:t,paletteInfo:a,rangeValues:o,setIsReversed:l})=>{const r=(0,p.getSwatchColorsFromPalette)({palettes:e,paletteInfo:a,paletteTheme:t}),n=(0,p.getPrecedenceFromPalette)({palettes:e,paletteTheme:t,paletteInfo:a})[o.length-1].map((e=>r[e]));return l(!1),n})({palettes:o,paletteTheme:e,paletteInfo:t,rangeValues:s,setIsReversed:_})),[o,s,m]),E=i.useCallback((e=>{const o=O({paletteTheme:e,paletteInfo:b});h((t=>Object.assign(Object.assign({},t),{paletteTheme:e})));const l=(0,t.rangeValuesToContextConfig)({colors:o,rangeValues:s});a(null,null,l)}),[O,b,s,a]),x=i.useCallback((e=>{const o=O({paletteTheme:g,paletteInfo:e});h((t=>Object.assign(Object.assign({},t),{paletteEntry:e})));const l=(0,t.rangeValuesToContextConfig)({colors:o,rangeValues:s});a(null,null,l)}),[O,g,s,a]),P=i.useCallback((({colors:e,rangeValues:o})=>{const l=(0,t.rangeValuesToContextConfig)({colors:e,rangeValues:o});a(null,null,l)}),[a]);return i.useEffect((()=>{h((0,p.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:o,ranges:n}))}),[l]),i.createElement(i.Fragment,null,i.createElement(d.default,{isReversed:C,isSwatchCustomized:y,onChangePaletteTheme:E,onPaletteChange:x,palettes:o,selectedPaletteInfo:b,selectedPaletteTheme:g}),i.createElement(c.default,{customizedColors:y,isReversed:C,onChange:P,precedence:(0,p.getPrecedenceFromPalette)({palettes:o,paletteTheme:g,paletteInfo:b}),rangeValues:s,selectedColors:m,swatchColors:v,setIsReversed:_}))};m.propTypes={onChange:s.func,palettes:s.objectOf(s.shape({precedence:s.arrayOf(s.arrayOf(s.number)),swatches:s.arrayOf(s.arrayOf(s.string))})),value:s.any},t.default=m},1788:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.RangeValuePreview=void 0;const i=r(a(9497)),s=n(a(6212)),u=a(1705),d=n(a(1494)),c=a(3493);t.RangeValuePreview=({config:e})=>{const t=(0,i.useMemo)((()=>(0,c.getSortedRanges)(e)),[e]),a=(0,i.useMemo)((()=>t.map((e=>e.value)).slice(0,8)),[t]);return i.default.createElement(d.default,null,i.default.createElement(s.default,null),i.default.createElement(u.ColorPreview,{"data-test":"ColorPreview",colors:a,maxColorCount:8}))}},1432:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=a(4793),u=n(a(232)),d=n(a(2373)),c=n(a(9909)),f=a(1256),p=a(8999),m=(0,u.default)(d.default.Option)`
508
+ `,b=({colorIndex:e,disabled:t=!1,onRemove:a,rangeBoundaryIndex:o})=>{const l=i.useCallback((()=>a(e,o)),[e,a,o]);return i.createElement(p,null,i.createElement("div",null,i.createElement(m,{"data-test":"range-remove-button",disabled:t,icon:i.createElement(d.default,null),appearance:"subtle",onClick:l})))};b.propTypes={disabled:s.bool,onRemove:s.func},t.default=b},3493:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getSortedRanges=void 0;const o=a(4793);t.getSortedRanges=(e=[])=>{if((0,o.isEmpty)(e))return[{to:0,value:"#f00"},{from:0,value:"#0f0"}];const t=[...e];return t.sort(((e,t)=>null==e.to?1:null==t.to?-1:+e.to-+t.to)),t}},530:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.rangeValuesToContextConfig=void 0;const i=r(a(9497)),s=r(a(23)),u=n(a(5089)),c=n(a(5852)),d=n(a(104)),f=a(3493),p=a(8548);t.rangeValuesToContextConfig=({colors:e,rangeValues:t})=>e.map(((a,o)=>{const l={value:a};return o>0&&(l.from=t[o-1]),o<e.length-1&&(l.to=t[o]),l}));const m=({defaultPalettesConfig:e,onChange:a=(()=>{}),palettes:o=u.default,selectedDataSelector:l,value:r})=>{const n=i.useMemo((()=>(0,f.getSortedRanges)(r)),[r]),{rangeValues:s,selectedColors:m}=i.useMemo((()=>n.reduce(((e,t)=>("number"==typeof t.to&&e.rangeValues.push(t.to),e.selectedColors.push(t.value),e)),{rangeValues:[],selectedColors:[]})),[n]),[{paletteTheme:b,paletteEntry:g},h]=i.useState((()=>(0,p.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:o,ranges:n}))),v=(0,p.getSwatchColorsFromPalette)({palettes:o,paletteInfo:g,paletteTheme:b}),y=(0,p.hasCustomColors)({currentSwatchColors:v,selectedColors:m}),[C,_]=i.useState((()=>(0,p.hasInitiallyReversedColors)({isSwatchCustomized:y,palettes:o,selectedColors:m,selectedPaletteInfo:g,selectedPaletteTheme:b}))),O=i.useCallback((({paletteTheme:e,paletteInfo:t})=>s.length>6?m:(({palettes:e,paletteTheme:t,paletteInfo:a,rangeValues:o,setIsReversed:l})=>{const r=(0,p.getSwatchColorsFromPalette)({palettes:e,paletteInfo:a,paletteTheme:t}),n=(0,p.getPrecedenceFromPalette)({palettes:e,paletteTheme:t,paletteInfo:a})[o.length-1].map((e=>r[e]));return l(!1),n})({palettes:o,paletteTheme:e,paletteInfo:t,rangeValues:s,setIsReversed:_})),[o,s,m]),E=i.useCallback((e=>{const o=O({paletteTheme:e,paletteInfo:g});h((t=>Object.assign(Object.assign({},t),{paletteTheme:e})));const l=(0,t.rangeValuesToContextConfig)({colors:o,rangeValues:s});a(null,null,l)}),[O,g,s,a]),x=i.useCallback((e=>{const o=O({paletteTheme:b,paletteInfo:e});h((t=>Object.assign(Object.assign({},t),{paletteEntry:e})));const l=(0,t.rangeValuesToContextConfig)({colors:o,rangeValues:s});a(null,null,l)}),[O,b,s,a]),P=i.useCallback((({colors:e,rangeValues:o})=>{const l=(0,t.rangeValuesToContextConfig)({colors:e,rangeValues:o});a(null,null,l)}),[a]);return i.useEffect((()=>{h((0,p.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:o,ranges:n}))}),[l]),i.createElement(i.Fragment,null,i.createElement(c.default,{isReversed:C,isSwatchCustomized:y,onChangePaletteTheme:E,onPaletteChange:x,palettes:o,selectedPaletteInfo:g,selectedPaletteTheme:b}),i.createElement(d.default,{customizedColors:y,isReversed:C,onChange:P,precedence:(0,p.getPrecedenceFromPalette)({palettes:o,paletteTheme:b,paletteInfo:g}),rangeValues:s,selectedColors:m,swatchColors:v,setIsReversed:_}))};m.propTypes={onChange:s.func,palettes:s.objectOf(s.shape({precedence:s.arrayOf(s.arrayOf(s.number)),swatches:s.arrayOf(s.arrayOf(s.string))})),value:s.any},t.default=m},1788:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.RangeValuePreview=void 0;const i=r(a(9497)),s=n(a(6212)),u=a(1705),c=n(a(1494)),d=a(3493);t.RangeValuePreview=({config:e})=>{const t=(0,i.useMemo)((()=>(0,d.getSortedRanges)(e)),[e]),a=(0,i.useMemo)((()=>t.map((e=>e.value)).slice(0,8)),[t]);return i.default.createElement(c.default,null,i.default.createElement(s.default,null),i.default.createElement(u.ColorPreview,{"data-test":"ColorPreview",colors:a,maxColorCount:8}))}},1432:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=a(4793),u=n(a(232)),c=n(a(2373)),d=n(a(9909)),f=a(1256),p=a(8999),m=(0,u.default)(c.default.Option)`
512
509
  padding-left: 20px;
513
- `;m.displayName="ColumnOption";t.default=({availableFieldsWithTypes:e,columnFormatting:t,disableToggle:a,editorSupportedFormatOptions:o,handleAddColumnFormatting:l,placeholderMessage:r})=>{const[n,u]=i.useState(""),g=(0,f.getFilteredFields)(e,n),b=i.useCallback(((e,{keyword:t})=>{u(t)}),[]),h=(0,p.useColumnSelectorFooterMessage)({availableFields:e,filteredFields:g,filter:n,noSelectedFieldsInfo:!0}),v=i.useCallback(((t,{value:a})=>{const o=e.find((e=>e.name===a));l(t,{value:o})}),[e,l]);return i.createElement(d.default,{"data-test":"add-column-toggle",disabled:a,filter:!0,footerMessage:h,inline:!1,onFilterChange:b,onChange:v,placeholder:r,value:r},g.map((e=>{const a=(l=e.name,r=e.type,"_time"!==l?`${l} - ${r}`:l);var l,r;return i.createElement(m,{"data-test":`add-column-option-${a}`,disabled:!!t.get(e.name)||(0,s.isEmpty)(o[e.type]),label:a,key:e.name,value:e.name},i.createElement(c.default,{columnName:e.name,dataType:e.type}))})))}},4680:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.TableBackgroundColorEditor=t.calculateOptionsOnAltRowsChange=t.calculateOptionOnBackgroundColorChange=t.calculateState=t.DEFAULT_BACKGROUND_COLOR=t.HEADER_COLOR_BY_CONTRAST=t.ROW_COLOR_BY_CONTRAST=t.HEADER_BACKGROUND_BY_COLOR=t.ALT_BY_COLOR=t.FLAT_BY_COLOR=t.ALT_BY_THEME=t.FLAT_BY_THEME=void 0;const i=r(a(9497)),s=a(232),u=a(4793),d=a(3283),c=a(6649),f=n(a(3453)),p=n(a(437)),m=n(a(2749));t.FLAT_BY_THEME="> table | seriesByIndex(0) | pick(tableRowBackgroundColorsByTheme)",t.ALT_BY_THEME="> table | seriesByIndex(0) | pick(tableAltRowBackgroundColorsByTheme)",t.FLAT_BY_COLOR="> table | seriesByIndex(0) | pick(tableRowBackgroundColorsByBackgroundColor)",t.ALT_BY_COLOR="> table | seriesByIndex(0) | pick(tableAltRowBackgroundColorsByBackgroundColor)",t.HEADER_BACKGROUND_BY_COLOR="> backgroundColor | setColorChannel(tableHeaderBackgroundColorConfig)",t.ROW_COLOR_BY_CONTRAST="> rowBackgroundColors | maxContrast(tableRowColorMaxContrast)",t.HEADER_COLOR_BY_CONTRAST="> headerBackgroundColor | maxContrast(tableRowColorMaxContrast)",t.DEFAULT_BACKGROUND_COLOR="> themes.defaultBackgroundColor";t.calculateState=({options:e={},value:a,defaultBackgroundColor:o}={})=>{let l,r=!1,n=!1,i=!1;const s=(0,u.get)(e,"backgroundColor"),c=(0,u.get)(e,"tableFormat.rowBackgroundColors",t.ALT_BY_THEME);return(0,d.isColor)(s)?l=s:f.default.isDslString(s)&&!(0,d.isColor)(a)?r=!0:(0,d.isColor)(a)?l=a:(0,d.isColor)(o)&&(l=o),c===t.ALT_BY_COLOR||c===t.ALT_BY_THEME?n=!0:c===t.FLAT_BY_THEME||c===t.FLAT_BY_COLOR?n=!1:(0,u.isEmpty)(c)||(i=!0),{color:l,disableColor:r,shouldAltRows:n,disableAltRows:i}};t.calculateOptionOnBackgroundColorChange=({options:e={},value:a,defaultThemeBackgroundColor:o}={})=>{const l=(0,u.cloneDeep)(e),r=(0,u.get)(l,"tableFormat.rowBackgroundColors",t.ALT_BY_THEME),n=(0,u.get)(l,"tableFormat.rowColors"),i=(0,u.get)(l,"tableFormat.headerColor"),s=(0,u.get)(l,"tableFormat.headerBackgroundColor");return a&&a===o?((0,u.set)(l,"backgroundColor",t.DEFAULT_BACKGROUND_COLOR),r===t.ALT_BY_COLOR&&(0,u.set)(l,"tableFormat.rowBackgroundColors",t.ALT_BY_THEME),n===t.ROW_COLOR_BY_CONTRAST&&(0,u.set)(l,"tableFormat.rowColors",null),s===t.HEADER_BACKGROUND_BY_COLOR&&(0,u.set)(l,"tableFormat.headerBackgroundColor",null),i===t.HEADER_COLOR_BY_CONTRAST&&(0,u.set)(l,"tableFormat.headerColor",null)):a&&(0,d.isColor)(a)&&((0,u.set)(l,"backgroundColor",a),r===t.ALT_BY_THEME?(0,u.set)(l,"tableFormat.rowBackgroundColors",t.ALT_BY_COLOR):r===t.FLAT_BY_THEME&&(0,u.set)(l,"tableFormat.rowBackgroundColors",t.FLAT_BY_COLOR),(0,u.isEmpty)(s)&&(0,u.set)(l,"tableFormat.headerBackgroundColor",t.HEADER_BACKGROUND_BY_COLOR),(0,u.isEmpty)(n)&&(0,u.set)(l,"tableFormat.rowColors",t.ROW_COLOR_BY_CONTRAST),(0,u.isEmpty)(i)&&(0,u.set)(l,"tableFormat.headerColor",t.HEADER_COLOR_BY_CONTRAST)),l.tableFormat&&(0,u.isPlainObject)(l.tableFormat)&&(0,u.isEmpty)(l.tableFormat)&&(0,u.set)(l,"tableFormat",null),{options:l}};t.calculateOptionsOnAltRowsChange=({options:e={},value:a}={})=>{const o=(0,u.cloneDeep)(e),l=(0,u.get)(e,"backgroundColor"),r=(0,u.get)(e,"tableFormat.rowBackgroundColors",t.ALT_BY_THEME),n=(0,u.get)(e,"tableFormat.rowColors"),i=(0,u.get)(e,"tableFormat.headerColor"),s=(0,u.get)(e,"tableFormat.headerBackgroundColor");return l===t.DEFAULT_BACKGROUND_COLOR||void 0===l?"boolean"==typeof a&&[t.ALT_BY_THEME,t.ALT_BY_COLOR,t.FLAT_BY_COLOR,t.FLAT_BY_THEME].includes(r)&&(0,u.set)(o,"tableFormat.rowBackgroundColors",!0===a?t.ALT_BY_THEME:t.FLAT_BY_THEME):("boolean"==typeof a&&[t.ALT_BY_THEME,t.ALT_BY_COLOR,t.FLAT_BY_COLOR,t.FLAT_BY_THEME].includes(r)&&(0,u.set)(o,"tableFormat.rowBackgroundColors",a?t.ALT_BY_COLOR:t.FLAT_BY_COLOR),(0,u.isEmpty)(n)&&(0,u.set)(o,"tableFormat.rowColors",t.ROW_COLOR_BY_CONTRAST),(0,u.isEmpty)(s)&&(0,u.set)(o,"tableFormat.headerBackgroundColor",t.HEADER_BACKGROUND_BY_COLOR),(0,u.isEmpty)(i)&&(0,u.set)(o,"tableFormat.headerColor",t.HEADER_COLOR_BY_CONTRAST)),{options:o}};t.TableBackgroundColorEditor=({options:e,onChange:a,labelPosition:o="left",labelWidth:l,value:r,palette:n,themes:u})=>{const f=i.useContext(s.ThemeContext)||{},g=i.useCallback(((o,l,r)=>{const n="function"==typeof(null==u?void 0:u.defaultBackgroundColor)?null==u?void 0:u.defaultBackgroundColor({theme:f}):void 0;a(o,(0,t.calculateOptionOnBackgroundColorChange)({options:e,value:r,defaultThemeBackgroundColor:n}))}),[u,f,a,e]),b=i.useCallback(((o,l,r)=>{a(o,(0,t.calculateOptionsOnAltRowsChange)({options:e,value:r}))}),[e,a]),{color:h,disableColor:v,shouldAltRows:y,disableAltRows:C}=(0,t.calculateState)({options:e,value:r,defaultBackgroundColor:f.defaultBackgroundColor});return i.createElement(i.Fragment,null,i.createElement(p.default,{name:"backgroundColor",label:(0,c._)("Background color"),labelPosition:o,labelWidth:l,itemSchema:{default:f.defaultBackgroundColor},palette:Array.isArray(n)&&(0,d.isColor)(h)&&!n.includes(h)?[...n,h]:n,value:h,isDisabled:v,onChange:g}),i.createElement(m.default,{name:"alternateRowColors",label:(0,c._)("Alternate row colors"),labelPosition:"right",labelWidth:l,value:y,isDisabled:C,itemSchema:{type:"boolean"},onChange:b}))}},340:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getSelectedFormatterUponOpen=t.getStaticColor=void 0;const i=r(a(9497)),s=a(4793),u=r(a(232)),d=r(a(23)),c=a(1413),f=a(5089),p=a(6649),m=n(a(9250)),g=n(a(5411)),b=a(7124),h=a(5862),v=a(2369),y=n(a(437)),C=a(2088),_=a(5396),O=u.default.div`
514
- padding: 14px ${(0,b.toPx)(h.FLYOUT_PADDING)};
510
+ `;m.displayName="ColumnOption";t.default=({availableFieldsWithTypes:e,columnFormatting:t,disableToggle:a,editorSupportedFormatOptions:o,handleAddColumnFormatting:l,placeholderMessage:r})=>{const[n,u]=i.useState(""),b=(0,f.getFilteredFields)(e,n),g=i.useCallback(((e,{keyword:t})=>{u(t)}),[]),h=(0,p.useColumnSelectorFooterMessage)({availableFields:e,filteredFields:b,filter:n,noSelectedFieldsInfo:!0}),v=i.useCallback(((t,{value:a})=>{const o=e.find((e=>e.name===a));l(t,{value:o})}),[e,l]);return i.createElement(c.default,{"data-test":"add-column-toggle",disabled:a,filter:!0,footerMessage:h,inline:!1,onFilterChange:g,onChange:v,placeholder:r,value:r},b.map((e=>{const a=(l=e.name,r=e.type,"_time"!==l?`${l} - ${r}`:l);var l,r;return i.createElement(m,{"data-test":`add-column-option-${a}`,disabled:!!t.get(e.name)||(0,s.isEmpty)(o[e.type]),label:a,key:e.name,value:e.name},i.createElement(d.default,{columnName:e.name,dataType:e.type}))})))}},4680:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.TableBackgroundColorEditor=t.calculateOptionsOnAltRowsChange=t.calculateOptionOnBackgroundColorChange=t.calculateState=t.DEFAULT_BACKGROUND_COLOR=t.HEADER_COLOR_BY_CONTRAST=t.ROW_COLOR_BY_CONTRAST=t.HEADER_BACKGROUND_BY_COLOR=t.ALT_BY_COLOR=t.FLAT_BY_COLOR=t.ALT_BY_THEME=t.FLAT_BY_THEME=void 0;const i=r(a(9497)),s=a(232),u=a(4793),c=a(3283),d=a(6649),f=n(a(3453)),p=n(a(397)),m=n(a(2749));t.FLAT_BY_THEME="> table | seriesByIndex(0) | pick(tableRowBackgroundColorsByTheme)",t.ALT_BY_THEME="> table | seriesByIndex(0) | pick(tableAltRowBackgroundColorsByTheme)",t.FLAT_BY_COLOR="> table | seriesByIndex(0) | pick(tableRowBackgroundColorsByBackgroundColor)",t.ALT_BY_COLOR="> table | seriesByIndex(0) | pick(tableAltRowBackgroundColorsByBackgroundColor)",t.HEADER_BACKGROUND_BY_COLOR="> backgroundColor | setColorChannel(tableHeaderBackgroundColorConfig)",t.ROW_COLOR_BY_CONTRAST="> rowBackgroundColors | maxContrast(tableRowColorMaxContrast)",t.HEADER_COLOR_BY_CONTRAST="> headerBackgroundColor | maxContrast(tableRowColorMaxContrast)",t.DEFAULT_BACKGROUND_COLOR="> themes.defaultBackgroundColor";t.calculateState=({options:e={},value:a,defaultBackgroundColor:o}={})=>{let l,r=!1,n=!1,i=!1;const s=(0,u.get)(e,"backgroundColor"),d=(0,u.get)(e,"tableFormat.rowBackgroundColors",t.ALT_BY_THEME);return(0,c.isColor)(s)?l=s:f.default.isDslString(s)&&!(0,c.isColor)(a)?r=!0:(0,c.isColor)(a)?l=a:(0,c.isColor)(o)&&(l=o),d===t.ALT_BY_COLOR||d===t.ALT_BY_THEME?n=!0:d===t.FLAT_BY_THEME||d===t.FLAT_BY_COLOR?n=!1:(0,u.isEmpty)(d)||(i=!0),{color:l,disableColor:r,shouldAltRows:n,disableAltRows:i}};t.calculateOptionOnBackgroundColorChange=({options:e={},value:a,defaultThemeBackgroundColor:o}={})=>{const l=(0,u.cloneDeep)(e),r=(0,u.get)(l,"tableFormat.rowBackgroundColors",t.ALT_BY_THEME),n=(0,u.get)(l,"tableFormat.rowColors"),i=(0,u.get)(l,"tableFormat.headerColor"),s=(0,u.get)(l,"tableFormat.headerBackgroundColor");return a&&a===o?((0,u.set)(l,"backgroundColor",t.DEFAULT_BACKGROUND_COLOR),r===t.ALT_BY_COLOR&&(0,u.set)(l,"tableFormat.rowBackgroundColors",t.ALT_BY_THEME),n===t.ROW_COLOR_BY_CONTRAST&&(0,u.set)(l,"tableFormat.rowColors",null),s===t.HEADER_BACKGROUND_BY_COLOR&&(0,u.set)(l,"tableFormat.headerBackgroundColor",null),i===t.HEADER_COLOR_BY_CONTRAST&&(0,u.set)(l,"tableFormat.headerColor",null)):a&&(0,c.isColor)(a)&&((0,u.set)(l,"backgroundColor",a),r===t.ALT_BY_THEME?(0,u.set)(l,"tableFormat.rowBackgroundColors",t.ALT_BY_COLOR):r===t.FLAT_BY_THEME&&(0,u.set)(l,"tableFormat.rowBackgroundColors",t.FLAT_BY_COLOR),(0,u.isEmpty)(s)&&(0,u.set)(l,"tableFormat.headerBackgroundColor",t.HEADER_BACKGROUND_BY_COLOR),(0,u.isEmpty)(n)&&(0,u.set)(l,"tableFormat.rowColors",t.ROW_COLOR_BY_CONTRAST),(0,u.isEmpty)(i)&&(0,u.set)(l,"tableFormat.headerColor",t.HEADER_COLOR_BY_CONTRAST)),l.tableFormat&&(0,u.isPlainObject)(l.tableFormat)&&(0,u.isEmpty)(l.tableFormat)&&(0,u.set)(l,"tableFormat",null),{options:l}};t.calculateOptionsOnAltRowsChange=({options:e={},value:a}={})=>{const o=(0,u.cloneDeep)(e),l=(0,u.get)(e,"backgroundColor"),r=(0,u.get)(e,"tableFormat.rowBackgroundColors",t.ALT_BY_THEME),n=(0,u.get)(e,"tableFormat.rowColors"),i=(0,u.get)(e,"tableFormat.headerColor"),s=(0,u.get)(e,"tableFormat.headerBackgroundColor");return l===t.DEFAULT_BACKGROUND_COLOR||void 0===l?"boolean"==typeof a&&[t.ALT_BY_THEME,t.ALT_BY_COLOR,t.FLAT_BY_COLOR,t.FLAT_BY_THEME].includes(r)&&(0,u.set)(o,"tableFormat.rowBackgroundColors",!0===a?t.ALT_BY_THEME:t.FLAT_BY_THEME):("boolean"==typeof a&&[t.ALT_BY_THEME,t.ALT_BY_COLOR,t.FLAT_BY_COLOR,t.FLAT_BY_THEME].includes(r)&&(0,u.set)(o,"tableFormat.rowBackgroundColors",a?t.ALT_BY_COLOR:t.FLAT_BY_COLOR),(0,u.isEmpty)(n)&&(0,u.set)(o,"tableFormat.rowColors",t.ROW_COLOR_BY_CONTRAST),(0,u.isEmpty)(s)&&(0,u.set)(o,"tableFormat.headerBackgroundColor",t.HEADER_BACKGROUND_BY_COLOR),(0,u.isEmpty)(i)&&(0,u.set)(o,"tableFormat.headerColor",t.HEADER_COLOR_BY_CONTRAST)),{options:o}};t.TableBackgroundColorEditor=({options:e,onChange:a,labelPosition:o="left",labelWidth:l,value:r,palette:n,themes:u})=>{const f=i.useContext(s.ThemeContext)||{},b=i.useCallback(((o,l,r)=>{const n="function"==typeof(null==u?void 0:u.defaultBackgroundColor)?null==u?void 0:u.defaultBackgroundColor({theme:f}):void 0;a(o,(0,t.calculateOptionOnBackgroundColorChange)({options:e,value:r,defaultThemeBackgroundColor:n}))}),[u,f,a,e]),g=i.useCallback(((o,l,r)=>{a(o,(0,t.calculateOptionsOnAltRowsChange)({options:e,value:r}))}),[e,a]),{color:h,disableColor:v,shouldAltRows:y,disableAltRows:C}=(0,t.calculateState)({options:e,value:r,defaultBackgroundColor:f.defaultBackgroundColor});return i.createElement(i.Fragment,null,i.createElement(p.default,{name:"backgroundColor",label:(0,d._)("Background color"),labelPosition:o,labelWidth:l,itemSchema:{default:f.defaultBackgroundColor},palette:Array.isArray(n)&&(0,c.isColor)(h)&&!n.includes(h)?[...n,h]:n,value:h,isDisabled:v,onChange:b}),i.createElement(m.default,{name:"alternateRowColors",label:(0,d._)("Alternate row colors"),labelPosition:"right",labelWidth:l,value:y,isDisabled:C,itemSchema:{type:"boolean"},onChange:g}))}},340:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getSelectedFormatterUponOpen=t.getStaticColor=void 0;const i=r(a(9497)),s=a(4793),u=r(a(232)),c=r(a(23)),d=a(1413),f=a(5089),p=a(6649),m=n(a(9250)),b=n(a(5411)),g=a(7124),h=a(5862),v=a(2369),y=n(a(397)),C=a(2088),_=a(5396),O=u.default.div`
511
+ padding: 14px ${(0,g.toPx)(h.FLYOUT_PADDING)};
515
512
  `,E=u.default.div`
516
513
  margin-bottom: 8px;
517
- `,x=[],P={columnColoring:d.any,columnColoringConfig:C.columnColoringConfigPropType,columnName:d.string,columnDataType:d.string,defaultPalettesConfig:d.any,handleColumnColoringUpdate:d.func,label:d.string};t.getStaticColor=(e={},t="",a=void 0,o=void 0)=>{const l=(0,c.getLastFormatterFromDSL)((0,s.get)(e,[t,"colorOptionDSL"]));return"pick"===(0,s.get)(l,"type")?(0,s.get)(e,[t,"colorContextConfig",0]):"function"==typeof(null==o?void 0:o.textColor)?null==o?void 0:o.textColor({theme:a}):"#000000"};t.getSelectedFormatterUponOpen=(e={},t=[])=>{const a=(0,s.get)(e,["_meta","dynamicallyColoredOption"]),o=(0,c.getLastFormatterFromDSL)((0,s.get)(e,[a,"colorOptionDSL"]));return void 0===o?(0,s.get)(t,[0]):t.find((e=>e.value===o.type))};const j=({columnColoring:e,columnColoringConfig:a,columnDataType:o,columnName:l,defaultPalettesConfig:r=f.defaultPalettesConfig,handleColumnColoringUpdate:n,label:d=(0,p._)("Dynamic coloring")})=>{const c=i.useContext(u.ThemeContext),{coloringTypes:b,themes:h}=a,C=i.useMemo((()=>"string"===o?a.formatters.filter((e=>"matchValue"===e.value)):a.formatters),[o,a]),P=(0,t.getStaticColor)(e,"rowColors",c,h),j=(0,s.get)(e,["_meta","dynamicallyColoredOption"]),[w,D]=i.useState((0,t.getSelectedFormatterUponOpen)(e,C)),[T,S]=i.useState(j),[M,k]=i.useState((0,s.get)(e,[T,"colorContextConfig"])),F=i.useCallback(((e,{value:t})=>{const a=[],o=(0,_.sanitizeColumnName)(l);switch(t){case"Off":b.forEach((({value:e})=>{a.push({coloringType:e,colorContextKey:`${o}${(0,s.upperFirst)(e)}EditorConfig`,colorOptionDSL:null,colorContextConfig:null})}));break;case"rowBackgroundColors":a.push({coloringType:"rowColors",colorContextKey:`${o}RowColorsEditorConfig`,colorContextConfig:[P],colorOptionDSL:`> table | seriesByName('${l}') | pick(${o}RowColorsEditorConfig)`});break;case"rowColors":a.push({coloringType:"rowBackgroundColors",colorContextKey:`${o}RowBackgroundColorsEditorConfig`,colorContextConfig:null,colorOptionDSL:null})}const{defaults:r,value:i}=w,u=M||r[t];if("Off"!==t){const e=`${o}${(0,s.upperFirst)(t)}EditorConfig`;a.push({coloringType:t,colorContextKey:e,colorContextConfig:u,colorOptionDSL:`> table | seriesByName('${l}') | ${i}(${e})`})}S(t),n({columnName:l,coloringTypes:a,dynamicallyColoredOption:t}),M||k(u)}),[b,l,M,n,w,P]),R=i.useCallback(((e,t,a)=>{const o=`${(0,_.sanitizeColumnName)(l)}${(0,s.upperFirst)(t)}EditorConfig`;n({columnName:l,coloringTypes:[{coloringType:t,colorContextKey:o,colorContextConfig:[a],colorOptionDSL:`> table | seriesByName("${l}") | pick(${o})`}],dynamicallyColoredOption:T})}),[l,T,n]),B=i.useCallback(((e,t,a)=>{const{value:o}=w,r=`${(0,_.sanitizeColumnName)(l)}${(0,s.upperFirst)(T)}EditorConfig`;k(a),n({columnName:l,coloringTypes:[{coloringType:T,colorContextKey:r,colorContextConfig:a,colorOptionDSL:`> table | seriesByName("${l}") | ${o}(${r})`}],dynamicallyColoredOption:T})}),[l,T,n,w]),A=i.useCallback(((e,t,a)=>{const o=C.find((e=>e.value===a)),{defaults:r}=o,i=r[T],u=`${(0,_.sanitizeColumnName)(l)}${(0,s.upperFirst)(T)}EditorConfig`;D(o),k(i),n({columnName:l,coloringTypes:[{coloringType:T,colorContextKey:u,colorContextConfig:i,colorOptionDSL:`> table | seriesByName("${l}") | ${a}(${u})`}],dynamicallyColoredOption:T})}),[C,l,T,n,k]);return i.createElement(O,null,i.createElement(m.default,{label:(0,p._)(d),labelPosition:"top"},i.createElement(g.default,{"data-test":"dynamic-color-option",onChange:F,value:T},i.createElement(g.default.Option,{value:"Off",label:(0,p._)("Off")}),b.map((({label:e,value:t})=>i.createElement(g.default.Option,{value:t,label:(0,p._)(e),key:t}))))),T&&"Off"!==T&&i.createElement(i.Fragment,null,1===C.length&&i.createElement(E,{"data-test":"single-formatter-method"},"Method: ",w.label),i.createElement(v.FormatterEditor,{selectedDataSelector:T,selectedFormatterType:w.value,currentFormatterConfig:M,onFormatterTypeChange:A,onFormatterConfigChange:B,formatters:C,dataSelectors:x,defaultPalettesConfig:r}),"rowBackgroundColors"===T&&i.createElement(y.default,{name:"rowColors",value:P,label:(0,p._)("Static text color"),labelPosition:"top",onChange:R,textWidth:"100%"})))};j.propTypes=P,t.default=j},7649:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=n(a(232)),u=n(a(1551)),d=n(a(6379)),c=a(3563),f=a(7124),p=n(a(5449)),m=n(a(3625)),g=a(6649),b=n(a(4251)),h=n(a(9909)),v=n(a(3941)),y=a(5862),C=n(a(1074)),_=n(a(340)),O=n(a(1668)),E=a(5396),x=s.default.div.attrs((e=>({"data-test":e["data-test"]})))`
514
+ `,x=[],P={columnColoring:c.any,columnColoringConfig:C.columnColoringConfigPropType,columnName:c.string,columnDataType:c.string,defaultPalettesConfig:c.any,handleColumnColoringUpdate:c.func,label:c.string};t.getStaticColor=(e={},t="",a=void 0,o=void 0)=>{const l=(0,d.getLastFormatterFromDSL)((0,s.get)(e,[t,"colorOptionDSL"]));return"pick"===(0,s.get)(l,"type")?(0,s.get)(e,[t,"colorContextConfig",0]):"function"==typeof(null==o?void 0:o.textColor)?null==o?void 0:o.textColor({theme:a}):"#000000"};t.getSelectedFormatterUponOpen=(e={},t=[])=>{const a=(0,s.get)(e,["_meta","dynamicallyColoredOption"]),o=(0,d.getLastFormatterFromDSL)((0,s.get)(e,[a,"colorOptionDSL"]));return void 0===o?(0,s.get)(t,[0]):t.find((e=>e.value===o.type))};const j=({columnColoring:e,columnColoringConfig:a,columnDataType:o,columnName:l,defaultPalettesConfig:r=f.defaultPalettesConfig,handleColumnColoringUpdate:n,label:c=(0,p._)("Dynamic coloring")})=>{const d=i.useContext(u.ThemeContext),{coloringTypes:g,themes:h}=a,C=i.useMemo((()=>"string"===o?a.formatters.filter((e=>"matchValue"===e.value)):a.formatters),[o,a]),P=(0,t.getStaticColor)(e,"rowColors",d,h),j=(0,s.get)(e,["_meta","dynamicallyColoredOption"]),[w,D]=i.useState((0,t.getSelectedFormatterUponOpen)(e,C)),[T,S]=i.useState(j),[M,k]=i.useState((0,s.get)(e,[T,"colorContextConfig"])),F=i.useCallback(((e,{value:t})=>{const a=[],o=(0,_.sanitizeColumnName)(l);switch(t){case"Off":g.forEach((({value:e})=>{a.push({coloringType:e,colorContextKey:`${o}${(0,s.upperFirst)(e)}EditorConfig`,colorOptionDSL:null,colorContextConfig:null})}));break;case"rowBackgroundColors":a.push({coloringType:"rowColors",colorContextKey:`${o}RowColorsEditorConfig`,colorContextConfig:[P],colorOptionDSL:`> table | seriesByName('${l}') | pick(${o}RowColorsEditorConfig)`});break;case"rowColors":a.push({coloringType:"rowBackgroundColors",colorContextKey:`${o}RowBackgroundColorsEditorConfig`,colorContextConfig:null,colorOptionDSL:null})}const{defaults:r,value:i}=w,u=M||r[t];if("Off"!==t){const e=`${o}${(0,s.upperFirst)(t)}EditorConfig`;a.push({coloringType:t,colorContextKey:e,colorContextConfig:u,colorOptionDSL:`> table | seriesByName('${l}') | ${i}(${e})`})}S(t),n({columnName:l,coloringTypes:a,dynamicallyColoredOption:t}),M||k(u)}),[g,l,M,n,w,P]),R=i.useCallback(((e,t,a)=>{const o=`${(0,_.sanitizeColumnName)(l)}${(0,s.upperFirst)(t)}EditorConfig`;n({columnName:l,coloringTypes:[{coloringType:t,colorContextKey:o,colorContextConfig:[a],colorOptionDSL:`> table | seriesByName("${l}") | pick(${o})`}],dynamicallyColoredOption:T})}),[l,T,n]),B=i.useCallback(((e,t,a)=>{const{value:o}=w,r=`${(0,_.sanitizeColumnName)(l)}${(0,s.upperFirst)(T)}EditorConfig`;k(a),n({columnName:l,coloringTypes:[{coloringType:T,colorContextKey:r,colorContextConfig:a,colorOptionDSL:`> table | seriesByName("${l}") | ${o}(${r})`}],dynamicallyColoredOption:T})}),[l,T,n,w]),A=i.useCallback(((e,t,a)=>{const o=C.find((e=>e.value===a)),{defaults:r}=o,i=r[T],u=`${(0,_.sanitizeColumnName)(l)}${(0,s.upperFirst)(T)}EditorConfig`;D(o),k(i),n({columnName:l,coloringTypes:[{coloringType:T,colorContextKey:u,colorContextConfig:i,colorOptionDSL:`> table | seriesByName("${l}") | ${a}(${u})`}],dynamicallyColoredOption:T})}),[C,l,T,n,k]);return i.createElement(O,null,i.createElement(m.default,{label:(0,p._)(c),labelPosition:"top"},i.createElement(b.default,{"data-test":"dynamic-color-option",onChange:F,value:T},i.createElement(b.default.Option,{value:"Off",label:(0,p._)("Off")}),g.map((({label:e,value:t})=>i.createElement(b.default.Option,{value:t,label:(0,p._)(e),key:t}))))),T&&"Off"!==T&&i.createElement(i.Fragment,null,1===C.length&&i.createElement(E,{"data-test":"single-formatter-method"},"Method: ",w.label),i.createElement(v.FormatterEditor,{selectedDataSelector:T,selectedFormatterType:w.value,currentFormatterConfig:M,onFormatterTypeChange:A,onFormatterConfigChange:B,formatters:C,dataSelectors:x,defaultPalettesConfig:r}),"rowBackgroundColors"===T&&i.createElement(y.default,{name:"rowColors",value:P,label:(0,p._)("Static text color"),labelPosition:"top",onChange:R,textWidth:"100%"})))};j.propTypes=P,t.default=j},7649:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=n(a(232)),u=n(a(1551)),c=n(a(6379)),d=a(3563),f=a(7124),p=n(a(5449)),m=n(a(3625)),b=a(6649),g=n(a(4251)),h=n(a(9909)),v=n(a(3941)),y=a(5862),C=n(a(1074)),_=n(a(340)),O=n(a(1668)),E=a(5396),x=s.default.div.attrs((e=>({"data-test":e["data-test"]})))`
518
515
  flex: 1;
519
516
  display: flex;
520
517
  align-items: center;
@@ -522,13 +519,13 @@
522
519
  justify-content: space-between;
523
520
  margin-bottom: 14px;
524
521
  padding-left: 15px;
525
- background-color: ${(0,c.pick)({enterprise:{light:c.variables.backgroundColorPage,dark:c.variables.backgroundColorSection},prisma:c.variables.backgroundColorSection})};
522
+ background-color: ${(0,d.pick)({enterprise:{light:d.variables.backgroundColorPage,dark:d.variables.backgroundColorSection},prisma:d.variables.backgroundColorSection})};
526
523
  color: transparent;
527
524
  &:last-of-type {
528
525
  margin-bottom: 4px;
529
526
  }
530
527
  `,P=s.default.div`
531
- background-color: ${c.variables.backgroundColorPopup};
528
+ background-color: ${d.variables.backgroundColorPopup};
532
529
  width: ${(0,f.toPx)(y.FLYOUT_WIDTH)};
533
530
  max-height: 95vh;
534
531
  overflow-y: auto;
@@ -547,9 +544,9 @@
547
544
  font-weight: 500;
548
545
  font-size: 14px;
549
546
  margin-bottom: 7px;
550
- `;t.default=({columnColoring:e,columnColoringConfig:t,columnName:a,columnFormattingByType:o,columnTextFormatting:l,columnDataType:r,defaultOptionsByType:n={},flyoutConfigForDataType:s,textFormatConfig:c,isSourceCustomized:f,removeColumnFormatting:y,resetColumnToDefault:O,updateColumnFormatting:S,updateColumnColoring:M,updateColumnTextFormatting:k})=>{const[F,R]=i.useState(!1),B=i.useCallback((()=>R(!0)),[]),A=i.useCallback((()=>R(!1)),[]),I=i.useRef(null),L=i.useCallback((()=>y({columnName:a,columnDataType:r})),[a,r,y]),$=i.useCallback((()=>O({columnName:a,columnDataType:r})),[a,r,O]);return i.createElement(i.Fragment,null,i.createElement(x,{ref:I,"data-test":`column-toggle-${a}`},i.createElement(d.default,{"data-test":`selected-column-label-${a}`},i.createElement(j,null,i.createElement(h.default,{columnName:a,dataType:r}))),i.createElement(w,null,i.createElement(b.default,{dataTestKey:`edit-column-icon-${a}`,onClick:B},i.createElement(p.default,null)),i.createElement(b.default,{dataTestKey:`remove-column-icon-${a}`,onClick:L},i.createElement(m.default,null)))),i.createElement(u.default,{"data-test":`column-formatter-flyout-${a}`,anchor:I.current,open:F,onRequestClose:A,appearance:"normal",defaultPlacement:"horizontal"},i.createElement(P,{"data-test":"popover-contents"},i.createElement(D,null,i.createElement(T,{"data-test":"column-formatter-flyout-header"},`${(0,g._)("Column formatting")}: "${a}"`)),i.createElement(C.default,{columnFormatting:l,columnDataType:E.TextDataType,columnName:a,defaultOptionsByType:n,flyoutConfigForDataType:c,handleResetColumnToDefault:$,updateColumnFormatting:k,isSourceCustomized:!1}),i.createElement(v.default,null),i.createElement(C.default,{columnFormatting:o,columnDataType:r,columnName:a,defaultOptionsByType:n,flyoutConfigForDataType:s,handleResetColumnToDefault:$,updateColumnFormatting:S,isSourceCustomized:f}),("number"===r||"string"===r)&&i.createElement(i.Fragment,null,i.createElement(v.default,null),i.createElement(_.default,{columnColoring:e,columnColoringConfig:t,columnDataType:r,columnName:a,handleColumnColoringUpdate:M})))))}},630:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.moveDslBetweenModes=t.clearDynamicColoring=void 0;t.clearDynamicColoring=e=>{const t={};return"background"===e?t.rowBackgroundColors=void 0:"text"===e&&(t.rowColors=void 0),t};t.moveDslBetweenModes=(e,t,a)=>{const o="background"===e?"rowBackgroundColors":"rowColors";return{["background"===t?"rowBackgroundColors":"rowColors"]:(a[o]||"> table | gradient(tableFormatEditorConfig)").replace(/tableFormatEditorConfig/g,"tableFormatEditorConfig"),[o]:void 0}}},1074:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getEditorItemValue=void 0;const i=r(a(9497)),s=n(a(232)),u=a(4793),d=a(7124),c=n(a(7143)),f=n(a(1151)),p=a(6004),m=a(5862),g=a(5396),b=(e,t)=>`row_${e.map((e=>e.option)).join("_")}_${t}`,h=s.default.div`
551
- padding: 12px ${(0,d.toPx)(m.COLUMN_FLYOUT_PADDING)};
552
- `;t.getEditorItemValue=(e,t,a,o)=>{const l=a===g.TextDataType?(0,u.get)(t,e.option):(0,u.get)(t,[a,e.option]);return void 0!==l?l:(0,u.get)(o,[a,e.option])};t.default=({columnFormatting:e,columnDataType:a,columnName:o,defaultOptionsByType:l={},flyoutConfigForDataType:r,handleResetColumnToDefault:n,updateColumnFormatting:s,isSourceCustomized:d})=>{const m=i.useCallback(((e,t,a)=>s({columnName:o,optionName:t,value:a})),[o,s]);return i.createElement(h,null,d?i.createElement(f.default,{onResetToDefault:n,style:{padding:"0px 0px 16px 0px",width:"auto"}}):i.createElement(c.default,null,r.map(((o,n)=>i.createElement(c.default.Row,{key:b(o,n),"data-test":"column-formatter-flyout-row",style:{marginBottom:n===r.length?"0px":"12px"}},o.map(((r,s)=>{let d=null;const f=12/o.length,g=`item_${r?`${r.option}_`:""}${n}_${s}`;if(!(0,u.isEmpty)(r)){const o=p.editorTypeToComponentMap[r.editor];d=i.createElement(o,Object.assign({},r.editorProps,{label:r.label,name:r.option,itemSchema:r.itemSchema,value:(0,t.getEditorItemValue)(r,e,a,l),onChange:m}))}return i.createElement(c.default.Column,{key:g,span:f},d)})))))))}},5396:function(e,t,a){var o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getColumnFormatDefFromState=t.getInitialColumnFormattingState=t.isValidColorFormatter=t.getGlobalTableFormatting=t.getFormattingOptDSLKey=t.checkExceedsEditorCapabilities=t.sanitizeColumnName=t.getColumnDataTypeMap=t.getEditorSupportedFormatOptions=t.getExistingTextFormatting=t.TextDataType=void 0;const l=a(4793),r=o(a(3453)),n=a(1413),i={pick:"pick",rangeValue:"rangeValue",matchValue:"matchValue"},s={align:"align",headerAlign:"headerAlign",textOverflow:"textOverflow"},u=Object.assign({rowBackgroundColors:"rowBackgroundColors",rowColors:"rowColors",data:"data"},s);t.TextDataType="text";t.getExistingTextFormatting=(e,t)=>{const a={};return Object.keys(s).forEach((o=>{const r=(0,l.get)(t,[e,o]);r&&(a[o]=r)})),a};t.getEditorSupportedFormatOptions=e=>{const t={text:{}};return Object.keys(e).forEach((a=>{t[a]={},e[a].forEach((e=>{e.forEach((e=>{t[a][e.option]=e.option}))}))})),t};t.getColumnDataTypeMap=e=>e.reduce(((e,{name:t,type:a})=>(e[t]=a,e)),{});t.sanitizeColumnName=e=>{let t=e;return e.match(/^[0-9]/)&&(t=`_${t}`),`${t.replace(/[^a-zA-Z0-9]/g,"_")}`};t.checkExceedsEditorCapabilities=(e,t)=>Object.keys(e).some((e=>!t[e]));t.getFormattingOptDSLKey=(e={})=>"string"==typeof e.data&&r.default.isDslString(e.data)?(0,l.get)((0,n.getLastFormatterFromDSL)(e.data),"paramKey",null):null;t.getGlobalTableFormatting=(e,a,o)=>{const r=(0,t.getFormattingOptDSLKey)(e);return(0,l.get)(o,[r,a],{})};t.isValidColorFormatter=e=>"rangeValue"===e||"matchValue"===e;t.getInitialColumnFormattingState=({availableFieldsWithTypes:e,coloringTypes:a=[],columnFormatOption:o,editorSupportedFormatOptions:s,vizContext:d})=>{if(!o||"object"!=typeof o)return new Map;const c=(0,t.getColumnDataTypeMap)(e);return Object.keys(o).reduce(((e,f)=>{const p=c[f],m=(0,t.getFormattingOptDSLKey)(o[f]),g=d[m],b=r.default.isDslString((0,l.get)(o,[f,"data"]))&&!g;if(!((e,t)=>!e[t]||Object.keys(e[t]).some((e=>!!u[e])))(o,f))return e;const h=(0,t.getExistingTextFormatting)(f,o);if(!(0,l.isEmpty)(s[p])&&!b){const r={_meta:{dynamicallyColoredOption:"Off"}},u=(0,l.get)((0,n.getLastFormatterFromDSL)((0,l.get)(o,[f,"rowColors"])),"type"),c=(0,l.get)((0,n.getLastFormatterFromDSL)((0,l.get)(o,[f,"rowBackgroundColors"])),"type");(0,t.isValidColorFormatter)(u)&&!c?r._meta.dynamicallyColoredOption="rowColors":"pick"===u&&(0,t.isValidColorFormatter)(c)&&(r._meta.dynamicallyColoredOption="rowBackgroundColors"),a.forEach((({value:e})=>{const a=(0,l.get)(o,[f,e]);if(a){const{type:o,paramKey:s}=(0,n.getLastFormatterFromDSL)(a)||{};if("pick"===o&&"rowColors"===e&&!(0,t.isValidColorFormatter)(c))return;if("pick"===o&&"rowColors"!==e||!i[o])return;if((0,t.isValidColorFormatter)(o)&&"rowBackgroundColors"===e&&"pick"!==u)return;r[e]={colorContextKey:s,colorContextConfig:(0,l.get)(d,[s],{}),colorOptionDSL:a}}}));const b=Object.keys(r).length>1,v=(0,l.get)(d,[m,p],{});!b&&(0,l.isEmpty)(v)&&(0,l.isEmpty)(h)||e.set(f,{columnColoring:r,formatByType:{[p]:Object.assign(Object.assign({},(0,l.pick)(v,Object.keys(s[p]))),{_meta:{exceedsEditorCapabilities:(0,t.checkExceedsEditorCapabilities)((0,l.get)(g,[p],{}),s[p])}})},formatText:h})}return e}),new Map)};t.getColumnFormatDefFromState=({columnFormatOption:e,updatedEditorColumnFormatting:a})=>{const o={},r=(0,l.cloneDeep)(e);return Object.keys(a).forEach((e=>{const n=(0,t.sanitizeColumnName)(e),i=`${n}ColumnFormatEditorConfig`;if((0,l.isPlainObject)(a[e])){const t=(0,l.get)(a,[e,"columnColoring"]);(0,l.unset)(t,["_meta"]),(0,l.isPlainObject)(t)&&Object.keys(t).forEach((a=>{const{colorContextConfig:n,colorOptionDSL:i,colorContextKey:s}=t[a];null==i?(o[s]=null,(0,l.set)(r,[e,a],null)):s&&(o[s]=n,(0,l.set)(r,[e,a],i))})),(0,l.isPlainObject)(a[e].formatByType)&&(Object.keys(a[e].formatByType).forEach((t=>{(0,l.unset)(a,[e,"formatByType",t,"_meta"])})),s=a[e].formatByType,Object.keys(s).every((e=>(0,l.isEmpty)(s[e])))?o[i]=null:(o[i]=Object.assign({},a[e].formatByType),(0,l.set)(r,[e,"data"],`> table | seriesByName("${e}") | formatByType(${i})`)));const{formatText:n}=a[e];(0,l.isPlainObject)(n)&&Object.keys(n).forEach((t=>{(0,l.set)(r,[e,t],n[t])}))}else o[i]=null,o[`${n}RowColorsEditorConfig`]=null,o[`${n}RowBackgroundColorsEditorConfig`]=null,r[e]=null;var s})),{context:o,options:{columnFormat:r}}}},2088:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.flyoutConfigPropType=t.columnColoringConfigPropType=void 0;const n=r(a(23));t.columnColoringConfigPropType=n.shape({coloringTypes:n.arrayOf(n.shape({label:n.string,value:n.string})),formatters:n.arrayOf(n.shape({label:n.string,value:n.string,defaults:n.object})),themes:n.object}),t.flyoutConfigPropType=n.shape({number:n.arrayOf(n.any),string:n.arrayOf(n.any),sparkline:n.arrayOf(n.any),time:n.arrayOf(n.any)})},5678:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.TrellisSplitBySelectionEditor=t.AGGREGATIONS=t.EDITOR_NAME=void 0;const i=r(a(9497)),s=r(a(23)),u=n(a(2373)),d=a(6649),c=n(a(7464)),f=a(9033),p=a(9246),m=a(1256),g=a(6801),b=a(1385),h=n(a(4008)),v=a(8999);t.EDITOR_NAME="trellisSplitBySelectionEditor",t.AGGREGATIONS="aggregations";const y=e=>e;t.TrellisSplitBySelectionEditor=({name:e,value:a,label:o="",labelPosition:l="top",dataSourceKey:r="primary",dataSourceBindings:n,isDisabled:s,onChange:g,prepareValue:C=y})=>{var _;const O=i.default.useContext(c.default),E=Boolean(null==O?void 0:O.visualizations_enableTrellis),x=(0,b.useDataSource)({dataSourceBindings:n,dataSourceKey:r}),{fields:P}=(null==x?void 0:x.data)||{columns:[],fields:[]},j=(0,i.useMemo)((()=>(0,p.getAllPossibleSplitByFields)(P)),[P]),{hasError:w,isMissing:D,isLoading:T}=(0,f.getDataSourceStateInfo)(x),S=D||w||s,M=(0,m.getPlaceholderMessage)({isMissing:D,isLoading:T,hasError:w,defaultMessage:`${(0,d._)("Select a splitby field from datasource")}`}),k=(null===(_=j.fields)||void 0===_?void 0:_.length)?j.fields[0]:t.AGGREGATIONS,[F,R]=(0,i.useState)(""),B=(0,i.useCallback)(((e,{keyword:t})=>{R(t)}),[]),A=a||k,[I,L]=(0,i.useState)(A);(0,i.useEffect)((()=>{L(A)}),[A]);const $=i.default.useCallback(((t,{value:a})=>{L(a);const o=C({options:{[e]:`${a}`}});g(t,o)}),[g,C,e]),{filteredFields:N,splitByFields:V}=(0,i.useMemo)((()=>{var e;let a=j.fields.map((e=>({name:e,value:e,description:""})));(null===(e=j.aggregations)||void 0===e?void 0:e.length)&&(a=[...a,{name:`${(0,d._)("Aggregations")} (${j.aggregations.length})`,description:j.aggregations.join(", "),value:t.AGGREGATIONS}]);return{filteredFields:a.filter((e=>e&&-1!==e.value.toLowerCase().indexOf(F.toLowerCase()))),splitByFields:a}}),[F,j.aggregations,j.fields]),q=(0,v.useColumnSelectorFooterMessage)({availableFields:V,selectedFields:[I],filteredFields:N,filter:F});return E?i.default.createElement(h.default,{label:o,labelPosition:l,"data-test":`${t.EDITOR_NAME}-${e}`},i.default.createElement(u.default,{"data-test":`${t.EDITOR_NAME}-select-${e}`,value:I,onFilterChange:B,onChange:$,footerMessage:q,placeholder:M,disabled:S,isLoadingOptions:T,error:w,filter:!0},N.map((e=>e&&i.default.createElement(u.default.Option,{key:e.name,"data-test":`${t.EDITOR_NAME}-option-${e.value}`,label:`${e.name}`,value:e.value,description:e.description}))))):null},t.TrellisSplitBySelectionEditor.propTypes=Object.assign(Object.assign({},g.BaseEditorPropTypes),{dataSourceKey:s.string.isRequired,prepareValue:s.func}),t.default=t.TrellisSplitBySelectionEditor},8999:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.useColumnSelectorFooterMessage=void 0;const n=r(a(9497)),i=a(3620);t.useColumnSelectorFooterMessage=({filter:e,availableFields:t,selectedFields:a,filteredFields:o,noSelectedFieldsInfo:l=!1})=>{const r=(0,n.useMemo)((()=>{if(!a||!o)return[];const e=new Set(a.filter((e=>""!==e&&void 0!==e)));return o.filter((t=>e.has(t.name)))}),[a,o]);return e&&!o.length?null:n.default.createElement(i.ColumnSelectorFooterMessage,{noSelectedFieldsInfo:l,numSelected:null==r?void 0:r.length,numFiltered:o.length,numAvailable:t.length,filter:e})}},5135:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useCSPViolationObserver=void 0;const o=a(9497);t.useCSPViolationObserver=(e,t="none")=>{const[a,l]=(0,o.useState)(t);return(0,o.useEffect)((()=>{const a=t=>{t.blockedURI!==e&&t.blockedURI!==`${e}/`||"enforce"!==t.disposition?t.blockedURI!==e&&t.blockedURI!==`${e}/`||"report"!==t.disposition||l("warning"):l("error")};return document.addEventListener("securitypolicyviolation",a),l(t),()=>{document.removeEventListener("securitypolicyviolation",a)}}),[e]),a}},1385:function(e,t,a){var o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.useDataSource=void 0;const l=a(9497),r=o(a(4853)),n=a(4793);t.useDataSource=({dataSourceBindings:e,dataSourceKey:t})=>{const a=(0,l.useContext)(r.default),[o,i]=(0,l.useState)();return(0,l.useEffect)((()=>{if(!(0,n.get)(e,t))return i(null),()=>{};const o=(0,n.isFunction)(a.subscribe)&&a.subscribe(t,(e=>i(e)));return()=>{o&&o()}}),[e]),o}},5592:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useNumberInput=void 0;const o=a(9497),l=a(4793);t.useNumberInput=({min:e=Number.NEGATIVE_INFINITY,max:t=Number.POSITIVE_INFINITY,value:a,defaultValue:r,onValueChange:n=l.noop})=>{const[i,s]=(0,o.useState)(a),u=(0,o.useRef)(!1),d=(0,o.useCallback)(((e,t)=>{null==t&&s(null!=r?r:a),n(e,t)}),[r,n,a]),c=(0,o.useMemo)((()=>(0,l.debounce)(((e,t)=>d(e,t.value)),250)),[d]);(0,o.useLayoutEffect)((()=>{s(a)}),[a]);return{handleChange:(0,o.useCallback)(((e,t)=>{s(t.value),u.current||c(e,t)}),[c]),handleBlur:(0,o.useCallback)((e=>{u.current=!1,a!==i&&d(e,i)}),[i,d,a]),handleFocus:(0,o.useCallback)((()=>{u.current=!0}),[]),handleKeyPress:(0,o.useCallback)((o=>{var r;if("string"==typeof o.key&&"enter"===o.key.toLowerCase()){const n=null===(r=o.target)||void 0===r?void 0:r.value,i=n?Number(n):void 0,s="number"==typeof i?(0,l.clamp)(i,e,t):void 0;a!==s&&d(o,s)}"string"==typeof o.key&&"escape"===o.key.toLowerCase()&&s(a)}),[d,a,e,t]),currentValue:i}}},6801:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.BaseEditorPropTypes=void 0;const n=r(a(23));t.BaseEditorPropTypes={name:n.string.isRequired,value:n.oneOfType([n.string,n.object,n.arrayOf(n.string)]),context:n.object,label:n.string,labelPosition:n.oneOf(["top","left"]),labelWidth:n.number,onChange:n.func,isAdvanced:n.bool,isDisabled:n.bool,dataSourceBindings:n.object,options:n.object,optionsSchema:n.object}},333:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditorPropTypes=void 0;const n=r(a(23)),i=a(6801),s=a(2369);t.DynamicColorEditorPropTypes=Object.assign(Object.assign({},i.BaseEditorPropTypes),{name:n.string.isRequired,value:n.any,onChange:n.func,flyoutTitle:n.string,dataSelectors:n.arrayOf(n.exact({label:n.string.isRequired,value:n.string.isRequired}).isRequired),formatters:n.arrayOf(n.exact({label:n.string.isRequired,value:n.string.isRequired,defaults:n.object.isRequired,isDefault:n.bool}).isRequired),defaultPalettesConfig:s.sharedPalettesConfigPropType.isRequired,tooltip:n.string,options:n.object})},4008:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.AdvancedConfigButton=void 0;const i=r(a(9497)),s=r(a(23)),u=n(a(232)),d=a(6649),c=n(a(6643)),f=a(3563),p=n(a(6379)),m=n(a(7020)),g=n(a(9250)),b=(0,u.default)(g.default)`
547
+ `;t.default=({columnColoring:e,columnColoringConfig:t,columnName:a,columnFormattingByType:o,columnTextFormatting:l,columnDataType:r,defaultOptionsByType:n={},flyoutConfigForDataType:s,textFormatConfig:d,isSourceCustomized:f,removeColumnFormatting:y,resetColumnToDefault:O,updateColumnFormatting:S,updateColumnColoring:M,updateColumnTextFormatting:k})=>{const[F,R]=i.useState(!1),B=i.useCallback((()=>R(!0)),[]),A=i.useCallback((()=>R(!1)),[]),I=i.useRef(null),L=i.useCallback((()=>y({columnName:a,columnDataType:r})),[a,r,y]),$=i.useCallback((()=>O({columnName:a,columnDataType:r})),[a,r,O]);return i.createElement(i.Fragment,null,i.createElement(x,{ref:I,"data-test":`column-toggle-${a}`},i.createElement(c.default,{"data-test":`selected-column-label-${a}`},i.createElement(j,null,i.createElement(h.default,{columnName:a,dataType:r}))),i.createElement(w,null,i.createElement(g.default,{dataTestKey:`edit-column-icon-${a}`,onClick:B},i.createElement(p.default,null)),i.createElement(g.default,{dataTestKey:`remove-column-icon-${a}`,onClick:L},i.createElement(m.default,null)))),i.createElement(u.default,{"data-test":`column-formatter-flyout-${a}`,anchor:I.current,open:F,onRequestClose:A,appearance:"normal",defaultPlacement:"horizontal"},i.createElement(P,{"data-test":"popover-contents"},i.createElement(D,null,i.createElement(T,{"data-test":"column-formatter-flyout-header"},`${(0,b._)("Column formatting")}: "${a}"`)),i.createElement(C.default,{columnFormatting:l,columnDataType:E.TextDataType,columnName:a,defaultOptionsByType:n,flyoutConfigForDataType:d,handleResetColumnToDefault:$,updateColumnFormatting:k,isSourceCustomized:!1}),i.createElement(v.default,null),i.createElement(C.default,{columnFormatting:o,columnDataType:r,columnName:a,defaultOptionsByType:n,flyoutConfigForDataType:s,handleResetColumnToDefault:$,updateColumnFormatting:S,isSourceCustomized:f}),("number"===r||"string"===r)&&i.createElement(i.Fragment,null,i.createElement(v.default,null),i.createElement(_.default,{columnColoring:e,columnColoringConfig:t,columnDataType:r,columnName:a,handleColumnColoringUpdate:M})))))}},630:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.moveDslBetweenModes=t.clearDynamicColoring=void 0;t.clearDynamicColoring=e=>{const t={};return"background"===e?t.rowBackgroundColors=void 0:"text"===e&&(t.rowColors=void 0),t};t.moveDslBetweenModes=(e,t,a)=>{const o="background"===e?"rowBackgroundColors":"rowColors";return{["background"===t?"rowBackgroundColors":"rowColors"]:(a[o]||"> table | gradient(tableFormatEditorConfig)").replace(/tableFormatEditorConfig/g,"tableFormatEditorConfig"),[o]:void 0}}},1074:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getEditorItemValue=void 0;const i=r(a(9497)),s=n(a(232)),u=a(4793),c=a(7124),d=n(a(7143)),f=n(a(1151)),p=a(6004),m=a(5862),b=a(5396),g=(e,t)=>`row_${e.map((e=>e.option)).join("_")}_${t}`,h=s.default.div`
548
+ padding: 12px ${(0,c.toPx)(m.COLUMN_FLYOUT_PADDING)};
549
+ `;t.getEditorItemValue=(e,t,a,o)=>{const l=a===b.TextDataType?(0,u.get)(t,e.option):(0,u.get)(t,[a,e.option]);return void 0!==l?l:(0,u.get)(o,[a,e.option])};t.default=({columnFormatting:e,columnDataType:a,columnName:o,defaultOptionsByType:l={},flyoutConfigForDataType:r,handleResetColumnToDefault:n,updateColumnFormatting:s,isSourceCustomized:c})=>{const m=i.useCallback(((e,t,a)=>s({columnName:o,optionName:t,value:a})),[o,s]);return i.createElement(h,null,c?i.createElement(f.default,{onResetToDefault:n,style:{padding:"0px 0px 16px 0px",width:"auto"}}):i.createElement(d.default,null,r.map(((o,n)=>i.createElement(d.default.Row,{key:g(o,n),"data-test":"column-formatter-flyout-row",style:{marginBottom:n===r.length?"0px":"12px"}},o.map(((r,s)=>{let c=null;const f=12/o.length,b=`item_${r?`${r.option}_`:""}${n}_${s}`;if(!(0,u.isEmpty)(r)){const o=p.editorTypeToComponentMap[r.editor];c=i.createElement(o,Object.assign({},r.editorProps,{label:r.label,name:r.option,itemSchema:r.itemSchema,value:(0,t.getEditorItemValue)(r,e,a,l),onChange:m}))}return i.createElement(d.default.Column,{key:b,span:f},c)})))))))}},5396:function(e,t,a){var o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getColumnFormatDefFromState=t.getInitialColumnFormattingState=t.isValidColorFormatter=t.getGlobalTableFormatting=t.getFormattingOptDSLKey=t.checkExceedsEditorCapabilities=t.sanitizeColumnName=t.getColumnDataTypeMap=t.getEditorSupportedFormatOptions=t.getExistingTextFormatting=t.TextDataType=void 0;const l=a(4793),r=o(a(3453)),n=a(1413),i={pick:"pick",rangeValue:"rangeValue",matchValue:"matchValue"},s={align:"align",headerAlign:"headerAlign",textOverflow:"textOverflow"},u=Object.assign({rowBackgroundColors:"rowBackgroundColors",rowColors:"rowColors",data:"data"},s);t.TextDataType="text";t.getExistingTextFormatting=(e,t)=>{const a={};return Object.keys(s).forEach((o=>{const r=(0,l.get)(t,[e,o]);r&&(a[o]=r)})),a};t.getEditorSupportedFormatOptions=e=>{const t={text:{}};return Object.keys(e).forEach((a=>{t[a]={},e[a].forEach((e=>{e.forEach((e=>{t[a][e.option]=e.option}))}))})),t};t.getColumnDataTypeMap=e=>e.reduce(((e,{name:t,type:a})=>(e[t]=a,e)),{});t.sanitizeColumnName=e=>{let t=e;return e.match(/^[0-9]/)&&(t=`_${t}`),`${t.replace(/[^a-zA-Z0-9]/g,"_")}`};t.checkExceedsEditorCapabilities=(e,t)=>Object.keys(e).some((e=>!t[e]));t.getFormattingOptDSLKey=(e={})=>"string"==typeof e.data&&r.default.isDslString(e.data)?(0,l.get)((0,n.getLastFormatterFromDSL)(e.data),"paramKey",null):null;t.getGlobalTableFormatting=(e,a,o)=>{const r=(0,t.getFormattingOptDSLKey)(e);return(0,l.get)(o,[r,a],{})};t.isValidColorFormatter=e=>"rangeValue"===e||"matchValue"===e;t.getInitialColumnFormattingState=({availableFieldsWithTypes:e,coloringTypes:a=[],columnFormatOption:o,editorSupportedFormatOptions:s,vizContext:c})=>{if(!o||"object"!=typeof o)return new Map;const d=(0,t.getColumnDataTypeMap)(e);return Object.keys(o).reduce(((e,f)=>{const p=d[f],m=(0,t.getFormattingOptDSLKey)(o[f]),b=c[m],g=r.default.isDslString((0,l.get)(o,[f,"data"]))&&!b;if(!((e,t)=>!e[t]||Object.keys(e[t]).some((e=>!!u[e])))(o,f))return e;const h=(0,t.getExistingTextFormatting)(f,o);if(!(0,l.isEmpty)(s[p])&&!g){const r={_meta:{dynamicallyColoredOption:"Off"}},u=(0,l.get)((0,n.getLastFormatterFromDSL)((0,l.get)(o,[f,"rowColors"])),"type"),d=(0,l.get)((0,n.getLastFormatterFromDSL)((0,l.get)(o,[f,"rowBackgroundColors"])),"type");(0,t.isValidColorFormatter)(u)&&!d?r._meta.dynamicallyColoredOption="rowColors":"pick"===u&&(0,t.isValidColorFormatter)(d)&&(r._meta.dynamicallyColoredOption="rowBackgroundColors"),a.forEach((({value:e})=>{const a=(0,l.get)(o,[f,e]);if(a){const{type:o,paramKey:s}=(0,n.getLastFormatterFromDSL)(a)||{};if("pick"===o&&"rowColors"===e&&!(0,t.isValidColorFormatter)(d))return;if("pick"===o&&"rowColors"!==e||!i[o])return;if((0,t.isValidColorFormatter)(o)&&"rowBackgroundColors"===e&&"pick"!==u)return;r[e]={colorContextKey:s,colorContextConfig:(0,l.get)(c,[s],{}),colorOptionDSL:a}}}));const g=Object.keys(r).length>1,v=(0,l.get)(c,[m,p],{});!g&&(0,l.isEmpty)(v)&&(0,l.isEmpty)(h)||e.set(f,{columnColoring:r,formatByType:{[p]:Object.assign(Object.assign({},(0,l.pick)(v,Object.keys(s[p]))),{_meta:{exceedsEditorCapabilities:(0,t.checkExceedsEditorCapabilities)((0,l.get)(b,[p],{}),s[p])}})},formatText:h})}return e}),new Map)};t.getColumnFormatDefFromState=({columnFormatOption:e,updatedEditorColumnFormatting:a})=>{const o={},r=(0,l.cloneDeep)(e);return Object.keys(a).forEach((e=>{const n=(0,t.sanitizeColumnName)(e),i=`${n}ColumnFormatEditorConfig`;if((0,l.isPlainObject)(a[e])){const t=(0,l.get)(a,[e,"columnColoring"]);(0,l.unset)(t,["_meta"]),(0,l.isPlainObject)(t)&&Object.keys(t).forEach((a=>{const{colorContextConfig:n,colorOptionDSL:i,colorContextKey:s}=t[a];null==i?(o[s]=null,(0,l.set)(r,[e,a],null)):s&&(o[s]=n,(0,l.set)(r,[e,a],i))})),(0,l.isPlainObject)(a[e].formatByType)&&(Object.keys(a[e].formatByType).forEach((t=>{(0,l.unset)(a,[e,"formatByType",t,"_meta"])})),s=a[e].formatByType,Object.keys(s).every((e=>(0,l.isEmpty)(s[e])))?o[i]=null:(o[i]=Object.assign({},a[e].formatByType),(0,l.set)(r,[e,"data"],`> table | seriesByName("${e}") | formatByType(${i})`)));const{formatText:n}=a[e];(0,l.isPlainObject)(n)&&Object.keys(n).forEach((t=>{(0,l.set)(r,[e,t],n[t])}))}else o[i]=null,o[`${n}RowColorsEditorConfig`]=null,o[`${n}RowBackgroundColorsEditorConfig`]=null,r[e]=null;var s})),{context:o,options:{columnFormat:r}}}},2088:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.flyoutConfigPropType=t.columnColoringConfigPropType=void 0;const n=r(a(23));t.columnColoringConfigPropType=n.shape({coloringTypes:n.arrayOf(n.shape({label:n.string,value:n.string})),formatters:n.arrayOf(n.shape({label:n.string,value:n.string,defaults:n.object})),themes:n.object}),t.flyoutConfigPropType=n.shape({number:n.arrayOf(n.any),string:n.arrayOf(n.any),sparkline:n.arrayOf(n.any),time:n.arrayOf(n.any)})},5678:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.TrellisSplitBySelectionEditor=t.AGGREGATIONS=t.EDITOR_NAME=void 0;const i=r(a(9497)),s=r(a(23)),u=n(a(2373)),c=a(6649),d=n(a(7464)),f=a(9033),p=a(9246),m=a(1256),b=a(6801),g=a(1385),h=n(a(4008)),v=a(8999);t.EDITOR_NAME="trellisSplitBySelectionEditor",t.AGGREGATIONS="aggregations";const y=e=>e;t.TrellisSplitBySelectionEditor=({name:e,value:a,label:o="",labelPosition:l="top",dataSourceKey:r="primary",dataSourceBindings:n,isDisabled:s,onChange:b,prepareValue:C=y})=>{var _;const O=i.default.useContext(d.default),E=Boolean(null==O?void 0:O.visualizations_enableTrellis),x=(0,g.useDataSource)({dataSourceBindings:n,dataSourceKey:r}),{fields:P}=(null==x?void 0:x.data)||{columns:[],fields:[]},j=(0,i.useMemo)((()=>(0,p.getAllPossibleSplitByFields)(P)),[P]),{hasError:w,isMissing:D,isLoading:T}=(0,f.getDataSourceStateInfo)(x),S=D||w||s,M=(0,m.getPlaceholderMessage)({isMissing:D,isLoading:T,hasError:w,defaultMessage:`${(0,c._)("Select a splitby field from datasource")}`}),k=(null===(_=j.fields)||void 0===_?void 0:_.length)?j.fields[0]:t.AGGREGATIONS,[F,R]=(0,i.useState)(""),B=(0,i.useCallback)(((e,{keyword:t})=>{R(t)}),[]),A=a||k,[I,L]=(0,i.useState)(A);(0,i.useEffect)((()=>{L(A)}),[A]);const $=i.default.useCallback(((t,{value:a})=>{L(a);const o=C({options:{[e]:`${a}`}});b(t,o)}),[b,C,e]),{filteredFields:N,splitByFields:V}=(0,i.useMemo)((()=>{var e;let a=j.fields.map((e=>({name:e,value:e,description:""})));(null===(e=j.aggregations)||void 0===e?void 0:e.length)&&(a=[...a,{name:`${(0,c._)("Aggregations")} (${j.aggregations.length})`,description:j.aggregations.join(", "),value:t.AGGREGATIONS}]);return{filteredFields:a.filter((e=>e&&-1!==e.value.toLowerCase().indexOf(F.toLowerCase()))),splitByFields:a}}),[F,j.aggregations,j.fields]),q=(0,v.useColumnSelectorFooterMessage)({availableFields:V,selectedFields:[I],filteredFields:N,filter:F});return E?i.default.createElement(h.default,{label:o,labelPosition:l,"data-test":`${t.EDITOR_NAME}-${e}`},i.default.createElement(u.default,{"data-test":`${t.EDITOR_NAME}-select-${e}`,value:I,onFilterChange:B,onChange:$,footerMessage:q,placeholder:M,disabled:S,isLoadingOptions:T,error:w,filter:!0},N.map((e=>e&&i.default.createElement(u.default.Option,{key:e.name,"data-test":`${t.EDITOR_NAME}-option-${e.value}`,label:`${e.name}`,value:e.value,description:e.description}))))):null},t.TrellisSplitBySelectionEditor.propTypes=Object.assign(Object.assign({},b.BaseEditorPropTypes),{dataSourceKey:s.string.isRequired,prepareValue:s.func}),t.default=t.TrellisSplitBySelectionEditor},8999:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.useColumnSelectorFooterMessage=void 0;const n=r(a(9497)),i=a(3620);t.useColumnSelectorFooterMessage=({filter:e,availableFields:t,selectedFields:a,filteredFields:o,noSelectedFieldsInfo:l=!1})=>{const r=(0,n.useMemo)((()=>{if(!a||!o)return[];const e=new Set(a.filter((e=>""!==e&&void 0!==e)));return o.filter((t=>e.has(t.name)))}),[a,o]);return e&&!o.length?null:n.default.createElement(i.ColumnSelectorFooterMessage,{noSelectedFieldsInfo:l,numSelected:null==r?void 0:r.length,numFiltered:o.length,numAvailable:t.length,filter:e})}},5135:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useCSPViolationObserver=void 0;const o=a(9497);t.useCSPViolationObserver=(e,t="none")=>{const[a,l]=(0,o.useState)(t);return(0,o.useEffect)((()=>{const a=t=>{t.blockedURI!==e&&t.blockedURI!==`${e}/`||"enforce"!==t.disposition?t.blockedURI!==e&&t.blockedURI!==`${e}/`||"report"!==t.disposition||l("warning"):l("error")};return document.addEventListener("securitypolicyviolation",a),l(t),()=>{document.removeEventListener("securitypolicyviolation",a)}}),[e]),a}},1385:function(e,t,a){var o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.useDataSource=void 0;const l=a(9497),r=o(a(4853)),n=a(4793);t.useDataSource=({dataSourceBindings:e,dataSourceKey:t})=>{const a=(0,l.useContext)(r.default),[o,i]=(0,l.useState)();return(0,l.useEffect)((()=>{if(!(0,n.get)(e,t))return i(null),()=>{};const o=(0,n.isFunction)(a.subscribe)&&a.subscribe(t,(e=>i(e)));return()=>{o&&o()}}),[e]),o}},5592:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useNumberInput=void 0;const o=a(9497),l=a(4793);t.useNumberInput=({min:e=Number.NEGATIVE_INFINITY,max:t=Number.POSITIVE_INFINITY,value:a,defaultValue:r,onValueChange:n=l.noop})=>{const[i,s]=(0,o.useState)(a),u=(0,o.useRef)(!1),c=(0,o.useCallback)(((e,t)=>{null==t&&s(null!=r?r:a),n(e,t)}),[r,n,a]),d=(0,o.useMemo)((()=>(0,l.debounce)(((e,t)=>c(e,t.value)),250)),[c]);(0,o.useLayoutEffect)((()=>{s(a)}),[a]);return{handleChange:(0,o.useCallback)(((e,t)=>{s(t.value),u.current||d(e,t)}),[d]),handleBlur:(0,o.useCallback)((e=>{u.current=!1,a!==i&&c(e,i)}),[i,c,a]),handleFocus:(0,o.useCallback)((()=>{u.current=!0}),[]),handleKeyPress:(0,o.useCallback)((o=>{var r;if("string"==typeof o.key&&"enter"===o.key.toLowerCase()){const n=null===(r=o.target)||void 0===r?void 0:r.value,i=n?Number(n):void 0,s="number"==typeof i?(0,l.clamp)(i,e,t):void 0;a!==s&&c(o,s)}"string"==typeof o.key&&"escape"===o.key.toLowerCase()&&s(a)}),[c,a,e,t]),currentValue:i}}},6801:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.BaseEditorPropTypes=void 0;const n=r(a(23));t.BaseEditorPropTypes={name:n.string.isRequired,value:n.oneOfType([n.string,n.object,n.arrayOf(n.string)]),context:n.object,label:n.string,labelPosition:n.oneOf(["top","left"]),labelWidth:n.number,onChange:n.func,isAdvanced:n.bool,isDisabled:n.bool,dataSourceBindings:n.object,options:n.object,optionsSchema:n.object}},333:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditorPropTypes=void 0;const n=r(a(23)),i=a(6801),s=a(2369);t.DynamicColorEditorPropTypes=Object.assign(Object.assign({},i.BaseEditorPropTypes),{name:n.string.isRequired,value:n.any,onChange:n.func,flyoutTitle:n.string,dataSelectors:n.arrayOf(n.exact({label:n.string.isRequired,value:n.string.isRequired}).isRequired),formatters:n.arrayOf(n.exact({label:n.string.isRequired,value:n.string.isRequired,defaults:n.object.isRequired,isDefault:n.bool}).isRequired),defaultPalettesConfig:s.sharedPalettesConfigPropType.isRequired,tooltip:n.string,options:n.object})},4008:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.AdvancedConfigButton=void 0;const i=r(a(9497)),s=r(a(23)),u=n(a(232)),c=a(6649),d=n(a(6643)),f=a(3563),p=n(a(6379)),m=n(a(7020)),b=n(a(9250)),g=(0,u.default)(b.default)`
553
550
  margin-top: 0;
554
551
  padding: 0;
555
552
  // adjust bottom margin according to theme
@@ -580,7 +577,7 @@
580
577
  &:hover {
581
578
  background-color: ${f.variables.interactiveColorOverlayDrag} !important;
582
579
  }
583
- `;t.AdvancedConfigButton=({label:e="",onClick:t})=>i.default.createElement(h,{"data-test":`${e}-advanced-config-button-tooltip`,content:(0,d._)("Advanced configurations")},i.default.createElement(v,{"data-test":`${e}-advanced-config-button`,icon:i.default.createElement(c.default,{"data-test":`${e}-advanced-config-button-icon`}),appearance:"subtle",onClick:t}));const y=({"data-test":e,children:a,isAdvanced:o=!1,label:l,hideLabel:r,labelPosition:n,labelWidth:s,tooltip:u,help:d,style:c,error:f,controlsLayout:p,onClick:m,onAdvancedConfigButtonClick:g})=>i.default.createElement(b,{"data-test":null!=e?e:"control-group",label:l,hideLabel:r,labelPosition:n,labelWidth:s,tooltip:u,help:d,error:f,style:c,onClick:m,controlsLayout:p},o?i.Children.toArray(a).filter(Boolean).map((e=>(0,i.cloneElement)(e,{style:{flex:1}}))):a,o?i.default.createElement(t.AdvancedConfigButton,{label:l,onClick:g}):null);y.propTypes={style:s.object,isAdvanced:s.bool,onClick:s.func,onAdvancedConfigButtonClick:s.func},t.default=y},6212:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=n(a(232)),u=a(6649),d=n(a(9597)),c=n(a(2267)),f=s.default.div`
580
+ `;t.AdvancedConfigButton=({label:e="",onClick:t})=>i.default.createElement(h,{"data-test":`${e}-advanced-config-button-tooltip`,content:(0,c._)("Advanced configurations")},i.default.createElement(v,{"data-test":`${e}-advanced-config-button`,icon:i.default.createElement(d.default,{"data-test":`${e}-advanced-config-button-icon`}),appearance:"subtle",onClick:t}));const y=({"data-test":e,children:a,isAdvanced:o=!1,label:l,hideLabel:r,labelPosition:n,labelWidth:s,tooltip:u,help:c,style:d,error:f,controlsLayout:p,onClick:m,onAdvancedConfigButtonClick:b})=>i.default.createElement(g,{"data-test":null!=e?e:"control-group",label:l,hideLabel:r,labelPosition:n,labelWidth:s,tooltip:u,help:c,error:f,style:d,onClick:m,controlsLayout:p},o?i.Children.toArray(a).filter(Boolean).map((e=>(0,i.cloneElement)(e,{style:{flex:1}}))):a,o?i.default.createElement(t.AdvancedConfigButton,{label:l,onClick:b}):null);y.propTypes={style:s.object,isAdvanced:s.bool,onClick:s.func,onAdvancedConfigButtonClick:s.func},t.default=y},6212:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=n(a(232)),u=a(6649),c=n(a(9597)),d=n(a(2267)),f=s.default.div`
584
581
  position: absolute;
585
582
  left: 0;
586
583
  right: 0;
@@ -596,28 +593,28 @@
596
593
  & {
597
594
  padding: 4px 1px;
598
595
  }
599
- `;t.default=({colorDown:e,colorUp:t})=>i.createElement(f,null,i.createElement(d.default,{"aria-label":(0,u._)("Bottom range"),style:{color:e||"white"}}),i.createElement(c.default,{"aria-label":(0,u._)("Top range"),style:{color:t||"white"}}))},962:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.CSPMessage=void 0;const i=r(a(9497)),s=a(6649),u=n(a(6447)),d=n(a(451)),c=n(a(5711));t.CSPMessage=({type:e})=>{const{cspMessageLink:t}=i.useContext(c.default);return i.createElement(u.default,{appearance:"fill",type:e,"data-test":`csp-message-${e}`},(0,s._)("External image URLs must now have their domains listed in the Dashboards Trusted Domains List by working with your administrator. Alternatively, you can upload the image directly into the dashboard. "),t&&i.createElement(d.default,{to:t,openInNewContext:!0},(0,s._)("Learn more")))}},4251:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=n(a(232)),d=n(a(4566)),c=u.default.div.attrs((e=>({"data-test":e["data-test"]})))`
596
+ `;t.default=({colorDown:e,colorUp:t})=>i.createElement(f,null,i.createElement(c.default,{"aria-label":(0,u._)("Bottom range"),style:{color:e||"white"}}),i.createElement(d.default,{"aria-label":(0,u._)("Top range"),style:{color:t||"white"}}))},962:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.CSPMessage=void 0;const i=r(a(9497)),s=a(6649),u=n(a(6447)),c=n(a(451)),d=n(a(5711));t.CSPMessage=({type:e})=>{const{cspMessageLink:t}=i.useContext(d.default);return i.createElement(u.default,{appearance:"fill",type:e,"data-test":`csp-message-${e}`},(0,s._)("External image URLs must now have their domains listed in the Dashboards Trusted Domains List by working with your administrator. Alternatively, you can upload the image directly into the dashboard. "),t&&i.createElement(c.default,{to:t,openInNewContext:!0},(0,s._)("Learn more")))}},4251:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=n(a(232)),c=n(a(4566)),d=u.default.div.attrs((e=>({"data-test":e["data-test"]})))`
600
597
  display: flex;
601
598
  height: 35px;
602
599
  width: 35px;
603
600
  align-items: center;
604
601
  justify-content: center;
605
- color: ${d.default.contentColorActive};
606
- border-radius: ${d.default.borderRadius};
602
+ color: ${c.default.contentColorActive};
603
+ border-radius: ${c.default.borderRadius};
607
604
  &:hover {
608
- background-color: ${d.default.interactiveColorOverlayHover};
605
+ background-color: ${c.default.interactiveColorOverlayHover};
609
606
  cursor: pointer;
610
607
  }
611
- `,f={dataTestKey:s.string,children:s.node,onClick:s.func},p=({children:e,dataTestKey:t,onClick:a})=>i.createElement(c,{"data-test":t,onClick:a},e);p.propTypes=f,t.default=p},3620:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnSelectorFooterMessage=void 0;const n=r(a(9497)),i=a(3773),s=a(6649),u=a(9497);t.ColumnSelectorFooterMessage=({numSelected:e,numFiltered:t,numAvailable:a,filter:o,noSelectedFieldsInfo:l})=>{const r=(0,u.useMemo)((()=>o?l?(0,i.sprintf)((0,s._)("%(filtered)d filtered from %(available)d fields"),{filtered:t,available:a}):(0,i.sprintf)((0,s._)("%(selected)d selected from %(filtered)d filtered"),{selected:e,filtered:t}):l?(0,i.sprintf)((0,s._)("%(shown)d of %(available)d fields"),{shown:t,available:a}):(0,i.sprintf)((0,s._)("%(selected)d selected from %(available)d"),{selected:e,available:a})),[o,l,t,a,e]);return n.createElement("span",{"data-test":"footer-message","aria-live":"polite","aria-atomic":"true"},r)}},1151:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=a(6649),d=n(a(232)),c=n(a(4566)),f=n(a(6447)),p=n(a(7020)),m=(0,u._)("Dynamic Option: Customized in source"),g=(0,u._)("Configured in source code beyond what can be shown here. Resetting to default will overwrite this custom configurations."),b=(0,u._)("Reset to default"),h=d.default.div`
608
+ `,f={dataTestKey:s.string,children:s.node,onClick:s.func},p=({children:e,dataTestKey:t,onClick:a})=>i.createElement(d,{"data-test":t,onClick:a},e);p.propTypes=f,t.default=p},3620:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnSelectorFooterMessage=void 0;const n=r(a(9497)),i=a(3773),s=a(6649),u=a(9497);t.ColumnSelectorFooterMessage=({numSelected:e,numFiltered:t,numAvailable:a,filter:o,noSelectedFieldsInfo:l})=>{const r=(0,u.useMemo)((()=>o?l?(0,i.sprintf)((0,s._)("%(filtered)d filtered from %(available)d fields"),{filtered:t,available:a}):(0,i.sprintf)((0,s._)("%(selected)d selected from %(filtered)d filtered"),{selected:e,filtered:t}):l?(0,i.sprintf)((0,s._)("%(shown)d of %(available)d fields"),{shown:t,available:a}):(0,i.sprintf)((0,s._)("%(selected)d selected from %(available)d"),{selected:e,available:a})),[o,l,t,a,e]);return n.createElement("span",{"data-test":"footer-message","aria-live":"polite","aria-atomic":"true"},r)}},1151:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=a(6649),c=n(a(232)),d=n(a(4566)),f=n(a(6447)),p=n(a(7020)),m=(0,u._)("Dynamic Option: Customized in source"),b=(0,u._)("Configured in source code beyond what can be shown here. Resetting to default will overwrite this custom configurations."),g=(0,u._)("Reset to default"),h=c.default.div`
612
609
  padding: ${({padding:e})=>null!=e?e:"20px"};
613
610
  width: ${({width:e})=>null!=e?e:"300px"};
614
- color: ${c.default.contentColorActive};
615
- `,v=d.default.div`
611
+ color: ${d.default.contentColorActive};
612
+ `,v=c.default.div`
616
613
  font-weight: 600;
617
614
  font-size: 14px;
618
615
  line-height: 20px;
619
616
  margin-bottom: 10px;
620
- `,y={headerText:s.string,info:s.string,resetButtonText:s.string,onResetToDefault:s.func,style:s.object},C=({headerText:e=m,info:t=g,resetButtonText:a=b,onResetToDefault:o=(()=>{}),style:l={}})=>i.createElement(h,{style:l},i.createElement(v,{"data-test":"popover-header"},e),i.createElement(f.default,{"data-test":"customized-source-popover-message",type:"info"},t),i.createElement(p.default,{"data-test":"popover-reset",appearance:"secondary",onClick:o,label:a}));C.propTypes=y,t.default=C},9909:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t};Object.defineProperty(t,"__esModule",{value:!0});const n=r(a(9497)),i=r(a(23)),s=({columnName:e,dataType:t})=>"_time"===e?n.createElement("span",null,"_time"):n.createElement("span",{"data-test":`format-field-name-${e}`},`${e} - `,n.createElement("span",{style:{fontStyle:"italic"}},t));s.propTypes={columnName:i.string,dataType:i.string},t.default=s},137:function(e,t,a){var o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MessageContainer=void 0;const l=o(a(232));t.MessageContainer=l.default.div`
617
+ `,y={headerText:s.string,info:s.string,resetButtonText:s.string,onResetToDefault:s.func,style:s.object},C=({headerText:e=m,info:t=b,resetButtonText:a=g,onResetToDefault:o=(()=>{}),style:l={}})=>i.createElement(h,{style:l},i.createElement(v,{"data-test":"popover-header"},e),i.createElement(f.default,{"data-test":"customized-source-popover-message",type:"info"},t),i.createElement(p.default,{"data-test":"popover-reset",appearance:"secondary",onClick:o,label:a}));C.propTypes=y,t.default=C},9909:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t};Object.defineProperty(t,"__esModule",{value:!0});const n=r(a(9497)),i=r(a(23)),s=({columnName:e,dataType:t})=>"_time"===e?n.createElement("span",null,"_time"):n.createElement("span",{"data-test":`format-field-name-${e}`},`${e} - `,n.createElement("span",{style:{fontStyle:"italic"}},t));s.propTypes={columnName:i.string,dataType:i.string},t.default=s},137:function(e,t,a){var o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MessageContainer=void 0;const l=o(a(232));t.MessageContainer=l.default.div`
621
618
  margin-top: 10px;
622
619
  `},1494:function(e,t,a){var o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const l=o(a(232));t.default=l.default.div`
623
620
  border-radius: 3px; /* @TODO(pwied): should this be imported from SUI variables? */
@@ -625,5 +622,5 @@
625
622
  position: relative;
626
623
  width: 100%;
627
624
  height: 20px;
628
- `},5862:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.editorStyle=t.DROPDOWN_MENU_WIDTH=t.VERTICAL_EDITOR_SPACING=t.FLYOUT_WIDTH=t.COLUMN_FLYOUT_PADDING=t.FLYOUT_PADDING=void 0,t.FLYOUT_PADDING=21,t.COLUMN_FLYOUT_PADDING=16,t.FLYOUT_WIDTH=344,t.VERTICAL_EDITOR_SPACING=16,t.DROPDOWN_MENU_WIDTH=327,t.editorStyle={width:"100%"}},1256:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getPlaceholderMessage=t.sanitizeFieldNames=t.getFilteredFields=t.getAvailableFieldsWithTypes=void 0;const o=a(6649),l=a(2588);t.getAvailableFieldsWithTypes=(e,t)=>t.map(((t,a)=>{const{name:o}=t;return{name:o,type:(0,l.canInferTypeFromMeta)(t)?(0,l.getDataTypeForMeta)(t):(0,l.inferDataTypeFromData)(e[a])}}));t.getFilteredFields=(e,t)=>e.filter((e=>-1!==e.name.indexOf(t)));t.sanitizeFieldNames=(e,t)=>"string"==typeof e&&t.includes(e)?[e]:Array.isArray(e)?e.filter((e=>t.includes(e))):[];t.getPlaceholderMessage=({hasError:e,isLoading:t,isMissing:a,defaultMessage:l="Select a field from data source"})=>a?(0,o._)("Set up data source to select"):e?(0,o._)("Please set up valid data source to select"):t?(0,o._)("Loading data source..."):(0,o._)(l)},4381:function(e,t,a){var o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getDynamicOptionsFromConfig=t.isConfigAdvanced=t.getFieldFromFieldNameDsl=void 0;const l=a(4793),r=a(2918),n=o(a(3453));t.getFieldFromFieldNameDsl=e=>{try{const t=r.DslParser.parse(n.default.withoutArrow(e)),a=(0,l.find)(t,{type:"method",name:"seriesByName"});return(0,l.get)(a,["args","0","v"],"")}catch(e){return""}};const i=e=>{try{const t=r.DslParser.parse(n.default.withoutArrow(e)),a=(0,l.findLastIndex)(t,{type:"method",name:"seriesByName"}),o=(0,l.findLastIndex)(t,{type:"method",name:"renameSeries"});return-1!==a&&-1!==o&&a<o}catch(e){return!1}};t.isConfigAdvanced=({items:e,context:t})=>{if("string"!=typeof e)return!1;const{label:a,value:o}=t;return"string"!=typeof a||"string"!=typeof o||(!(e=>{try{const t=r.DslParser.parse(n.default.withoutArrow(e));return 3===t.length&&(0,l.isMatch)(t[0],{type:"method",name:"frame"})&&(0,l.isMatch)(t[1],{type:"method",name:"prepend"})&&(0,l.isMatch)(t[2],{type:"method",name:"objects"})}catch(e){return!1}})(e)||!i(a)||!i(o))};t.getDynamicOptionsFromConfig=({items:e,context:a})=>{if(Array.isArray(e))return{staticOptions:e,dynamicOptionsLabel:"",dynamicOptionsValue:""};const o=a.statics||[],r=(0,l.zipWith)(...o,((e,t)=>({label:e,value:t}))),{label:n,value:i}=a;return{staticOptions:r,dynamicOptionsLabel:n?(0,t.getFieldFromFieldNameDsl)(n):"",dynamicOptionsValue:i?(0,t.getFieldFromFieldNameDsl)(i):""}}},6195:e=>{e.exports=require("@babel/runtime/helpers/defineProperty")},2649:e=>{e.exports=require("@babel/runtime/helpers/extends")},9597:e=>{e.exports=require("@splunk/react-icons/ArrowDown")},2267:e=>{e.exports=require("@splunk/react-icons/ArrowUp")},6062:e=>{e.exports=require("@splunk/react-icons/ArrowsRectangularDouble")},8855:e=>{e.exports=require("@splunk/react-icons/Cross")},5449:e=>{e.exports=require("@splunk/react-icons/Pencil")},6643:e=>{e.exports=require("@splunk/react-icons/SlidersDoubleHorizontal")},3625:e=>{e.exports=require("@splunk/react-icons/TrashCanCross")},7020:e=>{e.exports=require("@splunk/react-ui/Button")},8631:e=>{e.exports=require("@splunk/react-ui/Chip")},7408:e=>{e.exports=require("@splunk/react-ui/Color")},7143:e=>{e.exports=require("@splunk/react-ui/ColumnLayout")},9250:e=>{e.exports=require("@splunk/react-ui/ControlGroup")},6214:e=>{e.exports=require("@splunk/react-ui/Dropdown")},8965:e=>{e.exports=require("@splunk/react-ui/FormRows")},451:e=>{e.exports=require("@splunk/react-ui/Link")},1018:e=>{e.exports=require("@splunk/react-ui/Markdown")},4233:e=>{e.exports=require("@splunk/react-ui/Menu")},6447:e=>{e.exports=require("@splunk/react-ui/Message")},7446:e=>{e.exports=require("@splunk/react-ui/Multiselect")},2782:e=>{e.exports=require("@splunk/react-ui/Number")},1551:e=>{e.exports=require("@splunk/react-ui/Popover")},5411:e=>{e.exports=require("@splunk/react-ui/RadioBar")},2373:e=>{e.exports=require("@splunk/react-ui/Select")},5309:e=>{e.exports=require("@splunk/react-ui/Slider")},5777:e=>{e.exports=require("@splunk/react-ui/Switch")},4082:e=>{e.exports=require("@splunk/react-ui/Text")},5905:e=>{e.exports=require("@splunk/react-ui/TextArea")},6379:e=>{e.exports=require("@splunk/react-ui/Tooltip")},3563:e=>{e.exports=require("@splunk/themes")},4566:e=>{e.exports=require("@splunk/themes/variables")},3773:e=>{e.exports=require("@splunk/ui-utils/format")},6649:e=>{e.exports=require("@splunk/ui-utils/i18n")},8987:e=>{e.exports=require("@splunk/ui-utils/id")},3850:e=>{e.exports=require("@splunk/visualization-color-palettes")},5089:e=>{e.exports=require("@splunk/visualization-color-palettes/editors/PresetPalettes")},4853:e=>{e.exports=require("@splunk/visualization-context/DataSourceContext")},7464:e=>{e.exports=require("@splunk/visualization-context/FeatureFlagContext")},5711:e=>{e.exports=require("@splunk/visualization-context/MessageContext")},2918:e=>{e.exports=require("@splunk/visualization-encoding/DslParser")},3453:e=>{e.exports=require("@splunk/visualization-encoding/EncodingParser")},2687:e=>{e.exports=require("@splunk/visualization-encoding/Options")},1413:e=>{e.exports=require("@splunk/visualization-encoding/utils/dsl")},2588:e=>{e.exports=require("@splunk/visualization-encoding/utils/types")},6769:e=>{e.exports=require("@splunk/visualization-icons/PresetIcons")},3283:e=>{e.exports=require("@splunk/visualizations-shared/colorUtils")},9033:e=>{e.exports=require("@splunk/visualizations-shared/dataSourceUtils")},7124:e=>{e.exports=require("@splunk/visualizations-shared/style")},9246:e=>{e.exports=require("@splunk/visualizations-shared/trellisUtils")},4793:e=>{e.exports=require("lodash")},23:e=>{e.exports=require("prop-types")},9497:e=>{e.exports=require("react")},348:e=>{e.exports=require("react-mde")},6265:e=>{e.exports=require("react-mde/lib/styles/css/react-mde-all.css")},232:e=>{e.exports=require("styled-components")}},t={};function a(o){var l=t[o];if(void 0!==l)return l.exports;var r=t[o]={exports:{}};return e[o].call(r.exports,r,r.exports,a),r.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var o in t)a.o(t,o)&&!a.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o=a(6116);module.exports=o})();
625
+ `},5862:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.editorStyle=t.DROPDOWN_MENU_WIDTH=t.VERTICAL_EDITOR_SPACING=t.FLYOUT_WIDTH=t.COLUMN_FLYOUT_PADDING=t.FLYOUT_PADDING=void 0,t.FLYOUT_PADDING=21,t.COLUMN_FLYOUT_PADDING=16,t.FLYOUT_WIDTH=344,t.VERTICAL_EDITOR_SPACING=16,t.DROPDOWN_MENU_WIDTH=327,t.editorStyle={width:"100%"}},1256:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getPlaceholderMessage=t.sanitizeFieldNames=t.getFilteredFields=t.getAvailableFieldsWithTypes=void 0;const o=a(6649),l=a(2588);t.getAvailableFieldsWithTypes=(e,t)=>t.map(((t,a)=>{const{name:o}=t;return{name:o,type:(0,l.canInferTypeFromMeta)(t)?(0,l.getDataTypeForMeta)(t):(0,l.inferDataTypeFromData)(e[a])}}));t.getFilteredFields=(e,t)=>e.filter((e=>-1!==e.name.indexOf(t)));t.sanitizeFieldNames=(e,t)=>"string"==typeof e&&t.includes(e)?[e]:Array.isArray(e)?e.filter((e=>t.includes(e))):[];t.getPlaceholderMessage=({hasError:e,isLoading:t,isMissing:a,defaultMessage:l="Select a field from data source"})=>a?(0,o._)("Set up data source to select"):e?(0,o._)("Please set up valid data source to select"):t?(0,o._)("Loading data source..."):(0,o._)(l)},4381:function(e,t,a){var o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getDynamicOptionsFromConfig=t.isConfigAdvanced=t.getFieldFromFieldNameDsl=void 0;const l=a(4793),r=a(2918),n=o(a(3453));t.getFieldFromFieldNameDsl=e=>{try{const t=r.DslParser.parse(n.default.withoutArrow(e)),a=(0,l.find)(t,{type:"method",name:"seriesByName"});return(0,l.get)(a,["args","0","v"],"")}catch(e){return""}};const i=e=>{try{const t=r.DslParser.parse(n.default.withoutArrow(e)),a=(0,l.findLastIndex)(t,{type:"method",name:"seriesByName"}),o=(0,l.findLastIndex)(t,{type:"method",name:"renameSeries"});return-1!==a&&-1!==o&&a<o}catch(e){return!1}};t.isConfigAdvanced=({items:e,context:t})=>{if("string"!=typeof e)return!1;const{label:a,value:o}=t;return"string"!=typeof a||"string"!=typeof o||(!(e=>{try{const t=r.DslParser.parse(n.default.withoutArrow(e));return 3===t.length&&(0,l.isMatch)(t[0],{type:"method",name:"frame"})&&(0,l.isMatch)(t[1],{type:"method",name:"prepend"})&&(0,l.isMatch)(t[2],{type:"method",name:"objects"})}catch(e){return!1}})(e)||!i(a)||!i(o))};t.getDynamicOptionsFromConfig=({items:e,context:a})=>{if(Array.isArray(e))return{staticOptions:e,dynamicOptionsLabel:"",dynamicOptionsValue:""};const o=a.statics||[],r=(0,l.zipWith)(...o,((e,t)=>({label:e,value:t}))),{label:n,value:i}=a;return{staticOptions:r,dynamicOptionsLabel:n?(0,t.getFieldFromFieldNameDsl)(n):"",dynamicOptionsValue:i?(0,t.getFieldFromFieldNameDsl)(i):""}}},6195:e=>{e.exports=require("@babel/runtime/helpers/defineProperty")},2649:e=>{e.exports=require("@babel/runtime/helpers/extends")},9597:e=>{e.exports=require("@splunk/react-icons/ArrowDown")},2267:e=>{e.exports=require("@splunk/react-icons/ArrowUp")},6062:e=>{e.exports=require("@splunk/react-icons/ArrowsRectangularDouble")},4723:e=>{e.exports=require("@splunk/react-icons/Chain")},6078:e=>{e.exports=require("@splunk/react-icons/ChevronsSlash")},8855:e=>{e.exports=require("@splunk/react-icons/Cross")},785:e=>{e.exports=require("@splunk/react-icons/List")},6301:e=>{e.exports=require("@splunk/react-icons/ListNumbered")},5449:e=>{e.exports=require("@splunk/react-icons/Pencil")},3757:e=>{e.exports=require("@splunk/react-icons/Picture")},821:e=>{e.exports=require("@splunk/react-icons/QuotationDouble")},6643:e=>{e.exports=require("@splunk/react-icons/SlidersDoubleHorizontal")},4703:e=>{e.exports=require("@splunk/react-icons/TextBBold")},4784:e=>{e.exports=require("@splunk/react-icons/TextH")},7110:e=>{e.exports=require("@splunk/react-icons/TextIItalic")},3625:e=>{e.exports=require("@splunk/react-icons/TrashCanCross")},7020:e=>{e.exports=require("@splunk/react-ui/Button")},8631:e=>{e.exports=require("@splunk/react-ui/Chip")},7408:e=>{e.exports=require("@splunk/react-ui/Color")},7143:e=>{e.exports=require("@splunk/react-ui/ColumnLayout")},9250:e=>{e.exports=require("@splunk/react-ui/ControlGroup")},6214:e=>{e.exports=require("@splunk/react-ui/Dropdown")},8965:e=>{e.exports=require("@splunk/react-ui/FormRows")},451:e=>{e.exports=require("@splunk/react-ui/Link")},1018:e=>{e.exports=require("@splunk/react-ui/Markdown")},4233:e=>{e.exports=require("@splunk/react-ui/Menu")},6447:e=>{e.exports=require("@splunk/react-ui/Message")},7446:e=>{e.exports=require("@splunk/react-ui/Multiselect")},2782:e=>{e.exports=require("@splunk/react-ui/Number")},1551:e=>{e.exports=require("@splunk/react-ui/Popover")},5411:e=>{e.exports=require("@splunk/react-ui/RadioBar")},2621:e=>{e.exports=require("@splunk/react-ui/ScreenReaderContent")},2373:e=>{e.exports=require("@splunk/react-ui/Select")},5309:e=>{e.exports=require("@splunk/react-ui/Slider")},5777:e=>{e.exports=require("@splunk/react-ui/Switch")},4082:e=>{e.exports=require("@splunk/react-ui/Text")},5905:e=>{e.exports=require("@splunk/react-ui/TextArea")},6379:e=>{e.exports=require("@splunk/react-ui/Tooltip")},3563:e=>{e.exports=require("@splunk/themes")},4566:e=>{e.exports=require("@splunk/themes/variables")},3773:e=>{e.exports=require("@splunk/ui-utils/format")},6649:e=>{e.exports=require("@splunk/ui-utils/i18n")},8987:e=>{e.exports=require("@splunk/ui-utils/id")},3850:e=>{e.exports=require("@splunk/visualization-color-palettes")},5089:e=>{e.exports=require("@splunk/visualization-color-palettes/editors/PresetPalettes")},4853:e=>{e.exports=require("@splunk/visualization-context/DataSourceContext")},7464:e=>{e.exports=require("@splunk/visualization-context/FeatureFlagContext")},5711:e=>{e.exports=require("@splunk/visualization-context/MessageContext")},2918:e=>{e.exports=require("@splunk/visualization-encoding/DslParser")},3453:e=>{e.exports=require("@splunk/visualization-encoding/EncodingParser")},2687:e=>{e.exports=require("@splunk/visualization-encoding/Options")},1413:e=>{e.exports=require("@splunk/visualization-encoding/utils/dsl")},2588:e=>{e.exports=require("@splunk/visualization-encoding/utils/types")},6769:e=>{e.exports=require("@splunk/visualization-icons/PresetIcons")},3283:e=>{e.exports=require("@splunk/visualizations-shared/colorUtils")},9033:e=>{e.exports=require("@splunk/visualizations-shared/dataSourceUtils")},7124:e=>{e.exports=require("@splunk/visualizations-shared/style")},9246:e=>{e.exports=require("@splunk/visualizations-shared/trellisUtils")},1398:e=>{e.exports=require("@uiw/react-md-editor/nohighlight")},4793:e=>{e.exports=require("lodash")},23:e=>{e.exports=require("prop-types")},9497:e=>{e.exports=require("react")},232:e=>{e.exports=require("styled-components")}},t={};function a(o){var l=t[o];if(void 0!==l)return l.exports;var r=t[o]={exports:{}};return e[o].call(r.exports,r,r.exports,a),r.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var o in t)a.o(t,o)&&!a.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o=a(6116);module.exports=o})();
629
626
  //# sourceMappingURL=TableColumnFormatterEditor.js.map