dash_mantine_components 1.3.0 → 2.0.0

package/dash_mantine_components/async-ScatterChart.js

@@ -1 +1 @@
-"use strict";(self.webpackChunkdash_mantine_components=self.webpackChunkdash_mantine_components||[]).push([[172],{53343:(e,t,a)=>{a.r(t),a.d(t,{default:()=>Y});var r=a(31635),s=a(74848),i=a(40295),o=a.n(i),n=a(57158),l=a(34296),c=a(5614),d=a(44653),m=a(59853),h=a(69107),p=a(77984),x=a(91706),u=a(23495),y=a(78687),v=a(97018),f=a(59396),k=a(86344),g=a(2412),A=a(46100),C=a(1101),S=a(99274),L=a(52837),b=a(14791),D=a(6585),j=a(45849),N=a(89133);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}}))),_=(0,g.P9)(((e,t)=>{const a=(0,A.Y)("ScatterChart",w,e),{classNames:r,className:o,style:f,styles:g,unstyled:_,vars:K,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,...de}=a,me=e=>"function"==typeof ne?ne:ne?.[e],he=me("x"),pe=me("y"),xe=(0,C.xd)(),ue=Q.map((e=>({...e,data:e.data.map((t=>({...t,name:e.name})))}))),{resolvedClassNames:ye,resolvedStyles:ve}=(0,S.Y)({classNames:r,styles:g,props:a}),fe=(0,L.I)({name:"ScatterChart",classes:N.A,props:a,className:o,style:f,classNames:r,styles:g,unstyled:_,vars:K,varsResolver:z}),ke="none"!==$&&("x"===G||"xy"===G),ge="none"!==$&&("y"===G||"xy"===G),[Ae,Ce]=(0,i.useState)(null),Se=null!==Ae,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"},...fe("referenceLine")},t)})),be=ue.map(((e,t)=>{const a=Se&&Ae!==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)(b.a,{ref:t,...fe("root"),onMouseLeave:e=>{Ce(null),U?.(e)},dir:Y||"ltr",...de,children:(0,s.jsx)(d.u,{...fe("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"===$,...fe("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:!!ke&&{stroke:"currentColor"},minTickGap:5,unit:ie?.x,tickFormatter:he,...fe("axis"),...B,children:[re&&(0,s.jsx)(x.J,{position:"insideBottom",offset:-20,fontSize:12,...fe("axisLabel"),children:re}),B?.children]}),(0,s.jsxs)(u.h,{type:"number",hide:!X,axisLine:!1,dataKey:ee.y,tickLine:!!ge&&{stroke:"currentColor"},tick:{transform:"translate(-10, 0)",fontSize:12,fill:"currentColor"},allowDecimals:!0,unit:ie?.y,tickFormatter:pe,...fe("axis"),...E,children:[se&&(0,s.jsx)(x.J,{position:"insideLeft",angle:-90,textAnchor:"middle",fontSize:12,offset:-5,...fe("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:me(P(e.name,ee))?.(e.value)??e.value}))):t?.map((e=>({...e,value:me(P(e.name,ee))?.(e.value)??e.value}))),classNames:ye,styles:ve,series:Q}),...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:Ce,legendPosition:O?.verticalAlign||"top",classNames:ye,styles:ve,series:Q}),height:44,...O}),Le,be]})})})}));_.displayName="@mantine/charts/ScatterChart",_.classes=N.A,a(19319);var K=a(83837),T=a(57479);const Y=function(e){var t=e.setProps,a=e.loading_state,s=(e.clickData,e.hoverData,e.clickSeriesName,e.hoverSeriesName,e.scatterProps),i=(0,r.Tt)(e,["setProps","loading_state","clickData","hoverData","clickSeriesName","hoverSeriesName","scatterProps"]),n=(0,r.Cl)((0,r.Cl)({},s),{onClick:function(e){if((0,K.$Q)(e)){var a=(0,K.zD)(e);t({clickData:a,clickSeriesName:a.name})}},onMouseOver:function(e){if((0,K.$Q)(e)){var a=(0,K.zD)(e);t({hoverData:a,hoverSeriesName:a.name})}}});return o().createElement(_,(0,r.Cl)({"data-dash-is-loading":(0,T.A_)(a)||void 0,scatterProps:n},i))}}}]);
+"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),o=a(4848),s=a(295),i=a.n(s),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),C=a(1101),P=a(9274),S=a(2837),L=a(4791),b=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:oe,unit:se,labels:ie,valueFormatter:ne,scatterProps:le,pointLabels:ce,...de}=a,me=e=>"function"==typeof ne?ne:ne?.[e],pe=me("x"),he=me("y"),ue=(0,C.xd)(),xe=O.map((e=>({...e,data:e.data.map((t=>({...t,name:e.name})))}))),{resolvedClassNames:ve,resolvedStyles:ye}=(0,P.Y)({classNames:r,styles:g,props:a}),fe=(0,S.I)({name:"ScatterChart",classes:j.A,props:a,className:i,style:f,classNames:r,styles:g,unstyled:_,vars:F,varsResolver:z}),ke="none"!==Q&&("x"===$||"xy"===$),ge="none"!==Q&&("y"===$||"xy"===$),[Ae,Ce]=(0,s.useState)(null),Pe=null!==Ae,Se=K?.map(((e,t)=>{const a=(0,k.r)(e.color,ue);return(0,o.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"},...fe("referenceLine")},t)})),Le=xe.map(((e,t)=>{const a=Pe&&Ae!==e.name;return(0,o.jsxs)(l.X,{data:e.data,fill:(0,k.r)(e.color,ue),isAnimationActive:!1,fillOpacity:a?.1:1,...le,children:[ce&&(0,o.jsx)(c.Z,{dataKey:ee[ce],fontSize:8,dy:10}),le?.children]},t)}));return(0,o.jsx)(L.a,{ref:t,...fe("root"),onMouseLeave:e=>{Ce(null),U?.(e)},dir:T||"ltr",...de,children:(0,o.jsx)(d.u,{...fe("container"),children:(0,o.jsxs)(m.t,{margin:{bottom:re?30:void 0,left:oe?10:void 0,right:oe?5:void 0},...I,children:[(0,o.jsx)(p.d,{strokeDasharray:G,vertical:"y"===Q||"xy"===Q,horizontal:"x"===Q||"xy"===Q,...fe("grid"),...H}),(0,o.jsxs)(h.W,{type:"number",hide:!W,dataKey:ee.x,tick:{transform:"translate(0, 10)",fontSize:12,fill:"currentColor"},stroke:"",interval:"preserveStartEnd",tickLine:!!ke&&{stroke:"currentColor"},minTickGap:5,unit:se?.x,tickFormatter:pe,...fe("axis"),...q,children:[re&&(0,o.jsx)(u.J,{position:"insideBottom",offset:-20,fontSize:12,...fe("axisLabel"),children:re}),q?.children]}),(0,o.jsxs)(x.h,{type:"number",hide:!X,axisLine:!1,dataKey:ee.y,tickLine:!!ge&&{stroke:"currentColor"},tick:{transform:"translate(-10, 0)",fontSize:12,fill:"currentColor"},allowDecimals:!0,unit:se?.y,tickFormatter:he,...fe("axis"),...B,children:[oe&&(0,o.jsx)(u.J,{position:"insideLeft",angle:-90,textAnchor:"middle",fontSize:12,offset:-5,...fe("axisLabel"),children:oe}),B?.children]}),M&&(0,o.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,o.jsx)(D.I,{type:"scatter",label:e,payload:ie?t?.map((e=>({...e,name:ie[N(e.name,ee)]||e.name,value:me(N(e.name,ee))?.(e.value)??e.value}))):t?.map((e=>({...e,value:me(N(e.name,ee))?.(e.value)??e.value}))),classNames:ve,styles:ye,series:O}),...V}),Y&&(0,o.jsx)(y.s,{verticalAlign:"top",content:e=>(0,o.jsx)(b._,{payload:e.payload?.map(((e,t)=>({...e,dataKey:O[t].name}))),onHighlight:Ce,legendPosition:J?.verticalAlign||"top",classNames:ve,styles:ye,series:O}),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,o=(e.clickData,e.hoverData,e.clickSeriesName,e.hoverSeriesName,e.scatterProps),s=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)({},o),{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)(s),tooltipProps:(0,T.q)(n)},l))}}}]);

