@splunk/dynamic-editors 0.43.0 → 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 +11 -0
- package/DynamicEditor.js +4 -4
- package/DynamicEditor.js.map +1 -1
- package/containers/EditorItem.js +4 -4
- package/containers/EditorItem.js.map +1 -1
- package/containers/EditorLayout.js +4 -4
- package/containers/EditorLayout.js.map +1 -1
- package/containers/EditorLayoutItem.js +4 -4
- package/containers/EditorLayoutItem.js.map +1 -1
- package/editors/DynamicColorEditor.js +3 -3
- package/editors/DynamicColorEditor.js.map +1 -1
- package/editors/DynamicColorEditorWithPrecedence.js +3 -3
- package/editors/DynamicColorEditorWithPrecedence.js.map +1 -1
- package/editors/NetworkGraphDynamicColorEditor.js +3 -3
- package/editors/NetworkGraphDynamicColorEditor.js.map +1 -1
- package/editors/TableColumnFormatterEditor.js +4 -4
- package/editors/TableColumnFormatterEditor.js.map +1 -1
- package/editors/TableDynamicColorEditor.js +3 -3
- package/editors/TableDynamicColorEditor.js.map +1 -1
- package/editors/ThresholdEditor.js +1 -1
- package/editors/ThresholdEditor.js.map +1 -1
- package/package.json +2 -2
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
&:hover {
|
|
92
92
|
background-color: ${e=>!e.disabled&&le.variables.interactiveColorOverlayDrag} !important;
|
|
93
93
|
}
|
|
94
|
-
`,Je=({editFrom:e,editTo:t,editValue:o,error:a,from:l,index:i,isDisabled:s=!1,isRemovable:u=!1,onChange:c,onRemove:d,renderThresholdValueEditor:f,to:p,value:m})=>{const g=(0,r.useCallback)((e=>{(a||e!==l)&&c(i,{from:e,value:m,to:p})}),[c,l,m,p,i,a]),b=(0,r.useCallback)((e=>{(a||e!==p)&&c(i,{from:l,value:m,to:e})}),[c,l,m,p,i,a]),h=(0,r.useCallback)((({value:e})=>{c(i,{from:l,value:e,to:p})}),[c,i,l,p]),v=(0,r.useCallback)((()=>d(i)),[d,i]),y=(0,r.useMemo)((()=>a?(0,Ae.createDOMID)("threshold-error"):void 0),[a]);return n().createElement(n().Fragment,null,n().createElement(Ge,null,n().createElement(He,null,n().createElement(we,{"data-test":"threshold-from-level",boundary:l,isDisabled:s,isEditable:e,errorId:y,onChange:g,index:i})),n().createElement(Ke,{to:p,index:i,isRemovable:u,isEditable:t,isDisabled:s,onChange:b,errorId:y}),n().createElement(Ye,null,f({value:m,onChange:h,isDisabled:s||!!a,editValue:o})),n().createElement(Ze,null,u&&n().createElement(Xe,{"data-test":"threshold-remove-button",icon:n().createElement(te(),null),appearance:"subtle",onClick:v,disabled:s}))),n().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){k()(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:l})=>{const[i,s]=(0,r.useState)({}),u=(0,r.useCallback)((t=>{const o=(0,U.cloneDeep)(e);o.splice(t,1),a(Me(o));const l=tt({},i);delete l[t],s(l)}),[i,e,a]),c=(0,r.useCallback)(((o,l)=>{const r=(0,U.cloneDeep)(e),n=tt({},i);if(r.splice(o,1,l),delete n[o],!t&&0===o){const e=function(e="",t=""){const o=parseFloat(e),a=parseFloat(t);return(0,U.isNaN)(o)||(0,U.isNaN)(+e)||(0,U.isNaN)(a)||(0,U.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}}(l.to,l.from);e.error&&(n[o]=e.errorMessage)}if(!t&&0!==o&&l.to<l.from&&l.from>e[0].from&&(r[o].to=l.from+10),!t||o<e.length-1){const t=(0,U.cloneDeep)(e);t.splice(o,1);const a=ke(l.from,t);a.error&&(n[o]=a.errorMessage)}s(n),Object.keys(n).length||a(Me(r))}),[i,e,a,t]),d=!!Object.keys(i).length,f=(0,r.useCallback)((o=>!t&&e.length>1||t&&e.length>2&&o!==e.length-1),[t,e]);return e.map(((a,r)=>n().createElement(Qe,{key:`threshold-${a.from}-${a.to}-${a.value}`,onRemove:u,onChange:c,index:r,from:a.from,to:a.to,value:a.value,error:i[r],editFrom:!t||r!==e.length-1,editTo:!t&&0===r,editValue:!d,isRemovable:f(r),isDisabled:o,renderThresholdValueEditor:l})))};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 lt=at;var rt=o(7408),nt=o.n(rt),it=o(3283);const st=({isDisabled:e,value:t,onChange:o})=>n().createElement(nt(),{disabled:e,value:(0,it.isColor)(t)?t:"transparent",onChange:
|
|
94
|
+
`,Je=({editFrom:e,editTo:t,editValue:o,error:a,from:l,index:i,isDisabled:s=!1,isRemovable:u=!1,onChange:c,onRemove:d,renderThresholdValueEditor:f,to:p,value:m})=>{const g=(0,r.useCallback)((e=>{(a||e!==l)&&c(i,{from:e,value:m,to:p})}),[c,l,m,p,i,a]),b=(0,r.useCallback)((e=>{(a||e!==p)&&c(i,{from:l,value:m,to:e})}),[c,l,m,p,i,a]),h=(0,r.useCallback)((({value:e})=>{c(i,{from:l,value:e,to:p})}),[c,i,l,p]),v=(0,r.useCallback)((()=>d(i)),[d,i]),y=(0,r.useMemo)((()=>a?(0,Ae.createDOMID)("threshold-error"):void 0),[a]);return n().createElement(n().Fragment,null,n().createElement(Ge,null,n().createElement(He,null,n().createElement(we,{"data-test":"threshold-from-level",boundary:l,isDisabled:s,isEditable:e,errorId:y,onChange:g,index:i})),n().createElement(Ke,{to:p,index:i,isRemovable:u,isEditable:t,isDisabled:s,onChange:b,errorId:y}),n().createElement(Ye,null,f({value:m,onChange:h,isDisabled:s||!!a,editValue:o})),n().createElement(Ze,null,u&&n().createElement(Xe,{"data-test":"threshold-remove-button",icon:n().createElement(te(),null),appearance:"subtle",onClick:v,disabled:s}))),n().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){k()(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:l})=>{const[i,s]=(0,r.useState)({}),u=(0,r.useCallback)((t=>{const o=(0,U.cloneDeep)(e);o.splice(t,1),a(Me(o));const l=tt({},i);delete l[t],s(l)}),[i,e,a]),c=(0,r.useCallback)(((o,l)=>{const r=(0,U.cloneDeep)(e),n=tt({},i);if(r.splice(o,1,l),delete n[o],!t&&0===o){const e=function(e="",t=""){const o=parseFloat(e),a=parseFloat(t);return(0,U.isNaN)(o)||(0,U.isNaN)(+e)||(0,U.isNaN)(a)||(0,U.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}}(l.to,l.from);e.error&&(n[o]=e.errorMessage)}if(!t&&0!==o&&l.to<l.from&&l.from>e[0].from&&(r[o].to=l.from+10),!t||o<e.length-1){const t=(0,U.cloneDeep)(e);t.splice(o,1);const a=ke(l.from,t);a.error&&(n[o]=a.errorMessage)}s(n),Object.keys(n).length||a(Me(r))}),[i,e,a,t]),d=!!Object.keys(i).length,f=(0,r.useCallback)((o=>!t&&e.length>1||t&&e.length>2&&o!==e.length-1),[t,e]);return e.map(((a,r)=>n().createElement(Qe,{key:`threshold-${a.from}-${a.to}-${a.value}`,onRemove:u,onChange:c,index:r,from:a.from,to:a.to,value:a.value,error:i[r],editFrom:!t||r!==e.length-1,editTo:!t&&0===r,editValue:!d,isRemovable:f(r),isDisabled:o,renderThresholdValueEditor:l})))};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 lt=at;var rt=o(7408),nt=o.n(rt),it=o(3283);const st=({isDisabled:e,value:t,onChange:o})=>{const a=n().useCallback((({value:e})=>{o({value:null==e||""===e?"transparent":e})}),[o]);return n().createElement(nt(),{disabled:e,value:(0,it.isColor)(t)?t:"transparent",onChange:a,hideInput:!0,palette:Se,"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
97
|
`,dt=({onChange:e,name:t,itemSchema:o,value:a,labelPosition:l="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,r.useCallback)((()=>{e(null,t,o.default)}),[o,t,e]),g=(0,r.useCallback)((()=>{e(null,t,null)}),[t,e]),b=(0,r.useCallback)((()=>p?g():m()),[p,m,g]),h=(0,r.useCallback)((o=>{const l=(0,U.cloneDeep)(a),r={from:o,value:function(e=[]){const t=(0,U.difference)(Se,e);return t.length>0?t[0]:"#444000"}(l.map((e=>e.value)))};d||(r.to=o+10),l.push(r);const n=Me(l);e(null,t,n)}),[t,a,e,d]),y=(0,r.useCallback)((o=>{e(null,t,o)}),[e,t]);return n().createElement(v(),{label:s,labelPosition:l,labelWidth:i},n().createElement(ct,{"data-test":t},c&&n().createElement(ye(),{appearance:"toggle",selected:p,onClick:b,disabled:u,role:"switch"},(0,B._)("Threshold")),p&&n().createElement(n().Fragment,null,!u&&n().createElement(Be,{onAddThreshold:h,thresholds:a}),n().createElement(lt,{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),gt=o(8281),bt=o(4942),ht=o.n(bt),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),Tt=o(2117),St=o.n(Tt),Mt=o(2965),kt=o.n(Mt),Ft=o(5695),Rt=o.n(Ft),Bt=o(7364),At=o.n(Bt),It=o(9172),Lt=o.n(It),$t=o(5678),Nt=o.n($t),Vt=o(8687),qt=o.n(Vt),Wt=o(1546);const Ut={"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":gt.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":St(),"editor.multiColorPicker":kt(),"editor.seriesColors":Rt(),"editor.seriesColorsByField":At(),"editor.columnMultiSelectionByFieldNameEditor":Lt(),"editor.trellisSplitBy":Nt(),"editor.networkGraphDynamicColor":Wt.NetworkGraphDynamicColorEditor},zt=({item:e,name:t,itemSchema:o,dataSourceBindings:a,context:r,value:i,onChange:s,isDisabled:u,options:c,optionsSchema:d})=>{const{editor:f}=e;let p;if("string"==typeof f){if(!Ut[f])throw Error(`Invalid editor type: ${f}`);p=Ut[f]}else p=f;const m=(0,pt.getStaticItemSchema)(o);return n().createElement("div",{key:e.option||e.encoding,"data-test":`editor-${t}`},n().createElement(p,l()({},e.editorProps,{name:t,isOption:!!e.option,itemSchema:m,dataSourceBindings:a,label:e.label,onChange:s,value:i,context:r,placeholder:e.placeholder,isAdvanced:e.isAdvanced,isDisabled:u,options:c,optionsSchema:d})))};zt.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 Kt=zt},397:(e,t,o)=>{o.r(t),o.d(t,{default:()=>S});var a=o(9497),l=o.n(a),r=o(23),n=o.n(r),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),g=o(8987),b=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`
|
|
@@ -415,7 +415,7 @@
|
|
|
415
415
|
justify-content: center;
|
|
416
416
|
`,g=c.default.div`
|
|
417
417
|
display: flex;
|
|
418
|
-
`,b={marginRight:"12px"},h=i.createElement(f.default,null),v=({disableAddMatches:e=!1,handleAddMatch:t,handleReverse:o})=>i.createElement(p,null,i.createElement(g,null,i.createElement(d.default,{"data-test":"reverse-matches-button",icon:h,style:b,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 l=Object.getOwnPropertyDescriptor(t,o);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,l)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(o(9497)),s=n(o(7408));t.default=({color:e,colorIndex:t,onChange:o,palette:a})=>{const l=i.useCallback((({value:e})=>o({colorIndex:t,value:
|
|
418
|
+
`,b={marginRight:"12px"},h=i.createElement(f.default,null),v=({disableAddMatches:e=!1,handleAddMatch:t,handleReverse:o})=>i.createElement(p,null,i.createElement(g,null,i.createElement(d.default,{"data-test":"reverse-matches-button",icon:h,style:b,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 l=Object.getOwnPropertyDescriptor(t,o);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,l)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(o(9497)),s=n(o(7408));t.default=({color:e,colorIndex:t,onChange:o,palette:a})=>{const l=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:l,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 l=Object.getOwnPropertyDescriptor(t,o);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,l)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(o(9497)),s=r(o(23)),u=n(o(232)),c=o(6649),d=o(8548),f=n(o(3396)),p=n(o(347)),m=n(o(8753)),g=o(3719),b=n(o(2265)),h=u.default.div`
|
|
419
419
|
padding-top: 10px;
|
|
420
420
|
`,v=u.default.div`
|
|
421
421
|
display: flex;
|
|
@@ -447,13 +447,13 @@
|
|
|
447
447
|
`,g=({colorIndex:e,disabled:t=!1,onRemove:o,matchIndex:a})=>{const l=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:l})))};g.propTypes={disabled:s.bool,onRemove:s.func},t.default=g},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 l=Object.getOwnPropertyDescriptor(t,o);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,l)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.matchValuesToContextConfig=t.MATCH_VALUE_WILDCARD_INFO_TEXT=void 0;const i=r(o(9497)),s=r(o(23)),u=n(o(232)),c=o(6649),d=o(3563),f=n(o(5089)),p=n(o(5852)),m=n(o(1727)),g=o(8548),b=o(3719);t.MATCH_VALUE_WILDCARD_INFO_TEXT=(0,c._)("Enter a value to match. Wildcards '*' can be used.");const h=u.default.div`
|
|
448
448
|
margin: 6px 0px;
|
|
449
449
|
color: ${d.variables.contentColorMuted};
|
|
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:l,value:r})=>{const n=i.useMemo((()=>(0,b.getMatches)(r)),[r]),{matchValues:s,selectedColors:u}=i.useMemo((()=>n.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:l,value:r})=>{const n=i.useMemo((()=>(0,b.getMatches)(r)),[r]),{matchValues:s,selectedColors:u}=i.useMemo((()=>n.reduce(((e,t)=>{e.matchValues.push(t.match);const o="string"==typeof t.value?t.value:"transparent";return e.selectedColors.push(o),e}),{matchValues:[],selectedColors:[]})),[n]),[{paletteTheme:c,paletteEntry:d},v]=i.useState((()=>(0,g.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:a,ranges:n}))),y=(0,g.getSwatchColorsFromPalette)({palettes:a,paletteInfo:d,paletteTheme:c}),C=i.useMemo((()=>(0,g.hasCustomColors)({currentSwatchColors:y,selectedColors:u})),[y,u]),[_,O]=i.useState((()=>(0,g.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:l})=>{const r=(0,g.getSwatchColorsFromPalette)({palettes:e,paletteInfo:o,paletteTheme:t}),n=(0,g.getPrecedenceFromPalette)({palettes:e,paletteTheme:t,paletteInfo:o}),i=a.length,s=n[i<7?i-1:5].map((e=>r[e])).slice(0,i);return l(!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 l=(0,t.matchValuesToContextConfig)({colors:a,matchValues:s});o(null,null,l)}),[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 l=(0,t.matchValuesToContextConfig)({colors:a,matchValues:s});o(null,null,l)}),[E,c,s,o]),P=i.useCallback((({colors:e,matchValues:a})=>{const l=(0,t.matchValuesToContextConfig)({colors:e,matchValues:a});o(null,null,l)}),[o]);return i.useEffect((()=>{v((0,g.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:a,ranges:n}))}),[l]),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,g.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 l=Object.getOwnPropertyDescriptor(t,o);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,l)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MatchValuePreview=void 0;const i=r(o(9497)),s=o(1705),u=n(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 l=Object.getOwnPropertyDescriptor(t,o);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,l)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(o(9497)),s=n(o(1964)),u=n(o(2150)),c=o(8548);t.default=({isReversed:e,isSwatchCustomized:t,shouldShowArrows:o=!0,onChangePaletteTheme:a,onPaletteChange:l,palettes:r,selectedPaletteInfo:n,selectedPaletteTheme:d})=>{const f=i.useMemo((()=>Object.keys(r).map((e=>({value:e,label:r[e]._meta.label})))),[r]),p=i.useMemo((()=>(0,c.getThemedPalettesWithoutMeta)({palettes:r,paletteTheme:d})),[r,d]);return i.createElement(i.Fragment,null,i.createElement(s.default,{onChange:a,paletteThemes:f,selectedPaletteTheme:d}),i.createElement(u.default,{isReversed:e,isSwatchCustomized:t,shouldShowArrows:o,onPaletteChange:l,palettes:p,selectedPaletteInfo:n}))}},2150:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var l=Object.getOwnPropertyDescriptor(t,o);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,l)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(o(9497)),s=o(4793),u=n(o(232)),c=o(6649),d=n(o(7020)),f=n(o(6214)),p=n(o(4233)),m=n(o(4566)),g=n(o(6212)),b=o(1705),h=n(o(1494)),v=u.default.div`
|
|
451
451
|
width: ${m.default.spacingMedium}; //enterprise: 15px, prisma: 12px
|
|
452
452
|
`,y=u.default.span.attrs((()=>({"data-test":"custom-swatch-text"})))`
|
|
453
453
|
display: flex;
|
|
454
454
|
flex: 1;
|
|
455
455
|
padding-left: 10px;
|
|
456
|
-
`;t.default=({isReversed:e=!1,isSwatchCustomized:t=!1,shouldShowArrows:o=!0,onPaletteChange:a,palettes:l,selectedPaletteInfo:r})=>{const n=(0,s.get)(l,[r.type,"swatches",r.index],[]),u=i.createElement(d.default,{style:{width:"100%",padding:`0 ${m.default.spacingSmall}`},isMenu:!0,"data-test":"palettes-dropdown-toggle"},t?i.createElement(y,null,"Customized in swatches below"):i.createElement(i.Fragment,null,i.createElement(h.default,null,o&&i.createElement(g.default,null),i.createElement(b.ColorPreview,{colors:n,isReversed:e})),i.createElement(v,null))),C=i.useMemo((()=>Object.keys(l).reduce(((e,o,n,s)=>(e.push(i.createElement(p.default.Heading,{key:`title-${o}`,title:!0},(0,c._)(o).toUpperCase())),e.push(...l[o].swatches.map(((e,l)=>{const n=!t&&o===r.type&&r.index===l;return i.createElement(p.default.Item,{"data-test":`palette-swatch-row-${o}-${l}`,key:`${o}-${JSON.stringify(e)}`,onClick:()=>a({type:o,index:l}),selected:n,selectable:!0},i.createElement(h.default,null,i.createElement(b.ColorPreview,{colors:e})))}))),n<s.length-1&&e.push(i.createElement(p.default.Divider,{key:`divider-${o}`})),e)),[])),[t,a,l,r.index,r.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 l=Object.getOwnPropertyDescriptor(t,o);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,l)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(o(9497)),s=r(o(23)),u=o(6649),c=n(o(5411)),d=n(o(9250)),f=({labelPosition:e="top",onChange:t,paletteThemes:o,selectedPaletteTheme:a})=>{const l=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:l,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 l=Array.isArray(o[t-2])?o[t-2].map((e=>a[e])):[];return e&&l.reverse(),l};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:l,selectedPaletteInfo:r})=>{const n=(0,s.get)(l,[r.type,"swatches",r.index],[]),u=i.createElement(d.default,{style:{width:"100%",padding:`0 ${m.default.spacingSmall}`},isMenu:!0,"data-test":"palettes-dropdown-toggle"},t?i.createElement(y,null,"Customized in swatches below"):i.createElement(i.Fragment,null,i.createElement(h.default,null,o&&i.createElement(g.default,null),i.createElement(b.ColorPreview,{colors:n,isReversed:e})),i.createElement(v,null))),C=i.useMemo((()=>Object.keys(l).reduce(((e,o,n,s)=>(e.push(i.createElement(p.default.Heading,{key:`title-${o}`,title:!0},(0,c._)(o).toUpperCase())),e.push(...l[o].swatches.map(((e,l)=>{const n=!t&&o===r.type&&r.index===l;return i.createElement(p.default.Item,{"data-test":`palette-swatch-row-${o}-${l}`,key:`${o}-${JSON.stringify(e)}`,onClick:()=>a({type:o,index:l}),selected:n,selectable:!0},i.createElement(h.default,null,i.createElement(b.ColorPreview,{colors:e})))}))),n<s.length-1&&e.push(i.createElement(p.default.Divider,{key:`divider-${o}`})),e)),[])),[t,a,l,r.index,r.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 l=Object.getOwnPropertyDescriptor(t,o);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,l)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(o(9497)),s=r(o(23)),u=o(6649),c=n(o(5411)),d=n(o(9250)),f=({labelPosition:e="top",onChange:t,paletteThemes:o,selectedPaletteTheme:a})=>{const l=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:l,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 l=Array.isArray(o[t-2])?o[t-2].map((e=>a[e])):[];return e&&l.reverse(),l};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 l=({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:l,minimumNumberOfColors:r=2})=>{var n,i,s,u,c,d;if(e)return!1;const f=o.length,p=2===r?f-2:f<7?f-1:5,m=null===(s=null===(i=null===(n=null==t?void 0:t[l])||void 0===n?void 0:n[a.type])||void 0===i?void 0:i.swatches)||void 0===s?void 0:s[a.index],g=[...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 o.every(((e,t)=>m[g[t]].toLowerCase()===e.toLowerCase()))};t.inferInitialPaletteFromContext=({defaultPalettesConfig:e,ranges:o,palettes:a})=>{let r,n=[];Array.isArray(o)&&(n=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[n.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:n})||(i=l({currentSwatchColors:s,selectedColors:n,precedence:p}),r&&!i||(r={paletteTheme:e,paletteEntry:{type:o,index:a}}))}}))})),r||e}},2841:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var l=Object.getOwnPropertyDescriptor(t,o);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,l)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(o(9497)),s=r(o(23)),u=o(6649),c=n(o(232)),d=n(o(7020)),f=n(o(6062)),p=c.default.div`
|
|
457
457
|
display: flex;
|
|
458
458
|
flex-direction: row;
|
|
459
459
|
margin-bottom: 10px;
|