@redsift/charts 11.8.0-muiv5 → 11.8.0

package/_internal/BarChart2.js

@@ -2,15 +2,15 @@ import { _ as _objectWithoutProperties, a as _extends, b as _objectSpread2 } fro
 import React__default, { forwardRef, useRef, createContext, useContext, useEffect, useMemo } from 'react';
 import classNames from 'classnames';
 import { useTheme, useMessageFormatter, Flexbox, Text, isComponent, RedsiftColorGreenD1, RedsiftColorRedD1, RedsiftColorNeutralBlack, useId } from '@redsift/design-system';
+import { L as LegendVariant, T as TooltipVariant } from './legend2.js';
+import { C as ChartSize, g as getSortingMethod, i as isValidDate, u as useColor, m as mergeLegends, a as ColorTheme } from './theme.js';
 import { scaleLinear, sum, scaleBand, scaleOrdinal, extent, scaleUtc, scalePoint, utcParse, scaleLog } from 'd3';
 import styled, { css } from 'styled-components';
 import { C as ChartContainer, a as ChartContainerTitle, b as ChartContainerDescription } from './ChartContainer2.js';
-import { C as ChartSize, g as getSortingMethod, i as isValidDate, u as useColor, m as mergeLegends, a as ColorTheme } from './theme.js';
 import { A as Axis, a as AxisVariant, g as getAxisType } from './Axis2.js';
 import { u as useFormatCategoricalData } from './useFormatCategoricalData.js';
 import { a as BarOrientation, B as Bar, b as BarDirection } from './Bar2.js';
 import { L as Legend } from './Legend3.js';
-import { L as LegendVariant, T as TooltipVariant } from './legend2.js';
 import { L as LegendItem } from './LegendItem2.js';
 
 /**

package/_internal/Legend3.js

@@ -4,8 +4,8 @@ import classNames from 'classnames';
 import { sum } from 'd3';
 import styled from 'styled-components';
 import { baseContainer } from '@redsift/design-system';
-import { L as LegendItem } from './LegendItem2.js';
 import { L as LegendVariant } from './legend2.js';
+import { L as LegendItem } from './LegendItem2.js';
 
 /**
  * Component style.

package/_internal/LineChart2.js

@@ -2,15 +2,15 @@ import { _ as _objectWithoutProperties, a as _extends, b as _objectSpread2 } fro
 import React__default, { forwardRef, useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import { useTheme, useMessageFormatter, Flexbox, useId } from '@redsift/design-system';
+import { L as LegendVariant, T as TooltipVariant } from './legend2.js';
+import { C as ChartSize, g as getSortingMethod, i as isValidDate, u as useColor, m as mergeLegends, a as ColorTheme } from './theme.js';
 import styled from 'styled-components';
 import { C as ChartContainer } from './ChartContainer2.js';
 import { scaleLinear, extent, scaleTime, scalePoint, line } from 'd3';
-import { C as ChartSize, g as getSortingMethod, i as isValidDate, u as useColor, m as mergeLegends, a as ColorTheme } from './theme.js';
 import { A as Axis, a as AxisVariant } from './Axis2.js';
 import { L as Line } from './Line2.js';
 import { D as Dot, a as DotVariant } from './Dot2.js';
 import { L as Legend } from './Legend3.js';
-import { L as LegendVariant, T as TooltipVariant } from './legend2.js';
 
 /**
  * Component's labels variant.

package/_internal/PieChart2.js

@@ -2,13 +2,13 @@ import { _ as _objectWithoutProperties, a as _extends, b as _objectSpread2 } fro
 import React__default, { forwardRef, useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import { Theme, useTheme, useMessageFormatter, useId } from '@redsift/design-system';
+import { L as LegendVariant, T as TooltipVariant } from './legend2.js';
+import { C as ChartSize, m as mergeLegends, g as getSortingMethod, a as ColorTheme } from './theme.js';
 import styled, { css } from 'styled-components';
 import { C as ChartContainer } from './ChartContainer2.js';
 import { arc, pie, sum } from 'd3';
 import { e as empty } from './scheme.js';
-import { C as ChartSize, m as mergeLegends, g as getSortingMethod, a as ColorTheme } from './theme.js';
 import { A as Arcs } from './Arcs2.js';
-import { L as LegendVariant, T as TooltipVariant } from './legend2.js';
 import { u as useFormatCategoricalData } from './useFormatCategoricalData.js';
 import { L as Legend } from './Legend3.js';
 

package/_internal/ScatterPlot2.js

@@ -2,15 +2,15 @@ import { _ as _objectWithoutProperties, a as _extends, b as _objectSpread2 } fro
 import React__default, { useRef, useEffect, useState, forwardRef } from 'react';
 import classNames from 'classnames';
 import { useTheme, useMessageFormatter, Flexbox, Button, Text, useId } from '@redsift/design-system';
+import { L as LegendVariant, T as TooltipVariant } from './legend2.js';
+import { C as ChartSize, g as getSortingMethod, u as useColor, m as mergeLegends, a as ColorTheme } from './theme.js';
 import styled from 'styled-components';
 import { C as ChartContainer } from './ChartContainer2.js';
 import { brush, select, zoom, interpolateRound, scaleLinear, min, extent, descending, scaleSqrt, max } from 'd3';
-import { C as ChartSize, g as getSortingMethod, u as useColor, m as mergeLegends, a as ColorTheme } from './theme.js';
 import { A as Axis, a as AxisVariant } from './Axis2.js';
 import { Popover } from '@redsift/popovers';
 import { D as Dot } from './Dot2.js';
 import { L as Legend } from './Legend3.js';
-import { L as LegendVariant, T as TooltipVariant } from './legend2.js';
 
 const getRoundedIntermediaryPoint = (selection, scaleX, scaleY) => {
   if (!selection) {

package/index.d.ts

@@ -117,7 +117,10 @@ declare const Axis: Comp<AxisProps, SVGGElement>;
 /**
  * Component style.
  */
