it-data-nexus-ui-library 2.9.0 → 2.9.1
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/dist/components/Charts/NexusBarChart.mjs +1 -1
- package/dist/components/Charts/NexusHeatmap.mjs +1 -1
- package/dist/components/Charts/NexusLineChart.mjs +1 -1
- package/dist/components/Charts/NexusPieChart.mjs +1 -1
- package/dist/components/Charts/NexusScatterChart.mjs +1 -1
- package/dist/components/Charts/chartFrame.mjs +1 -1
- package/dist/components/PaperAsync.mjs +1 -1
- package/dist/generated/version.mjs +1 -1
- package/dist/index.d.ts +9 -6
- package/dist/node_modules/@mui/x-charts/BarChart/BarChart.mjs +1 -1
- package/dist/node_modules/@mui/x-charts/BarChart/useRegisterItemClickHandlers.mjs +1 -1
- package/dist/node_modules/@mui/x-charts/ChartsDataProvider/ChartsDataProvider.mjs +1 -1
- package/dist/node_modules/@mui/x-charts/LineChart/AreaPlot.mjs +1 -1
- package/dist/node_modules/@mui/x-charts/LineChart/LineChart.mjs +1 -1
- package/dist/node_modules/@mui/x-charts/LineChart/LinePlot.mjs +1 -1
- package/dist/node_modules/@mui/x-charts/LineChart/MarkPlot.mjs +1 -1
- package/dist/node_modules/@mui/x-charts/LineChart/useLineItemClickHandler.mjs +1 -1
- package/dist/node_modules/@mui/x-charts/PieChart/PieArcPlot.mjs +1 -1
- package/dist/node_modules/@mui/x-charts/PieChart/PieChart.mjs +1 -1
- package/dist/node_modules/@mui/x-charts/ScatterChart/Scatter.mjs +1 -1
- package/dist/node_modules/@mui/x-charts/ScatterChart/ScatterChart.mjs +1 -1
- package/dist/node_modules/@mui/x-charts/ScatterChart/async/ScatterAsync.mjs +1 -1
- package/dist/node_modules/@mui/x-charts/internals/plugins/corePlugins/useChartInteractionListener/useChartInteractionListener.mjs +1 -1
- package/dist/node_modules/@mui/x-charts/internals/plugins/featurePlugins/useChartCartesianAxis/getAxisClickPayload.mjs +1 -0
- package/dist/node_modules/@mui/x-charts/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxis.mjs +1 -1
- package/dist/node_modules/@mui/x-charts/internals/plugins/featurePlugins/useChartClosestPoint/useChartClosestPoint.mjs +1 -1
- package/dist/node_modules/@mui/x-charts/internals/plugins/featurePlugins/useChartKeyboardNavigation/itemActivation.mjs +1 -0
- package/dist/node_modules/@mui/x-charts/internals/plugins/featurePlugins/useChartKeyboardNavigation/useChartKeyboardNavigation.mjs +1 -1
- package/dist/node_modules/@mui/x-charts/internals/plugins/featurePlugins/useChartKeyboardNavigation/useChartKeyboardNavigation.selectors.mjs +1 -1
- package/dist/node_modules/@mui/x-charts/internals/useRegisterItemActivation.mjs +1 -0
- package/package.json +123 -123
- package/readme.md +111 -111
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as o,jsxs as t}from"react/jsx-runtime";import{useId as r}from"react";import{useTheme as e,alpha as i}from"@mui/material/styles";import{getChartColours as s}from"../Theme/chartColours.mjs";import{ChartFrame as p}from"./chartFrame.mjs";import{BarChart as l}from"../../node_modules/@mui/x-charts/BarChart/BarChart.mjs";function a({slotProps:a,slots:n,title:d,titleComponent:m,
|
|
1
|
+
import{jsx as o,jsxs as t}from"react/jsx-runtime";import{useId as r}from"react";import{useTheme as e,alpha as i}from"@mui/material/styles";import{getChartColours as s}from"../Theme/chartColours.mjs";import{ChartFrame as p}from"./chartFrame.mjs";import{BarChart as l}from"../../node_modules/@mui/x-charts/BarChart/BarChart.mjs";function a({slotProps:a,slots:n,title:d,titleComponent:m,titleSx:c,titleHidden:f,description:x,actions:h,isLoading:u,isError:y,errorMessage:C,paperSx:g,gradientColors:j,...S}){const z=e(),O=j??s(z.palette.mode),$=r().replace(/:/g,""),b="horizontal"===S.layout,B=O.map((o,t)=>({id:`${$}bg${t}`,color:o}));return o(p,{title:d,titleComponent:m,titleSx:c,titleHidden:f,description:x,actions:h,isLoading:u,isError:y,errorMessage:C,paperSx:g,children:o(l,{colors:B.map(({id:o})=>`url(#${o})`),...S,grid:{vertical:!0,horizontal:!0},slots:n,slotProps:{...a,tooltip:{popperOptions:{strategy:"fixed"},sx:{zIndex:1300},container:()=>document.body,...a?.tooltip}},children:o("defs",{children:B.map(({id:r,color:e})=>t("linearGradient",b?{id:r,x1:"0",y1:"0",x2:"1",y2:"0",children:[o("stop",{offset:"0%",stopColor:i(e,.15)}),o("stop",{offset:"100%",stopColor:e,stopOpacity:1})]}:{id:r,x1:"0",y1:"0",x2:"0",y2:"1",children:[o("stop",{offset:"0%",stopColor:e,stopOpacity:1}),o("stop",{offset:"100%",stopColor:i(e,.15)})]},r))})})})}export{a as NexusBarChart};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Caption as i,Body2 as
|
|
1
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Caption as i,Body2 as l}from"../Typography.mjs";import{Stack as o}from"../_Primitives/Stack.mjs";import{ChartFrame as t}from"./chartFrame.mjs";function a({rows:a,columns:n,cells:s,statusMap:d,sx:c,title:m,titleComponent:p,titleSx:x,titleHidden:b,description:h,actions:g,isLoading:u,isError:f,errorMessage:$,paperSx:w}){const y=new Map(s.map(e=>[`${e.rowId}:${e.columnId}`,e]));return e(t,{title:m,titleComponent:p,titleSx:x,titleHidden:b,description:h,actions:g,isLoading:u,isError:f,errorMessage:$,paperSx:w,children:r(o,{sx:[{gap:.5},...Array.isArray(c)?c:c?[c]:[]],role:"table","aria-label":m??"Heatmap",children:[r(o,{direction:"row",role:"row",sx:{gap:.5},children:[e(o,{sx:{flex:"0 0 120px"}}),n.map(r=>e(o,{role:"columnheader",sx:{flex:1,alignItems:"center",minWidth:0},children:e(i,{sx:{textAlign:"center"},children:r.label})},r.id))]}),a.map(i=>r(o,{direction:"row",role:"row",sx:{gap:.5},children:[e(o,{role:"rowheader",sx:{flex:"0 0 120px",justifyContent:"center",minWidth:0},children:e(l,{children:i.label})}),n.map(r=>{const l=y.get(`${i.id}:${r.id}`),t=l?d[l.status]:void 0,a=l?.label??t?.label??"No data";if(!t)return e(o,{role:"cell","aria-label":`${a}: ${i.label}, ${r.label}`,sx:{flex:1,minHeight:40,border:1,borderColor:"divider",borderRadius:.5,bgcolor:"action.hover"}},r.id);const{Icon:n,color:s}=t;return e(o,{role:"cell",sx:{flex:1,minHeight:40,alignItems:"center",justifyContent:"center",border:1,borderColor:"divider",borderRadius:.5,bgcolor:"action.hover"},children:e(n,{"aria-label":`${a}: ${i.label}, ${r.label}`,titleAccess:`${a}: ${i.label}, ${r.label}`,sx:{color:s,fontSize:22}})},r.id)})]},i.id))]})})}a.displayName="NexusHeatmap";export{a as NexusHeatmap};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useId as r,useRef as o,useMemo as i}from"react";import{useTheme as s}from"@mui/material/styles";import{getChartColours as n}from"../Theme/chartColours.mjs";import{ChartFrame as a}from"./chartFrame.mjs";import{AnimatedArea as p}from"../../node_modules/@mui/x-charts/LineChart/AnimatedArea.mjs";import{LineChart as m}from"../../node_modules/@mui/x-charts/LineChart/LineChart.mjs";function l({sx:l,xAxis:d,grid:c,series:x=[],slots:f,slotProps:h,children:u,title:g,titleComponent:y,titleSx:C,titleHidden:S,description:j,actions:w,isLoading:A,isError:L,errorMessage:$,paperSx:z,...I}){const M=s(),O=n(M.palette.mode),v=r().replace(/:/g,""),E=d?.map(t=>({scaleType:"point",...t})),H=x.map((t,e)=>t.area&&!t.id?{...t,id:`${v}s${e}`}:t),P=new Map(H.map((t,e)=>({s:t,i:e})).filter(({s:t})=>t.area).map(({s:t,i:e})=>[t.id,`${v}g${e}`])),T=o(P);T.current=P;const _=i(()=>function(e){const r=e.ownerState?.seriesId,o=r?T.current.get(r):void 0;return t(p,{...e,ownerState:o?{...e.ownerState,gradientId:o}:e.ownerState})},[v]);return t(a,{title:g,titleComponent:y,titleSx:C,titleHidden:S,description:j,actions:w,isLoading:A,isError:L,errorMessage:$,paperSx:z,children:e(m,{colors:O,xAxis:E,grid:c??{horizontal:!0,vertical:!0},series:H,slots:{area:_,...f},slotProps:{...h,tooltip:{popperOptions:{strategy:"fixed"},sx:{zIndex:1300},container:()=>document.body,...h?.tooltip}},sx:l,...I,children:[P.size>0&&t("defs",{children:Array.from(P.entries()).map(([,r],o)=>e("linearGradient",{id:r,x1:"0",y1:"0",x2:"0",y2:"1",children:[t("stop",{offset:"0%",stopColor:O[o%O.length],stopOpacity:.4}),t("stop",{offset:"100%",stopColor:O[o%O.length],stopOpacity:0})]},r))}),u]})})}export{l as NexusLineChart};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as o,jsxs as r}from"react/jsx-runtime";import{useId as t,useRef as e}from"react";import{useTheme as i,alpha as s}from"@mui/material/styles";import{getChartColours as n}from"../Theme/chartColours.mjs";import{ChartFrame as p}from"./chartFrame.mjs";import{PieArc as
|
|
1
|
+
import{jsx as o,jsxs as r}from"react/jsx-runtime";import{useId as t,useRef as e}from"react";import{useTheme as i,alpha as s}from"@mui/material/styles";import{getChartColours as n}from"../Theme/chartColours.mjs";import{ChartFrame as p}from"./chartFrame.mjs";import{PieArc as l}from"../../node_modules/@mui/x-charts/PieChart/PieArc.mjs";import{PieChart as c}from"../../node_modules/@mui/x-charts/PieChart/PieChart.mjs";function m({slotProps:m,slots:a,title:d,titleComponent:u,titleSx:f,titleHidden:x,description:h,actions:g,isLoading:C,isError:y,errorMessage:P,paperSx:j,...S}){const M=i(),$=n(M.palette.mode),A=t().replace(/:/g,""),E=$.map((o,r)=>({id:`${A}pg${r}`,color:o})),H=new Map(E.map(({id:o,color:r})=>[r,o])),L=e(H);L.current=H;const O=e(function(r){const t=r.color?L.current.get(r.color):void 0;return o(l,{...r,color:t?`url(#${t})`:r.color})}).current;return o(p,{title:d,titleComponent:u,titleSx:f,titleHidden:x,description:h,actions:g,isLoading:C,isError:y,errorMessage:P,paperSx:j,children:o(c,{colors:$,...S,slots:{pieArc:O,...a},slotProps:{...m,tooltip:{popperOptions:{strategy:"fixed"},sx:{zIndex:1300},container:()=>document.body,...m?.tooltip}},children:o("defs",{children:E.map(({id:t,color:e})=>r("linearGradient",{id:t,x1:"0",y1:"0",x2:"0",y2:"1",children:[o("stop",{offset:"0%",stopColor:s(e,.15)}),o("stop",{offset:"100%",stopColor:e,stopOpacity:1})]},t))})})})}export{m as NexusPieChart};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as t}from"react/jsx-runtime";import{useTheme as r}from"@mui/material/styles";import{getChartColours as o}from"../Theme/chartColours.mjs";import{ChartFrame as e}from"./chartFrame.mjs";import{ScatterChart as i}from"../../node_modules/@mui/x-charts/ScatterChart/ScatterChart.mjs";function s({slotProps:s,slots:n,title:a,titleComponent:m,titleHidden:p,description:
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import{useTheme as r}from"@mui/material/styles";import{getChartColours as o}from"../Theme/chartColours.mjs";import{ChartFrame as e}from"./chartFrame.mjs";import{ScatterChart as i}from"../../node_modules/@mui/x-charts/ScatterChart/ScatterChart.mjs";function s({slotProps:s,slots:n,title:a,titleComponent:m,titleSx:l,titleHidden:p,description:d,actions:c,isLoading:x,isError:h,errorMessage:u,paperSx:f,...g}){const S=r(),C=o(S.palette.mode);return t(e,{title:a,titleComponent:m,titleSx:l,titleHidden:p,description:d,actions:c,isLoading:x,isError:h,errorMessage:u,paperSx:f,children:t(i,{colors:C,...g,grid:g.grid??{vertical:!0,horizontal:!0},slots:n,slotProps:{...s,tooltip:{popperOptions:{strategy:"fixed"},sx:{zIndex:1300},container:()=>document.body,...s?.tooltip}}})})}export{s as NexusScatterChart};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as i,jsx as e,Fragment as r}from"react/jsx-runtime";import{Paper as o,Box as t}from"@mui/material";import{PaperAsync as n}from"../PaperAsync.mjs";const p={position:"absolute",width:"1px",height:"1px",padding:0,margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",border:0},s=({title:s,titleComponent:a="h3",
|
|
1
|
+
import{jsxs as i,jsx as e,Fragment as r}from"react/jsx-runtime";import{Paper as o,Box as t}from"@mui/material";import{PaperAsync as n}from"../PaperAsync.mjs";const p={position:"absolute",width:"1px",height:"1px",padding:0,margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",border:0},s=({title:s,titleComponent:a="h3",titleSx:d,titleHidden:l,description:c,actions:m,isLoading:h,isError:x,errorMessage:g,paperSx:f,children:w})=>l?i(o,{sx:f??{p:3},children:[s&&e(t,{component:a,sx:p,children:s}),w]}):void 0===s?e(r,{children:w}):e(n,{title:s,titleComponent:a,titleSx:d,description:c,actions:m,isLoading:Boolean(h),isError:Boolean(x),errorMessage:g,sx:f??{p:3},children:w});export{s as ChartFrame};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as r,jsx as e}from"react/jsx-runtime";import{Paper as i}from"./_Primitives/Paper.mjs";import{Box as n}from"./_Primitives/Box.mjs";import{H2 as t,H4 as l,H3 as
|
|
1
|
+
import{jsxs as r,jsx as e}from"react/jsx-runtime";import{Paper as i}from"./_Primitives/Paper.mjs";import{Box as n}from"./_Primitives/Box.mjs";import{H2 as t,H4 as l,H3 as s,Body2 as o}from"./Typography.mjs";import{LoadingSpinnerNexus as c}from"./LoadingSpinnerNexus.mjs";const m=({title:m,titleComponent:d="h3",titleSx:x,description:h,actions:p,isLoading:a,isError:f,errorMessage:u,children:g,...j})=>{const y="h2"===d?t:"h4"===d?l:s;if(a)return r(i,{...j,children:[r(n,{sx:{mb:2},children:[e(y,{sx:x,children:m}),h&&e(o,{sx:{mt:.5},children:h})]}),e(n,{sx:{display:"flex",flexDirection:"column",mt:1},children:e(c,{})})]});if(f)return r(i,{...j,children:[r(n,{sx:{mb:2},children:[e(y,{sx:x,children:m}),h&&e(o,{sx:{mt:.5},children:h})]}),e(n,{sx:{display:"flex",flexDirection:"column",mt:1},children:e(o,{color:"error",sx:{p:2},children:u??`Failed to load ${m}.`})})]});const b=m||h||p;return r(i,{...j,children:[b&&r(n,{sx:{display:"flex",alignItems:"flex-start",justifyContent:"space-between",gap:1,mb:1},children:[r(n,{children:[e(y,{sx:x,children:m}),h&&e(o,{sx:{mt:.5},children:h})]}),p&&e(n,{sx:{flexShrink:0},children:p})]}),g]})};export{m as PaperAsync};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const o="2.9.
|
|
1
|
+
const o="2.9.1";export{o as SAGE_NEXUS_UI_VERSION};
|
package/dist/index.d.ts
CHANGED
|
@@ -943,6 +943,7 @@ declare const GlassPaperAsync: ({ title, description, actions, isLoading, isErro
|
|
|
943
943
|
type PaperAsyncProps = Omit<PaperProps, "children"> & {
|
|
944
944
|
title: string;
|
|
945
945
|
titleComponent?: "h2" | "h3" | "h4";
|
|
946
|
+
titleSx?: SxProps<Theme>;
|
|
946
947
|
description?: ReactNode;
|
|
947
948
|
actions?: ReactNode;
|
|
948
949
|
isLoading: boolean;
|
|
@@ -950,7 +951,7 @@ type PaperAsyncProps = Omit<PaperProps, "children"> & {
|
|
|
950
951
|
errorMessage?: string;
|
|
951
952
|
children?: ReactNode;
|
|
952
953
|
};
|
|
953
|
-
declare const PaperAsync: ({ title, titleComponent, description, actions, isLoading, isError, errorMessage, children, ...rest }: PaperAsyncProps) => react.JSX.Element;
|
|
954
|
+
declare const PaperAsync: ({ title, titleComponent, titleSx, description, actions, isLoading, isError, errorMessage, children, ...rest }: PaperAsyncProps) => react.JSX.Element;
|
|
954
955
|
|
|
955
956
|
type GreenWaveBackgroundProps = BoxProps;
|
|
956
957
|
declare const GreenWaveBackground: ({ sx, children, ...rest }: GreenWaveBackgroundProps) => react.JSX.Element;
|
|
@@ -1318,6 +1319,8 @@ interface ChartAsyncProps {
|
|
|
1318
1319
|
title?: string;
|
|
1319
1320
|
/** Heading level for a visible chart title. Defaults to `h3`. */
|
|
1320
1321
|
titleComponent?: "h2" | "h3" | "h4";
|
|
1322
|
+
/** `sx` applied to the visible chart title. */
|
|
1323
|
+
titleSx?: SxProps<Theme>;
|
|
1321
1324
|
/**
|
|
1322
1325
|
* When `true`, the chart still self-wraps in a solid `Paper` (so it sits on a
|
|
1323
1326
|
* solid background rather than inheriting a glass surface), but the title is
|
|
@@ -1340,19 +1343,19 @@ interface ChartAsyncProps {
|
|
|
1340
1343
|
type NexusLineChartProps = Omit<LineChartProps, "colors"> & ChartAsyncProps & {
|
|
1341
1344
|
children?: React.ReactNode;
|
|
1342
1345
|
};
|
|
1343
|
-
declare function NexusLineChart({ sx, xAxis, grid, series, slots, slotProps, children, title, titleComponent, titleHidden, description, actions, isLoading, isError, errorMessage, paperSx, ...props }: NexusLineChartProps): react.JSX.Element;
|
|
1346
|
+
declare function NexusLineChart({ sx, xAxis, grid, series, slots, slotProps, children, title, titleComponent, titleSx, titleHidden, description, actions, isLoading, isError, errorMessage, paperSx, ...props }: NexusLineChartProps): react.JSX.Element;
|
|
1344
1347
|
|
|
1345
1348
|
type NexusBarChartProps = Omit<BarChartProps, "colors"> & ChartAsyncProps & {
|
|
1346
1349
|
/** Base colours used to generate the per-series gradients. */
|
|
1347
1350
|
gradientColors?: string[];
|
|
1348
1351
|
};
|
|
1349
|
-
declare function NexusBarChart({ slotProps, slots, title, titleComponent, titleHidden, description, actions, isLoading, isError, errorMessage, paperSx, gradientColors, ...props }: NexusBarChartProps): react.JSX.Element;
|
|
1352
|
+
declare function NexusBarChart({ slotProps, slots, title, titleComponent, titleSx, titleHidden, description, actions, isLoading, isError, errorMessage, paperSx, gradientColors, ...props }: NexusBarChartProps): react.JSX.Element;
|
|
1350
1353
|
|
|
1351
1354
|
type NexusPieChartProps = Omit<PieChartProps, "colors"> & ChartAsyncProps;
|
|
1352
|
-
declare function NexusPieChart({ slotProps, slots, title, titleComponent, titleHidden, description, actions, isLoading, isError, errorMessage, paperSx, ...props }: NexusPieChartProps): react.JSX.Element;
|
|
1355
|
+
declare function NexusPieChart({ slotProps, slots, title, titleComponent, titleSx, titleHidden, description, actions, isLoading, isError, errorMessage, paperSx, ...props }: NexusPieChartProps): react.JSX.Element;
|
|
1353
1356
|
|
|
1354
1357
|
type NexusScatterChartProps = Omit<ScatterChartProps, "colors"> & ChartAsyncProps;
|
|
1355
|
-
declare function NexusScatterChart({ slotProps, slots, title, titleComponent, titleHidden, description, actions, isLoading, isError, errorMessage, paperSx, ...props }: NexusScatterChartProps): react.JSX.Element;
|
|
1358
|
+
declare function NexusScatterChart({ slotProps, slots, title, titleComponent, titleSx, titleHidden, description, actions, isLoading, isError, errorMessage, paperSx, ...props }: NexusScatterChartProps): react.JSX.Element;
|
|
1356
1359
|
|
|
1357
1360
|
interface NexusHeatmapAxisItem {
|
|
1358
1361
|
id: string;
|
|
@@ -1376,7 +1379,7 @@ interface NexusHeatmapProps extends ChartAsyncProps {
|
|
|
1376
1379
|
statusMap: Record<string, NexusHeatmapStatus>;
|
|
1377
1380
|
sx?: SxProps<Theme>;
|
|
1378
1381
|
}
|
|
1379
|
-
declare function NexusHeatmap({ rows, columns, cells, statusMap, sx, title, titleComponent, titleHidden, description, actions, isLoading, isError, errorMessage, paperSx, }: NexusHeatmapProps): react.JSX.Element;
|
|
1382
|
+
declare function NexusHeatmap({ rows, columns, cells, statusMap, sx, title, titleComponent, titleSx, titleHidden, description, actions, isLoading, isError, errorMessage, paperSx, }: NexusHeatmapProps): react.JSX.Element;
|
|
1380
1383
|
declare namespace NexusHeatmap {
|
|
1381
1384
|
var displayName: string;
|
|
1382
1385
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"../../../@babel/runtime/helpers/esm/extends.mjs";import*as r from"react";import i from"../../../../_virtual/index.mjs";import{useThemeProps as o}from"@mui/material/styles";import{BarPlot as s}from"./BarPlot.mjs";import{ChartsOverlay as t}from"../ChartsOverlay/ChartsOverlay.mjs";import{useBarChartProps as a}from"./useBarChartProps.mjs";import{useChartsContainerProps as n}from"../ChartsContainer/useChartsContainerProps.mjs";import{FocusedBar as p}from"./FocusedBar.mjs";import{jsx as d,jsxs as h}from"react/jsx-runtime";import{ChartsTooltip as m}from"../ChartsTooltip/ChartsTooltip.mjs";import{ChartsDataProvider as l}from"../ChartsDataProvider/ChartsDataProvider.mjs";import{ChartsWrapper as u}from"../ChartsWrapper/ChartsWrapper.mjs";import{ChartsLegend as f}from"../ChartsLegend/ChartsLegend.mjs";import{ChartsSurface as b}from"../ChartsSurface/ChartsSurface.mjs";import{ChartsGrid as c}from"../ChartsGrid/ChartsGrid.mjs";import{ChartsAxisHighlight as g}from"../ChartsAxisHighlight/ChartsAxisHighlight.mjs";import{ChartsAxis as C}from"../ChartsAxis/ChartsAxis.mjs";import{ChartsClipPath as x}from"../ChartsClipPath/ChartsClipPath.mjs";const y=r.forwardRef(function(r,i){const y=o({props:r,name:"MuiBarChart"}),{chartsWrapperProps:O,chartsContainerProps:j,barPlotProps:I,gridProps:P,clipPathProps:R,clipPathGroupProps:q,overlayProps:T,chartsAxisProps:v,axisHighlightProps:A,legendProps:H,children:N}=a(y),{chartsDataProviderProps:
|
|
1
|
+
import e from"../../../@babel/runtime/helpers/esm/extends.mjs";import*as r from"react";import i from"../../../../_virtual/index.mjs";import{useThemeProps as o}from"@mui/material/styles";import{BarPlot as s}from"./BarPlot.mjs";import{ChartsOverlay as t}from"../ChartsOverlay/ChartsOverlay.mjs";import{useBarChartProps as a}from"./useBarChartProps.mjs";import{useChartsContainerProps as n}from"../ChartsContainer/useChartsContainerProps.mjs";import{FocusedBar as p}from"./FocusedBar.mjs";import{jsx as d,jsxs as h}from"react/jsx-runtime";import{ChartsTooltip as m}from"../ChartsTooltip/ChartsTooltip.mjs";import{ChartsDataProvider as l}from"../ChartsDataProvider/ChartsDataProvider.mjs";import{ChartsWrapper as u}from"../ChartsWrapper/ChartsWrapper.mjs";import{ChartsLegend as f}from"../ChartsLegend/ChartsLegend.mjs";import{ChartsSurface as b}from"../ChartsSurface/ChartsSurface.mjs";import{ChartsGrid as c}from"../ChartsGrid/ChartsGrid.mjs";import{ChartsAxisHighlight as g}from"../ChartsAxisHighlight/ChartsAxisHighlight.mjs";import{ChartsAxis as C}from"../ChartsAxis/ChartsAxis.mjs";import{ChartsClipPath as x}from"../ChartsClipPath/ChartsClipPath.mjs";const y=r.forwardRef(function(r,i){const y=o({props:r,name:"MuiBarChart"}),{chartsWrapperProps:O,chartsContainerProps:j,barPlotProps:I,gridProps:P,clipPathProps:R,clipPathGroupProps:q,overlayProps:T,chartsAxisProps:v,axisHighlightProps:A,legendProps:H,children:N}=a(y),{chartsDataProviderProps:k,chartsSurfaceProps:B}=n(j),D=y.slots?.tooltip??m,L=y.slots?.toolbar;return d(l,e({},k,{children:h(u,e({},O,{ref:i,children:[y.showToolbar&&L?d(L,e({},y.slotProps?.toolbar)):null,!y.hideLegend&&d(f,e({},H)),h(b,e({},B,{children:[d(c,e({},P)),h("g",e({},q,{children:[d(s,e({},I)),d(t,e({},T)),d(g,e({},A)),d(p,{})]})),d(C,e({},v)),d(x,e({},R)),N]})),!y.loading&&d(D,e({},y.slotProps?.tooltip))]}))}))});"production"!==process.env.NODE_ENV&&(y.displayName="BarChart"),"production"!==process.env.NODE_ENV&&(y.propTypes={apiRef:i.shape({current:i.object}),axesGap:i.number,axisHighlight:i.shape({x:i.oneOf(["band","line","none"]),y:i.oneOf(["band","line","none"])}),borderRadius:i.number,brushConfig:i.shape({enabled:i.bool,preventHighlight:i.bool,preventTooltip:i.bool}),children:i.node,className:i.string,colors:i.oneOfType([i.arrayOf(i.string),i.func]),dataset:i.arrayOf(i.object),desc:i.string,disableAxisListener:i.bool,disableKeyboardNavigation:i.bool,experimentalFeatures:i.shape({keyboardActivation:i.bool}),grid:i.shape({horizontal:i.bool,vertical:i.bool}),height:i.number,hiddenItems:i.arrayOf(i.oneOfType([i.shape({dataIndex:i.number,seriesId:i.string.isRequired,type:i.oneOf(["bar"]).isRequired}),i.shape({dataIndex:i.number,seriesId:i.string.isRequired,type:i.oneOf(["bar"])})]).isRequired),hideLegend:i.bool,highlightedAxis:i.arrayOf(i.shape({axisId:i.oneOfType([i.number,i.string]).isRequired,dataIndex:i.number.isRequired})),highlightedItem:i.oneOfType([i.shape({dataIndex:i.number,seriesId:i.string.isRequired}),i.shape({dataIndex:i.number,seriesId:i.string.isRequired,type:i.oneOf(["bar"]).isRequired})]),id:i.string,initialHiddenItems:i.arrayOf(i.oneOfType([i.shape({dataIndex:i.number,seriesId:i.string.isRequired,type:i.oneOf(["bar"]).isRequired}),i.shape({dataIndex:i.number,seriesId:i.string.isRequired,type:i.oneOf(["bar"])})]).isRequired),layout:i.oneOf(["horizontal","vertical"]),loading:i.bool,localeText:i.object,margin:i.oneOfType([i.number,i.shape({bottom:i.number,left:i.number,right:i.number,top:i.number})]),onAxisClick:i.func,onHiddenItemsChange:i.func,onHighlightChange:i.func,onHighlightedAxisChange:i.func,onItemClick:i.func,onTooltipAxisChange:i.func,onTooltipItemChange:i.func,renderer:i.oneOf(["svg-batch","svg-single"]),series:i.arrayOf(i.object).isRequired,showToolbar:i.bool,skipAnimation:i.bool,slotProps:i.object,slots:i.object,sx:i.oneOfType([i.arrayOf(i.oneOfType([i.func,i.object,i.bool])),i.func,i.object]),theme:i.oneOf(["dark","light"]),title:i.string,tooltipAxis:i.arrayOf(i.shape({axisId:i.oneOfType([i.number,i.string]).isRequired,dataIndex:i.number.isRequired})),tooltipItem:i.oneOfType([i.shape({dataIndex:i.number.isRequired,seriesId:i.string.isRequired}),i.shape({dataIndex:i.number.isRequired,seriesId:i.string.isRequired,type:i.oneOf(["bar"]).isRequired})]),width:i.number,xAxis:i.arrayOf(i.object),yAxis:i.arrayOf(i.object)});export{y as BarChart};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as t from"react";import{useChartsLayerContainerRef as e}from"../hooks/useChartsLayerContainerRef.mjs";import{getChartPoint as n}from"../internals/getChartPoint.mjs";import{useStore as r}from"../internals/store/useStore.mjs";import{selectorBarItemAtPosition as s}from"../internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisPosition.selectors.mjs";import{
|
|
1
|
+
import*as t from"react";import{useChartsLayerContainerRef as e}from"../hooks/useChartsLayerContainerRef.mjs";import{getChartPoint as n}from"../internals/getChartPoint.mjs";import{useStore as r}from"../internals/store/useStore.mjs";import{selectorBarItemAtPosition as s}from"../internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisPosition.selectors.mjs";import{useRegisterItemActivation as i}from"../internals/useRegisterItemActivation.mjs";import{useChartsContext as o}from"../context/ChartsProvider/useChartsContext.mjs";function a(a){const{instance:c}=o(),l=e(),m=r();i({type:"bar"},a&&((t,e)=>a(t,{type:"bar",seriesId:e.seriesId,dataIndex:e.dataIndex}))),t.useEffect(()=>{const t=l.current;if(!t||!a)return;let e=null;const r=function(r){let i=r;e&&Math.abs(r.clientX-e.clientX)<=1&&Math.abs(r.clientY-e.clientY)<=1&&(i={clientX:e.clientX,clientY:e.clientY}),e=null;const o=n(t,i);if(!c.isPointInside(o.x,o.y))return;const l=s(m.state,o);l&&a(r,{type:"bar",seriesId:l.seriesId,dataIndex:l.dataIndex})},i=function(t){e=t};return t.addEventListener("click",r),t.addEventListener("pointerup",i),()=>{t.removeEventListener("click",r),t.removeEventListener("pointerup",i)}},[c,a,m,l])}export{a as useRegisterItemClickHandlers};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import r from"../../../@babel/runtime/helpers/esm/extends.mjs";import"react";import e from"../../../../_virtual/index.mjs";import{defaultSlotsMaterial as t}from"../internals/material/index.mjs";import{ChartsSlotsProvider as o}from"../context/ChartsSlotsContext.mjs";import{useChartsDataProviderProps as s}from"./useChartsDataProviderProps.mjs";import{jsx as i}from"react/jsx-runtime";import{ChartsProvider as a}from"../context/ChartsProvider/ChartsProvider.mjs";import{ChartsLocalizationProvider as n}from"../ChartsLocalizationProvider/ChartsLocalizationProvider.mjs";function m(e){const{children:m,localeText:l,chartProviderProps:p,slots:c,slotProps:h}=s(e);return i(a,r({},p,{children:i(n,{localeText:l,children:i(o,{slots:c,slotProps:h,defaultSlots:t,children:m})})}))}"production"!==process.env.NODE_ENV&&(m.propTypes={apiRef:e.shape({current:e.any}),colors:e.oneOfType([e.arrayOf(e.string),e.func]),dataset:e.arrayOf(e.object),experimentalFeatures:e.
|
|
1
|
+
import r from"../../../@babel/runtime/helpers/esm/extends.mjs";import"react";import e from"../../../../_virtual/index.mjs";import{defaultSlotsMaterial as t}from"../internals/material/index.mjs";import{ChartsSlotsProvider as o}from"../context/ChartsSlotsContext.mjs";import{useChartsDataProviderProps as s}from"./useChartsDataProviderProps.mjs";import{jsx as i}from"react/jsx-runtime";import{ChartsProvider as a}from"../context/ChartsProvider/ChartsProvider.mjs";import{ChartsLocalizationProvider as n}from"../ChartsLocalizationProvider/ChartsLocalizationProvider.mjs";function m(e){const{children:m,localeText:l,chartProviderProps:p,slots:c,slotProps:h}=s(e);return i(a,r({},p,{children:i(n,{localeText:l,children:i(o,{slots:c,slotProps:h,defaultSlots:t,children:m})})}))}"production"!==process.env.NODE_ENV&&(m.propTypes={apiRef:e.shape({current:e.any}),colors:e.oneOfType([e.arrayOf(e.string),e.func]),dataset:e.arrayOf(e.object),experimentalFeatures:e.shape({keyboardActivation:e.bool}),height:e.number,id:e.string,localeText:e.object,margin:e.oneOfType([e.number,e.shape({bottom:e.number,left:e.number,right:e.number,top:e.number})]),series:e.arrayOf(e.object),skipAnimation:e.bool,slotProps:e.object,slots:e.object,theme:e.oneOf(["dark","light"]),width:e.number});export{m as ChartsDataProvider};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import o from"../../../@babel/runtime/helpers/esm/extends.mjs";import s from"../../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.mjs";import"react";import t from"../../../../_virtual/index.mjs";import{styled as i}from"@mui/material/styles";import{clsx as r}from"../../../clsx/dist/clsx.mjs";import{AreaElement as e}from"./AreaElement.mjs";import{useSkipAnimation as m}from"../hooks/useSkipAnimation.mjs";import{useXAxes as n,useYAxes as a}from"../hooks/useAxis.mjs";import{useInternalIsZoomInteracting as l}from"../internals/plugins/featurePlugins/useChartCartesianAxis/useInternalIsZoomInteracting.mjs";import{useAreaPlotData as p}from"./useAreaPlotData.mjs";import{useLineItemClickHandler as c}from"./useLineItemClickHandler.mjs";import{ANIMATION_TIMING_FUNCTION as
|
|
1
|
+
import o from"../../../@babel/runtime/helpers/esm/extends.mjs";import s from"../../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.mjs";import"react";import t from"../../../../_virtual/index.mjs";import{styled as i}from"@mui/material/styles";import{clsx as r}from"../../../clsx/dist/clsx.mjs";import{AreaElement as e}from"./AreaElement.mjs";import{useSkipAnimation as m}from"../hooks/useSkipAnimation.mjs";import{useXAxes as n,useYAxes as a}from"../hooks/useAxis.mjs";import{useInternalIsZoomInteracting as l}from"../internals/plugins/featurePlugins/useChartCartesianAxis/useInternalIsZoomInteracting.mjs";import{useAreaPlotData as p}from"./useAreaPlotData.mjs";import{useLineItemClickHandler as c,LINE_ACTIVATION_PRIORITY as u}from"./useLineItemClickHandler.mjs";import{ANIMATION_TIMING_FUNCTION as f,ANIMATION_DURATION_MS as d}from"../internals/animation/animation.mjs";import{useUtilityClasses as j,lineClasses as I}from"./lineClasses.mjs";import{jsx as k}from"react/jsx-runtime";const A=["slots","slotProps","onItemClick","skipAnimation","className"],x=i("g",{name:"MuiAreaPlot",slot:"Root"})({[`& .${I.area}`]:{transitionProperty:"opacity, fill",transitionDuration:`${d}ms`,transitionTimingFunction:f}});function P(t){const{slots:i,slotProps:f,onItemClick:d,skipAnimation:I,className:P}=t,b=s(t,A),C=l(),g=m(C||I),h=(()=>{const{xAxis:o}=n(),{yAxis:s}=a();return p(o,s)})(),y=j(),N=c(d,u.area,({seriesId:o})=>h.some(s=>s.seriesId===o&&!!s.area));return k(x,o({className:r(y.areaPlot,P)},b,{children:h.map(({d:o,seriesId:s,color:t,area:r,gradientId:m})=>!!r&&k(e,{seriesId:s,d:o,color:t,gradientId:m,slots:i,slotProps:f,onClick:N&&(o=>N(o,s)),skipAnimation:g},s))}))}"production"!==process.env.NODE_ENV&&(P.propTypes={onItemClick:t.func,skipAnimation:t.bool,slotProps:t.object,slots:t.object});export{P as AreaPlot};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"../../../@babel/runtime/helpers/esm/extends.mjs";import*as r from"react";import i from"../../../../_virtual/index.mjs";import{useThemeProps as o}from"@mui/material/styles";import{AreaPlot as s}from"./AreaPlot.mjs";import{LinePlot as t}from"./LinePlot.mjs";import{MarkPlot as a}from"./MarkPlot.mjs";import{ChartsAxis as n}from"../ChartsAxis/ChartsAxis.mjs";import{LineHighlightPlot as p}from"./LineHighlightPlot.mjs";import{useLineChartProps as l}from"./useLineChartProps.mjs";import{useChartsContainerProps as d}from"../ChartsContainer/useChartsContainerProps.mjs";import{FocusedLineMark as m}from"./FocusedLineMark.mjs";import{jsx as h,jsxs as f}from"react/jsx-runtime";import{ChartsTooltip as u}from"../ChartsTooltip/ChartsTooltip.mjs";import{ChartsDataProvider as
|
|
1
|
+
import e from"../../../@babel/runtime/helpers/esm/extends.mjs";import*as r from"react";import i from"../../../../_virtual/index.mjs";import{useThemeProps as o}from"@mui/material/styles";import{AreaPlot as s}from"./AreaPlot.mjs";import{LinePlot as t}from"./LinePlot.mjs";import{MarkPlot as a}from"./MarkPlot.mjs";import{ChartsAxis as n}from"../ChartsAxis/ChartsAxis.mjs";import{LineHighlightPlot as p}from"./LineHighlightPlot.mjs";import{useLineChartProps as l}from"./useLineChartProps.mjs";import{useChartsContainerProps as d}from"../ChartsContainer/useChartsContainerProps.mjs";import{FocusedLineMark as m}from"./FocusedLineMark.mjs";import{jsx as h,jsxs as f}from"react/jsx-runtime";import{ChartsTooltip as u}from"../ChartsTooltip/ChartsTooltip.mjs";import{ChartsDataProvider as b}from"../ChartsDataProvider/ChartsDataProvider.mjs";import{ChartsWrapper as c}from"../ChartsWrapper/ChartsWrapper.mjs";import{ChartsLegend as g}from"../ChartsLegend/ChartsLegend.mjs";import{ChartsSurface as C}from"../ChartsSurface/ChartsSurface.mjs";import{ChartsGrid as x}from"../ChartsGrid/ChartsGrid.mjs";import{ChartsOverlay as P}from"../ChartsOverlay/ChartsOverlay.mjs";import{ChartsAxisHighlight as y}from"../ChartsAxisHighlight/ChartsAxisHighlight.mjs";import{ChartsClipPath as O}from"../ChartsClipPath/ChartsClipPath.mjs";const j=r.forwardRef(function(r,i){const j=o({props:r,name:"MuiLineChart"}),{chartsWrapperProps:I,chartsContainerProps:R,gridProps:q,clipPathProps:T,clipPathGroupProps:A,areaPlotProps:v,linePlotProps:L,markPlotProps:H,overlayProps:k,chartsAxisProps:N,axisHighlightProps:w,lineHighlightPlotProps:D,legendProps:E,children:G}=l(j),{chartsDataProviderProps:M,chartsSurfaceProps:S}=d(R),W=j.slots?.tooltip??u,_=j.slots?.toolbar;return h(b,e({},M,{children:f(c,e({},I,{ref:i,children:[j.showToolbar&&_?h(_,e({},j.slotProps?.toolbar)):null,!j.hideLegend&&h(g,e({},E)),f(C,e({},S,{children:[h(x,e({},q)),f("g",e({},A,{children:[h(s,e({},v)),h(t,e({},L)),h(P,e({},k)),h(y,e({},w))]})),h(m,{}),h(n,e({},N)),h("g",{"data-drawing-container":!0,children:h(a,e({},H))}),h(p,e({},D)),h(O,e({},T)),G]})),!j.loading&&h(W,e({},j.slotProps?.tooltip))]}))}))});"production"!==process.env.NODE_ENV&&(j.displayName="LineChart"),"production"!==process.env.NODE_ENV&&(j.propTypes={apiRef:i.shape({current:i.object}),axesGap:i.number,axisHighlight:i.shape({x:i.oneOf(["band","line","none"]),y:i.oneOf(["band","line","none"])}),brushConfig:i.shape({enabled:i.bool,preventHighlight:i.bool,preventTooltip:i.bool}),children:i.node,className:i.string,colors:i.oneOfType([i.arrayOf(i.string),i.func]),dataset:i.arrayOf(i.object),desc:i.string,disableAxisListener:i.bool,disableKeyboardNavigation:i.bool,disableLineItemHighlight:i.bool,experimentalFeatures:i.shape({enablePositionBasedPointerInteraction:i.bool,keyboardActivation:i.bool}),grid:i.shape({horizontal:i.bool,vertical:i.bool}),height:i.number,hiddenItems:i.arrayOf(i.oneOfType([i.shape({dataIndex:i.number,seriesId:i.string.isRequired,type:i.oneOf(["line"]).isRequired}),i.shape({dataIndex:i.number,seriesId:i.string.isRequired,type:i.oneOf(["line"])})]).isRequired),hideLegend:i.bool,highlightedAxis:i.arrayOf(i.shape({axisId:i.oneOfType([i.number,i.string]).isRequired,dataIndex:i.number.isRequired})),highlightedItem:i.oneOfType([i.shape({dataIndex:i.number,seriesId:i.string.isRequired}),i.shape({dataIndex:i.number,seriesId:i.string.isRequired,type:i.oneOf(["line"]).isRequired})]),id:i.string,initialHiddenItems:i.arrayOf(i.oneOfType([i.shape({dataIndex:i.number,seriesId:i.string.isRequired,type:i.oneOf(["line"]).isRequired}),i.shape({dataIndex:i.number,seriesId:i.string.isRequired,type:i.oneOf(["line"])})]).isRequired),loading:i.bool,localeText:i.object,margin:i.oneOfType([i.number,i.shape({bottom:i.number,left:i.number,right:i.number,top:i.number})]),onAreaClick:i.func,onAxisClick:i.func,onHiddenItemsChange:i.func,onHighlightChange:i.func,onHighlightedAxisChange:i.func,onLineClick:i.func,onMarkClick:i.func,onTooltipAxisChange:i.func,onTooltipItemChange:i.func,series:i.arrayOf(i.object).isRequired,showToolbar:i.bool,skipAnimation:i.bool,slotProps:i.object,slots:i.object,sx:i.oneOfType([i.arrayOf(i.oneOfType([i.func,i.object,i.bool])),i.func,i.object]),theme:i.oneOf(["dark","light"]),title:i.string,tooltipAxis:i.arrayOf(i.shape({axisId:i.oneOfType([i.number,i.string]).isRequired,dataIndex:i.number.isRequired})),tooltipItem:i.oneOfType([i.shape({dataIndex:i.number,seriesId:i.string.isRequired}),i.shape({dataIndex:i.number,seriesId:i.string.isRequired,type:i.oneOf(["line"]).isRequired})]),width:i.number,xAxis:i.arrayOf(i.object),yAxis:i.arrayOf(i.object)});export{j as LineChart};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import o from"../../../@babel/runtime/helpers/esm/extends.mjs";import i from"../../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.mjs";import"react";import s from"../../../../_virtual/index.mjs";import{styled as t}from"@mui/material/styles";import{clsx as e}from"../../../clsx/dist/clsx.mjs";import{LineElement as r}from"./LineElement.mjs";import{useSkipAnimation as
|
|
1
|
+
import o from"../../../@babel/runtime/helpers/esm/extends.mjs";import i from"../../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.mjs";import"react";import s from"../../../../_virtual/index.mjs";import{styled as t}from"@mui/material/styles";import{clsx as e}from"../../../clsx/dist/clsx.mjs";import{LineElement as r}from"./LineElement.mjs";import{useSkipAnimation as n}from"../hooks/useSkipAnimation.mjs";import{useInternalIsZoomInteracting as m}from"../internals/plugins/featurePlugins/useChartCartesianAxis/useInternalIsZoomInteracting.mjs";import{useLinePlotData as l}from"./useLinePlotData.mjs";import{useLineItemClickHandler as a,LINE_ACTIVATION_PRIORITY as p}from"./useLineItemClickHandler.mjs";import{ANIMATION_TIMING_FUNCTION as c,ANIMATION_DURATION_MS as u}from"../internals/animation/animation.mjs";import{useUtilityClasses as d,lineClasses as f}from"./lineClasses.mjs";import{jsx as j}from"react/jsx-runtime";import{useXAxes as k,useYAxes as x}from"../hooks/useAxis.mjs";const I=["slots","slotProps","skipAnimation","onItemClick","className"],P=t("g",{name:"MuiLinePlot",slot:"Root"})({[`& .${f.line}`]:{transitionProperty:"opacity, fill",transitionDuration:`${u}ms`,transitionTimingFunction:c}});function h(s){const{slots:t,slotProps:c,skipAnimation:u,onItemClick:f,className:h}=s,A=i(s,I),b=m(),C=n(b||u),g=(()=>{const{xAxis:o}=k(),{yAxis:i}=x();return l(o,i)})(),y=d(),L=a(f,p.line);return j(P,o({className:e(y.linePlot,h)},A,{children:g.map(({d:o,seriesId:i,color:s,gradientId:e,hidden:n,isSampled:m})=>j(r,{seriesId:i,d:o,color:s,gradientId:e,hidden:n,skipAnimation:C||m,slots:t,slotProps:c,onClick:L&&(o=>L(o,i))},i))}))}"production"!==process.env.NODE_ENV&&(h.propTypes={onItemClick:s.func,skipAnimation:s.bool,slotProps:s.object,slots:s.object});export{h as LinePlot};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import s from"../../../@babel/runtime/helpers/esm/extends.mjs";import e from"../../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.mjs";import
|
|
1
|
+
import s from"../../../@babel/runtime/helpers/esm/extends.mjs";import e from"../../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.mjs";import{styled as t}from"@mui/material/styles";import{clsx as r}from"../../../clsx/dist/clsx.mjs";import o from"../../../../_virtual/index.mjs";import*as i from"react";import{useSkipAnimation as m}from"../hooks/useSkipAnimation.mjs";import{useInternalIsZoomInteracting as a}from"../internals/plugins/featurePlugins/useChartCartesianAxis/useInternalIsZoomInteracting.mjs";import{CircleMarkElement as n}from"./CircleMarkElement.mjs";import{useUtilityClasses as l}from"./lineClasses.mjs";import{MarkElement as p}from"./MarkElement.mjs";import{useRegisterLineItemActivation as d,LINE_ACTIVATION_PRIORITY as c}from"./useLineItemClickHandler.mjs";import{useMarkPlotData as u}from"./useMarkPlotData.mjs";import{jsx as h}from"react/jsx-runtime";import{useXAxes as f,useYAxes as x}from"../hooks/useAxis.mjs";import{useChartsContext as k}from"../context/ChartsProvider/useChartsContext.mjs";import{useItemHighlightStateGetter as I}from"../hooks/useItemHighlightStateGetter.mjs";import{selectorChartsHighlightXAxisIndex as j}from"../internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianHighlight.selectors.mjs";const C=["slots","slotProps","skipAnimation","onItemClick","className"],g=t("g",{name:"MuiMarkPlot",slot:"Root"})({});function A(t){const{slots:o,slotProps:A,skipAnimation:P,onItemClick:b,className:y}=t,M=e(t,C),N=a(),v=m(N||P),{xAxis:E}=f(),{yAxis:H}=x(),{store:S}=k(),$=I(),D=S.use(j),L=i.useMemo(()=>{const s={};for(const{dataIndex:e,axisId:t}of D)void 0===s[t]?s[t]=new Set([e]):s[t].add(e);return s},[D]),_=u(E,H);d(b,c.mark,({seriesId:s,dataIndex:e})=>_.some(t=>t.seriesId===s&&!t.hidden&&t.marks.some(s=>s.index===e)));const w=l();return h(g,s({className:r(w.markPlot,y)},M,{children:_.map(({seriesId:e,clipId:t,shape:r,xAxisId:i,marks:m,hidden:a})=>{const l=o?.mark??("circle"===r?n:p),d=$({type:"line",seriesId:e}),c="highlighted"===d,u="faded"===d;return h("g",{clipPath:`url(#${t})`,"data-series":e,children:m.map(({x:t,y:o,index:m,color:n})=>h(l,s({seriesId:e,dataIndex:m,shape:r,color:n,x:t,y:o,skipAnimation:v,onClick:b&&(s=>b(s,{type:"line",seriesId:e,dataIndex:m})),isHighlighted:L[i]?.has(m)||c,isFaded:u,hidden:a},A?.mark),`${e}-${m}`))},e)})}))}"production"!==process.env.NODE_ENV&&(A.propTypes={onItemClick:o.func,skipAnimation:o.bool,slotProps:o.object,slots:o.object});export{A as MarkPlot};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as
|
|
1
|
+
import*as e from"react";import{useChartsLayerContainerRef as s}from"../hooks/useChartsLayerContainerRef.mjs";import{useXAxes as t}from"../hooks/useAxis.mjs";import{useLineSeriesContext as r}from"../hooks/useLineSeries.mjs";import{getChartPoint as i}from"../internals/getChartPoint.mjs";import{getAxisIndex as n}from"../internals/plugins/featurePlugins/useChartCartesianAxis/getAxisValue.mjs";import{useRegisterItemActivation as o}from"../internals/useRegisterItemActivation.mjs";const a={mark:2,line:1,area:0};function m(e,s,t){o({type:"line",priority:s,canActivate:t&&(e=>{const s=e;return t({type:"line",seriesId:s.seriesId,dataIndex:s.dataIndex})})},e&&((s,t)=>e(s,{type:"line",seriesId:t.seriesId,dataIndex:t.dataIndex})))}function d(o,a,d){m(o,a,d);const u=s(),{xAxis:x,xAxisIds:p}=t(),f=r(),l=p[0];return e.useMemo(()=>{if(o)return(e,s)=>{const t=u.current,r=f?.series[s]?.xAxisId??l,a=void 0===r?void 0:x[r];if(null===t||void 0===a)return;const m=i(t,e),d=n(a,m.x);-1!==d&&o(e,{type:"line",seriesId:s,dataIndex:d})}},[o,u,f,l,x])}export{a as LINE_ACTIVATION_PRIORITY,d as useLineItemClickHandler,m as useRegisterLineItemActivation};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"../../../@babel/runtime/helpers/esm/extends.mjs";import i from"../../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.mjs";import"react";import r from"../../../../_virtual/index.mjs";import{styled as n}from"@mui/material/styles";import{PieArc as s}from"./PieArc.mjs";import{useTransformData as d}from"./dataTransform/useTransformData.mjs";import{
|
|
1
|
+
import e from"../../../@babel/runtime/helpers/esm/extends.mjs";import i from"../../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.mjs";import"react";import r from"../../../../_virtual/index.mjs";import{styled as n}from"@mui/material/styles";import{PieArc as s}from"./PieArc.mjs";import{useTransformData as d}from"./dataTransform/useTransformData.mjs";import{useRegisterItemActivation as a}from"../internals/useRegisterItemActivation.mjs";import{jsx as t}from"react/jsx-runtime";const o=["slots","slotProps","innerRadius","outerRadius","cornerRadius","paddingAngle","seriesId","highlighted","faded","data","onItemClick","skipAnimation"],u=n("g",{name:"MuiPieArcPlot",slot:"Root"})();function l(r){const{slots:n,slotProps:l,innerRadius:m=0,outerRadius:p,cornerRadius:c=0,paddingAngle:g=0,seriesId:R,highlighted:b,faded:f={additionalRadius:-5},data:h,onItemClick:A,skipAnimation:I}=r,q=i(r,o),x=d({innerRadius:m,outerRadius:p,cornerRadius:c,paddingAngle:g,id:R,highlighted:b,faded:f,data:h});if(a({type:"pie",seriesId:R},A&&((e,i)=>{const r=x[i.dataIndex];void 0!==r&&A(e,{type:"pie",seriesId:R,dataIndex:i.dataIndex},r)})),0===h.length)return null;const j=n?.pieArc??s;return t(u,e({},q,{children:x.map((i,r)=>t(j,e({startAngle:i.startAngle,endAngle:i.endAngle,paddingAngle:i.paddingAngle,innerRadius:i.innerRadius,outerRadius:i.outerRadius,cornerRadius:i.cornerRadius,skipAnimation:I??!1,seriesId:R,color:i.color,dataIndex:r,isFaded:i.isFaded,isHighlighted:i.isHighlighted,isFocused:i.isFocused,onClick:A&&(e=>{A(e,{type:"pie",seriesId:R,dataIndex:r},i)})},l?.pieArc),i.dataIndex))}))}"production"!==process.env.NODE_ENV&&(l.propTypes={arcLabelRadius:r.number,cornerRadius:r.number,data:r.arrayOf(r.shape({color:r.string.isRequired,endAngle:r.number.isRequired,formattedValue:r.string.isRequired,hidden:r.bool.isRequired,id:r.oneOfType([r.number,r.string]),index:r.number.isRequired,label:r.oneOfType([r.func,r.string]),labelMarkType:r.oneOfType([r.oneOf(["circle","line","line+mark","square"]),r.func]),padAngle:r.number.isRequired,startAngle:r.number.isRequired,value:r.number.isRequired})).isRequired,faded:r.shape({additionalRadius:r.number,arcLabelRadius:r.number,color:r.string,cornerRadius:r.number,innerRadius:r.number,outerRadius:r.number,paddingAngle:r.number}),highlighted:r.shape({additionalRadius:r.number,arcLabelRadius:r.number,color:r.string,cornerRadius:r.number,innerRadius:r.number,outerRadius:r.number,paddingAngle:r.number}),innerRadius:r.number,onItemClick:r.func,outerRadius:r.number.isRequired,paddingAngle:r.number,seriesId:r.string.isRequired,skipAnimation:r.bool,slotProps:r.object,slots:r.object});export{l as PieArcPlot};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"../../../@babel/runtime/helpers/esm/extends.mjs";import r from"../../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.mjs";import*as i from"react";import t from"../../../../_virtual/index.mjs";import{useThemeProps as o}from"@mui/material/styles";import{DEFAULT_PIE_CHART_MARGIN as s}from"../internals/constants.mjs";import{PiePlot as n}from"./PiePlot.mjs";import{useChartsContainerProps as a}from"../ChartsContainer/useChartsContainerProps.mjs";import{PIE_CHART_PLUGINS as m}from"./PieChart.plugins.mjs";import{defaultizeMargin as d}from"../internals/defaultizeMargin.mjs";import{FocusedPieArc as p}from"./FocusedPieArc.mjs";import{jsx as l,jsxs as h}from"react/jsx-runtime";import{ChartsTooltip as g}from"../ChartsTooltip/ChartsTooltip.mjs";import{ChartsDataProvider as c}from"../ChartsDataProvider/ChartsDataProvider.mjs";import{ChartsWrapper as u}from"../ChartsWrapper/ChartsWrapper.mjs";import{ChartsLegend as f}from"../ChartsLegend/ChartsLegend.mjs";import{ChartsSurface as b}from"../ChartsSurface/ChartsSurface.mjs";import{ChartsOverlay as C}from"../ChartsOverlay/ChartsOverlay.mjs";const I=["series","width","height","margin","colors","sx","skipAnimation","hideLegend","children","slots","slotProps","onItemClick","loading","highlightedItem","onHighlightChange","className","showToolbar"],y=i.forwardRef(function(i,t){const y=o({props:i,name:"MuiPieChart"}),{series:j,width:O,height:P,margin:R,colors:x,sx:q,skipAnimation:T,hideLegend:v,children:
|
|
1
|
+
import e from"../../../@babel/runtime/helpers/esm/extends.mjs";import r from"../../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.mjs";import*as i from"react";import t from"../../../../_virtual/index.mjs";import{useThemeProps as o}from"@mui/material/styles";import{DEFAULT_PIE_CHART_MARGIN as s}from"../internals/constants.mjs";import{PiePlot as n}from"./PiePlot.mjs";import{useChartsContainerProps as a}from"../ChartsContainer/useChartsContainerProps.mjs";import{PIE_CHART_PLUGINS as m}from"./PieChart.plugins.mjs";import{defaultizeMargin as d}from"../internals/defaultizeMargin.mjs";import{FocusedPieArc as p}from"./FocusedPieArc.mjs";import{jsx as l,jsxs as h}from"react/jsx-runtime";import{ChartsTooltip as g}from"../ChartsTooltip/ChartsTooltip.mjs";import{ChartsDataProvider as c}from"../ChartsDataProvider/ChartsDataProvider.mjs";import{ChartsWrapper as u}from"../ChartsWrapper/ChartsWrapper.mjs";import{ChartsLegend as f}from"../ChartsLegend/ChartsLegend.mjs";import{ChartsSurface as b}from"../ChartsSurface/ChartsSurface.mjs";import{ChartsOverlay as C}from"../ChartsOverlay/ChartsOverlay.mjs";const I=["series","width","height","margin","colors","sx","skipAnimation","hideLegend","children","slots","slotProps","onItemClick","loading","highlightedItem","onHighlightChange","className","showToolbar"],y=i.forwardRef(function(i,t){const y=o({props:i,name:"MuiPieChart"}),{series:j,width:O,height:P,margin:R,colors:x,sx:q,skipAnimation:T,hideLegend:v,children:k,slots:N,slotProps:w,onItemClick:L,loading:A,highlightedItem:D,onHighlightChange:H,className:E,showToolbar:S}=y,W=r(y,I),_=d(R,s),{chartsDataProviderProps:F,chartsSurfaceProps:M}=a(e({},W,{series:j.map(r=>e({type:"pie"},r)),width:O,height:P,margin:_,colors:x,highlightedItem:D,onHighlightChange:H,skipAnimation:T,plugins:m})),V=N?.tooltip??g,z=N?.toolbar;return l(c,e({},F,{children:h(u,{legendPosition:w?.legend?.position,legendDirection:w?.legend?.direction??"vertical",sx:q,hideLegend:v??!1,className:E,ref:t,children:[S&&z?l(z,e({},w?.toolbar)):null,!v&&l(f,{direction:w?.legend?.direction??"vertical",slots:N,slotProps:w}),h(b,e({},M,{children:[l(n,{slots:N,slotProps:w,onItemClick:L}),l(p,{}),l(C,{loading:A,slots:N,slotProps:w}),k]})),!A&&l(V,e({trigger:"item"},w?.tooltip))]})}))});"production"!==process.env.NODE_ENV&&(y.displayName="PieChart"),"production"!==process.env.NODE_ENV&&(y.propTypes={apiRef:t.shape({current:t.object}),children:t.node,className:t.string,colors:t.oneOfType([t.arrayOf(t.string),t.func]),dataset:t.arrayOf(t.object),desc:t.string,disableKeyboardNavigation:t.bool,experimentalFeatures:t.shape({keyboardActivation:t.bool}),height:t.number,hiddenItems:t.arrayOf(t.oneOfType([t.shape({dataIndex:t.number,seriesId:t.string.isRequired,type:t.oneOf(["pie"]).isRequired}),t.shape({dataIndex:t.number,seriesId:t.string.isRequired,type:t.oneOf(["pie"])})]).isRequired),hideLegend:t.bool,highlightedItem:t.oneOfType([t.shape({dataIndex:t.number,seriesId:t.string.isRequired}),t.shape({dataIndex:t.number,seriesId:t.string.isRequired,type:t.oneOf(["pie"]).isRequired})]),id:t.string,initialHiddenItems:t.arrayOf(t.oneOfType([t.shape({dataIndex:t.number,seriesId:t.string.isRequired,type:t.oneOf(["pie"]).isRequired}),t.shape({dataIndex:t.number,seriesId:t.string.isRequired,type:t.oneOf(["pie"])})]).isRequired),loading:t.bool,localeText:t.object,margin:t.oneOfType([t.number,t.shape({bottom:t.number,left:t.number,right:t.number,top:t.number})]),onHiddenItemsChange:t.func,onHighlightChange:t.func,onItemClick:t.func,onTooltipItemChange:t.func,series:t.arrayOf(t.object).isRequired,showToolbar:t.bool,skipAnimation:t.bool,slotProps:t.object,slots:t.object,sx:t.oneOfType([t.arrayOf(t.oneOfType([t.func,t.object,t.bool])),t.func,t.object]),theme:t.oneOf(["dark","light"]),title:t.string,tooltipItem:t.oneOfType([t.shape({dataIndex:t.number.isRequired,seriesId:t.string.isRequired}),t.shape({dataIndex:t.number.isRequired,seriesId:t.string.isRequired,type:t.oneOf(["pie"]).isRequired})]),width:t.number});export{y as PieChart};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"../../../@babel/runtime/helpers/esm/extends.mjs";import t from"../../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.mjs";import"react";import s from"../../../../_virtual/index.mjs";import{clsx as r}from"../../../clsx/dist/clsx.mjs";import{getInteractionItemProps as o}from"../hooks/useInteractionItemProps.mjs";import{useStore as i}from"../internals/store/useStore.mjs";import{useItemHighlightStateGetter as a}from"../hooks/useItemHighlightStateGetter.mjs";import{ScatterMarker as m}from"./ScatterMarker.mjs";import{useUtilityClasses as
|
|
1
|
+
import e from"../../../@babel/runtime/helpers/esm/extends.mjs";import t from"../../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.mjs";import"react";import s from"../../../../_virtual/index.mjs";import{clsx as r}from"../../../clsx/dist/clsx.mjs";import{getInteractionItemProps as o}from"../hooks/useInteractionItemProps.mjs";import{useStore as i}from"../internals/store/useStore.mjs";import{useItemHighlightStateGetter as a}from"../hooks/useItemHighlightStateGetter.mjs";import{ScatterMarker as m}from"./ScatterMarker.mjs";import{useUtilityClasses as d}from"./scatterClasses.mjs";import{useRegisterItemActivation as n}from"../internals/useRegisterItemActivation.mjs";import{useScatterPlotData as l}from"./useScatterPlotData.mjs";import{jsx as c}from"react/jsx-runtime";import{useChartsContext as p}from"../context/ChartsProvider/useChartsContext.mjs";import{selectorChartsIsVoronoiEnabled as u}from"../internals/plugins/featurePlugins/useChartClosestPoint/useChartClosestPoint.selectors.mjs";import f from"../../utils/useSlotProps/useSlotProps.mjs";const x=["ownerState"];function h(s){const{series:h,xScale:j,yScale:I,colorGetter:P,sizeGetter:g,onItemClick:S,classes:C,slots:b,slotProps:k}=s,{instance:y}=p(),v=i().use(u),R=a(),q=l(h,j,I,y.isPointInside),G=b?.marker??m,N=f({elementType:G,externalSlotProps:k?.marker,additionalProps:{seriesId:h.id},ownerState:{}}),z=t(N,x),w=d({classes:C});return n({type:"scatter",seriesId:h.id},S&&((e,t)=>S(e,{type:"scatter",seriesId:h.id,dataIndex:t.dataIndex}))),c("g",{"data-series":h.id,className:w.series,children:q.map(t=>{const s=R(t),i="highlighted"===s,a="faded"===s;return c(G,e({className:r(w.marker,z.className),dataIndex:t.dataIndex,color:P(t.dataIndex),size:g(t.dataIndex),isHighlighted:i,isFaded:a,x:t.x,y:t.y,onClick:S&&(e=>S(e,{type:"scatter",seriesId:h.id,dataIndex:t.dataIndex})),"data-highlighted":i||void 0,"data-faded":a||void 0},v?void 0:o(y,t),z),t.id??t.dataIndex)})})}"production"!==process.env.NODE_ENV&&(h.propTypes={classes:s.object,color:s.string.isRequired,colorGetter:s.func.isRequired,onItemClick:s.func,series:s.object.isRequired,sizeGetter:s.func.isRequired,slotProps:s.object,slots:s.object,xScale:s.func.isRequired,yScale:s.func.isRequired});export{h as Scatter};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"../../../@babel/runtime/helpers/esm/extends.mjs";import*as r from"react";import i from"../../../../_virtual/index.mjs";import{useThemeProps as s}from"@mui/material/styles";import{ScatterPlot as o}from"./ScatterPlot.mjs";import{useScatterChartProps as t}from"./useScatterChartProps.mjs";import{useChartsContainerProps as n}from"../ChartsContainer/useChartsContainerProps.mjs";import{FocusedScatterMark as a}from"./FocusedScatterMark.mjs";import{jsx as p,jsxs as d}from"react/jsx-runtime";import{ChartsTooltip as u}from"../ChartsTooltip/ChartsTooltip.mjs";import{ChartsDataProvider as m}from"../ChartsDataProvider/ChartsDataProvider.mjs";import{ChartsWrapper as f}from"../ChartsWrapper/ChartsWrapper.mjs";import{ChartsLegend as l}from"../ChartsLegend/ChartsLegend.mjs";import{ChartsSurface as h}from"../ChartsSurface/ChartsSurface.mjs";import{ChartsAxis as c}from"../ChartsAxis/ChartsAxis.mjs";import{ChartsGrid as b}from"../ChartsGrid/ChartsGrid.mjs";import{ChartsOverlay as O}from"../ChartsOverlay/ChartsOverlay.mjs";import{ChartsAxisHighlight as g}from"../ChartsAxisHighlight/ChartsAxisHighlight.mjs";const y=r.forwardRef(function(r,i){const y=s({props:r,name:"MuiScatterChart"}),{chartsWrapperProps:R,chartsContainerProps:q,chartsAxisProps:x,gridProps:C,scatterPlotProps:T,overlayProps:j,legendProps:I,axisHighlightProps:v,children:P}=t(y),{chartsDataProviderProps:A,chartsSurfaceProps:D}=n(q),w=y.slots?.tooltip??u,k=y.slots?.toolbar;return p(m,e({},A,{children:d(f,e({},R,{ref:i,children:[y.showToolbar&&k?p(k,e({},y.slotProps?.toolbar)):null,!y.hideLegend&&p(l,e({},I)),d(h,e({},D,{children:[p(c,e({},x)),p(b,e({},C)),p("g",{"data-drawing-container":!0,children:p(o,e({},T))}),p(O,e({},j)),p(g,e({},v)),p(a,{}),P]})),!y.loading&&p(w,e({trigger:"item"},y.slotProps?.tooltip))]}))}))});"production"!==process.env.NODE_ENV&&(y.displayName="ScatterChart"),"production"!==process.env.NODE_ENV&&(y.propTypes={apiRef:i.shape({current:i.object}),axesGap:i.number,axisHighlight:i.shape({x:i.oneOf(["band","line","none"]),y:i.oneOf(["band","line","none"])}),brushConfig:i.shape({enabled:i.bool,preventHighlight:i.bool,preventTooltip:i.bool}),children:i.node,className:i.string,colors:i.oneOfType([i.arrayOf(i.string),i.func]),dataset:i.arrayOf(i.object),desc:i.string,disableAxisListener:i.bool,disableClosestPoint:i.bool,disableHitArea:i.bool,disableKeyboardNavigation:i.bool,disableVoronoi:i.bool,experimentalFeatures:i.shape({progressiveRendering:i.bool}),grid:i.shape({horizontal:i.bool,vertical:i.bool}),height:i.number,hiddenItems:i.arrayOf(i.oneOfType([i.shape({dataIndex:i.number,seriesId:i.string.isRequired,type:i.oneOf(["scatter"]).isRequired}),i.shape({dataIndex:i.number,seriesId:i.string.isRequired,type:i.oneOf(["scatter"])})]).isRequired),hideLegend:i.bool,highlightedItem:i.oneOfType([i.shape({dataIndex:i.number,seriesId:i.string.isRequired}),i.shape({dataIndex:i.number,seriesId:i.string.isRequired,type:i.oneOf(["scatter"]).isRequired})]),hitAreaRadius:i.oneOfType([i.oneOf(["item"]),i.number]),id:i.string,initialHiddenItems:i.arrayOf(i.oneOfType([i.shape({dataIndex:i.number,seriesId:i.string.isRequired,type:i.oneOf(["scatter"]).isRequired}),i.shape({dataIndex:i.number,seriesId:i.string.isRequired,type:i.oneOf(["scatter"])})]).isRequired),loading:i.bool,localeText:i.object,margin:i.oneOfType([i.number,i.shape({bottom:i.number,left:i.number,right:i.number,top:i.number})]),onAxisClick:i.func,onHiddenItemsChange:i.func,onHighlightChange:i.func,onItemClick:i.func,onTooltipAxisChange:i.func,onTooltipItemChange:i.func,renderer:i.oneOf(["svg-batch","svg-progressive","svg-single"]),series:i.arrayOf(i.object).isRequired,showToolbar:i.bool,skipAnimation:i.bool,slotProps:i.object,slots:i.object,sx:i.oneOfType([i.arrayOf(i.oneOfType([i.func,i.object,i.bool])),i.func,i.object]),theme:i.oneOf(["dark","light"]),title:i.string,tooltipAxis:i.arrayOf(i.shape({axisId:i.oneOfType([i.number,i.string]).isRequired,dataIndex:i.number.isRequired})),tooltipItem:i.oneOfType([i.shape({dataIndex:i.number.isRequired,seriesId:i.string.isRequired}),i.shape({dataIndex:i.number.isRequired,seriesId:i.string.isRequired,type:i.oneOf(["scatter"]).isRequired})]),width:i.number,xAxis:i.arrayOf(i.object),yAxis:i.arrayOf(i.object),zAxis:i.arrayOf(i.shape({colorMap:i.oneOfType([i.shape({color:i.oneOfType([i.arrayOf(i.string.isRequired),i.func]).isRequired,max:i.oneOfType([i.instanceOf(Date),i.number]),min:i.oneOfType([i.instanceOf(Date),i.number]),type:i.oneOf(["continuous"]).isRequired,unknownColor:i.string}),i.shape({colors:i.arrayOf(i.string).isRequired,thresholds:i.arrayOf(i.oneOfType([i.instanceOf(Date),i.number]).isRequired).isRequired,type:i.oneOf(["piecewise"]).isRequired,unknownColor:i.string}),i.shape({colors:i.arrayOf(i.string).isRequired,type:i.oneOf(["ordinal"]).isRequired,unknownColor:i.string,values:i.arrayOf(i.oneOfType([i.instanceOf(Date),i.number,i.string]).isRequired)})]),data:i.array,dataKey:i.string,id:i.string,max:i.number,min:i.number,sizeMap:i.oneOfType([i.shape({interpolator:i.oneOf(["linear","log","sqrt"]),max:i.oneOfType([i.instanceOf(Date),i.number]),min:i.oneOfType([i.instanceOf(Date),i.number]),size:i.arrayOf(i.number.isRequired).isRequired,type:i.oneOf(["continuous"]).isRequired}),i.shape({max:i.oneOfType([i.instanceOf(Date),i.number]),min:i.oneOfType([i.instanceOf(Date),i.number]),size:i.func.isRequired,type:i.oneOf(["continuous"]).isRequired}),i.shape({sizes:i.arrayOf(i.number).isRequired,thresholds:i.arrayOf(i.oneOfType([i.instanceOf(Date),i.number]).isRequired).isRequired,type:i.oneOf(["piecewise"]).isRequired}),i.shape({sizes:i.arrayOf(i.number).isRequired,type:i.oneOf(["ordinal"]).isRequired,unknownSize:i.number,values:i.arrayOf(i.oneOfType([i.instanceOf(Date),i.number,i.string]).isRequired)})]),valueGetter:i.func}))});export{y as ScatterChart};
|
|
1
|
+
import e from"../../../@babel/runtime/helpers/esm/extends.mjs";import*as r from"react";import i from"../../../../_virtual/index.mjs";import{useThemeProps as s}from"@mui/material/styles";import{ScatterPlot as o}from"./ScatterPlot.mjs";import{useScatterChartProps as t}from"./useScatterChartProps.mjs";import{useChartsContainerProps as n}from"../ChartsContainer/useChartsContainerProps.mjs";import{FocusedScatterMark as a}from"./FocusedScatterMark.mjs";import{jsx as p,jsxs as d}from"react/jsx-runtime";import{ChartsTooltip as u}from"../ChartsTooltip/ChartsTooltip.mjs";import{ChartsDataProvider as m}from"../ChartsDataProvider/ChartsDataProvider.mjs";import{ChartsWrapper as f}from"../ChartsWrapper/ChartsWrapper.mjs";import{ChartsLegend as l}from"../ChartsLegend/ChartsLegend.mjs";import{ChartsSurface as h}from"../ChartsSurface/ChartsSurface.mjs";import{ChartsAxis as c}from"../ChartsAxis/ChartsAxis.mjs";import{ChartsGrid as b}from"../ChartsGrid/ChartsGrid.mjs";import{ChartsOverlay as O}from"../ChartsOverlay/ChartsOverlay.mjs";import{ChartsAxisHighlight as g}from"../ChartsAxisHighlight/ChartsAxisHighlight.mjs";const y=r.forwardRef(function(r,i){const y=s({props:r,name:"MuiScatterChart"}),{chartsWrapperProps:R,chartsContainerProps:q,chartsAxisProps:x,gridProps:C,scatterPlotProps:T,overlayProps:j,legendProps:I,axisHighlightProps:v,children:P}=t(y),{chartsDataProviderProps:A,chartsSurfaceProps:D}=n(q),w=y.slots?.tooltip??u,k=y.slots?.toolbar;return p(m,e({},A,{children:d(f,e({},R,{ref:i,children:[y.showToolbar&&k?p(k,e({},y.slotProps?.toolbar)):null,!y.hideLegend&&p(l,e({},I)),d(h,e({},D,{children:[p(c,e({},x)),p(b,e({},C)),p("g",{"data-drawing-container":!0,children:p(o,e({},T))}),p(O,e({},j)),p(g,e({},v)),p(a,{}),P]})),!y.loading&&p(w,e({trigger:"item"},y.slotProps?.tooltip))]}))}))});"production"!==process.env.NODE_ENV&&(y.displayName="ScatterChart"),"production"!==process.env.NODE_ENV&&(y.propTypes={apiRef:i.shape({current:i.object}),axesGap:i.number,axisHighlight:i.shape({x:i.oneOf(["band","line","none"]),y:i.oneOf(["band","line","none"])}),brushConfig:i.shape({enabled:i.bool,preventHighlight:i.bool,preventTooltip:i.bool}),children:i.node,className:i.string,colors:i.oneOfType([i.arrayOf(i.string),i.func]),dataset:i.arrayOf(i.object),desc:i.string,disableAxisListener:i.bool,disableClosestPoint:i.bool,disableHitArea:i.bool,disableKeyboardNavigation:i.bool,disableVoronoi:i.bool,experimentalFeatures:i.shape({keyboardActivation:i.bool,progressiveRendering:i.bool}),grid:i.shape({horizontal:i.bool,vertical:i.bool}),height:i.number,hiddenItems:i.arrayOf(i.oneOfType([i.shape({dataIndex:i.number,seriesId:i.string.isRequired,type:i.oneOf(["scatter"]).isRequired}),i.shape({dataIndex:i.number,seriesId:i.string.isRequired,type:i.oneOf(["scatter"])})]).isRequired),hideLegend:i.bool,highlightedItem:i.oneOfType([i.shape({dataIndex:i.number,seriesId:i.string.isRequired}),i.shape({dataIndex:i.number,seriesId:i.string.isRequired,type:i.oneOf(["scatter"]).isRequired})]),hitAreaRadius:i.oneOfType([i.oneOf(["item"]),i.number]),id:i.string,initialHiddenItems:i.arrayOf(i.oneOfType([i.shape({dataIndex:i.number,seriesId:i.string.isRequired,type:i.oneOf(["scatter"]).isRequired}),i.shape({dataIndex:i.number,seriesId:i.string.isRequired,type:i.oneOf(["scatter"])})]).isRequired),loading:i.bool,localeText:i.object,margin:i.oneOfType([i.number,i.shape({bottom:i.number,left:i.number,right:i.number,top:i.number})]),onAxisClick:i.func,onHiddenItemsChange:i.func,onHighlightChange:i.func,onItemClick:i.func,onTooltipAxisChange:i.func,onTooltipItemChange:i.func,renderer:i.oneOf(["svg-batch","svg-progressive","svg-single"]),series:i.arrayOf(i.object).isRequired,showToolbar:i.bool,skipAnimation:i.bool,slotProps:i.object,slots:i.object,sx:i.oneOfType([i.arrayOf(i.oneOfType([i.func,i.object,i.bool])),i.func,i.object]),theme:i.oneOf(["dark","light"]),title:i.string,tooltipAxis:i.arrayOf(i.shape({axisId:i.oneOfType([i.number,i.string]).isRequired,dataIndex:i.number.isRequired})),tooltipItem:i.oneOfType([i.shape({dataIndex:i.number.isRequired,seriesId:i.string.isRequired}),i.shape({dataIndex:i.number.isRequired,seriesId:i.string.isRequired,type:i.oneOf(["scatter"]).isRequired})]),width:i.number,xAxis:i.arrayOf(i.object),yAxis:i.arrayOf(i.object),zAxis:i.arrayOf(i.shape({colorMap:i.oneOfType([i.shape({color:i.oneOfType([i.arrayOf(i.string.isRequired),i.func]).isRequired,max:i.oneOfType([i.instanceOf(Date),i.number]),min:i.oneOfType([i.instanceOf(Date),i.number]),type:i.oneOf(["continuous"]).isRequired,unknownColor:i.string}),i.shape({colors:i.arrayOf(i.string).isRequired,thresholds:i.arrayOf(i.oneOfType([i.instanceOf(Date),i.number]).isRequired).isRequired,type:i.oneOf(["piecewise"]).isRequired,unknownColor:i.string}),i.shape({colors:i.arrayOf(i.string).isRequired,type:i.oneOf(["ordinal"]).isRequired,unknownColor:i.string,values:i.arrayOf(i.oneOfType([i.instanceOf(Date),i.number,i.string]).isRequired)})]),data:i.array,dataKey:i.string,id:i.string,max:i.number,min:i.number,sizeMap:i.oneOfType([i.shape({interpolator:i.oneOf(["linear","log","sqrt"]),max:i.oneOfType([i.instanceOf(Date),i.number]),min:i.oneOfType([i.instanceOf(Date),i.number]),size:i.arrayOf(i.number.isRequired).isRequired,type:i.oneOf(["continuous"]).isRequired}),i.shape({max:i.oneOfType([i.instanceOf(Date),i.number]),min:i.oneOfType([i.instanceOf(Date),i.number]),size:i.func.isRequired,type:i.oneOf(["continuous"]).isRequired}),i.shape({sizes:i.arrayOf(i.number).isRequired,thresholds:i.arrayOf(i.oneOfType([i.instanceOf(Date),i.number]).isRequired).isRequired,type:i.oneOf(["piecewise"]).isRequired}),i.shape({sizes:i.arrayOf(i.number).isRequired,type:i.oneOf(["ordinal"]).isRequired,unknownSize:i.number,values:i.arrayOf(i.oneOfType([i.instanceOf(Date),i.number,i.string]).isRequired)})]),valueGetter:i.func}))});export{y as ScatterChart};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import s from"../../../../../_virtual/index.mjs";import{ScatterAsyncBatch as
|
|
1
|
+
import*as e from"react";import s from"../../../../../_virtual/index.mjs";import{ScatterAsyncBatch as t}from"./ScatterAsyncBatch.mjs";import{useStore as r}from"../../internals/store/useStore.mjs";import{selectorScatterSeriesRenderData as i}from"./scatterRenderData.selectors.mjs";import{useRegisterItemActivation as o}from"../../internals/useRegisterItemActivation.mjs";import{jsx as n}from"react/jsx-runtime";import{selectorProgressiveBatchSize as a,selectorProgressiveSeriesRevealedBatches as c}from"../../internals/plugins/featurePlugins/useProgressiveRendering/useProgressiveRendering.selectors.mjs";import{selectorChartZoomIsInteracting as l}from"../../internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.mjs";function m(e,s,t){return s<=0?1:s*Math.max(1,Math.ceil(e/(t*s)))}function u(s){const{series:u,colorGetter:p,onItemClick:d,slots:f,slotProps:g,classes:j}=s,h=r(),x=h.use(a),R=h.use(c,u.id),I=h.use(l),C=h.use(i,u.id),P=C?.count??0,v=0===P?0:Math.ceil(P/Math.max(1,x)),q=I?Math.min(1,v):v,y=m(P,v,2e3);o({type:"scatter",seriesId:u.id},d&&((e,s)=>d(e,{type:"scatter",seriesId:u.id,dataIndex:s.dataIndex})));const M=[];for(let e=0;e<q;e+=1)M.push(n(t,{series:u,colorGetter:p,onItemClick:d,slots:f,slotProps:g,start:I?0:e,step:I?y:v,classes:j,revealed:I||e<R,isInteracting:I},e));return n(e.Fragment,{children:M})}"production"!==process.env.NODE_ENV&&(u.propTypes={classes:s.object,color:s.string.isRequired,colorGetter:s.func.isRequired,onItemClick:s.func,series:s.object.isRequired,slotProps:s.object,slots:s.object,xScale:s.func.isRequired,yScale:s.func.isRequired});export{u as ScatterAsync,m as getInteractionStep};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{GestureManager as r}from"../../../../../x-internal-gestures/core/GestureManager.mjs";import{PanGesture as t}from"../../../../../x-internal-gestures/core/gestures/PanGesture.mjs";import{MoveGesture as n}from"../../../../../x-internal-gestures/core/gestures/MoveGesture.mjs";import{TapGesture as s}from"../../../../../x-internal-gestures/core/gestures/TapGesture.mjs";import{PressGesture as a}from"../../../../../x-internal-gestures/core/gestures/PressGesture.mjs";const u=e=>e.preventDefault(),o=({instance:o})=>{const{chartsLayerContainerRef:c}=o,i=e.useRef(null);e.useEffect(()=>{const e=c.current;i.current||(i.current=new r({gestures:[new t({name:"pan",threshold:0,maxPointers:1}),new n({name:"move",preventIf:["pan","zoomPinch","zoomPan"]}),new s({name:"tap",preventIf:["
|
|
1
|
+
import*as e from"react";import{GestureManager as r}from"../../../../../x-internal-gestures/core/GestureManager.mjs";import{PanGesture as t}from"../../../../../x-internal-gestures/core/gestures/PanGesture.mjs";import{MoveGesture as n}from"../../../../../x-internal-gestures/core/gestures/MoveGesture.mjs";import{TapGesture as s}from"../../../../../x-internal-gestures/core/gestures/TapGesture.mjs";import{PressGesture as a}from"../../../../../x-internal-gestures/core/gestures/PressGesture.mjs";const u=e=>e.preventDefault(),o=({instance:o})=>{const{chartsLayerContainerRef:c}=o,i=e.useRef(null);e.useEffect(()=>{const e=c.current;i.current||(i.current=new r({gestures:[new t({name:"pan",threshold:0,maxPointers:1}),new n({name:"move",preventIf:["pan","zoomPinch","zoomPan"]}),new s({name:"tap",preventIf:["zoomPinch","zoomPan"]}),new a({name:"quickPress",duration:50}),new t({name:"brush",threshold:0,maxPointers:1})]}));const u=i.current;if(e&&u)return u.registerElement(["pan","move","tap","quickPress","brush"],e),()=>{u.destroy(),i.current=null}},[c,i]);const m=e.useCallback((e,r,t)=>{const n=c.current;return n?.addEventListener(e,r,t),{cleanup:()=>n?.removeEventListener(e,r,t)}},[c]),g=e.useCallback((e,r)=>{const t=c.current,n=i.current;n&&t&&n.setGestureOptions(e,t,r??{})},[c,i]);e.useEffect(()=>{const e=c.current;return e?.addEventListener("gesturestart",u),e?.addEventListener("gesturechange",u),e?.addEventListener("gestureend",u),()=>{e?.removeEventListener("gesturestart",u),e?.removeEventListener("gesturechange",u),e?.removeEventListener("gestureend",u)}},[c]);return{instance:{addInteractionListener:m,updateZoomInteractionListeners:g,registerGestures:e.useCallback(e=>{const r=c.current,t=i.current;if(!t||!r)return()=>{};const n=e.map(e=>e.name);return t.addGestures(e),t.registerElement(n,r),()=>{t.removeGestures(n)}},[c,i])}}};o.params={},o.getInitialState=()=>({});export{o as useChartInteractionListener};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e=new Set(["bar","rangeBar","line"]);function s({axisId:s,dataIndex:a,isXAxis:r,axes:i,processedSeries:t}){const n=i[s]?.data?.[a];if(void 0===n)return null;const d={};return Object.keys(t).filter(s=>e.has(s)).forEach(e=>{const i=t[e];i?.seriesOrder.forEach(e=>{const t=i.series[e],n=t.xAxisId,o=t.yAxisId,c=r?n:o;void 0!==c&&c!==s||(d[e]=t.data[a])})}),{dataIndex:a,axisValue:n,seriesValues:d}}export{s as getAxisClickPayload};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"../../../../../../@babel/runtime/helpers/esm/extends.mjs";import*as t from"react";import{selectorChartSeriesProcessed as i}from"../../corePlugins/useChartSeries/useChartSeries.selectors.mjs";import{defaultizeYAxis as s,defaultizeXAxis as a}from"./defaultizeAxis.mjs";import{selectorChartXAxis as r,selectorChartYAxis as n}from"./useChartCartesianAxisRendering.selectors.mjs";import{getAxisIndex as o}from"./getAxisValue.mjs";import{getChartPoint as l}from"../../../getChartPoint.mjs";import{selectorChartAxisInteraction as c}from"./useChartCartesianInteraction.selectors.mjs";import{checkHasInteractionPlugin as d}from"../useChartInteraction/checkHasInteractionPlugin.mjs";import{
|
|
1
|
+
import e from"../../../../../../@babel/runtime/helpers/esm/extends.mjs";import*as t from"react";import{selectorChartSeriesProcessed as i}from"../../corePlugins/useChartSeries/useChartSeries.selectors.mjs";import{defaultizeYAxis as s,defaultizeXAxis as a}from"./defaultizeAxis.mjs";import{selectorChartXAxis as r,selectorChartYAxis as n}from"./useChartCartesianAxisRendering.selectors.mjs";import{getAxisIndex as o}from"./getAxisValue.mjs";import{getChartPoint as l}from"../../../getChartPoint.mjs";import{selectorChartAxisInteraction as c}from"./useChartCartesianInteraction.selectors.mjs";import{checkHasInteractionPlugin as d}from"../useChartInteraction/checkHasInteractionPlugin.mjs";import{getAxisClickPayload as x}from"./getAxisClickPayload.mjs";import{warnOnce as m}from"../../../../../x-internals/warning/warning.mjs";import{selectorChartsInteractionIsInitialized as u}from"../useChartInteraction/useChartInteraction.selectors.mjs";import{useAssertModelConsistency as p}from"../../../../../x-internals/useAssertModelConsistency/useAssertModelConsistency.mjs";import h from"../../../../../utils/useEnhancedEffect/useEnhancedEffect.mjs";import{useStoreEffect as f}from"../../../../../x-internals/store/useStoreEffect.mjs";import{rainbowSurgePalette as g}from"../../../../colorPalettes/categorical/rainbowSurge.mjs";const A=({params:e,store:g,instance:A})=>{const{chartsLayerContainerRef:C}=A,{xAxis:I,yAxis:v,dataset:E,onHighlightedAxisChange:j,onTooltipAxisChange:P,axesGap:G}=e;if("production"!==process.env.NODE_ENV){const e=[...I??[],...v??[]].filter(e=>e.id).map(e=>e.id),t=new Set(e.filter((t,i)=>e.indexOf(t)!==i));t.size>0&&m([`MUI X Charts: The following axis ids are duplicated: ${Array.from(t).join(", ")}.`,"Please make sure that each axis has a unique id."].join("\n"),"error")}const y=g.use(i),L=g.use(u),{axis:b,axisIds:k}=g.use(r),{axis:z,axisIds:w}=g.use(n);p({warningPrefix:"MUI X Charts",componentName:"Chart",propName:"highlightedAxis",controlled:e.highlightedAxis,defaultValue:void 0}),p({warningPrefix:"MUI X Charts",componentName:"Chart",propName:"tooltipAxis",controlled:e.tooltipAxis,defaultValue:void 0}),h(()=>{void 0!==e.highlightedAxis&&g.set("controlledCartesianAxisHighlight",e.highlightedAxis)},[g,e.highlightedAxis]),h(()=>{void 0!==e.tooltipAxis&&g.set("controlledCartesianAxisTooltip",e.tooltipAxis)},[g,e.tooltipAxis]);const S=t.useRef(!0);t.useEffect(()=>{S.current?S.current=!1:g.set("cartesianAxis",{axesGap:G,x:a(I,E,G),y:s(v,E,G)})},[I,v,E,G,g]);const N=k[0],X=w[0];f(g,c,(e,t)=>{if((j||P)&&!Object.is(e,t))return e.length!==t.length?(j?.(t),void P?.(t)):void(e?.some(({axisId:e,dataIndex:i},s)=>t[s].axisId!==e||t[s].dataIndex!==i)&&(j?.(t),P?.(t)))});const H=d(A);return t.useEffect(()=>{const t=C.current;if(!L||!H||!t||e.disableAxisListener)return()=>{};const i=A.addInteractionListener("moveEnd",e=>{e.detail.activeGestures.pan||A.cleanInteraction()}),s=A.addInteractionListener("panEnd",e=>{e.detail.activeGestures.move||A.cleanInteraction()}),a=A.addInteractionListener("quickPressEnd",e=>{e.detail.activeGestures.move||e.detail.activeGestures.pan||A.cleanInteraction()}),r=e=>{const i=e.detail.srcEvent,s=e.detail.target,a=l(t,i);e.detail.srcEvent.buttons>=1&&s?.hasPointerCapture(e.detail.srcEvent.pointerId)&&!s?.closest("[data-charts-zoom-slider]")&&s?.releasePointerCapture(e.detail.srcEvent.pointerId),A.isPointInside(a.x,a.y,s)?A.setPointerCoordinate(a):A.cleanInteraction?.()},n=A.addInteractionListener("move",r),o=A.addInteractionListener("pan",r),c=A.addInteractionListener("quickPress",r);return()=>{n.cleanup(),i.cleanup(),o.cleanup(),s.cleanup(),c.cleanup(),a.cleanup()}},[C,g,b,N,z,X,A,e.disableAxisListener,L,H]),t.useEffect(()=>{const t=C.current,i=e.onAxisClick;if(null===t||!i)return()=>{};const s=A.addInteractionListener("tap",e=>{const s=l(t,e.detail.srcEvent),a=o(b[N],s.x),r=-1!==a,n=r?a:o(z[X],s.y);if(-1===n)return;const c=x({axisId:r?k[0]:w[0],dataIndex:n,isXAxis:r,axes:r?b:z,processedSeries:y});null!==c&&i(e.detail.srcEvent,c)});return()=>{s.cleanup()}},[e.onAxisClick,y,C,b,k,z,w,N,X,A]),{}};A.params={xAxis:!0,yAxis:!0,dataset:!0,onAxisClick:!0,disableAxisListener:!0,onHighlightedAxisChange:!0,highlightedAxis:!0,onTooltipAxisChange:!0,tooltipAxis:!0,axesGap:!0},A.getDefaultizedParams=({params:t})=>e({},t,{axesGap:t.axesGap??0,colors:t.colors??g,theme:t.theme??"light",defaultizedXAxis:a(t.xAxis,t.dataset,t.axesGap??0),defaultizedYAxis:s(t.yAxis,t.dataset,t.axesGap??0)}),A.getInitialState=t=>e({cartesianAxis:{axesGap:t.axesGap,x:t.defaultizedXAxis,y:t.defaultizedYAxis}},void 0===t.highlightedAxis?{}:{controlledCartesianAxisHighlight:t.highlightedAxis});export{A as useChartCartesianAxis};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"../../../../../../@babel/runtime/helpers/esm/extends.mjs";import*as t from"react";import{getChartPoint as i}from"../../../getChartPoint.mjs";import{selectorChartSeriesProcessed as s}from"../../corePlugins/useChartSeries/useChartSeries.selectors.mjs";import{findClosestPoints as a}from"./findClosestPoints.mjs";import{selectorChartXAxis as
|
|
1
|
+
import e from"../../../../../../@babel/runtime/helpers/esm/extends.mjs";import*as t from"react";import{getChartPoint as i}from"../../../getChartPoint.mjs";import{selectorChartSeriesProcessed as s}from"../../corePlugins/useChartSeries/useChartSeries.selectors.mjs";import{findClosestPoints as a}from"./findClosestPoints.mjs";import{selectorChartXAxis as r,selectorChartYAxis as n,selectorChartZoomIsInteracting as o,selectorChartSeriesEmptyFlatbushMap as d,selectorChartSeriesFlatbushMap as c,selectorChartAxisZoomData as l}from"../useChartCartesianAxis/useChartCartesianAxisRendering.selectors.mjs";import u from"../../../../../utils/useEnhancedEffect/useEnhancedEffect.mjs";import m from"../../../../../utils/useEventCallback/useEventCallback.mjs";function I(e,t){if(void 0===t)return!0;if(e.edgeDistance<=0){if(t.edgeDistance>0)return!0;return e.edgeDistance+e.radius<t.edgeDistance+t.radius}return!(t.edgeDistance<=0)&&e.edgeDistance<t.edgeDistance}const p=({params:e,store:p,instance:f})=>{const{chartsLayerContainerRef:v}=f,{disableHitArea:g,hitAreaRadius:h,onItemClick:x}=e,E=g,b=h,{axis:y,axisIds:A}=p.use(r),{axis:C,axisIds:H}=p.use(n),D=p.use(o),{series:L,seriesOrder:j}=p.use(s)?.scatter??{},P=p.use(D?d:c),T=A[0],k=H[0];u(()=>{p.set("voronoi",{isVoronoiEnabled:!E})},[p,E]),t.useEffect(()=>{if(null===v.current||E)return;const e=v.current;function t(t){const s=i(e,t);if(!f.isPointInside(s.x,s.y))return"outside-chart";let r;for(const e of j??[]){const t=(L??{})[e],i=P.get(e);if(!i||t.hidden)continue;const{flatbush:n,getItemRadius:o,maxItemRadius:d}=i,c=t.xAxisId??T,u=t.yAxisId??k,m=l(p.state,c),f=l(p.state,u),v="item"===b?d:b,g=(m?.start??0)/100,h=(m?.end??100)/100,x=(f?.start??0)/100,E=(f?.end??100)/100,A=y[c].scale,H=C[u].scale,D=a(n,t.data,A,H,g,h,x,E,s.x,s.y,v,1,o)[0];if(void 0===D)continue;const j=t.data[D],R=A(j.x),V=H(j.y),G=Math.hypot(R-s.x,V-s.y),S="number"==typeof o?o:o(D),q=G-S;if("item"===b&&q>0)continue;const z={dataIndex:D,seriesId:e,edgeDistance:q,radius:S};I(z,r)&&(r=z)}return void 0===r?"no-point-found":{seriesId:r.seriesId,dataIndex:r.dataIndex}}const s=f.addInteractionListener("moveEnd",e=>{e.detail.activeGestures.pan||(f.cleanInteraction?.(),f.clearHighlight?.(),f.removeTooltipItem?.())}),r=f.addInteractionListener("panEnd",e=>{e.detail.activeGestures.move||(f.cleanInteraction?.(),f.clearHighlight?.(),f.removeTooltipItem?.())}),n=f.addInteractionListener("quickPressEnd",e=>{e.detail.activeGestures.move||e.detail.activeGestures.pan||(f.cleanInteraction?.(),f.clearHighlight?.(),f.removeTooltipItem?.())}),o=e=>{const i=t(e.detail.srcEvent);if("outside-chart"===i)return f.cleanInteraction?.(),f.clearHighlight?.(),void f.removeTooltipItem?.();if("outside-voronoi-max-radius"===i||"no-point-found"===i)return f.removeTooltipItem?.(),f.clearHighlight?.(),void f.removeTooltipItem?.();const{seriesId:s,dataIndex:a}=i;f.setTooltipItem?.({type:"scatter",seriesId:s,dataIndex:a}),f.setLastUpdateSource?.("pointer"),f.setHighlight?.({type:"scatter",seriesId:s,dataIndex:a})},d=f.addInteractionListener("tap",e=>{const i=t(e.detail.srcEvent);if("string"!=typeof i&&x){const{seriesId:t,dataIndex:s}=i;x(e.detail.srcEvent,{type:"scatter",seriesId:t,dataIndex:s})}}),c=f.addInteractionListener("move",o),u=f.addInteractionListener("pan",o),m=f.addInteractionListener("quickPress",o);return()=>{d.cleanup(),c.cleanup(),s.cleanup(),u.cleanup(),r.cleanup(),m.cleanup(),n.cleanup()}},[v,C,y,b,x,E,f,j,L,P,T,k,p]),t.useEffect(()=>{if(x&&f.registerItemActivationHandler)return f.registerItemActivationHandler({type:"scatter"},(e,t)=>{"scatter"===t.type&&x(e,{type:"scatter",seriesId:t.seriesId,dataIndex:t.dataIndex})})},[f,x]);return{instance:{enableVoronoi:m(()=>{p.set("voronoi",{isVoronoiEnabled:!0})}),disableVoronoi:m(()=>{p.set("voronoi",{isVoronoiEnabled:!1})})}}};p.getDefaultizedParams=({params:t})=>e({},t,{disableHitArea:t.disableHitArea??!t.series.some(e=>"scatter"===e.type)}),p.getInitialState=e=>({voronoi:{isVoronoiEnabled:!e.disableHitArea}}),p.params={disableHitArea:!0,hitAreaRadius:!0,onItemClick:!0};export{p as useChartClosestPoint};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function e(e){return"Enter"===e.key||" "===e.key}function n(e,n){return void 0!==e.type&&e.type!==n.type?null:void 0===e.seriesId||"seriesId"in n&&e.seriesId===n.seriesId?(void 0===e.type?0:1)+(void 0===e.seriesId?0:1):null}function t(e,t){let i=null,o=-1,r=-1;for(const s of e){const e=n(s.scope,t),c=s.scope.priority??0;null!==e&&(void 0===s.scope.canActivate||s.scope.canActivate(t))&&(e>o||e===o&&c>r)&&(i=s.handler,o=e,r=c)}return i}export{t as findItemActivationHandler,e as isItemActivationKey};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"../../../../../../@babel/runtime/helpers/esm/extends.mjs";import*as t from"react";import{selectorChartDefaultizedSeries as a}from"../../corePlugins/useChartSeries/useChartSeries.selectors.mjs";import i from"../../../../../utils/useEnhancedEffect/useEnhancedEffect.mjs";import{selectorChartSeriesConfig as
|
|
1
|
+
import e from"../../../../../../@babel/runtime/helpers/esm/extends.mjs";import*as t from"react";import{selectorChartDefaultizedSeries as a}from"../../corePlugins/useChartSeries/useChartSeries.selectors.mjs";import{isItemActivationKey as i,findItemActivationHandler as n}from"./itemActivation.mjs";import{selectorChartsIsKeyboardActivationEnabled as o}from"./useChartKeyboardNavigation.selectors.mjs";import r from"../../../../../utils/useEnhancedEffect/useEnhancedEffect.mjs";import{selectorChartSeriesConfig as s}from"../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.selectors.mjs";const d=({params:d,store:c,instance:u})=>{const{chartsLayerContainerRef:l}=u,g=t.useRef(new Map),v=t.useRef(0),b=t.useCallback((e,t)=>{const a=v.current;v.current+=1;const i=g.current;return i.set(a,{scope:e,handler:t}),()=>{i.delete(a)}},[]);return t.useEffect(()=>{const t=l.current;if(t&&!d.disableKeyboardNavigation)return t.addEventListener("keydown",v),t.addEventListener("keydown",b),t.addEventListener("focusout",r),t.addEventListener("focusin",u),()=>{t.removeEventListener("keydown",v),t.removeEventListener("keydown",b),t.removeEventListener("focusout",r),t.removeEventListener("focusin",u)};function r(t){const a=t.currentTarget,i=t.relatedTarget;a&&null!==i&&a.contains(i)||c.state.keyboardNavigation.isFocused&&c.set("keyboardNavigation",e({},c.state.keyboardNavigation,{isFocused:!1}))}function u(){c.state.keyboardNavigation.isFocused||c.update(e({},c.state.highlight&&{highlight:e({},c.state.highlight,{lastUpdate:"keyboard"})},c.state.interaction&&{interaction:e({},c.state.interaction,{lastUpdate:"keyboard"})},{keyboardNavigation:e({},c.state.keyboardNavigation,{isFocused:!0})}))}function v(e){if(e.repeat||!i(e)||!o(c.state))return;const t=c.state.keyboardNavigation.item;if(null===t||!c.state.keyboardNavigation.isFocused)return;const a=n(g.current.values(),t);null!==a&&(e.preventDefault(),a(e,t))}function b(t){let i=c.state.keyboardNavigation.item;const n=s(c.state);let o=i?.type;if(!o&&(o=Object.keys(a(c.state)).find(e=>void 0!==n[e]),void 0===o))return;const r=n[o]?.keyboardFocusHandler?.(t);r&&(i=r(i,c.state),i!==c.state.keyboardNavigation.item&&(t.preventDefault(),c.update(e({},c.state.highlight&&{highlight:e({},c.state.highlight,{lastUpdate:"keyboard"})},c.state.interaction&&{interaction:e({},c.state.interaction,{lastUpdate:"keyboard"})},{keyboardNavigation:e({},c.state.keyboardNavigation,{item:i})}))))}},[l,d.disableKeyboardNavigation,c]),r(()=>{c.set("keyboardNavigation",e({},c.state.keyboardNavigation,{enabled:!d.disableKeyboardNavigation}))},[c,d.disableKeyboardNavigation]),{instance:{registerItemActivationHandler:b}}};d.getInitialState=e=>({keyboardNavigation:{item:null,isFocused:!1,enabled:!e.disableKeyboardNavigation}}),d.params={disableKeyboardNavigation:!0};export{d as useChartKeyboardNavigation};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{selectorChartXAxis as e,selectorChartYAxis as i}from"../useChartCartesianAxis/useChartCartesianAxisRendering.selectors.mjs";import{createSelector as
|
|
1
|
+
import{selectorChartXAxis as e,selectorChartYAxis as i}from"../useChartCartesianAxis/useChartCartesianAxisRendering.selectors.mjs";import{createSelector as t,createSelectorMemoized as s}from"../../../../../x-internals/store/createSelector.mjs";import{selectorChartSeriesProcessed as r}from"../../corePlugins/useChartSeries/useChartSeries.selectors.mjs";import{fastObjectShallowCompare as n}from"../../../../../x-internals/fastObjectShallowCompare/fastObjectShallowCompare.mjs";const a=e=>e.keyboardNavigation,o=t(a,(e,i)=>!0===e?.isFocused&&null!=e?.item&&n(e.item,i)),l=t(a,e=>!0===e?.isFocused&&null!=e?.item),d=t(a,e=>!0===e?.isFocused?e?.item??null:null),u=t(a,e=>e?.item??null),m=t(a,e=>!!e?.enabled),x=t(a,e=>e.experimentalFeatures?.keyboardActivation,(e,i)=>!0===i&&!!e?.enabled),c=e=>(i,t,s)=>{if(null==i||!("dataIndex"in i)||void 0===i.dataIndex)return;const r=s[i.type]?.series[i.seriesId];if(!r)return;let n="x"===e?"xAxisId"in r&&r.xAxisId:"yAxisId"in r&&r.yAxisId;return void 0!==n&&!1!==n||(n=t.axisIds[0]),{axisId:n,dataIndex:i.dataIndex}},I=t(d,e,r,c("x")),f=t(d,i,r,c("y")),p=s(a,function(e){if(!0!==e?.isFocused||null==e?.item)return null;const{type:i,seriesId:t}=e.item;return void 0===i||void 0===t?null:e.item});export{d as selectorChartsFocusedItem,u as selectorChartsFocusedOrToFocusedItem,l as selectorChartsHasFocusedItem,x as selectorChartsIsKeyboardActivationEnabled,m as selectorChartsIsKeyboardNavigationEnabled,o as selectorChartsItemIsFocused,p as selectorChartsKeyboardItem,I as selectorChartsKeyboardXAxisIndex,f as selectorChartsKeyboardYAxisIndex};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import*as t from"react";import{useChartsContext as e}from"../context/ChartsProvider/useChartsContext.mjs";import r from"../../utils/useEventCallback/useEventCallback.mjs";function i(i,o){const{instance:s}=e(),{type:a,seriesId:n,priority:c,canActivate:m}=i,v=void 0!==o,p=r((t,e)=>o?.(t,e)),d=void 0!==m,f=r(t=>!m||m(t)),u=s.registerItemActivationHandler;t.useEffect(()=>{if(v&&u)return u({type:a,seriesId:n,priority:c,canActivate:d?f:void 0},p)},[u,v,a,n,c,d,f,p])}export{i as useRegisterItemActivation};
|
package/package.json
CHANGED
|
@@ -1,123 +1,123 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "it-data-nexus-ui-library",
|
|
3
|
-
"version": "2.9.
|
|
4
|
-
"description": "Nexus core components",
|
|
5
|
-
"license": "ISC",
|
|
6
|
-
"author": "emsmart-sage",
|
|
7
|
-
"type": "module",
|
|
8
|
-
"main": "dist/index.mjs",
|
|
9
|
-
"module": "dist/index.mjs",
|
|
10
|
-
"types": "dist/index.d.ts",
|
|
11
|
-
"exports": {
|
|
12
|
-
".": {
|
|
13
|
-
"import": "./dist/index.mjs",
|
|
14
|
-
"types": "./dist/index.d.ts"
|
|
15
|
-
}
|
|
16
|
-
},
|
|
17
|
-
"engines": {
|
|
18
|
-
"node": ">=18.18.0",
|
|
19
|
-
"npm": ">=9"
|
|
20
|
-
},
|
|
21
|
-
"files": [
|
|
22
|
-
"dist"
|
|
23
|
-
],
|
|
24
|
-
"sideEffects": false,
|
|
25
|
-
"scripts": {
|
|
26
|
-
"prebuild": "node scripts/write-version.mjs",
|
|
27
|
-
"build": "node -e \"require('fs').rmSync('dist', {recursive:true, force:true})\" && rollup -c",
|
|
28
|
-
"build-storybook": "storybook build",
|
|
29
|
-
"generate-favicon": "node scripts/generate-favicon.mjs",
|
|
30
|
-
"lint": "eslint \"src/**/*.{ts,tsx,js,jsx}\"",
|
|
31
|
-
"prepublishOnly": "npm run lint && npm run build",
|
|
32
|
-
"storybook": "storybook dev -p 6006",
|
|
33
|
-
"test": "echo \"Error: no test specified\" && exit 1"
|
|
34
|
-
},
|
|
35
|
-
"dependencies": {
|
|
36
|
-
"@mui/x-charts": "^9.4.0",
|
|
37
|
-
"@radix-ui/react-popover": "^1.1.15"
|
|
38
|
-
},
|
|
39
|
-
"peerDependencies": {
|
|
40
|
-
"@emotion/react": "^11.14.0",
|
|
41
|
-
"@emotion/styled": "^11.14.1",
|
|
42
|
-
"@mui/icons-material": "^7 || ^8 || ^9",
|
|
43
|
-
"@mui/material": "^7 || ^8 || ^9",
|
|
44
|
-
"@mui/x-data-grid": "^7 || ^8 || ^9",
|
|
45
|
-
"@mui/x-date-pickers": "^7 || ^8 || ^9",
|
|
46
|
-
"date-fns": "^3 || ^4",
|
|
47
|
-
"react": "^18 || ^19",
|
|
48
|
-
"react-dom": "^18 || ^19",
|
|
49
|
-
"react-day-picker": "^9",
|
|
50
|
-
"react-markdown": "^10",
|
|
51
|
-
"remark-gfm": "^4"
|
|
52
|
-
},
|
|
53
|
-
"peerDependenciesMeta": {
|
|
54
|
-
"@radix-ui/react-popover": {
|
|
55
|
-
"optional": false
|
|
56
|
-
},
|
|
57
|
-
"react-day-picker": {
|
|
58
|
-
"optional": true
|
|
59
|
-
},
|
|
60
|
-
"react-markdown": {
|
|
61
|
-
"optional": true
|
|
62
|
-
},
|
|
63
|
-
"remark-gfm": {
|
|
64
|
-
"optional": true
|
|
65
|
-
},
|
|
66
|
-
"@mui/x-data-grid": {
|
|
67
|
-
"optional": true
|
|
68
|
-
},
|
|
69
|
-
"@mui/x-date-pickers": {
|
|
70
|
-
"optional": true
|
|
71
|
-
}
|
|
72
|
-
},
|
|
73
|
-
"devDependencies": {
|
|
74
|
-
"@chromatic-com/storybook": "^5.3.0",
|
|
75
|
-
"@emotion/react": "^11.14.0",
|
|
76
|
-
"@emotion/styled": "^11.14.1",
|
|
77
|
-
"@eslint/js": "9.39.4",
|
|
78
|
-
"@mui/icons-material": "^9.0.1",
|
|
79
|
-
"@mui/material": "^9.0.1",
|
|
80
|
-
"@mui/x-data-grid": "^9.0.0",
|
|
81
|
-
"@mui/x-date-pickers": "^9.3.0",
|
|
82
|
-
"@radix-ui/react-popover": "^1.1.15",
|
|
83
|
-
"@rollup/plugin-alias": "^6.0.0",
|
|
84
|
-
"@rollup/plugin-commonjs": "^29.0.2",
|
|
85
|
-
"@rollup/plugin-json": "^6.0.0",
|
|
86
|
-
"@rollup/plugin-node-resolve": "^16.0.3",
|
|
87
|
-
"@rollup/plugin-terser": "^1.0.0",
|
|
88
|
-
"@rollup/plugin-typescript": "^12.3.0",
|
|
89
|
-
"@rollup/plugin-url": "^8.0.2",
|
|
90
|
-
"@storybook/addon-a11y": "^10.5.10",
|
|
91
|
-
"@storybook/addon-docs": "^10.5.10",
|
|
92
|
-
"@storybook/addon-vitest": "^10.5.10",
|
|
93
|
-
"@storybook/react-vite": "^10.5.10",
|
|
94
|
-
"@types/node": "^25.6.0",
|
|
95
|
-
"@types/react": "^19.2.14",
|
|
96
|
-
"@types/rollup-plugin-peer-deps-external": "^2.2.6",
|
|
97
|
-
"@vitejs/plugin-react": "^6.0.1",
|
|
98
|
-
"@vitest/browser-playwright": "^4.1.4",
|
|
99
|
-
"@vitest/coverage-v8": "^4.1.4",
|
|
100
|
-
"date-fns": "^4.1.0",
|
|
101
|
-
"eslint": "9.39.4",
|
|
102
|
-
"eslint-plugin-import": "^2.32.0",
|
|
103
|
-
"eslint-plugin-react": "^7.37.5",
|
|
104
|
-
"globals": "^17.5.0",
|
|
105
|
-
"playwright": "^1.59.1",
|
|
106
|
-
"png-to-ico": "^2.1.8",
|
|
107
|
-
"react": "^19.2.5",
|
|
108
|
-
"react-day-picker": "^9.13.2",
|
|
109
|
-
"react-dom": "^19.2.5",
|
|
110
|
-
"rollup": "^4.60.1",
|
|
111
|
-
"rollup-plugin-dts": "^6.4.1",
|
|
112
|
-
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
113
|
-
"rollup-plugin-postcss": "^4.0.2",
|
|
114
|
-
"sharp": "^0.34.5",
|
|
115
|
-
"storybook": "^10.5.10",
|
|
116
|
-
"tslib": "^2.8.1",
|
|
117
|
-
"typescript": "^6.0.2",
|
|
118
|
-
"typescript-eslint": "8.58.2",
|
|
119
|
-
"vitest": "^4.1.4",
|
|
120
|
-
"react-markdown": "^10",
|
|
121
|
-
"remark-gfm": "^4"
|
|
122
|
-
}
|
|
123
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "it-data-nexus-ui-library",
|
|
3
|
+
"version": "2.9.1",
|
|
4
|
+
"description": "Nexus core components",
|
|
5
|
+
"license": "ISC",
|
|
6
|
+
"author": "emsmart-sage",
|
|
7
|
+
"type": "module",
|
|
8
|
+
"main": "dist/index.mjs",
|
|
9
|
+
"module": "dist/index.mjs",
|
|
10
|
+
"types": "dist/index.d.ts",
|
|
11
|
+
"exports": {
|
|
12
|
+
".": {
|
|
13
|
+
"import": "./dist/index.mjs",
|
|
14
|
+
"types": "./dist/index.d.ts"
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
"engines": {
|
|
18
|
+
"node": ">=18.18.0",
|
|
19
|
+
"npm": ">=9"
|
|
20
|
+
},
|
|
21
|
+
"files": [
|
|
22
|
+
"dist"
|
|
23
|
+
],
|
|
24
|
+
"sideEffects": false,
|
|
25
|
+
"scripts": {
|
|
26
|
+
"prebuild": "node scripts/write-version.mjs",
|
|
27
|
+
"build": "node -e \"require('fs').rmSync('dist', {recursive:true, force:true})\" && rollup -c",
|
|
28
|
+
"build-storybook": "storybook build",
|
|
29
|
+
"generate-favicon": "node scripts/generate-favicon.mjs",
|
|
30
|
+
"lint": "eslint \"src/**/*.{ts,tsx,js,jsx}\"",
|
|
31
|
+
"prepublishOnly": "npm run lint && npm run build",
|
|
32
|
+
"storybook": "storybook dev -p 6006",
|
|
33
|
+
"test": "echo \"Error: no test specified\" && exit 1"
|
|
34
|
+
},
|
|
35
|
+
"dependencies": {
|
|
36
|
+
"@mui/x-charts": "^9.4.0",
|
|
37
|
+
"@radix-ui/react-popover": "^1.1.15"
|
|
38
|
+
},
|
|
39
|
+
"peerDependencies": {
|
|
40
|
+
"@emotion/react": "^11.14.0",
|
|
41
|
+
"@emotion/styled": "^11.14.1",
|
|
42
|
+
"@mui/icons-material": "^7 || ^8 || ^9",
|
|
43
|
+
"@mui/material": "^7 || ^8 || ^9",
|
|
44
|
+
"@mui/x-data-grid": "^7 || ^8 || ^9",
|
|
45
|
+
"@mui/x-date-pickers": "^7 || ^8 || ^9",
|
|
46
|
+
"date-fns": "^3 || ^4",
|
|
47
|
+
"react": "^18 || ^19",
|
|
48
|
+
"react-dom": "^18 || ^19",
|
|
49
|
+
"react-day-picker": "^9",
|
|
50
|
+
"react-markdown": "^10",
|
|
51
|
+
"remark-gfm": "^4"
|
|
52
|
+
},
|
|
53
|
+
"peerDependenciesMeta": {
|
|
54
|
+
"@radix-ui/react-popover": {
|
|
55
|
+
"optional": false
|
|
56
|
+
},
|
|
57
|
+
"react-day-picker": {
|
|
58
|
+
"optional": true
|
|
59
|
+
},
|
|
60
|
+
"react-markdown": {
|
|
61
|
+
"optional": true
|
|
62
|
+
},
|
|
63
|
+
"remark-gfm": {
|
|
64
|
+
"optional": true
|
|
65
|
+
},
|
|
66
|
+
"@mui/x-data-grid": {
|
|
67
|
+
"optional": true
|
|
68
|
+
},
|
|
69
|
+
"@mui/x-date-pickers": {
|
|
70
|
+
"optional": true
|
|
71
|
+
}
|
|
72
|
+
},
|
|
73
|
+
"devDependencies": {
|
|
74
|
+
"@chromatic-com/storybook": "^5.3.0",
|
|
75
|
+
"@emotion/react": "^11.14.0",
|
|
76
|
+
"@emotion/styled": "^11.14.1",
|
|
77
|
+
"@eslint/js": "9.39.4",
|
|
78
|
+
"@mui/icons-material": "^9.0.1",
|
|
79
|
+
"@mui/material": "^9.0.1",
|
|
80
|
+
"@mui/x-data-grid": "^9.0.0",
|
|
81
|
+
"@mui/x-date-pickers": "^9.3.0",
|
|
82
|
+
"@radix-ui/react-popover": "^1.1.15",
|
|
83
|
+
"@rollup/plugin-alias": "^6.0.0",
|
|
84
|
+
"@rollup/plugin-commonjs": "^29.0.2",
|
|
85
|
+
"@rollup/plugin-json": "^6.0.0",
|
|
86
|
+
"@rollup/plugin-node-resolve": "^16.0.3",
|
|
87
|
+
"@rollup/plugin-terser": "^1.0.0",
|
|
88
|
+
"@rollup/plugin-typescript": "^12.3.0",
|
|
89
|
+
"@rollup/plugin-url": "^8.0.2",
|
|
90
|
+
"@storybook/addon-a11y": "^10.5.10",
|
|
91
|
+
"@storybook/addon-docs": "^10.5.10",
|
|
92
|
+
"@storybook/addon-vitest": "^10.5.10",
|
|
93
|
+
"@storybook/react-vite": "^10.5.10",
|
|
94
|
+
"@types/node": "^25.6.0",
|
|
95
|
+
"@types/react": "^19.2.14",
|
|
96
|
+
"@types/rollup-plugin-peer-deps-external": "^2.2.6",
|
|
97
|
+
"@vitejs/plugin-react": "^6.0.1",
|
|
98
|
+
"@vitest/browser-playwright": "^4.1.4",
|
|
99
|
+
"@vitest/coverage-v8": "^4.1.4",
|
|
100
|
+
"date-fns": "^4.1.0",
|
|
101
|
+
"eslint": "9.39.4",
|
|
102
|
+
"eslint-plugin-import": "^2.32.0",
|
|
103
|
+
"eslint-plugin-react": "^7.37.5",
|
|
104
|
+
"globals": "^17.5.0",
|
|
105
|
+
"playwright": "^1.59.1",
|
|
106
|
+
"png-to-ico": "^2.1.8",
|
|
107
|
+
"react": "^19.2.5",
|
|
108
|
+
"react-day-picker": "^9.13.2",
|
|
109
|
+
"react-dom": "^19.2.5",
|
|
110
|
+
"rollup": "^4.60.1",
|
|
111
|
+
"rollup-plugin-dts": "^6.4.1",
|
|
112
|
+
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
113
|
+
"rollup-plugin-postcss": "^4.0.2",
|
|
114
|
+
"sharp": "^0.34.5",
|
|
115
|
+
"storybook": "^10.5.10",
|
|
116
|
+
"tslib": "^2.8.1",
|
|
117
|
+
"typescript": "^6.0.2",
|
|
118
|
+
"typescript-eslint": "8.58.2",
|
|
119
|
+
"vitest": "^4.1.4",
|
|
120
|
+
"react-markdown": "^10",
|
|
121
|
+
"remark-gfm": "^4"
|
|
122
|
+
}
|
|
123
|
+
}
|
package/readme.md
CHANGED
|
@@ -1,111 +1,111 @@
|
|
|
1
|
-
Small component library for personal use.
|
|
2
|
-
|
|
3
|
-
<!-- test change -->
|
|
4
|
-
|
|
5
|
-
## Favicon usage
|
|
6
|
-
|
|
7
|
-
This package exports the favicon assets and a small helper to make adding
|
|
8
|
-
favicon links in consuming apps trivial.
|
|
9
|
-
|
|
10
|
-
Files available in package:
|
|
11
|
-
|
|
12
|
-
- `nexus-logo-favicon.svg` — modern SVG favicon
|
|
13
|
-
- `favicon.ico` — multi-size ICO (legacy support)
|
|
14
|
-
|
|
15
|
-
Quick copy approach (recommended):
|
|
16
|
-
|
|
17
|
-
1. Add and then run these asset copy scripts in the consuming project's package.json:
|
|
18
|
-
|
|
19
|
-
```json
|
|
20
|
-
"scripts": {
|
|
21
|
-
"copy-sage-assets": "cpx \"node_modules/it-data-nexus-ui-library/dist/assets/images/*\" public/assets/it-data-nexus-ui-library/",
|
|
22
|
-
"postinstall": "npm run copy-sage-assets"
|
|
23
|
-
}
|
|
24
|
-
```
|
|
25
|
-
|
|
26
|
-
2. Add links in your HTML head:
|
|
27
|
-
|
|
28
|
-
```html
|
|
29
|
-
<link
|
|
30
|
-
rel="icon"
|
|
31
|
-
type="image/svg+xml"
|
|
32
|
-
href="/assets/it-data-nexus-ui-library/nexus-logo-favicon.svg"
|
|
33
|
-
/>
|
|
34
|
-
<link rel="icon" href="/assets/it-data-nexus-ui-library/favicon.ico" />
|
|
35
|
-
```
|
|
36
|
-
|
|
37
|
-
Or, use the React helper exported by this package:
|
|
38
|
-
|
|
39
|
-
```tsx
|
|
40
|
-
import { FaviconLinks } from "it-data-nexus-ui-library";
|
|
41
|
-
|
|
42
|
-
function AppHead() {
|
|
43
|
-
return <FaviconLinks />; // adds versioned SVG and ICO links
|
|
44
|
-
}
|
|
45
|
-
```
|
|
46
|
-
|
|
47
|
-
### Next.js example
|
|
48
|
-
|
|
49
|
-
If you use Next.js (Pages or App router), you can copy the built assets into your `public/` folder and render the helper component from the app head so the favicon is present on first render.
|
|
50
|
-
|
|
51
|
-
1. Copy assets during install/build (example `package.json` scripts in the consuming app):
|
|
52
|
-
|
|
53
|
-
```json
|
|
54
|
-
"scripts": {
|
|
55
|
-
"copy-sage-assets": "cpx \"node_modules/it-data-nexus-ui-library/dist/assets/images/*\" public/assets/it-data-nexus-ui-library/",
|
|
56
|
-
"postinstall": "npm run copy-sage-assets"
|
|
57
|
-
}
|
|
58
|
-
```
|
|
59
|
-
|
|
60
|
-
2. Pages router (`pages/_document.tsx`) example — server-side rendered so the links are available immediately:
|
|
61
|
-
|
|
62
|
-
```tsx
|
|
63
|
-
// pages/_document.tsx
|
|
64
|
-
import Document, { Html, Head, Main, NextScript } from "next/document";
|
|
65
|
-
import { FaviconLinks } from "it-data-nexus-ui-library";
|
|
66
|
-
|
|
67
|
-
class MyDocument extends Document {
|
|
68
|
-
render() {
|
|
69
|
-
return (
|
|
70
|
-
<Html>
|
|
71
|
-
<Head>
|
|
72
|
-
<FaviconLinks />
|
|
73
|
-
</Head>
|
|
74
|
-
<body>
|
|
75
|
-
<Main />
|
|
76
|
-
<NextScript />
|
|
77
|
-
</body>
|
|
78
|
-
</Html>
|
|
79
|
-
);
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
export default MyDocument;
|
|
84
|
-
```
|
|
85
|
-
|
|
86
|
-
3. App router (`app/layout.tsx`) example:
|
|
87
|
-
|
|
88
|
-
```tsx
|
|
89
|
-
// app/layout.tsx
|
|
90
|
-
import { FaviconLinks } from "it-data-nexus-ui-library";
|
|
91
|
-
|
|
92
|
-
export default function RootLayout({
|
|
93
|
-
children,
|
|
94
|
-
}: {
|
|
95
|
-
children: React.ReactNode;
|
|
96
|
-
}) {
|
|
97
|
-
return (
|
|
98
|
-
<html>
|
|
99
|
-
<head>
|
|
100
|
-
<FaviconLinks />
|
|
101
|
-
</head>
|
|
102
|
-
<body>{children}</body>
|
|
103
|
-
</html>
|
|
104
|
-
);
|
|
105
|
-
}
|
|
106
|
-
```
|
|
107
|
-
|
|
108
|
-
Notes:
|
|
109
|
-
|
|
110
|
-
- Copying assets into `public/` ensures the files are served as static assets (no runtime JS required) and avoids a flash-of-default-favicon.
|
|
111
|
-
- The `FaviconLinks` helper uses versioned URLs by default to help cache-busting when you publish a new library version.
|
|
1
|
+
Small component library for personal use.
|
|
2
|
+
|
|
3
|
+
<!-- test change -->
|
|
4
|
+
|
|
5
|
+
## Favicon usage
|
|
6
|
+
|
|
7
|
+
This package exports the favicon assets and a small helper to make adding
|
|
8
|
+
favicon links in consuming apps trivial.
|
|
9
|
+
|
|
10
|
+
Files available in package:
|
|
11
|
+
|
|
12
|
+
- `nexus-logo-favicon.svg` — modern SVG favicon
|
|
13
|
+
- `favicon.ico` — multi-size ICO (legacy support)
|
|
14
|
+
|
|
15
|
+
Quick copy approach (recommended):
|
|
16
|
+
|
|
17
|
+
1. Add and then run these asset copy scripts in the consuming project's package.json:
|
|
18
|
+
|
|
19
|
+
```json
|
|
20
|
+
"scripts": {
|
|
21
|
+
"copy-sage-assets": "cpx \"node_modules/it-data-nexus-ui-library/dist/assets/images/*\" public/assets/it-data-nexus-ui-library/",
|
|
22
|
+
"postinstall": "npm run copy-sage-assets"
|
|
23
|
+
}
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
2. Add links in your HTML head:
|
|
27
|
+
|
|
28
|
+
```html
|
|
29
|
+
<link
|
|
30
|
+
rel="icon"
|
|
31
|
+
type="image/svg+xml"
|
|
32
|
+
href="/assets/it-data-nexus-ui-library/nexus-logo-favicon.svg"
|
|
33
|
+
/>
|
|
34
|
+
<link rel="icon" href="/assets/it-data-nexus-ui-library/favicon.ico" />
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
Or, use the React helper exported by this package:
|
|
38
|
+
|
|
39
|
+
```tsx
|
|
40
|
+
import { FaviconLinks } from "it-data-nexus-ui-library";
|
|
41
|
+
|
|
42
|
+
function AppHead() {
|
|
43
|
+
return <FaviconLinks />; // adds versioned SVG and ICO links
|
|
44
|
+
}
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
### Next.js example
|
|
48
|
+
|
|
49
|
+
If you use Next.js (Pages or App router), you can copy the built assets into your `public/` folder and render the helper component from the app head so the favicon is present on first render.
|
|
50
|
+
|
|
51
|
+
1. Copy assets during install/build (example `package.json` scripts in the consuming app):
|
|
52
|
+
|
|
53
|
+
```json
|
|
54
|
+
"scripts": {
|
|
55
|
+
"copy-sage-assets": "cpx \"node_modules/it-data-nexus-ui-library/dist/assets/images/*\" public/assets/it-data-nexus-ui-library/",
|
|
56
|
+
"postinstall": "npm run copy-sage-assets"
|
|
57
|
+
}
|
|
58
|
+
```
|
|
59
|
+
|
|
60
|
+
2. Pages router (`pages/_document.tsx`) example — server-side rendered so the links are available immediately:
|
|
61
|
+
|
|
62
|
+
```tsx
|
|
63
|
+
// pages/_document.tsx
|
|
64
|
+
import Document, { Html, Head, Main, NextScript } from "next/document";
|
|
65
|
+
import { FaviconLinks } from "it-data-nexus-ui-library";
|
|
66
|
+
|
|
67
|
+
class MyDocument extends Document {
|
|
68
|
+
render() {
|
|
69
|
+
return (
|
|
70
|
+
<Html>
|
|
71
|
+
<Head>
|
|
72
|
+
<FaviconLinks />
|
|
73
|
+
</Head>
|
|
74
|
+
<body>
|
|
75
|
+
<Main />
|
|
76
|
+
<NextScript />
|
|
77
|
+
</body>
|
|
78
|
+
</Html>
|
|
79
|
+
);
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
export default MyDocument;
|
|
84
|
+
```
|
|
85
|
+
|
|
86
|
+
3. App router (`app/layout.tsx`) example:
|
|
87
|
+
|
|
88
|
+
```tsx
|
|
89
|
+
// app/layout.tsx
|
|
90
|
+
import { FaviconLinks } from "it-data-nexus-ui-library";
|
|
91
|
+
|
|
92
|
+
export default function RootLayout({
|
|
93
|
+
children,
|
|
94
|
+
}: {
|
|
95
|
+
children: React.ReactNode;
|
|
96
|
+
}) {
|
|
97
|
+
return (
|
|
98
|
+
<html>
|
|
99
|
+
<head>
|
|
100
|
+
<FaviconLinks />
|
|
101
|
+
</head>
|
|
102
|
+
<body>{children}</body>
|
|
103
|
+
</html>
|
|
104
|
+
);
|
|
105
|
+
}
|
|
106
|
+
```
|
|
107
|
+
|
|
108
|
+
Notes:
|
|
109
|
+
|
|
110
|
+
- Copying assets into `public/` ensures the files are served as static assets (no runtime JS required) and avoids a flash-of-default-favicon.
|
|
111
|
+
- The `FaviconLinks` helper uses versioned URLs by default to help cache-busting when you publish a new library version.
|