dash_mantine_components 2.3.0 → 2.4.0

package/dash_mantine_components/async-ScatterChart.js

@@ -1 +1 @@
-"use strict";(self.webpackChunkdash_mantine_components=self.webpackChunkdash_mantine_components||[]).push([[172],{3343:(e,t,a)=>{a.r(t),a.d(t,{default:()=>Y});var r=a(1635),s=a(4848),o=a(295),i=a.n(o),n=a(7158),l=a(1915),c=a(5614),d=a(4653),m=a(9853),p=a(9107),h=a(7984),u=a(1706),x=a(3495),v=a(8687),y=a(7018),f=a(9396),k=a(6344),g=a(2412),A=a(6100),b=a(1101),C=a(9274),P=a(2837),S=a(4791),L=a(6585),D=a(5849),j=a(9133);function N(e,t){return e===t.x?"x":"y"}const w={withXAxis:!0,withYAxis:!0,withTooltip:!0,tooltipAnimationDuration:0,tickLine:"y",strokeDasharray:"5 5",gridAxis:"x"},z=(0,f.V)((e,{textColor:t,gridColor:a})=>({root:{"--chart-text-color":t?(0,k.r)(t,e):void 0,"--chart-grid-color":a?(0,k.r)(a,e):void 0}})),_=(0,g.P9)((e,t)=>{const a=(0,A.Y)("ScatterChart",w,e),{classNames:r,className:i,style:f,styles:g,unstyled:_,vars:F,referenceLines:K,dir:T,withLegend:Y,withTooltip:M,withXAxis:W,withYAxis:X,xAxisProps:q,yAxisProps:B,orientation:E,scatterChartProps:I,legendProps:J,data:O,gridAxis:Q,tickLine:$,strokeDasharray:G,gridProps:H,tooltipAnimationDuration:R,tooltipProps:V,children:Z,onMouseLeave:U,dataKey:ee,textColor:te,gridColor:ae,xAxisLabel:re,yAxisLabel:se,unit:oe,labels:ie,valueFormatter:ne,scatterProps:le,pointLabels:ce,attributes:de,...me}=a,pe=e=>"function"==typeof ne?ne:ne?.[e],he=pe("x"),ue=pe("y"),xe=(0,b.xd)(),ve=O.map(e=>({...e,data:e.data.map(t=>({...t,name:e.name}))})),{resolvedClassNames:ye,resolvedStyles:fe}=(0,C.Y)({classNames:r,styles:g,props:a}),ke=(0,P.I)({name:"ScatterChart",classes:j.A,props:a,className:i,style:f,classNames:r,styles:g,unstyled:_,attributes:de,vars:F,varsResolver:z}),ge="none"!==Q&&("x"===$||"xy"===$),Ae="none"!==Q&&("y"===$||"xy"===$),[be,Ce]=(0,o.useState)(null),Pe=null!==be,Se=K?.map((e,t)=>{const a=(0,k.r)(e.color,xe);return(0,s.jsx)(n.e,{stroke:e.color?a:"var(--chart-grid-color)",strokeWidth:1,...e,label:{value:e.label,fill:e.color?a:"currentColor",fontSize:12,position:e.labelPosition??"insideBottomLeft"},...ke("referenceLine")},t)}),Le=ve.map((e,t)=>{const a=Pe&&be!==e.name;return(0,s.jsxs)(l.X,{data:e.data,fill:(0,k.r)(e.color,xe),isAnimationActive:!1,fillOpacity:a?.1:1,...le,children:[ce&&(0,s.jsx)(c.Z,{dataKey:ee[ce],fontSize:8,dy:10}),le?.children]},t)});return(0,s.jsx)(S.a,{ref:t,...ke("root"),onMouseLeave:e=>{Ce(null),U?.(e)},dir:T||"ltr",...me,children:(0,s.jsx)(d.u,{...ke("container"),children:(0,s.jsxs)(m.t,{margin:{bottom:re?30:void 0,left:se?10:void 0,right:se?5:void 0},...I,children:[(0,s.jsx)(p.d,{strokeDasharray:G,vertical:"y"===Q||"xy"===Q,horizontal:"x"===Q||"xy"===Q,...ke("grid"),...H}),(0,s.jsxs)(h.W,{type:"number",hide:!W,dataKey:ee.x,tick:{transform:"translate(0, 10)",fontSize:12,fill:"currentColor"},stroke:"",interval:"preserveStartEnd",tickLine:!!ge&&{stroke:"currentColor"},minTickGap:5,unit:oe?.x,tickFormatter:he,...ke("axis"),...q,children:[re&&(0,s.jsx)(u.J,{position:"insideBottom",offset:-20,fontSize:12,...ke("axisLabel"),children:re}),q?.children]}),(0,s.jsxs)(x.h,{type:"number",hide:!X,axisLine:!1,dataKey:ee.y,tickLine:!!Ae&&{stroke:"currentColor"},tick:{transform:"translate(-10, 0)",fontSize:12,fill:"currentColor"},allowDecimals:!0,unit:oe?.y,tickFormatter:ue,...ke("axis"),...B,children:[se&&(0,s.jsx)(u.J,{position:"insideLeft",angle:-90,textAnchor:"middle",fontSize:12,offset:-5,...ke("axisLabel"),children:se}),B?.children]}),M&&(0,s.jsx)(v.m,{animationDuration:R,isAnimationActive:0!==R,position:{y:0},cursor:{stroke:"var(--chart-grid-color)",strokeWidth:1,strokeDasharray:G},content:({label:e,payload:t})=>(0,s.jsx)(D.I,{type:"scatter",label:e,payload:ie?t?.map(e=>({...e,name:ie[N(e.name,ee)]||e.name,value:pe(N(e.name,ee))?.(e.value)??e.value})):t?.map(e=>({...e,value:pe(N(e.name,ee))?.(e.value)??e.value})),classNames:ye,styles:fe,series:O,attributes:de}),...V}),Y&&(0,s.jsx)(y.s,{verticalAlign:"top",content:e=>(0,s.jsx)(L._,{payload:e.payload?.map((e,t)=>({...e,dataKey:O[t].name})),onHighlight:Ce,legendPosition:J?.verticalAlign||"top",classNames:ye,styles:fe,series:O,attributes:de}),height:44,...J}),Se,Le]})})})});_.displayName="@mantine/charts/ScatterChart",_.classes=j.A,a(9319);var F=a(3837),K=a(7479),T=a(8734);const Y=function(e){var t=e.setProps,a=e.loading_state,s=(e.clickData,e.hoverData,e.clickSeriesName,e.hoverSeriesName,e.scatterProps),o=e.valueFormatter,n=e.tooltipProps,l=(0,r.Tt)(e,["setProps","loading_state","clickData","hoverData","clickSeriesName","hoverSeriesName","scatterProps","valueFormatter","tooltipProps"]),c=(0,r.Cl)((0,r.Cl)({},s),{onClick:function(e){if((0,F.$Q)(e)){var a=(0,F.zD)(e);t({clickData:a,clickSeriesName:a.name})}},onMouseOver:function(e){if((0,F.$Q)(e)){var a=(0,F.zD)(e);t({hoverData:a,hoverSeriesName:a.name})}}});return i().createElement(_,(0,r.Cl)({"data-dash-is-loading":(0,K.A_)(a)||void 0,scatterProps:c,valueFormatter:(0,T.q)(o),tooltipProps:(0,T.q)(n)},l))}}}]);
+"use strict";(self.webpackChunkdash_mantine_components=self.webpackChunkdash_mantine_components||[]).push([[172],{3343:(e,t,a)=>{a.r(t),a.d(t,{default:()=>F});var r=a(1635),s=a(4848),i=a(295),o=a.n(i),n=a(7158),l=a(1915),c=a(5614),d=a(4653),m=a(9853),h=a(9107),p=a(7984),u=a(1706),x=a(3495),y=a(8687),v=a(7018),f=a(9396),k=a(6344),g=a(2412),A=a(6100),C=a(1101),b=a(9274),S=a(2837),L=a(4791),D=a(6585),j=a(5849),N=a(9133);function P(e,t){return e===t.x?"x":"y"}const w={withXAxis:!0,withYAxis:!0,withTooltip:!0,tooltipAnimationDuration:0,tickLine:"y",strokeDasharray:"5 5",gridAxis:"x"},z=(0,f.V)((e,{textColor:t,gridColor:a})=>({root:{"--chart-text-color":t?(0,k.r)(t,e):void 0,"--chart-grid-color":a?(0,k.r)(a,e):void 0}})),K=(0,g.P9)((e,t)=>{const a=(0,A.Y)("ScatterChart",w,e),{classNames:r,className:o,style:f,styles:g,unstyled:K,vars:_,referenceLines:T,dir:Y,withLegend:F,withTooltip:M,withXAxis:W,withYAxis:X,xAxisProps:B,yAxisProps:E,orientation:I,scatterChartProps:J,legendProps:O,data:Q,gridAxis:$,tickLine:G,strokeDasharray:H,gridProps:R,tooltipAnimationDuration:V,tooltipProps:Z,children:q,onMouseLeave:U,dataKey:ee,textColor:te,gridColor:ae,xAxisLabel:re,yAxisLabel:se,unit:ie,labels:oe,valueFormatter:ne,scatterProps:le,pointLabels:ce,attributes:de,...me}=a,he=e=>"function"==typeof ne?ne:ne?.[e],pe=he("x"),ue=he("y"),xe=(0,C.xd)(),ye=Q.map(e=>({...e,data:e.data.map(t=>({...t,name:e.name}))})),{resolvedClassNames:ve,resolvedStyles:fe}=(0,b.Y)({classNames:r,styles:g,props:a}),ke=(0,S.I)({name:"ScatterChart",classes:N.A,props:a,className:o,style:f,classNames:r,styles:g,unstyled:K,attributes:de,vars:_,varsResolver:z}),ge="none"!==$&&("x"===G||"xy"===G),Ae="none"!==$&&("y"===G||"xy"===G),[Ce,be]=(0,i.useState)(null),Se=null!==Ce,Le=T?.map((e,t)=>{const a=(0,k.r)(e.color,xe);return(0,s.jsx)(n.e,{stroke:e.color?a:"var(--chart-grid-color)",strokeWidth:1,...e,label:{value:e.label,fill:e.color?a:"currentColor",fontSize:12,position:e.labelPosition??"insideBottomLeft"},...ke("referenceLine")},t)}),De=ye.map((e,t)=>{const a=Se&&Ce!==e.name;return(0,s.jsxs)(l.X,{data:e.data,fill:(0,k.r)(e.color,xe),isAnimationActive:!1,fillOpacity:a?.1:1,...le,children:[ce&&(0,s.jsx)(c.Z,{dataKey:ee[ce],fontSize:8,dy:10}),le?.children]},t)});return(0,s.jsx)(L.a,{ref:t,...ke("root"),onMouseLeave:e=>{be(null),U?.(e)},dir:Y||"ltr",...me,children:(0,s.jsx)(d.u,{...ke("container"),children:(0,s.jsxs)(m.t,{margin:{bottom:re?30:void 0,left:se?10:void 0,right:se?5:void 0},...J,children:[(0,s.jsx)(h.d,{strokeDasharray:H,vertical:"y"===$||"xy"===$,horizontal:"x"===$||"xy"===$,...ke("grid"),...R}),(0,s.jsxs)(p.W,{type:"number",hide:!W,dataKey:ee.x,tick:{transform:"translate(0, 10)",fontSize:12,fill:"currentColor"},stroke:"",interval:"preserveStartEnd",tickLine:!!ge&&{stroke:"currentColor"},minTickGap:5,unit:ie?.x,tickFormatter:pe,...ke("axis"),...B,children:[re&&(0,s.jsx)(u.J,{position:"insideBottom",offset:-20,fontSize:12,...ke("axisLabel"),children:re}),B?.children]}),(0,s.jsxs)(x.h,{type:"number",hide:!X,axisLine:!1,dataKey:ee.y,tickLine:!!Ae&&{stroke:"currentColor"},tick:{transform:"translate(-10, 0)",fontSize:12,fill:"currentColor"},allowDecimals:!0,unit:ie?.y,tickFormatter:ue,...ke("axis"),...E,children:[se&&(0,s.jsx)(u.J,{position:"insideLeft",angle:-90,textAnchor:"middle",fontSize:12,offset:-5,...ke("axisLabel"),children:se}),E?.children]}),M&&(0,s.jsx)(y.m,{animationDuration:V,isAnimationActive:0!==V,position:{y:0},cursor:{stroke:"var(--chart-grid-color)",strokeWidth:1,strokeDasharray:H},content:({label:e,payload:t})=>(0,s.jsx)(j.I,{type:"scatter",label:e,payload:oe?t?.map(e=>({...e,name:oe[P(e.name,ee)]||e.name,value:he(P(e.name,ee))?.(e.value)??e.value})):t?.map(e=>({...e,value:he(P(e.name,ee))?.(e.value)??e.value})),classNames:ve,styles:fe,series:Q,attributes:de}),...Z}),F&&(0,s.jsx)(v.s,{verticalAlign:"top",content:e=>(0,s.jsx)(D._,{payload:e.payload?.map((e,t)=>({...e,dataKey:Q[t].name})),onHighlight:be,legendPosition:O?.verticalAlign||"top",classNames:ve,styles:fe,series:Q,attributes:de}),height:44,...O}),Le,De]})})})});K.displayName="@mantine/charts/ScatterChart",K.classes=N.A,a(9319);var _=a(3837),T=a(7479),Y=a(8734);const F=function(e){var t=e.setProps,a=e.loading_state,s=(e.clickData,e.hoverData,e.clickSeriesName,e.hoverSeriesName,e.scatterProps),i=e.data,n=e.dataKey,l=(0,r.Tt)(e,["setProps","loading_state","clickData","hoverData","clickSeriesName","hoverSeriesName","scatterProps","data","dataKey"]),c=(0,r.Cl)((0,r.Cl)({},s),{onClick:function(e){if((0,_.$Q)(e)){var a=(0,_.zD)(e);t({clickData:a,clickSeriesName:a.name})}},onMouseOver:function(e){if((0,_.$Q)(e)){var a=(0,_.zD)(e);t({hoverData:a,hoverSeriesName:a.name})}}});return o().createElement(K,(0,r.Cl)({"data-dash-is-loading":(0,T.A_)(a)||void 0},(0,Y.s)("ScatterChart",l),{data:i,dataKey:n,scatterProps:c}))}}}]);