@redsift/charts 11.6.0-muiv5-alpha.10 → 11.6.0-muiv5-alpha.11

package/packages/charts/src/components/BarChart/_internal/utils.js

@@ -0,0 +1,69 @@
+import { getSortingMethod } from '../../../utils/index.js';
+import { ChartSize } from '../../../types/_internal/size.js';
+
+const sizeToDimension = size => {
+  if (typeof size !== 'string') {
+    return size;
+  }
+  switch (size) {
+    case ChartSize.small:
+      return {
+        width: 300,
+        height: 200,
+        fontSize: 30
+      };
+    case ChartSize.large:
+      return {
+        width: 500,
+        height: 400,
+        fontSize: 38
+      };
+    case ChartSize.medium:
+    default:
+      return {
+        width: 400,
+        height: 300,
+        fontSize: 34
+      };
+  }
+};
+const statsBy = (arr, sortingMethod) => {
+  const isKeyArray = Array.isArray(arr[0].key);
+  const counts = arr.reduce((prev, curr) => {
+    if (!curr.value) {
+      return prev;
+    }
+    const currentKey = isKeyArray ? curr.key[1] : 'default';
+    if (!prev[currentKey]) {
+      prev[currentKey] = {
+        value: curr.value,
+        min: curr.value,
+        max: curr.value,
+        values: [curr.value]
+      };
+    } else {
+      prev[currentKey] = {
+        value: prev[currentKey].value + curr.value,
+        min: Math.min(prev[currentKey].min, curr.value),
+        max: Math.max(prev[currentKey].max, curr.value),
+        values: [...prev[currentKey].values, curr.value]
+      };
+    }
+    return prev;
+  }, {});
+  return Object.keys(counts).map(key => ({
+    key: key,
+    value: counts[key].value,
+    min: counts[key].min,
+    max: counts[key].max,
+    values: counts[key].values,
+    first: counts[key].values[0],
+    last: counts[key].values[counts[key].values.length - 1],
+    trending: {
+      overall: (counts[key].values[counts[key].values.length - 1] - counts[key].values[0]) * 100 / counts[key].values[0]
+    }
+  })).sort(getSortingMethod(sortingMethod));
+};
+
+export { sizeToDimension, statsBy };
+//# sourceMappingURL=utils.js.map

package/packages/charts/src/components/BarChart/_internal/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../../src/components/BarChart/utils.ts"],"sourcesContent":["import { SortingMethod, getSortingMethod } from '@redsift/charts/utils';\nimport { ChartSize, LinearData, LinearDatum, Statistics, TwoCategoryData, TwoCategoryDatum } from '../../types';\nimport { BarChartDimensions } from './types';\n\nexport const sizeToDimension = (size: ChartSize | BarChartDimensions): BarChartDimensions => {\n  if (typeof size !== 'string') {\n    return size;\n  }\n\n  switch (size) {\n    case ChartSize.small:\n      return { width: 300, height: 200, fontSize: 30 };\n    case ChartSize.large:\n      return { width: 500, height: 400, fontSize: 38 };\n    case ChartSize.medium:\n    default:\n      return { width: 400, height: 300, fontSize: 34 };\n  }\n};\n\nexport const statsBy: (arr: LinearData | TwoCategoryData, sortingMethod: SortingMethod) => Statistics = (\n  arr,\n  sortingMethod\n) => {\n  const isKeyArray = Array.isArray(arr[0].key);\n\n  const counts = (arr as (LinearDatum | TwoCategoryDatum)[]).reduce((prev, curr) => {\n    if (!curr.value) {\n      return prev;\n    }\n    const currentKey = isKeyArray ? ((curr as TwoCategoryDatum).key[1] as string) : 'default';\n    if (!prev[currentKey as string]) {\n      prev[currentKey as string] = {\n        value: curr.value,\n        min: curr.value,\n        max: curr.value,\n        values: [curr.value],\n      };\n    } else {\n      prev[currentKey as string] = {\n        value: prev[currentKey as string].value + curr.value,\n        min: Math.min(prev[currentKey as string].min, curr.value),\n        max: Math.max(prev[currentKey as string].max, curr.value),\n        values: [...prev[currentKey as string].values, curr.value],\n      };\n    }\n    return prev;\n  }, {} as Record<string, { value: number; min: number; max: number; values: number[] }>);\n\n  return Object.keys(counts)\n    .map((key) => ({\n      key: key,\n      value: counts[key].value,\n      min: counts[key].min,\n      max: counts[key].max,\n      values: counts[key].values,\n      first: counts[key].values[0],\n      last: counts[key].values[counts[key].values.length - 1],\n      trending: {\n        overall:\n          ((counts[key].values[counts[key].values.length - 1] - counts[key].values[0]) * 100) / counts[key].values[0],\n      },\n    }))\n    .sort(getSortingMethod(sortingMethod));\n};\n"],"names":["sizeToDimension","size","ChartSize","small","width","height","fontSize","large","medium","statsBy","arr","sortingMethod","isKeyArray","Array","isArray","key","counts","reduce","prev","curr","value","currentKey","min","max","values","Math","Object","keys","map","first","last","length","trending","overall","sort","getSortingMethod"],"mappings":"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"}

