@pie-lib/charting 5.48.0-mui-update.1 → 6.0.0-next.0

package/src/plot/dot.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Circle } from '@vx/shape';
+import { Circle } from '@visx/shape';
 
 import { types } from '@pie-lib/plot';
 import { dataToXBand } from '../utils';

package/src/plot/line.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { LinePath } from '@vx/shape';
-import { Group } from '@vx/group';
+import { LinePath } from '@visx/shape';
+import { Group } from '@visx/group';
 import { styled } from '@mui/material/styles';
 
 import { types } from '@pie-lib/plot';

package/src/tool-menu.jsx

@@ -1,6 +1,5 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import classNames from 'classnames';
 import { color } from '@pie-lib/render-ui';
 
 import { styled } from '@mui/material/styles';
@@ -19,12 +18,13 @@ const StyledMiniButton = styled(Button)(({ theme, selected, disabled }) => ({
       color: color.primaryDark(),
     },
   }),
-  ...(!selected && !disabled && {
-    '& span': {
-      color: color.primary(),
-    },
-    backgroundColor: color.background(),
-  }),
+  ...(!selected &&
+    !disabled && {
+      '& span': {
+        color: color.primary(),
+      },
+      backgroundColor: color.background(),
+    }),
   ...(disabled && {
     '& span': {
       color: color.primary(),
@@ -34,14 +34,14 @@ const StyledMiniButton = styled(Button)(({ theme, selected, disabled }) => ({
 }));
 
 export const MiniButton = (props) => {
-  const { disabled, className, selected, value, onClick } = props;
+  const { disabled, selected, value, onClick } = props;
+
   return (
     <StyledMiniButton
       size="small"
       disabled={disabled}
       selected={selected}
       color={selected ? 'secondary' : 'default'}
-      className={className}
       value={value}
       key={value}
       variant="outlined"
@@ -54,7 +54,6 @@ export const MiniButton = (props) => {
 MiniButton.propTypes = {
   disabled: PropTypes.bool,
   className: PropTypes.string,
-  disabledClassName: PropTypes.string,
   selected: PropTypes.bool,
   value: PropTypes.string,
   onClick: PropTypes.func,
@@ -74,7 +73,7 @@ export class ToolMenu extends React.Component {
     const { className, disabled, addCategory, language } = this.props;
 
     return (
-      <div className={classNames(className)}>
+      <div className={className}>
         {!disabled && (
           <MiniButton value={translator.t('charting.addCategory', { lng: language })} onClick={addCategory} />
         )}

package/src/utils.js

@@ -1,4 +1,4 @@
-import { scaleBand, scalePoint } from '@vx/scale';
+import { scaleBand, scalePoint } from '@visx/scale';
 import { utils } from '@pie-lib/plot';
 
 export const tickCount = utils.tickCount;
@@ -8,39 +8,43 @@ export const point = utils.point;
 export const bandKey = (d, index) => `${index}-${d.label || '-'}`;
 
 export const dataToXBand = (scaleX, data, width, type) => {
+  const chartWidth = width || 400; // fallback
+  const domain = data && data.length ? data.map(bandKey) : ['default'];
+
   switch (type) {
     case 'bar':
     case 'dotPlot':
     case 'linePlot':
       return scaleBand({
-        rangeRound: [0, width],
-        domain: data && data.map(bandKey),
+        range: [0, chartWidth],
+        domain,
         padding: 0.2,
       });
 
     case 'histogram':
       return scaleBand({
-        rangeRound: [0, width],
-        domain: data && data.map(bandKey),
+        range: [0, chartWidth],
+        domain,
         padding: 0,
       });
 
     case 'lineCross':
     case 'lineDot':
       return scalePoint({
-        domain: data && data.map(bandKey),
-        rangeRound: [0, width],
+        domain,
+        range: [0, chartWidth],
       });
 
     default:
       return scaleBand({
-        range: [0, width],
-        domain: data && data.map(bandKey),
+        range: [0, chartWidth],
+        domain,
         padding: 0,
       });
   }
 };
 
+
 export const getTickValues = (prop = {}) => {
   const tickValues = [];
   let tickVal = prop.min;