@splunk/dynamic-editors 0.43.0 → 0.43.2
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 +22 -0
- package/DynamicEditor.js +5 -5
- package/DynamicEditor.js.map +1 -1
- package/containers/EditorItem.js +5 -5
- package/containers/EditorItem.js.map +1 -1
- package/containers/EditorLayout.js +5 -5
- package/containers/EditorLayout.js.map +1 -1
- package/containers/EditorLayoutItem.js +5 -5
- package/containers/EditorLayoutItem.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/NetworkGraphDynamicColorEditor.js +4 -4
- package/editors/NetworkGraphDynamicColorEditor.js.map +1 -1
- package/editors/TableColumnFormatterEditor.js +5 -5
- 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 +2 -2
package/containers/EditorItem.js
CHANGED
|
@@ -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:a,error:o,from:l,index:i,isDisabled:s=!1,isRemovable:u=!1,onChange:c,onRemove:d,renderThresholdValueEditor:f,to:p,value:m})=>{const b=(0,r.useCallback)((e=>{(o||e!==l)&&c(i,{from:e,value:m,to:p})}),[c,l,m,p,i,o]),g=(0,r.useCallback)((e=>{(o||e!==p)&&c(i,{from:l,value:m,to:e})}),[c,l,m,p,i,o]),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)((()=>o?(0,Ae.createDOMID)("threshold-error"):void 0),[o]);return n().createElement(n().Fragment,null,n().createElement(Ke,null,n().createElement(He,null,n().createElement(we,{"data-test":"threshold-from-level",boundary:l,isDisabled:s,isEditable:e,errorId:y,onChange:b,index:i})),n().createElement(Ge,{to:p,index:i,isRemovable:u,isEditable:t,isDisabled:s,onChange:g,errorId:y}),n().createElement(Ye,null,f({value:m,onChange:h,isDisabled:s||!!o,editValue:a})),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(Pe,{error:o,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 a=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,o)}return a}function tt(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?et(Object(a),!0).forEach((function(t){k()(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):et(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}const at=[],ot=({ranges:e=at,openRanges:t=!0,isDisabled:a=!1,onChange:o,renderThresholdValueEditor:l})=>{const[i,s]=(0,r.useState)({}),u=(0,r.useCallback)((t=>{const a=(0,U.cloneDeep)(e);a.splice(t,1),o(Me(a));const l=tt({},i);delete l[t],s(l)}),[i,e,o]),c=(0,r.useCallback)(((a,l)=>{const r=(0,U.cloneDeep)(e),n=tt({},i);if(r.splice(a,1,l),delete n[a],!t&&0===a){const e=function(e="",t=""){const a=parseFloat(e),o=parseFloat(t);return(0,U.isNaN)(a)||(0,U.isNaN)(+e)||(0,U.isNaN)(o)||(0,U.isNaN)(+t)?{error:!0,errorMessage:(0,B._)("Not a valid threshold. Must be a number")}:a<o?{error:!0,errorMessage:(0,B._)("Upper boundary must exceed lower boundary")}:{error:!1,errorMessage:null}}(l.to,l.from);e.error&&(n[a]=e.errorMessage)}if(!t&&0!==a&&l.to<l.from&&l.from>e[0].from&&(r[a].to=l.from+10),!t||a<e.length-1){const t=(0,U.cloneDeep)(e);t.splice(a,1);const o=ke(l.from,t);o.error&&(n[a]=o.errorMessage)}s(n),Object.keys(n).length||o(Me(r))}),[i,e,o,t]),d=!!Object.keys(i).length,f=(0,r.useCallback)((a=>!t&&e.length>1||t&&e.length>2&&a!==e.length-1),[t,e]);return e.map(((o,r)=>n().createElement(Qe,{key:`threshold-${o.from}-${o.to}-${o.value}`,onRemove:u,onChange:c,index:r,from:o.from,to:o.to,value:o.value,error:i[r],editFrom:!t||r!==e.length-1,editTo:!t&&0===r,editValue:!d,isRemovable:f(r),isDisabled:a,renderThresholdValueEditor:l})))};ot.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=ot;var rt=a(7408),nt=a.n(rt),it=a(3283);const st=({isDisabled:e,value:t,onChange:a})=>n().createElement(nt(),{disabled:e,value:(0,it.isColor)(t)?t:"transparent",onChange:
|
|
94
|
+
`,Je=({editFrom:e,editTo:t,editValue:a,error:o,from:l,index:i,isDisabled:s=!1,isRemovable:u=!1,onChange:c,onRemove:d,renderThresholdValueEditor:f,to:p,value:m})=>{const b=(0,r.useCallback)((e=>{(o||e!==l)&&c(i,{from:e,value:m,to:p})}),[c,l,m,p,i,o]),g=(0,r.useCallback)((e=>{(o||e!==p)&&c(i,{from:l,value:m,to:e})}),[c,l,m,p,i,o]),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)((()=>o?(0,Ae.createDOMID)("threshold-error"):void 0),[o]);return n().createElement(n().Fragment,null,n().createElement(Ke,null,n().createElement(He,null,n().createElement(we,{"data-test":"threshold-from-level",boundary:l,isDisabled:s,isEditable:e,errorId:y,onChange:b,index:i})),n().createElement(Ge,{to:p,index:i,isRemovable:u,isEditable:t,isDisabled:s,onChange:g,errorId:y}),n().createElement(Ye,null,f({value:m,onChange:h,isDisabled:s||!!o,editValue:a})),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(Pe,{error:o,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 a=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,o)}return a}function tt(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?et(Object(a),!0).forEach((function(t){k()(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):et(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}const at=[],ot=({ranges:e=at,openRanges:t=!0,isDisabled:a=!1,onChange:o,renderThresholdValueEditor:l})=>{const[i,s]=(0,r.useState)({}),u=(0,r.useCallback)((t=>{const a=(0,U.cloneDeep)(e);a.splice(t,1),o(Me(a));const l=tt({},i);delete l[t],s(l)}),[i,e,o]),c=(0,r.useCallback)(((a,l)=>{const r=(0,U.cloneDeep)(e),n=tt({},i);if(r.splice(a,1,l),delete n[a],!t&&0===a){const e=function(e="",t=""){const a=parseFloat(e),o=parseFloat(t);return(0,U.isNaN)(a)||(0,U.isNaN)(+e)||(0,U.isNaN)(o)||(0,U.isNaN)(+t)?{error:!0,errorMessage:(0,B._)("Not a valid threshold. Must be a number")}:a<o?{error:!0,errorMessage:(0,B._)("Upper boundary must exceed lower boundary")}:{error:!1,errorMessage:null}}(l.to,l.from);e.error&&(n[a]=e.errorMessage)}if(!t&&0!==a&&l.to<l.from&&l.from>e[0].from&&(r[a].to=l.from+10),!t||a<e.length-1){const t=(0,U.cloneDeep)(e);t.splice(a,1);const o=ke(l.from,t);o.error&&(n[a]=o.errorMessage)}s(n),Object.keys(n).length||o(Me(r))}),[i,e,o,t]),d=!!Object.keys(i).length,f=(0,r.useCallback)((a=>!t&&e.length>1||t&&e.length>2&&a!==e.length-1),[t,e]);return e.map(((o,r)=>n().createElement(Qe,{key:`threshold-${o.from}-${o.to}-${o.value}`,onRemove:u,onChange:c,index:r,from:o.from,to:o.to,value:o.value,error:i[r],editFrom:!t||r!==e.length-1,editTo:!t&&0===r,editValue:!d,isRemovable:f(r),isDisabled:a,renderThresholdValueEditor:l})))};ot.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=ot;var rt=a(7408),nt=a.n(rt),it=a(3283);const st=({isDisabled:e,value:t,onChange:a})=>{const o=n().useCallback((({value:e})=>{a({value:null==e||""===e?"transparent":e})}),[a]);return n().createElement(nt(),{disabled:e,value:(0,it.isColor)(t)?t:"transparent",onChange:o,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:a,value:o,labelPosition:l="top",labelWidth:i,label:s,isDisabled:u=!1,isTogglable:c=!0,openRanges:d=!0,renderThresholdValueEditor:f=ut})=>{const p=Array.isArray(o)&&o.length>0,m=(0,r.useCallback)((()=>{e(null,t,a.default)}),[a,t,e]),b=(0,r.useCallback)((()=>{e(null,t,null)}),[t,e]),g=(0,r.useCallback)((()=>p?b():m()),[p,m,b]),h=(0,r.useCallback)((a=>{const l=(0,U.cloneDeep)(o),r={from:a,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=a+10),l.push(r);const n=Me(l);e(null,t,n)}),[t,o,e,d]),y=(0,r.useCallback)((a=>{e(null,t,a)}),[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:g,disabled:u,role:"switch"},(0,B._)("Threshold")),p&&n().createElement(n().Fragment,null,!u&&n().createElement(Be,{onAddThreshold:h,thresholds:o}),n().createElement(lt,{onChange:y,ranges:o,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=a(1027),mt=a(152),bt=a(8281),gt=a(4942),ht=a.n(gt),vt=a(5731),yt=a.n(vt),Ct=a(6116),_t=a.n(Ct),Ot=a(8444),Et=a(4680),xt=a(7970),Pt=a.n(xt),jt=a(5456),wt=a(7585),Dt=a.n(wt),Tt=a(2117),St=a.n(Tt),Mt=a(2965),kt=a.n(Mt),Ft=a(5695),Rt=a.n(Ft),Bt=a(7364),At=a.n(Bt),It=a(9172),Lt=a.n(It),$t=a(5678),Nt=a.n($t),Vt=a(8687),qt=a.n(Vt),Wt=a(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":bt.DynamicColorEditorWithPrecedence,"editor.columnMultiSelector":ht(),"editor.columnSelector":yt(),"editor.tableColumnFormatter":_t(),"editor.tableBackgroundColor":Et.TableBackgroundColorEditor,"editor.tableDynamicColor":Ot.TableDynamicColorEditor,"editor.slider":j(),"editor.markdown":Pt(),"editor.staticItem":jt.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:a,dataSourceBindings:o,context:r,value:i,onChange:s,isDisabled:u,options:c,optionsSchema:d})=>{const{editor:f}=e;let p;if("string"==typeof f){if(!Ut[f])throw Error(`Invalid editor type: ${f}`);p=Ut[f]}else p=f;const m=(0,pt.getStaticItemSchema)(a);return n().createElement("div",{key:e.option||e.encoding,"data-test":`editor-${t}`},n().createElement(p,l()({},e.editorProps,{name:t,isOption:!!e.option,itemSchema:m,dataSourceBindings:o,label:e.label,onChange:s,value:i,context:r,placeholder:e.placeholder,isAdvanced:e.isAdvanced,isDisabled:u,options:c,optionsSchema:d})))};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 Gt=zt},397:(e,t,a)=>{a.r(t),a.d(t,{default:()=>S});var o=a(9497),l=a.n(o),r=a(23),n=a.n(r),i=a(232),s=a.n(i),u=a(4793),c=a(3563),d=a(7408),f=a.n(d),p=a(4082),m=a.n(p),b=a(8987),g=a(6649),h=a(2621),v=a.n(h);const y=require("@splunk/visualizations-shared/colorConstants");var C=a(3283),_=a(4008),O=a.n(_);const E=s().div`
|
|
@@ -415,7 +415,7 @@
|
|
|
415
415
|
justify-content: center;
|
|
416
416
|
`,b=c.default.div`
|
|
417
417
|
display: flex;
|
|
418
|
-
`,g={marginRight:"12px"},h=i.createElement(f.default,null),v=({disableAddMatches:e=!1,handleAddMatch:t,handleReverse:a})=>i.createElement(p,null,i.createElement(b,null,i.createElement(d.default,{"data-test":"reverse-matches-button",icon:h,style:g,onClick:a})),i.createElement(m,null,i.createElement(d.default,{"data-test":"add-match-button",appearance:"secondary",label:`+ ${(0,u._)("Add match")}`,disabled:e,onClick:t})));v.propTypes={disableAddMatches:s.bool,handleAddMatch:s.func,handleReverse:s.func},t.default=v},347:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=n(a(7408));t.default=({color:e,colorIndex:t,onChange:a,palette:o})=>{const l=i.useCallback((({value:e})=>a({colorIndex:t,value:
|
|
418
|
+
`,g={marginRight:"12px"},h=i.createElement(f.default,null),v=({disableAddMatches:e=!1,handleAddMatch:t,handleReverse:a})=>i.createElement(p,null,i.createElement(b,null,i.createElement(d.default,{"data-test":"reverse-matches-button",icon:h,style:g,onClick:a})),i.createElement(m,null,i.createElement(d.default,{"data-test":"add-match-button",appearance:"secondary",label:`+ ${(0,u._)("Add match")}`,disabled:e,onClick:t})));v.propTypes={disableAddMatches:s.bool,handleAddMatch:s.func,handleReverse:s.func},t.default=v},347:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=n(a(7408));t.default=({color:e,colorIndex:t,onChange:a,palette:o})=>{const l=i.useCallback((({value:e})=>{let o=e;null!=o&&""!==o||(o="transparent"),a({colorIndex:t,value:o})}),[t,a]);return i.createElement(s.default,{"data-test":`match-color-${e}`,value:e,palette:o,onChange:l,hideInput:!0})}},1727:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=n(a(232)),c=a(6649),d=a(8548),f=n(a(3396)),p=n(a(347)),m=n(a(8753)),b=a(3719),g=n(a(2265)),h=u.default.div`
|
|
419
419
|
padding-top: 10px;
|
|
420
420
|
`,v=u.default.div`
|
|
421
421
|
display: flex;
|
|
@@ -447,13 +447,13 @@
|
|
|
447
447
|
`,b=({colorIndex:e,disabled:t=!1,onRemove:a,matchIndex:o})=>{const l=i.useCallback((()=>a(e,o)),[e,a,o]);return i.createElement(p,null,i.createElement("div",null,i.createElement(m,{"data-test":"match-remove-button",disabled:t,icon:i.createElement(d.default,null),appearance:"subtle",onClick:l})))};b.propTypes={disabled:s.bool,onRemove:s.func},t.default=b},3719:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.isNumeric=t.getMatches=void 0;const o=a(4793);t.getMatches=(e=[])=>(0,o.isEmpty)(e)?[{match:"",value:"#ff0000"}]:e;t.isNumeric=e=>!isNaN(Number(e))&&!isNaN(parseFloat(e))},107:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.matchValuesToContextConfig=t.MATCH_VALUE_WILDCARD_INFO_TEXT=void 0;const i=r(a(9497)),s=r(a(23)),u=n(a(232)),c=a(6649),d=a(3563),f=n(a(5089)),p=n(a(5852)),m=n(a(1727)),b=a(8548),g=a(3719);t.MATCH_VALUE_WILDCARD_INFO_TEXT=(0,c._)("Enter a value to match. Wildcards '*' can be used.");const h=u.default.div`
|
|
448
448
|
margin: 6px 0px;
|
|
449
449
|
color: ${d.variables.contentColorMuted};
|
|
450
|
-
`;t.matchValuesToContextConfig=({colors:e,matchValues:t})=>e.map(((e,a)=>({match:t[a],value:e})));const v=({defaultPalettesConfig:e,onChange:a=(()=>{}),palettes:o=f.default,selectedDataSelector:l,value:r})=>{const n=i.useMemo((()=>(0,g.getMatches)(r)),[r]),{matchValues:s,selectedColors:u}=i.useMemo((()=>n.reduce(((e,t)=>
|
|
450
|
+
`;t.matchValuesToContextConfig=({colors:e,matchValues:t})=>e.map(((e,a)=>({match:t[a],value:e})));const v=({defaultPalettesConfig:e,onChange:a=(()=>{}),palettes:o=f.default,selectedDataSelector:l,value:r})=>{const n=i.useMemo((()=>(0,g.getMatches)(r)),[r]),{matchValues:s,selectedColors:u}=i.useMemo((()=>n.reduce(((e,t)=>{e.matchValues.push(t.match);const a="string"==typeof t.value?t.value:"transparent";return e.selectedColors.push(a),e}),{matchValues:[],selectedColors:[]})),[n]),[{paletteTheme:c,paletteEntry:d},v]=i.useState((()=>(0,b.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:o,ranges:n}))),y=(0,b.getSwatchColorsFromPalette)({palettes:o,paletteInfo:d,paletteTheme:c}),C=i.useMemo((()=>(0,b.hasCustomColors)({currentSwatchColors:y,selectedColors:u})),[y,u]),[_,O]=i.useState((()=>(0,b.hasInitiallyReversedColors)({isSwatchCustomized:C,palettes:o,selectedColors:u,selectedPaletteInfo:d,selectedPaletteTheme:c,minimumNumberOfColors:1}))),E=i.useCallback((({paletteTheme:e,paletteInfo:t})=>s.length>7?u:(({palettes:e,paletteTheme:t,paletteInfo:a,matchValues:o,setIsReversed:l})=>{const r=(0,b.getSwatchColorsFromPalette)({palettes:e,paletteInfo:a,paletteTheme:t}),n=(0,b.getPrecedenceFromPalette)({palettes:e,paletteTheme:t,paletteInfo:a}),i=o.length,s=n[i<7?i-1:5].map((e=>r[e])).slice(0,i);return l(!1),s})({palettes:o,paletteTheme:e,paletteInfo:t,matchValues:s,setIsReversed:O})),[s,o,u]),x=i.useCallback((e=>{const o=E({paletteTheme:e,paletteInfo:d});v((t=>Object.assign(Object.assign({},t),{paletteTheme:e})));const l=(0,t.matchValuesToContextConfig)({colors:o,matchValues:s});a(null,null,l)}),[E,d,s,a]),P=i.useCallback((e=>{const o=E({paletteTheme:c,paletteInfo:e});v((t=>Object.assign(Object.assign({},t),{paletteEntry:e})));const l=(0,t.matchValuesToContextConfig)({colors:o,matchValues:s});a(null,null,l)}),[E,c,s,a]),j=i.useCallback((({colors:e,matchValues:o})=>{const l=(0,t.matchValuesToContextConfig)({colors:e,matchValues:o});a(null,null,l)}),[a]);return i.useEffect((()=>{v((0,b.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:o,ranges:n}))}),[l]),i.createElement(i.Fragment,null,i.createElement(p.default,{isReversed:_,isSwatchCustomized:C,shouldShowArrows:!1,onChangePaletteTheme:x,onPaletteChange:P,palettes:o,selectedPaletteInfo:d,selectedPaletteTheme:c}),i.createElement(m.default,{customizedColors:C,isReversed:_,onChange:j,precedence:(0,b.getPrecedenceFromPalette)({palettes:o,paletteTheme:c,paletteInfo:d}),matchValues:s,selectedColors:u,swatchColors:y,setIsReversed:O}),i.createElement(h,null,t.MATCH_VALUE_WILDCARD_INFO_TEXT))};v.propTypes={onChange:s.func,palettes:s.objectOf(s.shape({precedence:s.arrayOf(s.arrayOf(s.number)),swatches:s.arrayOf(s.arrayOf(s.string))})),value:s.arrayOf(s.shape({match:s.oneOfType([s.string,s.number]),value:s.string})),selectedDataSelector:s.string,defaultPalettesConfig:s.shape({paletteTheme:s.string,paletteEntry:s.shape({type:s.string,index:s.number})})},t.default=v},1561:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MatchValuePreview=void 0;const i=r(a(9497)),s=a(1705),u=n(a(1494));t.MatchValuePreview=({config:e})=>{const t=(0,i.useMemo)((()=>e.map((e=>e.value)).slice(0,8)),[e]);return i.default.createElement(u.default,null,i.default.createElement(s.ColorPreview,{"data-test":"ColorPreview",colors:t,maxColorCount:8}))}},5852:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=n(a(1964)),u=n(a(2150)),c=a(8548);t.default=({isReversed:e,isSwatchCustomized:t,shouldShowArrows:a=!0,onChangePaletteTheme:o,onPaletteChange:l,palettes:r,selectedPaletteInfo:n,selectedPaletteTheme:d})=>{const f=i.useMemo((()=>Object.keys(r).map((e=>({value:e,label:r[e]._meta.label})))),[r]),p=i.useMemo((()=>(0,c.getThemedPalettesWithoutMeta)({palettes:r,paletteTheme:d})),[r,d]);return i.createElement(i.Fragment,null,i.createElement(s.default,{onChange:o,paletteThemes:f,selectedPaletteTheme:d}),i.createElement(u.default,{isReversed:e,isSwatchCustomized:t,shouldShowArrows:a,onPaletteChange:l,palettes:p,selectedPaletteInfo:n}))}},2150:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=a(4793),u=n(a(232)),c=a(6649),d=n(a(7020)),f=n(a(6214)),p=n(a(4233)),m=n(a(4566)),b=n(a(6212)),g=a(1705),h=n(a(1494)),v=u.default.div`
|
|
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:a=!0,onPaletteChange:o,palettes:l,selectedPaletteInfo:r})=>{const n=(0,s.get)(l,[r.type,"swatches",r.index],[]),u=i.createElement(d.default,{style:{width:"100%",padding:`0 ${m.default.spacingSmall}`},isMenu:!0,"data-test":"palettes-dropdown-toggle"},t?i.createElement(y,null,"Customized in swatches below"):i.createElement(i.Fragment,null,i.createElement(h.default,null,a&&i.createElement(b.default,null),i.createElement(g.ColorPreview,{colors:n,isReversed:e})),i.createElement(v,null))),C=i.useMemo((()=>Object.keys(l).reduce(((e,a,n,s)=>(e.push(i.createElement(p.default.Heading,{key:`title-${a}`,title:!0},(0,c._)(a).toUpperCase())),e.push(...l[a].swatches.map(((e,l)=>{const n=!t&&a===r.type&&r.index===l;return i.createElement(p.default.Item,{"data-test":`palette-swatch-row-${a}-${l}`,key:`${a}-${JSON.stringify(e)}`,onClick:()=>o({type:a,index:l}),selected:n,selectable:!0},i.createElement(h.default,null,i.createElement(g.ColorPreview,{colors:e})))}))),n<s.length-1&&e.push(i.createElement(p.default.Divider,{key:`divider-${a}`})),e)),[])),[t,o,l,r.index,r.type]);return i.createElement(f.default,{toggle:u},i.createElement(p.default,{style:{width:302}},C))}},1964:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=a(6649),c=n(a(5411)),d=n(a(9250)),f=({labelPosition:e="top",onChange:t,paletteThemes:a,selectedPaletteTheme:o})=>{const l=i.useCallback(((e,{value:a})=>t(a)),[t]);return i.createElement(d.default,{label:(0,u._)("Preset palette"),labelPosition:e},i.createElement(c.default,{onChange:l,value:o},a.map((({value:e,label:t})=>i.createElement(c.default.Option,{key:e,value:e,label:t,"data-test":`preset-palette-theme-${e}`})))))};f.propTypes={labelPosition:s.string,onChange:s.func,paletteThemes:s.arrayOf(s.shape({value:s.string,label:s.string})),selectedPaletteTheme:s.string},t.default=f},8548:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.inferInitialPaletteFromContext=t.hasInitiallyReversedColors=t.getThemedPalettesWithoutMeta=t.hasCustomColors=t.getSwatchColorsFromPalette=t.getPrecedenceFromPalette=t.getNewColors=t.defaultPalettesConfig=void 0;const o=a(4793);t.defaultPalettesConfig={paletteTheme:"DARK_COLORS",paletteEntry:{type:"sequential",index:0}};t.getNewColors=({isReversed:e,numColors:t,precedence:a,swatchColors:o})=>{const l=Array.isArray(a[t-2])?a[t-2].map((e=>o[e])):[];return e&&l.reverse(),l};t.getPrecedenceFromPalette=({palettes:e,paletteInfo:t,paletteTheme:a})=>(0,o.get)(e,[a,t.type,"precedence"],[]);t.getSwatchColorsFromPalette=({palettes:e,paletteInfo:t,paletteTheme:a})=>(0,o.get)(e,[a,t.type,"swatches",t.index],[]);t.hasCustomColors=({currentSwatchColors:e,selectedColors:t})=>{if(t.length>e.length)return!0;const a={};return e.forEach((e=>{a[e.toLowerCase()]=e.toLowerCase()})),t.some((e
|
|
456
|
+
`;t.default=({isReversed:e=!1,isSwatchCustomized:t=!1,shouldShowArrows:a=!0,onPaletteChange:o,palettes:l,selectedPaletteInfo:r})=>{const n=(0,s.get)(l,[r.type,"swatches",r.index],[]),u=i.createElement(d.default,{style:{width:"100%",padding:`0 ${m.default.spacingSmall}`},isMenu:!0,"data-test":"palettes-dropdown-toggle"},t?i.createElement(y,null,"Customized in swatches below"):i.createElement(i.Fragment,null,i.createElement(h.default,null,a&&i.createElement(b.default,null),i.createElement(g.ColorPreview,{colors:n,isReversed:e})),i.createElement(v,null))),C=i.useMemo((()=>Object.keys(l).reduce(((e,a,n,s)=>(e.push(i.createElement(p.default.Heading,{key:`title-${a}`,title:!0},(0,c._)(a).toUpperCase())),e.push(...l[a].swatches.map(((e,l)=>{const n=!t&&a===r.type&&r.index===l;return i.createElement(p.default.Item,{"data-test":`palette-swatch-row-${a}-${l}`,key:`${a}-${JSON.stringify(e)}`,onClick:()=>o({type:a,index:l}),selected:n,selectable:!0},i.createElement(h.default,null,i.createElement(g.ColorPreview,{colors:e})))}))),n<s.length-1&&e.push(i.createElement(p.default.Divider,{key:`divider-${a}`})),e)),[])),[t,o,l,r.index,r.type]);return i.createElement(f.default,{toggle:u},i.createElement(p.default,{style:{width:302}},C))}},1964:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=a(6649),c=n(a(5411)),d=n(a(9250)),f=({labelPosition:e="top",onChange:t,paletteThemes:a,selectedPaletteTheme:o})=>{const l=i.useCallback(((e,{value:a})=>t(a)),[t]);return i.createElement(d.default,{label:(0,u._)("Preset palette"),labelPosition:e},i.createElement(c.default,{onChange:l,value:o},a.map((({value:e,label:t})=>i.createElement(c.default.Option,{key:e,value:e,label:t,"data-test":`preset-palette-theme-${e}`})))))};f.propTypes={labelPosition:s.string,onChange:s.func,paletteThemes:s.arrayOf(s.shape({value:s.string,label:s.string})),selectedPaletteTheme:s.string},t.default=f},8548:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.inferInitialPaletteFromContext=t.hasInitiallyReversedColors=t.getThemedPalettesWithoutMeta=t.hasCustomColors=t.getSwatchColorsFromPalette=t.getPrecedenceFromPalette=t.getNewColors=t.defaultPalettesConfig=void 0;const o=a(4793);t.defaultPalettesConfig={paletteTheme:"DARK_COLORS",paletteEntry:{type:"sequential",index:0}};t.getNewColors=({isReversed:e,numColors:t,precedence:a,swatchColors:o})=>{const l=Array.isArray(a[t-2])?a[t-2].map((e=>o[e])):[];return e&&l.reverse(),l};t.getPrecedenceFromPalette=({palettes:e,paletteInfo:t,paletteTheme:a})=>(0,o.get)(e,[a,t.type,"precedence"],[]);t.getSwatchColorsFromPalette=({palettes:e,paletteInfo:t,paletteTheme:a})=>(0,o.get)(e,[a,t.type,"swatches",t.index],[]);t.hasCustomColors=({currentSwatchColors:e,selectedColors:t})=>{if(t.length>e.length)return!0;const a={};return e.forEach((e=>{"string"==typeof e&&(a[e.toLowerCase()]=e.toLowerCase())})),t.some((e=>"string"!=typeof e||!a[e.toLowerCase()]))};t.getThemedPalettesWithoutMeta=({palettes:e,paletteTheme:t})=>Object.keys(e[t]).reduce(((a,o)=>("_meta"!==o&&(a[o]=e[t][o]),a)),{});const l=({currentSwatchColors:e,precedence:t,selectedColors:a})=>{if(!t)return!1;if(t.every((t=>e[t]===a[t])))return!0;return!![...t].reverse().every((t=>e[t]===a[t]))};t.hasInitiallyReversedColors=({isSwatchCustomized:e,palettes:t,selectedColors:a,selectedPaletteInfo:o,selectedPaletteTheme:l,minimumNumberOfColors:r=2})=>{var n,i,s,u,c,d;if(e)return!1;const f=a.length,p=2===r?f-2:f<7?f-1:5,m=null===(s=null===(i=null===(n=null==t?void 0:t[l])||void 0===n?void 0:n[o.type])||void 0===i?void 0:i.swatches)||void 0===s?void 0:s[o.index],b=[...null===(d=null===(c=null===(u=null==t?void 0:t[l])||void 0===u?void 0:u[o.type])||void 0===c?void 0:c.precedence)||void 0===d?void 0:d[p]].reverse();return a.every(((e,t)=>m[b[t]].toLowerCase()===e.toLowerCase()))};t.inferInitialPaletteFromContext=({defaultPalettesConfig:e,ranges:a,palettes:o})=>{let r,n=[];Array.isArray(a)&&(n=a.map((({value:e})=>e)));let i=!1;return Object.keys(o).forEach((e=>{Object.keys(o[e]).filter((e=>"_meta"!==e)).forEach((a=>{var s;const u=o[e][a];if(!((c=u)&&"object"==typeof c&&"swatches"in c&&Array.isArray(c.swatches)))return;var c;const{swatches:d,precedence:f}=u,p=null!==(s=f[n.length-2])&&void 0!==s?s:[];for(let o=0;o<d.length;o+=1){const s=d[o];(0,t.hasCustomColors)({currentSwatchColors:s,selectedColors:n})||(i=l({currentSwatchColors:s,selectedColors:n,precedence:p}),r&&!i||(r={paletteTheme:e,paletteEntry:{type:a,index:o}}))}}))})),r||e}},2841:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=a(6649),c=n(a(232)),d=n(a(7020)),f=n(a(6062)),p=c.default.div`
|
|
457
457
|
display: flex;
|
|
458
458
|
flex-direction: row;
|
|
459
459
|
margin-bottom: 10px;
|
|
@@ -487,7 +487,7 @@
|
|
|
487
487
|
display: flex;
|
|
488
488
|
flex-direction: column;
|
|
489
489
|
margin-left: ${c.default.spacingMedium};
|
|
490
|
-
`;t.handleUpdateRangeBoundary=({rangeBoundaryIndex:e,setError:t,shouldUpdate:a,updateRangeBoundary:o,value:l})=>{if(a){const a=o(l,e);a&&a.error&&t(a.error)}};t.default=({initialValue:e,rangeBoundaryIndex:a,rangeText:o,rangeValues:l,showNumberEditor:r=!0,updateRangeBoundary:n})=>{const[s,u]=i.useState(null),[c,g]=i.useState(!1),[h,v]=i.useState(null),y=i.useCallback((()=>{g(!0)}),[]),C=i.useCallback(((e,{value:o})=>{u(o),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:a,setError:v,shouldUpdate:!c,updateRangeBoundary:n,value:o})}),[c,a,n]),_=i.useCallback((()=>{g(!1),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:a,setError:v,shouldUpdate:
|
|
490
|
+
`;t.handleUpdateRangeBoundary=({rangeBoundaryIndex:e,setError:t,shouldUpdate:a,updateRangeBoundary:o,value:l})=>{if(a){const a=o(l,e);a&&a.error&&t(a.error)}};t.default=({initialValue:e,rangeBoundaryIndex:a,rangeText:o,rangeValues:l,showNumberEditor:r=!0,updateRangeBoundary:n})=>{const[s,u]=i.useState(null),[c,g]=i.useState(!1),[h,v]=i.useState(null),y=i.useCallback((()=>{g(!0)}),[]),C=i.useCallback(((e,{value:o})=>{u(o),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:a,setError:v,shouldUpdate:!c,updateRangeBoundary:n,value:o})}),[c,a,n]),_=i.useCallback((()=>{g(!1),"number"==typeof s?(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:a,setError:v,shouldUpdate:s!==e,updateRangeBoundary:n,value:s}):u(null)}),[a,s,e,n]),O=i.useCallback((o=>{"Enter"===o.key&&("number"==typeof s?(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:a,setError:v,shouldUpdate:s!==e,updateRangeBoundary:n,value:s}):u(null))}),[a,s,e,n]);return i.useEffect((()=>{h&&!l.includes(s)&&(v(null),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:a,setError:v,shouldUpdate:"number"==typeof s,updateRangeBoundary:n,value:s}))}),[s,h,a,l,n]),i.createElement(b,null,i.createElement(m,null,r&&i.createElement(p,{"data-test":"range-boundary-editor",error:!!h,onBlur:_,onChange:C,onFocus:y,onKeyUp:O,value:null===s?e:s}),i.createElement(d,null,o)),r&&h&&i.createElement(f,null,h))}},1782:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=n(a(7408));t.default=({color:e,colorIndex:t,onChange:a,palette:o})=>{const l=i.useCallback((({value:e})=>{let o=e;return null===o&&(o="transparent"),a({colorIndex:t,value:o})}),[t,a]);return i.createElement(s.default,{"data-test":`range-color-${e}`,value:e,palette:o,onChange:l,hideInput:!0})}},104:function(e,t,a){var o=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,l)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&o(t,e,a);return l(t,e),t},n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=r(a(9497)),s=r(a(23)),u=n(a(232)),c=a(6649),d=n(a(2841)),f=n(a(6959)),p=n(a(1782)),m=n(a(6900)),b=a(8548),g=u.default.div`
|
|
491
491
|
padding-top: 10px;
|
|
492
492
|
`,h=u.default.div`
|
|
493
493
|
display: flex;
|