package/packages/charts/src/components/BarChart/intl/_internal/en-US.js

@@ -0,0 +1,17 @@
+var enUS = {
+	"interactive-chart": "Interactive Bar Chart",
+	"static-chart": "Static Bar Chart",
+	"definition-linear": "Linear Bar Chart with {barLength} bars.",
+	"definition-linear-with-categories": "Linear Bar Chart with {categoryLength} categories and {barLength} bars.",
+	"definition-ordinal": "Ordinal Bar Chart with {barLength} bars.",
+	"x-axis-numbers-definition": "The chart has {numAxis, plural, =0 {0 X axis} =1 {1 X axis} other {# X axes}} displaying numbers from {start, number} to {end, number}.",
+	"y-axis-numbers-definition": "The chart has {numAxis, plural, =0 {0 Y axis} =1 {1 Y axis} other {# Y axes}} displaying numbers from {start, number} to {end, number}.",
+	"x-axis-dates-definition": "The chart has {numAxis, plural, =0 {0 X axis} =1 {1 X axis} other {# X axes}} displaying dates from {start} to {end}.",
+	"y-axis-dates-definition": "The chart has {numAxis, plural, =0 {0 Y axis} =1 {1 Y axis} other {# Y axes}} displaying dates from {start} to {end}.",
+	"x-axis-categories-definition": "The chart has {numAxis, plural, =0 {0 X axis} =1 {1 X axis} other {# X axes}} displaying categories.",
+	"y-axis-categories-definition": "The chart has {numAxis, plural, =0 {0 Y axis} =1 {1 Y axis} other {# Y axes}} displaying categories.",
+	"series-legend": "{category}, category {categoryIndex} of {categoryLength} with {barLength} bars"
+};
+
+export { enUS as default };
+//# sourceMappingURL=en-US.js.map

package/packages/charts/src/components/BarChart/intl/_internal/en-US.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"en-US.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/packages/charts/src/components/BarChart/intl/_internal/fr-FR.js

