@redsift/charts 12.6.6-alpha.2 → 13.0.0

package/_internal/ChartContainer2.js

@@ -1,5 +1,5 @@
 import { b as _objectSpread2, _ as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef, useState } from 'react';
+import React, { forwardRef, useState } from 'react';
 import classNames from 'classnames';
 import { baseStyling, baseContainer, focusRing, Theme, Flexbox, getStylingTransientProps, getFlexLayoutTransientProps, useId, useTheme, warnIfNoAccessibleLabelFound, useMessageFormatter, ThemeProvider, Heading, Button } from '@redsift/design-system';
 import styled, { css } from 'styled-components';
@@ -75,8 +75,10 @@ const StyledChartContainer = styled.div`
     width: 100%;
     max-width: 500px;
 
-    td, th, caption {
-        padding: 0.5em;
+    td,
+    th,
+    caption {
+      padding: 0.5em;
     }
 
     caption {
@@ -85,7 +87,8 @@ const StyledChartContainer = styled.div`
       color: #555;
     }
 
-    thead tr, tr:nth-child(even) {
+    thead tr,
+    tr:nth-child(even) {
       background: #f8f8f8;
     }
 
@@ -148,14 +151,13 @@ const ChartContainer = /*#__PURE__*/forwardRef((props, ref) => {
   const format = useMessageFormatter(intlMessages);
   const ariaLabel = propsAriaLabel ? propsAriaLabel : propsAriaLabelledby || title ? undefined : undefined;
   const ariaLabelledby = propsAriaLabelledby ? propsAriaLabelledby : title ? `id${id}__title` : undefined;
-  return /*#__PURE__*/React__default.createElement(ThemeProvider, {
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
     value: {
       theme
     }
-  }, /*#__PURE__*/React__default.createElement("figure", null, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(StyledChartContainer, _extends({
+  }, /*#__PURE__*/React.createElement("figure", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(StyledChartContainer, _extends({
     $theme: theme,
-    role: "region",
-    "aria-hidden": "false"
+    role: "region"
   }, ariaLabel ? {
     'aria-label': `${ariaLabel}. ${format(mode)}.`
   } : {}, ariaLabelledby ? {
@@ -164,14 +166,12 @@ const ChartContainer = /*#__PURE__*/forwardRef((props, ref) => {
     ref: ref,
     className: classNames(ChartContainer.className, className),
     id: id
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     id: `id${id}__screen-reader-region-before`,
-    "aria-hidden": "false",
     style: {
       position: 'relative'
     }
-  }, /*#__PURE__*/React__default.createElement("div", {
-    "aria-hidden": "false",
+  }, /*#__PURE__*/React.createElement("div", {
     style: {
       position: 'absolute',
       width: '1px',
@@ -182,41 +182,40 @@ const ChartContainer = /*#__PURE__*/forwardRef((props, ref) => {
       marginTop: '-3px',
       opacity: '0.01'
     }
-  }, /*#__PURE__*/React__default.createElement("p", {
+  }, /*#__PURE__*/React.createElement("p", {
     id: `id${id}__interactive-or-not`,
     "aria-hidden": "true",
     style: {
       display: 'none'
     }
-  }, format(`${mode}-chart`)), ariaLabel ? /*#__PURE__*/React__default.createElement("p", null, `${ariaLabel}. ${format(`${mode}-chart`)}`) : /*#__PURE__*/React__default.createElement("p", {
+  }, format(`${mode}-chart`)), ariaLabel ? /*#__PURE__*/React.createElement("p", null, `${ariaLabel}. ${format(`${mode}-chart`)}`) : /*#__PURE__*/React.createElement("p", {
     "aria-labelledby": `${ariaLabelledby} id${id}__interactive-or-not`
-  }), /*#__PURE__*/React__default.createElement("div", null, descriptionForAssistiveTechnology !== null && descriptionForAssistiveTechnology !== void 0 ? descriptionForAssistiveTechnology : description), /*#__PURE__*/React__default.createElement("div", null, interactionExplanation), /*#__PURE__*/React__default.createElement("div", null, definition), dataTableRepresentation ? /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("button", {
+  }), /*#__PURE__*/React.createElement("div", null, descriptionForAssistiveTechnology !== null && descriptionForAssistiveTechnology !== void 0 ? descriptionForAssistiveTechnology : description), /*#__PURE__*/React.createElement("div", null, interactionExplanation), /*#__PURE__*/React.createElement("div", null, definition), dataTableRepresentation ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("button", {
     tabIndex: -1,
     "aria-expanded": viewAsDataTable,
     onClick: () => setViewAsDataTable(!viewAsDataTable)
-  }, format('view-as-data-table'), ', ', ariaLabel ? /*#__PURE__*/React__default.createElement("span", null, ariaLabel) : /*#__PURE__*/React__default.createElement("span", {
+  }, format('view-as-data-table'), ', ', ariaLabel ? /*#__PURE__*/React.createElement("span", null, ariaLabel) : /*#__PURE__*/React.createElement("span", {
     "aria-labelledby": ariaLabelledby
-  }))) : null, /*#__PURE__*/React__default.createElement("div", null, xAxisDefinition), /*#__PURE__*/React__default.createElement("div", null, yAxisDefinition))), /*#__PURE__*/React__default.createElement(Flexbox, {
+  }))) : null, /*#__PURE__*/React.createElement("div", null, xAxisDefinition), /*#__PURE__*/React.createElement("div", null, yAxisDefinition))), /*#__PURE__*/React.createElement(Flexbox, {
     flexDirection: "column"
-  }, title || onReset ? /*#__PURE__*/React__default.createElement(ChartContainerTitle, {
+  }, title || onReset ? /*#__PURE__*/React.createElement(ChartContainerTitle, {
     onReset: onReset,
     id: id
-  }, title) : null, descriptionPosition === 'belowTitle' ? /*#__PURE__*/React__default.createElement(ChartContainerDescription, {
+  }, title) : null, descriptionPosition === 'belowTitle' ? /*#__PURE__*/React.createElement(ChartContainerDescription, {
     id: id
-  }, description) : null), /*#__PURE__*/React__default.createElement(Flexbox, {
+  }, description) : null), /*#__PURE__*/React.createElement(Flexbox, {
     flexDirection: "column"
-  }, children ? /*#__PURE__*/React__default.createElement("div", _extends({
-    "aria-hidden": "false",
+  }, children ? /*#__PURE__*/React.createElement("div", _extends({
     dir: "ltr"
   }, chartProps, {
     ref: chartRef,
     className: `${ChartContainer.className}__content`
-  }), children) : null, descriptionPosition === 'belowChart' ? /*#__PURE__*/React__default.createElement(ChartContainerDescription, {
+  }), children) : null, descriptionPosition === 'belowChart' ? /*#__PURE__*/React.createElement(ChartContainerDescription, {
     id: id
-  }, description) : null, viewAsDataTable && dataTableRepresentation ? /*#__PURE__*/React__default.createElement("table", {
+  }, description) : null, viewAsDataTable && dataTableRepresentation ? /*#__PURE__*/React.createElement("table", {
     tabIndex: -1,
     summary: format('table-summary')
-  }, ariaLabel ? /*#__PURE__*/React__default.createElement("caption", null, ariaLabel) : /*#__PURE__*/React__default.createElement("caption", {
+  }, ariaLabel ? /*#__PURE__*/React.createElement("caption", null, ariaLabel) : /*#__PURE__*/React.createElement("caption", {
     "aria-labelledby": ariaLabelledby
   }), dataTableRepresentation.header, dataTableRepresentation.body) : null)))));
 });
@@ -232,7 +231,7 @@ const ChartContainerTitle = /*#__PURE__*/forwardRef((props, ref) => {
     forwardedProps = _objectWithoutProperties(props, _excluded2);
   const theme = useTheme();
   const format = useMessageFormatter(intlMessages);
-  return /*#__PURE__*/React__default.createElement(StyledChartContainerTitle, _extends({
+  return /*#__PURE__*/React.createElement(StyledChartContainerTitle, _extends({
     "aria-hidden": "true",
     $theme: theme,
     alignItems: "center",
@@ -241,9 +240,9 @@ const ChartContainerTitle = /*#__PURE__*/forwardRef((props, ref) => {
     id: `id${id}__title`
   }, forwardedProps, {
     ref: ref
-  }), typeof children === 'string' ? /*#__PURE__*/React__default.createElement(Heading, {
+  }), typeof children === 'string' ? /*#__PURE__*/React.createElement(Heading, {
     as: "h3"
-  }, children) : children ? children : null, onReset ? /*#__PURE__*/React__default.createElement(Button, {
+  }, children) : children ? children : null, onReset ? /*#__PURE__*/React.createElement(Button, {
     className: `${ChartContainer.className}-title__reset-button`,
     color: "grey",
     variant: "unstyled",
@@ -259,14 +258,14 @@ const ChartContainerDescription = /*#__PURE__*/forwardRef((props, ref) => {
     } = props,
     forwardedProps = _objectWithoutProperties(props, _excluded3);
   const theme = useTheme();
-  return typeof children === 'string' ? /*#__PURE__*/React__default.createElement(StyledChartContainerCaption, _extends({
+  return typeof children === 'string' ? /*#__PURE__*/React.createElement(StyledChartContainerCaption, _extends({
     "aria-hidden": "true",
     $theme: theme,
     className: classNames(`${ChartContainer.className}__description`, className),
     id: `id${id}__description`
   }, forwardedProps, {
     ref: ref
-  }), children) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children);
+  }), children) : /*#__PURE__*/React.createElement(React.Fragment, null, children);
 });
 ChartContainerDescription.displayName = 'ChartContainerDescription';
 

package/_internal/ChartContainer2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartContainer2.js","sources":["../../src/components/ChartContainer/intl/index.ts","../../src/components/ChartContainer/styles.ts","../../src/components/ChartContainer/ChartContainer.tsx"],"sourcesContent":["import enUS from './en-US.json';\nimport frFR from './fr-FR.json';\n\nexport default {\n  'en-US': enUS,\n  'fr-FR': frFR,\n};\n","import styled, { css } from 'styled-components';\nimport { Flexbox, Theme, baseContainer, baseStyling, focusRing } from '@redsift/design-system';\nimport { StyledChartContainerProps } from './types';\n\n/** Component style. */\nexport const StyledChartContainer = styled.div<StyledChartContainerProps>`\n  ${baseStyling}\n\n  .redsift-chart-container__content {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    font-family: var(--redsift-typography-font-family-poppins);\n    font-size: 11px;\n    justify-content: center;\n    position: relative;\n\n    ${baseContainer}\n\n    ${focusRing}\n  }\n\n  svg {\n    display: block;\n    user-select: none;\n  }\n\n  text {\n    ${({ $theme }) => css`\n      fill: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});\n    `}\n  }\n\n  table {\n    border-collapse: collapse;\n    border: 1px solid #ebebeb;\n    margin: 10px auto;\n    text-align: center;\n    width: 100%;\n    max-width: 500px;\n\n    td, th, caption {\n        padding: 0.5em;\n    }\n\n    caption {\n      padding: 1em 0;\n      font-size: 1.2em;\n      color: #555;\n    }\n\n    thead tr, tr:nth-child(even) {\n      background: #f8f8f8;\n    }\n\n    th {\n      font-weight: 600;\n    }\n  }\n`;\n\nexport const StyledChartContainerTitle = styled(Flexbox)<StyledChartContainerProps>``;\n\nexport const StyledChartContainerCaption = styled.p<Omit<StyledChartContainerProps, 'onReset'>>`\n  font-family: var(--redsift-typography-caption-font-family);\n  font-size: var(--redsift-typography-caption-font-size);\n  font-weight: var(--redsift-typography-caption-font-weight);\n  line-height: var(--redsift-typography-caption-line-height);\n  margin: 8px 0;\n`;\n","import React, { ComponentProps, forwardRef, RefObject, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { getFlexLayoutTransientProps, useMessageFormatter } from '@redsift/design-system';\nimport intlMessages from './intl';\n\nimport {\n  Button,\n  Comp,\n  Flexbox,\n  getStylingTransientProps,\n  Heading,\n  ThemeProvider,\n  useId,\n  useTheme,\n  warnIfNoAccessibleLabelFound,\n} from '@redsift/design-system';\n\nimport { ChartContainerProps } from './types';\nimport { StyledChartContainer, StyledChartContainerCaption, StyledChartContainerTitle } from './styles';\n\nconst COMPONENT_NAME = 'ChartContainer';\nconst CLASSNAME = 'redsift-chart-container';\n\nexport const ChartContainer: Comp<ChartContainerProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const { transientProps: stylingTransientProps, otherProps: propsWithoutStyling } = getStylingTransientProps(props);\n  const { transientProps: flexTransientProps, otherProps } = getFlexLayoutTransientProps(propsWithoutStyling);\n  const transientProps = { ...stylingTransientProps, ...flexTransientProps };\n\n  const {\n    'aria-label': propsAriaLabel,\n    'aria-labelledby': propsAriaLabelledby,\n    description,\n    descriptionPosition = 'belowChart',\n    chartProps,\n    chartRef,\n    children,\n    className,\n    id: propsId,\n    title,\n    onReset,\n    theme: propsTheme,\n    mode = 'static',\n    definition,\n    interactionExplanation,\n    descriptionForAssistiveTechnology,\n    dataTableRepresentation,\n    xAxisDefinition,\n    yAxisDefinition,\n    ...forwardedProps\n  } = otherProps;\n  const [_id] = useId();\n  const id = propsId ?? _id;\n\n  const theme = useTheme(propsTheme);\n  const [viewAsDataTable, setViewAsDataTable] = useState(false);\n\n  warnIfNoAccessibleLabelFound(props as ComponentProps<keyof JSX.IntrinsicElements>, [title]);\n\n  const format = useMessageFormatter(intlMessages);\n\n  const ariaLabel = propsAriaLabel ? propsAriaLabel : propsAriaLabelledby || title ? undefined : undefined;\n  const ariaLabelledby = propsAriaLabelledby ? propsAriaLabelledby : title ? `id${id}__title` : undefined;\n\n  return (\n    <ThemeProvider value={{ theme }}>\n      <figure>\n        <div>\n          <StyledChartContainer\n            $theme={theme}\n            role=\"region\"\n            aria-hidden=\"false\"\n            {...(ariaLabel ? { 'aria-label': `${ariaLabel}. ${format(mode)}.` } : {})}\n            {...(ariaLabelledby ? { 'aria-labelledby': `${ariaLabelledby} id${id}__interactive-or-not` } : {})}\n            {...forwardedProps}\n            {...transientProps}\n            ref={ref as RefObject<HTMLDivElement>}\n            className={classNames(ChartContainer.className, className)}\n            id={id}\n          >\n            <div id={`id${id}__screen-reader-region-before`} aria-hidden=\"false\" style={{ position: 'relative' }}>\n              <div\n                aria-hidden=\"false\"\n                style={{\n                  position: 'absolute',\n                  width: '1px',\n                  height: '1px',\n                  overflow: 'hidden',\n                  whiteSpace: 'nowrap',\n                  clip: 'rect(1px, 1px, 1px, 1px)',\n                  marginTop: '-3px',\n                  opacity: '0.01',\n                }}\n              >\n                <p id={`id${id}__interactive-or-not`} aria-hidden=\"true\" style={{ display: 'none' }}>\n                  {format(`${mode}-chart`)}\n                </p>\n                {ariaLabel ? (\n                  <p>{`${ariaLabel}. ${format(`${mode}-chart`)}`}</p>\n                ) : (\n                  <p aria-labelledby={`${ariaLabelledby} id${id}__interactive-or-not`} />\n                )}\n                <div>{descriptionForAssistiveTechnology ?? description}</div>\n                <div>{interactionExplanation}</div>\n                <div>{definition}</div>\n                {dataTableRepresentation ? (\n                  <div>\n                    <button\n                      tabIndex={-1}\n                      aria-expanded={viewAsDataTable}\n                      onClick={() => setViewAsDataTable(!viewAsDataTable)}\n                    >\n                      {format('view-as-data-table')}\n                      {', '}\n                      {ariaLabel ? <span>{ariaLabel}</span> : <span aria-labelledby={ariaLabelledby} />}\n                    </button>\n                  </div>\n                ) : null}\n                <div>{xAxisDefinition}</div>\n                <div>{yAxisDefinition}</div>\n              </div>\n            </div>\n            <Flexbox flexDirection=\"column\">\n              {title || onReset ? (\n                <ChartContainerTitle onReset={onReset} id={id}>\n                  {title}\n                </ChartContainerTitle>\n              ) : null}\n              {descriptionPosition === 'belowTitle' ? (\n                <ChartContainerDescription id={id}>{description}</ChartContainerDescription>\n              ) : null}\n            </Flexbox>\n\n            <Flexbox flexDirection=\"column\">\n              {children ? (\n                <div\n                  aria-hidden=\"false\"\n                  dir=\"ltr\"\n                  {...chartProps}\n                  ref={chartRef}\n                  className={`${ChartContainer.className}__content`}\n                >\n                  {children}\n                </div>\n              ) : null}\n              {descriptionPosition === 'belowChart' ? (\n                <ChartContainerDescription id={id}>{description}</ChartContainerDescription>\n              ) : null}\n              {viewAsDataTable && dataTableRepresentation ? (\n                <table tabIndex={-1} summary={format('table-summary')}>\n                  {ariaLabel ? <caption>{ariaLabel}</caption> : <caption aria-labelledby={ariaLabelledby} />}\n                  {dataTableRepresentation.header}\n                  {dataTableRepresentation.body}\n                </table>\n              ) : null}\n            </Flexbox>\n          </StyledChartContainer>\n        </div>\n      </figure>\n    </ThemeProvider>\n  );\n});\nChartContainer.className = CLASSNAME;\nChartContainer.displayName = COMPONENT_NAME;\n\nexport const ChartContainerTitle: Comp<Pick<ChartContainerProps, 'onReset'> & ComponentProps<'div'>, HTMLDivElement> =\n  forwardRef((props, ref) => {\n    const { children, className, onReset, id, ...forwardedProps } = props;\n    const theme = useTheme();\n    const format = useMessageFormatter(intlMessages);\n\n    return (\n      <StyledChartContainerTitle\n        aria-hidden=\"true\"\n        $theme={theme}\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n        className={classNames(`${ChartContainer.className}__title`, className)}\n        id={`id${id}__title`}\n        {...forwardedProps}\n        ref={ref}\n      >\n        {typeof children === 'string' ? <Heading as=\"h3\">{children}</Heading> : children ? children : null}\n\n        {onReset ? (\n          <Button\n            className={`${ChartContainer.className}-title__reset-button`}\n            color=\"grey\"\n            variant=\"unstyled\"\n            onClick={onReset}\n          >\n            {format('reset')}\n          </Button>\n        ) : null}\n      </StyledChartContainerTitle>\n    );\n  });\nChartContainerTitle.displayName = 'ChartContainerTitle';\n\nexport const ChartContainerDescription: Comp<ComponentProps<'div'>, HTMLDivElement> = forwardRef((props, ref) => {\n  const { children, className, id, ...forwardedProps } = props;\n  const theme = useTheme();\n\n  return typeof children === 'string' ? (\n    <StyledChartContainerCaption\n      aria-hidden=\"true\"\n      $theme={theme}\n      className={classNames(`${ChartContainer.className}__description`, className)}\n      id={`id${id}__description`}\n      {...forwardedProps}\n      ref={ref}\n    >\n      {children}\n    </StyledChartContainerCaption>\n  ) : (\n    <>{children}</>\n  );\n});\nChartContainerDescription.displayName = 'ChartContainerDescription';\n"],"names":["enUS","frFR","StyledChartContainer","styled","div","baseStyling","baseContainer","focusRing","_ref","$theme","css","Theme","dark","StyledChartContainerTitle","Flexbox","StyledChartContainerCaption","p","COMPONENT_NAME","CLASSNAME","ChartContainer","forwardRef","props","ref","transientProps","stylingTransientProps","otherProps","propsWithoutStyling","getStylingTransientProps","flexTransientProps","getFlexLayoutTransientProps","_objectSpread","propsAriaLabel","propsAriaLabelledby","description","descriptionPosition","chartProps","chartRef","children","className","id","propsId","title","onReset","theme","propsTheme","mode","definition","interactionExplanation","descriptionForAssistiveTechnology","dataTableRepresentation","xAxisDefinition","yAxisDefinition","forwardedProps","_objectWithoutProperties","_excluded","_id","useId","useTheme","viewAsDataTable","setViewAsDataTable","useState","warnIfNoAccessibleLabelFound","format","useMessageFormatter","intlMessages","ariaLabel","undefined","ariaLabelledby","React","createElement","ThemeProvider","value","_extends","role","classNames","style","position","width","height","overflow","whiteSpace","clip","marginTop","opacity","display","tabIndex","onClick","flexDirection","ChartContainerTitle","ChartContainerDescription","dir","summary","header","body","displayName","_excluded2","alignItems","justifyContent","Heading","as","Button","color","variant","_excluded3","Fragment"],"mappings":"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"}
+{"version":3,"file":"ChartContainer2.js","sources":["../../src/components/ChartContainer/intl/index.ts","../../src/components/ChartContainer/styles.ts","../../src/components/ChartContainer/ChartContainer.tsx"],"sourcesContent":["import enUS from './en-US.json';\nimport frFR from './fr-FR.json';\n\nexport default {\n  'en-US': enUS,\n  'fr-FR': frFR,\n};\n","import styled, { css } from 'styled-components';\nimport { Flexbox, Theme, baseContainer, baseStyling, focusRing } from '@redsift/design-system';\nimport { StyledChartContainerProps } from './types';\n\n/** Component style. */\nexport const StyledChartContainer = styled.div<StyledChartContainerProps>`\n  ${baseStyling}\n\n  .redsift-chart-container__content {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    font-family: var(--redsift-typography-font-family-poppins);\n    font-size: 11px;\n    justify-content: center;\n    position: relative;\n\n    ${baseContainer}\n\n    ${focusRing}\n  }\n\n  svg {\n    display: block;\n    user-select: none;\n  }\n\n  text {\n    ${({ $theme }) => css`\n      fill: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});\n    `}\n  }\n\n  table {\n    border-collapse: collapse;\n    border: 1px solid #ebebeb;\n    margin: 10px auto;\n    text-align: center;\n    width: 100%;\n    max-width: 500px;\n\n    td,\n    th,\n    caption {\n      padding: 0.5em;\n    }\n\n    caption {\n      padding: 1em 0;\n      font-size: 1.2em;\n      color: #555;\n    }\n\n    thead tr,\n    tr:nth-child(even) {\n      background: #f8f8f8;\n    }\n\n    th {\n      font-weight: 600;\n    }\n  }\n`;\n\nexport const StyledChartContainerTitle = styled(Flexbox)<StyledChartContainerProps>``;\n\nexport const StyledChartContainerCaption = styled.p<Omit<StyledChartContainerProps, 'onReset'>>`\n  font-family: var(--redsift-typography-caption-font-family);\n  font-size: var(--redsift-typography-caption-font-size);\n  font-weight: var(--redsift-typography-caption-font-weight);\n  line-height: var(--redsift-typography-caption-line-height);\n  margin: 8px 0;\n`;\n","import React, { ComponentProps, forwardRef, RefObject, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { getFlexLayoutTransientProps, useMessageFormatter } from '@redsift/design-system';\nimport intlMessages from './intl';\n\nimport {\n  Button,\n  Comp,\n  Flexbox,\n  getStylingTransientProps,\n  Heading,\n  ThemeProvider,\n  useId,\n  useTheme,\n  warnIfNoAccessibleLabelFound,\n} from '@redsift/design-system';\n\nimport { ChartContainerProps } from './types';\nimport { StyledChartContainer, StyledChartContainerCaption, StyledChartContainerTitle } from './styles';\n\nconst COMPONENT_NAME = 'ChartContainer';\nconst CLASSNAME = 'redsift-chart-container';\n\nexport const ChartContainer: Comp<ChartContainerProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const { transientProps: stylingTransientProps, otherProps: propsWithoutStyling } = getStylingTransientProps(props);\n  const { transientProps: flexTransientProps, otherProps } = getFlexLayoutTransientProps(propsWithoutStyling);\n  const transientProps = { ...stylingTransientProps, ...flexTransientProps };\n\n  const {\n    'aria-label': propsAriaLabel,\n    'aria-labelledby': propsAriaLabelledby,\n    description,\n    descriptionPosition = 'belowChart',\n    chartProps,\n    chartRef,\n    children,\n    className,\n    id: propsId,\n    title,\n    onReset,\n    theme: propsTheme,\n    mode = 'static',\n    definition,\n    interactionExplanation,\n    descriptionForAssistiveTechnology,\n    dataTableRepresentation,\n    xAxisDefinition,\n    yAxisDefinition,\n    ...forwardedProps\n  } = otherProps;\n  const [_id] = useId();\n  const id = propsId ?? _id;\n\n  const theme = useTheme(propsTheme);\n  const [viewAsDataTable, setViewAsDataTable] = useState(false);\n\n  warnIfNoAccessibleLabelFound(props as ComponentProps<keyof React.JSX.IntrinsicElements>, [title]);\n\n  const format = useMessageFormatter(intlMessages);\n\n  const ariaLabel = propsAriaLabel ? propsAriaLabel : propsAriaLabelledby || title ? undefined : undefined;\n  const ariaLabelledby = propsAriaLabelledby ? propsAriaLabelledby : title ? `id${id}__title` : undefined;\n\n  return (\n    <ThemeProvider value={{ theme }}>\n      <figure>\n        <div>\n          <StyledChartContainer\n            $theme={theme}\n            role=\"region\"\n            {...(ariaLabel ? { 'aria-label': `${ariaLabel}. ${format(mode)}.` } : {})}\n            {...(ariaLabelledby ? { 'aria-labelledby': `${ariaLabelledby} id${id}__interactive-or-not` } : {})}\n            {...forwardedProps}\n            {...transientProps}\n            ref={ref as RefObject<HTMLDivElement>}\n            className={classNames(ChartContainer.className, className)}\n            id={id}\n          >\n            <div id={`id${id}__screen-reader-region-before`} style={{ position: 'relative' }}>\n              <div\n                style={{\n                  position: 'absolute',\n                  width: '1px',\n                  height: '1px',\n                  overflow: 'hidden',\n                  whiteSpace: 'nowrap',\n                  clip: 'rect(1px, 1px, 1px, 1px)',\n                  marginTop: '-3px',\n                  opacity: '0.01',\n                }}\n              >\n                <p id={`id${id}__interactive-or-not`} aria-hidden=\"true\" style={{ display: 'none' }}>\n                  {format(`${mode}-chart`)}\n                </p>\n                {ariaLabel ? (\n                  <p>{`${ariaLabel}. ${format(`${mode}-chart`)}`}</p>\n                ) : (\n                  <p aria-labelledby={`${ariaLabelledby} id${id}__interactive-or-not`} />\n                )}\n                <div>{descriptionForAssistiveTechnology ?? description}</div>\n                <div>{interactionExplanation}</div>\n                <div>{definition}</div>\n                {dataTableRepresentation ? (\n                  <div>\n                    <button\n                      tabIndex={-1}\n                      aria-expanded={viewAsDataTable}\n                      onClick={() => setViewAsDataTable(!viewAsDataTable)}\n                    >\n                      {format('view-as-data-table')}\n                      {', '}\n                      {ariaLabel ? <span>{ariaLabel}</span> : <span aria-labelledby={ariaLabelledby} />}\n                    </button>\n                  </div>\n                ) : null}\n                <div>{xAxisDefinition}</div>\n                <div>{yAxisDefinition}</div>\n              </div>\n            </div>\n            <Flexbox flexDirection=\"column\">\n              {title || onReset ? (\n                <ChartContainerTitle onReset={onReset} id={id}>\n                  {title}\n                </ChartContainerTitle>\n              ) : null}\n              {descriptionPosition === 'belowTitle' ? (\n                <ChartContainerDescription id={id}>{description}</ChartContainerDescription>\n              ) : null}\n            </Flexbox>\n\n            <Flexbox flexDirection=\"column\">\n              {children ? (\n                <div\n                  dir=\"ltr\"\n                  {...chartProps}\n                  ref={chartRef as RefObject<HTMLDivElement>}\n                  className={`${ChartContainer.className}__content`}\n                >\n                  {children}\n                </div>\n              ) : null}\n              {descriptionPosition === 'belowChart' ? (\n                <ChartContainerDescription id={id}>{description}</ChartContainerDescription>\n              ) : null}\n              {viewAsDataTable && dataTableRepresentation ? (\n                <table tabIndex={-1} summary={format('table-summary')}>\n                  {ariaLabel ? <caption>{ariaLabel}</caption> : <caption aria-labelledby={ariaLabelledby} />}\n                  {dataTableRepresentation.header}\n                  {dataTableRepresentation.body}\n                </table>\n              ) : null}\n            </Flexbox>\n          </StyledChartContainer>\n        </div>\n      </figure>\n    </ThemeProvider>\n  );\n});\nChartContainer.className = CLASSNAME;\nChartContainer.displayName = COMPONENT_NAME;\n\nexport const ChartContainerTitle: Comp<Pick<ChartContainerProps, 'onReset'> & ComponentProps<'div'>, HTMLDivElement> =\n  forwardRef((props, ref) => {\n    const { children, className, onReset, id, ...forwardedProps } = props;\n    const theme = useTheme();\n    const format = useMessageFormatter(intlMessages);\n\n    return (\n      <StyledChartContainerTitle\n        aria-hidden=\"true\"\n        $theme={theme}\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n        className={classNames(`${ChartContainer.className}__title`, className)}\n        id={`id${id}__title`}\n        {...forwardedProps}\n        ref={ref}\n      >\n        {typeof children === 'string' ? <Heading as=\"h3\">{children}</Heading> : children ? children : null}\n\n        {onReset ? (\n          <Button\n            className={`${ChartContainer.className}-title__reset-button`}\n            color=\"grey\"\n            variant=\"unstyled\"\n            onClick={onReset}\n          >\n            {format('reset')}\n          </Button>\n        ) : null}\n      </StyledChartContainerTitle>\n    );\n  });\nChartContainerTitle.displayName = 'ChartContainerTitle';\n\nexport const ChartContainerDescription: Comp<ComponentProps<'div'>, HTMLDivElement> = forwardRef((props, ref) => {\n  const { children, className, id, ...forwardedProps } = props;\n  const theme = useTheme();\n\n  return typeof children === 'string' ? (\n    <StyledChartContainerCaption\n      aria-hidden=\"true\"\n      $theme={theme}\n      className={classNames(`${ChartContainer.className}__description`, className)}\n      id={`id${id}__description`}\n      {...forwardedProps}\n      ref={ref}\n    >\n      {children}\n    </StyledChartContainerCaption>\n  ) : (\n    <>{children}</>\n  );\n});\nChartContainerDescription.displayName = 'ChartContainerDescription';\n"],"names":["enUS","frFR","StyledChartContainer","styled","div","baseStyling","baseContainer","focusRing","_ref","$theme","css","Theme","dark","StyledChartContainerTitle","Flexbox","StyledChartContainerCaption","p","COMPONENT_NAME","CLASSNAME","ChartContainer","forwardRef","props","ref","transientProps","stylingTransientProps","otherProps","propsWithoutStyling","getStylingTransientProps","flexTransientProps","getFlexLayoutTransientProps","_objectSpread","propsAriaLabel","propsAriaLabelledby","description","descriptionPosition","chartProps","chartRef","children","className","id","propsId","title","onReset","theme","propsTheme","mode","definition","interactionExplanation","descriptionForAssistiveTechnology","dataTableRepresentation","xAxisDefinition","yAxisDefinition","forwardedProps","_objectWithoutProperties","_excluded","_id","useId","useTheme","viewAsDataTable","setViewAsDataTable","useState","warnIfNoAccessibleLabelFound","format","useMessageFormatter","intlMessages","ariaLabel","undefined","ariaLabelledby","React","createElement","ThemeProvider","value","_extends","role","classNames","style","position","width","height","overflow","whiteSpace","clip","marginTop","opacity","display","tabIndex","onClick","flexDirection","ChartContainerTitle","ChartContainerDescription","dir","summary","header","body","displayName","_excluded2","alignItems","justifyContent","Heading","as","Button","color","variant","_excluded3","Fragment"],"mappings":"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"}

package/_internal/DataPoint2.js

@@ -1,16 +1,16 @@
 import { _ as _objectWithoutProperties, a as _extends, b as _objectSpread2 } from './_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import classNames from 'classnames';
 import { useId, useTheme, Text, Number } from '@redsift/design-system';
 import { Tooltip } from '@redsift/popovers';
 import styled from 'styled-components';
-import { i as it } from '../index2.js';
+import { animated } from '@react-spring/web';
 import { T as TooltipVariant } from './legend2.js';
 
 /**
  * Component style.
  */
-const StyledDataPoint = styled(it.g)``;
+const StyledDataPoint = styled(animated.g)``;
 
 const _excluded = ["as", "href"],
   _excluded2 = ["anchorProps", "children", "className", "data", "id", "index", "isSelected", "labelDecorator", "onClick", "role", "tooltipDecorator", "tooltipVariant", "theme", "tooltipProps", "dataset", "groupedData"];
@@ -64,7 +64,7 @@ const DataPoint = /*#__PURE__*/forwardRef((props, ref) => {
       }
     }
   };
-  const DataPointComponent = /*#__PURE__*/React__default.createElement(StyledDataPoint, _extends({
+  const DataPointComponent = /*#__PURE__*/React.createElement(StyledDataPoint, _extends({
     tabIndex: onClick ? 0 : undefined,
     "aria-label": showTooltip && !isEmpty ? labelDecorator ? text : `${data.data.key}, ${data.data.value}` : undefined,
     "aria-labelledby": !showTooltip && !isEmpty ? `${id}-title` : undefined,
@@ -80,24 +80,24 @@ const DataPoint = /*#__PURE__*/forwardRef((props, ref) => {
     ref: ref,
     id: id,
     $clickable: Boolean(onClick || href)
-  }), children, !showTooltip && !isEmpty ? /*#__PURE__*/React__default.createElement("title", {
+  }), children, !showTooltip && !isEmpty ? /*#__PURE__*/React.createElement("title", {
     id: `${id}-title`
   }, `${text}: ${data.data.value}`) : null);
-  const MaybeAnchor = href !== undefined ? /*#__PURE__*/React__default.createElement(as || 'a', _objectSpread2({
+  const MaybeAnchor = href !== undefined ? /*#__PURE__*/React.createElement(as || 'a', _objectSpread2({
     href
   }, anchorProps), DataPointComponent) : DataPointComponent;
   if (showTooltip) {
-    return /*#__PURE__*/React__default.createElement(Tooltip, _extends({
+    return /*#__PURE__*/React.createElement(Tooltip, _extends({
       placement: "right",
       theme: theme,
       delay: 50
-    }, tooltipProps), /*#__PURE__*/React__default.createElement(Tooltip.Trigger, null, MaybeAnchor), /*#__PURE__*/React__default.createElement(Tooltip.Content, null, isTooltipCustom ? tooltipDecorator(data, {
+    }, tooltipProps), /*#__PURE__*/React.createElement(Tooltip.Trigger, null, MaybeAnchor), /*#__PURE__*/React.createElement(Tooltip.Content, null, isTooltipCustom ? tooltipDecorator(data, {
       index,
       isSelected: propsIsSelected,
       color: props.color
-    }, dataset, groupedData) : /*#__PURE__*/React__default.createElement(Text, {
+    }, dataset, groupedData) : /*#__PURE__*/React.createElement(Text, {
       variant: "caption"
-    }, text, hasText && hasValue ? ' - ' : null, hasValue ? /*#__PURE__*/React__default.createElement(Number, {
+    }, text, hasText && hasValue ? ' - ' : null, hasValue ? /*#__PURE__*/React.createElement(Number, {
       value: tooltipValue,
       type: tooltipVariant === TooltipVariant.percent ? 'percent' : 'decimal',
       variant: "caption",

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 || 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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"}
+{"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/Dot2.js

@@ -1,5 +1,5 @@
 import { _ as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import classNames from 'classnames';
 import { useTheme, Theme } from '@redsift/design-system';
 import styled, { css } from 'styled-components';
@@ -86,7 +86,7 @@ const Dot = /*#__PURE__*/forwardRef((props, ref) => {
   const theme = useTheme();
   const isSelectable = role === 'option';
   const isDeselected = isSelectable && propsIsSelected === false;
-  return /*#__PURE__*/React__default.createElement(StyledDot, _extends({
+  return /*#__PURE__*/React.createElement(StyledDot, _extends({
     labelDecorator: labelDecorator
   }, forwardedProps, {
     ref: ref,
@@ -94,7 +94,7 @@ const Dot = /*#__PURE__*/forwardRef((props, ref) => {
     $clickable: Boolean(onClick),
     $variant: variant,
     $theme: theme
-  }), /*#__PURE__*/React__default.createElement("circle", {
+  }), /*#__PURE__*/React.createElement("circle", {
     cx: scaleX(data.x),
     cy: scaleY(data.y),
     r: data.r,

package/_internal/Dot2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dot2.js","sources":["../../src/components/Dot/types.ts","../../src/components/Dot/styles.ts","../../src/components/Dot/Dot.tsx"],"sourcesContent":["import { ScaleLinear as d3ScaleLinear, ScaleTime as d3ScaleTime, ScalePoint as d3ScalePoint } from 'd3';\nimport { DotDatum } from '../../types';\nimport { DataPointProps, StyledDataPointProps } from '../DataPoint';\nimport { Theme, ValueOf } from '@redsift/design-system';\n\n/**\n * Component's variant.\n */\nexport const DotVariant = {\n  plain: 'plain',\n  hollow: 'hollow',\n} as const;\nexport type DotVariant = ValueOf<typeof DotVariant>;\n\n/**\n * Component props.\n */\nexport interface DotProps extends DataPointProps<DotDatum> {\n  /** A scale defined over a numeric/time/ordinal domain used to determine the x position based on the coordinates. */\n  scaleX: d3ScaleLinear<number, number, never> | d3ScaleTime<number, number, never> | d3ScalePoint<string>;\n  /** A linear continuous scale defined over a numeric domain used to determine the y position based on the coordinates. */\n  scaleY: d3ScaleLinear<number, number, never>;\n  /**\n   * Variant.\n   * @default 'plain'\n   */\n  variant?: DotVariant;\n}\n\nexport type StyledDotProps = StyledDataPointProps &\n  Omit<DotProps, 'scaleX' | 'scaleY'> & {\n    $variant: DotProps['variant'];\n    $theme: Theme;\n  };\n","import styled, { css } from 'styled-components';\nimport { DotVariant, StyledDotProps } from './types';\nimport { DataPoint } from '../DataPoint';\n\n/**\n * Component style.\n */\nexport const StyledDot = styled(DataPoint)<StyledDotProps>`\n  text {\n    user-select: none;\n  }\n\n  ${({ $variant }) => css`\n    circle {\n      fill-opacity: ${$variant === DotVariant.hollow ? 1 : 0.7};\n    }\n  `}\n\n  ${({ $clickable }) =>\n    $clickable\n      ? css`\n          cursor: pointer;\n\n          &:hover,\n          &:focus {\n            opacity: 0.5;\n            outline: none;\n          }\n\n          &:focus-visible {\n            circle {\n              stroke: var(--redsift-color-primary-n);\n              stroke-width: 4px;\n              paint-order: stroke;\n            }\n          }\n        `\n      : ''}\n`;\n","import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\n\nimport { Comp, Theme, useTheme } from '@redsift/design-system';\n\nimport { DotProps, DotVariant } from './types';\nimport { StyledDot } from './styles';\nimport { monochrome } from '../../scheme';\nimport { DotDatum } from '../../types';\n\nconst COMPONENT_NAME = 'Dot';\nconst CLASSNAME = 'redsift-dot';\n\nexport const Dot: Comp<DotProps, SVGGElement> = forwardRef((props, ref) => {\n  const { color = monochrome, data, isSelected: propsIsSelected, onClick, role } = props;\n\n  const {\n    className,\n    labelDecorator = (datum: DotDatum) => {\n      return datum.data.key[2] !== undefined && datum.data.key[2] !== null\n        ? datum.data.key[2]\n        : `${datum.data.key[0]},${datum.data.key[1]}`;\n    },\n    scaleX,\n    scaleY,\n    variant = DotVariant.plain,\n    children,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme();\n\n  const isSelectable = role === 'option';\n  const isDeselected = isSelectable && propsIsSelected === false;\n\n  return (\n    <StyledDot\n      labelDecorator={labelDecorator}\n      {...forwardedProps}\n      ref={ref}\n      className={classNames(Dot.className, className)}\n      $clickable={Boolean(onClick)}\n      $variant={variant}\n      $theme={theme}\n    >\n      <circle\n        cx={scaleX(data.x as any)}\n        cy={scaleY(data.y as any)}\n        r={data.r}\n        fill={\n          variant === DotVariant.hollow\n            ? `var(--redsift-color-neutral-${theme === Theme.light ? 'white' : 'x-dark-grey'})`\n            : isDeselected\n            ? 'var(--redsift-color-neutral-light-grey)'\n            : color\n        }\n        stroke={isDeselected ? 'var(--redsift-color-neutral-light-grey)' : color}\n        strokeWidth={variant === DotVariant.hollow ? '2' : '0'}\n      />\n      {children}\n    </StyledDot>\n  );\n});\nDot.className = CLASSNAME;\nDot.displayName = COMPONENT_NAME;\n"],"names":["DotVariant","plain","hollow","StyledDot","styled","DataPoint","_ref","$variant","css","_ref2","$clickable","COMPONENT_NAME","CLASSNAME","Dot","forwardRef","props","ref","color","monochrome","data","isSelected","propsIsSelected","onClick","role","className","labelDecorator","datum","key","undefined","scaleX","scaleY","variant","children","forwardedProps","_objectWithoutProperties","_excluded","theme","useTheme","isSelectable","isDeselected","React","createElement","_extends","classNames","Boolean","$theme","cx","x","cy","y","r","fill","Theme","light","stroke","strokeWidth","displayName"],"mappings":"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"}
+{"version":3,"file":"Dot2.js","sources":["../../src/components/Dot/types.ts","../../src/components/Dot/styles.ts","../../src/components/Dot/Dot.tsx"],"sourcesContent":["import { ScaleLinear as d3ScaleLinear, ScaleTime as d3ScaleTime, ScalePoint as d3ScalePoint } from 'd3';\nimport { DotDatum } from '../../types';\nimport { DataPointProps, StyledDataPointProps } from '../DataPoint';\nimport { Theme, ValueOf } from '@redsift/design-system';\n\n/**\n * Component's variant.\n */\nexport const DotVariant = {\n  plain: 'plain',\n  hollow: 'hollow',\n} as const;\nexport type DotVariant = ValueOf<typeof DotVariant>;\n\n/**\n * Component props.\n */\nexport interface DotProps extends DataPointProps<DotDatum> {\n  /** A scale defined over a numeric/time/ordinal domain used to determine the x position based on the coordinates. */\n  scaleX: d3ScaleLinear<number, number, never> | d3ScaleTime<number, number, never> | d3ScalePoint<string>;\n  /** A linear continuous scale defined over a numeric domain used to determine the y position based on the coordinates. */\n  scaleY: d3ScaleLinear<number, number, never>;\n  /**\n   * Variant.\n   * @default 'plain'\n   */\n  variant?: DotVariant;\n}\n\nexport type StyledDotProps = StyledDataPointProps &\n  Omit<DotProps, 'scaleX' | 'scaleY'> & {\n    $variant: DotProps['variant'];\n    $theme: Theme;\n  };\n","import styled, { css } from 'styled-components';\nimport { DotVariant, StyledDotProps } from './types';\nimport { DataPoint } from '../DataPoint';\n\n/**\n * Component style.\n */\nexport const StyledDot = styled(DataPoint)<StyledDotProps>`\n  text {\n    user-select: none;\n  }\n\n  ${({ $variant }) => css`\n    circle {\n      fill-opacity: ${$variant === DotVariant.hollow ? 1 : 0.7};\n    }\n  `}\n\n  ${({ $clickable }) =>\n    $clickable\n      ? css`\n          cursor: pointer;\n\n          &:hover,\n          &:focus {\n            opacity: 0.5;\n            outline: none;\n          }\n\n          &:focus-visible {\n            circle {\n              stroke: var(--redsift-color-primary-n);\n              stroke-width: 4px;\n              paint-order: stroke;\n            }\n          }\n        `\n      : ''}\n`;\n","import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\n\nimport { Comp, Theme, useTheme } from '@redsift/design-system';\n\nimport { DotProps, DotVariant } from './types';\nimport { StyledDot } from './styles';\nimport { monochrome } from '../../scheme';\nimport { DotDatum } from '../../types';\n\nconst COMPONENT_NAME = 'Dot';\nconst CLASSNAME = 'redsift-dot';\n\nexport const Dot: Comp<DotProps, SVGGElement> = forwardRef((props, ref) => {\n  const { color = monochrome, data, isSelected: propsIsSelected, onClick, role } = props;\n\n  const {\n    className,\n    labelDecorator = (datum: DotDatum) => {\n      return datum.data.key[2] !== undefined && datum.data.key[2] !== null\n        ? datum.data.key[2]\n        : `${datum.data.key[0]},${datum.data.key[1]}`;\n    },\n    scaleX,\n    scaleY,\n    variant = DotVariant.plain,\n    children,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme();\n\n  const isSelectable = role === 'option';\n  const isDeselected = isSelectable && propsIsSelected === false;\n\n  return (\n    <StyledDot\n      labelDecorator={labelDecorator}\n      {...forwardedProps}\n      ref={ref}\n      className={classNames(Dot.className, className)}\n      $clickable={Boolean(onClick)}\n      $variant={variant}\n      $theme={theme}\n    >\n      <circle\n        cx={scaleX(data.x as any)}\n        cy={scaleY(data.y as any)}\n        r={data.r}\n        fill={\n          variant === DotVariant.hollow\n            ? `var(--redsift-color-neutral-${theme === Theme.light ? 'white' : 'x-dark-grey'})`\n            : isDeselected\n            ? 'var(--redsift-color-neutral-light-grey)'\n            : color\n        }\n        stroke={isDeselected ? 'var(--redsift-color-neutral-light-grey)' : color}\n        strokeWidth={variant === DotVariant.hollow ? '2' : '0'}\n      />\n      {children}\n    </StyledDot>\n  );\n});\nDot.className = CLASSNAME;\nDot.displayName = COMPONENT_NAME;\n"],"names":["DotVariant","plain","hollow","StyledDot","styled","DataPoint","_ref","$variant","css","_ref2","$clickable","COMPONENT_NAME","CLASSNAME","Dot","forwardRef","props","ref","color","monochrome","data","isSelected","propsIsSelected","onClick","role","className","labelDecorator","datum","key","undefined","scaleX","scaleY","variant","children","forwardedProps","_objectWithoutProperties","_excluded","theme","useTheme","isSelectable","isDeselected","React","createElement","_extends","classNames","Boolean","$theme","cx","x","cy","y","r","fill","Theme","light","stroke","strokeWidth","displayName"],"mappings":"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"}

package/_internal/Legend3.js

@@ -1,5 +1,5 @@
 import { _ as _objectWithoutProperties, a as _extends, b as _objectSpread2 } from './_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import classNames from 'classnames';
 import { sum } from 'd3';
 import { baseContainer, getContainerStylingTransientProps } from '@redsift/design-system';
@@ -49,12 +49,12 @@ const Legend = /*#__PURE__*/forwardRef((props, ref) => {
   const total = sum(data, d => d.value);
   if (children) {
     const renderedChildren = typeof children === 'function' ? children(data, total) : children;
-    return /*#__PURE__*/React__default.createElement(StyledLegend, _extends({}, forwardedProps, transientProps, {
+    return /*#__PURE__*/React.createElement(StyledLegend, _extends({}, forwardedProps, transientProps, {
       className: classNames(Legend.className, className),
       ref: ref
     }), renderedChildren);
   }
-  return /*#__PURE__*/React__default.createElement(StyledLegend, _extends({}, forwardedProps, transientProps, {
+  return /*#__PURE__*/React.createElement(StyledLegend, _extends({}, forwardedProps, transientProps, {
     className: classNames(Legend.className, className),
     ref: ref,
     $width: width
@@ -64,7 +64,7 @@ const Legend = /*#__PURE__*/forwardRef((props, ref) => {
         color
       } = _ref,
       datum = _objectWithoutProperties(_ref, _excluded3);
-    return /*#__PURE__*/React__default.createElement(LegendItem, {
+    return /*#__PURE__*/React.createElement(LegendItem, {
       data: {
         data: _objectSpread2(_objectSpread2({}, datum), {}, {
           percent: (_datum$percent = datum.percent) !== null && _datum$percent !== void 0 ? _datum$percent : datum.value / total

package/_internal/Legend3.js.map

@@ -1 +1 @@
-{"version":3,"file":"Legend3.js","sources":["../../src/components/Legend/styles.ts","../../src/components/Legend/Legend.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { StyledLegendProps } from './types';\nimport { baseContainer } from '@redsift/design-system';\n\n/**\n * Component style.\n */\nexport const StyledLegend = styled.ul<StyledLegendProps>`\n  display: flex;\n  flex-direction: column;\n\n  ${baseContainer}\n`;\n","import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport { sum as d3sum } from 'd3';\n\nimport { Comp, getContainerStylingTransientProps } from '@redsift/design-system';\n\nimport { LegendProps } from './types';\nimport { StyledLegend } from './styles';\nimport { LegendVariant } from '../../types';\nimport { LegendItem } from '../LegendItem';\n\nconst COMPONENT_NAME = 'Legend';\nconst CLASSNAME = 'redsift-chart-legend';\n\nexport const Legend: Comp<LegendProps, HTMLUListElement> = forwardRef((props, ref) => {\n  const { width, ...propsWithoutWidth } = props;\n  const { transientProps, otherProps } = getContainerStylingTransientProps(propsWithoutWidth);\n\n  const {\n    children,\n    className,\n    data,\n    isLegendItemSelected = () => true,\n    labelDecorator,\n    legendDecorator,\n    legendItemRole,\n    onLegendItemClick,\n    variant = LegendVariant.label,\n    ...forwardedProps\n  } = otherProps;\n\n  if (!data || data.length === 0) {\n    return null;\n  }\n\n  const total = d3sum(data, (d) => d.value);\n\n  if (children) {\n    const renderedChildren = typeof children === 'function' ? children(data, total) : children;\n\n    return (\n      <StyledLegend\n        {...forwardedProps}\n        {...transientProps}\n        className={classNames(Legend.className, className)}\n        ref={ref}\n      >\n        {renderedChildren}\n      </StyledLegend>\n    );\n  }\n\n  return (\n    <StyledLegend\n      {...forwardedProps}\n      {...transientProps}\n      className={classNames(Legend.className, className)}\n      ref={ref}\n      $width={width}\n    >\n      {data.map(({ color, ...datum }, index) => (\n        <LegendItem\n          data={{ data: { ...datum, percent: datum.percent ?? datum.value / total } }}\n          dataset={data}\n          color={color}\n          variant={variant}\n          index={index}\n          isSelected={Boolean(isLegendItemSelected!({ data: datum }))}\n          key={`legend-item _${index}`}\n          labelDecorator={labelDecorator}\n          legendDecorator={legendDecorator}\n          onClick={onLegendItemClick}\n          role={legendItemRole}\n        />\n      ))}\n    </StyledLegend>\n  );\n});\nLegend.className = CLASSNAME;\nLegend.displayName = COMPONENT_NAME;\n"],"names":["StyledLegend","styled","ul","baseContainer","COMPONENT_NAME","CLASSNAME","Legend","forwardRef","props","ref","width","propsWithoutWidth","_objectWithoutProperties","_excluded","transientProps","otherProps","getContainerStylingTransientProps","children","className","data","isLegendItemSelected","labelDecorator","legendDecorator","legendItemRole","onLegendItemClick","variant","LegendVariant","label","forwardedProps","_excluded2","length","total","d3sum","d","value","renderedChildren","React","createElement","_extends","classNames","$width","map","_ref","index","_datum$percent","color","datum","_excluded3","LegendItem","_objectSpread","percent","dataset","isSelected","Boolean","key","onClick","role","displayName"],"mappings":"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"}
+{"version":3,"file":"Legend3.js","sources":["../../src/components/Legend/styles.ts","../../src/components/Legend/Legend.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { StyledLegendProps } from './types';\nimport { baseContainer } from '@redsift/design-system';\n\n/**\n * Component style.\n */\nexport const StyledLegend = styled.ul<StyledLegendProps>`\n  display: flex;\n  flex-direction: column;\n\n  ${baseContainer}\n`;\n","import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport { sum as d3sum } from 'd3';\n\nimport { Comp, getContainerStylingTransientProps } from '@redsift/design-system';\n\nimport { LegendProps } from './types';\nimport { StyledLegend } from './styles';\nimport { LegendVariant } from '../../types';\nimport { LegendItem } from '../LegendItem';\n\nconst COMPONENT_NAME = 'Legend';\nconst CLASSNAME = 'redsift-chart-legend';\n\nexport const Legend: Comp<LegendProps, HTMLUListElement> = forwardRef((props, ref) => {\n  const { width, ...propsWithoutWidth } = props;\n  const { transientProps, otherProps } = getContainerStylingTransientProps(propsWithoutWidth);\n\n  const {\n    children,\n    className,\n    data,\n    isLegendItemSelected = () => true,\n    labelDecorator,\n    legendDecorator,\n    legendItemRole,\n    onLegendItemClick,\n    variant = LegendVariant.label,\n    ...forwardedProps\n  } = otherProps;\n\n  if (!data || data.length === 0) {\n    return null;\n  }\n\n  const total = d3sum(data, (d) => d.value);\n\n  if (children) {\n    const renderedChildren = typeof children === 'function' ? children(data, total) : children;\n\n    return (\n      <StyledLegend\n        {...forwardedProps}\n        {...transientProps}\n        className={classNames(Legend.className, className)}\n        ref={ref}\n      >\n        {renderedChildren}\n      </StyledLegend>\n    );\n  }\n\n  return (\n    <StyledLegend\n      {...forwardedProps}\n      {...transientProps}\n      className={classNames(Legend.className, className)}\n      ref={ref}\n      $width={width}\n    >\n      {data.map(({ color, ...datum }, index) => (\n        <LegendItem\n          data={{ data: { ...datum, percent: datum.percent ?? datum.value / total } }}\n          dataset={data}\n          color={color}\n          variant={variant}\n          index={index}\n          isSelected={Boolean(isLegendItemSelected!({ data: datum }))}\n          key={`legend-item _${index}`}\n          labelDecorator={labelDecorator}\n          legendDecorator={legendDecorator}\n          onClick={onLegendItemClick}\n          role={legendItemRole}\n        />\n      ))}\n    </StyledLegend>\n  );\n});\nLegend.className = CLASSNAME;\nLegend.displayName = COMPONENT_NAME;\n"],"names":["StyledLegend","styled","ul","baseContainer","COMPONENT_NAME","CLASSNAME","Legend","forwardRef","props","ref","width","propsWithoutWidth","_objectWithoutProperties","_excluded","transientProps","otherProps","getContainerStylingTransientProps","children","className","data","isLegendItemSelected","labelDecorator","legendDecorator","legendItemRole","onLegendItemClick","variant","LegendVariant","label","forwardedProps","_excluded2","length","total","d3sum","d","value","renderedChildren","React","createElement","_extends","classNames","$width","map","_ref","index","_datum$percent","color","datum","_excluded3","LegendItem","_objectSpread","percent","dataset","isSelected","Boolean","key","onClick","role","displayName"],"mappings":"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"}

package/_internal/LegendItem2.js

@@ -1,5 +1,5 @@
 import { _ as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import classNames from 'classnames';
 import { Theme, useTheme, useId, Number, Text } from '@redsift/design-system';
 import styled, { css } from 'styled-components';
@@ -104,7 +104,7 @@ const LegendItem = /*#__PURE__*/forwardRef((props, ref) => {
       }
     }
   };
-  return /*#__PURE__*/React__default.createElement(StyledLegendItem, _extends({}, forwardedProps, {
+  return /*#__PURE__*/React.createElement(StyledLegendItem, _extends({}, forwardedProps, {
     className: classNames(LegendItem.className, className, `_${index}`, {
       selected: isSelected,
       deselected: isDeselected
@@ -125,24 +125,24 @@ const LegendItem = /*#__PURE__*/forwardRef((props, ref) => {
     index,
     isSelected: propsIsSelected,
     color: props.color
-  }) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", null), typeof text === 'string' ? variant === LegendVariant.value ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Number, {
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null), typeof text === 'string' ? variant === LegendVariant.value ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Number, {
     as: "b",
     maximumFractionDigits: 2,
     value: data.data.value,
     variant: "inherit"
-  }), /*#__PURE__*/React__default.createElement(Text, {
+  }), /*#__PURE__*/React.createElement(Text, {
     variant: "caption"
-  }, text)) : variant === LegendVariant.percent && data.data.percent ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Number, {
+  }, text)) : variant === LegendVariant.percent && data.data.percent ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Number, {
     as: "b",
     maximumFractionDigits: 2,
     type: "percent",
     value: data.data.percent,
     variant: "inherit"
-  }), /*#__PURE__*/React__default.createElement(Text, {
+  }), /*#__PURE__*/React.createElement(Text, {
     variant: "caption"
-  }, text)) : /*#__PURE__*/React__default.createElement(Text, {
+  }, text)) : /*#__PURE__*/React.createElement(Text, {
     variant: "caption"
-  }, text) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, text)));
+  }, text) : /*#__PURE__*/React.createElement(React.Fragment, null, text)));
 });
 LegendItem.className = CLASSNAME;
 LegendItem.displayName = COMPONENT_NAME;