@redsift/charts 11.6.0 → 11.7.0-muiv5

package/index.d.ts

@@ -112,10 +112,7 @@ declare const Axis: Comp<AxisProps, SVGGElement>;
 /**
  * Component style.
  */
-declare const StyledAxis: styled_components.StyledComponent<_react_spring_web.AnimatedComponent<"g">, any, Omit<AxisProps, "size" | "scale" | "areXLabelsRotated"> & {
-    $theme: Theme;
-    $color?: string | undefined;
-}, never>;
+declare const StyledAxis: styled_components.StyledComponent<_react_spring_web.AnimatedComponent<"g">, any, StyledAxisProps, never>;
 
 type ChartAxesProps = {
     /** String to Date. */
@@ -422,8 +419,8 @@ declare const successDangerScheme: {
 };
 declare const getColorScale: ({ colorTheme, domain, isEmpty, theme, }: {
     colorTheme: ChartTheme;
-    domain?: string[] | undefined;
-    isEmpty?: boolean | undefined;
+    domain?: string[];
+    isEmpty?: boolean;
     theme: Theme;
 }) => ScaleOrdinal<string, string>;
 
@@ -486,9 +483,7 @@ declare const DataPoint: Comp<DataPointProps<any>, SVGGElement>;
 /**
  * Component style.
  */
-declare const StyledDataPoint: styled_components.StyledComponent<_react_spring_web.AnimatedComponent<"g">, any, Omit<DataPointProps<any>, "data" | "dataset"> & {
-    $clickable: boolean;
-}, never>;
+declare const StyledDataPoint: styled_components.StyledComponent<_react_spring_web.AnimatedComponent<"g">, any, StyledDataPointProps, never>;
 
 /**
  * Component props.
@@ -509,12 +504,7 @@ declare const Arc: Comp<ArcProps, SVGGElement>;
 /**
  * Component style.
  */
-declare const StyledArc: styled_components.StyledComponent<_redsift_design_system.Comp<DataPointProps<any>, SVGGElement>, any, Omit<DataPointProps<any>, "data" | "dataset"> & {
-    $clickable: boolean;
-} & Omit<ArcProps, "createArc"> & {
-    $hasStroke: boolean | undefined;
-    $theme: Theme;
-}, never>;
+declare const StyledArc: styled_components.StyledComponent<_redsift_design_system.Comp<DataPointProps<any>, SVGGElement>, any, StyledArcProps, never>;
 
 /**
  * Component props.
@@ -581,11 +571,7 @@ declare const Bar: Comp<BarProps, SVGGElement>;
 /**
  * Component style.
  */
-declare const StyledBar: styled_components.StyledComponent<_redsift_design_system.Comp<DataPointProps<any>, SVGGElement>, any, Omit<DataPointProps<any>, "data" | "dataset"> & {
-    $clickable: boolean;
-} & Omit<BarProps, "scale" | "scalePosition"> & {
-    $theme: Theme;
-}, never>;
+declare const StyledBar: styled_components.StyledComponent<_redsift_design_system.Comp<DataPointProps<any>, SVGGElement>, any, StyledBarProps, never>;
 
 /**
  * Component props.
@@ -638,12 +624,8 @@ declare const ChartContainerDescription: Comp<ComponentProps<'div'>, HTMLDivElem
 /**
  * Component style.
  */
-declare const StyledChartContainer: styled_components.StyledComponent<"div", any, Omit<ChartContainerProps, "theme"> & {
-    $theme: Theme;
-}, never>;
-declare const StyledChartContainerTitle: styled_components.StyledComponent<_redsift_design_system.Comp<_redsift_design_system.FlexboxProps, HTMLDivElement>, any, Omit<ChartContainerProps, "theme"> & {
-    $theme: Theme;
-}, never>;
+declare const StyledChartContainer: styled_components.StyledComponent<"div", any, StyledChartContainerProps, never>;
+declare const StyledChartContainerTitle: styled_components.StyledComponent<_redsift_design_system.Comp<_redsift_design_system.FlexboxProps, HTMLDivElement>, any, StyledChartContainerProps, never>;
 declare const StyledChartContainerCaption: styled_components.StyledComponent<"p", any, Omit<StyledChartContainerProps, "onReset">, never>;
 
 /**
@@ -702,9 +684,7 @@ declare const Legend: Comp<LegendProps, HTMLUListElement>;
 /**
  * Component style.
  */
-declare const StyledLegend: styled_components.StyledComponent<"ul", any, Omit<LegendProps, "data"> & {
-    $width?: string | number | undefined;
-}, never>;
+declare const StyledLegend: styled_components.StyledComponent<"ul", any, StyledLegendProps, never>;
 
 type FormatMessage = (key: string, variables?: {
     [key: string]: any;
@@ -861,6 +841,13 @@ interface BarChartSectionProps extends Omit<ComponentProps<'g'>, 'onClick' | 'ro
     scaleX?: ScaleLinear$1<number, number, never> | ScaleTime$2<number, number, never> | ScalePoint$2<string>;
     scaleY?: ScaleLinear$1<number, number, never>;
     direction?: BarDirection;
+    /** Regions for highlighting a specific area by changing the background color. Only works with datestrings for X axis. */
+    regions?: {
+        from: string;
+        to: string;
+        color: string;
+        opacity?: number;
+    }[];
 }
 interface StyledBarChartSectionProps {
     $theme: Theme;
@@ -870,16 +857,22 @@ interface BarChartBarsProps extends Omit<ComponentProps<'g'>, 'onClick' | 'role'
     category?: string;
 }
 type StyledBarChartBarsProps = Omit<BarChartBarsProps, 'category'> & {};
+interface BarChartOverlayProps extends Omit<ComponentProps<'g'>, 'onClick' | 'role'> {
+    from?: number;
+    to?: number;
+}
+type StyledBarChartOverlayProps = Omit<BarChartOverlayProps, 'category'> & {};
 
 declare const BaseBarChart: Comp<BarChartProps, HTMLDivElement>;
 declare const BarChart: Comp<BarChartProps, HTMLDivElement> & {
     Section: Comp<BarChartSectionProps, SVGGElement>;
     Bars: Comp<BarChartBarsProps, SVGGElement>;
+    Overlay: Comp<BarChartOverlayProps, SVGGElement>;
     Axis: Comp<AxisProps, SVGGElement>;
     GroupedTooltip: React$1.FC<{
         dateFormatter: (date: Date) => string;
         categories: string[];
-        categoryDecorator?: ((category: string) => string) | undefined;
+        categoryDecorator?: (category: string) => string;
         categoryColor: (category: string) => string;
         datum: BarDatum;
         groupedData: ComputedBarProps[] | undefined;
@@ -896,6 +889,7 @@ declare const BarChart: Comp<BarChartProps, HTMLDivElement> & {
 declare const StyledBarChart: styled_components.StyledComponent<_redsift_design_system.Comp<ChartContainerProps, HTMLDivElement>, any, BarChartProps, never>;
 declare const StyledBarChartSection: styled_components.StyledComponent<"g", any, StyledBarChartSectionProps, never>;
 declare const StyledBarChartBars: styled_components.StyledComponent<"g", any, Omit<BarChartBarsProps, "category">, never>;
+declare const StyledBarChartOverlay: styled_components.StyledComponent<"g", any, Omit<BarChartBarsProps, "category">, never>;
 declare const StyledBarChartEmptyText: styled_components.StyledComponent<"div", any, {
     $maxWidth: number;
     $textSize: number;
@@ -931,12 +925,7 @@ declare const Dot: Comp<DotProps, SVGGElement>;
 /**
  * Component style.
  */
-declare const StyledDot: styled_components.StyledComponent<_redsift_design_system.Comp<DataPointProps<any>, SVGGElement>, any, Omit<DataPointProps<any>, "data" | "dataset"> & {
-    $clickable: boolean;
-} & Omit<DotProps, "scaleX" | "scaleY"> & {
-    $variant: DotVariant | undefined;
-    $theme: _redsift_design_system.Theme;
-}, never>;
+declare const StyledDot: styled_components.StyledComponent<_redsift_design_system.Comp<DataPointProps<any>, SVGGElement>, any, StyledDotProps, never>;
 
 /**
  * Component props.
@@ -1274,4 +1263,4 @@ declare const StyledScatterPlotEmptyText: styled_components.StyledComponent<"div
     $theme: Theme;
 }, never>;
 
-export { AnchorProps, AnyScale, Arc, ArcDatum, ArcProps, Arcs, ArcsProps, Axis, AxisPosition, AxisProps, AxisVariant, Bar, BarChart, BarChartBarsProps, BarChartDimensions, BarChartLegendVariant, BarChartProps, BarChartSectionProps, BarChartState, BarDatum, BarDirection, BarOrientation, BarProps, BaseBarChart, CategoricalOrLinearDim, CategoryData, CategoryDatum, CategoryDim, ChartAxesProps, ChartContainer, ChartContainerDescription, ChartContainerProps, ChartContainerTitle, ChartDimensions, ChartSize, ChartTheme, ColorTheme, ComputedBarProps, Coordinates, CoordinatesCategoryData, CoordinatesCategoryDatum, CoordinatesCategoryDim, CustomColorTheme, DataPoint, DataPointProps, Datum, Dot, DotDatum, DotProps, DotVariant, EmptyDatum, JSONArray, JSONObject, JSONValue, LabelVariant, Legend, LegendItemDatum, LegendProps, LegendVariant, Line, LineChart, LineChartDimensions, LineChartLegendVariant, LineChartProps, LinePointDatum, LineProps, LinearData, LinearDatum, LinearDim, MarginProps, NumericValue, PieChart, PieChartDimensions, PieChartLegendVariant, PieChartProps, PieChartVariant, RenderedLinearBarChartProps, Scale, ScaleBand, ScaleLinear, ScaleLog, ScalePoint, ScaleSymlog, ScaleTime, ScaleTypeToScale, ScaleValue, ScaleWithBandwidth, ScatterPlot, ScatterPlotDimensions, ScatterPlotLegendVariant, ScatterPlotProps, ScatterPlotVariant, SortingMethod, Statistic, Statistics, StringValue, StyledArc, StyledArcProps, StyledArcs, StyledArcsProps, StyledAxis, StyledAxisProps, StyledBar, StyledBarChart, StyledBarChartBars, StyledBarChartBarsProps, StyledBarChartEmptyText, StyledBarChartProps, StyledBarChartSection, StyledBarChartSectionProps, StyledBarProps, StyledChartContainer, StyledChartContainerCaption, StyledChartContainerProps, StyledChartContainerTitle, StyledDataPoint, StyledDataPointProps, StyledDot, StyledDotProps, StyledLegend, StyledLegendProps, StyledLine, StyledLineChart, StyledLineChartEmptyText, StyledLineChartProps, StyledLineProps, StyledPieChart, StyledPieChartCenterText, StyledPieChartEmptyText, StyledPieChartProps, StyledScatterPlot, StyledScatterPlotEmptyText, StyledScatterPlotProps, SuccessDangerColorTheme, TicksSpec, TooltipVariant, TwoCategoryData, TwoCategoryDatum, TwoCategoryDim, UseBrushProps, UseColorProps, UseFormatCategoricalDataProps, UseZoomProps, XScaleType, empty, getAxisType, getColorScale, getSortingMethod, isValidDate, mergeLegends, monochrome, scheme, successDangerScheme, useBrush, useColor, useFormatCategoricalData, useZoom };
+export { AnchorProps, AnyScale, Arc, ArcDatum, ArcProps, Arcs, ArcsProps, Axis, AxisPosition, AxisProps, AxisVariant, Bar, BarChart, BarChartBarsProps, BarChartDimensions, BarChartLegendVariant, BarChartOverlayProps, BarChartProps, BarChartSectionProps, BarChartState, BarDatum, BarDirection, BarOrientation, BarProps, BaseBarChart, CategoricalOrLinearDim, CategoryData, CategoryDatum, CategoryDim, ChartAxesProps, ChartContainer, ChartContainerDescription, ChartContainerProps, ChartContainerTitle, ChartDimensions, ChartSize, ChartTheme, ColorTheme, ComputedBarProps, Coordinates, CoordinatesCategoryData, CoordinatesCategoryDatum, CoordinatesCategoryDim, CustomColorTheme, DataPoint, DataPointProps, Datum, Dot, DotDatum, DotProps, DotVariant, EmptyDatum, JSONArray, JSONObject, JSONValue, LabelVariant, Legend, LegendItemDatum, LegendProps, LegendVariant, Line, LineChart, LineChartDimensions, LineChartLegendVariant, LineChartProps, LinePointDatum, LineProps, LinearData, LinearDatum, LinearDim, MarginProps, NumericValue, PieChart, PieChartDimensions, PieChartLegendVariant, PieChartProps, PieChartVariant, RenderedLinearBarChartProps, Scale, ScaleBand, ScaleLinear, ScaleLog, ScalePoint, ScaleSymlog, ScaleTime, ScaleTypeToScale, ScaleValue, ScaleWithBandwidth, ScatterPlot, ScatterPlotDimensions, ScatterPlotLegendVariant, ScatterPlotProps, ScatterPlotVariant, SortingMethod, Statistic, Statistics, StringValue, StyledArc, StyledArcProps, StyledArcs, StyledArcsProps, StyledAxis, StyledAxisProps, StyledBar, StyledBarChart, StyledBarChartBars, StyledBarChartBarsProps, StyledBarChartEmptyText, StyledBarChartOverlay, StyledBarChartOverlayProps, StyledBarChartProps, StyledBarChartSection, StyledBarChartSectionProps, StyledBarProps, StyledChartContainer, StyledChartContainerCaption, StyledChartContainerProps, StyledChartContainerTitle, StyledDataPoint, StyledDataPointProps, StyledDot, StyledDotProps, StyledLegend, StyledLegendProps, StyledLine, StyledLineChart, StyledLineChartEmptyText, StyledLineChartProps, StyledLineProps, StyledPieChart, StyledPieChartCenterText, StyledPieChartEmptyText, StyledPieChartProps, StyledScatterPlot, StyledScatterPlotEmptyText, StyledScatterPlotProps, SuccessDangerColorTheme, TicksSpec, TooltipVariant, TwoCategoryData, TwoCategoryDatum, TwoCategoryDim, UseBrushProps, UseColorProps, UseFormatCategoricalDataProps, UseZoomProps, XScaleType, empty, getAxisType, getColorScale, getSortingMethod, isValidDate, mergeLegends, monochrome, scheme, successDangerScheme, useBrush, useColor, useFormatCategoricalData, useZoom };

package/index.js

@@ -7,7 +7,7 @@ export { A as Arc, S as StyledArc } from './_internal/Arc2.js';
 export { A as Arcs, S as StyledArcs } from './_internal/Arcs2.js';
 export { A as Axis, b as AxisPosition, a as AxisVariant, S as StyledAxis, g as getAxisType } from './_internal/Axis2.js';
 export { B as Bar, b as BarDirection, a as BarOrientation, S as StyledBar } from './_internal/Bar2.js';
-export { a as BarChart, b as BarChartLegendVariant, B as BaseBarChart, S as StyledBarChart, d as StyledBarChartBars, e as StyledBarChartEmptyText, c as StyledBarChartSection } from './_internal/BarChart2.js';
+export { a as BarChart, b as BarChartLegendVariant, B as BaseBarChart, S as StyledBarChart, d as StyledBarChartBars, f as StyledBarChartEmptyText, e as StyledBarChartOverlay, c as StyledBarChartSection } from './_internal/BarChart2.js';
 export { C as ChartContainer, b as ChartContainerDescription, a as ChartContainerTitle, S as StyledChartContainer, d as StyledChartContainerCaption, c as StyledChartContainerTitle } from './_internal/ChartContainer2.js';
 export { D as DataPoint, S as StyledDataPoint } from './_internal/DataPoint2.js';
 export { D as Dot, a as DotVariant, S as StyledDot } from './_internal/Dot2.js';

package/package.json

@@ -30,7 +30,7 @@
     "test": "yarn test:unit && yarn test:storybook"
   },
   "types": "types.d.ts",
-  "version": "11.6.0",
+  "version": "11.7.0-muiv5",
   "dependencies": {
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
@@ -88,11 +88,11 @@
     "ts-jest": "^28.0.3"
   },
   "peerDependencies": {
-    "@redsift/design-system": "^11.6.0-0",
-    "@redsift/popovers": "^11.6.0-0",
+    "@redsift/design-system": "^11.7.0-0",
+    "@redsift/popovers": "^11.7.0-0",
     "react": ">=17",
     "react-dom": ">=17",
     "styled-components": "^5.3.5"
   },
-  "gitHead": "97881c569fe6cb959f4cf6db32155c0e97265c67"
+  "gitHead": "e856e8e96da93e98c9fe870a76a502616d8fe65c"
 }