@@ -0,0 +1,17 @@
+var frFR = {
+	"interactive-chart": "Diagrammes à bandes interactif",
+	"static-chart": "Diagrammes à bandes statique",
+	"definition-linear": "Diagrammes à bandes contenant {barLength} bandes réparties sur un axe linéraire.",
+	"definition-linear-with-categories": "Diagrammes à bandes contenant {categoryLength} catégories et {barLength} bandes réparties sur un axe linéraire.",
+	"definition-ordinal": "Diagrammes à bandes contenant {barLength} bandes.",
+	"x-axis-numbers-definition": "Le graphique a {numAxis, plural, =0 {0 axe X} =1 {1 axe X} other {# axes X}} affichant des nombres allant de {start, number} à {end, number}.",
+	"y-axis-numbers-definition": "Le graphique a {numAxis, plural, =0 {0 axe Y} =1 {1 axe Y} other {# axes Y}} affichant des nombres allant de {start, number} à {end, number}.",
+	"x-axis-dates-definition": "Le graphique a {numAxis, plural, =0 {0 axe X} =1 {1 axe X} other {# axes X}} affichant des dates allant de {start} à {end}.",
+	"y-axis-dates-definition": "Le graphique a {numAxis, plural, =0 {0 axe Y} =1 {1 axe Y} other {# axes Y}} affichant des dates allant de {start} à {end}.",
+	"x-axis-categories-definition": "Le graphique a {numAxis, plural, =0 {0 axe X} =1 {1 axe X} other {# axes X}} affichant des categories.",
+	"y-axis-categories-definition": "Le graphique a {numAxis, plural, =0 {0 axe Y} =1 {1 axe Y} other {# axes Y}} affichant des categories.",
+	"series-legend": "{category}, catégorie {categoryIndex} sur {categoryLength} contenant {barLength} bandes"
+};
+
+export { frFR as default };
+//# sourceMappingURL=fr-FR.js.map

package/packages/charts/src/components/BarChart/intl/_internal/fr-FR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fr-FR.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/packages/charts/src/components/BarChart/intl/index.js

@@ -0,0 +1,10 @@
+import enUS from './_internal/en-US.js';
+import frFR from './_internal/fr-FR.js';
+
+var intlMessages = {
+  'en-US': enUS,
+  'fr-FR': frFR
+};
+
+export { intlMessages as default };
+//# sourceMappingURL=index.js.map

package/packages/charts/src/components/BarChart/intl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/BarChart/intl/index.ts"],"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"],"names":["enUS","frFR"],"mappings":";;;AAGA,mBAAe;AACb,EAAA,OAAO,EAAEA,IAAI;AACb,EAAA,OAAO,EAAEC,IAAAA;AACX,CAAC;;;;"}

package/packages/charts/src/components/ChartContainer/_internal/ChartContainer.js

@@ -0,0 +1,3 @@
+export { ChartContainer, ChartContainerDescription, ChartContainerTitle } from './ChartContainer2.js';
+export { StyledChartContainer, StyledChartContainerCaption, StyledChartContainerTitle } from './styles.js';
+//# sourceMappingURL=ChartContainer.js.map

package/{_internal → packages/charts/src/components/ChartContainer/_internal}/ChartContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartContainer.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ChartContainer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/{_internal → packages/charts/src/components/ChartContainer/_internal}/ChartContainer2.js

