@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
|
@@ -2,7 +2,7 @@
|
|
|
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={
|
|
5
|
+
*/(()=>{"use strict";var e={397:(e,t,r)=>{r.r(t),r.d(t,{default:()=>T});var a=r(9497),l=r.n(a),n=r(23),o=r.n(n),i=r(232),s=r.n(i),u=r(4793),c=r(3563),d=r(7408),f=r.n(d),p=r(4082),h=r.n(p),m=r(8987),g=r(6649),b=r(2621),v=r.n(b);const y=require("@splunk/visualizations-shared/colorConstants");var _=r(3283),C=r(4008),O=r.n(C);const x=s().div`
|
|
6
6
|
max-height: ${c.variables.inputHeight};
|
|
7
7
|
width: 100%;
|
|
8
8
|
min-width: 0;
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
width: ${(0,s.toPx)(_.FLYOUT_WIDTH)};
|
|
24
24
|
`,M=(0,f.default)(c.default)`
|
|
25
25
|
padding: '4px';
|
|
26
|
-
`;t.prepareUpdate=({name:e,selectedDataSelector:t,selectedFormatterType:r,currentFormatterConfig:a})=>{const l=`${e}EditorConfig`,n=l.replace(/^\w+\[\d+\]\.(.+)$/,"$1");return{options:{[e]:(0,g.buildDSLFromDataSelectorAndFormatter)(t,r,l)},context:{[n]:a}}};t.DynamicColorEditor=({name:e,value:r,label:a="",labelPosition:l="left",labelWidth:n,context:o,onChange:s=(()=>{}),flyoutTitle:c=(0,p._)("Dynamic coloring"),formatters:f=[],dataSelectors:_=[],defaultPalettesConfig:D=h.defaultPalettesConfig,isDisabled:T=!1,showStaticTextColor:S=!1,colorMode:R,handleColorModeChange:k})=>{const[I,A]=x(!1),F=O(null),{type:V,paramKey:$}=(0,g.getLastFormatterFromDSL)(r)||{type:"unknown",paramKey:"unknown"},L=(0,g.getDataSelectorsFromDSL)(r)[0],[B,q]=x(V);P((()=>{q(V)}),[V]);const[W,U]=x(L);P((()=>{U(L)}),[L]);const z=(0,C.getFormatterConfig)({contextConfig:o[$],formatters:f,formatterFromDSL:V,selectedDataSelector:W}),[N,G]=x(z);P((()=>{G(z)}),[o,f,$,V,L]);const H=r=>{const a=(0,m.find)(f,(e=>e.isDefault))||(0,m.find)(f,(e=>"rangeValue"===e.value))||f[0];if((0,m.isEmpty)(a))return;const l=a.value,n=Object.keys(a.defaults)[0],o=a.defaults[n];U(n),q(l),G(o),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:n,selectedFormatterType:l,currentFormatterConfig:o}))},K=i.useCallback((()=>{A((e=>!e))}),[]);if(!(0,C.isSupportedDataSelector)({selectedDataSelector:W,dataSelectors:_})||!(0,C.isSupportedFormatter)({selectedFormatterType:B,formattersFromEditor:f,supportedFormatters:v.supportedFormatters}))return i.createElement(y.default,{label:a,labelPosition:l,labelWidth:n,onResetToDefault:H});const Y=v.supportedFormatters[B].preview;return i.createElement(i.Fragment,null,i.createElement(u.default,{"data-test":"DynamicColorEditorGroup",label:a,labelPosition:l,labelWidth:n},i.createElement(M,{inline:!1,"data-test":"DynamicColorEditorButton",appearance:"default",ref:F,onClick:K,disabled:T},i.createElement(Y,{"data-test":"FormatterConfigPreview",config:N}))),i.createElement(d.default,{"data-test":"DynamicColorEditorFlyout",open:I,anchor:F.current,defaultPlacement:"horizontal",style:{padding:"10px"},onRequestClose:()=>A(!1),takeFocus:!0},i.createElement(j,null,!R&&i.createElement(w,null,c),R&&i.createElement(u.default,{"data-test":"TableDynamicColorEditorGroup",label:c,labelPosition:l,labelWidth:n},i.createElement(b.default,{value:R,onChange:k},[{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(b.default.Option,{key:t,value:t,label:(0,p._)(e)}))))),R&&i.createElement(E,null,(0,p._)("Method")),i.createElement(v.FormatterEditor,{selectedDataSelector:W,selectedFormatterType:B,currentFormatterConfig:N,onDataSelectorChange:(r,a,l)=>{U(l);const n=(0,m.find)(f,(e=>e.defaults[l]));q(n.value);const o=n.defaults[l];G(o),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:l,selectedFormatterType:n.value,currentFormatterConfig:o}))},onFormatterTypeChange:(r,a,l)=>{q(l);const n=(0,m.find)(f,["value",l]).defaults[W];G(n),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:W,selectedFormatterType:l,currentFormatterConfig:n}))},onFormatterConfigChange:(r,a,l)=>{G(l),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:W,selectedFormatterType:B,currentFormatterConfig:l}))},formatters:f,dataSelectors:_,defaultPalettesConfig:D,showStaticTextColor:S}))))}},1546:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,l)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return l(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.NetworkGraphDynamicColorEditor=void 0;const i=n(r(9497)),s=r(6649),u=o(r(7143)),c=r(152),d=o(r(4182)),f=o(r(
|
|
26
|
+
`;t.prepareUpdate=({name:e,selectedDataSelector:t,selectedFormatterType:r,currentFormatterConfig:a})=>{const l=`${e}EditorConfig`,n=l.replace(/^\w+\[\d+\]\.(.+)$/,"$1");return{options:{[e]:(0,g.buildDSLFromDataSelectorAndFormatter)(t,r,l)},context:{[n]:a}}};t.DynamicColorEditor=({name:e,value:r,label:a="",labelPosition:l="left",labelWidth:n,context:o,onChange:s=(()=>{}),flyoutTitle:c=(0,p._)("Dynamic coloring"),formatters:f=[],dataSelectors:_=[],defaultPalettesConfig:D=h.defaultPalettesConfig,isDisabled:T=!1,showStaticTextColor:S=!1,colorMode:R,handleColorModeChange:k})=>{const[I,A]=x(!1),F=O(null),{type:V,paramKey:$}=(0,g.getLastFormatterFromDSL)(r)||{type:"unknown",paramKey:"unknown"},L=(0,g.getDataSelectorsFromDSL)(r)[0],[B,q]=x(V);P((()=>{q(V)}),[V]);const[W,U]=x(L);P((()=>{U(L)}),[L]);const z=(0,C.getFormatterConfig)({contextConfig:o[$],formatters:f,formatterFromDSL:V,selectedDataSelector:W}),[N,G]=x(z);P((()=>{G(z)}),[o,f,$,V,L]);const H=r=>{const a=(0,m.find)(f,(e=>e.isDefault))||(0,m.find)(f,(e=>"rangeValue"===e.value))||f[0];if((0,m.isEmpty)(a))return;const l=a.value,n=Object.keys(a.defaults)[0],o=a.defaults[n];U(n),q(l),G(o),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:n,selectedFormatterType:l,currentFormatterConfig:o}))},K=i.useCallback((()=>{A((e=>!e))}),[]);if(!(0,C.isSupportedDataSelector)({selectedDataSelector:W,dataSelectors:_})||!(0,C.isSupportedFormatter)({selectedFormatterType:B,formattersFromEditor:f,supportedFormatters:v.supportedFormatters}))return i.createElement(y.default,{label:a,labelPosition:l,labelWidth:n,onResetToDefault:H});const Y=v.supportedFormatters[B].preview;return i.createElement(i.Fragment,null,i.createElement(u.default,{"data-test":"DynamicColorEditorGroup",label:a,labelPosition:l,labelWidth:n},i.createElement(M,{inline:!1,"data-test":"DynamicColorEditorButton",appearance:"default",ref:F,onClick:K,disabled:T},i.createElement(Y,{"data-test":"FormatterConfigPreview",config:N}))),i.createElement(d.default,{"data-test":"DynamicColorEditorFlyout",open:I,anchor:F.current,defaultPlacement:"horizontal",style:{padding:"10px"},onRequestClose:()=>A(!1),takeFocus:!0},i.createElement(j,null,!R&&i.createElement(w,null,c),R&&i.createElement(u.default,{"data-test":"TableDynamicColorEditorGroup",label:c,labelPosition:l,labelWidth:n},i.createElement(b.default,{value:R,onChange:k},[{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(b.default.Option,{key:t,value:t,label:(0,p._)(e)}))))),R&&i.createElement(E,null,(0,p._)("Method")),i.createElement(v.FormatterEditor,{selectedDataSelector:W,selectedFormatterType:B,currentFormatterConfig:N,onDataSelectorChange:(r,a,l)=>{U(l);const n=(0,m.find)(f,(e=>e.defaults[l]));q(n.value);const o=n.defaults[l];G(o),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:l,selectedFormatterType:n.value,currentFormatterConfig:o}))},onFormatterTypeChange:(r,a,l)=>{q(l);const n=(0,m.find)(f,["value",l]).defaults[W];G(n),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:W,selectedFormatterType:l,currentFormatterConfig:n}))},onFormatterConfigChange:(r,a,l)=>{G(l),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:W,selectedFormatterType:B,currentFormatterConfig:l}))},formatters:f,dataSelectors:_,defaultPalettesConfig:D,showStaticTextColor:S}))))}},1546:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,l)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return l(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.NetworkGraphDynamicColorEditor=void 0;const i=n(r(9497)),s=r(6649),u=o(r(7143)),c=r(152),d=o(r(4182)),f=o(r(397));t.NetworkGraphDynamicColorEditor=({name:e,value:t,contextName:r,label:a="",labelWidth:l,context:n,flyoutTitle:o=(0,s._)("Dynamic coloring"),formatters:p=[],dataSelectors:h=[],defaultPalettesConfig:m,tooltip:g,options:b={},onChange:v=(()=>{})})=>{var y;const _=null===(y=h[0])||void 0===y?void 0:y.value,C=i.useCallback((e=>!e||e.trim().startsWith("#")?"static":"dynamic"),[]),[O,x]=i.useState(C(t));i.useEffect((()=>{const e=C(t);x(e)}),[C,t]);const P=i.useCallback(((t,a,l)=>{var o,i,s;x(l);const u=Object.assign({},b),c=Object.assign({},n);if("dynamic"===l){const a=(null===(o=p[0])||void 0===o?void 0:o.value)||"gradient",l=(null===(s=null===(i=p[0])||void 0===i?void 0:i.defaults)||void 0===s?void 0:s[_])||{},n=`> ${_} | ${a}(${r})`;u[e]=n,c[r]=l,v(t,{options:u,context:c})}else"static"===l&&(u[e]=void 0,c[r]=void 0,v(t,{options:u,context:c}))}),[b,n,p,_,r,e,v]),w=i.useCallback(((t,a)=>{var l;const o=a.options[e],i=null===(l=a.context)||void 0===l?void 0:l[r],s=Object.assign(Object.assign({},b),{[e]:o}),u=Object.assign(Object.assign({},n),{[r]:i});v(t,{options:s,context:u})}),[b,e,n,v,r]),E=i.useCallback(((e,t,a)=>{const l=Object.assign(Object.assign({},b),{[t]:a}),o=Object.assign({},n);o[r]=void 0,v(e,{options:l,context:o})}),[n,v,b,r]);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:P,itemSchema:{type:"string"},values:[{label:(0,s._)("Static coloring"),value:"static"},{label:(0,s._)("Dynamic coloring"),value:"dynamic"}],help:g})),"dynamic"===O&&i.createElement(u.default.Column,{span:6},i.createElement(c.DynamicColorEditor,{name:e,label:" ",labelPosition:"top",labelWidth:l,value:t,context:n,onChange:w,flyoutTitle:o,formatters:p,dataSelectors:h,defaultPalettesConfig:m})),"static"===O&&i.createElement(u.default.Column,{span:6},i.createElement(f.default,{name:e,label:" ",labelPosition:"top",labelWidth:l,value:t,onChange:E}))))}},1705:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,l)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return l(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ColorPreview=void 0;const i=n(r(9497)),s=o(r(232)),u=r(3283),c=r(8987),d=s.default.div.attrs((e=>({"data-test":"ColorPreviewWrapper",isReversed:e.isReversed})))`
|
|
27
27
|
display: flex;
|
|
28
28
|
flex-direction: row;
|
|
29
29
|
height: 100%;
|
|
@@ -178,7 +178,7 @@
|
|
|
178
178
|
justify-content: center;
|
|
179
179
|
`,m=c.default.div`
|
|
180
180
|
display: flex;
|
|
181
|
-
`,g={marginRight:"12px"},b=i.createElement(f.default,null),v=({disableAddMatches:e=!1,handleAddMatch:t,handleReverse:r})=>i.createElement(p,null,i.createElement(m,null,i.createElement(d.default,{"data-test":"reverse-matches-button",icon:b,style:g,onClick:r})),i.createElement(h,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,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,l)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return l(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=n(r(9497)),s=o(r(7408));t.default=({color:e,colorIndex:t,onChange:r,palette:a})=>{const l=i.useCallback((({value:e})=>r({colorIndex:t,value:
|
|
181
|
+
`,g={marginRight:"12px"},b=i.createElement(f.default,null),v=({disableAddMatches:e=!1,handleAddMatch:t,handleReverse:r})=>i.createElement(p,null,i.createElement(m,null,i.createElement(d.default,{"data-test":"reverse-matches-button",icon:b,style:g,onClick:r})),i.createElement(h,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,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,l)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return l(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=n(r(9497)),s=o(r(7408));t.default=({color:e,colorIndex:t,onChange:r,palette:a})=>{const l=i.useCallback((({value:e})=>{let a=e;null!=a&&""!==a||(a="transparent"),r({colorIndex:t,value:a})}),[t,r]);return i.createElement(s.default,{"data-test":`match-color-${e}`,value:e,palette:a,onChange:l,hideInput:!0})}},1727:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,l)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return l(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=n(r(9497)),s=n(r(23)),u=o(r(232)),c=r(6649),d=r(8548),f=o(r(3396)),p=o(r(347)),h=o(r(8753)),m=r(3719),g=o(r(2265)),b=u.default.div`
|
|
182
182
|
padding-top: 10px;
|
|
183
183
|
`,v=u.default.div`
|
|
184
184
|
display: flex;
|
|
@@ -210,13 +210,13 @@
|
|
|
210
210
|
`,m=({colorIndex:e,disabled:t=!1,onRemove:r,matchIndex:a})=>{const l=i.useCallback((()=>r(e,a)),[e,r,a]);return i.createElement(p,null,i.createElement("div",null,i.createElement(h,{"data-test":"match-remove-button",disabled:t,icon:i.createElement(d.default,null),appearance:"subtle",onClick:l})))};m.propTypes={disabled:s.bool,onRemove:s.func},t.default=m},3719:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.isNumeric=t.getMatches=void 0;const a=r(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,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,l)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return l(t,e),t},o=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=n(r(9497)),s=n(r(23)),u=o(r(232)),c=r(6649),d=r(3563),f=o(r(5089)),p=o(r(5852)),h=o(r(1727)),m=r(8548),g=r(3719);t.MATCH_VALUE_WILDCARD_INFO_TEXT=(0,c._)("Enter a value to match. Wildcards '*' can be used.");const b=u.default.div`
|
|
211
211
|
margin: 6px 0px;
|
|
212
212
|
color: ${d.variables.contentColorMuted};
|
|
213
|
-
`;t.matchValuesToContextConfig=({colors:e,matchValues:t})=>e.map(((e,r)=>({match:t[r],value:e})));const v=({defaultPalettesConfig:e,onChange:r=(()=>{}),palettes:a=f.default,selectedDataSelector:l,value:n})=>{const o=i.useMemo((()=>(0,g.getMatches)(n)),[n]),{matchValues:s,selectedColors:u}=i.useMemo((()=>o.reduce(((e,t)=>
|
|
213
|
+
`;t.matchValuesToContextConfig=({colors:e,matchValues:t})=>e.map(((e,r)=>({match:t[r],value:e})));const v=({defaultPalettesConfig:e,onChange:r=(()=>{}),palettes:a=f.default,selectedDataSelector:l,value:n})=>{const o=i.useMemo((()=>(0,g.getMatches)(n)),[n]),{matchValues:s,selectedColors:u}=i.useMemo((()=>o.reduce(((e,t)=>{e.matchValues.push(t.match);const r="string"==typeof t.value?t.value:"transparent";return e.selectedColors.push(r),e}),{matchValues:[],selectedColors:[]})),[o]),[{paletteTheme:c,paletteEntry:d},v]=i.useState((()=>(0,m.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:a,ranges:o}))),y=(0,m.getSwatchColorsFromPalette)({palettes:a,paletteInfo:d,paletteTheme:c}),_=i.useMemo((()=>(0,m.hasCustomColors)({currentSwatchColors:y,selectedColors:u})),[y,u]),[C,O]=i.useState((()=>(0,m.hasInitiallyReversedColors)({isSwatchCustomized:_,palettes:a,selectedColors:u,selectedPaletteInfo:d,selectedPaletteTheme:c,minimumNumberOfColors:1}))),x=i.useCallback((({paletteTheme:e,paletteInfo:t})=>s.length>7?u:(({palettes:e,paletteTheme:t,paletteInfo:r,matchValues:a,setIsReversed:l})=>{const n=(0,m.getSwatchColorsFromPalette)({palettes:e,paletteInfo:r,paletteTheme:t}),o=(0,m.getPrecedenceFromPalette)({palettes:e,paletteTheme:t,paletteInfo:r}),i=a.length,s=o[i<7?i-1:5].map((e=>n[e])).slice(0,i);return l(!1),s})({palettes:a,paletteTheme:e,paletteInfo:t,matchValues:s,setIsReversed:O})),[s,a,u]),P=i.useCallback((e=>{const a=x({paletteTheme:e,paletteInfo:d});v((t=>Object.assign(Object.assign({},t),{paletteTheme:e})));const l=(0,t.matchValuesToContextConfig)({colors:a,matchValues:s});r(null,null,l)}),[x,d,s,r]),w=i.useCallback((e=>{const a=x({paletteTheme:c,paletteInfo:e});v((t=>Object.assign(Object.assign({},t),{paletteEntry:e})));const l=(0,t.matchValuesToContextConfig)({colors:a,matchValues:s});r(null,null,l)}),[x,c,s,r]),E=i.useCallback((({colors:e,matchValues:a})=>{const l=(0,t.matchValuesToContextConfig)({colors:e,matchValues:a});r(null,null,l)}),[r]);return i.useEffect((()=>{v((0,m.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:a,ranges:o}))}),[l]),i.createElement(i.Fragment,null,i.createElement(p.default,{isReversed:C,isSwatchCustomized:_,shouldShowArrows:!1,onChangePaletteTheme:P,onPaletteChange:w,palettes:a,selectedPaletteInfo:d,selectedPaletteTheme:c}),i.createElement(h.default,{customizedColors:_,isReversed:C,onChange:E,precedence:(0,m.getPrecedenceFromPalette)({palettes:a,paletteTheme:c,paletteInfo:d}),matchValues:s,selectedColors:u,swatchColors:y,setIsReversed:O}),i.createElement(b,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,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,l)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return l(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MatchValuePreview=void 0;const i=n(r(9497)),s=r(1705),u=o(r(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,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,l)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return l(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=n(r(9497)),s=o(r(1964)),u=o(r(2150)),c=r(8548);t.default=({isReversed:e,isSwatchCustomized:t,shouldShowArrows:r=!0,onChangePaletteTheme:a,onPaletteChange:l,palettes:n,selectedPaletteInfo:o,selectedPaletteTheme:d})=>{const f=i.useMemo((()=>Object.keys(n).map((e=>({value:e,label:n[e]._meta.label})))),[n]),p=i.useMemo((()=>(0,c.getThemedPalettesWithoutMeta)({palettes:n,paletteTheme:d})),[n,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:r,onPaletteChange:l,palettes:p,selectedPaletteInfo:o}))}},2150:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,l)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return l(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=n(r(9497)),s=r(4793),u=o(r(232)),c=r(6649),d=o(r(7020)),f=o(r(6214)),p=o(r(4233)),h=o(r(4566)),m=o(r(6212)),g=r(1705),b=o(r(1494)),v=u.default.div`
|
|
214
214
|
width: ${h.default.spacingMedium}; //enterprise: 15px, prisma: 12px
|
|
215
215
|
`,y=u.default.span.attrs((()=>({"data-test":"custom-swatch-text"})))`
|
|
216
216
|
display: flex;
|
|
217
217
|
flex: 1;
|
|
218
218
|
padding-left: 10px;
|
|
219
|
-
`;t.default=({isReversed:e=!1,isSwatchCustomized:t=!1,shouldShowArrows:r=!0,onPaletteChange:a,palettes:l,selectedPaletteInfo:n})=>{const o=(0,s.get)(l,[n.type,"swatches",n.index],[]),u=i.createElement(d.default,{style:{width:"100%",padding:`0 ${h.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(b.default,null,r&&i.createElement(m.default,null),i.createElement(g.ColorPreview,{colors:o,isReversed:e})),i.createElement(v,null))),_=i.useMemo((()=>Object.keys(l).reduce(((e,r,o,s)=>(e.push(i.createElement(p.default.Heading,{key:`title-${r}`,title:!0},(0,c._)(r).toUpperCase())),e.push(...l[r].swatches.map(((e,l)=>{const o=!t&&r===n.type&&n.index===l;return i.createElement(p.default.Item,{"data-test":`palette-swatch-row-${r}-${l}`,key:`${r}-${JSON.stringify(e)}`,onClick:()=>a({type:r,index:l}),selected:o,selectable:!0},i.createElement(b.default,null,i.createElement(g.ColorPreview,{colors:e})))}))),o<s.length-1&&e.push(i.createElement(p.default.Divider,{key:`divider-${r}`})),e)),[])),[t,a,l,n.index,n.type]);return i.createElement(f.default,{toggle:u},i.createElement(p.default,{style:{width:302}},_))}},1964:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,l)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return l(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=n(r(9497)),s=n(r(23)),u=r(6649),c=o(r(5411)),d=o(r(9250)),f=({labelPosition:e="top",onChange:t,paletteThemes:r,selectedPaletteTheme:a})=>{const l=i.useCallback(((e,{value:r})=>t(r)),[t]);return i.createElement(d.default,{label:(0,u._)("Preset palette"),labelPosition:e},i.createElement(c.default,{onChange:l,value:a},r.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,r)=>{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=r(4793);t.defaultPalettesConfig={paletteTheme:"DARK_COLORS",paletteEntry:{type:"sequential",index:0}};t.getNewColors=({isReversed:e,numColors:t,precedence:r,swatchColors:a})=>{const l=Array.isArray(r[t-2])?r[t-2].map((e=>a[e])):[];return e&&l.reverse(),l};t.getPrecedenceFromPalette=({palettes:e,paletteInfo:t,paletteTheme:r})=>(0,a.get)(e,[r,t.type,"precedence"],[]);t.getSwatchColorsFromPalette=({palettes:e,paletteInfo:t,paletteTheme:r})=>(0,a.get)(e,[r,t.type,"swatches",t.index],[]);t.hasCustomColors=({currentSwatchColors:e,selectedColors:t})=>{if(t.length>e.length)return!0;const r={};return e.forEach((e=>{r[e.toLowerCase()]=e.toLowerCase()})),t.some((e
|
|
219
|
+
`;t.default=({isReversed:e=!1,isSwatchCustomized:t=!1,shouldShowArrows:r=!0,onPaletteChange:a,palettes:l,selectedPaletteInfo:n})=>{const o=(0,s.get)(l,[n.type,"swatches",n.index],[]),u=i.createElement(d.default,{style:{width:"100%",padding:`0 ${h.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(b.default,null,r&&i.createElement(m.default,null),i.createElement(g.ColorPreview,{colors:o,isReversed:e})),i.createElement(v,null))),_=i.useMemo((()=>Object.keys(l).reduce(((e,r,o,s)=>(e.push(i.createElement(p.default.Heading,{key:`title-${r}`,title:!0},(0,c._)(r).toUpperCase())),e.push(...l[r].swatches.map(((e,l)=>{const o=!t&&r===n.type&&n.index===l;return i.createElement(p.default.Item,{"data-test":`palette-swatch-row-${r}-${l}`,key:`${r}-${JSON.stringify(e)}`,onClick:()=>a({type:r,index:l}),selected:o,selectable:!0},i.createElement(b.default,null,i.createElement(g.ColorPreview,{colors:e})))}))),o<s.length-1&&e.push(i.createElement(p.default.Divider,{key:`divider-${r}`})),e)),[])),[t,a,l,n.index,n.type]);return i.createElement(f.default,{toggle:u},i.createElement(p.default,{style:{width:302}},_))}},1964:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,l)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return l(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=n(r(9497)),s=n(r(23)),u=r(6649),c=o(r(5411)),d=o(r(9250)),f=({labelPosition:e="top",onChange:t,paletteThemes:r,selectedPaletteTheme:a})=>{const l=i.useCallback(((e,{value:r})=>t(r)),[t]);return i.createElement(d.default,{label:(0,u._)("Preset palette"),labelPosition:e},i.createElement(c.default,{onChange:l,value:a},r.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,r)=>{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=r(4793);t.defaultPalettesConfig={paletteTheme:"DARK_COLORS",paletteEntry:{type:"sequential",index:0}};t.getNewColors=({isReversed:e,numColors:t,precedence:r,swatchColors:a})=>{const l=Array.isArray(r[t-2])?r[t-2].map((e=>a[e])):[];return e&&l.reverse(),l};t.getPrecedenceFromPalette=({palettes:e,paletteInfo:t,paletteTheme:r})=>(0,a.get)(e,[r,t.type,"precedence"],[]);t.getSwatchColorsFromPalette=({palettes:e,paletteInfo:t,paletteTheme:r})=>(0,a.get)(e,[r,t.type,"swatches",t.index],[]);t.hasCustomColors=({currentSwatchColors:e,selectedColors:t})=>{if(t.length>e.length)return!0;const r={};return e.forEach((e=>{"string"==typeof e&&(r[e.toLowerCase()]=e.toLowerCase())})),t.some((e=>"string"!=typeof e||!r[e.toLowerCase()]))};t.getThemedPalettesWithoutMeta=({palettes:e,paletteTheme:t})=>Object.keys(e[t]).reduce(((r,a)=>("_meta"!==a&&(r[a]=e[t][a]),r)),{});const l=({currentSwatchColors:e,precedence:t,selectedColors:r})=>{if(!t)return!1;if(t.every((t=>e[t]===r[t])))return!0;return!![...t].reverse().every((t=>e[t]===r[t]))};t.hasInitiallyReversedColors=({isSwatchCustomized:e,palettes:t,selectedColors:r,selectedPaletteInfo:a,selectedPaletteTheme:l,minimumNumberOfColors:n=2})=>{var o,i,s,u,c,d;if(e)return!1;const f=r.length,p=2===n?f-2:f<7?f-1:5,h=null===(s=null===(i=null===(o=null==t?void 0:t[l])||void 0===o?void 0:o[a.type])||void 0===i?void 0:i.swatches)||void 0===s?void 0:s[a.index],m=[...null===(d=null===(c=null===(u=null==t?void 0:t[l])||void 0===u?void 0:u[a.type])||void 0===c?void 0:c.precedence)||void 0===d?void 0:d[p]].reverse();return r.every(((e,t)=>h[m[t]].toLowerCase()===e.toLowerCase()))};t.inferInitialPaletteFromContext=({defaultPalettesConfig:e,ranges:r,palettes:a})=>{let n,o=[];Array.isArray(r)&&(o=r.map((({value:e})=>e)));let i=!1;return Object.keys(a).forEach((e=>{Object.keys(a[e]).filter((e=>"_meta"!==e)).forEach((r=>{var s;const u=a[e][r];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[o.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:o})||(i=l({currentSwatchColors:s,selectedColors:o,precedence:p}),n&&!i||(n={paletteTheme:e,paletteEntry:{type:r,index:a}}))}}))})),n||e}},2841:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,l)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return l(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=n(r(9497)),s=n(r(23)),u=r(6649),c=o(r(232)),d=o(r(7020)),f=o(r(6062)),p=c.default.div`
|
|
220
220
|
display: flex;
|
|
221
221
|
flex-direction: row;
|
|
222
222
|
margin-bottom: 10px;
|
|
@@ -250,7 +250,7 @@
|
|
|
250
250
|
display: flex;
|
|
251
251
|
flex-direction: column;
|
|
252
252
|
margin-left: ${c.default.spacingMedium};
|
|
253
|
-
`;t.handleUpdateRangeBoundary=({rangeBoundaryIndex:e,setError:t,shouldUpdate:r,updateRangeBoundary:a,value:l})=>{if(r){const r=a(l,e);r&&r.error&&t(r.error)}};t.default=({initialValue:e,rangeBoundaryIndex:r,rangeText:a,rangeValues:l,showNumberEditor:n=!0,updateRangeBoundary:o})=>{const[s,u]=i.useState(null),[c,g]=i.useState(!1),[b,v]=i.useState(null),y=i.useCallback((()=>{g(!0)}),[]),_=i.useCallback(((e,{value:a})=>{u(a),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:r,setError:v,shouldUpdate:!c,updateRangeBoundary:o,value:a})}),[c,r,o]),C=i.useCallback((()=>{g(!1),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:r,setError:v,shouldUpdate:"number"==typeof s&&s!==e,updateRangeBoundary:o,value:s})}),[r,s,e,o]),O=i.useCallback((a=>(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:r,setError:v,shouldUpdate:"Enter"===a.key&&"number"==typeof s&&s!==e,updateRangeBoundary:o,value:s})),[r,s,e,o]);return i.useEffect((()=>{b&&!l.includes(s)&&(v(null),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:r,setError:v,shouldUpdate:"number"==typeof s,updateRangeBoundary:o,value:s}))}),[s,b,r,l,o]),i.createElement(m,null,i.createElement(h,null,n&&i.createElement(p,{"data-test":"range-boundary-editor",error:!!b,onBlur:C,onChange:_,onFocus:y,onKeyUp:O,value:null!=s?s:e}),i.createElement(d,null,a)),n&&b&&i.createElement(f,null,b))}},1782:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,l)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return l(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=n(r(9497)),s=o(r(7408));t.default=({color:e,colorIndex:t,onChange:r,palette:a})=>{const l=i.useCallback((({value:e})=>r({colorIndex:t,value:
|
|
253
|
+
`;t.handleUpdateRangeBoundary=({rangeBoundaryIndex:e,setError:t,shouldUpdate:r,updateRangeBoundary:a,value:l})=>{if(r){const r=a(l,e);r&&r.error&&t(r.error)}};t.default=({initialValue:e,rangeBoundaryIndex:r,rangeText:a,rangeValues:l,showNumberEditor:n=!0,updateRangeBoundary:o})=>{const[s,u]=i.useState(null),[c,g]=i.useState(!1),[b,v]=i.useState(null),y=i.useCallback((()=>{g(!0)}),[]),_=i.useCallback(((e,{value:a})=>{u(a),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:r,setError:v,shouldUpdate:!c,updateRangeBoundary:o,value:a})}),[c,r,o]),C=i.useCallback((()=>{g(!1),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:r,setError:v,shouldUpdate:"number"==typeof s&&s!==e,updateRangeBoundary:o,value:s})}),[r,s,e,o]),O=i.useCallback((a=>(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:r,setError:v,shouldUpdate:"Enter"===a.key&&"number"==typeof s&&s!==e,updateRangeBoundary:o,value:s})),[r,s,e,o]);return i.useEffect((()=>{b&&!l.includes(s)&&(v(null),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:r,setError:v,shouldUpdate:"number"==typeof s,updateRangeBoundary:o,value:s}))}),[s,b,r,l,o]),i.createElement(m,null,i.createElement(h,null,n&&i.createElement(p,{"data-test":"range-boundary-editor",error:!!b,onBlur:C,onChange:_,onFocus:y,onKeyUp:O,value:null!=s?s:e}),i.createElement(d,null,a)),n&&b&&i.createElement(f,null,b))}},1782:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,l)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return l(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=n(r(9497)),s=o(r(7408));t.default=({color:e,colorIndex:t,onChange:r,palette:a})=>{const l=i.useCallback((({value:e})=>{let a=e;return null===a&&(a="transparent"),r({colorIndex:t,value:a})}),[t,r]);return i.createElement(s.default,{"data-test":`range-color-${e}`,value:e,palette:a,onChange:l,hideInput:!0})}},104:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,l)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return l(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=n(r(9497)),s=n(r(23)),u=o(r(232)),c=r(6649),d=o(r(2841)),f=o(r(6959)),p=o(r(1782)),h=o(r(6900)),m=r(8548),g=u.default.div`
|
|
254
254
|
padding-top: 10px;
|
|
255
255
|
`,b=u.default.div`
|
|
256
256
|
display: flex;
|
|
@@ -330,5 +330,5 @@
|
|
|
330
330
|
position: relative;
|
|
331
331
|
width: 100%;
|
|
332
332
|
height: 20px;
|
|
333
|
-
`},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%"}},6195:e=>{e.exports=require("@babel/runtime/helpers/defineProperty")},2649:e=>{e.exports=require("@babel/runtime/helpers/extends")},9597:e=>{e.exports=require("@splunk/react-icons/ArrowDown")},2267:e=>{e.exports=require("@splunk/react-icons/ArrowUp")},6062:e=>{e.exports=require("@splunk/react-icons/ArrowsRectangularDouble")},8855:e=>{e.exports=require("@splunk/react-icons/Cross")},6643:e=>{e.exports=require("@splunk/react-icons/SlidersDoubleHorizontal")},7020:e=>{e.exports=require("@splunk/react-ui/Button")},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")},4233:e=>{e.exports=require("@splunk/react-ui/Menu")},6447:e=>{e.exports=require("@splunk/react-ui/Message")},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")},4082:e=>{e.exports=require("@splunk/react-ui/Text")},6379:e=>{e.exports=require("@splunk/react-ui/Tooltip")},3563:e=>{e.exports=require("@splunk/themes")},4566:e=>{e.exports=require("@splunk/themes/variables")},6649:e=>{e.exports=require("@splunk/ui-utils/i18n")},8987:e=>{e.exports=require("@splunk/ui-utils/id")},5089:e=>{e.exports=require("@splunk/visualization-color-palettes/editors/PresetPalettes")},1413:e=>{e.exports=require("@splunk/visualization-encoding/utils/dsl")},3283:e=>{e.exports=require("@splunk/visualizations-shared/colorUtils")},7124:e=>{e.exports=require("@splunk/visualizations-shared/style")},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 r(a){var l=t[a];if(void 0!==l)return l.exports;var n=t[a]={exports:{}};return e[a].call(n.exports,n,n.exports,r),n.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var a in t)r.o(t,a)&&!r.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a=r(1546);module.exports=a})();
|
|
333
|
+
`},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%"}},6195:e=>{e.exports=require("@babel/runtime/helpers/defineProperty")},2649:e=>{e.exports=require("@babel/runtime/helpers/extends")},9597:e=>{e.exports=require("@splunk/react-icons/ArrowDown")},2267:e=>{e.exports=require("@splunk/react-icons/ArrowUp")},6062:e=>{e.exports=require("@splunk/react-icons/ArrowsRectangularDouble")},8855:e=>{e.exports=require("@splunk/react-icons/Cross")},6643:e=>{e.exports=require("@splunk/react-icons/SlidersDoubleHorizontal")},7020:e=>{e.exports=require("@splunk/react-ui/Button")},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")},4233:e=>{e.exports=require("@splunk/react-ui/Menu")},6447:e=>{e.exports=require("@splunk/react-ui/Message")},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")},4082:e=>{e.exports=require("@splunk/react-ui/Text")},6379:e=>{e.exports=require("@splunk/react-ui/Tooltip")},3563:e=>{e.exports=require("@splunk/themes")},4566:e=>{e.exports=require("@splunk/themes/variables")},6649:e=>{e.exports=require("@splunk/ui-utils/i18n")},8987:e=>{e.exports=require("@splunk/ui-utils/id")},5089:e=>{e.exports=require("@splunk/visualization-color-palettes/editors/PresetPalettes")},1413:e=>{e.exports=require("@splunk/visualization-encoding/utils/dsl")},3283:e=>{e.exports=require("@splunk/visualizations-shared/colorUtils")},7124:e=>{e.exports=require("@splunk/visualizations-shared/style")},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 r(a){var l=t[a];if(void 0!==l)return l.exports;var n=t[a]={exports:{}};return e[a].call(n.exports,n,n.exports,r),n.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var a in t)r.o(t,a)&&!r.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a=r(1546);module.exports=a})();
|
|
334
334
|
//# sourceMappingURL=NetworkGraphDynamicColorEditor.js.map
|