-declare const StyledAxis: styled_components.StyledComponent<_react_spring_web.AnimatedComponent<"g">, any, StyledAxisProps, never>;
+declare const StyledAxis: styled_components.StyledComponent<_react_spring_web.AnimatedComponent<"g">, any, Omit<AxisProps, "size" | "scale" | "areXLabelsRotated"> & {
+    $theme: Theme;
+    $color?: string | undefined;
+}, never>;
 
 type ChartAxesProps = {
     /** String to Date. */
@@ -424,8 +427,8 @@ declare const successDangerScheme: {
 };
 declare const getColorScale: ({ colorTheme, domain, isEmpty, theme, }: {
     colorTheme: ChartTheme;
-    domain?: string[];
-    isEmpty?: boolean;
+    domain?: string[] | undefined;
+    isEmpty?: boolean | undefined;
     theme: Theme;
 }) => ScaleOrdinal<string, string>;
 
@@ -488,7 +491,9 @@ declare const DataPoint: Comp<DataPointProps<any>, SVGGElement>;
 /**
  * Component style.
  */
-declare const StyledDataPoint: styled_components.StyledComponent<_react_spring_web.AnimatedComponent<"g">, any, StyledDataPointProps, never>;
+declare const StyledDataPoint: styled_components.StyledComponent<_react_spring_web.AnimatedComponent<"g">, any, Omit<DataPointProps<any>, "data" | "dataset"> & {
+    $clickable: boolean;
+}, never>;
 
 /**
  * Component props.
@@ -509,7 +514,12 @@ declare const Arc: Comp<ArcProps, SVGGElement>;
 /**
  * Component style.
  */
-declare const StyledArc: styled_components.StyledComponent<_redsift_design_system.Comp<DataPointProps<any>, SVGGElement>, any, StyledArcProps, never>;
+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>;
 
 /**
  * Component props.
@@ -576,7 +586,11 @@ declare const Bar: Comp<BarProps, SVGGElement>;
 /**
  * Component style.
  */
-declare const StyledBar: styled_components.StyledComponent<_redsift_design_system.Comp<DataPointProps<any>, SVGGElement>, any, StyledBarProps, never>;
+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>;
 
 /**
  * Component props.
@@ -629,8 +643,12 @@ declare const ChartContainerDescription: Comp<ComponentProps<'div'>, HTMLDivElem
 /**
  * Component style.
  */
-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 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 StyledChartContainerCaption: styled_components.StyledComponent<"p", any, Omit<StyledChartContainerProps, "onReset">, never>;
 
 /**
@@ -689,7 +707,9 @@ declare const Legend: Comp<LegendProps, HTMLUListElement>;
 /**
  * Component style.
  */
-declare const StyledLegend: styled_components.StyledComponent<"ul", any, StyledLegendProps, never>;
+declare const StyledLegend: styled_components.StyledComponent<"ul", any, Omit<LegendProps, "data"> & {
+    $width?: string | number | undefined;
+}, never>;
 
 type FormatMessage = (key: string, variables?: {
     [key: string]: any;
@@ -882,7 +902,7 @@ declare const BarChart: Comp<BarChartProps, HTMLDivElement> & {
     GroupedTooltip: React$1.FC<{
         dateFormatter: (date: Date) => string;
         categories: string[];
-        categoryDecorator?: (category: string) => string;
+        categoryDecorator?: ((category: string) => string) | undefined;
         categoryColor: (category: string) => string;
         children?: React$1.ReactNode;
         datum: BarDatum;
@@ -936,7 +956,12 @@ declare const Dot: Comp<DotProps, SVGGElement>;
 /**
  * Component style.
  */
-declare const StyledDot: styled_components.StyledComponent<_redsift_design_system.Comp<DataPointProps<any>, SVGGElement>, any, StyledDotProps, never>;
+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>;
 
 /**
  * Component props.

package/index.js

@@ -1,8 +1,8 @@
-export { e as empty, g as getColorScale, m as monochrome, s as scheme, a as successDangerScheme } from './_internal/scheme.js';
+export { a as LabelVariant, L as LegendVariant, T as TooltipVariant } from './_internal/legend2.js';
 export { C as ChartSize, a as ColorTheme, g as getSortingMethod, i as isValidDate, m as mergeLegends, u as useColor } from './_internal/theme.js';
+export { e as empty, g as getColorScale, m as monochrome, s as scheme, a as successDangerScheme } from './_internal/scheme.js';
 export { S as ScatterPlot, c as ScatterPlotLegendVariant, b as ScatterPlotVariant, d as StyledScatterPlot, e as StyledScatterPlotEmptyText, u as useBrush, a as useZoom } from './_internal/ScatterPlot2.js';
 export { u as useFormatCategoricalData } from './_internal/useFormatCategoricalData.js';
-export { a as LabelVariant, L as LegendVariant, T as TooltipVariant } from './_internal/legend2.js';
 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';

package/package.json

@@ -30,7 +30,7 @@
     "test": "yarn test:unit && yarn test:storybook"
   },
   "types": "types.d.ts",
-  "version": "11.8.0-muiv5",
+  "version": "11.8.0",
   "dependencies": {
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
@@ -94,5 +94,5 @@
     "react-dom": ">=17",
     "styled-components": "^5.3.5"
   },
-  "gitHead": "4d72dda8248fb141155edd280b214969508d6c03"
+  "gitHead": "99a484a846ad246bc36c1be00b722c7807c9a14d"
 }