@@ -1,108 +1,9 @@
-import { _ as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
 import React__default, { forwardRef, useState } from 'react';
 import classNames from 'classnames';
-import { baseStyling, baseContainer, focusRing, Theme, Flexbox, useId, useTheme, warnIfNoAccessibleLabelFound, useMessageFormatter, ThemeProvider, Heading, Button } from '@redsift/design-system';
-import styled, { css } from 'styled-components';
-
-var interactive$1 = "Interactive";
-var reset$1 = "Reset";
-var enUS = {
-	interactive: interactive$1,
-	"static": "Static",
-	"static-chart": "Static chart.",
-	"interactive-chart": "Interactive chart.",
-	"view-as-data-table": "View as data table",
-	"table-summary": "Table representation of chart.",
-	reset: reset$1
-};
-
-var interactive = "Interactif";
-var reset = "Réinitialiser";
-var frFR = {
-	interactive: interactive,
-	"static": "Statique",
-	"static-chart": "Graphique statique.",
-	"interactive-chart": "Graphique intéractif.",
-	"view-as-data-table": "Voir au format table de données",
-	"table-summary": "Représentation du graphique sous forme de table de données.",
-	reset: reset
-};
-
-var intlMessages = {
-  'en-US': enUS,
-  'fr-FR': frFR
-};
-
-/**
- * Component style.
- */
-const StyledChartContainer = styled.div`
-  ${baseStyling}
-
-  .redsift-chart-container__content {
-    display: flex;
-    align-items: center;
-    gap: 16px;
-    font-family: var(--redsift-typography-font-family-poppins);
-    font-size: 11px;
-    justify-content: center;
-    position: relative;
-
-    ${baseContainer}
-
-    ${focusRing}
-  }
-
-  svg {
-    display: block;
-    user-select: none;
-  }
-
-  text {
-    ${_ref => {
-  let {
-    $theme
-  } = _ref;
-  return css`
-      fill: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});
-    `;
-}}
-  }
-
-  table {
-    border-collapse: collapse;
-    border: 1px solid #ebebeb;
-    margin: 10px auto;
-    text-align: center;
-    width: 100%;
-    max-width: 500px;
-
-    td, th, caption {
-        padding: 0.5em;
-    }
-
-    caption {
-      padding: 1em 0;
-      font-size: 1.2em;
-      color: #555;
-    }
-
-    thead tr, tr:nth-child(even) {
-      background: #f8f8f8;
-    }
-
-    th {
-      font-weight: 600; 
-    }
-`;
-const StyledChartContainerTitle = styled(Flexbox)``;
-const StyledChartContainerCaption = styled.p`
-  font-family: var(--redsift-typography-caption-font-family);
-  font-size: var(--redsift-typography-caption-font-size);
-  font-weight: var(--redsift-typography-caption-font-weight);
-  line-height: var(--redsift-typography-caption-line-height);
-  margin: 8px 0;
-`;
+import { useId, useTheme, warnIfNoAccessibleLabelFound, useMessageFormatter, ThemeProvider, Flexbox, Heading, Button } from '@redsift/design-system';
+import intlMessages from '../intl/index.js';
+import { StyledChartContainer, StyledChartContainerTitle, StyledChartContainerCaption } from './styles.js';
 
 const _excluded = ["aria-label", "aria-labelledby", "description", "descriptionPosition", "chartProps", "chartRef", "children", "className", "id", "title", "onReset", "theme", "mode", "definition", "interactionExplanation", "descriptionForAssistiveTechnology", "dataTableRepresentation", "xAxisDefinition", "yAxisDefinition"],
   _excluded2 = ["children", "className", "onReset", "id"],
@@ -262,5 +163,5 @@ const ChartContainerDescription = /*#__PURE__*/forwardRef((props, ref) => {
 });
 ChartContainerDescription.displayName = 'ChartContainerDescription';
 
-export { ChartContainer as C, StyledChartContainer as S, ChartContainerTitle as a, ChartContainerDescription as b, StyledChartContainerTitle as c, StyledChartContainerCaption as d };
+export { ChartContainer, ChartContainerDescription, ChartContainerTitle };
 //# sourceMappingURL=ChartContainer2.js.map

