@pie-lib/charting 6.1.1-next.0 → 6.2.0-next.0

package/src/chart-setup.jsx

@@ -1,11 +1,10 @@
-import React, { useState, useEffect } from 'react';
+import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import { color } from '@pie-lib/render-ui';
 import { styled } from '@mui/material/styles';
 import Typography from '@mui/material/Typography';
 import ChartType from './chart-type';
-import { NumberTextFieldCustom } from '@pie-lib/config-ui';
-import { AlertDialog } from '@pie-lib/config-ui';
+import { AlertDialog, NumberTextFieldCustom } from '@pie-lib/config-ui';
 
 export const resetValues = (data, updateModel, range, onChange, model) => {
   (data || []).forEach((d) => {
@@ -129,12 +128,10 @@ const ConfigureChartPanel = (props) => {
   );
 
   const handleAlertDialog = (openStatus) => {
-    setAlertDialog(
-      (prevState) => ({
-        ...prevState,
-        open: openStatus,
-      }),
-    );
+    setAlertDialog((prevState) => ({
+      ...prevState,
+      open: openStatus,
+    }));
 
     setOpen(openStatus);
   };

package/src/chart-type.js

@@ -4,6 +4,7 @@ import MenuItem from '@mui/material/MenuItem';
 import FormControl from '@mui/material/FormControl';
 import InputLabel from '@mui/material/InputLabel';
 import { Select } from '@mui/material';
+import PropTypes from 'prop-types';
 
 const StyledContainer = styled('div')(() => ({
   width: '160px',
@@ -17,14 +18,10 @@ const StyledInputLabel = styled(InputLabel)(() => ({
   backgroundColor: 'transparent',
 }));
 
-import PropTypes from 'prop-types';
-
 const ChartType = ({ onChange, value, availableChartTypes, chartTypeLabel }) => (
   <StyledContainer>
     <StyledFormControl variant={'outlined'}>
-      <StyledInputLabel id="type-helper-label">
-        {chartTypeLabel}
-      </StyledInputLabel>
+      <StyledInputLabel id="type-helper-label">{chartTypeLabel}</StyledInputLabel>
       <Select
         labelId="type-helper-label"
         id="type-helper-label-select"
@@ -32,7 +29,7 @@ const ChartType = ({ onChange, value, availableChartTypes, chartTypeLabel }) =>
         value={value}
         onChange={onChange}
         label={chartTypeLabel}
-        MenuProps={{transitionDuration: { enter: 225, exit: 195 }}}
+        MenuProps={{ transitionDuration: { enter: 225, exit: 195 } }}
       >
         {availableChartTypes?.histogram && <MenuItem value={'histogram'}>{availableChartTypes.histogram}</MenuItem>}
         {availableChartTypes?.bar && <MenuItem value={'bar'}>{availableChartTypes.bar}</MenuItem>}

package/src/chart.jsx

@@ -2,9 +2,9 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { styled } from '@mui/material/styles';
 import debug from 'debug';
-import cloneDeep from 'lodash/cloneDeep';
+import { cloneDeep } from 'lodash-es';
 
-import { Root, createGraphProps } from '@pie-lib/plot';
+import { createGraphProps, Root } from '@pie-lib/plot';
 import { AlertDialog } from '@pie-lib/config-ui';
 import ChartGrid from './grid';
 import ChartAxes from './axes';