Export default faceted plot styles

Author: chowington

src/plots/facetedPlots/FacetedBarplot.tsx

@@ -2,15 +2,15 @@ import Barplot, { BarplotProps } from '../Barplot';
 import FacetedPlot, { FacetedPlotProps } from '../FacetedPlot';
 import { BarplotData } from '../../types/plots';
 
-const defaultContainerStyles: BarplotProps['containerStyles'] = {
+export const defaultContainerStyles: BarplotProps['containerStyles'] = {
   height: 300,
   width: 375,
   marginLeft: '0.75rem',
   border: '1px solid #dedede',
   boxShadow: '1px 1px 4px #00000066',
 };
 
-const defaultSpacingOptions: BarplotProps['spacingOptions'] = {
+export const defaultSpacingOptions: BarplotProps['spacingOptions'] = {
   marginRight: 10,
   marginLeft: 10,
   marginBottom: 10,

src/plots/facetedPlots/FacetedBoxplot.tsx

@@ -2,15 +2,15 @@ import Boxplot, { BoxplotProps } from '../Boxplot';
 import FacetedPlot, { FacetedPlotProps } from '../FacetedPlot';
 import { BoxplotData } from '../../types/plots';
 
-const defaultContainerStyles: BoxplotProps['containerStyles'] = {
+export const defaultContainerStyles: BoxplotProps['containerStyles'] = {
   height: 300,
   width: 375,
   marginLeft: '0.75rem',
   border: '1px solid #dedede',
   boxShadow: '1px 1px 4px #00000066',
 };
 
-const defaultSpacingOptions: BoxplotProps['spacingOptions'] = {
+export const defaultSpacingOptions: BoxplotProps['spacingOptions'] = {
   marginRight: 15,
   marginLeft: 15,
   marginBottom: 10,

src/plots/facetedPlots/FacetedHeatmap.tsx

@@ -2,15 +2,15 @@ import Heatmap, { HeatmapProps } from '../Heatmap';
 import FacetedPlot, { FacetedPlotProps } from '../FacetedPlot';
 import { HeatmapData } from '../../types/plots';
 
-const defaultContainerStyles: HeatmapProps['containerStyles'] = {
+export const defaultContainerStyles: HeatmapProps['containerStyles'] = {
   height: 300,
   width: 375,
   marginLeft: '0.75rem',
   border: '1px solid #dedede',
   boxShadow: '1px 1px 4px #00000066',
 };
 
-const defaultSpacingOptions: HeatmapProps['spacingOptions'] = {
+export const defaultSpacingOptions: HeatmapProps['spacingOptions'] = {
   marginRight: 10,
   marginLeft: 25,
   marginBottom: 40,

src/plots/facetedPlots/FacetedHistogram.tsx

@@ -2,7 +2,7 @@ import Histogram, { HistogramProps } from '../Histogram';
 import FacetedPlot, { FacetedPlotProps } from '../FacetedPlot';
 import { HistogramData } from '../../types/plots';
 
-const defaultContainerStyles: HistogramProps['containerStyles'] = {
+export const defaultContainerStyles: HistogramProps['containerStyles'] = {
   height: 300,
   width: 375,
   marginLeft: '0.75rem',
@@ -11,7 +11,7 @@ const defaultContainerStyles: HistogramProps['containerStyles'] = {
   boxShadow: '1px 1px 4px #00000066',
 };
 
-const defaultSpacingOptions: HistogramProps['spacingOptions'] = {
+export const defaultSpacingOptions: HistogramProps['spacingOptions'] = {
   marginRight: 10,
   marginLeft: 10,
   marginBottom: 10,

src/plots/facetedPlots/FacetedMosaicPlot.tsx

@@ -2,32 +2,15 @@ import MosaicPlot, { MosaicPlotProps } from '../MosaicPlot';
 import FacetedPlot, { FacetedPlotProps } from '../FacetedPlot';
 import { MosaicPlotData } from '../../types/plots';
 
-/** What to do with these? */
-// const statsTableStyles = {
-//   width: plotContainerStyles.width,
-// };
-
-// const facetedStatsTableStyles = {};
-
-// const facetedStatsTableContainerStyles = {
-//   display: 'grid',
-//   gridAutoFlow: 'column',
-//   gridAutoColumns: 'max-content',
-//   alignItems: 'flex-start',
-//   width: '100%',
-//   overflow: 'auto',
-//   gap: '0.5em',
-// };
-
-const defaultContainerStyles: MosaicPlotProps['containerStyles'] = {
+export const defaultContainerStyles: MosaicPlotProps['containerStyles'] = {
   height: 360,
   width: 750 / 1.45,
   marginLeft: '0.75rem',
   border: '1px solid #dedede',
   boxShadow: '1px 1px 4px #00000066',
 };
 
-const defaultSpacingOptions: MosaicPlotProps['spacingOptions'] = {
+export const defaultSpacingOptions: MosaicPlotProps['spacingOptions'] = {
   marginRight: 15,
   marginLeft: 15,
   marginBottom: 10,

src/plots/facetedPlots/FacetedPiePlot.tsx

@@ -4,15 +4,15 @@ import { PiePlotData } from '../../types/plots';
 import { useCallback } from 'react';
 import { select } from 'd3';
 
-const defaultContainerStyles: PiePlotProps['containerStyles'] = {
+export const defaultContainerStyles: PiePlotProps['containerStyles'] = {
   height: 300,
   width: 375,
   marginLeft: '0.75rem',
   border: '1px solid #dedede',
   boxShadow: '1px 1px 4px #00000066',
 };
 
-const defaultSpacingOptions: PiePlotProps['spacingOptions'] = {
+export const defaultSpacingOptions: PiePlotProps['spacingOptions'] = {
   marginRight: 10,
   marginLeft: 10,
   marginBottom: 10,

src/plots/facetedPlots/FacetedXYPlot.tsx

@@ -2,15 +2,15 @@ import XYPlot, { XYPlotProps } from '../XYPlot';
 import FacetedPlot, { FacetedPlotProps } from '../FacetedPlot';
 import { XYPlotData } from '../../types/plots';
 
-const defaultContainerStyles: XYPlotProps['containerStyles'] = {
+export const defaultContainerStyles: XYPlotProps['containerStyles'] = {
   height: 300,
   width: 750 / 1.75,
   marginLeft: '0.75rem',
   border: '1px solid #dedede',
   boxShadow: '1px 1px 4px #00000066',
 };
 
-const defaultSpacingOptions: XYPlotProps['spacingOptions'] = {
+export const defaultSpacingOptions: XYPlotProps['spacingOptions'] = {
   marginRight: 20,
   marginLeft: 50,
   marginBottom: 40,