package/packages/charts/src/components/ChartContainer/_internal/ChartContainer2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartContainer2.js","sources":["../../../../../../../src/components/ChartContainer/ChartContainer.tsx"],"sourcesContent":["import React, { ComponentProps, forwardRef, RefObject, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { useMessageFormatter } from '@redsift/design-system';\nimport intlMessages from './intl';\n\nimport {\n  Button,\n  Comp,\n  Flexbox,\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 {\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  } = props;\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            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":["COMPONENT_NAME","CLASSNAME","ChartContainer","forwardRef","props","ref","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","StyledChartContainer","_extends","$theme","role","classNames","style","position","width","height","overflow","whiteSpace","clip","marginTop","opacity","display","tabIndex","onClick","Flexbox","flexDirection","ChartContainerTitle","ChartContainerDescription","dir","summary","header","body","displayName","_excluded2","StyledChartContainerTitle","alignItems","justifyContent","Heading","as","Button","color","variant","_excluded3","StyledChartContainerCaption","Fragment"],"mappings":"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"}

package/packages/charts/src/components/ChartContainer/_internal/context.js

@@ -0,0 +1,6 @@
+import React__default from 'react';
+
+const ChartTypeContext = /*#__PURE__*/React__default.createContext(undefined);
+
+export { ChartTypeContext };
+//# sourceMappingURL=context.js.map

package/packages/charts/src/components/ChartContainer/_internal/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../../../../src/components/ChartContainer/context.ts"],"sourcesContent":["import React from 'react';\nimport { useBarChartContext } from '../BarChart/context';\n\nexport type ChartType = 'bar' | 'line' | 'area';\n\nexport const ChartTypeContext = React.createContext<ChartType | undefined>(undefined);\n\nexport const useChartType = (): ChartType | undefined => {\n  return React.useContext(ChartTypeContext);\n};\n\nexport const useResolvedChartContext = () => {\n  const chartType = useChartType();\n\n  switch (chartType) {\n    case 'bar':\n      return useBarChartContext();\n    default:\n      return undefined;\n  }\n};\n\nexport function useResolvedProp<T>(prop: T | undefined, contextValue: T | undefined, defaultValue?: T): T | undefined {\n  if (prop !== undefined) return prop;\n  if (contextValue !== undefined) return contextValue;\n  return defaultValue;\n}\n"],"names":["ChartTypeContext","React","createContext","undefined"],"mappings":";;AAKO,MAAMA,gBAAgB,gBAAGC,cAAK,CAACC,aAAa,CAAwBC,SAAS;;;;"}

package/packages/charts/src/components/ChartContainer/_internal/styles.js

@@ -0,0 +1,76 @@
+import styled, { css } from 'styled-components';
+import { baseStyling, baseContainer, focusRing, Theme, Flexbox } from '@redsift/design-system';
+
+/**
+ * Component style.
+ */
+const StyledChartContainer = styled.div`
+  ${baseStyling}
+
+  .redsift-chart-container__content {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    font-family: var(--redsift-typography-font-family-poppins);
+    font-size: 11px;
+    justify-content: center;
+    position: relative;
+
+    ${baseContainer}
+
+    ${focusRing}
+  }
+
+  svg {
+    display: block;
+    user-select: none;
+  }
+
+  text {
+    ${_ref => {
+  let {
+    $theme
+  } = _ref;
+  return css`
+      fill: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});
+    `;
+}}
+  }
+
+  table {
+    border-collapse: collapse;
+    border: 1px solid #ebebeb;
+    margin: 10px auto;
+    text-align: center;
+    width: 100%;
+    max-width: 500px;
+
+    td, th, caption {
+        padding: 0.5em;
+    }
+
+    caption {
+      padding: 1em 0;
+      font-size: 1.2em;
+      color: #555;
+    }
+
+    thead tr, tr:nth-child(even) {
+      background: #f8f8f8;
+    }
+
+    th {
+      font-weight: 600; 
+    }
+`;
+const StyledChartContainerTitle = styled(Flexbox)``;
+const StyledChartContainerCaption = styled.p`
+  font-family: var(--redsift-typography-caption-font-family);
+  font-size: var(--redsift-typography-caption-font-size);
+  font-weight: var(--redsift-typography-caption-font-weight);
+  line-height: var(--redsift-typography-caption-line-height);
+  margin: 8px 0;
+`;
+
+export { StyledChartContainer, StyledChartContainerCaption, StyledChartContainerTitle };
+//# sourceMappingURL=styles.js.map

package/packages/charts/src/components/ChartContainer/_internal/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../../src/components/ChartContainer/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Flexbox, Theme, baseContainer, baseStyling, focusRing } from '@redsift/design-system';\nimport { StyledChartContainerProps } from './types';\n\n/**\n * Component style.\n */\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\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"],"names":["StyledChartContainer","styled","div","baseStyling","baseContainer","focusRing","_ref","$theme","css","Theme","dark","StyledChartContainerTitle","Flexbox","StyledChartContainerCaption","p"],"mappings":";;;AAIA;AACA;AACA;AACaA,MAAAA,oBAAoB,GAAGC,MAAM,CAACC,GAA+B,CAAA;AAC1E,EAAA,EAAIC,WAAY,CAAA;AAChB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAA,EAAMC,aAAc,CAAA;AACpB;AACA,IAAA,EAAMC,SAAU,CAAA;AAChB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAA,EAAMC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKE,GAAI,CAAA;AAC1B,wCAA0CD,EAAAA,MAAM,KAAKE,KAAK,CAACC,IAAI,GAAG,OAAO,GAAG,aAAc,CAAA;AAC1F,IAAK,CAAA,CAAA;AAAA,CAAC,CAAA;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;MAEYC,yBAAyB,GAAGV,MAAM,CAACW,OAAO,CAA6B,CAAC,EAAA;AAExEC,MAAAA,2BAA2B,GAAGZ,MAAM,CAACa,CAA8C,CAAA;AAChG;AACA;AACA;AACA;AACA;AACA;;;;"}

