@redsift/charts 12.4.0 → 12.5.0-muiv6

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, Number as Number$1, 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/DataPoint2.js

@@ -79,18 +79,19 @@ const DataPoint = /*#__PURE__*/forwardRef((props, ref) => {
     }),
     ref: ref,
     id: id,
-    $clickable: Boolean(onClick)
+    $clickable: Boolean(onClick || href)
   }), children, !showTooltip && !isEmpty ? /*#__PURE__*/React__default.createElement("title", {
     id: `${id}-title`
   }, `${text}: ${data.data.value}`) : null);
+  const MaybeAnchor = href !== undefined ? /*#__PURE__*/React__default.createElement(as || 'a', _objectSpread2({
+    href
+  }, anchorProps), DataPointComponent) : DataPointComponent;
   if (showTooltip) {
     return /*#__PURE__*/React__default.createElement(Tooltip, _extends({
       placement: "right",
       theme: theme,
       delay: 50
-    }, tooltipProps), /*#__PURE__*/React__default.createElement(Tooltip.Trigger, null, href !== undefined ? /*#__PURE__*/React__default.createElement(as || 'a', _objectSpread2({
-      href
-    }, anchorProps), DataPointComponent) : DataPointComponent), /*#__PURE__*/React__default.createElement(Tooltip.Content, null, isTooltipCustom ? tooltipDecorator(data, {
+    }, tooltipProps), /*#__PURE__*/React__default.createElement(Tooltip.Trigger, null, MaybeAnchor), /*#__PURE__*/React__default.createElement(Tooltip.Content, null, isTooltipCustom ? tooltipDecorator(data, {
       index,
       isSelected: propsIsSelected,
       color: props.color
@@ -103,7 +104,7 @@ const DataPoint = /*#__PURE__*/forwardRef((props, ref) => {
       maximumFractionDigits: 2
     }) : null)));
   }
-  return DataPointComponent;
+  return MaybeAnchor;
 });
 
 export { DataPoint as D, StyledDataPoint as S };

