@react-magma/charts 11.0.0-next.2 → 11.0.0

package/src/components/LineChart/Chart.tsx

@@ -1,9 +1,6 @@
 import * as React from 'react';
-import { css } from '@emotion/react';
-import { KeyboardIcon } from 'react-magma-icons';
 
-import { LineChart, LineChartProps } from './LineChart';
-import { ChartDataTable } from './ChartDataTable';
+import { css } from '@emotion/react';
 import {
   Announce,
   ButtonVariant,
@@ -22,6 +19,10 @@ import {
   useDescendants,
   styled,
 } from 'react-magma-dom';
+import { KeyboardIcon } from 'react-magma-icons';
+
+import { ChartDataTable } from './ChartDataTable';
+import { LineChart, LineChartProps } from './LineChart';
 
 interface BaseChartProps {
   /**
@@ -119,7 +120,11 @@ function BaseChart<T>(props: ChartProps<T>, ref: React.Ref<HTMLDivElement>) {
     setIsKeyboardInstructionsOpen(prevOpen => !prevOpen);
   }
 
-  function handleKeyboardInstructionsButtonKeydown(event: { preventDefault?: any; key?: any; shiftKey?: any; }) {
+  function handleKeyboardInstructionsButtonKeydown(event: {
+    preventDefault?: any;
+    key?: any;
+    shiftKey?: any;
+  }) {
     const { key, shiftKey } = event;
 
     switch (key) {

package/src/components/LineChart/ChartDataTable.test.js

@@ -1,7 +1,9 @@
 import * as React from 'react';
+
 import { render } from '@testing-library/react';
-import { basicData, explicitData } from './test/exampleChartData';
+
 import { ChartDataTable } from './ChartDataTable';
+import { basicData, explicitData } from './test/exampleChartData';
 
 describe('Chart Data Table', () => {
   describe('Basic Data', () => {

package/src/components/LineChart/ChartDataTable.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { VictoryAxisProps } from 'victory';
 
 import { Card, Datagrid, Spinner } from 'react-magma-dom';
+import { VictoryAxisProps } from 'victory';
 
 export function toCamelCase(str: string) {
   return str
@@ -58,7 +58,7 @@ export const ChartDataTable = (props: DataTableProps) => {
       return valuesArray;
     }, []);
 
-    let baseTableData = {
+    const baseTableData = {
       columns:
         xTickValuesArray.length > 0
           ? [
@@ -79,10 +79,10 @@ export const ChartDataTable = (props: DataTableProps) => {
                 ? xTickFormat(xTickValues[tick - 1])
                 : xTickValues[tick - 1]
               : xTickFormat && Array.isArray(xTickFormat)
-              ? xTickFormat[tick - 1]
-              : xTickFormat && typeof xTickFormat === 'function'
-              ? xTickFormat(tick)
-              : tick;
+                ? xTickFormat[tick - 1]
+                : xTickFormat && typeof xTickFormat === 'function'
+                  ? xTickFormat(tick)
+                  : tick;
           agg.push({
             [xField]: tickValue,
             id: index,

package/src/components/LineChart/CustomAxisComponent.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+
 import { LineSegment, LineSegmentProps } from 'victory';
 
 export const CustomAxisComponent: React.FunctionComponent<LineSegmentProps> = ({

package/src/components/LineChart/CustomPointComponent.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
-import { Point, PointProps } from 'victory';
+
 import { useForceUpdate } from 'react-magma-dom';
+import { Point, PointProps } from 'victory';
 
 export interface CustomScatterDataComponentInterface extends PointProps {
   lineIndex: number;

package/src/components/LineChart/GraphTooltip.tsx

@@ -1,4 +1,6 @@
 import * as React from 'react';
+
+import styled from '@emotion/styled';
 import {
   StyledTooltip,
   ThemeContext,
@@ -7,8 +9,6 @@ import {
   ThemeInterface,
 } from 'react-magma-dom';
 
-import styled from '@emotion/styled';
-
 const StyledGraphTooltip = styled(StyledTooltip)`
   background: ${(props: any) => props.theme.colors.neutral100};
   border: 1px solid ${(props: any) => props.theme.colors.neutral300};

package/src/components/LineChart/LegendButton.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+
 import { ThemeContext, Checkbox } from 'react-magma-dom';
 
 export interface DataTableProps {

package/src/components/LineChart/LineChart.stories.tsx

@@ -1,12 +1,15 @@
 import * as React from 'react';
-import { Chart, ChartProps } from './index';
+
 import { Story, Meta } from '@storybook/react/types-6-0';
+
 import {
   historyOfTexas as historyOfTexasData,
   spendingRevenue as spendingRevenueData,
   votingParticipation as votingParticipationData,
 } from './test/exampleChartData';
 
+import { Chart, ChartProps } from './index';
+
 const data = [
   {
     name: 'Team 1',

package/src/components/LineChart/LineChart.test.js

@@ -1,9 +1,12 @@
 import * as React from 'react';
+
 import { render, fireEvent } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
+import { defaultI18n } from 'react-magma-dom';
+
 import { basicData, explicitData } from './test/exampleChartData';
+
 import { Chart } from '.';
-import { defaultI18n } from 'react-magma-dom';
 
 const componentProps = {
   xAxis: {

package/src/components/LineChart/LineChart.tsx

@@ -1,4 +1,12 @@
 import * as React from 'react';
+
+import styled from '@emotion/styled';
+import {
+  I18nContext,
+  ThemeContext,
+  ThemeInterface,
+  I18nInterface,
+} from 'react-magma-dom';
 import {
   VictoryAxis,
   VictoryAxisProps,
@@ -12,20 +20,11 @@ import {
   VictoryVoronoiContainer,
 } from 'victory';
 
-import {
-  I18nContext,
-  ThemeContext,
-  ThemeInterface,
-  I18nInterface,
-} from 'react-magma-dom';
-
-import { magmaTheme } from './magma-charts';
-import { AxisTooltip, GraphTooltip } from './GraphTooltip';
-import { CustomScatterDataComponent } from './CustomPointComponent';
 import { CustomAxisComponent } from './CustomAxisComponent';
+import { CustomScatterDataComponent } from './CustomPointComponent';
+import { AxisTooltip, GraphTooltip } from './GraphTooltip';
 import { LegendButton } from './LegendButton';
-
-import styled from '@emotion/styled';
+import { magmaTheme } from './magma-charts';
 
 export type LineChartAxisStyle = VictoryAxisProps['style'];
 export type DataGetterPropType = VictoryLineProps['x'];

package/src/index.ts

@@ -1,2 +1,2 @@
 export * from './components/LineChart';
-export * from './components/CarbonChart';
+export * from './components/CarbonChart';