package/packages/charts/src/components/ChartContainer/intl/_internal/en-US.js

@@ -0,0 +1,14 @@
+var interactive = "Interactive";
+var reset = "Reset";
+var enUS = {
+	interactive: interactive,
+	"static": "Static",
+	"static-chart": "Static chart.",
+	"interactive-chart": "Interactive chart.",
+	"view-as-data-table": "View as data table",
+	"table-summary": "Table representation of chart.",
+	reset: reset
+};
+
+export { enUS as default, interactive, reset };
+//# sourceMappingURL=en-US.js.map

package/packages/charts/src/components/ChartContainer/intl/_internal/en-US.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"en-US.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/packages/charts/src/components/ChartContainer/intl/_internal/fr-FR.js

@@ -0,0 +1,14 @@
+var interactive = "Interactif";
+var reset = "Réinitialiser";
+var frFR = {
+	interactive: interactive,
+	"static": "Statique",
+	"static-chart": "Graphique statique.",
+	"interactive-chart": "Graphique intéractif.",
+	"view-as-data-table": "Voir au format table de données",
+	"table-summary": "Représentation du graphique sous forme de table de données.",
+	reset: reset
+};
+
+export { frFR as default, interactive, reset };
+//# sourceMappingURL=fr-FR.js.map

package/packages/charts/src/components/ChartContainer/intl/_internal/fr-FR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fr-FR.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/packages/charts/src/components/ChartContainer/intl/index.js

@@ -0,0 +1,10 @@
+import enUS from './_internal/en-US.js';
+import frFR from './_internal/fr-FR.js';
+
+var intlMessages = {
+  'en-US': enUS,
+  'fr-FR': frFR
+};
+
+export { intlMessages as default };
+//# sourceMappingURL=index.js.map

package/packages/charts/src/components/ChartContainer/intl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/ChartContainer/intl/index.ts"],"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"],"names":["enUS","frFR"],"mappings":";;;AAGA,mBAAe;AACb,EAAA,OAAO,EAAEA,IAAI;AACb,EAAA,OAAO,EAAEC,IAAAA;AACX,CAAC;;;;"}

package/packages/charts/src/components/DataPoint/_internal/DataPoint.js

@@ -0,0 +1,3 @@
+export { DataPoint } from './DataPoint2.js';
+export { StyledDataPoint } from './styles.js';
+//# sourceMappingURL=DataPoint.js.map

package/{_internal → packages/charts/src/components/DataPoint/_internal}/DataPoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataPoint.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"DataPoint.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/{_internal → packages/charts/src/components/DataPoint/_internal}/DataPoint2.js

