@splunk/dynamic-editors 0.43.0 → 0.43.2

package/containers/EditorLayout.js

@@ -91,7 +91,7 @@
     &:hover {
         background-color: ${e=>!e.disabled&&ne.variables.interactiveColorOverlayDrag} !important;
     }
-`,Je=({editFrom:e,editTo:t,editValue:o,error:a,from:n,index:i,isDisabled:s=!1,isRemovable:u=!1,onChange:c,onRemove:d,renderThresholdValueEditor:f,to:p,value:m})=>{const g=(0,l.useCallback)((e=>{(a||e!==n)&&c(i,{from:e,value:m,to:p})}),[c,n,m,p,i,a]),b=(0,l.useCallback)((e=>{(a||e!==p)&&c(i,{from:n,value:m,to:e})}),[c,n,m,p,i,a]),h=(0,l.useCallback)((({value:e})=>{c(i,{from:n,value:e,to:p})}),[c,i,n,p]),v=(0,l.useCallback)((()=>d(i)),[d,i]),y=(0,l.useMemo)((()=>a?(0,Ae.createDOMID)("threshold-error"):void 0),[a]);return r().createElement(r().Fragment,null,r().createElement(Ke,null,r().createElement(He,null,r().createElement(we,{"data-test":"threshold-from-level",boundary:n,isDisabled:s,isEditable:e,errorId:y,onChange:g,index:i})),r().createElement(Ge,{to:p,index:i,isRemovable:u,isEditable:t,isDisabled:s,onChange:b,errorId:y}),r().createElement(Ye,null,f({value:m,onChange:h,isDisabled:s||!!a,editValue:o})),r().createElement(Ze,null,u&&r().createElement(Xe,{"data-test":"threshold-remove-button",icon:r().createElement(te(),null),appearance:"subtle",onClick:v,disabled:s}))),r().createElement(je,{error:a,id:y,thresholdIndex:i}))};Je.propTypes={editFrom:s().bool,editTo:s().bool,editValue:s().bool,error:s().string,from:s().number,index:s().number,isDisabled:s().bool,isRemovable:s().bool,onChange:s().func,onRemove:s().func,renderThresholdValueEditor:s().elementType.isRequired,to:s().number,value:s().string};const Qe=Je;function et(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,a)}return o}function tt(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?et(Object(o),!0).forEach((function(t){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:n})=>{const[i,s]=(0,l.useState)({}),u=(0,l.useCallback)((t=>{const o=(0,U.cloneDeep)(e);o.splice(t,1),a(Me(o));const n=tt({},i);delete n[t],s(n)}),[i,e,a]),c=(0,l.useCallback)(((o,n)=>{const l=(0,U.cloneDeep)(e),r=tt({},i);if(l.splice(o,1,n),delete r[o],!t&&0===o){const e=function(e="",t=""){const o=parseFloat(e),a=parseFloat(t);return(0,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}}(n.to,n.from);e.error&&(r[o]=e.errorMessage)}if(!t&&0!==o&&n.to<n.from&&n.from>e[0].from&&(l[o].to=n.from+10),!t||o<e.length-1){const t=(0,U.cloneDeep)(e);t.splice(o,1);const a=ke(n.from,t);a.error&&(r[o]=a.errorMessage)}s(r),Object.keys(r).length||a(Me(l))}),[i,e,a,t]),d=!!Object.keys(i).length,f=(0,l.useCallback)((o=>!t&&e.length>1||t&&e.length>2&&o!==e.length-1),[t,e]);return e.map(((a,l)=>r().createElement(Qe,{key:`threshold-${a.from}-${a.to}-${a.value}`,onRemove:u,onChange:c,index:l,from:a.from,to:a.to,value:a.value,error:i[l],editFrom:!t||l!==e.length-1,editTo:!t&&0===l,editValue:!d,isRemovable:f(l),isDisabled:o,renderThresholdValueEditor:n})))};at.propTypes={onChange:s().func.isRequired,ranges:s().arrayOf(s().shape({from:s().number,to:s().number,value:s().string})),isDisabled:s().bool,renderThresholdValueEditor:s().elementType.isRequired,openRanges:s().bool};const nt=at;var lt=o(7408),rt=o.n(lt),it=o(3283);const st=({isDisabled:e,value:t,onChange:o})=>r().createElement(rt(),{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`
+`,Je=({editFrom:e,editTo:t,editValue:o,error:a,from:n,index:i,isDisabled:s=!1,isRemovable:u=!1,onChange:c,onRemove:d,renderThresholdValueEditor:f,to:p,value:m})=>{const g=(0,l.useCallback)((e=>{(a||e!==n)&&c(i,{from:e,value:m,to:p})}),[c,n,m,p,i,a]),b=(0,l.useCallback)((e=>{(a||e!==p)&&c(i,{from:n,value:m,to:e})}),[c,n,m,p,i,a]),h=(0,l.useCallback)((({value:e})=>{c(i,{from:n,value:e,to:p})}),[c,i,n,p]),v=(0,l.useCallback)((()=>d(i)),[d,i]),y=(0,l.useMemo)((()=>a?(0,Ae.createDOMID)("threshold-error"):void 0),[a]);return r().createElement(r().Fragment,null,r().createElement(Ke,null,r().createElement(He,null,r().createElement(we,{"data-test":"threshold-from-level",boundary:n,isDisabled:s,isEditable:e,errorId:y,onChange:g,index:i})),r().createElement(Ge,{to:p,index:i,isRemovable:u,isEditable:t,isDisabled:s,onChange:b,errorId:y}),r().createElement(Ye,null,f({value:m,onChange:h,isDisabled:s||!!a,editValue:o})),r().createElement(Ze,null,u&&r().createElement(Xe,{"data-test":"threshold-remove-button",icon:r().createElement(te(),null),appearance:"subtle",onClick:v,disabled:s}))),r().createElement(je,{error:a,id:y,thresholdIndex:i}))};Je.propTypes={editFrom:s().bool,editTo:s().bool,editValue:s().bool,error:s().string,from:s().number,index:s().number,isDisabled:s().bool,isRemovable:s().bool,onChange:s().func,onRemove:s().func,renderThresholdValueEditor:s().elementType.isRequired,to:s().number,value:s().string};const Qe=Je;function et(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,a)}return o}function tt(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?et(Object(o),!0).forEach((function(t){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:n})=>{const[i,s]=(0,l.useState)({}),u=(0,l.useCallback)((t=>{const o=(0,U.cloneDeep)(e);o.splice(t,1),a(Me(o));const n=tt({},i);delete n[t],s(n)}),[i,e,a]),c=(0,l.useCallback)(((o,n)=>{const l=(0,U.cloneDeep)(e),r=tt({},i);if(l.splice(o,1,n),delete r[o],!t&&0===o){const e=function(e="",t=""){const o=parseFloat(e),a=parseFloat(t);return(0,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}}(n.to,n.from);e.error&&(r[o]=e.errorMessage)}if(!t&&0!==o&&n.to<n.from&&n.from>e[0].from&&(l[o].to=n.from+10),!t||o<e.length-1){const t=(0,U.cloneDeep)(e);t.splice(o,1);const a=ke(n.from,t);a.error&&(r[o]=a.errorMessage)}s(r),Object.keys(r).length||a(Me(l))}),[i,e,a,t]),d=!!Object.keys(i).length,f=(0,l.useCallback)((o=>!t&&e.length>1||t&&e.length>2&&o!==e.length-1),[t,e]);return e.map(((a,l)=>r().createElement(Qe,{key:`threshold-${a.from}-${a.to}-${a.value}`,onRemove:u,onChange:c,index:l,from:a.from,to:a.to,value:a.value,error:i[l],editFrom:!t||l!==e.length-1,editTo:!t&&0===l,editValue:!d,isRemovable:f(l),isDisabled:o,renderThresholdValueEditor:n})))};at.propTypes={onChange:s().func.isRequired,ranges:s().arrayOf(s().shape({from:s().number,to:s().number,value:s().string})),isDisabled:s().bool,renderThresholdValueEditor:s().elementType.isRequired,openRanges:s().bool};const nt=at;var lt=o(7408),rt=o.n(lt),it=o(3283);const st=({isDisabled:e,value:t,onChange:o})=>{const a=r().useCallback((({value:e})=>{o({value:null==e||""===e?"transparent":e})}),[o]);return r().createElement(rt(),{disabled:e,value:(0,it.isColor)(t)?t:"transparent",onChange:a,hideInput:!0,palette:Se,"data-test":"threshold-level-value"})};st.propTypes={isDisabled:s().bool,value:s().string,onChange:s().func.isRequired};const ut=st,ct=R().div`
     flex-direction: column;
     flex-grow: 1;
 `,dt=({onChange:e,name:t,itemSchema:o,value:a,labelPosition:n="top",labelWidth:i,label:s,isDisabled:u=!1,isTogglable:c=!0,openRanges:d=!0,renderThresholdValueEditor:f=ut})=>{const p=Array.isArray(a)&&a.length>0,m=(0,l.useCallback)((()=>{e(null,t,o.default)}),[o,t,e]),g=(0,l.useCallback)((()=>{e(null,t,null)}),[t,e]),b=(0,l.useCallback)((()=>p?g():m()),[p,m,g]),h=(0,l.useCallback)((o=>{const n=(0,U.cloneDeep)(a),l={from:o,value:function(e=[]){const t=(0,U.difference)(Se,e);return t.length>0?t[0]:"#444000"}(n.map((e=>e.value)))};d||(l.to=o+10),n.push(l);const r=Me(n);e(null,t,r)}),[t,a,e,d]),y=(0,l.useCallback)((o=>{e(null,t,o)}),[e,t]);return r().createElement(v(),{label:s,labelPosition:n,labelWidth:i},r().createElement(ct,{"data-test":t},c&&r().createElement(ye(),{appearance:"toggle",selected:p,onClick:b,disabled:u,role:"switch"},(0,B._)("Threshold")),p&&r().createElement(r().Fragment,null,!u&&r().createElement(Be,{onAddThreshold:h,thresholds:a}),r().createElement(nt,{onChange:y,ranges:a,isDisabled:u,openRanges:d,renderThresholdValueEditor:f}))))};dt.propTypes={onChange:s().func.isRequired,name:s().string.isRequired,itemSchema:s().object,value:s().arrayOf(s().shape({from:s().number,to:s().number,value:s().string})),label:s().string.isRequired,labelPosition:s().oneOf(["left","top"]),labelWidth:s().number,isDisabled:s().bool,openRanges:s().bool,renderThresholdValueEditor:s().elementType,isTogglable:s().bool};const ft=dt;var pt=o(1027),mt=o(152),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),Vt=o.n($t),Nt=o(8687),qt=o.n(Nt),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":Vt(),"editor.networkGraphDynamicColor":Wt.NetworkGraphDynamicColorEditor},zt=({item:e,name:t,itemSchema:o,dataSourceBindings:a,context:l,value:i,onChange:s,isDisabled:u,options:c,optionsSchema:d})=>{const{editor:f}=e;let p;if("string"==typeof f){if(!Ut[f])throw Error(`Invalid editor type: ${f}`);p=Ut[f]}else p=f;const m=(0,pt.getStaticItemSchema)(o);return r().createElement("div",{key:e.option||e.encoding,"data-test":`editor-${t}`},r().createElement(p,n()({},e.editorProps,{name:t,isOption:!!e.option,itemSchema:m,dataSourceBindings:a,label:e.label,onChange:s,value:i,context:l,placeholder:e.placeholder,isAdvanced:e.isAdvanced,isDisabled:u,options:c,optionsSchema:d})))};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},551:(e,t,o)=>{o.d(t,{default:()=>P});var a=o(6195),n=o.n(a),l=o(9497),r=o.n(l),i=o(23),s=o.n(i),u=o(232),c=o(4793);const d=require("@splunk/themes/getSettingsFromThemedProps");var f=o.n(d);const p=require("@splunk/themes/getTheme");var m=o.n(p),g=o(7464),b=o.n(g),h=o(3453),v=o.n(h),y=o(9952);function C(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,a)}return o}function _(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?C(Object(o),!0).forEach((function(t){n()(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):C(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}const O=({key:e,context:t,options:o,item:a,itemSchema:n,theme:l})=>{let r=(0,c.get)(o,e);if(void 0===r){if(r=n.default,a.overrideDefaultValue&&"function"==typeof a.overrideDefaultValue&&(r=a.overrideDefaultValue({options:o})),void 0===r&&"editor.presetSelector"===a.editor||"editor.tableColumnFormatter"===a.editor){const e=(0,c.get)(a,["editorProps","value"]);"function"==typeof e&&(r=e({context:t,options:o}))}if(void 0===r&&"editor.color"===a.editor){const e=(0,c.get)(a,["editorProps","pickFromTheme"]);if("function"==typeof e)r=e(l)({theme:l});else{const e=(0,c.get)(a,["editorProps","themeVariable"]);if(e){var i;const t=m()(f()({theme:l}));r=null!==(i=(0,c.get)(t,e))&&void 0!==i?i:(0,c.get)(l,e)}}}if(Array.isArray(n.default)&&e.indexOf("[")>-1&&e.indexOf("]")===e.indexOf("[")+2){const t=`${e.slice(e.indexOf("]")+2)}`,a=`${e.slice(0,e.indexOf("]"))}]`,l=(0,c.get)(o,a,void 0);if(l){const e=(({searchList:e,inputObj:t})=>{if(!Array.isArray(e)||0===e.length)return-1;const o=Object.keys(t);let a=0,n=0;return e.forEach(((e,l)=>{let r=0;o.forEach((o=>{e[o]===t[o]&&(r+=1)})),Math.max(a,r)>a&&(a=r,n=l)})),n})({searchList:n.default,inputObj:l});r=(0,c.get)(n.default[e],t,n.default[e])}else r=(0,c.get)(n.default,`[${e.slice(e.indexOf("["))}`,void 0)}}return!v().isDslString(r)||"editor.color"!==a.editor&&"editor.tableBackgroundColor"!==a.editor&&"editor.networkGraphDynamicColor"!==a.editor||(r=(({value:e,item:t,theme:o})=>{var a;const n=null==t||null===(a=t.editorProps)||void 0===a?void 0:a.themes,l={};n&&"object"==typeof n&&Object.keys(n).forEach((e=>{l[e]="function"==typeof n[e]?n[e]({theme:o}):void 0}));const r=v().parseOptions({options:{value:e},context:{themes:l}}),i=(0,c.get)(r,["expressions","value"],[]).pop();if("identifier"===(0,c.get)(i,"type")){const e=(0,c.get)(r,`context.${i.v}`);if("string"==typeof e)return e}})({value:r,item:a,theme:l})||r),r},E=Object.freeze({}),x=()=>{},j=({item:e,options:t=E,context:o=E,schema:a,encoding:n=E,dataContract:i,dataSourceBindings:s=E,onOptionChange:d=x,onEncodingChange:p=x,onVisualizationChange:g=x})=>{const h=(0,l.useContext)(u.ThemeContext),v=(0,l.useContext)(b()),C=(0,l.useCallback)(((t,o,a)=>{if(null==a)return p(t,o,null);const l=(0,c.cloneDeep)(n[o]||(0,c.get)(i,["encoding",o,"default"],{}));return void 0!==e.formatKey?l.format=_(_({},l.format),{},{[e.formatKey]:a}):l.field=a,p(t,o,l)}),[p,e,n,i]),j="function"==typeof e.isDisabled&&e.isDisabled({options:t,context:o,featureFlags:v}),P=(0,l.useMemo)((()=>e.encoding?((e,t)=>{const o=(0,c.cloneDeep)((0,c.get)(e,["encoding",t.encoding],{}));return t.formatKey?o.default=(0,c.get)(o,["default","format",t.formatKey]):o.default=(0,c.get)(o,["default","field"]),o})(i,e):(({item:e,schema:t,theme:o})=>{let a;const n=e.option||e.key;if(a=(0,c.cloneDeep)((0,c.get)(t,n,{})),(0,c.isEmpty)(a)&&n&&n.includes(".")&&(a=(0,c.cloneDeep)((0,c.get)(t,n.split(".").join(".properties."),{}))),(0,c.isEmpty)(a)&&n&&-1!==n.indexOf("["))return a=(0,c.cloneDeep)((0,c.get)(t,n.split("[")[0],{})),a;if(void 0!==a.default)return a;const l=(0,c.get)(e,["editorProps","themeVariable"]);if(l){var r;const e=m()(f()({theme:o}));a.default=null!==(r=(0,c.get)(e,l))&&void 0!==r?r:(0,c.get)(o,l)}return a})({item:e,schema:a,theme:h})),[e,i,a,h]);let w,D,T;return e.encoding?(w=e.encoding,D=(({key:e,encoding:t,itemSchema:o,item:a})=>{let n=a.formatKey?(0,c.get)(t,[e,"format",a.formatKey]):(0,c.get)(t,[e,"field"]);return void 0===n&&o.isRequired&&(n=o.default),n})({key:w,encoding:n,itemSchema:P,item:e}),T=C):e.option&&e.context||!e.option&&!e.context?(w=e.option||e.key,D=O({key:w,options:t,context:o,item:e,itemSchema:P,theme:h}),T=g):(w=e.option,D=O({key:w,options:t,item:e,itemSchema:P,theme:h}),T=d),r().createElement(y.default,{item:e,name:w,context:o,itemSchema:P,dataSourceBindings:s,value:D,onChange:T,isDisabled:j,options:t,optionsSchema:a})};j.propTypes={item:s().object.isRequired,options:s().object,encoding:s().object,context:s().object,dataContract:s().object.isRequired,dataSourceBindings:s().object,schema:s().object.isRequired,onOptionChange:s().func,onEncodingChange:s().func,onVisualizationChange:s().func};const P=j},397:(e,t,o)=>{o.r(t),o.d(t,{default:()=>S});var a=o(9497),n=o.n(a),l=o(23),r=o.n(l),i=o(232),s=o.n(i),u=o(4793),c=o(3563),d=o(7408),f=o.n(d),p=o(4082),m=o.n(p),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 @@
     justify-content: center;
 `,g=c.default.div`
     display: flex;
-`,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 n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=r(o(7408));t.default=({color:e,colorIndex:t,onChange:o,palette:a})=>{const n=i.useCallback((({value:e})=>o({colorIndex:t,value:e})),[t,o]);return i.createElement(s.default,{"data-test":`match-color-${e}`,value:e,palette:a,onChange:n,hideInput:!0})}},1727:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=l(o(23)),u=r(o(232)),c=o(6649),d=o(8548),f=r(o(3396)),p=r(o(347)),m=r(o(8753)),g=o(3719),b=r(o(2265)),h=u.default.div`
+`,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 n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=r(o(7408));t.default=({color:e,colorIndex:t,onChange:o,palette:a})=>{const n=i.useCallback((({value:e})=>{let a=e;null!=a&&""!==a||(a="transparent"),o({colorIndex:t,value:a})}),[t,o]);return i.createElement(s.default,{"data-test":`match-color-${e}`,value:e,palette:a,onChange:n,hideInput:!0})}},1727:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=l(o(23)),u=r(o(232)),c=o(6649),d=o(8548),f=r(o(3396)),p=r(o(347)),m=r(o(8753)),g=o(3719),b=r(o(2265)),h=u.default.div`
     padding-top: 10px;
 `,v=u.default.div`
     display: flex;
@@ -447,13 +447,13 @@
 `,g=({colorIndex:e,disabled:t=!1,onRemove:o,matchIndex:a})=>{const n=i.useCallback((()=>o(e,a)),[e,o,a]);return i.createElement(p,null,i.createElement("div",null,i.createElement(m,{"data-test":"match-remove-button",disabled:t,icon:i.createElement(d.default,null),appearance:"subtle",onClick:n})))};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 n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.matchValuesToContextConfig=t.MATCH_VALUE_WILDCARD_INFO_TEXT=void 0;const i=l(o(9497)),s=l(o(23)),u=r(o(232)),c=o(6649),d=o(3563),f=r(o(5089)),p=r(o(5852)),m=r(o(1727)),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`
     margin: 6px 0px;
     color: ${d.variables.contentColorMuted};
-`;t.matchValuesToContextConfig=({colors:e,matchValues:t})=>e.map(((e,o)=>({match:t[o],value:e})));const v=({defaultPalettesConfig:e,onChange:o=(()=>{}),palettes:a=f.default,selectedDataSelector:n,value:l})=>{const r=i.useMemo((()=>(0,b.getMatches)(l)),[l]),{matchValues:s,selectedColors:u}=i.useMemo((()=>r.reduce(((e,t)=>(e.matchValues.push(t.match),e.selectedColors.push(t.value),e)),{matchValues:[],selectedColors:[]})),[r]),[{paletteTheme:c,paletteEntry:d},v]=i.useState((()=>(0,g.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:a,ranges:r}))),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:n})=>{const l=(0,g.getSwatchColorsFromPalette)({palettes:e,paletteInfo:o,paletteTheme:t}),r=(0,g.getPrecedenceFromPalette)({palettes:e,paletteTheme:t,paletteInfo:o}),i=a.length,s=r[i<7?i-1:5].map((e=>l[e])).slice(0,i);return n(!1),s})({palettes:a,paletteTheme:e,paletteInfo:t,matchValues:s,setIsReversed:O})),[s,a,u]),x=i.useCallback((e=>{const a=E({paletteTheme:e,paletteInfo:d});v((t=>Object.assign(Object.assign({},t),{paletteTheme:e})));const n=(0,t.matchValuesToContextConfig)({colors:a,matchValues:s});o(null,null,n)}),[E,d,s,o]),j=i.useCallback((e=>{const a=E({paletteTheme:c,paletteInfo:e});v((t=>Object.assign(Object.assign({},t),{paletteEntry:e})));const n=(0,t.matchValuesToContextConfig)({colors:a,matchValues:s});o(null,null,n)}),[E,c,s,o]),P=i.useCallback((({colors:e,matchValues:a})=>{const n=(0,t.matchValuesToContextConfig)({colors:e,matchValues:a});o(null,null,n)}),[o]);return i.useEffect((()=>{v((0,g.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:a,ranges:r}))}),[n]),i.createElement(i.Fragment,null,i.createElement(p.default,{isReversed:_,isSwatchCustomized:C,shouldShowArrows:!1,onChangePaletteTheme:x,onPaletteChange:j,palettes:a,selectedPaletteInfo:d,selectedPaletteTheme:c}),i.createElement(m.default,{customizedColors:C,isReversed:_,onChange:P,precedence:(0,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 n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MatchValuePreview=void 0;const i=l(o(9497)),s=o(1705),u=r(o(1494));t.MatchValuePreview=({config:e})=>{const t=(0,i.useMemo)((()=>e.map((e=>e.value)).slice(0,8)),[e]);return i.default.createElement(u.default,null,i.default.createElement(s.ColorPreview,{"data-test":"ColorPreview",colors:t,maxColorCount:8}))}},5852:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=r(o(1964)),u=r(o(2150)),c=o(8548);t.default=({isReversed:e,isSwatchCustomized:t,shouldShowArrows:o=!0,onChangePaletteTheme:a,onPaletteChange:n,palettes:l,selectedPaletteInfo:r,selectedPaletteTheme:d})=>{const f=i.useMemo((()=>Object.keys(l).map((e=>({value:e,label:l[e]._meta.label})))),[l]),p=i.useMemo((()=>(0,c.getThemedPalettesWithoutMeta)({palettes:l,paletteTheme:d})),[l,d]);return i.createElement(i.Fragment,null,i.createElement(s.default,{onChange:a,paletteThemes:f,selectedPaletteTheme:d}),i.createElement(u.default,{isReversed:e,isSwatchCustomized:t,shouldShowArrows:o,onPaletteChange:n,palettes:p,selectedPaletteInfo:r}))}},2150:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=o(4793),u=r(o(232)),c=o(6649),d=r(o(7020)),f=r(o(6214)),p=r(o(4233)),m=r(o(4566)),g=r(o(6212)),b=o(1705),h=r(o(1494)),v=u.default.div`
+`;t.matchValuesToContextConfig=({colors:e,matchValues:t})=>e.map(((e,o)=>({match:t[o],value:e})));const v=({defaultPalettesConfig:e,onChange:o=(()=>{}),palettes:a=f.default,selectedDataSelector:n,value:l})=>{const r=i.useMemo((()=>(0,b.getMatches)(l)),[l]),{matchValues:s,selectedColors:u}=i.useMemo((()=>r.reduce(((e,t)=>{e.matchValues.push(t.match);const o="string"==typeof t.value?t.value:"transparent";return e.selectedColors.push(o),e}),{matchValues:[],selectedColors:[]})),[r]),[{paletteTheme:c,paletteEntry:d},v]=i.useState((()=>(0,g.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:a,ranges:r}))),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:n})=>{const l=(0,g.getSwatchColorsFromPalette)({palettes:e,paletteInfo:o,paletteTheme:t}),r=(0,g.getPrecedenceFromPalette)({palettes:e,paletteTheme:t,paletteInfo:o}),i=a.length,s=r[i<7?i-1:5].map((e=>l[e])).slice(0,i);return n(!1),s})({palettes:a,paletteTheme:e,paletteInfo:t,matchValues:s,setIsReversed:O})),[s,a,u]),x=i.useCallback((e=>{const a=E({paletteTheme:e,paletteInfo:d});v((t=>Object.assign(Object.assign({},t),{paletteTheme:e})));const n=(0,t.matchValuesToContextConfig)({colors:a,matchValues:s});o(null,null,n)}),[E,d,s,o]),j=i.useCallback((e=>{const a=E({paletteTheme:c,paletteInfo:e});v((t=>Object.assign(Object.assign({},t),{paletteEntry:e})));const n=(0,t.matchValuesToContextConfig)({colors:a,matchValues:s});o(null,null,n)}),[E,c,s,o]),P=i.useCallback((({colors:e,matchValues:a})=>{const n=(0,t.matchValuesToContextConfig)({colors:e,matchValues:a});o(null,null,n)}),[o]);return i.useEffect((()=>{v((0,g.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:a,ranges:r}))}),[n]),i.createElement(i.Fragment,null,i.createElement(p.default,{isReversed:_,isSwatchCustomized:C,shouldShowArrows:!1,onChangePaletteTheme:x,onPaletteChange:j,palettes:a,selectedPaletteInfo:d,selectedPaletteTheme:c}),i.createElement(m.default,{customizedColors:C,isReversed:_,onChange:P,precedence:(0,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 n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MatchValuePreview=void 0;const i=l(o(9497)),s=o(1705),u=r(o(1494));t.MatchValuePreview=({config:e})=>{const t=(0,i.useMemo)((()=>e.map((e=>e.value)).slice(0,8)),[e]);return i.default.createElement(u.default,null,i.default.createElement(s.ColorPreview,{"data-test":"ColorPreview",colors:t,maxColorCount:8}))}},5852:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=r(o(1964)),u=r(o(2150)),c=o(8548);t.default=({isReversed:e,isSwatchCustomized:t,shouldShowArrows:o=!0,onChangePaletteTheme:a,onPaletteChange:n,palettes:l,selectedPaletteInfo:r,selectedPaletteTheme:d})=>{const f=i.useMemo((()=>Object.keys(l).map((e=>({value:e,label:l[e]._meta.label})))),[l]),p=i.useMemo((()=>(0,c.getThemedPalettesWithoutMeta)({palettes:l,paletteTheme:d})),[l,d]);return i.createElement(i.Fragment,null,i.createElement(s.default,{onChange:a,paletteThemes:f,selectedPaletteTheme:d}),i.createElement(u.default,{isReversed:e,isSwatchCustomized:t,shouldShowArrows:o,onPaletteChange:n,palettes:p,selectedPaletteInfo:r}))}},2150:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=o(4793),u=r(o(232)),c=o(6649),d=r(o(7020)),f=r(o(6214)),p=r(o(4233)),m=r(o(4566)),g=r(o(6212)),b=o(1705),h=r(o(1494)),v=u.default.div`
     width: ${m.default.spacingMedium}; //enterprise: 15px, prisma: 12px
 `,y=u.default.span.attrs((()=>({"data-test":"custom-swatch-text"})))`
     display: flex;
     flex: 1;
     padding-left: 10px;
-`;t.default=({isReversed:e=!1,isSwatchCustomized:t=!1,shouldShowArrows:o=!0,onPaletteChange:a,palettes:n,selectedPaletteInfo:l})=>{const r=(0,s.get)(n,[l.type,"swatches",l.index],[]),u=i.createElement(d.default,{style:{width:"100%",padding:`0 ${m.default.spacingSmall}`},isMenu:!0,"data-test":"palettes-dropdown-toggle"},t?i.createElement(y,null,"Customized in swatches below"):i.createElement(i.Fragment,null,i.createElement(h.default,null,o&&i.createElement(g.default,null),i.createElement(b.ColorPreview,{colors:r,isReversed:e})),i.createElement(v,null))),C=i.useMemo((()=>Object.keys(n).reduce(((e,o,r,s)=>(e.push(i.createElement(p.default.Heading,{key:`title-${o}`,title:!0},(0,c._)(o).toUpperCase())),e.push(...n[o].swatches.map(((e,n)=>{const r=!t&&o===l.type&&l.index===n;return i.createElement(p.default.Item,{"data-test":`palette-swatch-row-${o}-${n}`,key:`${o}-${JSON.stringify(e)}`,onClick:()=>a({type:o,index:n}),selected:r,selectable:!0},i.createElement(h.default,null,i.createElement(b.ColorPreview,{colors:e})))}))),r<s.length-1&&e.push(i.createElement(p.default.Divider,{key:`divider-${o}`})),e)),[])),[t,a,n,l.index,l.type]);return i.createElement(f.default,{toggle:u},i.createElement(p.default,{style:{width:302}},C))}},1964:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=l(o(23)),u=o(6649),c=r(o(5411)),d=r(o(9250)),f=({labelPosition:e="top",onChange:t,paletteThemes:o,selectedPaletteTheme:a})=>{const n=i.useCallback(((e,{value:o})=>t(o)),[t]);return i.createElement(d.default,{label:(0,u._)("Preset palette"),labelPosition:e},i.createElement(c.default,{onChange:n,value:a},o.map((({value:e,label:t})=>i.createElement(c.default.Option,{key:e,value:e,label:t,"data-test":`preset-palette-theme-${e}`})))))};f.propTypes={labelPosition:s.string,onChange:s.func,paletteThemes:s.arrayOf(s.shape({value:s.string,label:s.string})),selectedPaletteTheme:s.string},t.default=f},8548:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.inferInitialPaletteFromContext=t.hasInitiallyReversedColors=t.getThemedPalettesWithoutMeta=t.hasCustomColors=t.getSwatchColorsFromPalette=t.getPrecedenceFromPalette=t.getNewColors=t.defaultPalettesConfig=void 0;const a=o(4793);t.defaultPalettesConfig={paletteTheme:"DARK_COLORS",paletteEntry:{type:"sequential",index:0}};t.getNewColors=({isReversed:e,numColors:t,precedence:o,swatchColors:a})=>{const n=Array.isArray(o[t-2])?o[t-2].map((e=>a[e])):[];return e&&n.reverse(),n};t.getPrecedenceFromPalette=({palettes:e,paletteInfo:t,paletteTheme:o})=>(0,a.get)(e,[o,t.type,"precedence"],[]);t.getSwatchColorsFromPalette=({palettes:e,paletteInfo:t,paletteTheme:o})=>(0,a.get)(e,[o,t.type,"swatches",t.index],[]);t.hasCustomColors=({currentSwatchColors:e,selectedColors:t})=>{if(t.length>e.length)return!0;const o={};return e.forEach((e=>{o[e.toLowerCase()]=e.toLowerCase()})),t.some((e=>!o[e.toLowerCase()]))};t.getThemedPalettesWithoutMeta=({palettes:e,paletteTheme:t})=>Object.keys(e[t]).reduce(((o,a)=>("_meta"!==a&&(o[a]=e[t][a]),o)),{});const n=({currentSwatchColors:e,precedence:t,selectedColors:o})=>{if(!t)return!1;if(t.every((t=>e[t]===o[t])))return!0;return!![...t].reverse().every((t=>e[t]===o[t]))};t.hasInitiallyReversedColors=({isSwatchCustomized:e,palettes:t,selectedColors:o,selectedPaletteInfo:a,selectedPaletteTheme:n,minimumNumberOfColors:l=2})=>{var r,i,s,u,c,d;if(e)return!1;const f=o.length,p=2===l?f-2:f<7?f-1:5,m=null===(s=null===(i=null===(r=null==t?void 0:t[n])||void 0===r?void 0:r[a.type])||void 0===i?void 0:i.swatches)||void 0===s?void 0:s[a.index],g=[...null===(d=null===(c=null===(u=null==t?void 0:t[n])||void 0===u?void 0:u[a.type])||void 0===c?void 0:c.precedence)||void 0===d?void 0:d[p]].reverse();return o.every(((e,t)=>m[g[t]].toLowerCase()===e.toLowerCase()))};t.inferInitialPaletteFromContext=({defaultPalettesConfig:e,ranges:o,palettes:a})=>{let l,r=[];Array.isArray(o)&&(r=o.map((({value:e})=>e)));let i=!1;return Object.keys(a).forEach((e=>{Object.keys(a[e]).filter((e=>"_meta"!==e)).forEach((o=>{var s;const u=a[e][o];if(!((c=u)&&"object"==typeof c&&"swatches"in c&&Array.isArray(c.swatches)))return;var c;const{swatches:d,precedence:f}=u,p=null!==(s=f[r.length-2])&&void 0!==s?s:[];for(let a=0;a<d.length;a+=1){const s=d[a];(0,t.hasCustomColors)({currentSwatchColors:s,selectedColors:r})||(i=n({currentSwatchColors:s,selectedColors:r,precedence:p}),l&&!i||(l={paletteTheme:e,paletteEntry:{type:o,index:a}}))}}))})),l||e}},2841:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=l(o(23)),u=o(6649),c=r(o(232)),d=r(o(7020)),f=r(o(6062)),p=c.default.div`
+`;t.default=({isReversed:e=!1,isSwatchCustomized:t=!1,shouldShowArrows:o=!0,onPaletteChange:a,palettes:n,selectedPaletteInfo:l})=>{const r=(0,s.get)(n,[l.type,"swatches",l.index],[]),u=i.createElement(d.default,{style:{width:"100%",padding:`0 ${m.default.spacingSmall}`},isMenu:!0,"data-test":"palettes-dropdown-toggle"},t?i.createElement(y,null,"Customized in swatches below"):i.createElement(i.Fragment,null,i.createElement(h.default,null,o&&i.createElement(g.default,null),i.createElement(b.ColorPreview,{colors:r,isReversed:e})),i.createElement(v,null))),C=i.useMemo((()=>Object.keys(n).reduce(((e,o,r,s)=>(e.push(i.createElement(p.default.Heading,{key:`title-${o}`,title:!0},(0,c._)(o).toUpperCase())),e.push(...n[o].swatches.map(((e,n)=>{const r=!t&&o===l.type&&l.index===n;return i.createElement(p.default.Item,{"data-test":`palette-swatch-row-${o}-${n}`,key:`${o}-${JSON.stringify(e)}`,onClick:()=>a({type:o,index:n}),selected:r,selectable:!0},i.createElement(h.default,null,i.createElement(b.ColorPreview,{colors:e})))}))),r<s.length-1&&e.push(i.createElement(p.default.Divider,{key:`divider-${o}`})),e)),[])),[t,a,n,l.index,l.type]);return i.createElement(f.default,{toggle:u},i.createElement(p.default,{style:{width:302}},C))}},1964:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=l(o(23)),u=o(6649),c=r(o(5411)),d=r(o(9250)),f=({labelPosition:e="top",onChange:t,paletteThemes:o,selectedPaletteTheme:a})=>{const n=i.useCallback(((e,{value:o})=>t(o)),[t]);return i.createElement(d.default,{label:(0,u._)("Preset palette"),labelPosition:e},i.createElement(c.default,{onChange:n,value:a},o.map((({value:e,label:t})=>i.createElement(c.default.Option,{key:e,value:e,label:t,"data-test":`preset-palette-theme-${e}`})))))};f.propTypes={labelPosition:s.string,onChange:s.func,paletteThemes:s.arrayOf(s.shape({value:s.string,label:s.string})),selectedPaletteTheme:s.string},t.default=f},8548:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.inferInitialPaletteFromContext=t.hasInitiallyReversedColors=t.getThemedPalettesWithoutMeta=t.hasCustomColors=t.getSwatchColorsFromPalette=t.getPrecedenceFromPalette=t.getNewColors=t.defaultPalettesConfig=void 0;const a=o(4793);t.defaultPalettesConfig={paletteTheme:"DARK_COLORS",paletteEntry:{type:"sequential",index:0}};t.getNewColors=({isReversed:e,numColors:t,precedence:o,swatchColors:a})=>{const n=Array.isArray(o[t-2])?o[t-2].map((e=>a[e])):[];return e&&n.reverse(),n};t.getPrecedenceFromPalette=({palettes:e,paletteInfo:t,paletteTheme:o})=>(0,a.get)(e,[o,t.type,"precedence"],[]);t.getSwatchColorsFromPalette=({palettes:e,paletteInfo:t,paletteTheme:o})=>(0,a.get)(e,[o,t.type,"swatches",t.index],[]);t.hasCustomColors=({currentSwatchColors:e,selectedColors:t})=>{if(t.length>e.length)return!0;const o={};return e.forEach((e=>{"string"==typeof e&&(o[e.toLowerCase()]=e.toLowerCase())})),t.some((e=>"string"!=typeof e||!o[e.toLowerCase()]))};t.getThemedPalettesWithoutMeta=({palettes:e,paletteTheme:t})=>Object.keys(e[t]).reduce(((o,a)=>("_meta"!==a&&(o[a]=e[t][a]),o)),{});const n=({currentSwatchColors:e,precedence:t,selectedColors:o})=>{if(!t)return!1;if(t.every((t=>e[t]===o[t])))return!0;return!![...t].reverse().every((t=>e[t]===o[t]))};t.hasInitiallyReversedColors=({isSwatchCustomized:e,palettes:t,selectedColors:o,selectedPaletteInfo:a,selectedPaletteTheme:n,minimumNumberOfColors:l=2})=>{var r,i,s,u,c,d;if(e)return!1;const f=o.length,p=2===l?f-2:f<7?f-1:5,m=null===(s=null===(i=null===(r=null==t?void 0:t[n])||void 0===r?void 0:r[a.type])||void 0===i?void 0:i.swatches)||void 0===s?void 0:s[a.index],g=[...null===(d=null===(c=null===(u=null==t?void 0:t[n])||void 0===u?void 0:u[a.type])||void 0===c?void 0:c.precedence)||void 0===d?void 0:d[p]].reverse();return o.every(((e,t)=>m[g[t]].toLowerCase()===e.toLowerCase()))};t.inferInitialPaletteFromContext=({defaultPalettesConfig:e,ranges:o,palettes:a})=>{let l,r=[];Array.isArray(o)&&(r=o.map((({value:e})=>e)));let i=!1;return Object.keys(a).forEach((e=>{Object.keys(a[e]).filter((e=>"_meta"!==e)).forEach((o=>{var s;const u=a[e][o];if(!((c=u)&&"object"==typeof c&&"swatches"in c&&Array.isArray(c.swatches)))return;var c;const{swatches:d,precedence:f}=u,p=null!==(s=f[r.length-2])&&void 0!==s?s:[];for(let a=0;a<d.length;a+=1){const s=d[a];(0,t.hasCustomColors)({currentSwatchColors:s,selectedColors:r})||(i=n({currentSwatchColors:s,selectedColors:r,precedence:p}),l&&!i||(l={paletteTheme:e,paletteEntry:{type:o,index:a}}))}}))})),l||e}},2841:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=l(o(23)),u=o(6649),c=r(o(232)),d=r(o(7020)),f=r(o(6062)),p=c.default.div`
     display: flex;
     flex-direction: row;
     margin-bottom: 10px;
@@ -487,7 +487,7 @@
     display: flex;
     flex-direction: column;
     margin-left: ${c.default.spacingMedium};
-`;t.handleUpdateRangeBoundary=({rangeBoundaryIndex:e,setError:t,shouldUpdate:o,updateRangeBoundary:a,value:n})=>{if(o){const o=a(n,e);o&&o.error&&t(o.error)}};t.default=({initialValue:e,rangeBoundaryIndex:o,rangeText:a,rangeValues:n,showNumberEditor:l=!0,updateRangeBoundary:r})=>{const[s,u]=i.useState(null),[c,b]=i.useState(!1),[h,v]=i.useState(null),y=i.useCallback((()=>{b(!0)}),[]),C=i.useCallback(((e,{value:a})=>{u(a),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:o,setError:v,shouldUpdate:!c,updateRangeBoundary:r,value:a})}),[c,o,r]),_=i.useCallback((()=>{b(!1),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:o,setError:v,shouldUpdate:"number"==typeof s&&s!==e,updateRangeBoundary:r,value:s})}),[o,s,e,r]),O=i.useCallback((a=>(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:o,setError:v,shouldUpdate:"Enter"===a.key&&"number"==typeof s&&s!==e,updateRangeBoundary:r,value:s})),[o,s,e,r]);return i.useEffect((()=>{h&&!n.includes(s)&&(v(null),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:o,setError:v,shouldUpdate:"number"==typeof s,updateRangeBoundary:r,value:s}))}),[s,h,o,n,r]),i.createElement(g,null,i.createElement(m,null,l&&i.createElement(p,{"data-test":"range-boundary-editor",error:!!h,onBlur:_,onChange:C,onFocus:y,onKeyUp:O,value:null!=s?s:e}),i.createElement(d,null,a)),l&&h&&i.createElement(f,null,h))}},1782:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=r(o(7408));t.default=({color:e,colorIndex:t,onChange:o,palette:a})=>{const n=i.useCallback((({value:e})=>{let a=e;return null===a&&(a="transparent"),o({colorIndex:t,value:a})}),[t,o]);return i.createElement(s.default,{"data-test":`range-color-${e}`,value:e,palette:a,onChange:n,hideInput:!0})}},104:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=l(o(23)),u=r(o(232)),c=o(6649),d=r(o(2841)),f=r(o(6959)),p=r(o(1782)),m=r(o(6900)),g=o(8548),b=u.default.div`
+`;t.handleUpdateRangeBoundary=({rangeBoundaryIndex:e,setError:t,shouldUpdate:o,updateRangeBoundary:a,value:n})=>{if(o){const o=a(n,e);o&&o.error&&t(o.error)}};t.default=({initialValue:e,rangeBoundaryIndex:o,rangeText:a,rangeValues:n,showNumberEditor:l=!0,updateRangeBoundary:r})=>{const[s,u]=i.useState(null),[c,b]=i.useState(!1),[h,v]=i.useState(null),y=i.useCallback((()=>{b(!0)}),[]),C=i.useCallback(((e,{value:a})=>{u(a),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:o,setError:v,shouldUpdate:!c,updateRangeBoundary:r,value:a})}),[c,o,r]),_=i.useCallback((()=>{b(!1),"number"==typeof s?(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:o,setError:v,shouldUpdate:s!==e,updateRangeBoundary:r,value:s}):u(null)}),[o,s,e,r]),O=i.useCallback((a=>{"Enter"===a.key&&("number"==typeof s?(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:o,setError:v,shouldUpdate:s!==e,updateRangeBoundary:r,value:s}):u(null))}),[o,s,e,r]);return i.useEffect((()=>{h&&!n.includes(s)&&(v(null),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:o,setError:v,shouldUpdate:"number"==typeof s,updateRangeBoundary:r,value:s}))}),[s,h,o,n,r]),i.createElement(g,null,i.createElement(m,null,l&&i.createElement(p,{"data-test":"range-boundary-editor",error:!!h,onBlur:_,onChange:C,onFocus:y,onKeyUp:O,value:null===s?e:s}),i.createElement(d,null,a)),l&&h&&i.createElement(f,null,h))}},1782:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=r(o(7408));t.default=({color:e,colorIndex:t,onChange:o,palette:a})=>{const n=i.useCallback((({value:e})=>{let a=e;return null===a&&(a="transparent"),o({colorIndex:t,value:a})}),[t,o]);return i.createElement(s.default,{"data-test":`range-color-${e}`,value:e,palette:a,onChange:n,hideInput:!0})}},104:function(e,t,o){var a=this&&this.__createBinding||(Object.create?function(e,t,o,a){void 0===a&&(a=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,a,n)}:function(e,t,o,a){void 0===a&&(a=o),e[a]=t[o]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&a(t,e,o);return n(t,e),t},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(o(9497)),s=l(o(23)),u=r(o(232)),c=o(6649),d=r(o(2841)),f=r(o(6959)),p=r(o(1782)),m=r(o(6900)),g=o(8548),b=u.default.div`
     padding-top: 10px;
 `,h=u.default.div`
     display: flex;