dash_mantine_components 2.1.0 → 2.2.0
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/README.md +4 -9
- package/dash_mantine_components/async-AreaChart.js +1 -1
- package/dash_mantine_components/async-BarChart.js +1 -1
- package/dash_mantine_components/async-BubbleChart.js +1 -1
- package/dash_mantine_components/async-CodeHighlight.js +1 -1
- package/dash_mantine_components/async-CodeHighlightTabs.js +1 -1
- package/dash_mantine_components/async-CompositeChart.js +1 -1
- package/dash_mantine_components/async-DonutChart.js +1 -1
- package/dash_mantine_components/async-InlineCodeHighlight.js +1 -1
- package/dash_mantine_components/async-LineChart.js +1 -1
- package/dash_mantine_components/async-PieChart.js +1 -1
- package/dash_mantine_components/async-RadarChart.js +1 -1
- package/dash_mantine_components/async-RichTextEditor.js +1 -1
- package/dash_mantine_components/async-ScatterChart.js +1 -1
- package/dash_mantine_components/async-Sparkline.js +1 -1
- package/dash_mantine_components/dash_mantine_components-charts-shared.js +1 -1
- package/dash_mantine_components/dash_mantine_components.js +1 -1
- package/dash_mantine_components/proptypes.js +244 -67
- package/package.json +11 -11
package/README.md
CHANGED
|
@@ -29,17 +29,12 @@ pip install dash-mantine-components
|
|
|
29
29
|
## Quickstart
|
|
30
30
|
|
|
31
31
|
```python
|
|
32
|
-
from datetime import date
|
|
33
|
-
|
|
34
32
|
import dash
|
|
35
|
-
from dash import Dash, Input, Output, callback, html
|
|
36
|
-
from dash.exceptions import PreventUpdate
|
|
33
|
+
from dash import Dash, Input, Output, callback, html, no_update
|
|
37
34
|
|
|
38
35
|
import dash_mantine_components as dmc
|
|
39
36
|
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
app = Dash(__name__, external_stylesheets=dmc.styles.ALL)
|
|
37
|
+
app = Dash()
|
|
43
38
|
|
|
44
39
|
app.layout = dmc.MantineProvider(
|
|
45
40
|
[
|
|
@@ -47,7 +42,7 @@ app.layout = dmc.MantineProvider(
|
|
|
47
42
|
id="date-picker",
|
|
48
43
|
label="Start Date",
|
|
49
44
|
description="You can also provide a description",
|
|
50
|
-
minDate=
|
|
45
|
+
minDate='2022-08-05',
|
|
51
46
|
value=None,
|
|
52
47
|
w=200
|
|
53
48
|
),
|
|
@@ -63,7 +58,7 @@ def update_output(d):
|
|
|
63
58
|
if d:
|
|
64
59
|
return prefix + d
|
|
65
60
|
else:
|
|
66
|
-
|
|
61
|
+
return no_update
|
|
67
62
|
|
|
68
63
|
|
|
69
64
|
if __name__ == "__main__":
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkdash_mantine_components=self.webpackChunkdash_mantine_components||[]).push([[247],{7980:(t,e,r)=>{r.r(e),r.d(e,{default:()=>_});var i=r(1635),o=r(4848),a=r(295),s=r.n(a),n=r(4124),l=r(7158),c=r(4653),d=r(300),p=r(7018),
|
|
1
|
+
"use strict";(self.webpackChunkdash_mantine_components=self.webpackChunkdash_mantine_components||[]).push([[247],{7980:(t,e,r)=>{r.r(e),r.d(e,{default:()=>_});var i=r(1635),o=r(4848),a=r(295),s=r.n(a),n=r(4124),l=r(7158),c=r(4653),d=r(300),p=r(7018),u=r(9107),h=r(7984),f=r(1706),y=r(3495),m=r(8687),x=r(9396),v=r(6344),k=r(2412),A=r(6100),g=r(1101),C=r(9274),P=r(2837),j=r(4791),D=r(6585),b=r(5849),N=r(8498),L=r(1072);function O({offset:t,id:e,colors:r,fillOpacity:i}){const a=(0,g.xd)();return(0,o.jsxs)("linearGradient",{id:e,x1:"0",y1:"0",x2:"0",y2:"1",children:[(0,o.jsx)("stop",{offset:t,stopColor:(0,v.r)(r[0],a),stopOpacity:i??.2}),(0,o.jsx)("stop",{offset:t,stopColor:(0,v.r)(r[1],a),stopOpacity:i??.2})]})}function S({data:t,series:e}){return 1===e.length?function({data:t,dataKey:e}){const r=Math.max(...t.map((t=>t[e]))),i=Math.min(...t.map((t=>t[e])));return r<=0?0:i>=0?1:r/(r-i)}({data:t,dataKey:e[0].name}):.5}O.displayName="@mantine/charts/AreaSplit";var w=r(9133);function $(t){return`${(100*t).toFixed(0)}%`}const I={withXAxis:!0,withYAxis:!0,withDots:!0,withTooltip:!0,connectNulls:!0,strokeWidth:2,tooltipAnimationDuration:0,fillOpacity:.2,tickLine:"y",strokeDasharray:"5 5",curveType:"monotone",gridAxis:"x",type:"default",splitColors:["green.7","red.7"],orientation:"horizontal"},z=(0,x.V)(((t,{textColor:e,gridColor:r})=>({root:{"--chart-text-color":e?(0,v.r)(e,t):void 0,"--chart-grid-color":r?(0,v.r)(r,t):void 0}}))),F=(0,k.P9)(((t,e)=>{const r=(0,A.Y)("AreaChart",I,t),{classNames:i,className:s,style:x,styles:k,unstyled:F,vars:K,data:M,series:W,withGradient:_,dataKey:Q,withXAxis:Y,withYAxis:G,curveType:T,gridProps:R,withDots:X,tickLine:E,strokeDasharray:H,gridAxis:J,unit:q,yAxisProps:B,xAxisProps:V,dotProps:Z,activeDotProps:U,strokeWidth:tt,tooltipAnimationDuration:et,type:rt,legendProps:it,tooltipProps:ot,withLegend:at,withTooltip:st,areaChartProps:nt,fillOpacity:lt,splitColors:ct,splitOffset:dt,connectNulls:pt,onMouseLeave:ut,orientation:ht,referenceLines:ft,dir:yt,valueFormatter:mt,children:xt,areaProps:vt,xAxisLabel:kt,yAxisLabel:At,withRightYAxis:gt,rightYAxisLabel:Ct,rightYAxisProps:Pt,withPointLabels:jt,gridColor:Dt,textColor:bt,attributes:Nt,...Lt}=r,Ot=(0,g.xd)(),St=(0,a.useId)(),wt=`${St}-split`,$t="none"!==J&&("x"===E||"xy"===E),It="none"!==J&&("y"===E||"xy"===E),zt=(et||0)>0,Ft="boolean"==typeof _?_:"default"===rt,Kt="stacked"===rt||"percent"===rt,[Mt,Wt]=(0,a.useState)(null),_t=null!==Mt,{resolvedClassNames:Qt,resolvedStyles:Yt}=(0,C.Y)({classNames:i,styles:k,props:r}),Gt=(0,P.I)({name:"AreaChart",classes:w.A,props:r,className:s,style:x,classNames:i,styles:k,unstyled:F,attributes:Nt,vars:K,varsResolver:z}),Tt=W.map((t=>{const e=(0,v.r)(t.color,Ot),r=_t&&Mt!==t.name;return(0,a.createElement)(n.G,{...Gt("area"),activeDot:{fill:Ot.white,stroke:e,strokeWidth:2,r:4,...U},dot:{fill:e,fillOpacity:r?0:1,strokeWidth:2,r:4,...Z},key:t.name,name:t.name,type:T,dataKey:t.name,fill:"none",strokeWidth:tt,stroke:"none",isAnimationActive:!1,connectNulls:pt,stackId:Kt?"stack-dots":void 0,yAxisId:t.yAxisId||"left",..."function"==typeof vt?vt(t):vt})})),Rt=W.map((t=>{const e=`${St}-${t.color.replace(/[^a-zA-Z0-9]/g,"")}`,r=(0,v.r)(t.color,Ot),i=_t&&Mt!==t.name;return(0,o.jsxs)(a.Fragment,{children:[(0,o.jsx)("defs",{children:(0,o.jsx)(L.s,{color:r,withGradient:Ft,id:e,fillOpacity:lt})}),(0,o.jsx)(n.G,{...Gt("area"),activeDot:!1,dot:!1,name:t.name,type:T,dataKey:t.name,fill:"split"===rt?`url(#${wt})`:`url(#${e})`,strokeWidth:tt,stroke:r,isAnimationActive:!1,connectNulls:pt,stackId:Kt?"stack":void 0,fillOpacity:i?0:1,strokeOpacity:i?.5:1,strokeDasharray:t.strokeDasharray,yAxisId:t.yAxisId||"left",label:jt?(0,o.jsx)(N.x,{valueFormatter:mt}):void 0,..."function"==typeof vt?vt(t):vt})]},t.name)})),Xt=ft?.map(((t,e)=>{const r=(0,v.r)(t.color,Ot);return(0,o.jsx)(l.e,{stroke:t.color?r:"var(--chart-grid-color)",strokeWidth:1,yAxisId:t.yAxisId||"left",...t,label:{value:t.label,fill:t.color?r:"currentColor",fontSize:12,position:t.labelPosition??"insideBottomLeft"},...Gt("referenceLine")},e)})),Et="percent"===rt?$:mt,Ht={axisLine:!1,..."vertical"===ht?{dataKey:Q,type:"category"}:{type:"number"},tickLine:!!It&&{stroke:"currentColor"},allowDecimals:!0,unit:q,tickFormatter:"vertical"===ht?void 0:Et,...Gt("axis")};return(0,o.jsx)(j.a,{ref:e,...Gt("root"),onMouseLeave:t=>{Wt(null),ut?.(t)},dir:yt||"ltr",...Lt,children:(0,o.jsx)(c.u,{...Gt("container"),children:(0,o.jsxs)(d.Q,{data:M,stackOffset:"percent"===rt?"expand":void 0,layout:ht,margin:{bottom:kt?30:void 0,left:At?10:void 0,right:At?5:void 0},...nt,children:[Xt,at&&(0,o.jsx)(p.s,{verticalAlign:"top",content:t=>(0,o.jsx)(D._,{payload:t.payload,onHighlight:Wt,legendPosition:it?.verticalAlign||"top",classNames:Qt,styles:Yt,series:W,attributes:Nt}),...it}),(0,o.jsx)(u.d,{strokeDasharray:H,vertical:"y"===J||"xy"===J,horizontal:"x"===J||"xy"===J,...Gt("grid"),...R}),(0,o.jsxs)(h.W,{hide:!Y,..."vertical"===ht?{type:"number"}:{dataKey:Q},tick:{transform:"translate(0, 10)",fontSize:12,fill:"currentColor"},stroke:"",interval:"preserveStartEnd",tickLine:!!$t&&{stroke:"currentColor"},minTickGap:5,tickFormatter:"vertical"===ht?Et:void 0,...Gt("axis"),...V,children:[kt&&(0,o.jsx)(f.J,{position:"insideBottom",offset:-20,fontSize:12,...Gt("axisLabel"),children:kt}),V?.children]}),(0,o.jsxs)(y.h,{yAxisId:"left",orientation:"left",tick:{transform:"translate(-10, 0)",fontSize:12,fill:"currentColor"},hide:!G,...Ht,...B,children:[At&&(0,o.jsx)(f.J,{position:"insideLeft",angle:-90,textAnchor:"middle",fontSize:12,offset:-5,...Gt("axisLabel"),children:At}),B?.children]}),(0,o.jsxs)(y.h,{yAxisId:"right",orientation:"right",tick:{transform:"translate(10, 0)",fontSize:12,fill:"currentColor"},hide:!gt,...Ht,...Pt,children:[Ct&&(0,o.jsx)(f.J,{position:"insideRight",angle:90,textAnchor:"middle",fontSize:12,offset:-5,...Gt("axisLabel"),children:Ct}),B?.children]}),st&&(0,o.jsx)(m.m,{animationDuration:et,isAnimationActive:zt,position:"vertical"===ht?{}:{y:0},cursor:{stroke:"var(--chart-grid-color)",strokeWidth:1,strokeDasharray:H},content:({label:t,payload:e})=>(0,o.jsx)(b.I,{label:t,payload:e,unit:q,classNames:Qt,styles:Yt,series:W,valueFormatter:mt,attributes:Nt}),...ot}),"split"===rt&&(0,o.jsx)("defs",{children:(0,o.jsx)(O,{colors:ct,id:wt,offset:dt??S({data:M,series:W}),fillOpacity:lt})}),Rt,X&&Tt,xt]})})})}));F.classes=w.A,F.displayName="@mantine/charts/AreaChart",r(9319);var K=r(3837),M=r(7479),W=r(8734);const _=function(t){var e=t.setProps,r=t.loading_state,o=(t.clickData,t.hoverData,t.clickSeriesName,t.hoverSeriesName,t.series),n=t.highlightHover,l=void 0!==n&&n,c=t.areaChartProps,d=t.activeDotProps,p=t.areaProps,u=t.valueFormatter,h=t.tooltipProps,f=(0,i.Tt)(t,["setProps","loading_state","clickData","hoverData","clickSeriesName","hoverSeriesName","series","highlightHover","areaChartProps","activeDotProps","areaProps","valueFormatter","tooltipProps"]),y=(0,a.useState)(null),m=y[0],x=y[1],v=l&&null!==m,k=(0,a.useRef)(null),A=function(t){(0,K.$Q)(t)&&(k.current=t.name)},g=function(t){if((0,K.$Q)(t)){var e=t.name;k.current=e,x(e)}},C=function(){x(null)},P=(0,i.Cl)((0,i.Cl)({},c),{onClick:function(t){(0,K.$Q)(t)&&e({clickSeriesName:k.current,clickData:(0,K.X$)(t)}),k.current=null},onMouseOver:function(t){(0,K.$Q)(t)&&e({hoverSeriesName:k.current,hoverData:(0,K.X$)(t)}),k.current=null}});return s().createElement(F,(0,i.Cl)({"data-dash-is-loading":(0,M.A_)(r)||void 0,areaChartProps:P,series:o,activeDotProps:(0,i.Cl)((0,i.Cl)({},d),{onClick:function(t,e){(0,K.$Q)(t)&&(k.current=e.dataKey)},onMouseOver:function(t,e){if((0,K.$Q)(t)){var r=e.dataKey;k.current=r,x(r)}},onMouseOut:C}),areaProps:function(t){var e=v&&m!==t.name,r=(0,i.Cl)((0,i.Cl)({},p),{onClick:A,onMouseOver:g,onMouseOut:C});return e&&(r.fillOpacity=.1,r.strokeOpacity=.2),r},valueFormatter:(0,W.q)(u),tooltipProps:(0,W.q)(h)},f))}}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkdash_mantine_components=self.webpackChunkdash_mantine_components||[]).push([[811],{7758:(t,e,r)=>{r.r(e),r.d(e,{default:()=>Y});var
|
|
1
|
+
"use strict";(self.webpackChunkdash_mantine_components=self.webpackChunkdash_mantine_components||[]).push([[811],{7758:(t,e,r)=>{r.r(e),r.d(e,{default:()=>Y});var i=r(1635),o=r(4848),a=r(295),l=r.n(a),s=r(1222),n=r(9669),c=r(5614),d=r(7158),p=r(4653),u=r(8327),h=r(7984),f=r(3495),m=r(5894),x=(0,u.gu)({chartName:"BarChart",GraphicalChild:s.y,defaultTooltipEventType:"axis",validateTooltipEventTypes:["axis","item"],axisComponents:[{axisType:"xAxis",AxisComp:h.W},{axisType:"yAxis",AxisComp:f.h}],formatAxisMap:m.pr}),y=r(7018),v=r(1706),k=r(9107),g=r(8687),b=r(9396),C=r(6344),A=r(2412),P=r(6100),L=r(1101),S=r(9274),j=r(2837),w=r(4791),N=r(6585),B=r(5849),D=r(9133);function z(t){return`${(100*t).toFixed(0)}%`}const I={withXAxis:!0,withYAxis:!0,withTooltip:!0,tooltipAnimationDuration:0,fillOpacity:1,tickLine:"y",strokeDasharray:"5 5",gridAxis:"x",type:"default"},O=(0,b.V)(((t,{textColor:e,gridColor:r,cursorFill:i,barLabelColor:o})=>({root:{"--chart-text-color":e?(0,C.r)(e,t):void 0,"--chart-grid-color":r?(0,C.r)(r,t):void 0,"--chart-cursor-fill":i?(0,C.r)(i,t):void 0,"--chart-bar-label-color":o?(0,C.r)(o,t):void 0}}))),T=(0,A.P9)(((t,e)=>{const r=(0,P.Y)("BarChart",I,t),{classNames:i,className:l,style:u,styles:m,unstyled:b,vars:A,data:T,withLegend:F,legendProps:$,series:_,onMouseLeave:Y,dataKey:M,withTooltip:E,withXAxis:W,withYAxis:K,gridAxis:Q,tickLine:R,xAxisProps:X,yAxisProps:q,unit:H,tooltipAnimationDuration:J,strokeDasharray:G,gridProps:V,tooltipProps:Z,referenceLines:U,fillOpacity:tt,barChartProps:et,type:rt,orientation:it,dir:ot,valueFormatter:at,children:lt,barProps:st,xAxisLabel:nt,yAxisLabel:ct,withBarValueLabel:dt,valueLabelProps:pt,withRightYAxis:ut,rightYAxisLabel:ht,rightYAxisProps:ft,minBarSize:mt,maxBarWidth:xt,mod:yt,getBarColor:vt,gridColor:kt,textColor:gt,attributes:bt,...Ct}=r,At=(0,L.xd)(),Pt="none"!==Q&&("x"===R||"xy"===R),Lt="none"!==Q&&("y"===R||"xy"===R),[St,jt]=(0,a.useState)(null),wt=null!==St,Nt="stacked"===rt||"percent"===rt,Bt="percent"===rt?z:at,{resolvedClassNames:Dt,resolvedStyles:zt}=(0,S.Y)({classNames:i,styles:m,props:r}),It="waterfall"===rt?function(t,e){let r=0,i=0;return t.map((t=>{if(t.standalone)for(const r in t)"number"==typeof t[r]&&r!==e&&(t[r]=[0,t[r]]);else for(const o in t)"number"==typeof t[o]&&o!==e&&(i+=t[o],t[o]=[r,i],r=i);return t}))}(T,M):T,Ot=(0,j.I)({name:"BarChart",classes:D.A,props:r,className:l,style:u,classNames:i,styles:m,unstyled:b,attributes:bt,vars:A,varsResolver:O}),Tt=_.map((t=>{const e=(0,C.r)(t.color,At),r=wt&&St!==t.name;return(0,a.createElement)(s.y,{...Ot("bar"),key:t.name,name:t.name,dataKey:t.name,fill:e,stroke:e,isAnimationActive:!1,fillOpacity:r?.1:tt,strokeOpacity:r?.2:0,stackId:Nt?"stack":t.stackId||void 0,yAxisId:t.yAxisId||"left",minPointSize:mt,..."function"==typeof st?st(t):st},It.map(((r,i)=>{const a=r.color?(0,C.r)(r.color,At):"function"==typeof vt?(0,C.r)(vt(r[t.name],t),At):function(t,e){return"function"==typeof t?t(e).fill:t?.fill}(st,t)||e;return(0,o.jsx)(n.f,{fill:a},`cell-${i}`)})),dt&&(0,o.jsx)(c.Z,{position:"vertical"===it?"right":"top",fontSize:12,fill:"var(--chart-bar-label-color, var(--mantine-color-dimmed))",formatter:t=>Bt?.(t),..."function"==typeof pt?pt(t):pt}))})),Ft=U?.map(((t,e)=>{const r=(0,C.r)(t.color,At);return(0,o.jsx)(d.e,{stroke:t.color?r:"var(--chart-grid-color)",strokeWidth:1,yAxisId:t.yAxisId||"left",...t,label:{value:t.label,fill:t.color?r:"currentColor",fontSize:12,position:t.labelPosition??"insideBottomLeft"},...Ot("referenceLine")},e)})),$t={axisLine:!1,..."vertical"===it?{dataKey:M,type:"category"}:{type:"number"},tickLine:!!Lt&&{stroke:"currentColor"},allowDecimals:!0,unit:H,tickFormatter:"vertical"===it?void 0:Bt,...Ot("axis")};return(0,o.jsx)(w.a,{ref:e,...Ot("root"),onMouseLeave:t=>{jt(null),Y?.(t)},dir:ot||"ltr",mod:[{orientation:it},yt],...Ct,children:(0,o.jsx)(p.u,{...Ot("container"),children:(0,o.jsxs)(x,{data:It,stackOffset:"percent"===rt?"expand":void 0,layout:it,maxBarSize:xt,margin:{bottom:nt?30:void 0,left:ct?10:void 0,right:ct?5:void 0},...et,children:[F&&(0,o.jsx)(y.s,{verticalAlign:"top",content:t=>(0,o.jsx)(N._,{payload:t.payload,onHighlight:jt,legendPosition:$?.verticalAlign||"top",classNames:Dt,styles:zt,series:_,showColor:"waterfall"!==rt,attributes:bt}),...$}),(0,o.jsxs)(h.W,{hide:!W,..."vertical"===it?{type:"number"}:{dataKey:M},tick:{transform:"translate(0, 10)",fontSize:12,fill:"currentColor"},stroke:"",interval:"preserveStartEnd",tickLine:!!Pt&&{stroke:"currentColor"},minTickGap:5,tickFormatter:"vertical"===it?Bt:void 0,...Ot("axis"),...X,children:[nt&&(0,o.jsx)(v.J,{position:"insideBottom",offset:-20,fontSize:12,...Ot("axisLabel"),children:nt}),X?.children]}),(0,o.jsxs)(f.h,{yAxisId:"left",orientation:"left",tick:{transform:"translate(-10, 0)",fontSize:12,fill:"currentColor"},hide:!K,...$t,...q,children:[ct&&(0,o.jsx)(v.J,{position:"insideLeft",angle:-90,textAnchor:"middle",fontSize:12,offset:-5,...Ot("axisLabel"),children:ct}),q?.children]}),(0,o.jsxs)(f.h,{yAxisId:"right",orientation:"right",tick:{transform:"translate(10, 0)",fontSize:12,fill:"currentColor"},hide:!ut,...$t,...ft,children:[ht&&(0,o.jsx)(v.J,{position:"insideRight",angle:90,textAnchor:"middle",fontSize:12,offset:-5,...Ot("axisLabel"),children:ht}),q?.children]}),(0,o.jsx)(k.d,{strokeDasharray:G,vertical:"y"===Q||"xy"===Q,horizontal:"x"===Q||"xy"===Q,...Ot("grid"),...V}),E&&(0,o.jsx)(g.m,{animationDuration:J,isAnimationActive:0!==J,position:"vertical"===it?{}:{y:0},cursor:{stroke:"var(--chart-grid-color)",strokeWidth:1,strokeDasharray:G,fill:"var(--chart-cursor-fill)"},content:({label:t,payload:e})=>(0,o.jsx)(B.I,{label:t,payload:e,type:"waterfall"===rt?"scatter":void 0,unit:H,classNames:Dt,styles:zt,series:_,valueFormatter:at,attributes:bt}),...Z}),Tt,Ft,lt]})})})}));T.displayName="@mantine/charts/BarChart",T.classes=D.A,r(9319);var F=r(3837),$=r(7479),_=r(8734);const Y=function(t){var e=t.setProps,r=t.loading_state,o=(t.clickData,t.hoverData,t.barChartProps),s=(t.clickSeriesName,t.hoverSeriesName,t.barProps),n=t.highlightHover,c=void 0!==n&&n,d=t.valueFormatter,p=t.tooltipProps,u=t.getBarColor,h=(0,i.Tt)(t,["setProps","loading_state","clickData","hoverData","barChartProps","clickSeriesName","hoverSeriesName","barProps","highlightHover","valueFormatter","tooltipProps","getBarColor"]),f=(0,a.useState)(null),m=f[0],x=f[1],y=c&&null!==m,v=(0,a.useRef)(null),k=function(t){(0,F.$Q)(t)&&(v.current=t.tooltipPayload[0].name)},g=function(t){if((0,F.$Q)(t)){var e=t.tooltipPayload[0].name;v.current=e,x(e)}},b=function(){x(null)},C=(0,i.Cl)((0,i.Cl)({},o),{onClick:function(t){(0,F.$Q)(t)&&e({clickSeriesName:v.current,clickData:(0,F.X$)(t)}),v.current=null},onMouseOver:function(t){(0,F.$Q)(t)&&e({hoverSeriesName:v.current,hoverData:(0,F.X$)(t)}),v.current=null}});return l().createElement(T,(0,i.Cl)({"data-dash-is-loading":(0,$.A_)(r)||void 0,barChartProps:C,barProps:function(t){var e=y&&m!==t.name,r=(0,i.Cl)((0,i.Cl)({},s),{onClick:k,onMouseOver:g,onMouseOut:b});return e&&(r.fillOpacity=.1,r.strokeOpacity=.2),r},valueFormatter:(0,_.q)(d),tooltipProps:(0,_.q)(p),getBarColor:(0,_.q)(u)},h))}}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkdash_mantine_components=self.webpackChunkdash_mantine_components||[]).push([[0],{7626:(t,a,e)=>{e.r(a),e.d(a,{default:()=>N});var r=e(1635),
|
|
1
|
+
"use strict";(self.webpackChunkdash_mantine_components=self.webpackChunkdash_mantine_components||[]).push([[0],{7626:(t,a,e)=>{e.r(a),e.d(a,{default:()=>N});var r=e(1635),s=e(4848),o=e(4653),i=e(9853),l=e(7984),n=e(3495),c=e(1658),d=e(8687),u=e(1915),p=e(4999),h=e(7826),m=e(9396),v=e(6344),y=e(2412),x=e(6100),f=e(1101),k=e(2837),b=e(4791),C=e(9133);function g(t,a){const e=t.map((t=>t[a]));return[Math.min(...e),Math.max(...e)]}function j({active:t,payload:a,getStyles:e,dataKey:r,valueFormatter:o}){if(t&&a&&a.length){const t=a[0]&&a[0].payload;return(0,s.jsx)("div",{...e("tooltip"),children:(0,s.jsxs)(p.Y,{justify:"space-between",children:[(0,s.jsx)(h.E,{fz:"sm",children:t[r.x]}),(0,s.jsx)(h.E,{fz:"sm",children:o?o(t[r.z]):t[r.z]})]})})}return null}const P={color:"blue.6",withTooltip:!0},z=(0,m.V)(((t,{textColor:a,gridColor:e})=>({root:{"--chart-text-color":a?(0,v.r)(a,t):void 0,"--chart-grid-color":e?(0,v.r)(e,t):void 0}}))),A=(0,y.P9)(((t,a)=>{const e=(0,x.Y)("BubbleChart",P,t),{classNames:r,className:p,style:h,styles:m,unstyled:y,vars:A,data:D,xAxisProps:K,yAxisProps:_,zAxisProps:w,tooltipProps:F,scatterProps:N,color:S,label:B,withTooltip:E,dataKey:L,range:M,valueFormatter:T,attributes:q,...Q}=e,R=(0,f.xd)(),W=(0,k.I)({name:"BubbleChart",classes:C.A,props:e,className:p,style:h,classNames:r,styles:m,unstyled:y,attributes:q,vars:A,varsResolver:z}),Y=B?void 0:{width:0};return(0,s.jsx)(b.a,{ref:a,...W("root"),...Q,children:(0,s.jsx)(o.u,{children:(0,s.jsxs)(i.t,{children:[(0,s.jsx)(l.W,{type:"category",dataKey:L.x,interval:0,tick:{fontSize:12,fill:"currentColor"},tickLine:{transform:"translate(0, -6)",stroke:"currentColor"},stroke:"currentColor",...W("axis"),...K}),(0,s.jsx)(n.h,{type:"number",dataKey:L.y,height:10,...Y,tick:!1,tickLine:!1,axisLine:!1,label:{value:B,position:"insideRight",fontSize:12,fill:"currentColor"},...W("axis"),..._}),(0,s.jsx)(c.K,{type:"number",dataKey:L.z,domain:g(D,L.z),range:M,...w}),E&&(0,s.jsx)(d.m,{animationDuration:100,isAnimationActive:!1,cursor:{stroke:"var(--chart-grid-color)",strokeWidth:1,strokeDasharray:"3 3"},content:t=>(0,s.jsx)(j,{dataKey:L,active:t.active,payload:t.payload,getStyles:W,valueFormatter:T}),...F}),(0,s.jsx)(u.X,{data:D,fill:(0,v.r)(S,R),isAnimationActive:!1,...N})]})})})}));A.displayName="@mantine/charts/BubbleChart",A.classes=C.A,e(9319);var D=e(295),K=e.n(D),_=e(3837),w=e(7479),F=e(8734);const N=function(t){var a=t.setProps,e=t.loading_state,s=(t.clickData,t.hoverData,t.scatterProps),o=t.valueFormatter,i=t.tooltipProps,l=(0,r.Tt)(t,["setProps","loading_state","clickData","hoverData","scatterProps","valueFormatter","tooltipProps"]),n=(0,r.Cl)((0,r.Cl)({},s),{onClick:function(t){(0,_.$Q)(t)&&a({clickData:(0,_.zD)(t)})},onMouseOver:function(t){(0,_.$Q)(t)&&a({hoverData:(0,_.zD)(t)})}});return K().createElement(A,(0,r.Cl)({"data-dash-is-loading":(0,w.A_)(e)||void 0,scatterProps:n,valueFormatter:(0,F.q)(o),tooltipProps:(0,F.q)(i)},l))}}}]);
|