@@ -1,16 +1,10 @@
-import { _ as _objectWithoutProperties, a as _extends, b as _objectSpread2 } from './_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
 import React__default, { 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 { T as TooltipVariant } from './legend2.js';
-
-/**
- * Component style.
- */
-const StyledDataPoint = styled(it.g)``;
+import { StyledDataPoint } from './styles.js';
+import { TooltipVariant } from '../../../types/_internal/legend.js';
 
 const _excluded = ["as", "href"],
   _excluded2 = ["anchorProps", "children", "className", "data", "id", "index", "isSelected", "labelDecorator", "onClick", "role", "tooltipDecorator", "tooltipVariant", "theme", "tooltipProps", "dataset", "groupedData"];
@@ -106,5 +100,5 @@ const DataPoint = /*#__PURE__*/forwardRef((props, ref) => {
   return DataPointComponent;
 });
 
-export { DataPoint as D, StyledDataPoint as S };
+export { DataPoint };
 //# sourceMappingURL=DataPoint2.js.map

package/packages/charts/src/components/DataPoint/_internal/DataPoint2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataPoint2.js","sources":["../../../../../../../src/components/DataPoint/DataPoint.tsx"],"sourcesContent":["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 ? (e) => onKeyDown(e) : 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":["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","StyledDataPoint","_extends","tabIndex","e","classNames","selected","deselected","$clickable","Boolean","Tooltip","placement","delay","Trigger","_objectSpread","Content","Text","variant","Number","type","maximumFractionDigits"],"mappings":"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"}

package/packages/charts/src/components/DataPoint/_internal/styles.js

@@ -0,0 +1,10 @@
+import styled from 'styled-components';
+import { a as it } from '../../../../../../node_modules/@react-spring/web/dist/esm/index.js';
+
+/**
+ * Component style.
+ */
+const StyledDataPoint = styled(it.g)``;
+
+export { StyledDataPoint };
+//# sourceMappingURL=styles.js.map

package/packages/charts/src/components/DataPoint/_internal/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../../src/components/DataPoint/styles.ts"],"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"],"names":["StyledDataPoint","styled","animated","g"],"mappings":";;;AAIA;AACA;AACA;AACO,MAAMA,eAAe,GAAGC,MAAM,CAACC,EAAQ,CAACC,CAAC,CAAwB,CAAC;;;;"}

package/packages/charts/src/components/Dot/_internal/Dot.js

@@ -0,0 +1,4 @@
+export { Dot } from './Dot2.js';
+export { DotVariant } from './types.js';
+export { StyledDot } from './styles.js';
+//# sourceMappingURL=Dot.js.map

package/{_internal → packages/charts/src/components/Dot/_internal}/Dot.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dot.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Dot.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/{_internal → packages/charts/src/components/Dot/_internal}/Dot2.js

@@ -1,65 +1,10 @@
-import { _ as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
 import React__default, { forwardRef } from 'react';
 import classNames from 'classnames';
 import { useTheme, Theme } from '@redsift/design-system';
-import styled, { css } from 'styled-components';
-import { D as DataPoint } from './DataPoint2.js';
-import { m as monochrome } from './scheme.js';
-
-/**
- * Component's variant.
- */
-const DotVariant = {
-  plain: 'plain',
-  hollow: 'hollow'
-};
-
-/**
- * Component props.
- */
-
-/**
- * Component style.
- */
-const StyledDot = styled(DataPoint)`
-  text {
-    user-select: none;
-  }
-
-  ${_ref => {
-  let {
-    $variant
-  } = _ref;
-  return css`
-    circle {
-      fill-opacity: ${$variant === DotVariant.hollow ? 1 : 0.7};
-    }
-  `;
-}}
-
-  ${_ref2 => {
-  let {
-    $clickable
-  } = _ref2;
-  return $clickable ? css`
-          cursor: pointer;
-
-          &:hover,
-          &:focus {
-            opacity: 0.5;
-            outline: none;
-          }
-
-          &:focus-visible {
-            circle {
-              stroke: var(--redsift-color-primary-n);
-              stroke-width: 4px;
-              paint-order: stroke;
-            }
-          }
-        ` : '';
-}}}
-`;
+import { DotVariant } from './types.js';
+import { StyledDot } from './styles.js';
+import { monochrome } from '../../../_internal/scheme.js';
 
 const _excluded = ["className", "labelDecorator", "scaleX", "scaleY", "variant", "children"];
 const COMPONENT_NAME = 'Dot';
@@ -106,5 +51,5 @@ const Dot = /*#__PURE__*/forwardRef((props, ref) => {
 Dot.className = CLASSNAME;
 Dot.displayName = COMPONENT_NAME;
 
-export { Dot as D, StyledDot as S, DotVariant as a };
+export { Dot };
 //# sourceMappingURL=Dot2.js.map