@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.
- package/CHANGELOG.md +27 -0
- package/DynamicEditor.js +35 -38
- package/DynamicEditor.js.map +1 -1
- package/containers/EditorItem.js +56 -59
- package/containers/EditorItem.js.map +1 -1
- package/containers/EditorLayout.js +75 -78
- package/containers/EditorLayout.js.map +1 -1
- package/containers/EditorLayoutItem.js +50 -53
- package/containers/EditorLayoutItem.js.map +1 -1
- package/editors/ColorEditor.js +1 -1
- package/editors/ColorEditor.js.map +1 -1
- package/editors/DynamicColorEditor.js +4 -4
- package/editors/DynamicColorEditor.js.map +1 -1
- package/editors/DynamicColorEditorWithPrecedence.js +4 -4
- package/editors/DynamicColorEditorWithPrecedence.js.map +1 -1
- package/editors/MarkdownEditor.js +14 -17
- package/editors/MarkdownEditor.js.map +1 -1
- package/editors/MultiColorPickerEditor.js +3 -3
- package/editors/MultiColorPickerEditor.js.map +1 -1
- package/editors/NetworkGraphDynamicColorEditor.js +7 -7
- package/editors/NetworkGraphDynamicColorEditor.js.map +1 -1
- package/editors/SeriesColorsByFieldEditor.js +3 -3
- package/editors/SeriesColorsByFieldEditor.js.map +1 -1
- package/editors/SeriesColorsEditor.js +10 -10
- package/editors/SeriesColorsEditor.js.map +1 -1
- package/editors/TableColumnFormatterEditor.js +102 -105
- package/editors/TableColumnFormatterEditor.js.map +1 -1
- package/editors/TableDynamicColorEditor.js +4 -4
- package/editors/TableDynamicColorEditor.js.map +1 -1
- package/editors/ThresholdEditor.js +1 -1
- package/editors/ThresholdEditor.js.map +1 -1
- package/package.json +5 -5
package/DynamicEditor.js
CHANGED
|
@@ -2,14 +2,14 @@
|
|
|
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={9952:(e,t,o)=>{o.r(t),o.d(t,{default:()=>Gt,editorTypeToComponentMap:()=>zt});var a=o(2649),n=o.n(a),l=o(9497),r=o.n(l),i=o(23),s=o.n(i),u=o(2749),c=o.n(u),d=o(4182),f=o(3263),p=o(9967),m=o(2065),b=o(2782),g=o.n(b),h=o(4008),v=o.n(h),y=o(5592);const C=({onChange:e,name:t,value:o=null,labelPosition:a="top",labelWidth:n,label:i,min:s,max:u,step:c,isDisabled:d,help:f,helpFormat:p="under",defaultValue:m})=>{const b=(0,l.useCallback)(((o,a)=>{if(void 0===m&&null==a)return void e(o,t,a);const n=parseFloat(null!=a?a:m);Number.isFinite(n)&&e(o,t,n)}),[m,e,t]),{currentValue:h,handleChange:C,handleBlur:_,handleFocus:O,handleKeyPress:E}=(0,y.useNumberInput)({value:o,min:s,max:u,defaultValue:m,onValueChange:b});return r().createElement(v(),{label:i,labelPosition:a,labelWidth:n,help:"under"===p?f:void 0,tooltip:"tooltip"===p?f:void 0,tooltipDefaultPlacement:"top"},r().createElement(g(),{"data-test":t,min:s,max:u,step:c,onChange:C,onBlur:_,onFocus:O,onKeyDown:E,value:h,disabled:d}))};C.propTypes={onChange:s().func.isRequired,name:s().string.isRequired,label:s().string.isRequired,value:s().number,defaultValue:s().number,labelPosition:s().oneOf(["top","left"]),labelWidth:s().number,min:s().number,max:s().number,step:s().number,isDisabled:s().bool,help:s().string,helpFormat:s().oneOf(["text","under"])};const _=C;var O=o(
|
|
5
|
+
*/(()=>{"use strict";var e={9952:(e,t,o)=>{o.r(t),o.d(t,{default:()=>Gt,editorTypeToComponentMap:()=>zt});var a=o(2649),n=o.n(a),l=o(9497),r=o.n(l),i=o(23),s=o.n(i),u=o(2749),c=o.n(u),d=o(4182),f=o(3263),p=o(9967),m=o(2065),b=o(2782),g=o.n(b),h=o(4008),v=o.n(h),y=o(5592);const C=({onChange:e,name:t,value:o=null,labelPosition:a="top",labelWidth:n,label:i,min:s,max:u,step:c,isDisabled:d,help:f,helpFormat:p="under",defaultValue:m})=>{const b=(0,l.useCallback)(((o,a)=>{if(void 0===m&&null==a)return void e(o,t,a);const n=parseFloat(null!=a?a:m);Number.isFinite(n)&&e(o,t,n)}),[m,e,t]),{currentValue:h,handleChange:C,handleBlur:_,handleFocus:O,handleKeyPress:E}=(0,y.useNumberInput)({value:o,min:s,max:u,defaultValue:m,onValueChange:b});return r().createElement(v(),{label:i,labelPosition:a,labelWidth:n,help:"under"===p?f:void 0,tooltip:"tooltip"===p?f:void 0,tooltipDefaultPlacement:"top"},r().createElement(g(),{"data-test":t,min:s,max:u,step:c,onChange:C,onBlur:_,onFocus:O,onKeyDown:E,value:h,disabled:d}))};C.propTypes={onChange:s().func.isRequired,name:s().string.isRequired,label:s().string.isRequired,value:s().number,defaultValue:s().number,labelPosition:s().oneOf(["top","left"]),labelWidth:s().number,min:s().number,max:s().number,step:s().number,isDisabled:s().bool,help:s().string,helpFormat:s().oneOf(["text","under"])};const _=C;var O=o(397);const E=({name:e,value:t=0,labelPosition:o="top",labelWidth:a,label:n,onChange:i,isDisabled:s=!1,help:u})=>{const c=(0,l.useCallback)(((e,t,o)=>{i(e,t,null==o?o:o/100)}),[i]);return r().createElement(_,{name:e,value:Math.round(100*t),label:n,labelPosition:o,labelWidth:a,onChange:c,min:0,max:100,step:1,disabled:s,help:u})};E.propTypes={onChange:s().func.isRequired,name:s().string.isRequired,label:s().string.isRequired,labelWidth:s().number,value:s().number,labelPosition:s().oneOf(["top","left"]),isDisabled:s().bool,help:s().string};const x=E;var j=o(148),P=o.n(j),w=o(4215),D=o.n(w);const S=require("@splunk/visualization-context/ImageContext");var T=o.n(S),k=o(6195),M=o.n(k),F=o(232),R=o.n(F),B=o(6649),A=o(2138),I=o.n(A),L=o(4082),$=o.n(L);const V=require("@splunk/react-ui/Image");var N=o.n(V),q=o(7464),W=o.n(q),z=o(4793),U=o(962);const G=R().div`
|
|
6
6
|
padding-bottom: 5px;
|
|
7
7
|
width: 100%;
|
|
8
8
|
text-align: center;
|
|
9
9
|
`,K={marginBottom:10},H={width:"100%"},Y=R().span`
|
|
10
10
|
font-size: smaller;
|
|
11
11
|
font-style: italic;
|
|
12
|
-
`,Z=(0,B._)("Note: Uploaded image files can be accessed and deleted by others in your organization"),X=(0,z.memoize)(((e,t)=>{const o=e.slice();if(t)-1===o.indexOf("svg")&&o.push("svg");else{const e=o.indexOf("svg");e>-1&&o.splice(e,1)}return o}),((e,t)=>`${t}-${e.join("-")}`));class J extends l.Component{constructor(e){super(e),
|
|
12
|
+
`,Z=(0,B._)("Note: Uploaded image files can be accessed and deleted by others in your organization"),X=(0,z.memoize)(((e,t)=>{const o=e.slice();if(t)-1===o.indexOf("svg")&&o.push("svg");else{const e=o.indexOf("svg");e>-1&&o.splice(e,1)}return o}),((e,t)=>`${t}-${e.join("-")}`));class J extends l.Component{constructor(e){super(e),M()(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"})})),M()(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})),M()(this,"handleURLChange",((e,{value:t})=>{this.setState({urlValue:t,validUrl:!0,violationType:"none"})})),M()(this,"handleTextKeyDown",(e=>{"Enter"===e.key&&(e.preventDefault(),this.checkImage(this.state.urlValue))})),M()(this,"handleBlur",(e=>{var t;null!==(t=this.inputRef.current)&&void 0!==t&&t.contains(e.relatedTarget)||this.checkImage(this.state.urlValue)})),M()(this,"trackInputRef",(e=>{this.inputRef.current=e,e&&e.addEventListener("focusout",this.handleBlur)})),M()(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=r().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:o,enableGallerySharingWarning:a}=this.context||{},n=X(this.props.validImageTypes,t),l=n.indexOf("svg")<0||this.props.svgRenderAsDom&&n.indexOf("svg")>-1&&o||!this.props.svgRenderAsDom&&n.indexOf("svg")>-1,i="none"!==this.state.violationType?r().createElement(U.CSPMessage,{type:this.state.violationType}):r().createElement(I(),{appearance:"fill",type:"error"},(0,B._)("We can't find an image with this URL. Please enter a new URL."));return r().createElement(G,null,l&&r().createElement($(),{canClear:!0,value:this.state.urlValue,onChange:this.handleURLChange,onKeyDown:this.handleTextKeyDown,style:K,elementRef:this.trackInputRef}),this.state.validUrl?e&&r().createElement(r().Fragment,null,r().createElement(N(),{style:H,defaultFilename:null,defaultImageDataURI:null,onImageChange:this.handleOnImageChange,allowExtensions:n}),a&&r().createElement(Y,{"data-test":"gallery-sharing-warning"},Z)):i)}}M()(J,"contextType",W()),J.propTypes={handleImageUpload:s().func,validImageTypes:s().array,svgRenderAsDom:s().bool},J.defaultProps={handleImageUpload:()=>{},validImageTypes:["gif","jpeg","jpg","png","webp"],svgRenderAsDom:!1};const Q=J;var ee=o(5784),te=o.n(ee),oe=o(7020),ae=o.n(oe),ne=o(3563),le=o(5135),re=o(137);const ie=r().createElement(te(),null),se=R().div`
|
|
13
13
|
width: 100%;
|
|
14
14
|
padding-bottom: 5px;
|
|
15
15
|
`,ue=R().div`
|
|
@@ -49,9 +49,9 @@
|
|
|
49
49
|
padding-top: 5px;
|
|
50
50
|
font-size: 12px;
|
|
51
51
|
display: block;
|
|
52
|
-
`,xe=({error:e,id:t,thresholdIndex:o})=>e?r().createElement(Ee,{id:t},"number"==typeof o?(0,Oe.sprintf)((0,B._)("Error for threshold %(thresholdIndex)d : %(error)s"),{thresholdIndex:o,error:e}):(0,Oe.sprintf)((0,B._)("Error: %(error)s"),{error:e})):null;xe.propTypes={id:s().string,error:s().string,thresholdIndex:s().number};const je=xe,Pe=({"data-test":e="threshold-boundary-input",boundary:t,isDisabled:o=!1,isEditable:a=!0,errorId:n,onChange:i=z.noop,onRequestClose:s=z.noop,onValidate:u=z.noop,index:c})=>{const[d,f]=(0,l.useState)(t);(0,l.useEffect)((()=>{f(t)}),[t]);const p=(0,l.useCallback)(((e,{value:t})=>{f(t),u(t)}),[u]),m=(0,l.useCallback)((e=>{"Enter"===e.key&&i(d),"Escape"===e.key&&s()}),[d,i,s]),b=(0,l.useCallback)((()=>{i(d)}),[i,d]),h="number"==typeof c?(0,Oe.sprintf)((0,B._)("Threshold number %(index)d"),{index:c}):(0,B._)("Threshold");return a?r().createElement(g(),{"aria-label":d?(0,Oe.sprintf)((0,B._)("%(label)s, value %(boundaryValue)d"),{label:h,boundaryValue:d}):(0,Oe.sprintf)((0,B._)("%(label)s, no value"),{label:h}),inline:!0,hideStepButtons:!0,disabled:o,value:d||0===d?d:null,onChange:p,onBlur:b,onKeyDown:m,error:!!n,"data-test":e,describedBy:n}):null};Pe.propTypes={"data-test":s().string,boundary:s().number,isDisabled:s().bool,isEditable:s().bool,errorId:s().string,onChange:s().func,onRequestClose:s().func,onValidate:s().func,index:s().number};const we=Pe;function De(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,a)}return o}function Se(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?De(Object(o),!0).forEach((function(t){
|
|
52
|
+
`,xe=({error:e,id:t,thresholdIndex:o})=>e?r().createElement(Ee,{id:t},"number"==typeof o?(0,Oe.sprintf)((0,B._)("Error for threshold %(thresholdIndex)d : %(error)s"),{thresholdIndex:o,error:e}):(0,Oe.sprintf)((0,B._)("Error: %(error)s"),{error:e})):null;xe.propTypes={id:s().string,error:s().string,thresholdIndex:s().number};const je=xe,Pe=({"data-test":e="threshold-boundary-input",boundary:t,isDisabled:o=!1,isEditable:a=!0,errorId:n,onChange:i=z.noop,onRequestClose:s=z.noop,onValidate:u=z.noop,index:c})=>{const[d,f]=(0,l.useState)(t);(0,l.useEffect)((()=>{f(t)}),[t]);const p=(0,l.useCallback)(((e,{value:t})=>{f(t),u(t)}),[u]),m=(0,l.useCallback)((e=>{"Enter"===e.key&&i(d),"Escape"===e.key&&s()}),[d,i,s]),b=(0,l.useCallback)((()=>{i(d)}),[i,d]),h="number"==typeof c?(0,Oe.sprintf)((0,B._)("Threshold number %(index)d"),{index:c}):(0,B._)("Threshold");return a?r().createElement(g(),{"aria-label":d?(0,Oe.sprintf)((0,B._)("%(label)s, value %(boundaryValue)d"),{label:h,boundaryValue:d}):(0,Oe.sprintf)((0,B._)("%(label)s, no value"),{label:h}),inline:!0,hideStepButtons:!0,disabled:o,value:d||0===d?d:null,onChange:p,onBlur:b,onKeyDown:m,error:!!n,"data-test":e,describedBy:n}):null};Pe.propTypes={"data-test":s().string,boundary:s().number,isDisabled:s().bool,isEditable:s().bool,errorId:s().string,onChange:s().func,onRequestClose:s().func,onValidate:s().func,index:s().number};const we=Pe;function De(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,a)}return o}function Se(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?De(Object(o),!0).forEach((function(t){M()(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):De(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}const Te=["#dc4e41","#f1813f","#f8be34","#53a051","#0877a6","#006d9c","#ec9960","#af575a","#62b3b2","#4fa484","#f8be44","#5a4575","#708794","#294e70","#b6c75a"];function ke(e=[]){if(e.length<2)return console.warn("Invalid threshold configuration: at least 2 thresholds required"),e;const t=e.map((e=>{const t=Se({},e);return e.from&&(t.from=+e.from),e.to&&(t.to=+e.to),t})),o=t.filter((e=>void 0===e.from));o.length>1&&console.warn("Invalid threshold configuration: multiple open lower boundaries");const a=t.filter((e=>void 0!==e.from));a.length!==(0,z.uniqBy)(a,"from").length&&console.warn("Invalid threshold configuration: duplicate from values");const n=a.sort(((e,t)=>+t.from-+e.from));if(o.length){const e=o[0];return e.to!==n[n.length-1].from&&(e.to=n[n.length-1].from),n.forEach(((e,t)=>{const o=Se({},e);t>0?o.to=n[t-1].from:delete o.to,n[t]=o})),[...n,e]}return n.forEach(((e,t)=>{const o=Se({},e);t>0&&(o.to=n[t-1].from),n[t]=o})),n}function Me(e="",t=[]){const o=parseFloat(e);return(0,z.isNaN)(o)||(0,z.isNaN)(+e)?{error:!0,errorMessage:(0,B._)("Not a valid threshold. Must be a number")}:t.filter((e=>e.from===o)).length>0?{error:!0,errorMessage:(0,B._)("Value already exists")}:{error:!1,errorMessage:null}}const Fe=R().div.attrs((()=>({"data-test":"add-threshold-level"})))`
|
|
53
53
|
margin-bottom: 10px;
|
|
54
|
-
`,Re=({thresholds:e,onAddThreshold:t=z.noop})=>{const[o,a]=(0,l.useState)(!1),[n,i]=(0,l.useState)(null),s=(0,l.useCallback)((()=>{a(!o)}),[o]),u=(0,l.useCallback)((o=>{const a=
|
|
54
|
+
`,Re=({thresholds:e,onAddThreshold:t=z.noop})=>{const[o,a]=(0,l.useState)(!1),[n,i]=(0,l.useState)(null),s=(0,l.useCallback)((()=>{a(!o)}),[o]),u=(0,l.useCallback)((o=>{const a=Me(o,e);a.error?i(a.errorMessage):t(o)}),[e,t]),c=(0,l.useCallback)((t=>{const o=Me(t,e);o.error&&i(o.errorMessage)}),[e]);return r().createElement(Fe,null,o?r().createElement(r().Fragment,null,r().createElement(we,{"data-test":"add-threshold-input",isError:!!n,onChange:u,onRequestClose:s,onValidate:c}),r().createElement(je,{error:n})):r().createElement(ae(),{appearance:"secondary",onClick:s,label:`+ ${(0,B._)("Add threshold level")}`}))};Re.propTypes={onAddThreshold:s().func,thresholds:s().array};const Be=Re;var Ae=o(8987),Ie=o(6379),Le=o.n(Ie);const $e=R().div`
|
|
55
55
|
margin-right: 10px;
|
|
56
56
|
width: 100px;
|
|
57
57
|
display: inline-block;
|
|
@@ -91,10 +91,10 @@
|
|
|
91
91
|
&:hover {
|
|
92
92
|
background-color: ${e=>!e.disabled&&ne.variables.interactiveColorOverlayDrag} !important;
|
|
93
93
|
}
|
|
94
|
-
`,Je=({editFrom:e,editTo:t,editValue:o,error:a,from:n,index:i,isDisabled:s=!1,isRemovable:u=!1,onChange:c,onRemove:d,renderThresholdValueEditor:f,to:p,value:m})=>{const b=(0,l.useCallback)((e=>{(a||e!==n)&&c(i,{from:e,value:m,to:p})}),[c,n,m,p,i,a]),g=(0,l.useCallback)((e=>{(a||e!==p)&&c(i,{from:n,value:m,to:e})}),[c,n,m,p,i,a]),h=(0,l.useCallback)((({value:e})=>{c(i,{from:n,value:e,to:p})}),[c,i,n,p]),v=(0,l.useCallback)((()=>d(i)),[d,i]),y=(0,l.useMemo)((()=>a?(0,Ae.createDOMID)("threshold-error"):void 0),[a]);return r().createElement(r().Fragment,null,r().createElement(Ke,null,r().createElement(He,null,r().createElement(we,{"data-test":"threshold-from-level",boundary:n,isDisabled:s,isEditable:e,errorId:y,onChange:b,index:i})),r().createElement(Ge,{to:p,index:i,isRemovable:u,isEditable:t,isDisabled:s,onChange:g,errorId:y}),r().createElement(Ye,null,f({value:m,onChange:h,isDisabled:s||!!a,editValue:o})),r().createElement(Ze,null,u&&r().createElement(Xe,{"data-test":"threshold-remove-button",icon:r().createElement(te(),null),appearance:"subtle",onClick:v,disabled:s}))),r().createElement(je,{error:a,id:y,thresholdIndex:i}))};Je.propTypes={editFrom:s().bool,editTo:s().bool,editValue:s().bool,error:s().string,from:s().number,index:s().number,isDisabled:s().bool,isRemovable:s().bool,onChange:s().func,onRemove:s().func,renderThresholdValueEditor:s().elementType.isRequired,to:s().number,value:s().string};const Qe=Je;function et(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,a)}return o}function tt(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?et(Object(o),!0).forEach((function(t){
|
|
94
|
+
`,Je=({editFrom:e,editTo:t,editValue:o,error:a,from:n,index:i,isDisabled:s=!1,isRemovable:u=!1,onChange:c,onRemove:d,renderThresholdValueEditor:f,to:p,value:m})=>{const b=(0,l.useCallback)((e=>{(a||e!==n)&&c(i,{from:e,value:m,to:p})}),[c,n,m,p,i,a]),g=(0,l.useCallback)((e=>{(a||e!==p)&&c(i,{from:n,value:m,to:e})}),[c,n,m,p,i,a]),h=(0,l.useCallback)((({value:e})=>{c(i,{from:n,value:e,to:p})}),[c,i,n,p]),v=(0,l.useCallback)((()=>d(i)),[d,i]),y=(0,l.useMemo)((()=>a?(0,Ae.createDOMID)("threshold-error"):void 0),[a]);return r().createElement(r().Fragment,null,r().createElement(Ke,null,r().createElement(He,null,r().createElement(we,{"data-test":"threshold-from-level",boundary:n,isDisabled:s,isEditable:e,errorId:y,onChange:b,index:i})),r().createElement(Ge,{to:p,index:i,isRemovable:u,isEditable:t,isDisabled:s,onChange:g,errorId:y}),r().createElement(Ye,null,f({value:m,onChange:h,isDisabled:s||!!a,editValue:o})),r().createElement(Ze,null,u&&r().createElement(Xe,{"data-test":"threshold-remove-button",icon:r().createElement(te(),null),appearance:"subtle",onClick:v,disabled:s}))),r().createElement(je,{error:a,id:y,thresholdIndex:i}))};Je.propTypes={editFrom:s().bool,editTo:s().bool,editValue:s().bool,error:s().string,from:s().number,index:s().number,isDisabled:s().bool,isRemovable:s().bool,onChange:s().func,onRemove:s().func,renderThresholdValueEditor:s().elementType.isRequired,to:s().number,value:s().string};const Qe=Je;function et(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,a)}return o}function tt(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?et(Object(o),!0).forEach((function(t){M()(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):et(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}const ot=[],at=({ranges:e=ot,openRanges:t=!0,isDisabled:o=!1,onChange:a,renderThresholdValueEditor:n})=>{const[i,s]=(0,l.useState)({}),u=(0,l.useCallback)((t=>{const o=(0,z.cloneDeep)(e);o.splice(t,1),a(ke(o));const n=tt({},i);delete n[t],s(n)}),[i,e,a]),c=(0,l.useCallback)(((o,n)=>{const l=(0,z.cloneDeep)(e),r=tt({},i);if(l.splice(o,1,n),delete r[o],!t&&0===o){const e=function(e="",t=""){const o=parseFloat(e),a=parseFloat(t);return(0,z.isNaN)(o)||(0,z.isNaN)(+e)||(0,z.isNaN)(a)||(0,z.isNaN)(+t)?{error:!0,errorMessage:(0,B._)("Not a valid threshold. Must be a number")}:o<a?{error:!0,errorMessage:(0,B._)("Upper boundary must exceed lower boundary")}:{error:!1,errorMessage:null}}(n.to,n.from);e.error&&(r[o]=e.errorMessage)}if(!t&&0!==o&&n.to<n.from&&n.from>e[0].from&&(l[o].to=n.from+10),!t||o<e.length-1){const t=(0,z.cloneDeep)(e);t.splice(o,1);const a=Me(n.from,t);a.error&&(r[o]=a.errorMessage)}s(r),Object.keys(r).length||a(ke(l))}),[i,e,a,t]),d=!!Object.keys(i).length,f=(0,l.useCallback)((o=>!t&&e.length>1||t&&e.length>2&&o!==e.length-1),[t,e]);return e.map(((a,l)=>r().createElement(Qe,{key:`threshold-${a.from}-${a.to}-${a.value}`,onRemove:u,onChange:c,index:l,from:a.from,to:a.to,value:a.value,error:i[l],editFrom:!t||l!==e.length-1,editTo:!t&&0===l,editValue:!d,isRemovable:f(l),isDisabled:o,renderThresholdValueEditor:n})))};at.propTypes={onChange:s().func.isRequired,ranges:s().arrayOf(s().shape({from:s().number,to:s().number,value:s().string})),isDisabled:s().bool,renderThresholdValueEditor:s().elementType.isRequired,openRanges:s().bool};const nt=at;var lt=o(7408),rt=o.n(lt),it=o(3283);const st=({isDisabled:e,value:t,onChange:o})=>{const a=r().useCallback((({value:e})=>{o({value:null==e||""===e?"transparent":e})}),[o]);return r().createElement(rt(),{disabled:e,value:(0,it.isColor)(t)?t:"transparent",onChange:a,hideInput:!0,palette:Te,"data-test":"threshold-level-value"})};st.propTypes={isDisabled:s().bool,value:s().string,onChange:s().func.isRequired};const ut=st,ct=R().div`
|
|
95
95
|
flex-direction: column;
|
|
96
96
|
flex-grow: 1;
|
|
97
|
-
`,dt=({onChange:e,name:t,itemSchema:o,value:a,labelPosition:n="top",labelWidth:i,label:s,isDisabled:u=!1,isTogglable:c=!0,openRanges:d=!0,renderThresholdValueEditor:f=ut})=>{const p=Array.isArray(a)&&a.length>0,m=(0,l.useCallback)((()=>{e(null,t,o.default)}),[o,t,e]),b=(0,l.useCallback)((()=>{e(null,t,null)}),[t,e]),g=(0,l.useCallback)((()=>p?b():m()),[p,m,b]),h=(0,l.useCallback)((o=>{const n=(0,z.cloneDeep)(a),l={from:o,value:function(e=[]){const t=(0,z.difference)(Te,e);return t.length>0?t[0]:"#444000"}(n.map((e=>e.value)))};d||(l.to=o+10),n.push(l);const r=
|
|
97
|
+
`,dt=({onChange:e,name:t,itemSchema:o,value:a,labelPosition:n="top",labelWidth:i,label:s,isDisabled:u=!1,isTogglable:c=!0,openRanges:d=!0,renderThresholdValueEditor:f=ut})=>{const p=Array.isArray(a)&&a.length>0,m=(0,l.useCallback)((()=>{e(null,t,o.default)}),[o,t,e]),b=(0,l.useCallback)((()=>{e(null,t,null)}),[t,e]),g=(0,l.useCallback)((()=>p?b():m()),[p,m,b]),h=(0,l.useCallback)((o=>{const n=(0,z.cloneDeep)(a),l={from:o,value:function(e=[]){const t=(0,z.difference)(Te,e);return t.length>0?t[0]:"#444000"}(n.map((e=>e.value)))};d||(l.to=o+10),n.push(l);const r=ke(n);e(null,t,r)}),[t,a,e,d]),y=(0,l.useCallback)((o=>{e(null,t,o)}),[e,t]);return r().createElement(v(),{label:s,labelPosition:n,labelWidth:i},r().createElement(ct,{"data-test":t},c&&r().createElement(ye(),{appearance:"toggle",selected:p,onClick:g,disabled:u,role:"switch"},(0,B._)("Threshold")),p&&r().createElement(r().Fragment,null,!u&&r().createElement(Be,{onAddThreshold:h,thresholds:a}),r().createElement(nt,{onChange:y,ranges:a,isDisabled:u,openRanges:d,renderThresholdValueEditor:f}))))};dt.propTypes={onChange:s().func.isRequired,name:s().string.isRequired,itemSchema:s().object,value:s().arrayOf(s().shape({from:s().number,to:s().number,value:s().string})),label:s().string.isRequired,labelPosition:s().oneOf(["left","top"]),labelWidth:s().number,isDisabled:s().bool,openRanges:s().bool,renderThresholdValueEditor:s().elementType,isTogglable:s().bool};const ft=dt;var pt=o(1027),mt=o(152),bt=o(8281),gt=o(4942),ht=o.n(gt),vt=o(5731),yt=o.n(vt),Ct=o(6116),_t=o.n(Ct),Ot=o(8444),Et=o(4680),xt=o(7970),jt=o.n(xt),Pt=o(5456),wt=o(7585),Dt=o.n(wt),St=o(2117),Tt=o.n(St),kt=o(2965),Mt=o.n(kt),Ft=o(5695),Rt=o.n(Ft),Bt=o(7364),At=o.n(Bt),It=o(9172),Lt=o.n(It),$t=o(5678),Vt=o.n($t),Nt=o(8687),qt=o.n(Nt),Wt=o(1546);const zt={"editor.checkbox":c(),"editor.radioBar":f.default,"editor.select":d.default,"editor.text":p.Z,"editor.textArea":qt(),"editor.toggle":m.default,"editor.number":_,"editor.color":O.default,"editor.percent":x,"editor.image":he,"editor.threshold":ft,"editor.presetSelector":D(),"editor.dynamicColor":mt.DynamicColorEditor,"editor.dynamicColorWithPrecedence":bt.DynamicColorEditorWithPrecedence,"editor.columnMultiSelector":ht(),"editor.columnSelector":yt(),"editor.tableColumnFormatter":_t(),"editor.tableBackgroundColor":Et.TableBackgroundColorEditor,"editor.tableDynamicColor":Ot.TableDynamicColorEditor,"editor.slider":P(),"editor.markdown":jt(),"editor.staticItem":Pt.default,"editor.dynamicItem":Dt(),"editor.arrayOfStrings":Tt(),"editor.multiColorPicker":Mt(),"editor.seriesColors":Rt(),"editor.seriesColorsByField":At(),"editor.columnMultiSelectionByFieldNameEditor":Lt(),"editor.trellisSplitBy":Vt(),"editor.networkGraphDynamicColor":Wt.NetworkGraphDynamicColorEditor},Ut=({item:e,name:t,itemSchema:o,dataSourceBindings:a,context:l,value:i,onChange:s,isDisabled:u,options:c,optionsSchema:d})=>{const{editor:f}=e;let p;if("string"==typeof f){if(!zt[f])throw Error(`Invalid editor type: ${f}`);p=zt[f]}else p=f;const m=(0,pt.getStaticItemSchema)(o);return r().createElement("div",{key:e.option||e.encoding,"data-test":`editor-${t}`},r().createElement(p,n()({},e.editorProps,{name:t,isOption:!!e.option,itemSchema:m,dataSourceBindings:a,label:e.label,onChange:s,value:i,context:l,placeholder:e.placeholder,isAdvanced:e.isAdvanced,isDisabled:u,options:c,optionsSchema:d})))};Ut.propTypes={item:s().object.isRequired,name:s().string.isRequired,itemSchema:s().object.isRequired,context:s().object,dataSourceBindings:s().object,value:s().any,onChange:s().func.isRequired,isDisabled:s().bool,options:s().object,optionsSchema:s().object};const Gt=Ut},397:(e,t,o)=>{o.r(t),o.d(t,{default:()=>T});var a=o(9497),n=o.n(a),l=o(23),r=o.n(l),i=o(232),s=o.n(i),u=o(4793),c=o(3563),d=o(7408),f=o.n(d),p=o(4082),m=o.n(p),b=o(8987),g=o(6649),h=o(2621),v=o.n(h);const y=require("@splunk/visualizations-shared/colorConstants");var C=o(3283),_=o(4008),O=o.n(_);const E=s().div`
|
|
98
98
|
max-height: ${c.variables.inputHeight};
|
|
99
99
|
width: 100%;
|
|
100
100
|
min-width: 0;
|
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
}
|
|
110
110
|
`,_=r().createElement(C,null,r().createElement("span",{"data-test":"form-row-header-label"},(0,f._)("Label")),r().createElement("span",{"data-test":"form-row-header-value"},(0,f._)("Value"))),O=(e,t)=>e.filter(((e,o)=>o!==t)),E=(e,t,o)=>"string"!=typeof e||""===e.trim()||t.filter((t=>t[o]===e)).length>1,x=(e,t)=>E(e,t,"label"),j=(e,t)=>E(e,t,"value"),P=c().div`
|
|
111
111
|
width: 100%;
|
|
112
|
-
`,w=[],D=({onChange:e,name:t,value:o=w,labelPosition:a="top",label:n="",validate:i})=>{const[s,u]=(0,l.useState)(o),[c,p]=(0,l.useState)(o.length);(0,l.useEffect)((()=>{u(o),o.length>c&&p(o.length)}),[o,c]);const g=(0,l.useCallback)((a=>{var n;(0,d.isEqual)(a,o)||((n=a).some((({label:e,value:t})=>"string"!=typeof e||""===e.trim()||"string"!=typeof t||""===t.trim()))||(0,d.uniqBy)(n,(e=>e.value)).length!==n.length||(0,d.uniqBy)(n,(e=>e.label)).length!==n.length)?u(a):e(null,t,a)}),[o,t,e]),v=(0,l.useCallback)(((e,{index:t})=>{const o=O(s,t);g(o)}),[s,g]),E=(0,l.useCallback)((({fromIndex:e,toIndex:t})=>{const o=s[e],a=O(s,e);a.splice(t,0,o),g(a)}),[s,g]),D=(0,l.useCallback)(((e,t)=>(o,a,n="")=>{const l=s[e],r=[...s];r.splice(e,1,y(y({},l),{},{[t]:n.trim()})),g(r)}),[s,g]),S=(0,l.useCallback)((()=>{const e=s.concat({label:`Label ${c}`,value:`menu_v${c}`});p(c+1),g(e)}),[s,c,g]),T=s.map(((e,t)=>{const{label:o,value:a}=e;return r().createElement(m().Row,{index:t,key:`${o}_${a}_${t}`,onRequestRemove:v},r().createElement(C,null,r().createElement(b.Z,{label:(0,f._)("Label"),hideLabel:!0,value:o,onChange:D(t,"label"),name:"item-label-editor",error:x(o,s),validate:i}),r().createElement(b.Z,{label:(0,f._)("Value"),hideLabel:!0,value:a,onChange:D(t,"value"),name:"item-value-editor",error:j(a,s),validate:i})))}));return r().createElement(h(),{label:n,labelPosition:a},r().createElement(P,null,r().createElement(m(),{addLabel:(0,f._)("Add new"),header:_,onRequestAdd:S,onRequestMove:E},T)))};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 S=D},9967:(e,t,o)=>{o.d(t,{Z:()=>E});var a=o(2649),n=o.n(a),l=o(6195),r=o.n(l);const i=require("@babel/runtime/helpers/objectWithoutProperties");var s=o.n(i),u=o(9497),c=o.n(u),d=o(23),f=o.n(d),p=o(4793),m=o(4082),b=o.n(m),g=o(4008),h=o.n(g),v=o(5862);const y=["onChange","name","value","label","labelPosition","labelWidth","labelStyle","hideLabel","isAdvanced","isDisabled","help","tooltip","validate","error"];function C(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,a)}return o}const _={},O=e=>{let{onChange:t,name:o,value:a="",label:l,labelPosition:i="top",labelWidth:d,labelStyle:f=_,hideLabel:m=!1,isAdvanced:g,isDisabled:O=!1,help:E,tooltip:x,validate:j,error:P}=e,w=s()(e,y);const[D,S]=(0,u.useState)(a),T=(0,u.useCallback)((e=>"function"==typeof j?j({value:e}):null),[j]),[M
|
|
112
|
+
`,w=[],D=({onChange:e,name:t,value:o=w,labelPosition:a="top",label:n="",validate:i})=>{const[s,u]=(0,l.useState)(o),[c,p]=(0,l.useState)(o.length);(0,l.useEffect)((()=>{u(o),o.length>c&&p(o.length)}),[o,c]);const g=(0,l.useCallback)((a=>{var n;(0,d.isEqual)(a,o)||((n=a).some((({label:e,value:t})=>"string"!=typeof e||""===e.trim()||"string"!=typeof t||""===t.trim()))||(0,d.uniqBy)(n,(e=>e.value)).length!==n.length||(0,d.uniqBy)(n,(e=>e.label)).length!==n.length)?u(a):e(null,t,a)}),[o,t,e]),v=(0,l.useCallback)(((e,{index:t})=>{const o=O(s,t);g(o)}),[s,g]),E=(0,l.useCallback)((({fromIndex:e,toIndex:t})=>{const o=s[e],a=O(s,e);a.splice(t,0,o),g(a)}),[s,g]),D=(0,l.useCallback)(((e,t)=>(o,a,n="")=>{const l=s[e],r=[...s];r.splice(e,1,y(y({},l),{},{[t]:n.trim()})),g(r)}),[s,g]),S=(0,l.useCallback)((()=>{const e=s.concat({label:`Label ${c}`,value:`menu_v${c}`});p(c+1),g(e)}),[s,c,g]),T=s.map(((e,t)=>{const{label:o,value:a}=e;return r().createElement(m().Row,{index:t,key:`${o}_${a}_${t}`,onRequestRemove:v},r().createElement(C,null,r().createElement(b.Z,{label:(0,f._)("Label"),hideLabel:!0,value:o,onChange:D(t,"label"),name:"item-label-editor",error:x(o,s),validate:i}),r().createElement(b.Z,{label:(0,f._)("Value"),hideLabel:!0,value:a,onChange:D(t,"value"),name:"item-value-editor",error:j(a,s),validate:i})))}));return r().createElement(h(),{label:n,labelPosition:a},r().createElement(P,null,r().createElement(m(),{addLabel:(0,f._)("Add new"),header:_,onRequestAdd:S,onRequestMove:E},T)))};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 S=D},9967:(e,t,o)=>{o.d(t,{Z:()=>E});var a=o(2649),n=o.n(a),l=o(6195),r=o.n(l);const i=require("@babel/runtime/helpers/objectWithoutProperties");var s=o.n(i),u=o(9497),c=o.n(u),d=o(23),f=o.n(d),p=o(4793),m=o(4082),b=o.n(m),g=o(4008),h=o.n(g),v=o(5862);const y=["onChange","name","value","label","labelPosition","labelWidth","labelStyle","hideLabel","isAdvanced","isDisabled","help","tooltip","validate","error"];function C(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,a)}return o}const _={},O=e=>{let{onChange:t,name:o,value:a="",label:l,labelPosition:i="top",labelWidth:d,labelStyle:f=_,hideLabel:m=!1,isAdvanced:g,isDisabled:O=!1,help:E,tooltip:x,validate:j,error:P}=e,w=s()(e,y);const[D,S]=(0,u.useState)(a),T=(0,u.useCallback)((e=>"function"==typeof j?j({value:e}):null),[j]),[k,M]=(0,u.useState)(T(a)),F=(0,u.useMemo)((()=>(0,p.debounce)((e=>{M(T(e))}),250)),[T]);(0,u.useEffect)((()=>()=>{F.cancel()}),[F]),(0,u.useEffect)((()=>{S(a),M(T(a))}),[T,a]);const R=(0,u.useCallback)(((e,{value:t})=>{S(t),F(t)}),[F]),B=(0,u.useCallback)((e=>{const n=D.trim();if(n===a)return;const l=T(n);M(l),l||t(e,o,n)}),[D,a,T,t,o]),A=(0,u.useCallback)((e=>{"Enter"===e.key&&B(e)}),[B]),I=(0,u.useMemo)((()=>l&&""!==l?f:function(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?C(Object(o),!0).forEach((function(t){r()(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):C(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}({},f)),[l,f]);return c().createElement(h(),{label:l,labelPosition:i,labelWidth:d,style:I,hideLabel:m,help:E,tooltip:x,error:(null==k?void 0:k.message)||P,isAdvanced:g},c().createElement(b(),n()({key:a,"data-test":o,style:v.editorStyle,onChange:R,onKeyDown:A,onBlur:B,value:D,disabled:O,canClear:!0},w,{error:!!k||P})))};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},2065:(e,t,o)=>{o.r(t),o.d(t,{default:()=>u});var a=o(2649),n=o.n(a),l=o(9497),r=o.n(l),i=o(2749),s=o.n(i);const u=e=>r().createElement(s(),n()({},e,{appearance:"toggle"}))},1668:(e,t,o)=>{o.r(t),o.d(t,{default:()=>n});var a=o(232);const n=o.n(a)().div`
|
|
113
113
|
padding: 10px 15px 0px 15px;
|
|
114
114
|
display: flex;
|
|
115
115
|
align-items: center;
|
|
@@ -137,7 +137,7 @@
|
|
|
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:o,name:a,value:n,values:l,itemSchema:r,variantForSelectedState:s,labelPosition:u="right",labelWidth:c,label:d,appearance:f="checkbox",isDisabled:O=!1,helpTextLink:E,chipText:x})=>{const j=(0,m.hasTokens)(n)||O;let P;if(Array.isArray(l)&&2===l.length)P=_(l.map((e=>e.value)),s);else if(Array.isArray(r.enum)&&2===r.enum.length)P=_(r.enum,s);else{if("boolean"!==r.type)throw Error(`No valid values provided to CheckboxEditor: ${JSON.stringify(r)}`);P=[!1,!0]}const w=(0,i.useCallback)((e=>o(e,a,n===P[1]?P[0]:P[1])),[o,P,a,n]);return"right"===u?i.default.createElement(i.default.Fragment,null,i.default.createElement(h,{"data-test":a,disabled:j,value:a,onClick:w,selected:n===P[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":a,disabled:j,value:a,onClick:w,selected:n===P[1],appearance:f}))}},9172:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.EDITOR_NAME=void 0;const i=l(o(9497)),s=r(o(23)),u=r(o(7446)),c=o(9033),d=o(6801),f=o(1385),p=o(1256),m=r(o(4008));t.EDITOR_NAME="columnMultiSelectionByFieldName-editor";const b=[],g=({name:e,value:o,label:a,labelPosition:n="top",labelWidth:l,isAdvanced:r=!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:j}=(0,i.useMemo)((()=>(null==y?void 0:y.data)||{columns:[],fields:[]}),[y]),P=(0,i.useMemo)((()=>(0,p.getAvailableFieldsWithTypes)(x,j)),[x,j]),w=(0,i.useMemo)((()=>(0,p.sanitizeFieldNames)(o,P.map((e=>e.name)))),[o,P]),D=(0,i.useCallback)(((t,{values:o})=>{v(t,e,o)}),[v,e]);return i.default.createElement(m.default,{"data-test":`${t.EDITOR_NAME}-${e}`,label:a,labelPosition:n,labelWidth:l,tooltip:d,isAdvanced:r},i.default.createElement(u.default,{"data-test":`${t.EDITOR_NAME}-select-${e}`,onChange:D,values:w,disabled:E,isLoadingOptions:O,compact:!0,selectAllAppearance:"checkbox"},P.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,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnMultiSelectionEditor=t.isInternal=void 0;const i=l(o(9497)),s=r(o(7446)),u=o(4793),c=o(1413),d=o(9033),f=o(1385),p=o(1256),m=r(o(4008)),b=o(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:o,label:a="",labelPosition:n="top",dataSourceKey:l="primary",dataSourceBindings:r,prepareValue:g=(e=>e),onChange:h,isAdvanced:v,isDisabled:y,shouldShowInternalFields:C=!0,filterByTypes:_,excludeByNames:O})=>{const E=(0,f.useDataSource)({dataSourceBindings:r,dataSourceKey:l}),{columns:x,fields:j}=(null==E?void 0:E.data)||{columns:[],fields:[]},P=(0,i.useMemo)((()=>C?E:Object.assign(Object.assign({},E),{data:{fields:j.filter((e=>!(0,t.isInternal)(e))),columns:x.filter(((e,o)=>!(0,t.isInternal)(j[o])))}})),[x,E,j,C]),{columns:w,fields:D}=(0,u.get)(P,"data")||{columns:[],fields:[]},S=(0,i.useMemo)((()=>(0,p.getAvailableFieldsWithTypes)(w,D)),[w,D]),[T,M]=(0,i.useState)(""),k=(0,i.useMemo)((()=>null==o?o:(0,c.getFieldsFromDSL)(o,{[l]:P})),[P,l,o]),[F,R]=(0,i.useState)(k||[]);i.default.useEffect((()=>{(null==k?void 0:k.length)&&R(k)}),[k]);const B=S.filter((e=>-1!==e.name.indexOf(T))),A=(0,b.useColumnSelectorFooterMessage)({availableFields:S,filteredFields:B,filter:T,selectedFields:F}),I=(0,i.useCallback)(((t,{values:o})=>{R(o);const a=`'${o.join("','")}'`,n=g({options:{[e]:`> ${l} | frameBySeriesNames(${a})`}});h(t,n)}),[l,e,h,g]),L=(0,i.useCallback)(((e,{keyword:t})=>{M(t)}),[]),{hasError:$,isMissing:V,isLoading:N}=(0,d.getDataSourceStateInfo)(E),q=V||$||y,W=(0,p.getPlaceholderMessage)({isMissing:V,isLoading:N,hasError:$,defaultMessage:"Select field(s) from data source"});return i.default.createElement(m.default,{label:a,labelPosition:n,isAdvanced:v},i.default.createElement(s.default,{"data-test":"ColumnMultiSelectionEditor",disabled:q,values:F,onChange:I,onFilterChange:L,footerMessage:A,placeholder:W,isLoadingOptions:N,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,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnSelectionEditor=void 0;const i=l(o(9497)),s=r(o(2373)),u=o(1413),c=o(9033),d=o(1385),f=o(1256),p=r(o(4008)),m=o(5862),b=o(8999);t.ColumnSelectionEditor=({name:e,value:t,label:o="",labelPosition:a="top",dataSourceKey:n="primary",dataSourceBindings:l,prepareValue:r=(e=>e),onChange:g,isAdvanced:h,isDisabled:v,filterByTypes:y,tooltip:C,hideEditorWhenLoading:_=!1})=>{const O=(0,d.useDataSource)({dataSourceBindings:l,dataSourceKey:n}),{columns:E,fields:x}=(null==O?void 0:O.data)||{columns:[],fields:[]},j=(0,f.getAvailableFieldsWithTypes)(E,x),P=null==t?t:(0,u.getFieldsFromDSL)(t,{[n]:O})[0]||"",[w,D]=(0,i.useState)(P);i.default.useEffect((()=>{D(P)}),[P]);const[S,T]=(0,i.useState)(""),M=j.filter((e=>-1!==e.name.indexOf(S))),k=(0,b.useColumnSelectorFooterMessage)({availableFields:j,selectedFields:[w],filteredFields:M,filter:S}),F=(0,i.useCallback)(((t,{value:o})=>{D(o);const a=r({options:{[e]:`> ${n} | seriesByName('${o}')`}});g(t,a)}),[n,e,g,r]),R=(0,i.useCallback)(((e,{keyword:t})=>{T(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:o,labelPosition:a,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,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=o(6649),u=r(o(9250)),c=r(o(7020)),d=r(o(1551)),f=r(o(1151)),{useRef:p,useState:m,useCallback:b}=i;t.default=({label:e,labelPosition:t="left",labelWidth:o,onResetToDefault:a})=>{const[n,l]=m(!1),r=p(null),g=b((()=>l(!0)),[]),h=b((()=>l(!1)),[]);return i.createElement(u.default,{label:(0,s._)(e),labelPosition:t,labelWidth:o},i.createElement(c.default,{"data-test":"customized-in-source-button",onClick:g,appearance:"default",ref:r,label:(0,s._)("Customized in source")}),i.createElement(d.default,{"data-test":"customized-in-source-popover",open:n,anchor:r.current,onRequestClose:h,defaultPlacement:"horizontal"},i.createElement(f.default,{onResetToDefault:a})))}},152:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditor=t.prepareUpdate=void 0;const i=l(o(9497)),s=o(7124),u=r(o(9250)),c=r(o(7020)),d=r(o(1551)),f=r(o(232)),p=o(6649),m=o(5089),b=o(4793),g=o(1413),h=r(o(5411)),v=o(2369),y=r(o(2468)),C=o(5862),_=o(1027),{useRef:O,useState:E,useEffect:x}=i,j=f.default.div`
|
|
140
|
+
`,_=(e,t)=>t?[e.find((e=>e!==t)),t]:e;t.default=({help:e,helpFormat:t="tooltip",onChange:o,name:a,value:n,values:l,itemSchema:r,variantForSelectedState:s,labelPosition:u="right",labelWidth:c,label:d,appearance:f="checkbox",isDisabled:O=!1,helpTextLink:E,chipText:x})=>{const j=(0,m.hasTokens)(n)||O;let P;if(Array.isArray(l)&&2===l.length)P=_(l.map((e=>e.value)),s);else if(Array.isArray(r.enum)&&2===r.enum.length)P=_(r.enum,s);else{if("boolean"!==r.type)throw Error(`No valid values provided to CheckboxEditor: ${JSON.stringify(r)}`);P=[!1,!0]}const w=(0,i.useCallback)((e=>o(e,a,n===P[1]?P[0]:P[1])),[o,P,a,n]);return"right"===u?i.default.createElement(i.default.Fragment,null,i.default.createElement(h,{"data-test":a,disabled:j,value:a,onClick:w,selected:n===P[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":a,disabled:j,value:a,onClick:w,selected:n===P[1],appearance:f}))}},9172:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.EDITOR_NAME=void 0;const i=l(o(9497)),s=r(o(23)),u=r(o(7446)),c=o(9033),d=o(6801),f=o(1385),p=o(1256),m=r(o(4008));t.EDITOR_NAME="columnMultiSelectionByFieldName-editor";const b=[],g=({name:e,value:o,label:a,labelPosition:n="top",labelWidth:l,isAdvanced:r=!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:j}=(0,i.useMemo)((()=>(null==y?void 0:y.data)||{columns:[],fields:[]}),[y]),P=(0,i.useMemo)((()=>(0,p.getAvailableFieldsWithTypes)(x,j)),[x,j]),w=(0,i.useMemo)((()=>(0,p.sanitizeFieldNames)(o,P.map((e=>e.name)))),[o,P]),D=(0,i.useCallback)(((t,{values:o})=>{v(t,e,o)}),[v,e]);return i.default.createElement(m.default,{"data-test":`${t.EDITOR_NAME}-${e}`,label:a,labelPosition:n,labelWidth:l,tooltip:d,isAdvanced:r},i.default.createElement(u.default,{"data-test":`${t.EDITOR_NAME}-select-${e}`,onChange:D,values:w,disabled:E,isLoadingOptions:O,compact:!0,selectAllAppearance:"checkbox"},P.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,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnMultiSelectionEditor=t.isInternal=void 0;const i=l(o(9497)),s=r(o(7446)),u=o(4793),c=o(1413),d=o(9033),f=o(1385),p=o(1256),m=r(o(4008)),b=o(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:o,label:a="",labelPosition:n="top",dataSourceKey:l="primary",dataSourceBindings:r,prepareValue:g=(e=>e),onChange:h,isAdvanced:v,isDisabled:y,shouldShowInternalFields:C=!0,filterByTypes:_,excludeByNames:O})=>{const E=(0,f.useDataSource)({dataSourceBindings:r,dataSourceKey:l}),{columns:x,fields:j}=(null==E?void 0:E.data)||{columns:[],fields:[]},P=(0,i.useMemo)((()=>C?E:Object.assign(Object.assign({},E),{data:{fields:j.filter((e=>!(0,t.isInternal)(e))),columns:x.filter(((e,o)=>!(0,t.isInternal)(j[o])))}})),[x,E,j,C]),{columns:w,fields:D}=(0,u.get)(P,"data")||{columns:[],fields:[]},S=(0,i.useMemo)((()=>(0,p.getAvailableFieldsWithTypes)(w,D)),[w,D]),[T,k]=(0,i.useState)(""),M=(0,i.useMemo)((()=>null==o?o:(0,c.getFieldsFromDSL)(o,{[l]:P})),[P,l,o]),[F,R]=(0,i.useState)(M||[]);i.default.useEffect((()=>{(null==M?void 0:M.length)&&R(M)}),[M]);const B=S.filter((e=>-1!==e.name.indexOf(T))),A=(0,b.useColumnSelectorFooterMessage)({availableFields:S,filteredFields:B,filter:T,selectedFields:F}),I=(0,i.useCallback)(((t,{values:o})=>{R(o);const a=`'${o.join("','")}'`,n=g({options:{[e]:`> ${l} | frameBySeriesNames(${a})`}});h(t,n)}),[l,e,h,g]),L=(0,i.useCallback)(((e,{keyword:t})=>{k(t)}),[]),{hasError:$,isMissing:V,isLoading:N}=(0,d.getDataSourceStateInfo)(E),q=V||$||y,W=(0,p.getPlaceholderMessage)({isMissing:V,isLoading:N,hasError:$,defaultMessage:"Select field(s) from data source"});return i.default.createElement(m.default,{label:a,labelPosition:n,isAdvanced:v},i.default.createElement(s.default,{"data-test":"ColumnMultiSelectionEditor",disabled:q,values:F,onChange:I,onFilterChange:L,footerMessage:A,placeholder:W,isLoadingOptions:N,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,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnSelectionEditor=void 0;const i=l(o(9497)),s=r(o(2373)),u=o(1413),c=o(9033),d=o(1385),f=o(1256),p=r(o(4008)),m=o(5862),b=o(8999);t.ColumnSelectionEditor=({name:e,value:t,label:o="",labelPosition:a="top",dataSourceKey:n="primary",dataSourceBindings:l,prepareValue:r=(e=>e),onChange:g,isAdvanced:h,isDisabled:v,filterByTypes:y,tooltip:C,hideEditorWhenLoading:_=!1})=>{const O=(0,d.useDataSource)({dataSourceBindings:l,dataSourceKey:n}),{columns:E,fields:x}=(null==O?void 0:O.data)||{columns:[],fields:[]},j=(0,f.getAvailableFieldsWithTypes)(E,x),P=null==t?t:(0,u.getFieldsFromDSL)(t,{[n]:O})[0]||"",[w,D]=(0,i.useState)(P);i.default.useEffect((()=>{D(P)}),[P]);const[S,T]=(0,i.useState)(""),k=j.filter((e=>-1!==e.name.indexOf(S))),M=(0,b.useColumnSelectorFooterMessage)({availableFields:j,selectedFields:[w],filteredFields:k,filter:S}),F=(0,i.useCallback)(((t,{value:o})=>{D(o);const a=r({options:{[e]:`> ${n} | seriesByName('${o}')`}});g(t,a)}),[n,e,g,r]),R=(0,i.useCallback)(((e,{keyword:t})=>{T(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:o,labelPosition:a,tooltip:C,isAdvanced:h},i.default.createElement(s.default,{"data-test":"ColumnSelectionEditor",value:w,onFilterChange:R,onChange:F,footerMessage:M,disabled:L,placeholder:$,isLoadingOptions:I,error:B,style:m.editorStyle,filter:!0},k.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,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=o(6649),u=r(o(9250)),c=r(o(7020)),d=r(o(1551)),f=r(o(1151)),{useRef:p,useState:m,useCallback:b}=i;t.default=({label:e,labelPosition:t="left",labelWidth:o,onResetToDefault:a})=>{const[n,l]=m(!1),r=p(null),g=b((()=>l(!0)),[]),h=b((()=>l(!1)),[]);return i.createElement(u.default,{label:(0,s._)(e),labelPosition:t,labelWidth:o},i.createElement(c.default,{"data-test":"customized-in-source-button",onClick:g,appearance:"default",ref:r,label:(0,s._)("Customized in source")}),i.createElement(d.default,{"data-test":"customized-in-source-popover",open:n,anchor:r.current,onRequestClose:h,defaultPlacement:"horizontal"},i.createElement(f.default,{onResetToDefault:a})))}},152:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditor=t.prepareUpdate=void 0;const i=l(o(9497)),s=o(7124),u=r(o(9250)),c=r(o(7020)),d=r(o(1551)),f=r(o(232)),p=o(6649),m=o(5089),b=o(4793),g=o(1413),h=r(o(5411)),v=o(2369),y=r(o(2468)),C=o(5862),_=o(1027),{useRef:O,useState:E,useEffect:x}=i,j=f.default.div`
|
|
141
141
|
font-weight: 600;
|
|
142
142
|
font-size: 14px;
|
|
143
143
|
line-height: 20px;
|
|
@@ -152,24 +152,21 @@
|
|
|
152
152
|
width: ${(0,s.toPx)(C.FLYOUT_WIDTH)};
|
|
153
153
|
`,D=(0,f.default)(c.default)`
|
|
154
154
|
padding: '4px';
|
|
155
|
-
`;t.prepareUpdate=({name:e,selectedDataSelector:t,selectedFormatterType:o,currentFormatterConfig:a})=>{const n=`${e}EditorConfig`,l=n.replace(/^\w+\[\d+\]\.(.+)$/,"$1");return{options:{[e]:(0,g.buildDSLFromDataSelectorAndFormatter)(t,o,n)},context:{[l]:a}}};t.DynamicColorEditor=({name:e,value:o,label:a="",labelPosition:n="left",labelWidth:l,context:r,onChange:s=(()=>{}),flyoutTitle:c=(0,p._)("Dynamic coloring"),formatters:f=[],dataSelectors:C=[],defaultPalettesConfig:S=m.defaultPalettesConfig,isDisabled:T=!1,showStaticTextColor:M=!1,colorMode:k,handleColorModeChange:F})=>{const[R,B]=E(!1),A=O(null),{type:I,paramKey:L}=(0,g.getLastFormatterFromDSL)(o)||{type:"unknown",paramKey:"unknown"},$=(0,g.getDataSelectorsFromDSL)(o)[0],[V,N]=E(I);x((()=>{N(I)}),[I]);const[q,W]=E($);x((()=>{W($)}),[$]);const z=(0,_.getFormatterConfig)({contextConfig:r[L],formatters:f,formatterFromDSL:I,selectedDataSelector:q}),[U,G]=E(z);x((()=>{G(z)}),[r,f,L,I,$]);const K=o=>{const a=(0,b.find)(f,(e=>e.isDefault))||(0,b.find)(f,(e=>"rangeValue"===e.value))||f[0];if((0,b.isEmpty)(a))return;const n=a.value,l=Object.keys(a.defaults)[0],r=a.defaults[l];W(l),N(n),G(r),s(o,(0,t.prepareUpdate)({name:e,selectedDataSelector:l,selectedFormatterType:n,currentFormatterConfig:r}))},H=i.useCallback((()=>{B((e=>!e))}),[]);if(!(0,_.isSupportedDataSelector)({selectedDataSelector:q,dataSelectors:C})||!(0,_.isSupportedFormatter)({selectedFormatterType:V,formattersFromEditor:f,supportedFormatters:v.supportedFormatters}))return i.createElement(y.default,{label:a,labelPosition:n,labelWidth:l,onResetToDefault:K});const Y=v.supportedFormatters[V].preview;return i.createElement(i.Fragment,null,i.createElement(u.default,{"data-test":"DynamicColorEditorGroup",label:a,labelPosition:n,labelWidth:l},i.createElement(D,{inline:!1,"data-test":"DynamicColorEditorButton",appearance:"default",ref:A,onClick:H,disabled:T},i.createElement(Y,{"data-test":"FormatterConfigPreview",config:U}))),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(j,null,c),k&&i.createElement(u.default,{"data-test":"TableDynamicColorEditorGroup",label:c,labelPosition:n,labelWidth:l},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(P,null,(0,p._)("Method")),i.createElement(v.FormatterEditor,{selectedDataSelector:q,selectedFormatterType:V,currentFormatterConfig:U,onDataSelectorChange:(o,a,n)=>{W(n);const l=(0,b.find)(f,(e=>e.defaults[n]));N(l.value);const r=l.defaults[n];G(r),s(o,(0,t.prepareUpdate)({name:e,selectedDataSelector:n,selectedFormatterType:l.value,currentFormatterConfig:r}))},onFormatterTypeChange:(o,a,n)=>{N(n);const l=(0,b.find)(f,["value",n]).defaults[q];G(l),s(o,(0,t.prepareUpdate)({name:e,selectedDataSelector:q,selectedFormatterType:n,currentFormatterConfig:l}))},onFormatterConfigChange:(o,a,n)=>{G(n),s(o,(0,t.prepareUpdate)({name:e,selectedDataSelector:q,selectedFormatterType:V,currentFormatterConfig:n}))},formatters:f,dataSelectors:C,defaultPalettesConfig:S,showStaticTextColor:M}))))}},8281:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditorWithPrecedence=void 0;const i=l(o(9497)),s=o(6649),u=o(5089),c=o(333),d=o(152),f=r(o(2065)),p=o(1027),m=Object.assign({},c.DynamicColorEditorPropTypes);t.DynamicColorEditorWithPrecedence=({name:e,value:t,label:o="",labelPosition:a,labelWidth:n,context:l,flyoutTitle:r=(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(((o,a)=>{var n,r,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}),l&&void 0!==l.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===(r=null===(n=c.find((e=>"gradient"===e.value)))||void 0===n?void 0:n.defaults)||void 0===r?void 0:r.areaValues;t&&(b.dataColorsEditorConfig=t)}else if(e.endsWith("dataColors")){const t=null===(i=m[0])||void 0===i?void 0:i.value,o=null===(s=c[0])||void 0===s?void 0:s.value,a=null===(d=null===(u=c[0])||void 0===u?void 0:u.defaults)||void 0===d?void 0:d[t];if(!t||!o||!a)return;f[e]=`> ${m[0].value} | ${o}(dataColorsEditorConfig)`,b.dataColorsEditorConfig=a}}v(o,{options:f,context:b})}),[l,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:o,labelPosition:a,labelWidth:n,value:t,context:l,onChange:E,flyoutTitle:r,formatters:c,dataSelectors:m,defaultPalettesConfig:b})))},t.DynamicColorEditorWithPrecedence.propTypes=m},7585:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=l(o(23)),u=o(4793),c=r(o(4082)),d=r(o(9250)),f=r(o(7143)),p=o(6649),m=r(o(5731)),b=r(o(5456)),g=o(4381),h=o(5862),v=(0,p._)("Advanced configuration options are being used by this input. Please edit in source mode."),y=({name:e,context:t,value:o="",label:a,onChange:n,dataSourceBindings:l,labelPosition:r="top",labelWidth:s,help:y=v,validate:C})=>{const[_,O]=i.useState([]),[E,x]=i.useState(""),[j,P]=i.useState("");i.useEffect((()=>{const{staticOptions:e,dynamicOptionsLabel:a,dynamicOptionsValue:n}=(0,g.getDynamicOptionsFromConfig)({items:o,context:t});O(e),x(a),P(n)}),[o,t]),i.useEffect((()=>{void 0!==l.primary||Array.isArray(o)||n(null,{context:{formattedConfig:void 0,formattedStatics:void 0,statics:void 0,label:void 0,value:void 0},options:{[e]:_}})}),[l,e,o,n,_]);const w=i.useCallback(((t,a,l)=>{if(Array.isArray(o)&&(!a||!l))n(null,{options:{[e]:t}});else{const o=(0,u.unzip)(t.map((({label:e,value:t})=>[e,t])));n(null,{context:{formattedConfig:{number:{prefix:""}},formattedStatics:">statics | formatByType(formattedConfig)",statics:o,label:`>primary | seriesByName("${a}") | renameSeries("label") | formatByType(formattedConfig)`,value:`>primary | seriesByName("${l}") | renameSeries("value") | formatByType(formattedConfig)`},options:{[e]:">frame(label, value) | prepend(formattedStatics) | objects()"}})}}),[e,o,n]),D=i.useCallback(((e,t,o)=>{w(o,E,j)}),[w,E,j]),S=i.useCallback(((e,{value:t})=>{""===j?x(t):w(_,t,j)}),[w,_,j]),T=i.useCallback(((e,{value:t})=>{""===E?P(t):w(_,E,t)}),[w,_,E]),M=e=>t=>{var o;const a=null===(o=null==t?void 0:t.options)||void 0===o?void 0:o[e];return"string"==typeof a?{value:(0,g.getFieldFromFieldNameDsl)(a)}:{value:""}};if(i.useMemo((()=>(0,g.isConfigAdvanced)({items:o,context:t})),[o,t]))return i.createElement(d.default,{label:(0,p._)(a),labelPosition:r,labelWidth:s,help:y},i.createElement(c.default,{key:o.toString(),"data-test":e,disabled:!0,defaultValue:o.toString()}));const k=!!l.primary;return i.createElement(i.Fragment,null,i.createElement(b.default,{name:"",label:(0,p._)("Static menu configuration"),labelPosition:r,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:l,value:`>primary | seriesByName("${E}")`,context:t,onChange:S,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:l,value:`>primary | seriesByName("${j}")`,context:t,onChange:T,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,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=l(o(23)),u=r(o(232)),c=r(o(348));o(6265);const d=r(o(1018)),f=o(6649),p=r(o(2138)),m=o(3563),b=o(5135),g=o(962),h=o(137),v=u.default.div`
|
|
156
|
-
font-family: ${
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
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:o,currentFormatterConfig:a})=>{const n=`${e}EditorConfig`,l=n.replace(/^\w+\[\d+\]\.(.+)$/,"$1");return{options:{[e]:(0,g.buildDSLFromDataSelectorAndFormatter)(t,o,n)},context:{[l]:a}}};t.DynamicColorEditor=({name:e,value:o,label:a="",labelPosition:n="left",labelWidth:l,context:r,onChange:s=(()=>{}),flyoutTitle:c=(0,p._)("Dynamic coloring"),formatters:f=[],dataSelectors:C=[],defaultPalettesConfig:S=m.defaultPalettesConfig,isDisabled:T=!1,showStaticTextColor:k=!1,colorMode:M,handleColorModeChange:F})=>{const[R,B]=E(!1),A=O(null),{type:I,paramKey:L}=(0,g.getLastFormatterFromDSL)(o)||{type:"unknown",paramKey:"unknown"},$=(0,g.getDataSelectorsFromDSL)(o)[0],[V,N]=E(I);x((()=>{N(I)}),[I]);const[q,W]=E($);x((()=>{W($)}),[$]);const z=(0,_.getFormatterConfig)({contextConfig:r[L],formatters:f,formatterFromDSL:I,selectedDataSelector:q}),[U,G]=E(z);x((()=>{G(z)}),[r,f,L,I,$]);const K=o=>{const a=(0,b.find)(f,(e=>e.isDefault))||(0,b.find)(f,(e=>"rangeValue"===e.value))||f[0];if((0,b.isEmpty)(a))return;const n=a.value,l=Object.keys(a.defaults)[0],r=a.defaults[l];W(l),N(n),G(r),s(o,(0,t.prepareUpdate)({name:e,selectedDataSelector:l,selectedFormatterType:n,currentFormatterConfig:r}))},H=i.useCallback((()=>{B((e=>!e))}),[]);if(!(0,_.isSupportedDataSelector)({selectedDataSelector:q,dataSelectors:C})||!(0,_.isSupportedFormatter)({selectedFormatterType:V,formattersFromEditor:f,supportedFormatters:v.supportedFormatters}))return i.createElement(y.default,{label:a,labelPosition:n,labelWidth:l,onResetToDefault:K});const Y=v.supportedFormatters[V].preview;return i.createElement(i.Fragment,null,i.createElement(u.default,{"data-test":"DynamicColorEditorGroup",label:a,labelPosition:n,labelWidth:l},i.createElement(D,{inline:!1,"data-test":"DynamicColorEditorButton",appearance:"default",ref:A,onClick:H,disabled:T},i.createElement(Y,{"data-test":"FormatterConfigPreview",config:U}))),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,!M&&i.createElement(j,null,c),M&&i.createElement(u.default,{"data-test":"TableDynamicColorEditorGroup",label:c,labelPosition:n,labelWidth:l},i.createElement(h.default,{value:M,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)}))))),M&&i.createElement(P,null,(0,p._)("Method")),i.createElement(v.FormatterEditor,{selectedDataSelector:q,selectedFormatterType:V,currentFormatterConfig:U,onDataSelectorChange:(o,a,n)=>{W(n);const l=(0,b.find)(f,(e=>e.defaults[n]));N(l.value);const r=l.defaults[n];G(r),s(o,(0,t.prepareUpdate)({name:e,selectedDataSelector:n,selectedFormatterType:l.value,currentFormatterConfig:r}))},onFormatterTypeChange:(o,a,n)=>{N(n);const l=(0,b.find)(f,["value",n]).defaults[q];G(l),s(o,(0,t.prepareUpdate)({name:e,selectedDataSelector:q,selectedFormatterType:n,currentFormatterConfig:l}))},onFormatterConfigChange:(o,a,n)=>{G(n),s(o,(0,t.prepareUpdate)({name:e,selectedDataSelector:q,selectedFormatterType:V,currentFormatterConfig:n}))},formatters:f,dataSelectors:C,defaultPalettesConfig:S,showStaticTextColor:k}))))}},8281:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditorWithPrecedence=void 0;const i=l(o(9497)),s=o(6649),u=o(5089),c=o(333),d=o(152),f=r(o(2065)),p=o(1027),m=Object.assign({},c.DynamicColorEditorPropTypes);t.DynamicColorEditorWithPrecedence=({name:e,value:t,label:o="",labelPosition:a,labelWidth:n,context:l,flyoutTitle:r=(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(((o,a)=>{var n,r,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}),l&&void 0!==l.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===(r=null===(n=c.find((e=>"gradient"===e.value)))||void 0===n?void 0:n.defaults)||void 0===r?void 0:r.areaValues;t&&(b.dataColorsEditorConfig=t)}else if(e.endsWith("dataColors")){const t=null===(i=m[0])||void 0===i?void 0:i.value,o=null===(s=c[0])||void 0===s?void 0:s.value,a=null===(d=null===(u=c[0])||void 0===u?void 0:u.defaults)||void 0===d?void 0:d[t];if(!t||!o||!a)return;f[e]=`> ${m[0].value} | ${o}(dataColorsEditorConfig)`,b.dataColorsEditorConfig=a}}v(o,{options:f,context:b})}),[l,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:o,labelPosition:a,labelWidth:n,value:t,context:l,onChange:E,flyoutTitle:r,formatters:c,dataSelectors:m,defaultPalettesConfig:b})))},t.DynamicColorEditorWithPrecedence.propTypes=m},7585:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=l(o(23)),u=o(4793),c=r(o(4082)),d=r(o(9250)),f=r(o(7143)),p=o(6649),m=r(o(5731)),b=r(o(5456)),g=o(4381),h=o(5862),v=(0,p._)("Advanced configuration options are being used by this input. Please edit in source mode."),y=({name:e,context:t,value:o="",label:a,onChange:n,dataSourceBindings:l,labelPosition:r="top",labelWidth:s,help:y=v,validate:C})=>{const[_,O]=i.useState([]),[E,x]=i.useState(""),[j,P]=i.useState("");i.useEffect((()=>{const{staticOptions:e,dynamicOptionsLabel:a,dynamicOptionsValue:n}=(0,g.getDynamicOptionsFromConfig)({items:o,context:t});O(e),x(a),P(n)}),[o,t]),i.useEffect((()=>{void 0!==l.primary||Array.isArray(o)||n(null,{context:{formattedConfig:void 0,formattedStatics:void 0,statics:void 0,label:void 0,value:void 0},options:{[e]:_}})}),[l,e,o,n,_]);const w=i.useCallback(((t,a,l)=>{if(Array.isArray(o)&&(!a||!l))n(null,{options:{[e]:t}});else{const o=(0,u.unzip)(t.map((({label:e,value:t})=>[e,t])));n(null,{context:{formattedConfig:{number:{prefix:""}},formattedStatics:">statics | formatByType(formattedConfig)",statics:o,label:`>primary | seriesByName("${a}") | renameSeries("label") | formatByType(formattedConfig)`,value:`>primary | seriesByName("${l}") | renameSeries("value") | formatByType(formattedConfig)`},options:{[e]:">frame(label, value) | prepend(formattedStatics) | objects()"}})}}),[e,o,n]),D=i.useCallback(((e,t,o)=>{w(o,E,j)}),[w,E,j]),S=i.useCallback(((e,{value:t})=>{""===j?x(t):w(_,t,j)}),[w,_,j]),T=i.useCallback(((e,{value:t})=>{""===E?P(t):w(_,E,t)}),[w,_,E]),k=e=>t=>{var o;const a=null===(o=null==t?void 0:t.options)||void 0===o?void 0:o[e];return"string"==typeof a?{value:(0,g.getFieldFromFieldNameDsl)(a)}:{value:""}};if(i.useMemo((()=>(0,g.isConfigAdvanced)({items:o,context:t})),[o,t]))return i.createElement(d.default,{label:(0,p._)(a),labelPosition:r,labelWidth:s,help:y},i.createElement(c.default,{key:o.toString(),"data-test":e,disabled:!0,defaultValue:o.toString()}));const M=!!l.primary;return i.createElement(i.Fragment,null,i.createElement(b.default,{name:"",label:(0,p._)("Static menu configuration"),labelPosition:r,value:_,onChange:D,validate:C}),M&&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:l,value:`>primary | seriesByName("${E}")`,context:t,onChange:S,prepareValue:k("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:l,value:`>primary | seriesByName("${j}")`,context:t,onChange:T,prepareValue:k("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,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__rest||function(e,t){var o={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(o[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(a=Object.getOwnPropertySymbols(e);n<a.length;n++)t.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(o[a[n]]=e[a[n]])}return o},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const s=l(o(9497)),u=l(o(23)),c=i(o(232)),d=o(1398),f=i(o(1018)),p=i(o(2138)),m=o(6649),b=o(8987),g=i(o(4703)),h=i(o(4723)),v=i(o(4784)),y=i(o(7110)),C=i(o(6078)),_=i(o(3757)),O=i(o(785)),E=i(o(6301)),x=i(o(821)),j=i(o(7020)),P=i(o(6379)),w=i(o(5905)),D=i(o(2621)),S=o(3563),T=o(5135),k=o(962),M=o(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: ${S.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
|
-
`,
|
|
165
|
+
`,I=c.default.div`
|
|
171
166
|
display: none;
|
|
172
|
-
`,
|
|
167
|
+
`,L=(0,c.default)(j.default)`
|
|
168
|
+
flex: 0;
|
|
169
|
+
`,$={error:1,warning:2,other:3},V=s.memo((({command:e,isFocusable:t,onFocus:o,onExecute:a})=>{const{icon:n,buttonProps:l}=e,{title:i}=l||{};return s.createElement(P.default,{content:i||"",contentRelationship:"label",renderAnchor:l=>{var{onFocus:i,onClick:u}=l,c=r(l,["onFocus","onClick"]);return s.createElement(L,Object.assign({appearance:"subtle","data-name":e.name,onFocus:t=>{i(t),o(e.name||"")},tabIndex:t?0:-1,onClick:t=>{u(t),a(e)}},c),n)}})}));V.displayName="ToolbarButton",V.propTypes={command:u.object.isRequired,isFocusable:u.bool.isRequired,onFocus:u.func.isRequired,onExecute:u.func.isRequired};const N=({onChange:e,name:t,value:o="",defaultErrors:a={}})=>{const n=s.useMemo((()=>(0,b.createDOMID)("markdown-editor")),[]),l=s.useRef(null),[r,i]=s.useState(o),[u,c]=s.useState(F[0].name||""),g=s.useRef(null),[h,v]=s.useState(a);s.useEffect((()=>(l.current&&!g.current&&(g.current=new d.TextAreaCommandOrchestrator(l.current)),()=>{g.current=null})),[]);const y=s.useCallback(((e,{value:t})=>{i(t)}),[]),C=s.useCallback((n=>{r!==o&&(e(n,t,r),v(a))}),[r,o,e,t,a]),_=s.useCallback((e=>{g.current&&l.current&&(g.current.executeCommand(e),i(l.current.value))}),[]),O=s.useMemo((()=>{let e=null;return Object.values(h).includes("error")?e=s.createElement(k.CSPMessage,{type:"error"}):Object.values(h).includes("warning")&&(e=s.createElement(k.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:o,imageRenderer:(e=(e,t)=>{var o,a;(null!==(o=$[h[e]])&&void 0!==o?o:1/0)>(null!==(a=$[t])&&void 0!==a?a:0)&&v(Object.assign(Object.assign({},h),{[e]:t}))},function({src:t,alt:o}){const a=(0,T.useCSPViolationObserver)(t);return s.useEffect((()=>{"none"!==a&&e(t,a)}),[a,t]),s.createElement("img",{src:t,alt:o,onError:()=>{"none"===a&&e(t,"other")}})})}));var e}),[o,h]),x=s.useCallback((e=>{var t,o;const a=e.target;if("BUTTON"!==a.tagName)return;const n=e.currentTarget,l=Array.from(n.querySelectorAll("button")),r=l.indexOf(a);if(-1===r)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=l[r-1])&&void 0!==t?t:l[l.length-1]:s?d=null!==(o=l[r+1])&&void 0!==o?o:l[0]:u?[d]=l:c&&(d=l[l.length-1]),d&&(e.preventDefault(),d.focus())}),[]),j=s.useCallback((e=>{(0,d.handleKeyDown)(e,2,!0),g.current&&((0,d.shortcuts)(e,F,g.current),l.current&&i(l.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":`${n}-textarea`,onKeyDown:x},F.map((e=>s.createElement(V,{key:e.name,command:e,isFocusable:u===e.name,onFocus:c,onExecute:_})))),s.createElement(D.default,{id:`${n}-textarea-label`},(0,m._)("Markdown editor")),s.createElement(A,{inputRef:l,"data-test":`${t}-textarea`,id:`${n}-textarea`,labelledBy:`${n}-textarea-label`,value:r,onChange:y,onBlur:C,onKeyDown:j}),E,O&&s.createElement(M.MessageContainer,null,O))};N.propTypes={onChange:u.func.isRequired,name:u.string.isRequired,value:u.string,defaultErrors:u.objectOf(u.oneOf(["warning","error","other"]))},t.default=N},2965:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ColorFlyoutEditor=void 0;const i=l(o(9497)),s=l(o(23)),u=r(o(232)),c=o(4793),d=r(o(4566)),f=o(6649),p=r(o(8965)),m=o(8987),b=r(o(7020)),g=r(o(1551)),h=o(3850),v=o(6801),y=r(o(4008)),C=r(o(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;
|
|
@@ -203,7 +200,7 @@
|
|
|
203
200
|
height: 412px;
|
|
204
201
|
overflow-y: auto;
|
|
205
202
|
padding: 8px 10px;
|
|
206
|
-
`;t.ColorFlyoutEditor=({colors:e,CustomColorMatchEditor:t,handleColorRemove:o,handleColorChange:a,flyoutTitle:n,addColorButtonLabel:l,handleColorAdd:r,handleColorMove:s})=>{const u=(0,i.useMemo)((()=>e.map(((e,n)=>{const l=null==t;return i.default.createElement(p.default.Row,{index:n,key:(0,m.createDOMID)(),"data-color":e,onRequestRemove:o},i.default.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},i.default.createElement(C.default,{value:e,key:(0,m.createDOMID)(),onChange:a(n),hideLabel:!0,label:" ",name:"color",style:{marginBottom:0,marginTop:0,width:l?"100%":32},showTextInput:l}),"function"==typeof t&&i.default.createElement(t,{index:n})))}))),[e,t,o,a]);return i.default.createElement(j,{"data-test":"MultiColorPickerFlyoutContent"},i.default.createElement(P,{"data-test":"MultiColorPickerFlyoutTitle"},n),i.default.createElement(w,null,i.default.createElement(p.default,{addLabel:l,onRequestAdd:r,onRequestMove:s,"data-test":"ColorListEditor"},u)))};const D=({CustomColorMatchEditor:e,onChange:o=c.noop,canReorderColors:a=!0,value:n=h.VIZ_CATEGORICAL,flyoutTitle:l=(0,f._)("Customize colors"),addColorButtonLabel:r=(0,f._)("Add color"),name:s="seriesColors",label:u="",labelPosition:d="top",labelWidth:p,isDisabled:b=!1,hideLabel:v=!0,canAddNewColors:C=!0})=>{const[j,P]=(0,i.useState)(!1),[w,D]=(0,i.useState)(n),S=(0,i.useRef)(null);(0,i.useEffect)((()=>{D(n)}),[n]);const T=(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 o=1/0;h.VIZ_CATEGORICAL.forEach((a=>{const n=e.get(a)||0;n<o&&(o=n,t=a)}))}o(null,s,[...w,t])}),[s,o,w]),
|
|
203
|
+
`;t.ColorFlyoutEditor=({colors:e,CustomColorMatchEditor:t,handleColorRemove:o,handleColorChange:a,flyoutTitle:n,addColorButtonLabel:l,handleColorAdd:r,handleColorMove:s})=>{const u=(0,i.useMemo)((()=>e.map(((e,n)=>{const l=null==t;return i.default.createElement(p.default.Row,{index:n,key:(0,m.createDOMID)(),"data-color":e,onRequestRemove:o},i.default.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},i.default.createElement(C.default,{value:e,key:(0,m.createDOMID)(),onChange:a(n),hideLabel:!0,label:" ",name:"color",style:{marginBottom:0,marginTop:0,width:l?"100%":32},showTextInput:l}),"function"==typeof t&&i.default.createElement(t,{index:n})))}))),[e,t,o,a]);return i.default.createElement(j,{"data-test":"MultiColorPickerFlyoutContent"},i.default.createElement(P,{"data-test":"MultiColorPickerFlyoutTitle"},n),i.default.createElement(w,null,i.default.createElement(p.default,{addLabel:l,onRequestAdd:r,onRequestMove:s,"data-test":"ColorListEditor"},u)))};const D=({CustomColorMatchEditor:e,onChange:o=c.noop,canReorderColors:a=!0,value:n=h.VIZ_CATEGORICAL,flyoutTitle:l=(0,f._)("Customize colors"),addColorButtonLabel:r=(0,f._)("Add color"),name:s="seriesColors",label:u="",labelPosition:d="top",labelWidth:p,isDisabled:b=!1,hideLabel:v=!0,canAddNewColors:C=!0})=>{const[j,P]=(0,i.useState)(!1),[w,D]=(0,i.useState)(n),S=(0,i.useRef)(null);(0,i.useEffect)((()=>{D(n)}),[n]);const T=(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 o=1/0;h.VIZ_CATEGORICAL.forEach((a=>{const n=e.get(a)||0;n<o&&(o=n,t=a)}))}o(null,s,[...w,t])}),[s,o,w]),k=(0,i.useCallback)((e=>(t,a,n)=>{const l=[...w];l.splice(e,1,n),o(null,s,l)}),[s,o,w]),M=(0,i.useCallback)(((e,{index:t})=>{const a=[...w];a.splice(t,1),o(null,s,a)}),[s,o,w]),F=(0,i.useCallback)((({fromIndex:e,toIndex:t})=>{const a=[...w],n=a[e];a.splice(e,1),a.splice(t,0,n),o(null,s,a)}),[s,o,w]),R=(0,i.useCallback)((({event:e,reason:t})=>{var o;(null===(o=null==e?void 0:e.srcElement)||void 0===o?void 0:o.sortableHandle)||P(!1),"escapeKey"===t&&S.current.focus()}),[]),B=(0,i.useMemo)((()=>w.map((e=>i.default.createElement(x,{color:e,key:(0,m.createDOMID)()})))),[w]),A=(0,i.useCallback)((()=>{P((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:S,onClick:A,disabled:b,style:O},B),i.default.createElement(g.default,{"data-test":"MultiColorPickerFlyout",open:j,anchor:S.current,defaultPlacement:"horizontal",style:_,onRequestClose:R,takeFocus:!0},i.default.createElement(t.ColorFlyoutEditor,{colors:w,CustomColorMatchEditor:e,handleColorRemove:M,handleColorChange:k,handleColorAdd:C?T:void 0,handleColorMove:a?F:void 0,flyoutTitle:l,addColorButtonLabel:r})))};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,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.NetworkGraphDynamicColorEditor=void 0;const i=l(o(9497)),s=o(6649),u=r(o(7143)),c=o(152),d=r(o(4182)),f=r(o(397));t.NetworkGraphDynamicColorEditor=({name:e,value:t,contextName:o,label:a="",labelWidth:n,context:l,flyoutTitle:r=(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,a,n)=>{var r,i,s;E(n);const u=Object.assign({},h),c=Object.assign({},l);if("dynamic"===n){const a=(null===(r=p[0])||void 0===r?void 0:r.value)||"gradient",n=(null===(s=null===(i=p[0])||void 0===i?void 0:i.defaults)||void 0===s?void 0:s[C])||{},l=`> ${C} | ${a}(${o})`;u[e]=l,c[o]=n,v(t,{options:u,context:c})}else"static"===n&&(u[e]=void 0,c[o]=void 0,v(t,{options:u,context:c}))}),[h,l,p,C,o,e,v]),j=i.useCallback(((t,a)=>{var n;const r=a.options[e],i=null===(n=a.context)||void 0===n?void 0:n[o],s=Object.assign(Object.assign({},h),{[e]:r}),u=Object.assign(Object.assign({},l),{[o]:i});v(t,{options:s,context:u})}),[h,e,l,v,o]),P=i.useCallback(((e,t,a)=>{const n=Object.assign(Object.assign({},h),{[t]:a}),r=Object.assign({},l);r[o]=void 0,v(e,{options:n,context:r})}),[l,v,h,o]);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._)(a),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:n,value:t,context:l,onChange:j,flyoutTitle:r,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:n,value:t,onChange:P}))))}},4215:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=r(o(232)),u=r(o(4566)),c=r(o(7020)),d=r(o(1551)),f=r(o(6769)),p=o(3563),m=r(o(1668)),b=r(o(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:o,selectedPreset:a,onPopoverClick:n,open:l})=>{const r=(0,i.useRef)(),s=f.default[e],u=i.default.useCallback((e=>{n(e,t,o)}),[n,t,o]);return(0,i.useEffect)((()=>{var e;l&&t===a&&(null===(e=r.current)||void 0===e||e.focus())}),[l,t,a]),i.default.createElement(y,{key:t},i.default.createElement(C,{"data-test":`flyout-preset-option-${t}`,selected:t===a,onClick:u,ref:r},i.default.createElement(_,null,s&&i.default.createElement(s,{"data-test":`icon-label-${t}`})),i.default.createElement(O,null,i.default.createElement(E,null,t))))};t.default=({animation:e=!0,labelPosition:t="top",onChange:o,label:a,labelWidth:n,presets:l,value:r})=>{const[s,u]=i.default.useState(!1),[f,p]=i.default.useState(r||"Select..."),[m,y]=i.default.useState(),C=i.default.useCallback((e=>y(e)),[]),_=i.default.useCallback((()=>u((e=>!e))),[]),O=i.default.useCallback((({event:e,reason:t})=>{if(e&&"clickAway"===t){let t=e.target;for(;t;){if(t===m||void 0===(null==t?void 0:t.parentNode))return;t=t.parentNode}}u(!1),m.focus()}),[m]),E=i.default.useCallback(((e,t,a)=>{p(t),o(e,a),u(!1),m.focus()}),[m,o]),j=`preset-editor-flyout-${a.replace(" ","-")}`;return i.default.createElement(i.default.Fragment,null,i.default.createElement(b.default,{label:a,labelPosition:t,labelWidth:n},i.default.createElement(c.default,{"data-test":"preset-selector-button",label:f,isMenu:!0,elementRef:C,onClick:_,"aria-label":`${a}, ${f}`,"aria-expanded":s,"aria-controls":j})),i.default.createElement(d.default,{id:j,animation:e,"data-test":"preset-editor-flyout",open:s,anchor:m,appearance:"normal",defaultPlacement:"horizontal",onRequestClose:O,role:"dialog"},i.default.createElement(g,{"data-test":"flyout-header"},i.default.createElement(h,{"data-test":"preset-selector-flyout-label"},a)),i.default.createElement(v,null,l.map((e=>i.default.createElement(x,{key:e.label,presetName:e.name,presetLabel:e.label,presetValue:e.value,selectedPreset:f,onPopoverClick:E,open:s}))))))}},7364:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=l(o(23)),u=o(4793),c=o(6649),d=o(8987),f=r(o(2373)),p=o(2687),m=r(o(6447)),b=o(9033),g=r(o(2965)),h=r(o(4008)),v=o(6801),y=o(1385),C={},_={},O={},E=({name:e,value:t=C,dataSourceBindings:o,onChange:a,options:n=_,isCategorical:l=!1,context:r,optionsSchema:v=O})=>{var E;const[x,j]=(0,i.useState)(Object.values(t)),[P,w]=(0,i.useState)(Object.keys(t));(0,i.useEffect)((()=>{j(Object.values(t)),w(Object.keys(t))}),[JSON.stringify(t)]);const D=(0,y.useDataSource)({dataSourceBindings:o,dataSourceKey:"primary"}),{isLoading:S}=(0,i.useMemo)((()=>(0,b.getDataSourceStateInfo)(D)),[D]),{category:T=(null===(E=null==v?void 0:v.category)||void 0===E?void 0:E.default)}=null!=n?n:{},
|
|
241
|
+
`,x=({presetName:e,presetLabel:t,presetValue:o,selectedPreset:a,onPopoverClick:n,open:l})=>{const r=(0,i.useRef)(),s=f.default[e],u=i.default.useCallback((e=>{n(e,t,o)}),[n,t,o]);return(0,i.useEffect)((()=>{var e;l&&t===a&&(null===(e=r.current)||void 0===e||e.focus())}),[l,t,a]),i.default.createElement(y,{key:t},i.default.createElement(C,{"data-test":`flyout-preset-option-${t}`,selected:t===a,onClick:u,ref:r},i.default.createElement(_,null,s&&i.default.createElement(s,{"data-test":`icon-label-${t}`})),i.default.createElement(O,null,i.default.createElement(E,null,t))))};t.default=({animation:e=!0,labelPosition:t="top",onChange:o,label:a,labelWidth:n,presets:l,value:r})=>{const[s,u]=i.default.useState(!1),[f,p]=i.default.useState(r||"Select..."),[m,y]=i.default.useState(),C=i.default.useCallback((e=>y(e)),[]),_=i.default.useCallback((()=>u((e=>!e))),[]),O=i.default.useCallback((({event:e,reason:t})=>{if(e&&"clickAway"===t){let t=e.target;for(;t;){if(t===m||void 0===(null==t?void 0:t.parentNode))return;t=t.parentNode}}u(!1),m.focus()}),[m]),E=i.default.useCallback(((e,t,a)=>{p(t),o(e,a),u(!1),m.focus()}),[m,o]),j=`preset-editor-flyout-${a.replace(" ","-")}`;return i.default.createElement(i.default.Fragment,null,i.default.createElement(b.default,{label:a,labelPosition:t,labelWidth:n},i.default.createElement(c.default,{"data-test":"preset-selector-button",label:f,isMenu:!0,elementRef:C,onClick:_,"aria-label":`${a}, ${f}`,"aria-expanded":s,"aria-controls":j})),i.default.createElement(d.default,{id:j,animation:e,"data-test":"preset-editor-flyout",open:s,anchor:m,appearance:"normal",defaultPlacement:"horizontal",onRequestClose:O,role:"dialog"},i.default.createElement(g,{"data-test":"flyout-header"},i.default.createElement(h,{"data-test":"preset-selector-flyout-label"},a)),i.default.createElement(v,null,l.map((e=>i.default.createElement(x,{key:e.label,presetName:e.name,presetLabel:e.label,presetValue:e.value,selectedPreset:f,onPopoverClick:E,open:s}))))))}},7364:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=l(o(23)),u=o(4793),c=o(6649),d=o(8987),f=r(o(2373)),p=o(2687),m=r(o(6447)),b=o(9033),g=r(o(2965)),h=r(o(4008)),v=o(6801),y=o(1385),C={},_={},O={},E=({name:e,value:t=C,dataSourceBindings:o,onChange:a,options:n=_,isCategorical:l=!1,context:r,optionsSchema:v=O})=>{var E;const[x,j]=(0,i.useState)(Object.values(t)),[P,w]=(0,i.useState)(Object.keys(t));(0,i.useEffect)((()=>{j(Object.values(t)),w(Object.keys(t))}),[JSON.stringify(t)]);const D=(0,y.useDataSource)({dataSourceBindings:o,dataSourceKey:"primary"}),{isLoading:S}=(0,i.useMemo)((()=>(0,b.getDataSourceStateInfo)(D)),[D]),{category:T=(null===(E=null==v?void 0:v.category)||void 0===E?void 0:E.default)}=null!=n?n:{},k=(0,i.useMemo)((()=>{var e,t;if(l){if(!T)return[];if(Array.isArray(T))return[...new Set(T.map((e=>null==e?void 0:e.toString())).filter((e=>!(0,u.isEmpty)(e))))];if(!S&&m.default.isDslString(T)){const e=p.Options.evaluate({context:r,options:Object.assign(Object.assign({},n),{category:T})},{primary:D});if(Array.isArray(e.category))return[...new Set(e.category.map((e=>null==e?void 0:e.toString())).filter((e=>!(0,u.isEmpty)(e))))]}return[]}return null!==(t=null===(e=null==D?void 0:D.data)||void 0===e?void 0:e.fields.map((e=>e.name)))&&void 0!==t?t:[]}),[r,D,l,n,T,S]),{editorLabel:M,flyoutTitle:F,addColorButtonLabel:R}=(0,i.useMemo)((()=>l?{editorLabel:(0,c._)("Series colors by category name"),flyoutTitle:(0,c._)("Color by category name"),addColorButtonLabel:(0,c._)("Add category")}:{editorLabel:(0,c._)("Series colors by field name"),flyoutTitle:(0,c._)("Color by field name"),addColorButtonLabel:(0,c._)("Add field")}),[l]),B=({updatedColors:e,updatedFields:t})=>{const o={};return t.forEach(((t,a)=>{o[t]=e[a]})),o},A=(0,i.useCallback)(((t,o,n)=>{if(n.length>k.length)return;const l=P;if(n.length>x.length){const e=k.find((e=>!P.includes(e)));l.push(e)}if(n.length<x.length){const e=x.findIndex((e=>!n.includes(e)));l.splice(e,1)}a(null,e,B({updatedColors:n,updatedFields:l}))}),[k,a,e,P,x]),I=(0,i.useCallback)((({newFieldIndex:t,currFieldIndex:o})=>{const n=P.includes(k[t]),l=P;if(n){const e=P.indexOf(k[t]),a=P[o];l[o]=P[e],l[e]=a}else l[o]=k[t];a(null,e,B({updatedColors:x,updatedFields:l}))}),[P,k,x,e,a]),L=(0,i.useMemo)((()=>(({fields:e,dsFields:t,handleFieldChange:o})=>{const a=({index:a})=>{const n=(0,i.useMemo)((()=>t.map(((e,t)=>i.default.createElement(f.default.Option,{label:e,value:t,key:(0,d.createDOMID)(),"data-test":`${e}-${a}`})))),[a]),l=(0,i.useCallback)(((e,{value:t})=>{o({newFieldIndex:t,currFieldIndex:a})}),[a]),r=t.indexOf(e[a]);return i.default.createElement(f.default,{value:r,onChange:l,style:{width:190},"data-test":"field-select"},n)};return a.propTypes={index:s.number},a})({fields:P,dsFields:k,handleFieldChange:I})),[k,P,I]);return i.default.createElement(h.default,{label:M,labelPosition:"top","data-test":"SeriesColorsByFieldEditor"},i.default.createElement(g.default,{value:x,onChange:A,name:"series",canReorderColors:!1,flyoutTitle:F,addColorButtonLabel:R,CustomColorMatchEditor:L,isDisabled:k.length<1,canAddNewColors:P.length<k.length}))};E.propTypes=Object.assign(Object.assign({},v.BaseEditorPropTypes),{isCategorical:s.bool}),t.default=E},5695:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.PALETTES=void 0;const i=l(o(9497)),s=l(o(23)),u=r(o(232)),c=o(4793),d=r(o(7020)),f=r(o(7143)),p=r(o(6214)),m=r(o(4233)),b=o(6649),g=o(3850),h=r(o(2965)),v=o(1705),y=r(o(4008)),C=r(o(1494)),_=o(5862),O=o(6801);t.PALETTES={default:{id:"default",name:(0,b._)("Default"),palette:g.VIZ_CATEGORICAL},custom:{id:"custom",name:(0,b._)("Custom"),palette:[]}};const E=u.default.div`
|
|
245
242
|
width: 120px;
|
|
246
243
|
margin-right: 20px;
|
|
247
244
|
display: flex;
|
|
@@ -255,7 +252,7 @@
|
|
|
255
252
|
div:has(> [data-test='bar']) {
|
|
256
253
|
min-width: 0;
|
|
257
254
|
}
|
|
258
|
-
`;t.SliderEditor=({help:e,isDisabled:t=!1,label:o,labelPosition:a="top",labelWidth:n,max:l,maxLabel:r=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:j,handleFocus:P,handleKeyPress:w}=(0,f.useNumberInput)({value:y,min:s,max:l,defaultValue:C,onValueChange:O}),D=null!=E?Number(E):void 0,S="none"===v?"never":v;return i.createElement(d.default,{label:o,labelPosition:a,labelWidth:n,help:e},i.createElement(m,{"data-test":b,min:s,minLabel:u,max:l,maxLabel:r,step:h,stepMarks:S,value:D,disabled:t,onChange:_}),i.createElement(c.default,{inline:!0,min:s,max:l,step:h,onChange:x,onBlur:j,onFocus:P,onKeyDown:w,value:D,disabled:t,style:p}))},t.default=t.SliderEditor},6116:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=o(4793),u=r(o(9250)),c=o(9033),d=o(1256),f=r(o(7649)),p=r(o(1432)),m=o(5396),b=o(1385),g=e=>{const t={};return e.forEach(((e,o)=>{t[o]=e})),t};t.default=({dataSourceKey:e="primary",dataSourceBindings:t,label:o,labelPosition:a="top",labelWidth:n,columnColoringConfig:l,defaultOptionsByType:r,flyoutConfig:h=[[]],onChange:v,value:y,textFormatConfig:C=[]})=>{const{context:_={},columnFormat:O={},tableFormat:E={}}=y,x=(0,b.useDataSource)({dataSourceBindings:t,dataSourceKey:e}),{columns:j,fields:P}=(0,s.get)(x,"data")||{columns:[],fields:[]},w=(0,d.getAvailableFieldsWithTypes)(j,P),D=i.useMemo((()=>(0,m.getEditorSupportedFormatOptions)(h)),[h]),[S,T]=i.useState((0,m.getInitialColumnFormattingState)({availableFieldsWithTypes:w,coloringTypes:l.coloringTypes,columnFormatOption:O,editorSupportedFormatOptions:D,vizContext:_}));i.useEffect((()=>{T((0,m.getInitialColumnFormattingState)({availableFieldsWithTypes:w,coloringTypes:l.coloringTypes,columnFormatOption:O,editorSupportedFormatOptions:D,vizContext:_}))}),[JSON.stringify(w)]);const M=i.useCallback((({columnName:e,columnDataType:t})=>{const o=(0,m.getFormattingOptDSLKey)(O[e]),a=_[o]||{[t]:{}},n=Object.keys(a[t]).reduce(((e,t)=>(e[t]=null,e)),{}),l=(0,m.getExistingTextFormatting)(e,O),i=new Map(S),u={columnColoring:(0,s.get)(S.get(e),"columnColoring",{_meta:{dynamicallyColoredOption:"Off"}}),formatByType:{[t]:Object.assign(Object.assign(Object.assign({},n),r[t]),{_meta:{exceedsEditorCapabilities:!1}})},formatText:l};i.set(e,u),T(i),v(null,(0,m.getColumnFormatDefFromState)((0,s.cloneDeep)({columnFormatOption:O,updatedEditorColumnFormatting:g(i)})))}),[O,r,S,v,_]),k=i.useCallback(((e,t,o=!1)=>{const a=new Map(S);a.set(e,t),T(a),o||v(null,(0,m.getColumnFormatDefFromState)((0,s.cloneDeep)({columnFormatOption:O,updatedEditorColumnFormatting:g(a)})))}),[O,S,v]),F=i.useCallback((({columnName:e,coloringTypes:t,dynamicallyColoredOption:o})=>{if(Array.isArray(t)){const a=(0,s.cloneDeep)(S.get(e));t.forEach((({coloringType:e,colorContextKey:t,colorOptionDSL:o,colorContextConfig:n})=>{(0,s.set)(a,["columnColoring",e],{colorContextKey:t,colorOptionDSL:o,colorContextConfig:n})})),(0,s.set)(a,["columnColoring","_meta"],{dynamicallyColoredOption:o}),k(e,a)}}),[S,k]),R=i.useCallback((({columnName:e,optionName:t,value:o})=>{const[a]=Object.keys(S.get(e).formatByType),n=(0,s.defaultsDeep)({},{formatByType:{[a]:{[t]:o,_meta:{exceedsEditorCapabilities:!1}}}},S.get(e));k(e,n)}),[S,k]),B=i.useCallback((({columnName:e,optionName:t,value:o})=>{const a=(0,s.defaultsDeep)({},{formatText:{[t]:o}},S.get(e));k(e,a)}),[S,k]),A=i.useCallback(((e,{value:t})=>{const{name:o,type:a}=t,n=(0,m.getFormattingOptDSLKey)(O[o]);let l;const i=D[a];if(n){const e=_[n];return l={columnColoring:{_meta:{dynamicallyColoredOption:"Off"}},formatByType:{[a]:Object.assign(Object.assign({},(0,s.get)(_,[n,a],{})),{_meta:{exceedsEditorCapabilities:(0,m.checkExceedsEditorCapabilities)(e[a],i)}})},formatText:{}},void k(o,l,!0)}const u=(0,m.getGlobalTableFormatting)(E,a,_);l={columnColoring:{_meta:{dynamicallyColoredOption:"Off"}},formatByType:{[a]:Object.assign(Object.assign(Object.assign({},r[a]),u),{_meta:{exceedsEditorCapabilities:(0,m.checkExceedsEditorCapabilities)(u,i)}})},formatText:Object.assign({},r[m.TextDataType])},k(o,l)}),[O,r,D,k,E,_]),I=i.useCallback((({columnName:e,columnDataType:t})=>{const o=new Map(S);o.delete(e),T(o);const a=S.get(e);if((0,s.get)(a,["formatByType",t,"_meta","exceedsEditorCapabilities"])){const t=(0,m.getFormattingOptDSLKey)(O[e]),o=_[t]||{},{colorContextKey:a}=(0,s.get)(S.get(e),["columnColoring","rowColors"],{}),{colorContextKey:n}=(0,s.get)(S.get(e),["columnColoring","rowBackgroundColors"],{});v(null,(0,m.getColumnFormatDefFromState)((0,s.cloneDeep)({columnFormatOption:O,updatedEditorColumnFormatting:Object.assign(Object.assign({},g(S)),{[e]:{formatByType:Object.assign({},o),columnColoring:Object.assign(Object.assign({},a&&{rowColors:{colorContextKey:a,colorOptionsDSL:null,colorContextConfig:null}}),n&&{rowBackgroundColors:{colorContextKey:n,colorOptionsDSL:null,colorContextConfig:null}}),formatText:{}}})})))}else v(null,(0,m.getColumnFormatDefFromState)((0,s.cloneDeep)({columnFormatOption:O,updatedEditorColumnFormatting:Object.assign(Object.assign({},g(S)),{[e]:null})})))}),[O,S,v,_]),L=[];S.forEach(((e,t)=>{const[o]=Object.keys(e.formatByType),a=(0,s.get)(e,["formatByType",o,"_meta","exceedsEditorCapabilities"]);L.push(i.createElement(f.default,{key:t,columnName:t,columnDataType:o,columnColoring:e.columnColoring,columnColoringConfig:l,columnFormattingByType:e.formatByType,columnTextFormatting:e.formatText,defaultOptionsByType:r,flyoutConfigForDataType:h[o]||[],textFormatConfig:C,isSourceCustomized:a,removeColumnFormatting:I,resetColumnToDefault:M,updateColumnColoring:F,updateColumnFormatting:R,updateColumnTextFormatting:B}))}));const{hasError:$,isMissing:V,isLoading:N}=(0,c.getDataSourceStateInfo)(x),q=o&&""!==o?void 0:{marginTop:"-8px"};return i.createElement(i.Fragment,null,i.createElement("div",null,L),i.createElement(u.default,{label:o,labelPosition:a,labelWidth:n,style:q},i.createElement(p.default,{availableFieldsWithTypes:w,columnFormatting:S,disableToggle:V||$,editorSupportedFormatOptions:D,handleAddColumnFormatting:A,placeholderMessage:(0,d.getPlaceholderMessage)({isMissing:V,isLoading:N,hasError:$,defaultMessage:"+ Add column to format"})})))}},8444:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.TableDynamicColorEditor=void 0;const i=l(o(9497)),s=o(6649),u=o(152),c=r(o(2065)),d=o(333),f=o(630),p=Object.assign({},d.DynamicColorEditorPropTypes);t.TableDynamicColorEditor=({name:e,value:t,label:o="",labelPosition:a,labelWidth:n,context:l,flyoutTitle:r=(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:o}=e,a=Boolean(t||o);x(a),a||_("background")}),[null==g?void 0:g.tableFormat]);const j=i.useCallback(((e,t)=>{var o,a,n,r;x((e=>!e));const i=Object.assign(Object.assign({},g),{tableFormat:Object.assign({},g.tableFormat)}),s=Object.assign({},l);if(E)Object.assign(i.tableFormat,(0,f.clearDynamicColoring)(C)),s.tableFormatEditorConfig=void 0,h(e,{options:i,context:s});else{const t=(null===(o=p[0])||void 0===o?void 0:o.value)||"table",l=(null===(a=d[0])||void 0===a?void 0:a.value)||"gradient",u=(null===(r=null===(n=d[0])||void 0===n?void 0:n.defaults)||void 0===r?void 0:r[t])||{},c=`> ${t} | ${l}(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,l,E,h,C,p,d]),P=i.useCallback(((e,t)=>{var o,a;const n=null===(o=t.options)||void 0===o?void 0:o.tableFormat,r=null===(a=t.context)||void 0===a?void 0:a.tableFormatEditorConfig,i=Object.assign(Object.assign({},g),{tableFormat:Object.assign({},g.tableFormat)});"background"===C?(i.tableFormat.rowBackgroundColors=n,i.tableFormat.rowColors=void 0):"text"===C&&(i.tableFormat.rowColors=n,i.tableFormat.rowBackgroundColors=void 0),void 0===i.tableFormat.rowBackgroundColors&&void 0===i.tableFormat.rowColors&&(i.tableFormat={});const s=Object.assign(Object.assign({},l),{tableFormatEditorConfig:r});h(e,{options:i,context:s})}),[h,g,l,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:j,itemSchema:{type:"boolean"},help:b}),E&&i.createElement(u.DynamicColorEditor,{name:e,label:o||(0,s._)("Dynamic coloring"),labelPosition:a,labelWidth:n,value:"background"===C?null==t?void 0:t.rowBackgroundColors:null==t?void 0:t.rowColors,context:l,onChange:P,flyoutTitle:r,formatters:d,dataSelectors:p,defaultPalettesConfig:m,colorMode:C,handleColorModeChange:(e,{value:t})=>{const o=Object.assign(Object.assign({},g),{tableFormat:Object.assign({},v)}),a=Object.assign({},l);"off"===t?(x(!1),Object.assign(o.tableFormat,(0,f.clearDynamicColoring)(C)),a.tableFormatEditorConfig=void 0):"background"===C&&"text"===t?(Object.assign(o.tableFormat,(0,f.moveDslBetweenModes)("background","text",v)),_("text")):"text"===C&&"background"===t&&(Object.assign(o.tableFormat,(0,f.moveDslBetweenModes)("text","background",v)),_("background")),h(e,{options:o,context:a})}}))},t.TableDynamicColorEditor.propTypes=p},8687:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__rest||function(e,t){var o={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(o[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(a=Object.getOwnPropertySymbols(e);n<a.length;n++)t.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(o[a[n]]=e[a[n]])}return o},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const s=l(o(9497)),u=i(o(23)),c=l(o(232)),d=i(o(5905)),f=o(3563),p=i(o(4008)),m=o(5862),b=o(6801),g=(0,c.default)(d.default)`
|
|
255
|
+
`;t.SliderEditor=({help:e,isDisabled:t=!1,label:o,labelPosition:a="top",labelWidth:n,max:l,maxLabel:r=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:j,handleFocus:P,handleKeyPress:w}=(0,f.useNumberInput)({value:y,min:s,max:l,defaultValue:C,onValueChange:O}),D=null!=E?Number(E):void 0,S="none"===v?"never":v;return i.createElement(d.default,{label:o,labelPosition:a,labelWidth:n,help:e},i.createElement(m,{"data-test":b,min:s,minLabel:u,max:l,maxLabel:r,step:h,stepMarks:S,value:D,disabled:t,onChange:_}),i.createElement(c.default,{inline:!0,min:s,max:l,step:h,onChange:x,onBlur:j,onFocus:P,onKeyDown:w,value:D,disabled:t,style:p}))},t.default=t.SliderEditor},6116:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=o(4793),u=r(o(9250)),c=o(9033),d=o(1256),f=r(o(7649)),p=r(o(1432)),m=o(5396),b=o(1385),g=e=>{const t={};return e.forEach(((e,o)=>{t[o]=e})),t};t.default=({dataSourceKey:e="primary",dataSourceBindings:t,label:o,labelPosition:a="top",labelWidth:n,columnColoringConfig:l,defaultOptionsByType:r,flyoutConfig:h=[[]],onChange:v,value:y,textFormatConfig:C=[]})=>{const{context:_={},columnFormat:O={},tableFormat:E={}}=y,x=(0,b.useDataSource)({dataSourceBindings:t,dataSourceKey:e}),{columns:j,fields:P}=(0,s.get)(x,"data")||{columns:[],fields:[]},w=(0,d.getAvailableFieldsWithTypes)(j,P),D=i.useMemo((()=>(0,m.getEditorSupportedFormatOptions)(h)),[h]),[S,T]=i.useState((0,m.getInitialColumnFormattingState)({availableFieldsWithTypes:w,coloringTypes:l.coloringTypes,columnFormatOption:O,editorSupportedFormatOptions:D,vizContext:_}));i.useEffect((()=>{T((0,m.getInitialColumnFormattingState)({availableFieldsWithTypes:w,coloringTypes:l.coloringTypes,columnFormatOption:O,editorSupportedFormatOptions:D,vizContext:_}))}),[JSON.stringify(w)]);const k=i.useCallback((({columnName:e,columnDataType:t})=>{const o=(0,m.getFormattingOptDSLKey)(O[e]),a=_[o]||{[t]:{}},n=Object.keys(a[t]).reduce(((e,t)=>(e[t]=null,e)),{}),l=(0,m.getExistingTextFormatting)(e,O),i=new Map(S),u={columnColoring:(0,s.get)(S.get(e),"columnColoring",{_meta:{dynamicallyColoredOption:"Off"}}),formatByType:{[t]:Object.assign(Object.assign(Object.assign({},n),r[t]),{_meta:{exceedsEditorCapabilities:!1}})},formatText:l};i.set(e,u),T(i),v(null,(0,m.getColumnFormatDefFromState)((0,s.cloneDeep)({columnFormatOption:O,updatedEditorColumnFormatting:g(i)})))}),[O,r,S,v,_]),M=i.useCallback(((e,t,o=!1)=>{const a=new Map(S);a.set(e,t),T(a),o||v(null,(0,m.getColumnFormatDefFromState)((0,s.cloneDeep)({columnFormatOption:O,updatedEditorColumnFormatting:g(a)})))}),[O,S,v]),F=i.useCallback((({columnName:e,coloringTypes:t,dynamicallyColoredOption:o})=>{if(Array.isArray(t)){const a=(0,s.cloneDeep)(S.get(e));t.forEach((({coloringType:e,colorContextKey:t,colorOptionDSL:o,colorContextConfig:n})=>{(0,s.set)(a,["columnColoring",e],{colorContextKey:t,colorOptionDSL:o,colorContextConfig:n})})),(0,s.set)(a,["columnColoring","_meta"],{dynamicallyColoredOption:o}),M(e,a)}}),[S,M]),R=i.useCallback((({columnName:e,optionName:t,value:o})=>{const[a]=Object.keys(S.get(e).formatByType),n=(0,s.defaultsDeep)({},{formatByType:{[a]:{[t]:o,_meta:{exceedsEditorCapabilities:!1}}}},S.get(e));M(e,n)}),[S,M]),B=i.useCallback((({columnName:e,optionName:t,value:o})=>{const a=(0,s.defaultsDeep)({},{formatText:{[t]:o}},S.get(e));M(e,a)}),[S,M]),A=i.useCallback(((e,{value:t})=>{const{name:o,type:a}=t,n=(0,m.getFormattingOptDSLKey)(O[o]);let l;const i=D[a];if(n){const e=_[n];return l={columnColoring:{_meta:{dynamicallyColoredOption:"Off"}},formatByType:{[a]:Object.assign(Object.assign({},(0,s.get)(_,[n,a],{})),{_meta:{exceedsEditorCapabilities:(0,m.checkExceedsEditorCapabilities)(e[a],i)}})},formatText:{}},void M(o,l,!0)}const u=(0,m.getGlobalTableFormatting)(E,a,_);l={columnColoring:{_meta:{dynamicallyColoredOption:"Off"}},formatByType:{[a]:Object.assign(Object.assign(Object.assign({},r[a]),u),{_meta:{exceedsEditorCapabilities:(0,m.checkExceedsEditorCapabilities)(u,i)}})},formatText:Object.assign({},r[m.TextDataType])},M(o,l)}),[O,r,D,M,E,_]),I=i.useCallback((({columnName:e,columnDataType:t})=>{const o=new Map(S);o.delete(e),T(o);const a=S.get(e);if((0,s.get)(a,["formatByType",t,"_meta","exceedsEditorCapabilities"])){const t=(0,m.getFormattingOptDSLKey)(O[e]),o=_[t]||{},{colorContextKey:a}=(0,s.get)(S.get(e),["columnColoring","rowColors"],{}),{colorContextKey:n}=(0,s.get)(S.get(e),["columnColoring","rowBackgroundColors"],{});v(null,(0,m.getColumnFormatDefFromState)((0,s.cloneDeep)({columnFormatOption:O,updatedEditorColumnFormatting:Object.assign(Object.assign({},g(S)),{[e]:{formatByType:Object.assign({},o),columnColoring:Object.assign(Object.assign({},a&&{rowColors:{colorContextKey:a,colorOptionsDSL:null,colorContextConfig:null}}),n&&{rowBackgroundColors:{colorContextKey:n,colorOptionsDSL:null,colorContextConfig:null}}),formatText:{}}})})))}else v(null,(0,m.getColumnFormatDefFromState)((0,s.cloneDeep)({columnFormatOption:O,updatedEditorColumnFormatting:Object.assign(Object.assign({},g(S)),{[e]:null})})))}),[O,S,v,_]),L=[];S.forEach(((e,t)=>{const[o]=Object.keys(e.formatByType),a=(0,s.get)(e,["formatByType",o,"_meta","exceedsEditorCapabilities"]);L.push(i.createElement(f.default,{key:t,columnName:t,columnDataType:o,columnColoring:e.columnColoring,columnColoringConfig:l,columnFormattingByType:e.formatByType,columnTextFormatting:e.formatText,defaultOptionsByType:r,flyoutConfigForDataType:h[o]||[],textFormatConfig:C,isSourceCustomized:a,removeColumnFormatting:I,resetColumnToDefault:k,updateColumnColoring:F,updateColumnFormatting:R,updateColumnTextFormatting:B}))}));const{hasError:$,isMissing:V,isLoading:N}=(0,c.getDataSourceStateInfo)(x),q=o&&""!==o?void 0:{marginTop:"-8px"};return i.createElement(i.Fragment,null,i.createElement("div",null,L),i.createElement(u.default,{label:o,labelPosition:a,labelWidth:n,style:q},i.createElement(p.default,{availableFieldsWithTypes:w,columnFormatting:S,disableToggle:V||$,editorSupportedFormatOptions:D,handleAddColumnFormatting:A,placeholderMessage:(0,d.getPlaceholderMessage)({isMissing:V,isLoading:N,hasError:$,defaultMessage:"+ Add column to format"})})))}},8444:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.TableDynamicColorEditor=void 0;const i=l(o(9497)),s=o(6649),u=o(152),c=r(o(2065)),d=o(333),f=o(630),p=Object.assign({},d.DynamicColorEditorPropTypes);t.TableDynamicColorEditor=({name:e,value:t,label:o="",labelPosition:a,labelWidth:n,context:l,flyoutTitle:r=(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:o}=e,a=Boolean(t||o);x(a),a||_("background")}),[null==g?void 0:g.tableFormat]);const j=i.useCallback(((e,t)=>{var o,a,n,r;x((e=>!e));const i=Object.assign(Object.assign({},g),{tableFormat:Object.assign({},g.tableFormat)}),s=Object.assign({},l);if(E)Object.assign(i.tableFormat,(0,f.clearDynamicColoring)(C)),s.tableFormatEditorConfig=void 0,h(e,{options:i,context:s});else{const t=(null===(o=p[0])||void 0===o?void 0:o.value)||"table",l=(null===(a=d[0])||void 0===a?void 0:a.value)||"gradient",u=(null===(r=null===(n=d[0])||void 0===n?void 0:n.defaults)||void 0===r?void 0:r[t])||{},c=`> ${t} | ${l}(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,l,E,h,C,p,d]),P=i.useCallback(((e,t)=>{var o,a;const n=null===(o=t.options)||void 0===o?void 0:o.tableFormat,r=null===(a=t.context)||void 0===a?void 0:a.tableFormatEditorConfig,i=Object.assign(Object.assign({},g),{tableFormat:Object.assign({},g.tableFormat)});"background"===C?(i.tableFormat.rowBackgroundColors=n,i.tableFormat.rowColors=void 0):"text"===C&&(i.tableFormat.rowColors=n,i.tableFormat.rowBackgroundColors=void 0),void 0===i.tableFormat.rowBackgroundColors&&void 0===i.tableFormat.rowColors&&(i.tableFormat={});const s=Object.assign(Object.assign({},l),{tableFormatEditorConfig:r});h(e,{options:i,context:s})}),[h,g,l,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:j,itemSchema:{type:"boolean"},help:b}),E&&i.createElement(u.DynamicColorEditor,{name:e,label:o||(0,s._)("Dynamic coloring"),labelPosition:a,labelWidth:n,value:"background"===C?null==t?void 0:t.rowBackgroundColors:null==t?void 0:t.rowColors,context:l,onChange:P,flyoutTitle:r,formatters:d,dataSelectors:p,defaultPalettesConfig:m,colorMode:C,handleColorModeChange:(e,{value:t})=>{const o=Object.assign(Object.assign({},g),{tableFormat:Object.assign({},v)}),a=Object.assign({},l);"off"===t?(x(!1),Object.assign(o.tableFormat,(0,f.clearDynamicColoring)(C)),a.tableFormatEditorConfig=void 0):"background"===C&&"text"===t?(Object.assign(o.tableFormat,(0,f.moveDslBetweenModes)("background","text",v)),_("text")):"text"===C&&"background"===t&&(Object.assign(o.tableFormat,(0,f.moveDslBetweenModes)("text","background",v)),_("background")),h(e,{options:o,context:a})}}))},t.TableDynamicColorEditor.propTypes=p},8687:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__rest||function(e,t){var o={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(o[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(a=Object.getOwnPropertySymbols(e);n<a.length;n++)t.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(o[a[n]]=e[a[n]])}return o},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const s=l(o(9497)),u=i(o(23)),c=l(o(232)),d=i(o(5905)),f=o(3563),p=i(o(4008)),m=o(5862),b=o(6801),g=(0,c.default)(d.default)`
|
|
259
256
|
textarea[disabled] {
|
|
260
257
|
${(0,f.pick)({enterprise:{dark:c.css`
|
|
261
258
|
color: ${f.variables.textDisabledColor};
|
|
@@ -399,7 +396,7 @@
|
|
|
399
396
|
`,_=u.default.div`
|
|
400
397
|
margin-left: 8px;
|
|
401
398
|
color: ${d.variables.contentColorMuted};
|
|
402
|
-
`,O=e=>{const{value:t,onChange:o,showStaticTextColor:a,isReversed:n,swatchColors:l,setIsReversed:r,selectedColors:s,isSwatchCustomized:u,disableAddStops:d}=e,O=null==t?void 0:t.textColor,[E,x]=i.useState(!1),[j,P]=i.useState(s.map((()=>!0)));i.useEffect((()=>{if("boolean"==typeof d)return void x(d);const e=!u&&s.length>=(null==l?void 0:l.length);x(e)}),[n,s,u,null==l?void 0:l.length,d]);const w=i.useCallback((e=>{o({colors:s,textColor:e})}),[s,o]),D=i.useCallback((e=>{const t=[...s].filter(((t,o)=>o!==e));if(o({colors:t}),u){const t=j.filter(((t,o)=>o!==e));P(t)}}),[s,o,u,j]),S=i.useCallback((()=>{if(1===s.length){const e=[s[0],"#000000"];return void o({colors:e})}if(!u){if(s.length>=(null==l?void 0:l.length))return void x(!0);const e=(0,f.addPaletteGradientStop)(l,s,n);if(e){o({colors:e}),e.length>=(null==l?void 0:l.length)&&x(!0)}return}const e=(0,f.addCustomGradientStop)(s,j,P);o({colors:e})}),[u,s,j,o,l,n]),T=i.useCallback((()=>{const e=[...s].reverse();if(o({colors:e}),null==r||r(!n),u){const e=[...j].reverse();P(e)}}),[s,o,r,n,u,j]),
|
|
399
|
+
`,O=e=>{const{value:t,onChange:o,showStaticTextColor:a,isReversed:n,swatchColors:l,setIsReversed:r,selectedColors:s,isSwatchCustomized:u,disableAddStops:d}=e,O=null==t?void 0:t.textColor,[E,x]=i.useState(!1),[j,P]=i.useState(s.map((()=>!0)));i.useEffect((()=>{if("boolean"==typeof d)return void x(d);const e=!u&&s.length>=(null==l?void 0:l.length);x(e)}),[n,s,u,null==l?void 0:l.length,d]);const w=i.useCallback((e=>{o({colors:s,textColor:e})}),[s,o]),D=i.useCallback((e=>{const t=[...s].filter(((t,o)=>o!==e));if(o({colors:t}),u){const t=j.filter(((t,o)=>o!==e));P(t)}}),[s,o,u,j]),S=i.useCallback((()=>{if(1===s.length){const e=[s[0],"#000000"];return void o({colors:e})}if(!u){if(s.length>=(null==l?void 0:l.length))return void x(!0);const e=(0,f.addPaletteGradientStop)(l,s,n);if(e){o({colors:e}),e.length>=(null==l?void 0:l.length)&&x(!0)}return}const e=(0,f.addCustomGradientStop)(s,j,P);o({colors:e})}),[u,s,j,o,l,n]),T=i.useCallback((()=>{const e=[...s].reverse();if(o({colors:e}),null==r||r(!n),u){const e=[...j].reverse();P(e)}}),[s,o,r,n,u,j]),k=i.useCallback((e=>{const{colorIndex:t,value:a}=e,n=[...s];if(n[t]=a,o({colors:n}),u){const e=[...j];e[t]=!0,P(e)}}),[j,u,o,s]);return i.createElement(h,{"data-test":"gradient-configurer"},i.createElement(p.default,{"data-test":"add-reverse-stops",disableAddStops:E,handleAddStop:S,handleReverse:T}),i.createElement(v,{"data-test":"gradients-wrapper"},s.map(((e,t)=>{let o="";0===t?o=(0,c._)("Lowest value"):t===s.length-1&&(o=(0,c._)("Highest value"));const a=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:l,onChange:k}),i.createElement(_,{"data-test":`gradient-label-${t}`},o)),a&&i.createElement(g.default,{"data-test":`gradient-remove-button-${t}`,colorIndex:t,onRemove:()=>D(t)}))}))),a&&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,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=l(o(23)),u=r(o(232)),c=r(o(7020)),d=r(o(5784)),f=o(3563),p=u.default.div`
|
|
403
400
|
width: 32px;
|
|
404
401
|
height: 32px;
|
|
405
402
|
align-self: flex-end;
|
|
@@ -408,7 +405,7 @@
|
|
|
408
405
|
&:hover {
|
|
409
406
|
background-color: ${f.variables.interactiveColorOverlayDrag} !important;
|
|
410
407
|
}
|
|
411
|
-
`,b=({colorIndex:e,onRemove:t})=>{const o=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:o}))};b.propTypes={onRemove:s.func},t.default=b},8963:function(e,t,o){var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.findMatchingPaletteGradient=t.addPaletteGradientStop=t.addCustomGradientStop=t.interpolateColor=t.createGradientConfigFromPalettes=t.createDefaultPalettesConfig=t.defaultLightGradientConfig=t.defaultDarkGradientConfig=void 0;const n=a(o(5089));t.defaultDarkGradientConfig={colors:[n.default.DARK_COLORS.sequential.swatches[1][0],n.default.DARK_COLORS.sequential.swatches[1][n.default.DARK_COLORS.sequential.swatches[1].length-1]]},t.defaultLightGradientConfig={colors:[n.default.LIGHT_COLORS.sequential.swatches[1][0],n.default.LIGHT_COLORS.sequential.swatches[1][n.default.LIGHT_COLORS.sequential.swatches[1].length-1]]};t.createDefaultPalettesConfig=e=>{var t,o,a;return{paletteTheme:(null==e?void 0:e.paletteTheme)||"DARK_COLORS",paletteEntry:{type:(null===(t=null==e?void 0:e.paletteEntry)||void 0===t?void 0:t.type)||"sequential",index:null!==(a=null===(o=null==e?void 0:e.paletteEntry)||void 0===o?void 0:o.index)&&void 0!==a?a:1}}};t.createGradientConfigFromPalettes=(e,o,a)=>{var l,r,i;const s=(0,t.createDefaultPalettesConfig)(e),{paletteTheme:u,paletteEntry:c}=s,d=(null===(i=null===(r=null===(l=n.default[u])||void 0===l?void 0:l[c.type])||void 0===r?void 0:r.swatches)||void 0===i?void 0:i[c.index])||t.defaultDarkGradientConfig.colors,f=d.length>=2?[d[0],d[d.length-1]]:d;return o?{colors:f,textColor:a||"auto"}:{colors:f}};t.interpolateColor=(e,t,o)=>{const a=e.replace("#",""),n=t.replace("#",""),l=parseInt(a.substring(0,2),16),r=parseInt(a.substring(2,4),16),i=parseInt(a.substring(4,6),16),s=parseInt(n.substring(0,2),16),u=parseInt(n.substring(2,4),16),c=parseInt(n.substring(4,6),16),d=Math.round(l+o*(s-l)),f=Math.round(r+o*(u-r)),p=Math.round(i+o*(c-i)),m=e=>e.toString(16).padStart(2,"0");return`#${m(d)}${m(f)}${m(p)}`};t.addCustomGradientStop=(e,o,a)=>{var n,l;if(e.length<2)return e;const r=o.map(((e,t)=>e?t:-1)).filter((e=>-1!==e));if(r.length<2){const l=e[e.length-1],r=e[e.length-2],i=(0,t.interpolateColor)(r,l,.5),s=[...e.slice(0,e.length-1),i,l];return a([...o.slice(0,o.length-1),!1,null!==(n=o[o.length-1])&&void 0!==n&&n]),s}let i=[...e],s=[...o];for(let a=0;a<r.length-1;a+=1){const n=r[a],l=r[a+1];if(l-n>1){const a=e[n],r=e[l],s=[];for(let e=n+1;e<l;e+=1)o[e]||s.push(e);if(s.length>0)for(let e=0;e<s.length;e+=1){const o=s[e],u=(o-n)/(l-n);i[o]=(0,t.interpolateColor)(a,r,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!==(l=s[s.length-1])&&void 0!==l&&l],a(s),i};t.addPaletteGradientStop=(e,t,o)=>{const a=t.length-1;if(a>5)return t;const n=o?[...e].reverse():e,l=n[Math.max(1,Math.min(a,n.length-2))];return[...t.slice(0,a),l,...t.slice(a)]};t.findMatchingPaletteGradient=(e,t)=>{if(!Array.isArray(e)||e.length<2||!t||"object"!=typeof t||!t.DARK_COLORS||!t.LIGHT_COLORS)return null;const o=[];if(["DARK_COLORS","LIGHT_COLORS"].forEach((a=>{const n=t[a];if(!n)return;Object.entries(n).filter((([e])=>"_meta"!==e)).flatMap((([e,t])=>{const{swatches:o}=t;return o.map(((t,o)=>({type:e,swatch:t,index:o})))})).forEach((({type:t,swatch:n,index:l})=>{e.length>n.length||(n.length>=2&&n[0].trim().toLowerCase()===e[0].trim().toLowerCase()&&n[n.length-1].trim().toLowerCase()===e[e.length-1].trim().toLowerCase()?o.push({paletteTheme:a,paletteEntry:{type:t,index:l},isReversed:!1,swatch:n}):n.length>=2&&n[0].trim().toLowerCase()===e[e.length-1].trim().toLowerCase()&&n[n.length-1].trim().toLowerCase()===e[0].trim().toLowerCase()&&o.push({paletteTheme:a,paletteEntry:{type:t,index:l},isReversed:!0,swatch:n}))}))})),e.length>2&&o.length>0){const t=o.find((({swatch:t,isReversed:o})=>{if(t.length<e.length)return!1;const a=o?[...t].reverse():t;if(e[0].trim().toLowerCase()!==a[0].trim().toLowerCase()||e[e.length-1].trim().toLowerCase()!==a[a.length-1].trim().toLowerCase())return!1;const n=e.slice(1,e.length-1).map((e=>e.trim().toLowerCase())),l=a.slice(1,e.length-1).map((e=>e.trim().toLowerCase()));return n.every((e=>l.includes(e)))}));if(t)return{paletteTheme:t.paletteTheme,paletteEntry:t.paletteEntry,isReversed:t.isReversed}}if(o.length>0){const e=o[0];return{paletteTheme:e.paletteTheme,paletteEntry:e.paletteEntry,isReversed:e.isReversed}}return null}},7304:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.GradientEditor=void 0;const i=l(o(9497)),s=l(o(23)),u=r(o(5089)),c=r(o(5852)),d=o(8963),f=o(8548),p=r(o(4293));t.GradientEditor=({defaultPalettesConfig:e={paletteTheme:"DARK_COLORS",paletteEntry:{type:"sequential",index:1}},onChange:t,palettes:o=u.default,showStaticTextColor:a=!1,selectedDataSelector:n,value:l={colors:["#252214","#b846bb"],textColor:"auto"}})=>{var r,s;const{colors:m,textColor:b}=l;let g,h=null,v=null;if(m&&m.length>1){const e=(0,d.findMatchingPaletteGradient)(m,o);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!==(r=null==y?void 0:y.paletteTheme)&&void 0!==r?r:e.paletteTheme,O=null!==(s=null==y?void 0:y.paletteEntry)&&void 0!==s?s:e.paletteEntry,E=_&&O?(0,f.getSwatchColorsFromPalette)({palettes:o,paletteInfo:O,paletteTheme:_}):[],x=(0,f.hasCustomColors)({currentSwatchColors:E,selectedColors:m}),j=x&&m.length>7?m.slice(0,7):m,P=x&&j.length>=7||!x&&j.length>=E.length,[w,D]=i.useState(g||!1),S=i.useCallback((e=>{const o={colors:(null==e?void 0:e.colors)||m};a&&(o.textColor=e.textColor||b),t(null,null,o)}),[m,a,t,b]),T=i.useCallback((e=>{if(!O)return;let t=(0,f.getSwatchColorsFromPalette)({palettes:o,paletteInfo:O,paletteTheme:e});w&&(t=[...t].reverse());let a=[];if(x&&m.length>7)a=t.slice();else{const e=m.length;if(1===e)a=[t[t.length-1]];else if(2===e)a=[t[0],t[t.length-1]];else if(e>2){a=[t[0]];for(let o=1;o<e-1;o+=1)a.push(t[o]);a.push(t[t.length-1])}}C((t=>Object.assign(Object.assign({},t),{paletteTheme:e}))),S({colors:a})}),[O,o,w,S,x,m]),
|
|
408
|
+
`,b=({colorIndex:e,onRemove:t})=>{const o=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:o}))};b.propTypes={onRemove:s.func},t.default=b},8963:function(e,t,o){var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.findMatchingPaletteGradient=t.addPaletteGradientStop=t.addCustomGradientStop=t.interpolateColor=t.createGradientConfigFromPalettes=t.createDefaultPalettesConfig=t.defaultLightGradientConfig=t.defaultDarkGradientConfig=void 0;const n=a(o(5089));t.defaultDarkGradientConfig={colors:[n.default.DARK_COLORS.sequential.swatches[1][0],n.default.DARK_COLORS.sequential.swatches[1][n.default.DARK_COLORS.sequential.swatches[1].length-1]]},t.defaultLightGradientConfig={colors:[n.default.LIGHT_COLORS.sequential.swatches[1][0],n.default.LIGHT_COLORS.sequential.swatches[1][n.default.LIGHT_COLORS.sequential.swatches[1].length-1]]};t.createDefaultPalettesConfig=e=>{var t,o,a;return{paletteTheme:(null==e?void 0:e.paletteTheme)||"DARK_COLORS",paletteEntry:{type:(null===(t=null==e?void 0:e.paletteEntry)||void 0===t?void 0:t.type)||"sequential",index:null!==(a=null===(o=null==e?void 0:e.paletteEntry)||void 0===o?void 0:o.index)&&void 0!==a?a:1}}};t.createGradientConfigFromPalettes=(e,o,a)=>{var l,r,i;const s=(0,t.createDefaultPalettesConfig)(e),{paletteTheme:u,paletteEntry:c}=s,d=(null===(i=null===(r=null===(l=n.default[u])||void 0===l?void 0:l[c.type])||void 0===r?void 0:r.swatches)||void 0===i?void 0:i[c.index])||t.defaultDarkGradientConfig.colors,f=d.length>=2?[d[0],d[d.length-1]]:d;return o?{colors:f,textColor:a||"auto"}:{colors:f}};t.interpolateColor=(e,t,o)=>{const a=e.replace("#",""),n=t.replace("#",""),l=parseInt(a.substring(0,2),16),r=parseInt(a.substring(2,4),16),i=parseInt(a.substring(4,6),16),s=parseInt(n.substring(0,2),16),u=parseInt(n.substring(2,4),16),c=parseInt(n.substring(4,6),16),d=Math.round(l+o*(s-l)),f=Math.round(r+o*(u-r)),p=Math.round(i+o*(c-i)),m=e=>e.toString(16).padStart(2,"0");return`#${m(d)}${m(f)}${m(p)}`};t.addCustomGradientStop=(e,o,a)=>{var n,l;if(e.length<2)return e;const r=o.map(((e,t)=>e?t:-1)).filter((e=>-1!==e));if(r.length<2){const l=e[e.length-1],r=e[e.length-2],i=(0,t.interpolateColor)(r,l,.5),s=[...e.slice(0,e.length-1),i,l];return a([...o.slice(0,o.length-1),!1,null!==(n=o[o.length-1])&&void 0!==n&&n]),s}let i=[...e],s=[...o];for(let a=0;a<r.length-1;a+=1){const n=r[a],l=r[a+1];if(l-n>1){const a=e[n],r=e[l],s=[];for(let e=n+1;e<l;e+=1)o[e]||s.push(e);if(s.length>0)for(let e=0;e<s.length;e+=1){const o=s[e],u=(o-n)/(l-n);i[o]=(0,t.interpolateColor)(a,r,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!==(l=s[s.length-1])&&void 0!==l&&l],a(s),i};t.addPaletteGradientStop=(e,t,o)=>{const a=t.length-1;if(a>5)return t;const n=o?[...e].reverse():e,l=n[Math.max(1,Math.min(a,n.length-2))];return[...t.slice(0,a),l,...t.slice(a)]};t.findMatchingPaletteGradient=(e,t)=>{if(!Array.isArray(e)||e.length<2||!t||"object"!=typeof t||!t.DARK_COLORS||!t.LIGHT_COLORS)return null;const o=[];if(["DARK_COLORS","LIGHT_COLORS"].forEach((a=>{const n=t[a];if(!n)return;Object.entries(n).filter((([e])=>"_meta"!==e)).flatMap((([e,t])=>{const{swatches:o}=t;return o.map(((t,o)=>({type:e,swatch:t,index:o})))})).forEach((({type:t,swatch:n,index:l})=>{e.length>n.length||(n.length>=2&&n[0].trim().toLowerCase()===e[0].trim().toLowerCase()&&n[n.length-1].trim().toLowerCase()===e[e.length-1].trim().toLowerCase()?o.push({paletteTheme:a,paletteEntry:{type:t,index:l},isReversed:!1,swatch:n}):n.length>=2&&n[0].trim().toLowerCase()===e[e.length-1].trim().toLowerCase()&&n[n.length-1].trim().toLowerCase()===e[0].trim().toLowerCase()&&o.push({paletteTheme:a,paletteEntry:{type:t,index:l},isReversed:!0,swatch:n}))}))})),e.length>2&&o.length>0){const t=o.find((({swatch:t,isReversed:o})=>{if(t.length<e.length)return!1;const a=o?[...t].reverse():t;if(e[0].trim().toLowerCase()!==a[0].trim().toLowerCase()||e[e.length-1].trim().toLowerCase()!==a[a.length-1].trim().toLowerCase())return!1;const n=e.slice(1,e.length-1).map((e=>e.trim().toLowerCase())),l=a.slice(1,e.length-1).map((e=>e.trim().toLowerCase()));return n.every((e=>l.includes(e)))}));if(t)return{paletteTheme:t.paletteTheme,paletteEntry:t.paletteEntry,isReversed:t.isReversed}}if(o.length>0){const e=o[0];return{paletteTheme:e.paletteTheme,paletteEntry:e.paletteEntry,isReversed:e.isReversed}}return null}},7304:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.GradientEditor=void 0;const i=l(o(9497)),s=l(o(23)),u=r(o(5089)),c=r(o(5852)),d=o(8963),f=o(8548),p=r(o(4293));t.GradientEditor=({defaultPalettesConfig:e={paletteTheme:"DARK_COLORS",paletteEntry:{type:"sequential",index:1}},onChange:t,palettes:o=u.default,showStaticTextColor:a=!1,selectedDataSelector:n,value:l={colors:["#252214","#b846bb"],textColor:"auto"}})=>{var r,s;const{colors:m,textColor:b}=l;let g,h=null,v=null;if(m&&m.length>1){const e=(0,d.findMatchingPaletteGradient)(m,o);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!==(r=null==y?void 0:y.paletteTheme)&&void 0!==r?r:e.paletteTheme,O=null!==(s=null==y?void 0:y.paletteEntry)&&void 0!==s?s:e.paletteEntry,E=_&&O?(0,f.getSwatchColorsFromPalette)({palettes:o,paletteInfo:O,paletteTheme:_}):[],x=(0,f.hasCustomColors)({currentSwatchColors:E,selectedColors:m}),j=x&&m.length>7?m.slice(0,7):m,P=x&&j.length>=7||!x&&j.length>=E.length,[w,D]=i.useState(g||!1),S=i.useCallback((e=>{const o={colors:(null==e?void 0:e.colors)||m};a&&(o.textColor=e.textColor||b),t(null,null,o)}),[m,a,t,b]),T=i.useCallback((e=>{if(!O)return;let t=(0,f.getSwatchColorsFromPalette)({palettes:o,paletteInfo:O,paletteTheme:e});w&&(t=[...t].reverse());let a=[];if(x&&m.length>7)a=t.slice();else{const e=m.length;if(1===e)a=[t[t.length-1]];else if(2===e)a=[t[0],t[t.length-1]];else if(e>2){a=[t[0]];for(let o=1;o<e-1;o+=1)a.push(t[o]);a.push(t[t.length-1])}}C((t=>Object.assign(Object.assign({},t),{paletteTheme:e}))),S({colors:a})}),[O,o,w,S,x,m]),k=i.useCallback((e=>{if(!e)return C({paletteTheme:null,paletteEntry:null}),void D(!1);const t=_&&e?(0,f.getSwatchColorsFromPalette)({palettes:o,paletteInfo:e,paletteTheme:_}):[],n=m.length;let l=[];if(x&&m.length>7)l=t.slice();else if(1===n)l=[t[t.length-1]];else if(2===n)l=[t[0],t[t.length-1]];else if(n>2){l=[t[0]];for(let e=1;e<n-1;e+=1)l.push(t[e]);l.push(t[t.length-1])}C({paletteTheme:_,paletteEntry:e}),D(!1);const r={colors:l};a&&(r.textColor=b),S(r)}),[_,o,a,S,b,x,m]);return i.useEffect((()=>{C((0,d.findMatchingPaletteGradient)(m,o))}),[n]),i.createElement(i.Fragment,null,i.createElement(c.default,{isSwatchCustomized:x,isReversed:w,onChangePaletteTheme:T,onPaletteChange:k,palettes:o,selectedPaletteInfo:O,selectedPaletteTheme:_}),i.createElement(p.default,{isSwatchCustomized:x,isReversed:w,setIsReversed:D,onChange:S,value:l,swatchColors:E,selectedColors:j,name:"GradientValueConfigurer",showStaticTextColor:a,disableAddStops:P}))},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,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=l(o(23)),u=o(6649),c=r(o(232)),d=r(o(7020)),f=r(o(6062)),p=c.default.div`
|
|
412
409
|
display: flex;
|
|
413
410
|
flex-direction: row;
|
|
414
411
|
margin-bottom: 10px;
|
|
@@ -418,7 +415,7 @@
|
|
|
418
415
|
justify-content: center;
|
|
419
416
|
`,b=c.default.div`
|
|
420
417
|
display: flex;
|
|
421
|
-
`,g={marginRight:"12px"},h=i.createElement(f.default,null),v=({disableAddMatches:e=!1,handleAddMatch:t,handleReverse:o})=>i.createElement(p,null,i.createElement(b,null,i.createElement(d.default,{"data-test":"reverse-matches-button",icon:h,style:g,onClick:o})),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,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=r(o(7408));t.default=({color:e,colorIndex:t,onChange:o,palette:a})=>{const n=i.useCallback((({value:e})=>o({colorIndex:t,value:
|
|
418
|
+
`,g={marginRight:"12px"},h=i.createElement(f.default,null),v=({disableAddMatches:e=!1,handleAddMatch:t,handleReverse:o})=>i.createElement(p,null,i.createElement(b,null,i.createElement(d.default,{"data-test":"reverse-matches-button",icon:h,style:g,onClick:o})),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,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=r(o(7408));t.default=({color:e,colorIndex:t,onChange:o,palette:a})=>{const n=i.useCallback((({value:e})=>{let a=e;null!=a&&""!==a||(a="transparent"),o({colorIndex:t,value:a})}),[t,o]);return i.createElement(s.default,{"data-test":`match-color-${e}`,value:e,palette:a,onChange:n,hideInput:!0})}},1727:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=l(o(23)),u=r(o(232)),c=o(6649),d=o(8548),f=r(o(3396)),p=r(o(347)),m=r(o(8753)),b=o(3719),g=r(o(2265)),h=u.default.div`
|
|
422
419
|
padding-top: 10px;
|
|
423
420
|
`,v=u.default.div`
|
|
424
421
|
display: flex;
|
|
@@ -450,13 +447,13 @@
|
|
|
450
447
|
`,b=({colorIndex:e,disabled:t=!1,onRemove:o,matchIndex:a})=>{const n=i.useCallback((()=>o(e,a)),[e,o,a]);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:n})))};b.propTypes={disabled:s.bool,onRemove:s.func},t.default=b},3719:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.isNumeric=t.getMatches=void 0;const a=o(4793);t.getMatches=(e=[])=>(0,a.isEmpty)(e)?[{match:"",value:"#ff0000"}]:e;t.isNumeric=e=>!isNaN(Number(e))&&!isNaN(parseFloat(e))},107:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.matchValuesToContextConfig=t.MATCH_VALUE_WILDCARD_INFO_TEXT=void 0;const i=l(o(9497)),s=l(o(23)),u=r(o(232)),c=o(6649),d=o(3563),f=r(o(5089)),p=r(o(5852)),m=r(o(1727)),b=o(8548),g=o(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
449
|
color: ${d.variables.contentColorMuted};
|
|
453
|
-
`;t.matchValuesToContextConfig=({colors:e,matchValues:t})=>e.map(((e,o)=>({match:t[o],value:e})));const v=({defaultPalettesConfig:e,onChange:o=(()=>{}),palettes:a=f.default,selectedDataSelector:n,value:l})=>{const r=i.useMemo((()=>(0,g.getMatches)(l)),[l]),{matchValues:s,selectedColors:u}=i.useMemo((()=>r.reduce(((e,t)=>
|
|
450
|
+
`;t.matchValuesToContextConfig=({colors:e,matchValues:t})=>e.map(((e,o)=>({match:t[o],value:e})));const v=({defaultPalettesConfig:e,onChange:o=(()=>{}),palettes:a=f.default,selectedDataSelector:n,value:l})=>{const r=i.useMemo((()=>(0,g.getMatches)(l)),[l]),{matchValues:s,selectedColors:u}=i.useMemo((()=>r.reduce(((e,t)=>{e.matchValues.push(t.match);const o="string"==typeof t.value?t.value:"transparent";return e.selectedColors.push(o),e}),{matchValues:[],selectedColors:[]})),[r]),[{paletteTheme:c,paletteEntry:d},v]=i.useState((()=>(0,b.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:a,ranges:r}))),y=(0,b.getSwatchColorsFromPalette)({palettes:a,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:a,selectedColors:u,selectedPaletteInfo:d,selectedPaletteTheme:c,minimumNumberOfColors:1}))),E=i.useCallback((({paletteTheme:e,paletteInfo:t})=>s.length>7?u:(({palettes:e,paletteTheme:t,paletteInfo:o,matchValues:a,setIsReversed:n})=>{const l=(0,b.getSwatchColorsFromPalette)({palettes:e,paletteInfo:o,paletteTheme:t}),r=(0,b.getPrecedenceFromPalette)({palettes:e,paletteTheme:t,paletteInfo:o}),i=a.length,s=r[i<7?i-1:5].map((e=>l[e])).slice(0,i);return n(!1),s})({palettes:a,paletteTheme:e,paletteInfo:t,matchValues:s,setIsReversed:O})),[s,a,u]),x=i.useCallback((e=>{const a=E({paletteTheme:e,paletteInfo:d});v((t=>Object.assign(Object.assign({},t),{paletteTheme:e})));const n=(0,t.matchValuesToContextConfig)({colors:a,matchValues:s});o(null,null,n)}),[E,d,s,o]),j=i.useCallback((e=>{const a=E({paletteTheme:c,paletteInfo:e});v((t=>Object.assign(Object.assign({},t),{paletteEntry:e})));const n=(0,t.matchValuesToContextConfig)({colors:a,matchValues:s});o(null,null,n)}),[E,c,s,o]),P=i.useCallback((({colors:e,matchValues:a})=>{const n=(0,t.matchValuesToContextConfig)({colors:e,matchValues:a});o(null,null,n)}),[o]);return i.useEffect((()=>{v((0,b.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:a,ranges:r}))}),[n]),i.createElement(i.Fragment,null,i.createElement(p.default,{isReversed:_,isSwatchCustomized:C,shouldShowArrows:!1,onChangePaletteTheme:x,onPaletteChange:j,palettes:a,selectedPaletteInfo:d,selectedPaletteTheme:c}),i.createElement(m.default,{customizedColors:C,isReversed:_,onChange:P,precedence:(0,b.getPrecedenceFromPalette)({palettes:a,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,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MatchValuePreview=void 0;const i=l(o(9497)),s=o(1705),u=r(o(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,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=r(o(1964)),u=r(o(2150)),c=o(8548);t.default=({isReversed:e,isSwatchCustomized:t,shouldShowArrows:o=!0,onChangePaletteTheme:a,onPaletteChange:n,palettes:l,selectedPaletteInfo:r,selectedPaletteTheme:d})=>{const f=i.useMemo((()=>Object.keys(l).map((e=>({value:e,label:l[e]._meta.label})))),[l]),p=i.useMemo((()=>(0,c.getThemedPalettesWithoutMeta)({palettes:l,paletteTheme:d})),[l,d]);return i.createElement(i.Fragment,null,i.createElement(s.default,{onChange:a,paletteThemes:f,selectedPaletteTheme:d}),i.createElement(u.default,{isReversed:e,isSwatchCustomized:t,shouldShowArrows:o,onPaletteChange:n,palettes:p,selectedPaletteInfo:r}))}},2150:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=o(4793),u=r(o(232)),c=o(6649),d=r(o(7020)),f=r(o(6214)),p=r(o(4233)),m=r(o(4566)),b=r(o(6212)),g=o(1705),h=r(o(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:o=!0,onPaletteChange:a,palettes:n,selectedPaletteInfo:l})=>{const r=(0,s.get)(n,[l.type,"swatches",l.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,o&&i.createElement(b.default,null),i.createElement(g.ColorPreview,{colors:r,isReversed:e})),i.createElement(v,null))),C=i.useMemo((()=>Object.keys(n).reduce(((e,o,r,s)=>(e.push(i.createElement(p.default.Heading,{key:`title-${o}`,title:!0},(0,c._)(o).toUpperCase())),e.push(...n[o].swatches.map(((e,n)=>{const r=!t&&o===l.type&&l.index===n;return i.createElement(p.default.Item,{"data-test":`palette-swatch-row-${o}-${n}`,key:`${o}-${JSON.stringify(e)}`,onClick:()=>a({type:o,index:n}),selected:r,selectable:!0},i.createElement(h.default,null,i.createElement(g.ColorPreview,{colors:e})))}))),r<s.length-1&&e.push(i.createElement(p.default.Divider,{key:`divider-${o}`})),e)),[])),[t,a,n,l.index,l.type]);return i.createElement(f.default,{toggle:u},i.createElement(p.default,{style:{width:302}},C))}},1964:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=l(o(23)),u=o(6649),c=r(o(5411)),d=r(o(9250)),f=({labelPosition:e="top",onChange:t,paletteThemes:o,selectedPaletteTheme:a})=>{const n=i.useCallback(((e,{value:o})=>t(o)),[t]);return i.createElement(d.default,{label:(0,u._)("Preset palette"),labelPosition:e},i.createElement(c.default,{onChange:n,value:a},o.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,o)=>{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 a=o(4793);t.defaultPalettesConfig={paletteTheme:"DARK_COLORS",paletteEntry:{type:"sequential",index:0}};t.getNewColors=({isReversed:e,numColors:t,precedence:o,swatchColors:a})=>{const n=Array.isArray(o[t-2])?o[t-2].map((e=>a[e])):[];return e&&n.reverse(),n};t.getPrecedenceFromPalette=({palettes:e,paletteInfo:t,paletteTheme:o})=>(0,a.get)(e,[o,t.type,"precedence"],[]);t.getSwatchColorsFromPalette=({palettes:e,paletteInfo:t,paletteTheme:o})=>(0,a.get)(e,[o,t.type,"swatches",t.index],[]);t.hasCustomColors=({currentSwatchColors:e,selectedColors:t})=>{if(t.length>e.length)return!0;const o={};return e.forEach((e=>{o[e.toLowerCase()]=e.toLowerCase()})),t.some((e
|
|
456
|
+
`;t.default=({isReversed:e=!1,isSwatchCustomized:t=!1,shouldShowArrows:o=!0,onPaletteChange:a,palettes:n,selectedPaletteInfo:l})=>{const r=(0,s.get)(n,[l.type,"swatches",l.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,o&&i.createElement(b.default,null),i.createElement(g.ColorPreview,{colors:r,isReversed:e})),i.createElement(v,null))),C=i.useMemo((()=>Object.keys(n).reduce(((e,o,r,s)=>(e.push(i.createElement(p.default.Heading,{key:`title-${o}`,title:!0},(0,c._)(o).toUpperCase())),e.push(...n[o].swatches.map(((e,n)=>{const r=!t&&o===l.type&&l.index===n;return i.createElement(p.default.Item,{"data-test":`palette-swatch-row-${o}-${n}`,key:`${o}-${JSON.stringify(e)}`,onClick:()=>a({type:o,index:n}),selected:r,selectable:!0},i.createElement(h.default,null,i.createElement(g.ColorPreview,{colors:e})))}))),r<s.length-1&&e.push(i.createElement(p.default.Divider,{key:`divider-${o}`})),e)),[])),[t,a,n,l.index,l.type]);return i.createElement(f.default,{toggle:u},i.createElement(p.default,{style:{width:302}},C))}},1964:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=l(o(23)),u=o(6649),c=r(o(5411)),d=r(o(9250)),f=({labelPosition:e="top",onChange:t,paletteThemes:o,selectedPaletteTheme:a})=>{const n=i.useCallback(((e,{value:o})=>t(o)),[t]);return i.createElement(d.default,{label:(0,u._)("Preset palette"),labelPosition:e},i.createElement(c.default,{onChange:n,value:a},o.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,o)=>{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 a=o(4793);t.defaultPalettesConfig={paletteTheme:"DARK_COLORS",paletteEntry:{type:"sequential",index:0}};t.getNewColors=({isReversed:e,numColors:t,precedence:o,swatchColors:a})=>{const n=Array.isArray(o[t-2])?o[t-2].map((e=>a[e])):[];return e&&n.reverse(),n};t.getPrecedenceFromPalette=({palettes:e,paletteInfo:t,paletteTheme:o})=>(0,a.get)(e,[o,t.type,"precedence"],[]);t.getSwatchColorsFromPalette=({palettes:e,paletteInfo:t,paletteTheme:o})=>(0,a.get)(e,[o,t.type,"swatches",t.index],[]);t.hasCustomColors=({currentSwatchColors:e,selectedColors:t})=>{if(t.length>e.length)return!0;const o={};return e.forEach((e=>{"string"==typeof e&&(o[e.toLowerCase()]=e.toLowerCase())})),t.some((e=>"string"!=typeof e||!o[e.toLowerCase()]))};t.getThemedPalettesWithoutMeta=({palettes:e,paletteTheme:t})=>Object.keys(e[t]).reduce(((o,a)=>("_meta"!==a&&(o[a]=e[t][a]),o)),{});const n=({currentSwatchColors:e,precedence:t,selectedColors:o})=>{if(!t)return!1;if(t.every((t=>e[t]===o[t])))return!0;return!![...t].reverse().every((t=>e[t]===o[t]))};t.hasInitiallyReversedColors=({isSwatchCustomized:e,palettes:t,selectedColors:o,selectedPaletteInfo:a,selectedPaletteTheme:n,minimumNumberOfColors:l=2})=>{var r,i,s,u,c,d;if(e)return!1;const f=o.length,p=2===l?f-2:f<7?f-1:5,m=null===(s=null===(i=null===(r=null==t?void 0:t[n])||void 0===r?void 0:r[a.type])||void 0===i?void 0:i.swatches)||void 0===s?void 0:s[a.index],b=[...null===(d=null===(c=null===(u=null==t?void 0:t[n])||void 0===u?void 0:u[a.type])||void 0===c?void 0:c.precedence)||void 0===d?void 0:d[p]].reverse();return o.every(((e,t)=>m[b[t]].toLowerCase()===e.toLowerCase()))};t.inferInitialPaletteFromContext=({defaultPalettesConfig:e,ranges:o,palettes:a})=>{let l,r=[];Array.isArray(o)&&(r=o.map((({value:e})=>e)));let i=!1;return Object.keys(a).forEach((e=>{Object.keys(a[e]).filter((e=>"_meta"!==e)).forEach((o=>{var s;const u=a[e][o];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[r.length-2])&&void 0!==s?s:[];for(let a=0;a<d.length;a+=1){const s=d[a];(0,t.hasCustomColors)({currentSwatchColors:s,selectedColors:r})||(i=n({currentSwatchColors:s,selectedColors:r,precedence:p}),l&&!i||(l={paletteTheme:e,paletteEntry:{type:o,index:a}}))}}))})),l||e}},2841:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=l(o(23)),u=o(6649),c=r(o(232)),d=r(o(7020)),f=r(o(6062)),p=c.default.div`
|
|
460
457
|
display: flex;
|
|
461
458
|
flex-direction: row;
|
|
462
459
|
margin-bottom: 10px;
|
|
@@ -490,7 +487,7 @@
|
|
|
490
487
|
display: flex;
|
|
491
488
|
flex-direction: column;
|
|
492
489
|
margin-left: ${c.default.spacingMedium};
|
|
493
|
-
`;t.handleUpdateRangeBoundary=({rangeBoundaryIndex:e,setError:t,shouldUpdate:o,updateRangeBoundary:a,value:n})=>{if(o){const o=a(n,e);o&&o.error&&t(o.error)}};t.default=({initialValue:e,rangeBoundaryIndex:o,rangeText:a,rangeValues:n,showNumberEditor:l=!0,updateRangeBoundary:r})=>{const[s,u]=i.useState(null),[c,g]=i.useState(!1),[h,v]=i.useState(null),y=i.useCallback((()=>{g(!0)}),[]),C=i.useCallback(((e,{value:a})=>{u(a),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:o,setError:v,shouldUpdate:!c,updateRangeBoundary:r,value:a})}),[c,o,r]),_=i.useCallback((()=>{g(!1),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:o,setError:v,shouldUpdate:"number"==typeof s&&s!==e,updateRangeBoundary:r,value:s})}),[o,s,e,r]),O=i.useCallback((a=>(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:o,setError:v,shouldUpdate:"Enter"===a.key&&"number"==typeof s&&s!==e,updateRangeBoundary:r,value:s})),[o,s,e,r]);return i.useEffect((()=>{h&&!n.includes(s)&&(v(null),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:o,setError:v,shouldUpdate:"number"==typeof s,updateRangeBoundary:r,value:s}))}),[s,h,o,n,r]),i.createElement(b,null,i.createElement(m,null,l&&i.createElement(p,{"data-test":"range-boundary-editor",error:!!h,onBlur:_,onChange:C,onFocus:y,onKeyUp:O,value:null!=s?s:e}),i.createElement(d,null,a)),l&&h&&i.createElement(f,null,h))}},1782:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=r(o(7408));t.default=({color:e,colorIndex:t,onChange:o,palette:a})=>{const n=i.useCallback((({value:e})=>o({colorIndex:t,value:
|
|
490
|
+
`;t.handleUpdateRangeBoundary=({rangeBoundaryIndex:e,setError:t,shouldUpdate:o,updateRangeBoundary:a,value:n})=>{if(o){const o=a(n,e);o&&o.error&&t(o.error)}};t.default=({initialValue:e,rangeBoundaryIndex:o,rangeText:a,rangeValues:n,showNumberEditor:l=!0,updateRangeBoundary:r})=>{const[s,u]=i.useState(null),[c,g]=i.useState(!1),[h,v]=i.useState(null),y=i.useCallback((()=>{g(!0)}),[]),C=i.useCallback(((e,{value:a})=>{u(a),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:o,setError:v,shouldUpdate:!c,updateRangeBoundary:r,value:a})}),[c,o,r]),_=i.useCallback((()=>{g(!1),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:o,setError:v,shouldUpdate:"number"==typeof s&&s!==e,updateRangeBoundary:r,value:s})}),[o,s,e,r]),O=i.useCallback((a=>(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:o,setError:v,shouldUpdate:"Enter"===a.key&&"number"==typeof s&&s!==e,updateRangeBoundary:r,value:s})),[o,s,e,r]);return i.useEffect((()=>{h&&!n.includes(s)&&(v(null),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:o,setError:v,shouldUpdate:"number"==typeof s,updateRangeBoundary:r,value:s}))}),[s,h,o,n,r]),i.createElement(b,null,i.createElement(m,null,l&&i.createElement(p,{"data-test":"range-boundary-editor",error:!!h,onBlur:_,onChange:C,onFocus:y,onKeyUp:O,value:null!=s?s:e}),i.createElement(d,null,a)),l&&h&&i.createElement(f,null,h))}},1782:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=r(o(7408));t.default=({color:e,colorIndex:t,onChange:o,palette:a})=>{const n=i.useCallback((({value:e})=>{let a=e;return null===a&&(a="transparent"),o({colorIndex:t,value:a})}),[t,o]);return i.createElement(s.default,{"data-test":`range-color-${e}`,value:e,palette:a,onChange:n,hideInput:!0})}},104:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=l(o(23)),u=r(o(232)),c=o(6649),d=r(o(2841)),f=r(o(6959)),p=r(o(1782)),m=r(o(6900)),b=o(8548),g=u.default.div`
|
|
494
491
|
padding-top: 10px;
|
|
495
492
|
`,h=u.default.div`
|
|
496
493
|
display: flex;
|
|
@@ -510,11 +507,11 @@
|
|
|
510
507
|
}
|
|
511
508
|
`,b=({colorIndex:e,disabled:t=!1,onRemove:o,rangeBoundaryIndex:a})=>{const n=i.useCallback((()=>o(e,a)),[e,o,a]);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:n})))};b.propTypes={disabled:s.bool,onRemove:s.func},t.default=b},3493:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getSortedRanges=void 0;const a=o(4793);t.getSortedRanges=(e=[])=>{if((0,a.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,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.rangeValuesToContextConfig=void 0;const i=l(o(9497)),s=l(o(23)),u=r(o(5089)),c=r(o(5852)),d=r(o(104)),f=o(3493),p=o(8548);t.rangeValuesToContextConfig=({colors:e,rangeValues:t})=>e.map(((o,a)=>{const n={value:o};return a>0&&(n.from=t[a-1]),a<e.length-1&&(n.to=t[a]),n}));const m=({defaultPalettesConfig:e,onChange:o=(()=>{}),palettes:a=u.default,selectedDataSelector:n,value:l})=>{const r=i.useMemo((()=>(0,f.getSortedRanges)(l)),[l]),{rangeValues:s,selectedColors:m}=i.useMemo((()=>r.reduce(((e,t)=>("number"==typeof t.to&&e.rangeValues.push(t.to),e.selectedColors.push(t.value),e)),{rangeValues:[],selectedColors:[]})),[r]),[{paletteTheme:b,paletteEntry:g},h]=i.useState((()=>(0,p.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:a,ranges:r}))),v=(0,p.getSwatchColorsFromPalette)({palettes:a,paletteInfo:g,paletteTheme:b}),y=(0,p.hasCustomColors)({currentSwatchColors:v,selectedColors:m}),[C,_]=i.useState((()=>(0,p.hasInitiallyReversedColors)({isSwatchCustomized:y,palettes:a,selectedColors:m,selectedPaletteInfo:g,selectedPaletteTheme:b}))),O=i.useCallback((({paletteTheme:e,paletteInfo:t})=>s.length>6?m:(({palettes:e,paletteTheme:t,paletteInfo:o,rangeValues:a,setIsReversed:n})=>{const l=(0,p.getSwatchColorsFromPalette)({palettes:e,paletteInfo:o,paletteTheme:t}),r=(0,p.getPrecedenceFromPalette)({palettes:e,paletteTheme:t,paletteInfo:o})[a.length-1].map((e=>l[e]));return n(!1),r})({palettes:a,paletteTheme:e,paletteInfo:t,rangeValues:s,setIsReversed:_})),[a,s,m]),E=i.useCallback((e=>{const a=O({paletteTheme:e,paletteInfo:g});h((t=>Object.assign(Object.assign({},t),{paletteTheme:e})));const n=(0,t.rangeValuesToContextConfig)({colors:a,rangeValues:s});o(null,null,n)}),[O,g,s,o]),x=i.useCallback((e=>{const a=O({paletteTheme:b,paletteInfo:e});h((t=>Object.assign(Object.assign({},t),{paletteEntry:e})));const n=(0,t.rangeValuesToContextConfig)({colors:a,rangeValues:s});o(null,null,n)}),[O,b,s,o]),j=i.useCallback((({colors:e,rangeValues:a})=>{const n=(0,t.rangeValuesToContextConfig)({colors:e,rangeValues:a});o(null,null,n)}),[o]);return i.useEffect((()=>{h((0,p.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:a,ranges:r}))}),[n]),i.createElement(i.Fragment,null,i.createElement(c.default,{isReversed:C,isSwatchCustomized:y,onChangePaletteTheme:E,onPaletteChange:x,palettes:a,selectedPaletteInfo:g,selectedPaletteTheme:b}),i.createElement(d.default,{customizedColors:y,isReversed:C,onChange:j,precedence:(0,p.getPrecedenceFromPalette)({palettes:a,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,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.RangeValuePreview=void 0;const i=l(o(9497)),s=r(o(6212)),u=o(1705),c=r(o(1494)),d=o(3493);t.RangeValuePreview=({config:e})=>{const t=(0,i.useMemo)((()=>(0,d.getSortedRanges)(e)),[e]),o=(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:o,maxColorCount:8}))}},1432:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=o(4793),u=r(o(232)),c=r(o(2373)),d=r(o(9909)),f=o(1256),p=o(8999),m=(0,u.default)(c.default.Option)`
|
|
512
509
|
padding-left: 20px;
|
|
513
|
-
`;m.displayName="ColumnOption";t.default=({availableFieldsWithTypes:e,columnFormatting:t,disableToggle:o,editorSupportedFormatOptions:a,handleAddColumnFormatting:n,placeholderMessage:l})=>{const[r,u]=i.useState(""),b=(0,f.getFilteredFields)(e,r),g=i.useCallback(((e,{keyword:t})=>{u(t)}),[]),h=(0,p.useColumnSelectorFooterMessage)({availableFields:e,filteredFields:b,filter:r,noSelectedFieldsInfo:!0}),v=i.useCallback(((t,{value:o})=>{const a=e.find((e=>e.name===o));n(t,{value:a})}),[e,n]);return i.createElement(c.default,{"data-test":"add-column-toggle",disabled:o,filter:!0,footerMessage:h,inline:!1,onFilterChange:g,onChange:v,placeholder:l,value:l},b.map((e=>{const o=(n=e.name,l=e.type,"_time"!==n?`${n} - ${l}`:n);var n,l;return i.createElement(m,{"data-test":`add-column-option-${o}`,disabled:!!t.get(e.name)||(0,s.isEmpty)(a[e.type]),label:o,key:e.name,value:e.name},i.createElement(d.default,{columnName:e.name,dataType:e.type}))})))}},4680:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.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=l(o(9497)),s=o(232),u=o(4793),c=o(3283),d=o(6649),f=r(o(6447)),p=r(o(
|
|
510
|
+
`;m.displayName="ColumnOption";t.default=({availableFieldsWithTypes:e,columnFormatting:t,disableToggle:o,editorSupportedFormatOptions:a,handleAddColumnFormatting:n,placeholderMessage:l})=>{const[r,u]=i.useState(""),b=(0,f.getFilteredFields)(e,r),g=i.useCallback(((e,{keyword:t})=>{u(t)}),[]),h=(0,p.useColumnSelectorFooterMessage)({availableFields:e,filteredFields:b,filter:r,noSelectedFieldsInfo:!0}),v=i.useCallback(((t,{value:o})=>{const a=e.find((e=>e.name===o));n(t,{value:a})}),[e,n]);return i.createElement(c.default,{"data-test":"add-column-toggle",disabled:o,filter:!0,footerMessage:h,inline:!1,onFilterChange:g,onChange:v,placeholder:l,value:l},b.map((e=>{const o=(n=e.name,l=e.type,"_time"!==n?`${n} - ${l}`:n);var n,l;return i.createElement(m,{"data-test":`add-column-option-${o}`,disabled:!!t.get(e.name)||(0,s.isEmpty)(a[e.type]),label:o,key:e.name,value:e.name},i.createElement(d.default,{columnName:e.name,dataType:e.type}))})))}},4680:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.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=l(o(9497)),s=o(232),u=o(4793),c=o(3283),d=o(6649),f=r(o(6447)),p=r(o(397)),m=r(o(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:o,defaultBackgroundColor:a}={})=>{let n,l=!1,r=!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)?n=s:f.default.isDslString(s)&&!(0,c.isColor)(o)?l=!0:(0,c.isColor)(o)?n=o:(0,c.isColor)(a)&&(n=a),d===t.ALT_BY_COLOR||d===t.ALT_BY_THEME?r=!0:d===t.FLAT_BY_THEME||d===t.FLAT_BY_COLOR?r=!1:(0,u.isEmpty)(d)||(i=!0),{color:n,disableColor:l,shouldAltRows:r,disableAltRows:i}};t.calculateOptionOnBackgroundColorChange=({options:e={},value:o,defaultThemeBackgroundColor:a}={})=>{const n=(0,u.cloneDeep)(e),l=(0,u.get)(n,"tableFormat.rowBackgroundColors",t.ALT_BY_THEME),r=(0,u.get)(n,"tableFormat.rowColors"),i=(0,u.get)(n,"tableFormat.headerColor"),s=(0,u.get)(n,"tableFormat.headerBackgroundColor");return o&&o===a?((0,u.set)(n,"backgroundColor",t.DEFAULT_BACKGROUND_COLOR),l===t.ALT_BY_COLOR&&(0,u.set)(n,"tableFormat.rowBackgroundColors",t.ALT_BY_THEME),r===t.ROW_COLOR_BY_CONTRAST&&(0,u.set)(n,"tableFormat.rowColors",null),s===t.HEADER_BACKGROUND_BY_COLOR&&(0,u.set)(n,"tableFormat.headerBackgroundColor",null),i===t.HEADER_COLOR_BY_CONTRAST&&(0,u.set)(n,"tableFormat.headerColor",null)):o&&(0,c.isColor)(o)&&((0,u.set)(n,"backgroundColor",o),l===t.ALT_BY_THEME?(0,u.set)(n,"tableFormat.rowBackgroundColors",t.ALT_BY_COLOR):l===t.FLAT_BY_THEME&&(0,u.set)(n,"tableFormat.rowBackgroundColors",t.FLAT_BY_COLOR),(0,u.isEmpty)(s)&&(0,u.set)(n,"tableFormat.headerBackgroundColor",t.HEADER_BACKGROUND_BY_COLOR),(0,u.isEmpty)(r)&&(0,u.set)(n,"tableFormat.rowColors",t.ROW_COLOR_BY_CONTRAST),(0,u.isEmpty)(i)&&(0,u.set)(n,"tableFormat.headerColor",t.HEADER_COLOR_BY_CONTRAST)),n.tableFormat&&(0,u.isPlainObject)(n.tableFormat)&&(0,u.isEmpty)(n.tableFormat)&&(0,u.set)(n,"tableFormat",null),{options:n}};t.calculateOptionsOnAltRowsChange=({options:e={},value:o}={})=>{const a=(0,u.cloneDeep)(e),n=(0,u.get)(e,"backgroundColor"),l=(0,u.get)(e,"tableFormat.rowBackgroundColors",t.ALT_BY_THEME),r=(0,u.get)(e,"tableFormat.rowColors"),i=(0,u.get)(e,"tableFormat.headerColor"),s=(0,u.get)(e,"tableFormat.headerBackgroundColor");return n===t.DEFAULT_BACKGROUND_COLOR||void 0===n?"boolean"==typeof o&&[t.ALT_BY_THEME,t.ALT_BY_COLOR,t.FLAT_BY_COLOR,t.FLAT_BY_THEME].includes(l)&&(0,u.set)(a,"tableFormat.rowBackgroundColors",!0===o?t.ALT_BY_THEME:t.FLAT_BY_THEME):("boolean"==typeof o&&[t.ALT_BY_THEME,t.ALT_BY_COLOR,t.FLAT_BY_COLOR,t.FLAT_BY_THEME].includes(l)&&(0,u.set)(a,"tableFormat.rowBackgroundColors",o?t.ALT_BY_COLOR:t.FLAT_BY_COLOR),(0,u.isEmpty)(r)&&(0,u.set)(a,"tableFormat.rowColors",t.ROW_COLOR_BY_CONTRAST),(0,u.isEmpty)(s)&&(0,u.set)(a,"tableFormat.headerBackgroundColor",t.HEADER_BACKGROUND_BY_COLOR),(0,u.isEmpty)(i)&&(0,u.set)(a,"tableFormat.headerColor",t.HEADER_COLOR_BY_CONTRAST)),{options:a}};t.TableBackgroundColorEditor=({options:e,onChange:o,labelPosition:a="left",labelWidth:n,value:l,palette:r,themes:u})=>{const f=i.useContext(s.ThemeContext)||{},b=i.useCallback(((a,n,l)=>{const r="function"==typeof(null==u?void 0:u.defaultBackgroundColor)?null==u?void 0:u.defaultBackgroundColor({theme:f}):void 0;o(a,(0,t.calculateOptionOnBackgroundColorChange)({options:e,value:l,defaultThemeBackgroundColor:r}))}),[u,f,o,e]),g=i.useCallback(((a,n,l)=>{o(a,(0,t.calculateOptionsOnAltRowsChange)({options:e,value:l}))}),[e,o]),{color:h,disableColor:v,shouldAltRows:y,disableAltRows:C}=(0,t.calculateState)({options:e,value:l,defaultBackgroundColor:f.defaultBackgroundColor});return i.createElement(i.Fragment,null,i.createElement(p.default,{name:"backgroundColor",label:(0,d._)("Background color"),labelPosition:a,labelWidth:n,itemSchema:{default:f.defaultBackgroundColor},palette:Array.isArray(r)&&(0,c.isColor)(h)&&!r.includes(h)?[...r,h]:r,value:h,isDisabled:v,onChange:b}),i.createElement(m.default,{name:"alternateRowColors",label:(0,d._)("Alternate row colors"),labelPosition:"right",labelWidth:n,value:y,isDisabled:C,itemSchema:{type:"boolean"},onChange:g}))}},340:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getSelectedFormatterUponOpen=t.getStaticColor=void 0;const i=l(o(9497)),s=o(4793),u=l(o(232)),c=l(o(23)),d=o(1413),f=o(5089),p=o(6649),m=r(o(9250)),b=r(o(5411)),g=o(7124),h=o(5862),v=o(2369),y=r(o(397)),C=o(2088),_=o(5396),O=u.default.div`
|
|
514
511
|
padding: 14px ${(0,g.toPx)(h.FLYOUT_PADDING)};
|
|
515
512
|
`,E=u.default.div`
|
|
516
513
|
margin-bottom: 8px;
|
|
517
|
-
`,x=[],j={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="",o=void 0,a=void 0)=>{const n=(0,d.getLastFormatterFromDSL)((0,s.get)(e,[t,"colorOptionDSL"]));return"pick"===(0,s.get)(n,"type")?(0,s.get)(e,[t,"colorContextConfig",0]):"function"==typeof(null==a?void 0:a.textColor)?null==a?void 0:a.textColor({theme:o}):"#000000"};t.getSelectedFormatterUponOpen=(e={},t=[])=>{const o=(0,s.get)(e,["_meta","dynamicallyColoredOption"]),a=(0,d.getLastFormatterFromDSL)((0,s.get)(e,[o,"colorOptionDSL"]));return void 0===a?(0,s.get)(t,[0]):t.find((e=>e.value===a.type))};const P=({columnColoring:e,columnColoringConfig:o,columnDataType:a,columnName:n,defaultPalettesConfig:l=f.defaultPalettesConfig,handleColumnColoringUpdate:r,label:c=(0,p._)("Dynamic coloring")})=>{const d=i.useContext(u.ThemeContext),{coloringTypes:g,themes:h}=o,C=i.useMemo((()=>"string"===a?o.formatters.filter((e=>"matchValue"===e.value)):o.formatters),[a,o]),j=(0,t.getStaticColor)(e,"rowColors",d,h),P=(0,s.get)(e,["_meta","dynamicallyColoredOption"]),[w,D]=i.useState((0,t.getSelectedFormatterUponOpen)(e,C)),[S,T]=i.useState(P),[M
|
|
514
|
+
`,x=[],j={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="",o=void 0,a=void 0)=>{const n=(0,d.getLastFormatterFromDSL)((0,s.get)(e,[t,"colorOptionDSL"]));return"pick"===(0,s.get)(n,"type")?(0,s.get)(e,[t,"colorContextConfig",0]):"function"==typeof(null==a?void 0:a.textColor)?null==a?void 0:a.textColor({theme:o}):"#000000"};t.getSelectedFormatterUponOpen=(e={},t=[])=>{const o=(0,s.get)(e,["_meta","dynamicallyColoredOption"]),a=(0,d.getLastFormatterFromDSL)((0,s.get)(e,[o,"colorOptionDSL"]));return void 0===a?(0,s.get)(t,[0]):t.find((e=>e.value===a.type))};const P=({columnColoring:e,columnColoringConfig:o,columnDataType:a,columnName:n,defaultPalettesConfig:l=f.defaultPalettesConfig,handleColumnColoringUpdate:r,label:c=(0,p._)("Dynamic coloring")})=>{const d=i.useContext(u.ThemeContext),{coloringTypes:g,themes:h}=o,C=i.useMemo((()=>"string"===a?o.formatters.filter((e=>"matchValue"===e.value)):o.formatters),[a,o]),j=(0,t.getStaticColor)(e,"rowColors",d,h),P=(0,s.get)(e,["_meta","dynamicallyColoredOption"]),[w,D]=i.useState((0,t.getSelectedFormatterUponOpen)(e,C)),[S,T]=i.useState(P),[k,M]=i.useState((0,s.get)(e,[S,"colorContextConfig"])),F=i.useCallback(((e,{value:t})=>{const o=[],a=(0,_.sanitizeColumnName)(n);switch(t){case"Off":g.forEach((({value:e})=>{o.push({coloringType:e,colorContextKey:`${a}${(0,s.upperFirst)(e)}EditorConfig`,colorOptionDSL:null,colorContextConfig:null})}));break;case"rowBackgroundColors":o.push({coloringType:"rowColors",colorContextKey:`${a}RowColorsEditorConfig`,colorContextConfig:[j],colorOptionDSL:`> table | seriesByName('${n}') | pick(${a}RowColorsEditorConfig)`});break;case"rowColors":o.push({coloringType:"rowBackgroundColors",colorContextKey:`${a}RowBackgroundColorsEditorConfig`,colorContextConfig:null,colorOptionDSL:null})}const{defaults:l,value:i}=w,u=k||l[t];if("Off"!==t){const e=`${a}${(0,s.upperFirst)(t)}EditorConfig`;o.push({coloringType:t,colorContextKey:e,colorContextConfig:u,colorOptionDSL:`> table | seriesByName('${n}') | ${i}(${e})`})}T(t),r({columnName:n,coloringTypes:o,dynamicallyColoredOption:t}),k||M(u)}),[g,n,k,r,w,j]),R=i.useCallback(((e,t,o)=>{const a=`${(0,_.sanitizeColumnName)(n)}${(0,s.upperFirst)(t)}EditorConfig`;r({columnName:n,coloringTypes:[{coloringType:t,colorContextKey:a,colorContextConfig:[o],colorOptionDSL:`> table | seriesByName("${n}") | pick(${a})`}],dynamicallyColoredOption:S})}),[n,S,r]),B=i.useCallback(((e,t,o)=>{const{value:a}=w,l=`${(0,_.sanitizeColumnName)(n)}${(0,s.upperFirst)(S)}EditorConfig`;M(o),r({columnName:n,coloringTypes:[{coloringType:S,colorContextKey:l,colorContextConfig:o,colorOptionDSL:`> table | seriesByName("${n}") | ${a}(${l})`}],dynamicallyColoredOption:S})}),[n,S,r,w]),A=i.useCallback(((e,t,o)=>{const a=C.find((e=>e.value===o)),{defaults:l}=a,i=l[S],u=`${(0,_.sanitizeColumnName)(n)}${(0,s.upperFirst)(S)}EditorConfig`;D(a),M(i),r({columnName:n,coloringTypes:[{coloringType:S,colorContextKey:u,colorContextConfig:i,colorOptionDSL:`> table | seriesByName("${n}") | ${o}(${u})`}],dynamicallyColoredOption:S})}),[C,n,S,r,M]);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:S},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}))))),S&&"Off"!==S&&i.createElement(i.Fragment,null,1===C.length&&i.createElement(E,{"data-test":"single-formatter-method"},"Method: ",w.label),i.createElement(v.FormatterEditor,{selectedDataSelector:S,selectedFormatterType:w.value,currentFormatterConfig:k,onFormatterTypeChange:A,onFormatterConfigChange:B,formatters:C,dataSelectors:x,defaultPalettesConfig:l}),"rowBackgroundColors"===S&&i.createElement(y.default,{name:"rowColors",value:j,label:(0,p._)("Static text color"),labelPosition:"top",onChange:R,textWidth:"100%"})))};P.propTypes=j,t.default=P},7649:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=r(o(232)),u=r(o(1551)),c=r(o(6379)),d=o(3563),f=o(7124),p=r(o(5449)),m=r(o(3625)),b=o(6649),g=r(o(4251)),h=r(o(9909)),v=r(o(3941)),y=o(5862),C=r(o(1074)),_=r(o(340)),O=r(o(1668)),E=o(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;
|
|
@@ -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:o,columnFormattingByType:a,columnTextFormatting:n,columnDataType:l,defaultOptionsByType:r={},flyoutConfigForDataType:s,textFormatConfig:d,isSourceCustomized:f,removeColumnFormatting:y,resetColumnToDefault:O,updateColumnFormatting:T,updateColumnColoring:
|
|
547
|
+
`;t.default=({columnColoring:e,columnColoringConfig:t,columnName:o,columnFormattingByType:a,columnTextFormatting:n,columnDataType:l,defaultOptionsByType:r={},flyoutConfigForDataType:s,textFormatConfig:d,isSourceCustomized:f,removeColumnFormatting:y,resetColumnToDefault:O,updateColumnFormatting:T,updateColumnColoring:k,updateColumnTextFormatting:M})=>{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:o,columnDataType:l})),[o,l,y]),$=i.useCallback((()=>O({columnName:o,columnDataType:l})),[o,l,O]);return i.createElement(i.Fragment,null,i.createElement(x,{ref:I,"data-test":`column-toggle-${o}`},i.createElement(c.default,{"data-test":`selected-column-label-${o}`},i.createElement(P,null,i.createElement(h.default,{columnName:o,dataType:l}))),i.createElement(w,null,i.createElement(g.default,{dataTestKey:`edit-column-icon-${o}`,onClick:B},i.createElement(p.default,null)),i.createElement(g.default,{dataTestKey:`remove-column-icon-${o}`,onClick:L},i.createElement(m.default,null)))),i.createElement(u.default,{"data-test":`column-formatter-flyout-${o}`,anchor:I.current,open:F,onRequestClose:A,appearance:"normal",defaultPlacement:"horizontal"},i.createElement(j,{"data-test":"popover-contents"},i.createElement(D,null,i.createElement(S,{"data-test":"column-formatter-flyout-header"},`${(0,b._)("Column formatting")}: "${o}"`)),i.createElement(C.default,{columnFormatting:n,columnDataType:E.TextDataType,columnName:o,defaultOptionsByType:r,flyoutConfigForDataType:d,handleResetColumnToDefault:$,updateColumnFormatting:M,isSourceCustomized:!1}),i.createElement(v.default,null),i.createElement(C.default,{columnFormatting:a,columnDataType:l,columnName:o,defaultOptionsByType:r,flyoutConfigForDataType:s,handleResetColumnToDefault:$,updateColumnFormatting:T,isSourceCustomized:f}),("number"===l||"string"===l)&&i.createElement(i.Fragment,null,i.createElement(v.default,null),i.createElement(_.default,{columnColoring:e,columnColoringConfig:t,columnDataType:l,columnName:o,handleColumnColoringUpdate:k})))))}},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,o)=>{const a="background"===e?"rowBackgroundColors":"rowColors";return{["background"===t?"rowBackgroundColors":"rowColors"]:(o[a]||"> table | gradient(tableFormatEditorConfig)").replace(/tableFormatEditorConfig/g,"tableFormatEditorConfig"),[a]:void 0}}},1074:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getEditorItemValue=void 0;const i=l(o(9497)),s=r(o(232)),u=o(4793),c=o(7124),d=r(o(7143)),f=r(o(1151)),p=o(9952),m=o(5862),b=o(5396),g=(e,t)=>`row_${e.map((e=>e.option)).join("_")}_${t}`,h=s.default.div`
|
|
551
548
|
padding: 12px ${(0,c.toPx)(m.COLUMN_FLYOUT_PADDING)};
|
|
552
|
-
`;t.getEditorItemValue=(e,t,o,a)=>{const n=o===b.TextDataType?(0,u.get)(t,e.option):(0,u.get)(t,[o,e.option]);return void 0!==n?n:(0,u.get)(a,[o,e.option])};t.default=({columnFormatting:e,columnDataType:o,columnName:a,defaultOptionsByType:n={},flyoutConfigForDataType:l,handleResetColumnToDefault:r,updateColumnFormatting:s,isSourceCustomized:c})=>{const m=i.useCallback(((e,t,o)=>s({columnName:a,optionName:t,value:o})),[a,s]);return i.createElement(h,null,c?i.createElement(f.default,{onResetToDefault:r,style:{padding:"0px 0px 16px 0px",width:"auto"}}):i.createElement(d.default,null,l.map(((a,r)=>i.createElement(d.default.Row,{key:g(a,r),"data-test":"column-formatter-flyout-row",style:{marginBottom:r===l.length?"0px":"12px"}},a.map(((l,s)=>{let c=null;const f=12/a.length,b=`item_${l?`${l.option}_`:""}${r}_${s}`;if(!(0,u.isEmpty)(l)){const a=p.editorTypeToComponentMap[l.editor];c=i.createElement(a,Object.assign({},l.editorProps,{label:l.label,name:l.option,itemSchema:l.itemSchema,value:(0,t.getEditorItemValue)(l,e,o,n),onChange:m}))}return i.createElement(d.default.Column,{key:b,span:f},c)})))))))}},5396:function(e,t,o){var a=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 n=o(4793),l=a(o(6447)),r=o(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 o={};return Object.keys(s).forEach((a=>{const l=(0,n.get)(t,[e,a]);l&&(o[a]=l)})),o};t.getEditorSupportedFormatOptions=e=>{const t={text:{}};return Object.keys(e).forEach((o=>{t[o]={},e[o].forEach((e=>{e.forEach((e=>{t[o][e.option]=e.option}))}))})),t};t.getColumnDataTypeMap=e=>e.reduce(((e,{name:t,type:o})=>(e[t]=o,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&&l.default.isDslString(e.data)?(0,n.get)((0,r.getLastFormatterFromDSL)(e.data),"paramKey",null):null;t.getGlobalTableFormatting=(e,o,a)=>{const l=(0,t.getFormattingOptDSLKey)(e);return(0,n.get)(a,[l,o],{})};t.isValidColorFormatter=e=>"rangeValue"===e||"matchValue"===e;t.getInitialColumnFormattingState=({availableFieldsWithTypes:e,coloringTypes:o=[],columnFormatOption:a,editorSupportedFormatOptions:s,vizContext:c})=>{if(!a||"object"!=typeof a)return new Map;const d=(0,t.getColumnDataTypeMap)(e);return Object.keys(a).reduce(((e,f)=>{const p=d[f],m=(0,t.getFormattingOptDSLKey)(a[f]),b=c[m],g=l.default.isDslString((0,n.get)(a,[f,"data"]))&&!b;if(!((e,t)=>!e[t]||Object.keys(e[t]).some((e=>!!u[e])))(a,f))return e;const h=(0,t.getExistingTextFormatting)(f,a);if(!(0,n.isEmpty)(s[p])&&!g){const l={_meta:{dynamicallyColoredOption:"Off"}},u=(0,n.get)((0,r.getLastFormatterFromDSL)((0,n.get)(a,[f,"rowColors"])),"type"),d=(0,n.get)((0,r.getLastFormatterFromDSL)((0,n.get)(a,[f,"rowBackgroundColors"])),"type");(0,t.isValidColorFormatter)(u)&&!d?l._meta.dynamicallyColoredOption="rowColors":"pick"===u&&(0,t.isValidColorFormatter)(d)&&(l._meta.dynamicallyColoredOption="rowBackgroundColors"),o.forEach((({value:e})=>{const o=(0,n.get)(a,[f,e]);if(o){const{type:a,paramKey:s}=(0,r.getLastFormatterFromDSL)(o)||{};if("pick"===a&&"rowColors"===e&&!(0,t.isValidColorFormatter)(d))return;if("pick"===a&&"rowColors"!==e||!i[a])return;if((0,t.isValidColorFormatter)(a)&&"rowBackgroundColors"===e&&"pick"!==u)return;l[e]={colorContextKey:s,colorContextConfig:(0,n.get)(c,[s],{}),colorOptionDSL:o}}}));const g=Object.keys(l).length>1,v=(0,n.get)(c,[m,p],{});!g&&(0,n.isEmpty)(v)&&(0,n.isEmpty)(h)||e.set(f,{columnColoring:l,formatByType:{[p]:Object.assign(Object.assign({},(0,n.pick)(v,Object.keys(s[p]))),{_meta:{exceedsEditorCapabilities:(0,t.checkExceedsEditorCapabilities)((0,n.get)(b,[p],{}),s[p])}})},formatText:h})}return e}),new Map)};t.getColumnFormatDefFromState=({columnFormatOption:e,updatedEditorColumnFormatting:o})=>{const a={},l=(0,n.cloneDeep)(e);return Object.keys(o).forEach((e=>{const r=(0,t.sanitizeColumnName)(e),i=`${r}ColumnFormatEditorConfig`;if((0,n.isPlainObject)(o[e])){const t=(0,n.get)(o,[e,"columnColoring"]);(0,n.unset)(t,["_meta"]),(0,n.isPlainObject)(t)&&Object.keys(t).forEach((o=>{const{colorContextConfig:r,colorOptionDSL:i,colorContextKey:s}=t[o];null==i?(a[s]=null,(0,n.set)(l,[e,o],null)):s&&(a[s]=r,(0,n.set)(l,[e,o],i))})),(0,n.isPlainObject)(o[e].formatByType)&&(Object.keys(o[e].formatByType).forEach((t=>{(0,n.unset)(o,[e,"formatByType",t,"_meta"])})),s=o[e].formatByType,Object.keys(s).every((e=>(0,n.isEmpty)(s[e])))?a[i]=null:(a[i]=Object.assign({},o[e].formatByType),(0,n.set)(l,[e,"data"],`> table | seriesByName("${e}") | formatByType(${i})`)));const{formatText:r}=o[e];(0,n.isPlainObject)(r)&&Object.keys(r).forEach((t=>{(0,n.set)(l,[e,t],r[t])}))}else a[i]=null,a[`${r}RowColorsEditorConfig`]=null,a[`${r}RowBackgroundColorsEditorConfig`]=null,l[e]=null;var s})),{context:a,options:{columnFormat:l}}}},2088:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.flyoutConfigPropType=t.columnColoringConfigPropType=void 0;const r=l(o(23));t.columnColoringConfigPropType=r.shape({coloringTypes:r.arrayOf(r.shape({label:r.string,value:r.string})),formatters:r.arrayOf(r.shape({label:r.string,value:r.string,defaults:r.object})),themes:r.object}),t.flyoutConfigPropType=r.shape({number:r.arrayOf(r.any),string:r.arrayOf(r.any),sparkline:r.arrayOf(r.any),time:r.arrayOf(r.any)})},5678:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.TrellisSplitBySelectionEditor=t.AGGREGATIONS=t.EDITOR_NAME=void 0;const i=l(o(9497)),s=l(o(23)),u=r(o(2373)),c=o(6649),d=r(o(7464)),f=o(9033),p=o(9246),m=o(1256),b=o(6801),g=o(1385),h=r(o(4008)),v=o(8999);t.EDITOR_NAME="trellisSplitBySelectionEditor",t.AGGREGATIONS="aggregations";const y=e=>e;t.TrellisSplitBySelectionEditor=({name:e,value:o,label:a="",labelPosition:n="top",dataSourceKey:l="primary",dataSourceBindings:r,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:r,dataSourceKey:l}),{fields:j}=(null==x?void 0:x.data)||{columns:[],fields:[]},P=(0,i.useMemo)((()=>(0,p.getAllPossibleSplitByFields)(j)),[j]),{hasError:w,isMissing:D,isLoading:S}=(0,f.getDataSourceStateInfo)(x),T=D||w||s,M=(0,m.getPlaceholderMessage)({isMissing:D,isLoading:S,hasError:w,defaultMessage:`${(0,c._)("Select a splitby field from datasource")}`}),k=(null===(_=P.fields)||void 0===_?void 0:_.length)?P.fields[0]:t.AGGREGATIONS,[F,R]=(0,i.useState)(""),B=(0,i.useCallback)(((e,{keyword:t})=>{R(t)}),[]),A=o||k,[I,L]=(0,i.useState)(A);(0,i.useEffect)((()=>{L(A)}),[A]);const $=i.default.useCallback(((t,{value:o})=>{L(o);const a=C({options:{[e]:`${o}`}});b(t,a)}),[b,C,e]),{filteredFields:V,splitByFields:N}=(0,i.useMemo)((()=>{var e;let o=P.fields.map((e=>({name:e,value:e,description:""})));(null===(e=P.aggregations)||void 0===e?void 0:e.length)&&(o=[...o,{name:`${(0,c._)("Aggregations")} (${P.aggregations.length})`,description:P.aggregations.join(", "),value:t.AGGREGATIONS}]);return{filteredFields:o.filter((e=>e&&-1!==e.value.toLowerCase().indexOf(F.toLowerCase()))),splitByFields:o}}),[F,P.aggregations,P.fields]),q=(0,v.useColumnSelectorFooterMessage)({availableFields:N,selectedFields:[I],filteredFields:V,filter:F});return E?i.default.createElement(h.default,{label:a,labelPosition:n,"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:T,isLoadingOptions:S,error:w,filter:!0},V.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,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.useColumnSelectorFooterMessage=void 0;const r=l(o(9497)),i=o(3620);t.useColumnSelectorFooterMessage=({filter:e,availableFields:t,selectedFields:o,filteredFields:a,noSelectedFieldsInfo:n=!1})=>{const l=(0,r.useMemo)((()=>{if(!o||!a)return[];const e=new Set(o.filter((e=>""!==e&&void 0!==e)));return a.filter((t=>e.has(t.name)))}),[o,a]);return e&&!a.length?null:r.default.createElement(i.ColumnSelectorFooterMessage,{noSelectedFieldsInfo:n,numSelected:null==l?void 0:l.length,numFiltered:a.length,numAvailable:t.length,filter:e})}},5135:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useCSPViolationObserver=void 0;const a=o(9497);t.useCSPViolationObserver=(e,t="none")=>{const[o,n]=(0,a.useState)(t);return(0,a.useEffect)((()=>{const o=t=>{t.blockedURI!==e&&t.blockedURI!==`${e}/`||"enforce"!==t.disposition?t.blockedURI!==e&&t.blockedURI!==`${e}/`||"report"!==t.disposition||n("warning"):n("error")};return document.addEventListener("securitypolicyviolation",o),n(t),()=>{document.removeEventListener("securitypolicyviolation",o)}}),[e]),o}},1385:function(e,t,o){var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.useDataSource=void 0;const n=o(9497),l=a(o(4853)),r=o(4793);t.useDataSource=({dataSourceBindings:e,dataSourceKey:t})=>{const o=(0,n.useContext)(l.default),[a,i]=(0,n.useState)();return(0,n.useEffect)((()=>{if(!(0,r.get)(e,t))return i(null),()=>{};const a=(0,r.isFunction)(o.subscribe)&&o.subscribe(t,(e=>i(e)));return()=>{a&&a()}}),[e]),a}},5592:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useNumberInput=void 0;const a=o(9497),n=o(4793);t.useNumberInput=({min:e=Number.NEGATIVE_INFINITY,max:t=Number.POSITIVE_INFINITY,value:o,defaultValue:l,onValueChange:r=n.noop})=>{const[i,s]=(0,a.useState)(o),u=(0,a.useRef)(!1),c=(0,a.useCallback)(((e,t)=>{null==t&&s(null!=l?l:o),r(e,t)}),[l,r,o]),d=(0,a.useMemo)((()=>(0,n.debounce)(((e,t)=>c(e,t.value)),250)),[c]);(0,a.useLayoutEffect)((()=>{s(o)}),[o]);return{handleChange:(0,a.useCallback)(((e,t)=>{s(t.value),u.current||d(e,t)}),[d]),handleBlur:(0,a.useCallback)((e=>{u.current=!1,o!==i&&c(e,i)}),[i,c,o]),handleFocus:(0,a.useCallback)((()=>{u.current=!0}),[]),handleKeyPress:(0,a.useCallback)((a=>{var l;if("string"==typeof a.key&&"enter"===a.key.toLowerCase()){const r=null===(l=a.target)||void 0===l?void 0:l.value,i=r?Number(r):void 0,s="number"==typeof i?(0,n.clamp)(i,e,t):void 0;o!==s&&c(a,s)}"string"==typeof a.key&&"escape"===a.key.toLowerCase()&&s(o)}),[c,o,e,t]),currentValue:i}}},6801:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.BaseEditorPropTypes=void 0;const r=l(o(23));t.BaseEditorPropTypes={name:r.string.isRequired,value:r.oneOfType([r.string,r.object,r.arrayOf(r.string)]),context:r.object,label:r.string,labelPosition:r.oneOf(["top","left"]),labelWidth:r.number,onChange:r.func,isAdvanced:r.bool,isDisabled:r.bool,dataSourceBindings:r.object,options:r.object,optionsSchema:r.object}},333:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditorPropTypes=void 0;const r=l(o(23)),i=o(6801),s=o(2369);t.DynamicColorEditorPropTypes=Object.assign(Object.assign({},i.BaseEditorPropTypes),{name:r.string.isRequired,value:r.any,onChange:r.func,flyoutTitle:r.string,dataSelectors:r.arrayOf(r.exact({label:r.string.isRequired,value:r.string.isRequired}).isRequired),formatters:r.arrayOf(r.exact({label:r.string.isRequired,value:r.string.isRequired,defaults:r.object.isRequired,isDefault:r.bool}).isRequired),defaultPalettesConfig:s.sharedPalettesConfigPropType.isRequired,tooltip:r.string,options:r.object})},4008:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.AdvancedConfigButton=void 0;const i=l(o(9497)),s=l(o(23)),u=r(o(232)),c=o(6649),d=r(o(6643)),f=o(3563),p=r(o(6379)),m=r(o(7020)),b=r(o(9250)),g=(0,u.default)(b.default)`
|
|
549
|
+
`;t.getEditorItemValue=(e,t,o,a)=>{const n=o===b.TextDataType?(0,u.get)(t,e.option):(0,u.get)(t,[o,e.option]);return void 0!==n?n:(0,u.get)(a,[o,e.option])};t.default=({columnFormatting:e,columnDataType:o,columnName:a,defaultOptionsByType:n={},flyoutConfigForDataType:l,handleResetColumnToDefault:r,updateColumnFormatting:s,isSourceCustomized:c})=>{const m=i.useCallback(((e,t,o)=>s({columnName:a,optionName:t,value:o})),[a,s]);return i.createElement(h,null,c?i.createElement(f.default,{onResetToDefault:r,style:{padding:"0px 0px 16px 0px",width:"auto"}}):i.createElement(d.default,null,l.map(((a,r)=>i.createElement(d.default.Row,{key:g(a,r),"data-test":"column-formatter-flyout-row",style:{marginBottom:r===l.length?"0px":"12px"}},a.map(((l,s)=>{let c=null;const f=12/a.length,b=`item_${l?`${l.option}_`:""}${r}_${s}`;if(!(0,u.isEmpty)(l)){const a=p.editorTypeToComponentMap[l.editor];c=i.createElement(a,Object.assign({},l.editorProps,{label:l.label,name:l.option,itemSchema:l.itemSchema,value:(0,t.getEditorItemValue)(l,e,o,n),onChange:m}))}return i.createElement(d.default.Column,{key:b,span:f},c)})))))))}},5396:function(e,t,o){var a=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 n=o(4793),l=a(o(6447)),r=o(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 o={};return Object.keys(s).forEach((a=>{const l=(0,n.get)(t,[e,a]);l&&(o[a]=l)})),o};t.getEditorSupportedFormatOptions=e=>{const t={text:{}};return Object.keys(e).forEach((o=>{t[o]={},e[o].forEach((e=>{e.forEach((e=>{t[o][e.option]=e.option}))}))})),t};t.getColumnDataTypeMap=e=>e.reduce(((e,{name:t,type:o})=>(e[t]=o,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&&l.default.isDslString(e.data)?(0,n.get)((0,r.getLastFormatterFromDSL)(e.data),"paramKey",null):null;t.getGlobalTableFormatting=(e,o,a)=>{const l=(0,t.getFormattingOptDSLKey)(e);return(0,n.get)(a,[l,o],{})};t.isValidColorFormatter=e=>"rangeValue"===e||"matchValue"===e;t.getInitialColumnFormattingState=({availableFieldsWithTypes:e,coloringTypes:o=[],columnFormatOption:a,editorSupportedFormatOptions:s,vizContext:c})=>{if(!a||"object"!=typeof a)return new Map;const d=(0,t.getColumnDataTypeMap)(e);return Object.keys(a).reduce(((e,f)=>{const p=d[f],m=(0,t.getFormattingOptDSLKey)(a[f]),b=c[m],g=l.default.isDslString((0,n.get)(a,[f,"data"]))&&!b;if(!((e,t)=>!e[t]||Object.keys(e[t]).some((e=>!!u[e])))(a,f))return e;const h=(0,t.getExistingTextFormatting)(f,a);if(!(0,n.isEmpty)(s[p])&&!g){const l={_meta:{dynamicallyColoredOption:"Off"}},u=(0,n.get)((0,r.getLastFormatterFromDSL)((0,n.get)(a,[f,"rowColors"])),"type"),d=(0,n.get)((0,r.getLastFormatterFromDSL)((0,n.get)(a,[f,"rowBackgroundColors"])),"type");(0,t.isValidColorFormatter)(u)&&!d?l._meta.dynamicallyColoredOption="rowColors":"pick"===u&&(0,t.isValidColorFormatter)(d)&&(l._meta.dynamicallyColoredOption="rowBackgroundColors"),o.forEach((({value:e})=>{const o=(0,n.get)(a,[f,e]);if(o){const{type:a,paramKey:s}=(0,r.getLastFormatterFromDSL)(o)||{};if("pick"===a&&"rowColors"===e&&!(0,t.isValidColorFormatter)(d))return;if("pick"===a&&"rowColors"!==e||!i[a])return;if((0,t.isValidColorFormatter)(a)&&"rowBackgroundColors"===e&&"pick"!==u)return;l[e]={colorContextKey:s,colorContextConfig:(0,n.get)(c,[s],{}),colorOptionDSL:o}}}));const g=Object.keys(l).length>1,v=(0,n.get)(c,[m,p],{});!g&&(0,n.isEmpty)(v)&&(0,n.isEmpty)(h)||e.set(f,{columnColoring:l,formatByType:{[p]:Object.assign(Object.assign({},(0,n.pick)(v,Object.keys(s[p]))),{_meta:{exceedsEditorCapabilities:(0,t.checkExceedsEditorCapabilities)((0,n.get)(b,[p],{}),s[p])}})},formatText:h})}return e}),new Map)};t.getColumnFormatDefFromState=({columnFormatOption:e,updatedEditorColumnFormatting:o})=>{const a={},l=(0,n.cloneDeep)(e);return Object.keys(o).forEach((e=>{const r=(0,t.sanitizeColumnName)(e),i=`${r}ColumnFormatEditorConfig`;if((0,n.isPlainObject)(o[e])){const t=(0,n.get)(o,[e,"columnColoring"]);(0,n.unset)(t,["_meta"]),(0,n.isPlainObject)(t)&&Object.keys(t).forEach((o=>{const{colorContextConfig:r,colorOptionDSL:i,colorContextKey:s}=t[o];null==i?(a[s]=null,(0,n.set)(l,[e,o],null)):s&&(a[s]=r,(0,n.set)(l,[e,o],i))})),(0,n.isPlainObject)(o[e].formatByType)&&(Object.keys(o[e].formatByType).forEach((t=>{(0,n.unset)(o,[e,"formatByType",t,"_meta"])})),s=o[e].formatByType,Object.keys(s).every((e=>(0,n.isEmpty)(s[e])))?a[i]=null:(a[i]=Object.assign({},o[e].formatByType),(0,n.set)(l,[e,"data"],`> table | seriesByName("${e}") | formatByType(${i})`)));const{formatText:r}=o[e];(0,n.isPlainObject)(r)&&Object.keys(r).forEach((t=>{(0,n.set)(l,[e,t],r[t])}))}else a[i]=null,a[`${r}RowColorsEditorConfig`]=null,a[`${r}RowBackgroundColorsEditorConfig`]=null,l[e]=null;var s})),{context:a,options:{columnFormat:l}}}},2088:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.flyoutConfigPropType=t.columnColoringConfigPropType=void 0;const r=l(o(23));t.columnColoringConfigPropType=r.shape({coloringTypes:r.arrayOf(r.shape({label:r.string,value:r.string})),formatters:r.arrayOf(r.shape({label:r.string,value:r.string,defaults:r.object})),themes:r.object}),t.flyoutConfigPropType=r.shape({number:r.arrayOf(r.any),string:r.arrayOf(r.any),sparkline:r.arrayOf(r.any),time:r.arrayOf(r.any)})},5678:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.TrellisSplitBySelectionEditor=t.AGGREGATIONS=t.EDITOR_NAME=void 0;const i=l(o(9497)),s=l(o(23)),u=r(o(2373)),c=o(6649),d=r(o(7464)),f=o(9033),p=o(9246),m=o(1256),b=o(6801),g=o(1385),h=r(o(4008)),v=o(8999);t.EDITOR_NAME="trellisSplitBySelectionEditor",t.AGGREGATIONS="aggregations";const y=e=>e;t.TrellisSplitBySelectionEditor=({name:e,value:o,label:a="",labelPosition:n="top",dataSourceKey:l="primary",dataSourceBindings:r,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:r,dataSourceKey:l}),{fields:j}=(null==x?void 0:x.data)||{columns:[],fields:[]},P=(0,i.useMemo)((()=>(0,p.getAllPossibleSplitByFields)(j)),[j]),{hasError:w,isMissing:D,isLoading:S}=(0,f.getDataSourceStateInfo)(x),T=D||w||s,k=(0,m.getPlaceholderMessage)({isMissing:D,isLoading:S,hasError:w,defaultMessage:`${(0,c._)("Select a splitby field from datasource")}`}),M=(null===(_=P.fields)||void 0===_?void 0:_.length)?P.fields[0]:t.AGGREGATIONS,[F,R]=(0,i.useState)(""),B=(0,i.useCallback)(((e,{keyword:t})=>{R(t)}),[]),A=o||M,[I,L]=(0,i.useState)(A);(0,i.useEffect)((()=>{L(A)}),[A]);const $=i.default.useCallback(((t,{value:o})=>{L(o);const a=C({options:{[e]:`${o}`}});b(t,a)}),[b,C,e]),{filteredFields:V,splitByFields:N}=(0,i.useMemo)((()=>{var e;let o=P.fields.map((e=>({name:e,value:e,description:""})));(null===(e=P.aggregations)||void 0===e?void 0:e.length)&&(o=[...o,{name:`${(0,c._)("Aggregations")} (${P.aggregations.length})`,description:P.aggregations.join(", "),value:t.AGGREGATIONS}]);return{filteredFields:o.filter((e=>e&&-1!==e.value.toLowerCase().indexOf(F.toLowerCase()))),splitByFields:o}}),[F,P.aggregations,P.fields]),q=(0,v.useColumnSelectorFooterMessage)({availableFields:N,selectedFields:[I],filteredFields:V,filter:F});return E?i.default.createElement(h.default,{label:a,labelPosition:n,"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:k,disabled:T,isLoadingOptions:S,error:w,filter:!0},V.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,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.useColumnSelectorFooterMessage=void 0;const r=l(o(9497)),i=o(3620);t.useColumnSelectorFooterMessage=({filter:e,availableFields:t,selectedFields:o,filteredFields:a,noSelectedFieldsInfo:n=!1})=>{const l=(0,r.useMemo)((()=>{if(!o||!a)return[];const e=new Set(o.filter((e=>""!==e&&void 0!==e)));return a.filter((t=>e.has(t.name)))}),[o,a]);return e&&!a.length?null:r.default.createElement(i.ColumnSelectorFooterMessage,{noSelectedFieldsInfo:n,numSelected:null==l?void 0:l.length,numFiltered:a.length,numAvailable:t.length,filter:e})}},5135:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useCSPViolationObserver=void 0;const a=o(9497);t.useCSPViolationObserver=(e,t="none")=>{const[o,n]=(0,a.useState)(t);return(0,a.useEffect)((()=>{const o=t=>{t.blockedURI!==e&&t.blockedURI!==`${e}/`||"enforce"!==t.disposition?t.blockedURI!==e&&t.blockedURI!==`${e}/`||"report"!==t.disposition||n("warning"):n("error")};return document.addEventListener("securitypolicyviolation",o),n(t),()=>{document.removeEventListener("securitypolicyviolation",o)}}),[e]),o}},1385:function(e,t,o){var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.useDataSource=void 0;const n=o(9497),l=a(o(4853)),r=o(4793);t.useDataSource=({dataSourceBindings:e,dataSourceKey:t})=>{const o=(0,n.useContext)(l.default),[a,i]=(0,n.useState)();return(0,n.useEffect)((()=>{if(!(0,r.get)(e,t))return i(null),()=>{};const a=(0,r.isFunction)(o.subscribe)&&o.subscribe(t,(e=>i(e)));return()=>{a&&a()}}),[e]),a}},5592:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useNumberInput=void 0;const a=o(9497),n=o(4793);t.useNumberInput=({min:e=Number.NEGATIVE_INFINITY,max:t=Number.POSITIVE_INFINITY,value:o,defaultValue:l,onValueChange:r=n.noop})=>{const[i,s]=(0,a.useState)(o),u=(0,a.useRef)(!1),c=(0,a.useCallback)(((e,t)=>{null==t&&s(null!=l?l:o),r(e,t)}),[l,r,o]),d=(0,a.useMemo)((()=>(0,n.debounce)(((e,t)=>c(e,t.value)),250)),[c]);(0,a.useLayoutEffect)((()=>{s(o)}),[o]);return{handleChange:(0,a.useCallback)(((e,t)=>{s(t.value),u.current||d(e,t)}),[d]),handleBlur:(0,a.useCallback)((e=>{u.current=!1,o!==i&&c(e,i)}),[i,c,o]),handleFocus:(0,a.useCallback)((()=>{u.current=!0}),[]),handleKeyPress:(0,a.useCallback)((a=>{var l;if("string"==typeof a.key&&"enter"===a.key.toLowerCase()){const r=null===(l=a.target)||void 0===l?void 0:l.value,i=r?Number(r):void 0,s="number"==typeof i?(0,n.clamp)(i,e,t):void 0;o!==s&&c(a,s)}"string"==typeof a.key&&"escape"===a.key.toLowerCase()&&s(o)}),[c,o,e,t]),currentValue:i}}},6801:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.BaseEditorPropTypes=void 0;const r=l(o(23));t.BaseEditorPropTypes={name:r.string.isRequired,value:r.oneOfType([r.string,r.object,r.arrayOf(r.string)]),context:r.object,label:r.string,labelPosition:r.oneOf(["top","left"]),labelWidth:r.number,onChange:r.func,isAdvanced:r.bool,isDisabled:r.bool,dataSourceBindings:r.object,options:r.object,optionsSchema:r.object}},333:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditorPropTypes=void 0;const r=l(o(23)),i=o(6801),s=o(2369);t.DynamicColorEditorPropTypes=Object.assign(Object.assign({},i.BaseEditorPropTypes),{name:r.string.isRequired,value:r.any,onChange:r.func,flyoutTitle:r.string,dataSelectors:r.arrayOf(r.exact({label:r.string.isRequired,value:r.string.isRequired}).isRequired),formatters:r.arrayOf(r.exact({label:r.string.isRequired,value:r.string.isRequired,defaults:r.object.isRequired,isDefault:r.bool}).isRequired),defaultPalettesConfig:s.sharedPalettesConfigPropType.isRequired,tooltip:r.string,options:r.object})},4008:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.AdvancedConfigButton=void 0;const i=l(o(9497)),s=l(o(23)),u=r(o(232)),c=o(6649),d=r(o(6643)),f=o(3563),p=r(o(6379)),m=r(o(7020)),b=r(o(9250)),g=(0,u.default)(b.default)`
|
|
553
550
|
margin-top: 0;
|
|
554
551
|
padding: 0;
|
|
555
552
|
// adjust bottom margin according to theme
|
|
@@ -627,7 +624,7 @@
|
|
|
627
624
|
position: relative;
|
|
628
625
|
width: 100%;
|
|
629
626
|
height: 20px;
|
|
630
|
-
`},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%"}},8372:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.useSectionState=t.SectionStateContextProvider=t.SectionStateContext=void 0;const r=l(o(9497));t.SectionStateContext=(0,r.createContext)(null);t.SectionStateContextProvider=({children:e,onCollapsibleOpen:o,onCollapsibleClose:a,initialCollapsibleState:n,filteredCollapsibleState:l})=>{const i=(0,r.useCallback)((({section:e})=>{if((null==e?void 0:e.label)&&void 0!==(null==l?void 0:l[e.label]))return l[e.label]}),[l]),s=(0,r.useCallback)((({section:e})=>{var t,o;return null===(o=null!==(t=null==n?void 0:n[e.label])&&void 0!==t?t:e.open)||void 0===o||o}),[n]),u=(0,r.useMemo)((()=>({getInitialIsOpen:s,getIsOpen:i,onOpen:o,onClose:a})),[s,i,o,a]);return r.default.createElement(t.SectionStateContext.Provider,{value:u},e)};t.useSectionState=({section:e})=>{const{getInitialIsOpen:o,getIsOpen:a,onOpen:n,onClose:l}=(0,r.useContext)(t.SectionStateContext),[i,s]=(0,r.useState)(o({section:e})),u=(0,r.useCallback)((()=>{s(!0),n(e.label)}),[n,e.label]),c=(0,r.useCallback)((()=>{s(!1),l(e.label)}),[l,e.label]);return{isOpen:(0,r.useMemo)((()=>{var t;return null!==(t=a({section:e}))&&void 0!==t?t:i}),[a,i,e]),onOpen:u,onClose:c}}},1256:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getPlaceholderMessage=t.sanitizeFieldNames=t.getFilteredFields=t.getAvailableFieldsWithTypes=void 0;const a=o(6649),n=o(2588);t.getAvailableFieldsWithTypes=(e,t)=>t.map(((t,o)=>{const{name:a}=t;return{name:a,type:(0,n.canInferTypeFromMeta)(t)?(0,n.getDataTypeForMeta)(t):(0,n.inferDataTypeFromData)(e[o])}}));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:o,defaultMessage:n="Select a field from data source"})=>o?(0,a._)("Set up data source to select"):e?(0,a._)("Please set up valid data source to select"):t?(0,a._)("Loading data source..."):(0,a._)(n)},4381:function(e,t,o){var a=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 n=o(4793),l=o(2918),r=a(o(6447));t.getFieldFromFieldNameDsl=e=>{try{const t=l.DslParser.parse(r.default.withoutArrow(e)),o=(0,n.find)(t,{type:"method",name:"seriesByName"});return(0,n.get)(o,["args","0","v"],"")}catch(e){return""}};const i=e=>{try{const t=l.DslParser.parse(r.default.withoutArrow(e)),o=(0,n.findLastIndex)(t,{type:"method",name:"seriesByName"}),a=(0,n.findLastIndex)(t,{type:"method",name:"renameSeries"});return-1!==o&&-1!==a&&o<a}catch(e){return!1}};t.isConfigAdvanced=({items:e,context:t})=>{if("string"!=typeof e)return!1;const{label:o,value:a}=t;return"string"!=typeof o||"string"!=typeof a||(!(e=>{try{const t=l.DslParser.parse(r.default.withoutArrow(e));return 3===t.length&&(0,n.isMatch)(t[0],{type:"method",name:"frame"})&&(0,n.isMatch)(t[1],{type:"method",name:"prepend"})&&(0,n.isMatch)(t[2],{type:"method",name:"objects"})}catch(e){return!1}})(e)||!i(o)||!i(a))};t.getDynamicOptionsFromConfig=({items:e,context:o})=>{if(Array.isArray(e))return{staticOptions:e,dynamicOptionsLabel:"",dynamicOptionsValue:""};const a=o.statics||[],l=(0,n.zipWith)(...a,((e,t)=>({label:e,value:t}))),{label:r,value:i}=o;return{staticOptions:l,dynamicOptionsLabel:r?(0,t.getFieldFromFieldNameDsl)(r):"",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")},5784: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")},8855:e=>{e.exports=require("@splunk/react-ui/CollapsiblePanel")},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")},2138: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")},6447: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 o(a){var n=t[a];if(void 0!==n)return n.exports;var l=t[a]={exports:{}};return e[a].call(l.exports,l,l.exports,o),l.exports}o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var a in t)o.o(t,a)&&!o.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};(()=>{o.r(a),o.d(a,{default:()=>ee,mergeVisualizationDefinition:()=>X});var e=o(6195),t=o.n(e),n=o(9497),l=o.n(n),r=o(23),i=o.n(r),s=o(4793);const u=require("@splunk/visualizations-shared/configUtils");var c=o(6649),d=o(232),f=o.n(d),p=o(3563),m=o(7464),b=o.n(m),g=o(5835),h=o(1027),v=o(3941),y=o(7143),C=o.n(y);const _=require("@splunk/themes/getSettingsFromThemedProps");var O=o.n(_);const E=require("@splunk/themes/getTheme");var x=o.n(E),j=o(6447),P=o.n(j),w=o(9952);function D(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,a)}return o}function S(e){for(var o=1;o<arguments.length;o++){var a=null!=arguments[o]?arguments[o]:{};o%2?D(Object(a),!0).forEach((function(o){t()(e,o,a[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):D(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}const T=({key:e,context:t,options:o,item:a,itemSchema:n,theme:l})=>{let r=(0,s.get)(o,e);if(void 0===r){if(r=n.default,a.overrideDefaultValue&&"function"==typeof a.overrideDefaultValue&&(r=a.overrideDefaultValue({options:o})),void 0===r&&"editor.presetSelector"===a.editor||"editor.tableColumnFormatter"===a.editor){const e=(0,s.get)(a,["editorProps","value"]);"function"==typeof e&&(r=e({context:t,options:o}))}if(void 0===r&&"editor.color"===a.editor){const e=(0,s.get)(a,["editorProps","pickFromTheme"]);if("function"==typeof e)r=e(l)({theme:l});else{const e=(0,s.get)(a,["editorProps","themeVariable"]);if(e){var i;const t=x()(O()({theme:l}));r=null!==(i=(0,s.get)(t,e))&&void 0!==i?i:(0,s.get)(l,e)}}}if(Array.isArray(n.default)&&e.indexOf("[")>-1&&e.indexOf("]")===e.indexOf("[")+2){const t=`${e.slice(e.indexOf("]")+2)}`,a=`${e.slice(0,e.indexOf("]"))}]`,l=(0,s.get)(o,a,void 0);if(l){const e=(({searchList:e,inputObj:t})=>{if(!Array.isArray(e)||0===e.length)return-1;const o=Object.keys(t);let a=0,n=0;return e.forEach(((e,l)=>{let r=0;o.forEach((o=>{e[o]===t[o]&&(r+=1)})),Math.max(a,r)>a&&(a=r,n=l)})),n})({searchList:n.default,inputObj:l});r=(0,s.get)(n.default[e],t,n.default[e])}else r=(0,s.get)(n.default,`[${e.slice(e.indexOf("["))}`,void 0)}}return!P().isDslString(r)||"editor.color"!==a.editor&&"editor.tableBackgroundColor"!==a.editor&&"editor.networkGraphDynamicColor"!==a.editor||(r=(({value:e,item:t,theme:o})=>{var a;const n=null==t||null===(a=t.editorProps)||void 0===a?void 0:a.themes,l={};n&&"object"==typeof n&&Object.keys(n).forEach((e=>{l[e]="function"==typeof n[e]?n[e]({theme:o}):void 0}));const r=P().parseOptions({options:{value:e},context:{themes:l}}),i=(0,s.get)(r,["expressions","value"],[]).pop();if("identifier"===(0,s.get)(i,"type")){const e=(0,s.get)(r,`context.${i.v}`);if("string"==typeof e)return e}})({value:r,item:a,theme:l})||r),r},M=Object.freeze({}),k=()=>{},F=({item:e,options:t=M,context:o=M,schema:a,encoding:r=M,dataContract:i,dataSourceBindings:u=M,onOptionChange:c=k,onEncodingChange:f=k,onVisualizationChange:p=k})=>{const m=(0,n.useContext)(d.ThemeContext),g=(0,n.useContext)(b()),h=(0,n.useCallback)(((t,o,a)=>{if(null==a)return f(t,o,null);const n=(0,s.cloneDeep)(r[o]||(0,s.get)(i,["encoding",o,"default"],{}));return void 0!==e.formatKey?n.format=S(S({},n.format),{},{[e.formatKey]:a}):n.field=a,f(t,o,n)}),[f,e,r,i]),v="function"==typeof e.isDisabled&&e.isDisabled({options:t,context:o,featureFlags:g}),y=(0,n.useMemo)((()=>e.encoding?((e,t)=>{const o=(0,s.cloneDeep)((0,s.get)(e,["encoding",t.encoding],{}));return t.formatKey?o.default=(0,s.get)(o,["default","format",t.formatKey]):o.default=(0,s.get)(o,["default","field"]),o})(i,e):(({item:e,schema:t,theme:o})=>{let a;const n=e.option||e.key;if(a=(0,s.cloneDeep)((0,s.get)(t,n,{})),(0,s.isEmpty)(a)&&n&&n.includes(".")&&(a=(0,s.cloneDeep)((0,s.get)(t,n.split(".").join(".properties."),{}))),(0,s.isEmpty)(a)&&n&&-1!==n.indexOf("["))return a=(0,s.cloneDeep)((0,s.get)(t,n.split("[")[0],{})),a;if(void 0!==a.default)return a;const l=(0,s.get)(e,["editorProps","themeVariable"]);if(l){var r;const e=x()(O()({theme:o}));a.default=null!==(r=(0,s.get)(e,l))&&void 0!==r?r:(0,s.get)(o,l)}return a})({item:e,schema:a,theme:m})),[e,i,a,m]);let C,_,E;return e.encoding?(C=e.encoding,_=(({key:e,encoding:t,itemSchema:o,item:a})=>{let n=a.formatKey?(0,s.get)(t,[e,"format",a.formatKey]):(0,s.get)(t,[e,"field"]);return void 0===n&&o.isRequired&&(n=o.default),n})({key:C,encoding:r,itemSchema:y,item:e}),E=h):e.option&&e.context||!e.option&&!e.context?(C=e.option||e.key,_=T({key:C,options:t,context:o,item:e,itemSchema:y,theme:m}),E=p):(C=e.option,_=T({key:C,options:t,item:e,itemSchema:y,theme:m}),E=c),l().createElement(w.default,{item:e,name:C,context:o,itemSchema:y,dataSourceBindings:u,value:_,onChange:E,isDisabled:v,options:t,optionsSchema:a})};F.propTypes={item:i().object.isRequired,options:i().object,encoding:i().object,context:i().object,dataContract:i().object.isRequired,dataSourceBindings:i().object,schema:i().object.isRequired,onOptionChange:i().func,onEncodingChange:i().func,onVisualizationChange:i().func};const R=F;var B=o(5862);const A=(e,t)=>`row_${e.map((e=>e.option||e.encoding)).join("_")}_${t}`,I=Object.freeze({}),L=()=>{},$=({layout:e,gutter:t=B.VERTICAL_EDITOR_SPACING,options:o=I,context:a=I,schema:r,encoding:i=I,dataContract:u,dataSourceBindings:c=I,onOptionChange:d=L,onEncodingChange:f=L,onVisualizationChange:p=L})=>{const m=(0,n.useContext)(b()),g=e||[];return l().createElement(C(),{gutter:t},g.map(((e,t)=>{const n=(0,h.getFilteredRowsByShowEditor)({row:e,options:o,encoding:i,featureFlags:m});return 0===n.length?null:l().createElement(C().Row,{key:A(e,t),alignItems:"center","data-test":"editorRow"},n.map(((n,m)=>{const b=12/e.length;return(0,s.isEmpty)(n)?l().createElement(C().Column,{key:`item_${t}_${m}`,span:b}):l().createElement(C().Column,{key:`item_${n.item}_${t}_${m}`,span:b},l().createElement(R,{item:n,schema:r,dataContract:u,dataSourceBindings:c,options:o,context:a,encoding:i,onOptionChange:d,onEncodingChange:f,onVisualizationChange:p}))})))})))};$.propTypes={layout:i().arrayOf(i().arrayOf(i().object)),gutter:i().number,options:i().object,encoding:i().object,context:i().object,dataContract:i().object.isRequired,dataSourceBindings:i().object,schema:i().object.isRequired,onOptionChange:i().func,onEncodingChange:i().func,onVisualizationChange:i().func};const V=$;var N=o(8372);const q=f().div`
|
|
627
|
+
`},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%"}},8372:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.useSectionState=t.SectionStateContextProvider=t.SectionStateContext=void 0;const r=l(o(9497));t.SectionStateContext=(0,r.createContext)(null);t.SectionStateContextProvider=({children:e,onCollapsibleOpen:o,onCollapsibleClose:a,initialCollapsibleState:n,filteredCollapsibleState:l})=>{const i=(0,r.useCallback)((({section:e})=>{if((null==e?void 0:e.label)&&void 0!==(null==l?void 0:l[e.label]))return l[e.label]}),[l]),s=(0,r.useCallback)((({section:e})=>{var t,o;return null===(o=null!==(t=null==n?void 0:n[e.label])&&void 0!==t?t:e.open)||void 0===o||o}),[n]),u=(0,r.useMemo)((()=>({getInitialIsOpen:s,getIsOpen:i,onOpen:o,onClose:a})),[s,i,o,a]);return r.default.createElement(t.SectionStateContext.Provider,{value:u},e)};t.useSectionState=({section:e})=>{const{getInitialIsOpen:o,getIsOpen:a,onOpen:n,onClose:l}=(0,r.useContext)(t.SectionStateContext),[i,s]=(0,r.useState)(o({section:e})),u=(0,r.useCallback)((()=>{s(!0),n(e.label)}),[n,e.label]),c=(0,r.useCallback)((()=>{s(!1),l(e.label)}),[l,e.label]);return{isOpen:(0,r.useMemo)((()=>{var t;return null!==(t=a({section:e}))&&void 0!==t?t:i}),[a,i,e]),onOpen:u,onClose:c}}},1256:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getPlaceholderMessage=t.sanitizeFieldNames=t.getFilteredFields=t.getAvailableFieldsWithTypes=void 0;const a=o(6649),n=o(2588);t.getAvailableFieldsWithTypes=(e,t)=>t.map(((t,o)=>{const{name:a}=t;return{name:a,type:(0,n.canInferTypeFromMeta)(t)?(0,n.getDataTypeForMeta)(t):(0,n.inferDataTypeFromData)(e[o])}}));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:o,defaultMessage:n="Select a field from data source"})=>o?(0,a._)("Set up data source to select"):e?(0,a._)("Please set up valid data source to select"):t?(0,a._)("Loading data source..."):(0,a._)(n)},4381:function(e,t,o){var a=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 n=o(4793),l=o(2918),r=a(o(6447));t.getFieldFromFieldNameDsl=e=>{try{const t=l.DslParser.parse(r.default.withoutArrow(e)),o=(0,n.find)(t,{type:"method",name:"seriesByName"});return(0,n.get)(o,["args","0","v"],"")}catch(e){return""}};const i=e=>{try{const t=l.DslParser.parse(r.default.withoutArrow(e)),o=(0,n.findLastIndex)(t,{type:"method",name:"seriesByName"}),a=(0,n.findLastIndex)(t,{type:"method",name:"renameSeries"});return-1!==o&&-1!==a&&o<a}catch(e){return!1}};t.isConfigAdvanced=({items:e,context:t})=>{if("string"!=typeof e)return!1;const{label:o,value:a}=t;return"string"!=typeof o||"string"!=typeof a||(!(e=>{try{const t=l.DslParser.parse(r.default.withoutArrow(e));return 3===t.length&&(0,n.isMatch)(t[0],{type:"method",name:"frame"})&&(0,n.isMatch)(t[1],{type:"method",name:"prepend"})&&(0,n.isMatch)(t[2],{type:"method",name:"objects"})}catch(e){return!1}})(e)||!i(o)||!i(a))};t.getDynamicOptionsFromConfig=({items:e,context:o})=>{if(Array.isArray(e))return{staticOptions:e,dynamicOptionsLabel:"",dynamicOptionsValue:""};const a=o.statics||[],l=(0,n.zipWith)(...a,((e,t)=>({label:e,value:t}))),{label:r,value:i}=o;return{staticOptions:l,dynamicOptionsLabel:r?(0,t.getFieldFromFieldNameDsl)(r):"",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")},5784: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")},8855:e=>{e.exports=require("@splunk/react-ui/CollapsiblePanel")},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")},2138: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")},6447: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 o(a){var n=t[a];if(void 0!==n)return n.exports;var l=t[a]={exports:{}};return e[a].call(l.exports,l,l.exports,o),l.exports}o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var a in t)o.o(t,a)&&!o.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};(()=>{o.r(a),o.d(a,{default:()=>ee,mergeVisualizationDefinition:()=>X});var e=o(6195),t=o.n(e),n=o(9497),l=o.n(n),r=o(23),i=o.n(r),s=o(4793);const u=require("@splunk/visualizations-shared/configUtils");var c=o(6649),d=o(232),f=o.n(d),p=o(3563),m=o(7464),b=o.n(m),g=o(5835),h=o(1027),v=o(3941),y=o(7143),C=o.n(y);const _=require("@splunk/themes/getSettingsFromThemedProps");var O=o.n(_);const E=require("@splunk/themes/getTheme");var x=o.n(E),j=o(6447),P=o.n(j),w=o(9952);function D(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,a)}return o}function S(e){for(var o=1;o<arguments.length;o++){var a=null!=arguments[o]?arguments[o]:{};o%2?D(Object(a),!0).forEach((function(o){t()(e,o,a[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):D(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}const T=({key:e,context:t,options:o,item:a,itemSchema:n,theme:l})=>{let r=(0,s.get)(o,e);if(void 0===r){if(r=n.default,a.overrideDefaultValue&&"function"==typeof a.overrideDefaultValue&&(r=a.overrideDefaultValue({options:o})),void 0===r&&"editor.presetSelector"===a.editor||"editor.tableColumnFormatter"===a.editor){const e=(0,s.get)(a,["editorProps","value"]);"function"==typeof e&&(r=e({context:t,options:o}))}if(void 0===r&&"editor.color"===a.editor){const e=(0,s.get)(a,["editorProps","pickFromTheme"]);if("function"==typeof e)r=e(l)({theme:l});else{const e=(0,s.get)(a,["editorProps","themeVariable"]);if(e){var i;const t=x()(O()({theme:l}));r=null!==(i=(0,s.get)(t,e))&&void 0!==i?i:(0,s.get)(l,e)}}}if(Array.isArray(n.default)&&e.indexOf("[")>-1&&e.indexOf("]")===e.indexOf("[")+2){const t=`${e.slice(e.indexOf("]")+2)}`,a=`${e.slice(0,e.indexOf("]"))}]`,l=(0,s.get)(o,a,void 0);if(l){const e=(({searchList:e,inputObj:t})=>{if(!Array.isArray(e)||0===e.length)return-1;const o=Object.keys(t);let a=0,n=0;return e.forEach(((e,l)=>{let r=0;o.forEach((o=>{e[o]===t[o]&&(r+=1)})),Math.max(a,r)>a&&(a=r,n=l)})),n})({searchList:n.default,inputObj:l});r=(0,s.get)(n.default[e],t,n.default[e])}else r=(0,s.get)(n.default,`[${e.slice(e.indexOf("["))}`,void 0)}}return!P().isDslString(r)||"editor.color"!==a.editor&&"editor.tableBackgroundColor"!==a.editor&&"editor.networkGraphDynamicColor"!==a.editor||(r=(({value:e,item:t,theme:o})=>{var a;const n=null==t||null===(a=t.editorProps)||void 0===a?void 0:a.themes,l={};n&&"object"==typeof n&&Object.keys(n).forEach((e=>{l[e]="function"==typeof n[e]?n[e]({theme:o}):void 0}));const r=P().parseOptions({options:{value:e},context:{themes:l}}),i=(0,s.get)(r,["expressions","value"],[]).pop();if("identifier"===(0,s.get)(i,"type")){const e=(0,s.get)(r,`context.${i.v}`);if("string"==typeof e)return e}})({value:r,item:a,theme:l})||r),r},k=Object.freeze({}),M=()=>{},F=({item:e,options:t=k,context:o=k,schema:a,encoding:r=k,dataContract:i,dataSourceBindings:u=k,onOptionChange:c=M,onEncodingChange:f=M,onVisualizationChange:p=M})=>{const m=(0,n.useContext)(d.ThemeContext),g=(0,n.useContext)(b()),h=(0,n.useCallback)(((t,o,a)=>{if(null==a)return f(t,o,null);const n=(0,s.cloneDeep)(r[o]||(0,s.get)(i,["encoding",o,"default"],{}));return void 0!==e.formatKey?n.format=S(S({},n.format),{},{[e.formatKey]:a}):n.field=a,f(t,o,n)}),[f,e,r,i]),v="function"==typeof e.isDisabled&&e.isDisabled({options:t,context:o,featureFlags:g}),y=(0,n.useMemo)((()=>e.encoding?((e,t)=>{const o=(0,s.cloneDeep)((0,s.get)(e,["encoding",t.encoding],{}));return t.formatKey?o.default=(0,s.get)(o,["default","format",t.formatKey]):o.default=(0,s.get)(o,["default","field"]),o})(i,e):(({item:e,schema:t,theme:o})=>{let a;const n=e.option||e.key;if(a=(0,s.cloneDeep)((0,s.get)(t,n,{})),(0,s.isEmpty)(a)&&n&&n.includes(".")&&(a=(0,s.cloneDeep)((0,s.get)(t,n.split(".").join(".properties."),{}))),(0,s.isEmpty)(a)&&n&&-1!==n.indexOf("["))return a=(0,s.cloneDeep)((0,s.get)(t,n.split("[")[0],{})),a;if(void 0!==a.default)return a;const l=(0,s.get)(e,["editorProps","themeVariable"]);if(l){var r;const e=x()(O()({theme:o}));a.default=null!==(r=(0,s.get)(e,l))&&void 0!==r?r:(0,s.get)(o,l)}return a})({item:e,schema:a,theme:m})),[e,i,a,m]);let C,_,E;return e.encoding?(C=e.encoding,_=(({key:e,encoding:t,itemSchema:o,item:a})=>{let n=a.formatKey?(0,s.get)(t,[e,"format",a.formatKey]):(0,s.get)(t,[e,"field"]);return void 0===n&&o.isRequired&&(n=o.default),n})({key:C,encoding:r,itemSchema:y,item:e}),E=h):e.option&&e.context||!e.option&&!e.context?(C=e.option||e.key,_=T({key:C,options:t,context:o,item:e,itemSchema:y,theme:m}),E=p):(C=e.option,_=T({key:C,options:t,item:e,itemSchema:y,theme:m}),E=c),l().createElement(w.default,{item:e,name:C,context:o,itemSchema:y,dataSourceBindings:u,value:_,onChange:E,isDisabled:v,options:t,optionsSchema:a})};F.propTypes={item:i().object.isRequired,options:i().object,encoding:i().object,context:i().object,dataContract:i().object.isRequired,dataSourceBindings:i().object,schema:i().object.isRequired,onOptionChange:i().func,onEncodingChange:i().func,onVisualizationChange:i().func};const R=F;var B=o(5862);const A=(e,t)=>`row_${e.map((e=>e.option||e.encoding)).join("_")}_${t}`,I=Object.freeze({}),L=()=>{},$=({layout:e,gutter:t=B.VERTICAL_EDITOR_SPACING,options:o=I,context:a=I,schema:r,encoding:i=I,dataContract:u,dataSourceBindings:c=I,onOptionChange:d=L,onEncodingChange:f=L,onVisualizationChange:p=L})=>{const m=(0,n.useContext)(b()),g=e||[];return l().createElement(C(),{gutter:t},g.map(((e,t)=>{const n=(0,h.getFilteredRowsByShowEditor)({row:e,options:o,encoding:i,featureFlags:m});return 0===n.length?null:l().createElement(C().Row,{key:A(e,t),alignItems:"center","data-test":"editorRow"},n.map(((n,m)=>{const b=12/e.length;return(0,s.isEmpty)(n)?l().createElement(C().Column,{key:`item_${t}_${m}`,span:b}):l().createElement(C().Column,{key:`item_${n.item}_${t}_${m}`,span:b},l().createElement(R,{item:n,schema:r,dataContract:u,dataSourceBindings:c,options:o,context:a,encoding:i,onOptionChange:d,onEncodingChange:f,onVisualizationChange:p}))})))})))};$.propTypes={layout:i().arrayOf(i().arrayOf(i().object)),gutter:i().number,options:i().object,encoding:i().object,context:i().object,dataContract:i().object.isRequired,dataSourceBindings:i().object,schema:i().object.isRequired,onOptionChange:i().func,onEncodingChange:i().func,onVisualizationChange:i().func};const V=$;var N=o(8372);const q=f().div`
|
|
631
628
|
padding: ${p.variables.spacingLarge};
|
|
632
629
|
background-color: ${(0,p.pick)({enterprise:{light:p.variables.white,dark:p.variables.black},prisma:p.variables.backgroundColorSidebar})};
|
|
633
630
|
`,W=Object.freeze({}),z=({section:e,sItr:t,visualization:o,optionSchema:a,dataContract:r=W,handleOptionChange:i,handleEncodingChange:s,handleVisualizationChange:u})=>{var d;const f=(0,n.useContext)(b()),p=e.label||(0,c._)("Untitled section"),{isOpen:m,onOpen:y,onClose:C}=(0,N.useSectionState)({section:e}),{enableCollapsible:_=!0,enableSeparator:O=!0}=e,E=(0,n.useCallback)(((e,t)=>{const{action:o}=t;"open"===o?y():"close"===o&&C()}),[y,C]),x=(0,n.useMemo)((()=>l().createElement(V,{layout:e.layout,gutter:e.gutter,schema:a,dataContract:r,dataSourceBindings:o.dataSources,options:o.options,onOptionChange:i,context:o.context,encoding:o.encoding,onEncodingChange:s,onVisualizationChange:u})),[e.layout,e.gutter,a,r,o,i,s,u]),j=(0,n.useMemo)((()=>_?l().createElement(g.DECollapsiblePanel,{panelId:t,title:p,open:m,onChange:E,headingLevel:3},x):l().createElement(q,null,x)),[x,_,E,m,p,t]);if(null==e||null===(d=e.layout)||void 0===d||!d.length)return null;return e.layout.some((e=>(0,h.getFilteredRowsByShowEditor)({row:e,options:o.options,encoding:o.encoding,featureFlags:f}).length>0))?l().createElement(l().Fragment,null,j,O&&!_&&l().createElement(v.default,null)):null};z.propTypes={section:i().object.isRequired,sItr:i().number,visualization:i().object.isRequired,optionSchema:i().object.isRequired,dataContract:i().object,handleOptionChange:i().func.isRequired,handleEncodingChange:i().func.isRequired,handleVisualizationChange:i().func.isRequired};const U=z;function G(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,a)}return o}function K(e){for(var o=1;o<arguments.length;o++){var a=null!=arguments[o]?arguments[o]:{};o%2?G(Object(a),!0).forEach((function(o){t()(e,o,a[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):G(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}const H=e=>{var t;return Array.isArray(e)&&e.length>0&&(null===(t=e[0])||void 0===t?void 0:t.value)&&(Object.hasOwn(e[0],"from")||Object.hasOwn(e[0],"to")||Object.hasOwn(e[0],"match"))},Y=e=>e&&!Array.isArray(e)&&Object.hasOwn(e,"colors"),Z=(e,t)=>{if(!t)return null!=t?t:e;if(!e)return t;if(Array.isArray(e)&&Array.isArray(t)){const o=t.map(((t,o)=>o<e.length?Z(e[o],t):t));return o.length!==e.length||o.some(((t,o)=>t!==e[o]))?o:e}if("object"==typeof e&&"object"==typeof t&&!Array.isArray(e)&&!Array.isArray(t)){const o=K({},e);let a=!1;return Object.entries(t).forEach((([t,n])=>{const l=e[t];if(null==n)Object.hasOwn(o,t)&&(delete o[t],a=!0);else if(((e,t)=>H(e)&&Y(t)||Y(e)&&H(t)||H(e)&&H(t)||Y(e)&&Y(t))(l,n))o[t]=n,a=!0;else if((0,h.isNestedOption)(t)&&((0,u.isDynamicOption)(n)||""===n)){const[e,l,r]=t.split(/[[\].]+/),i=Number(l);o[e]=o[e]||[],o[e][i]=o[e][i]||{},o[e][i][r]=n,a=!0}else{const e=Z(l,n);e!==l&&((0,s.isPlainObject)(e)&&(0,s.isEmpty)(e)?Object.hasOwn(o,t)&&(delete o[t],a=!0):(o[t]=e,a=!0))}})),a?o:e}return e!==t?t:e},X=(e={},t={})=>{const o=(0,s.clone)(e);let a=!1;return Object.keys(t).forEach((n=>{const l=Z(e[n],t[n]);l!==e[n]&&(o[n]=l,a=!0)})),a?o:e},J=Object.freeze({}),Q=({editorLayout:e,optionSchema:t,dataContract:o=J,onVisualizationChange:a,visualization:r,transformLayout:i,onCollapsibleOpen:u,onCollapsibleClose:d,initialCollapsibleState:f,filteredCollapsibleState:p})=>{const m=(0,n.useRef)(null!=f?f:{}),b=(0,n.useCallback)(((e,o,n)=>a(((e,a)=>(0,h.setOption)(o,n,e,t,a)))),[a,t]),g=(0,n.useCallback)(((e,t,o)=>{a((e=>{const a=null==o?(0,s.omit)(e.encoding,t):K(K({},e.encoding),{},{[t]:o});return K(K({},e),{},{encoding:a})}))}),[a]),v=(0,n.useCallback)(((e,t)=>{a((e=>X(e,t)))}),[a]),y=(0,n.useMemo)((()=>{let t=[];try{t="function"==typeof i?i({layout:(0,s.cloneDeep)(e),visualization:(0,s.cloneDeep)(r)}):e}catch(e){console.error((0,c._)("Layout transformation failed"),e)}return Array.isArray(t)?t:[]}),[e,i,r]);return l().createElement(N.SectionStateContextProvider,{initialCollapsibleState:m.current,filteredCollapsibleState:null!=p?p:{},onCollapsibleOpen:u,onCollapsibleClose:d},y.map(((e,a)=>l().createElement(U,{key:`${r.type}_${e.label}`,section:e,sItr:a,visualization:r,optionSchema:t,dataContract:o,handleOptionChange:b,handleEncodingChange:g,handleVisualizationChange:v}))))};Q.propTypes={visualization:i().object.isRequired,onVisualizationChange:i().func.isRequired,dataContract:i().object,optionSchema:i().object.isRequired,editorLayout:i().arrayOf(i().shape({label:i().string,open:i().bool,layout:i().arrayOf(i().arrayOf(i().object)),enableCollapsible:i().bool,enableSeparator:i().bool})).isRequired,transformLayout:i().func,onCollapsibleOpen:i().func,onCollapsibleClose:i().func,initialCollapsibleState:i().object,filteredCollapsibleState:i().object};const ee=Q})(),module.exports=a})();
|