package/_internal/DataPoint2.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataPoint2.js","sources":["../../src/components/DataPoint/styles.ts","../../src/components/DataPoint/DataPoint.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { animated } from '@react-spring/web';\nimport { StyledDataPointProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledDataPoint = styled(animated.g)<StyledDataPointProps>``;\n","import React, { forwardRef, KeyboardEventHandler, RefObject } from 'react';\nimport classNames from 'classnames';\n\nimport { Comp, Number, Text, useId, useTheme } from '@redsift/design-system';\nimport { Tooltip } from '@redsift/popovers';\n\nimport { DataPointProps } from './types';\nimport { StyledDataPoint } from './styles';\nimport { TooltipVariant } from '../../types';\n\nexport const DataPoint: Comp<DataPointProps<any>, SVGGElement> = forwardRef((props, ref) => {\n  const {\n    anchorProps: { as, href, ...anchorProps } = {},\n    children,\n    className,\n    data,\n    id: propsId,\n    index,\n    isSelected: propsIsSelected,\n    labelDecorator,\n    onClick,\n    role,\n    tooltipDecorator,\n    tooltipVariant,\n    theme: propsTheme,\n    tooltipProps,\n    dataset,\n    groupedData,\n    ...forwardedProps\n  } = props;\n\n  const [_id] = useId();\n  const id = propsId ?? _id;\n\n  const theme = useTheme(propsTheme);\n\n  const isTooltipCustom = tooltipVariant === TooltipVariant.custom && tooltipDecorator;\n  const text = labelDecorator\n    ? labelDecorator(data, { index, isSelected: propsIsSelected, color: props.color })\n    : data.data.key;\n  const hasText = text && tooltipVariant !== TooltipVariant.none;\n  const tooltipValue =\n    tooltipVariant === TooltipVariant.value\n      ? data.data.value\n      : tooltipVariant === TooltipVariant.percent && data.data.percent\n      ? data.data.percent\n      : undefined;\n  const hasValue = tooltipValue && [TooltipVariant.value, TooltipVariant.percent].includes(tooltipVariant!);\n  const showTooltip = tooltipVariant !== TooltipVariant.none && (hasText || hasValue);\n\n  const isEmpty = data.data.value === 0;\n\n  const isSelectable = role === 'option';\n  const isSelected = isSelectable && propsIsSelected === true;\n  const isDeselected = isSelectable && propsIsSelected === false;\n\n  const onKeyDown: KeyboardEventHandler<SVGElement> = (event) => {\n    if (onClick) {\n      event.stopPropagation();\n\n      if (event.code === 'Enter' || event.code === 'Space') {\n        event.preventDefault();\n        onClick(data, dataset);\n      }\n    }\n  };\n\n  const DataPointComponent = (\n    <StyledDataPoint\n      tabIndex={onClick ? 0 : undefined}\n      aria-label={\n        showTooltip && !isEmpty ? (labelDecorator ? text : `${data.data.key}, ${data.data.value}`) : undefined\n      }\n      aria-labelledby={!showTooltip && !isEmpty ? `${id}-title` : undefined}\n      aria-selected={isSelected ? true : isDeselected ? false : undefined}\n      onClick={onClick ? () => onClick(data, dataset) : undefined}\n      onKeyDown={onClick ? (event: React.KeyboardEvent<SVGElement>) => onKeyDown(event) : undefined}\n      role={role ? role : onClick ? 'button' : href ? undefined : 'img'}\n      {...forwardedProps}\n      className={classNames(className, `_${index}`, {\n        selected: isSelected,\n        deselected: isDeselected,\n      })}\n      ref={ref as RefObject<SVGGElement>}\n      id={id}\n      $clickable={Boolean(onClick)}\n    >\n      {children}\n      {!showTooltip && !isEmpty ? <title id={`${id}-title`}>{`${text}: ${data.data.value}`}</title> : null}\n    </StyledDataPoint>\n  );\n\n  if (showTooltip) {\n    return (\n      <Tooltip placement=\"right\" theme={theme} delay={50} {...tooltipProps}>\n        <Tooltip.Trigger>\n          {href !== undefined\n            ? React.createElement(as || 'a', { href, ...anchorProps }, DataPointComponent)\n            : DataPointComponent}\n        </Tooltip.Trigger>\n        <Tooltip.Content>\n          {isTooltipCustom ? (\n            tooltipDecorator(data, { index, isSelected: propsIsSelected, color: props.color }, dataset, groupedData)\n          ) : (\n            <Text variant=\"caption\">\n              {text}\n              {hasText && hasValue ? ' - ' : null}\n              {hasValue ? (\n                <Number\n                  value={tooltipValue!}\n                  type={tooltipVariant === TooltipVariant.percent ? 'percent' : 'decimal'}\n                  variant=\"caption\"\n                  maximumFractionDigits={2}\n                />\n              ) : null}\n            </Text>\n          )}\n        </Tooltip.Content>\n      </Tooltip>\n    );\n  }\n\n  return DataPointComponent;\n});\n"],"names":["StyledDataPoint","styled","animated","g","DataPoint","forwardRef","props","ref","anchorProps","as","href","children","className","data","id","propsId","index","isSelected","propsIsSelected","labelDecorator","onClick","role","tooltipDecorator","tooltipVariant","theme","propsTheme","tooltipProps","dataset","groupedData","_objectWithoutProperties","_excluded","forwardedProps","_excluded2","_id","useId","useTheme","isTooltipCustom","TooltipVariant","custom","text","color","key","hasText","none","tooltipValue","value","percent","undefined","hasValue","includes","showTooltip","isEmpty","isSelectable","isDeselected","onKeyDown","event","stopPropagation","code","preventDefault","DataPointComponent","React","createElement","_extends","tabIndex","classNames","selected","deselected","$clickable","Boolean","Tooltip","placement","delay","Trigger","_objectSpread","Content","Text","variant","Number","type","maximumFractionDigits"],"mappings":"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"}
+{"version":3,"file":"DataPoint2.js","sources":["../../src/components/DataPoint/styles.ts","../../src/components/DataPoint/DataPoint.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { animated } from '@react-spring/web';\nimport { StyledDataPointProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledDataPoint = styled(animated.g)<StyledDataPointProps>``;\n","import React, { forwardRef, KeyboardEventHandler, RefObject } from 'react';\nimport classNames from 'classnames';\n\nimport { Comp, Number, Text, useId, useTheme } from '@redsift/design-system';\nimport { Tooltip } from '@redsift/popovers';\n\nimport { DataPointProps } from './types';\nimport { StyledDataPoint } from './styles';\nimport { TooltipVariant } from '../../types';\n\nexport const DataPoint: Comp<DataPointProps<any>, SVGGElement> = forwardRef((props, ref) => {\n  const {\n    anchorProps: { as, href, ...anchorProps } = {},\n    children,\n    className,\n    data,\n    id: propsId,\n    index,\n    isSelected: propsIsSelected,\n    labelDecorator,\n    onClick,\n    role,\n    tooltipDecorator,\n    tooltipVariant,\n    theme: propsTheme,\n    tooltipProps,\n    dataset,\n    groupedData,\n    ...forwardedProps\n  } = props;\n\n  const [_id] = useId();\n  const id = propsId ?? _id;\n\n  const theme = useTheme(propsTheme);\n\n  const isTooltipCustom = tooltipVariant === TooltipVariant.custom && tooltipDecorator;\n  const text = labelDecorator\n    ? labelDecorator(data, { index, isSelected: propsIsSelected, color: props.color })\n    : data.data.key;\n  const hasText = text && tooltipVariant !== TooltipVariant.none;\n  const tooltipValue =\n    tooltipVariant === TooltipVariant.value\n      ? data.data.value\n      : tooltipVariant === TooltipVariant.percent && data.data.percent\n      ? data.data.percent\n      : undefined;\n  const hasValue = tooltipValue && [TooltipVariant.value, TooltipVariant.percent].includes(tooltipVariant!);\n  const showTooltip = tooltipVariant !== TooltipVariant.none && (hasText || hasValue);\n\n  const isEmpty = data.data.value === 0;\n\n  const isSelectable = role === 'option';\n  const isSelected = isSelectable && propsIsSelected === true;\n  const isDeselected = isSelectable && propsIsSelected === false;\n\n  const onKeyDown: KeyboardEventHandler<SVGElement> = (event) => {\n    if (onClick) {\n      event.stopPropagation();\n\n      if (event.code === 'Enter' || event.code === 'Space') {\n        event.preventDefault();\n        onClick(data, dataset);\n      }\n    }\n  };\n\n  const DataPointComponent = (\n    <StyledDataPoint\n      tabIndex={onClick ? 0 : undefined}\n      aria-label={\n        showTooltip && !isEmpty ? (labelDecorator ? text : `${data.data.key}, ${data.data.value}`) : undefined\n      }\n      aria-labelledby={!showTooltip && !isEmpty ? `${id}-title` : undefined}\n      aria-selected={isSelected ? true : isDeselected ? false : undefined}\n      onClick={onClick ? () => onClick(data, dataset) : undefined}\n      onKeyDown={onClick ? (event: React.KeyboardEvent<SVGElement>) => onKeyDown(event) : undefined}\n      role={role ? role : onClick ? 'button' : href ? undefined : 'img'}\n      {...forwardedProps}\n      className={classNames(className, `_${index}`, {\n        selected: isSelected,\n        deselected: isDeselected,\n      })}\n      ref={ref as RefObject<SVGGElement>}\n      id={id}\n      $clickable={Boolean(onClick || href)}\n    >\n      {children}\n      {!showTooltip && !isEmpty ? <title id={`${id}-title`}>{`${text}: ${data.data.value}`}</title> : null}\n    </StyledDataPoint>\n  );\n\n  const MaybeAnchor =\n    href !== undefined\n      ? React.createElement(as || 'a', { href, ...anchorProps }, DataPointComponent)\n      : DataPointComponent;\n\n  if (showTooltip) {\n    return (\n      <Tooltip placement=\"right\" theme={theme} delay={50} {...tooltipProps}>\n        <Tooltip.Trigger>{MaybeAnchor}</Tooltip.Trigger>\n        <Tooltip.Content>\n          {isTooltipCustom ? (\n            tooltipDecorator(data, { index, isSelected: propsIsSelected, color: props.color }, dataset, groupedData)\n          ) : (\n            <Text variant=\"caption\">\n              {text}\n              {hasText && hasValue ? ' - ' : null}\n              {hasValue ? (\n                <Number\n                  value={tooltipValue!}\n                  type={tooltipVariant === TooltipVariant.percent ? 'percent' : 'decimal'}\n                  variant=\"caption\"\n                  maximumFractionDigits={2}\n                />\n              ) : null}\n            </Text>\n          )}\n        </Tooltip.Content>\n      </Tooltip>\n    );\n  }\n\n  return MaybeAnchor;\n});\n"],"names":["StyledDataPoint","styled","animated","g","DataPoint","forwardRef","props","ref","anchorProps","as","href","children","className","data","id","propsId","index","isSelected","propsIsSelected","labelDecorator","onClick","role","tooltipDecorator","tooltipVariant","theme","propsTheme","tooltipProps","dataset","groupedData","_objectWithoutProperties","_excluded","forwardedProps","_excluded2","_id","useId","useTheme","isTooltipCustom","TooltipVariant","custom","text","color","key","hasText","none","tooltipValue","value","percent","undefined","hasValue","includes","showTooltip","isEmpty","isSelectable","isDeselected","onKeyDown","event","stopPropagation","code","preventDefault","DataPointComponent","React","createElement","_extends","tabIndex","classNames","selected","deselected","$clickable","Boolean","MaybeAnchor","_objectSpread","Tooltip","placement","delay","Trigger","Content","Text","variant","Number","type","maximumFractionDigits"],"mappings":"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"}

package/_internal/Legend3.js

@@ -4,8 +4,8 @@ import classNames from 'classnames';
 import { sum } from 'd3';
 import { baseContainer, getContainerStylingTransientProps } from '@redsift/design-system';
 import styled from 'styled-components';
-import { L as LegendVariant } from './legend2.js';
 import { L as LegendItem } from './LegendItem2.js';
+import { L as LegendVariant } from './legend2.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.js

@@ -1,8 +1,8 @@
-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 { C as ChartSize, a as ColorTheme, g as getSortingMethod, i as isValidDate, m as mergeLegends, u as useColor } from './_internal/theme.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": "index.d.ts",
-  "version": "12.4.0",
+  "version": "12.5.0-muiv6",
   "dependencies": {
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
@@ -86,11 +86,11 @@
     "ts-jest": "^29.2.0"
   },
   "peerDependencies": {
-    "@redsift/design-system": "^12.4.0-0",
-    "@redsift/popovers": "^12.4.0-0",
+    "@redsift/design-system": "^12.5.0-0",
+    "@redsift/popovers": "^12.5.0-0",
     "react": ">=17",
     "react-dom": ">=17",
     "styled-components": "6.1.19"
   },
-  "gitHead": "01c485a1a597cdec0af3bb199675dcb7577a26e4"
+  "gitHead": "6bc4e23b3f58ae93dac00b38d7315d458e252d92"
 }