package/dash_mantine_components/async-Sparkline.js

@@ -1 +1 @@
-"use strict";(self.webpackChunkdash_mantine_components=self.webpackChunkdash_mantine_components||[]).push([[107],{59659:(e,t,s)=>{s.r(t),s.d(t,{default:()=>g});var a=s(31635),l=s(74848),r=s(40295),n=s.n(r),i=s(44653),o=s(50300),c=s(84124),d=s(59396),u=s(86344),p=s(2412),v=s(46100),h=s(52837),m=s(14791),y=s(11072);const f={},k={withGradient:!0,connectNulls:!0,fillOpacity:.6,strokeWidth:2,curveType:"linear"};function N(e,t){const s=e[0],a=e[e.length-1];return null===s||null===a?t.neutral||t.positive:s<a?t.positive:s>a?t.negative:t.neutral||t.positive}const x=(0,d.V)(((e,{color:t,data:s,trendColors:a})=>({root:{"--chart-color":a?(0,u.r)(N(s,a),e):t?(0,u.r)(t,e):void 0}}))),_=(0,p.P9)(((e,t)=>{const s=(0,v.Y)("Sparkline",k,e),{classNames:a,className:n,style:d,styles:u,unstyled:p,vars:N,data:_,withGradient:j,fillOpacity:g,curveType:w,strokeWidth:C,trendColors:b,connectNulls:G,areaProps:O,...P}=s,A=(0,h.I)({name:"Sparkline",classes:f,props:s,className:n,style:d,classNames:a,styles:u,unstyled:p,vars:N,varsResolver:x}),S=(0,r.useId)(),T=(0,r.useMemo)((()=>_.map(((e,t)=>({value:e,index:t})))),[_]);return(0,l.jsx)(m.a,{ref:t,...A("root"),...P,dir:"ltr",children:(0,l.jsx)(i.u,{children:(0,l.jsxs)(o.Q,{data:T,children:[(0,l.jsx)(c.G,{dataKey:"value",type:w,fill:`url(#${S})`,stroke:"var(--chart-color, var(--mantine-color-blue-filled))",isAnimationActive:!1,connectNulls:G,strokeWidth:C,fillOpacity:1,...O}),(0,l.jsx)("defs",{children:(0,l.jsx)(y.s,{id:S,color:"var(--chart-color, var(--mantine-color-blue-filled))",fillOpacity:g,withGradient:j})})]})})})}));_.displayName="@mantine/charts/Sparkline",_.classes=f,s(19319);var j=s(57479);const g=function(e){e.setProps;var t=e.loading_state,s=(0,a.Tt)(e,["setProps","loading_state"]);return n().createElement(_,(0,a.Cl)({"data-dash-is-loading":(0,j.A_)(t)||void 0},s))}}}]);
+"use strict";(self.webpackChunkdash_mantine_components=self.webpackChunkdash_mantine_components||[]).push([[107],{9659:(e,t,s)=>{s.r(t),s.d(t,{default:()=>g});var a=s(1635),l=s(4848),r=s(295),n=s.n(r),i=s(4653),o=s(300),c=s(4124),d=s(9396),u=s(6344),p=s(2412),v=s(6100),h=s(2837),m=s(4791),y=s(1072);const f={},k={withGradient:!0,connectNulls:!0,fillOpacity:.6,strokeWidth:2,curveType:"linear"};function N(e,t){const s=e[0],a=e[e.length-1];return null===s||null===a?t.neutral||t.positive:s<a?t.positive:s>a?t.negative:t.neutral||t.positive}const x=(0,d.V)(((e,{color:t,data:s,trendColors:a})=>({root:{"--chart-color":a?(0,u.r)(N(s,a),e):t?(0,u.r)(t,e):void 0}}))),_=(0,p.P9)(((e,t)=>{const s=(0,v.Y)("Sparkline",k,e),{classNames:a,className:n,style:d,styles:u,unstyled:p,vars:N,data:_,withGradient:j,fillOpacity:g,curveType:w,strokeWidth:C,trendColors:b,connectNulls:G,areaProps:O,...P}=s,A=(0,h.I)({name:"Sparkline",classes:f,props:s,className:n,style:d,classNames:a,styles:u,unstyled:p,vars:N,varsResolver:x}),S=(0,r.useId)(),T=(0,r.useMemo)((()=>_.map(((e,t)=>({value:e,index:t})))),[_]);return(0,l.jsx)(m.a,{ref:t,...A("root"),...P,dir:"ltr",children:(0,l.jsx)(i.u,{children:(0,l.jsxs)(o.Q,{data:T,children:[(0,l.jsx)(c.G,{dataKey:"value",type:w,fill:`url(#${S})`,stroke:"var(--chart-color, var(--mantine-color-blue-filled))",isAnimationActive:!1,connectNulls:G,strokeWidth:C,fillOpacity:1,...O}),(0,l.jsx)("defs",{children:(0,l.jsx)(y.s,{id:S,color:"var(--chart-color, var(--mantine-color-blue-filled))",fillOpacity:g,withGradient:j})})]})})})}));_.displayName="@mantine/charts/Sparkline",_.classes=f,s(9319);var j=s(7479);const g=function(e){e.setProps;var t=e.loading_state,s=(0,a.Tt)(e,["setProps","loading_state"]);return n().createElement(_,(0,a.Cl)({"data-dash-is-loading":(0,j.A_)(t)||void 0},s))}}}]);