@redsift/charts 11.6.0-muiv5-alpha.4 → 11.6.0-muiv5-alpha.5

package/components/BarChart/types.js

@@ -1,17 +0,0 @@
-/**
- * Component's labels variant.
- */
-const BarChartLegendVariant = {
-  none: 'none',
-  externalLabel: 'externalLabel',
-  externalLabelValue: 'externalLabelValue',
-  externalLabelPercent: 'externalLabelPercent',
-  custom: 'custom'
-};
-
-/**
- * Component props.
- */
-
-export { BarChartLegendVariant };
-//# sourceMappingURL=types.js.map

package/components/BarChart/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sources":["../../../src/components/BarChart/types.ts"],"sourcesContent":["import { ComponentProps, ReactElement, ReactNode } from 'react';\nimport {\n  ChartDimensions,\n  ChartSize,\n  ChartTheme,\n  BarDatum,\n  TooltipVariant,\n  CategoryData,\n  ChartAxesProps,\n  MarginProps,\n  LinearData,\n  TwoCategoryData,\n  Statistics,\n  LinearDim,\n} from '../../types';\nimport {\n  ScaleTime as d3ScaleTime,\n  ScaleLinear as d3ScaleLinear,\n  ScaleOrdinal as d3ScaleOrdinal,\n  ScalePoint as d3ScalePoint,\n} from 'd3';\nimport { ChartContainerProps } from '../ChartContainer';\nimport { BarDirection, BarOrientation, BarProps } from '../Bar';\nimport { SortingMethod } from '../../utils';\nimport { Theme, ValueOf } from '@redsift/design-system';\nimport { LegendProps } from '../Legend';\nimport { AnchorProps } from '../DataPoint';\nimport { FormatMessage } from '@redsift/design-system/react-aria/react-aria/i18n/useMessageFormatter';\n\n/**\n * Component's labels variant.\n */\nexport const BarChartLegendVariant = {\n  none: 'none',\n  externalLabel: 'externalLabel',\n  externalLabelValue: 'externalLabelValue',\n  externalLabelPercent: 'externalLabelPercent',\n  custom: 'custom',\n} as const;\nexport type BarChartLegendVariant = ValueOf<typeof BarChartLegendVariant>;\n\ninterface LocaleText {\n  emptyChartText: string;\n}\n\nexport type BarChartDimensions = ChartDimensions & {\n  fontSize: number;\n  minWidth?: number;\n  maxWidth?: number;\n};\n\nexport type XScaleType = 'number' | 'Date' | 'dateString' | undefined;\n\n/**\n * Component props.\n */\nexport interface BarChartProps extends ChartContainerProps, ChartAxesProps {\n  /** @deprecated: Use xAxisTickRotation instead. Whether the x axis labels are rotated or not. */\n  areXLabelsRotated?: boolean;\n  /** Native HTML props to forward to each bar. */\n  barProps?: Omit<ComponentProps<'g'>, 'onClick' | 'orientation' | 'ref' | 'scale' | 'direction'> & {\n    minWidth?: number;\n  };\n  /** Bar role. If an onClick is provided, the bars will have the role `button`. For a navigation link, please use `getBarAnchorProps` instead. */\n  barRole?: BarProps['role'];\n  /** Number of categories to use, the rest being put into a new category called \"Others\". */\n  caping?: number;\n  /** Color palette to use. You can choose among the list of available color palette or also choose to use the success/warning/danger theme for which you have to specify which key corresponds to which status.  */\n  colorTheme?: ChartTheme;\n  /** Dataset to use to generate the chart, should be a list of objects containing a key and a value. */\n  data?: CategoryData | LinearData | TwoCategoryData;\n  /** Data type override to skip data type inferrence. */\n  dataType?: 'TwoCategoryData' | 'LinearData' | 'CategoryData';\n  /**\n   * Direction of the bars. Only applied when the orientation is vertical. By default bars go \"up\" but can go \"down\".\n   * They can also go both ways in which case you need to indicates which category go which direction. The concatenation of the two arrays will be used to determine the order of the categories instead of the sortingMethod prop.\n   */\n  direction?: BarDirection;\n  /** Component to use if the chart is empty (replacing the default one). */\n  emptyComponent?: ReactNode;\n  /** Method used to define the anchor props to use when the bar is a navigation link. */\n  getBarAnchorProps?: (datum: BarDatum) => AnchorProps;\n  /** Method to determine whether a bar is selected or not. */\n  isBarSelected?: (datum: BarDatum) => void;\n  /** Method to override the data labels. */\n  labelDecorator?: (\n    datum: BarDatum,\n    props?: { index?: number; isSelected?: boolean; color?: string }\n  ) => string | ReactElement;\n  /** Method modifying what's displayed within the legend when the legendVariant is \"custom\". */\n  legendDecorator?: (\n    datum: BarDatum,\n    props?: { index?: number; isSelected?: boolean; color?: string }\n  ) => string | ReactElement;\n  /** Define whether the labels should be displayed inside or outside the charts and if they should contain raw or percentage values. If set to \"custom\", use `legendDecorator` to customize it. */\n  legendVariant?: BarChartLegendVariant;\n  /** Props to forward to the Legend block. Can be used to make the legend selectable. */\n  legendProps?: Omit<LegendProps, 'data' | 'ref' | 'variant' | 'width'> & { extraLegendItems?: Statistics };\n  /** Labels and texts. */\n  localeText?: LocaleText;\n  /** Custom margins, used to give more space for axes labels and legend for instance. */\n  margins?: MarginProps;\n  /** Method to be called on a click on a bar. For a navigation link, please use `getBarAnchorProps` instead. */\n  onBarClick?: (datum: BarDatum, data: BarDatum[]) => void;\n  /** Orientation of the bar. */\n  orientation?: BarOrientation;\n  /** Whether a category should be displayed for categories that has been removed by the caping option. Optionaly, this prop can be used to change the label of this category. */\n  others?: boolean | string;\n  /** BarChart size. */\n  size?: ChartSize | BarChartDimensions;\n  /** Define how to sort categories. */\n  sortingMethod?: SortingMethod;\n  /** Method modifying what's displayed within the tooltip when the tooltipVariant is \"custom\".  */\n  tooltipDecorator?: (\n    data: BarDatum,\n    props?: { index?: number; isSelected?: boolean; color?: string },\n    dataset?: ComputedBarProps[],\n    groupedData?: ComputedBarProps[]\n  ) => string | ReactElement;\n  /** Tooltip variant. */\n  tooltipVariant?: TooltipVariant | 'grouped';\n  /** Theme. */\n  theme?: Theme;\n  /** X-scale type override to skip x-scale type inferrence. */\n  xScaleType?: XScaleType;\n  /**\n   * In case of a datetime x-axis, if the xAxisTickValues prop is passed with a d3.js method having an offset function (for instance `timeDay`), the following prop will be used as argument.\n   * For reference, the line of code using it is: xAxisTickValues.offset(new Date(domain[0]), xAxisStartDateOffset)\n   */\n  xAxisStartDateOffset?: number;\n  /**\n   * In case of a datetime x-axis, if the xAxisTickValues prop is passed with a d3.js method having an offset function (for instance `timeDay`), the following prop will be used as argument.\n   * For reference, the line of code using it is: xAxisTickValues.offset(new Date(domain[1]), xAxisEndDateOffset)\n   */\n  xAxisEndDateOffset?: number;\n  /** If set, the Y axis will use a logarithmic scale using this base. Set this value to 10 to use a default logarithmic scale. */\n  yScaleLogBase?: number;\n}\n\nexport type StyledBarChartProps = BarChartProps & {};\n\nexport interface RenderedLinearBarChartProps extends Omit<BarChartProps, 'data' | 'caping' | 'orientation' | 'others'> {\n  data: LinearData | TwoCategoryData;\n}\nexport interface ComputedBarProps {\n  category: string;\n  key: LinearDim;\n  value: number;\n  cumulativeValue: number;\n}\n\nexport interface BarChartState\n  extends ChartAxesProps,\n    Required<Pick<RenderedLinearBarChartProps, 'margins'>>,\n    Pick<\n      RenderedLinearBarChartProps,\n      | 'barProps'\n      | 'barRole'\n      | 'colorTheme'\n      | 'direction'\n      | 'disableAnimations'\n      | 'getBarAnchorProps'\n      | 'id'\n      | 'isBarSelected'\n      | 'labelDecorator'\n      | 'onBarClick'\n      | 'tooltipVariant'\n      | 'tooltipDecorator'\n    > {\n  bars: ComputedBarProps[];\n  barWidth: number;\n  cache: React.MutableRefObject<LinearData | TwoCategoryData | undefined>;\n  categories: string[];\n  chartHeight: number;\n  chartWidth: number;\n  colorScale?: d3ScaleOrdinal<string, string>;\n  format: FormatMessage;\n  gap: number;\n  hasCategory: boolean;\n  scaleX: d3ScaleLinear<number, number, never> | d3ScaleTime<number, number, never> | d3ScalePoint<string>;\n  scaleY: d3ScaleLinear<number, number>;\n  sectionHeight?: number;\n  xScaleType?: XScaleType;\n}\n\nexport interface BarChartSectionProps extends Omit<ComponentProps<'g'>, 'onClick' | 'role' | 'color'> {\n  /** Starting point in percentage of the chart height. */\n  from?: number;\n  /** Ending point in percentage of the chart height. */\n  to?: number;\n  /** Color. */\n  color?:\n    | 'red'\n    | 'green'\n    | {\n        textColor: string;\n        backgroundColor?: string;\n      };\n  /** Section title */\n  title?: string;\n  /** Title position relative to section */\n  titlePosition?: 'left' | 'center' | 'right';\n  scaleX?: d3ScaleLinear<number, number, never> | d3ScaleTime<number, number, never> | d3ScalePoint<string>;\n  scaleY?: d3ScaleLinear<number, number, never>;\n  direction?: BarDirection;\n}\n\nexport interface StyledBarChartSectionProps {\n  $theme: Theme;\n  $textColor: string;\n}\n\nexport interface BarChartBarsProps extends Omit<ComponentProps<'g'>, 'onClick' | 'role'> {\n  category?: string;\n}\n\nexport type StyledBarChartBarsProps = Omit<BarChartBarsProps, 'category'> & {};\n"],"names":["BarChartLegendVariant","none","externalLabel","externalLabelValue","externalLabelPercent","custom"],"mappings":"AA6BA;AACA;AACA;AACO,MAAMA,qBAAqB,GAAG;AACnCC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,aAAa,EAAE,eAAe;AAC9BC,EAAAA,kBAAkB,EAAE,oBAAoB;AACxCC,EAAAA,oBAAoB,EAAE,sBAAsB;AAC5CC,EAAAA,MAAM,EAAE,QAAA;AACV,EAAU;;AAeV;AACA;AACA;;;;"}

package/components/BarChart/utils.js

@@ -1,69 +0,0 @@
-import { getSortingMethod } from '../../utils/index.js';
-import { ChartSize } from '../../types/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/components/BarChart/utils.js.map

@@ -1 +0,0 @@
-{"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/components/ChartContainer/ChartContainer.d.ts

@@ -1,9 +0,0 @@
-import { ComponentProps } from 'react';
-import { Comp } from '@redsift/design-system';
-import { ChartContainerProps } from './types.js';
-
-declare const ChartContainer: Comp<ChartContainerProps, HTMLDivElement>;
-declare const ChartContainerTitle: Comp<Pick<ChartContainerProps, 'onReset'> & ComponentProps<'div'>, HTMLDivElement>;
-declare const ChartContainerDescription: Comp<ComponentProps<'div'>, HTMLDivElement>;
-
-export { ChartContainer, ChartContainerDescription, ChartContainerTitle };

package/components/ChartContainer/ChartContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChartContainer.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/components/ChartContainer/context.js

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

package/components/ChartContainer/context.js.map

@@ -1 +0,0 @@
-{"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/components/ChartContainer/intl/en-US.json.js

@@ -1,14 +0,0 @@
-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.json.js.map

package/components/ChartContainer/intl/en-US.json.js.map

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

package/components/ChartContainer/intl/fr-FR.json.js

@@ -1,14 +0,0 @@
-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.json.js.map

package/components/ChartContainer/intl/fr-FR.json.js.map

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

package/components/ChartContainer/intl/index.js

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

package/components/ChartContainer/intl/index.js.map

@@ -1 +0,0 @@
-{"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/components/ChartContainer/styles.js

@@ -1,76 +0,0 @@
-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/components/ChartContainer/styles.js.map

@@ -1 +0,0 @@
-{"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/components/DataPoint/DataPoint.d.ts

@@ -1,6 +0,0 @@
-import { Comp } from '@redsift/design-system';
-import { DataPointProps } from './types.js';
-
-declare const DataPoint: Comp<DataPointProps<any>, SVGGElement>;
-
-export { DataPoint };

package/components/DataPoint/DataPoint.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataPoint.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/components/DataPoint/styles.js

@@ -1,10 +0,0 @@
-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/components/DataPoint/styles.js.map

@@ -1 +0,0 @@
-{"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/components/Dot/Dot.d.ts

@@ -1,6 +0,0 @@
-import { Comp } from '@redsift/design-system';
-import { DotProps } from './types.js';
-
-declare const Dot: Comp<DotProps, SVGGElement>;
-
-export { Dot };

package/components/Dot/Dot.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dot.js","sources":["../../../src/components/Dot/Dot.tsx"],"sourcesContent":["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":["COMPONENT_NAME","CLASSNAME","Dot","forwardRef","props","ref","color","monochrome","data","isSelected","propsIsSelected","onClick","role","className","labelDecorator","datum","key","undefined","scaleX","scaleY","variant","DotVariant","plain","children","forwardedProps","_objectWithoutProperties","_excluded","theme","useTheme","isSelectable","isDeselected","React","createElement","StyledDot","_extends","classNames","$clickable","Boolean","$variant","$theme","cx","x","cy","y","r","fill","hollow","Theme","light","stroke","strokeWidth","displayName"],"mappings":";;;;;;;;;AAUA,MAAMA,cAAc,GAAG,KAAK,CAAA;AAC5B,MAAMC,SAAS,GAAG,aAAa,CAAA;AAExB,MAAMC,GAAgC,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACzE,MAAM;AAAEC,IAAAA,KAAK,GAAGC,UAAU;IAAEC,IAAI;AAAEC,IAAAA,UAAU,EAAEC,eAAe;IAAEC,OAAO;AAAEC,IAAAA,IAAAA;AAAK,GAAC,GAAGR,KAAK,CAAA;EAEtF,MAAM;MACJS,SAAS;MACTC,cAAc,GAAIC,KAAe,IAAK;QACpC,OAAOA,KAAK,CAACP,IAAI,CAACQ,GAAG,CAAC,CAAC,CAAC,KAAKC,SAAS,IAAIF,KAAK,CAACP,IAAI,CAACQ,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,GAChED,KAAK,CAACP,IAAI,CAACQ,GAAG,CAAC,CAAC,CAAC,GAChB,CAAED,EAAAA,KAAK,CAACP,IAAI,CAACQ,GAAG,CAAC,CAAC,CAAE,CAAGD,CAAAA,EAAAA,KAAK,CAACP,IAAI,CAACQ,GAAG,CAAC,CAAC,CAAE,CAAC,CAAA,CAAA;OAChD;MACDE,MAAM;MACNC,MAAM;MACNC,OAAO,GAAGC,UAAU,CAACC,KAAK;AAC1BC,MAAAA,QAAAA;AAEF,KAAC,GAAGnB,KAAK;AADJoB,IAAAA,cAAc,GAAAC,wBAAA,CACfrB,KAAK,EAAAsB,SAAA,CAAA,CAAA;AAET,EAAA,MAAMC,KAAK,GAAGC,QAAQ,EAAE,CAAA;AAExB,EAAA,MAAMC,YAAY,GAAGjB,IAAI,KAAK,QAAQ,CAAA;AACtC,EAAA,MAAMkB,YAAY,GAAGD,YAAY,IAAInB,eAAe,KAAK,KAAK,CAAA;AAE9D,EAAA,oBACEqB,cAAA,CAAAC,aAAA,CAACC,SAAS,EAAAC,QAAA,CAAA;AACRpB,IAAAA,cAAc,EAAEA,cAAAA;AAAe,GAAA,EAC3BU,cAAc,EAAA;AAClBnB,IAAAA,GAAG,EAAEA,GAAI;IACTQ,SAAS,EAAEsB,UAAU,CAACjC,GAAG,CAACW,SAAS,EAAEA,SAAS,CAAE;AAChDuB,IAAAA,UAAU,EAAEC,OAAO,CAAC1B,OAAO,CAAE;AAC7B2B,IAAAA,QAAQ,EAAElB,OAAQ;AAClBmB,IAAAA,MAAM,EAAEZ,KAAAA;GAERI,CAAAA,eAAAA,cAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AACEQ,IAAAA,EAAE,EAAEtB,MAAM,CAACV,IAAI,CAACiC,CAAQ,CAAE;AAC1BC,IAAAA,EAAE,EAAEvB,MAAM,CAACX,IAAI,CAACmC,CAAQ,CAAE;IAC1BC,CAAC,EAAEpC,IAAI,CAACoC,CAAE;IACVC,IAAI,EACFzB,OAAO,KAAKC,UAAU,CAACyB,MAAM,GACxB,CAA8BnB,4BAAAA,EAAAA,KAAK,KAAKoB,KAAK,CAACC,KAAK,GAAG,OAAO,GAAG,aAAc,CAAA,CAAA,CAAE,GACjFlB,YAAY,GACZ,yCAAyC,GACzCxB,KACL;AACD2C,IAAAA,MAAM,EAAEnB,YAAY,GAAG,yCAAyC,GAAGxB,KAAM;IACzE4C,WAAW,EAAE9B,OAAO,KAAKC,UAAU,CAACyB,MAAM,GAAG,GAAG,GAAG,GAAA;GACpD,CAAC,EACDvB,QACQ,CAAC,CAAA;AAEhB,CAAC,EAAC;AACFrB,GAAG,CAACW,SAAS,GAAGZ,SAAS,CAAA;AACzBC,GAAG,CAACiD,WAAW,GAAGnD,cAAc;;;;"}

package/components/Dot/styles.js

@@ -1,49 +0,0 @@
-import styled, { css } from 'styled-components';
-import { DotVariant } from './types.js';
-import { DataPoint } from '../DataPoint/DataPoint.js';
-
-/**
- * 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;
-            }
-          }
-        ` : '';
-}}}
-`;
-
-export { StyledDot };
-//# sourceMappingURL=styles.js.map

package/components/Dot/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../src/components/Dot/styles.ts"],"sourcesContent":["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"],"names":["StyledDot","styled","DataPoint","_ref","$variant","css","DotVariant","hollow","_ref2","$clickable"],"mappings":";;;;AAIA;AACA;AACA;MACaA,SAAS,GAAGC,MAAM,CAACC,SAAS,CAAkB,CAAA;AAC3D;AACA;AACA;AACA;AACA,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKE,GAAI,CAAA;AAC1B;AACA,oBAAsBD,EAAAA,QAAQ,KAAKE,UAAU,CAACC,MAAM,GAAG,CAAC,GAAG,GAAI,CAAA;AAC/D;AACA,EAAG,CAAA,CAAA;AAAA,CAAC,CAAA;AACJ;AACA,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,UAAAA;AAAW,GAAC,GAAAD,KAAA,CAAA;EAAA,OACfC,UAAU,GACNJ,GAAI,CAAA;AACZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAA,CAAS,GACD,EAAE,CAAA;AAAA,CAAC,CAAA;AACX;;;;"}

package/components/Dot/types.js

@@ -1,14 +0,0 @@
-/**
- * Component's variant.
- */
-const DotVariant = {
-  plain: 'plain',
-  hollow: 'hollow'
-};
-
-/**
- * Component props.
- */
-
-export { DotVariant };
-//# sourceMappingURL=types.js.map

package/components/Dot/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sources":["../../../src/components/Dot/types.ts"],"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  /** Variant. */\n  variant?: DotVariant;\n}\n\nexport type StyledDotProps = StyledDataPointProps &\n  Omit<DotProps, 'scaleX' | 'scaleY'> & {\n    $variant: DotProps['variant'];\n    $theme: Theme;\n  };\n"],"names":["DotVariant","plain","hollow"],"mappings":"AAKA;AACA;AACA;AACO,MAAMA,UAAU,GAAG;AACxBC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,MAAM,EAAE,QAAA;AACV,EAAU;;AAGV;AACA;AACA;;;;"}

package/components/Legend/Legend.d.ts

@@ -1,6 +0,0 @@
-import { Comp } from '@redsift/design-system';
-import { LegendProps } from './types.js';
-
-declare const Legend: Comp<LegendProps, HTMLUListElement>;
-
-export { Legend };

package/components/Legend/Legend.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Legend.js","sources":["../../../src/components/Legend/Legend.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport { sum as d3sum } from 'd3';\n\nimport { Comp } 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 {\n    children,\n    className,\n    data,\n    isLegendItemSelected = () => true,\n    labelDecorator,\n    legendDecorator,\n    legendItemRole,\n    onLegendItemClick,\n    variant = LegendVariant.label,\n    width,\n    ...forwardedProps\n  } = props;\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 {...forwardedProps} className={classNames(Legend.className, className)} ref={ref}>\n        {renderedChildren}\n      </StyledLegend>\n    );\n  }\n\n  return (\n    <StyledLegend {...forwardedProps} className={classNames(Legend.className, className)} ref={ref} $width={width}>\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":["COMPONENT_NAME","CLASSNAME","Legend","forwardRef","props","ref","children","className","data","isLegendItemSelected","labelDecorator","legendDecorator","legendItemRole","onLegendItemClick","variant","LegendVariant","label","width","forwardedProps","_objectWithoutProperties","_excluded","length","total","d3sum","d","value","renderedChildren","React","createElement","StyledLegend","_extends","classNames","$width","map","_ref","index","_datum$percent","color","datum","_excluded2","LegendItem","_objectSpread","percent","dataset","isSelected","Boolean","key","onClick","role","displayName"],"mappings":"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"}

package/components/Legend/styles.js

@@ -1,15 +0,0 @@
-import styled from 'styled-components';
-import { baseContainer } from '@redsift/design-system';
-
-/**
- * Component style.
- */
-const StyledLegend = styled.ul`
-  display: flex;
-  flex-direction: column;
-
-  ${baseContainer}
-`;
-
-export { StyledLegend };
-//# sourceMappingURL=styles.js.map

package/components/Legend/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../src/components/Legend/styles.ts"],"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"],"names":["StyledLegend","styled","ul","baseContainer"],"mappings":";;;AAIA;AACA;AACA;AACaA,MAAAA,YAAY,GAAGC,MAAM,CAACC,EAAsB,CAAA;AACzD;AACA;AACA;AACA,EAAA,EAAIC,aAAc,CAAA;AAClB;;;;"}

package/components/LegendItem/LegendItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LegendItem.js","sources":["../../../src/components/LegendItem/LegendItem.tsx"],"sourcesContent":["import React, { KeyboardEventHandler, forwardRef } from 'react';\nimport classNames from 'classnames';\n\nimport { Comp, Number, Text, useId, useTheme } from '@redsift/design-system';\n\nimport { LegendItemProps } from './types';\nimport { StyledLegendItem } from './styles';\nimport { monochrome } from '../../scheme';\nimport { LegendVariant } from '../../types';\n\nconst COMPONENT_NAME = 'LegendItem';\nconst CLASSNAME = 'redsift-legend-item';\n\nexport const LegendItem: Comp<LegendItemProps, HTMLLIElement> = forwardRef((props, ref) => {\n  const { index = 0, isSelected: propsIsSelected, labelDecorator, legendDecorator, onClick, role } = props;\n\n  const { className, color = monochrome, data, dataset, id: propsId, variant, ...forwardedProps } = props;\n\n  const theme = useTheme();\n\n  const [_id] = useId();\n  const id = propsId ?? _id;\n\n  const isLegendCustom = variant === LegendVariant.custom && legendDecorator;\n  const text = labelDecorator ? labelDecorator(data, { index, isSelected: propsIsSelected, color }) : data.data.key;\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<HTMLLIElement> = (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  return (\n    <StyledLegendItem\n      {...forwardedProps}\n      className={classNames(LegendItem.className, className, `_${index}`, {\n        selected: isSelected,\n        deselected: isDeselected,\n      })}\n      color={isDeselected ? 'var(--redsift-color-neutral-light-grey)' : color}\n      ref={ref}\n      aria-labelledby={!isEmpty ? `${id}-title` : undefined}\n      aria-selected={isSelected ? true : isDeselected ? false : undefined}\n      id={id}\n      onClick={onClick ? () => onClick(data, dataset) : undefined}\n      onKeyDown={onClick ? (e) => onKeyDown(e) : undefined}\n      role={role ? role : onClick ? 'button' : undefined}\n      tabIndex={onClick ? 0 : undefined}\n      $clickable={Boolean(onClick)}\n      $variant={variant}\n      $theme={theme}\n    >\n      {isLegendCustom ? (\n        legendDecorator(data, { index, isSelected: propsIsSelected, color: props.color })\n      ) : (\n        <>\n          <div />\n          {typeof text === 'string' ? (\n            variant === LegendVariant.value ? (\n              <>\n                <Number as=\"b\" maximumFractionDigits={2} value={data.data.value} variant=\"inherit\" />\n                <Text variant=\"caption\">{text}</Text>\n              </>\n            ) : variant === LegendVariant.percent && data.data.percent ? (\n              <>\n                <Number as=\"b\" maximumFractionDigits={2} type=\"percent\" value={data.data.percent} variant=\"inherit\" />\n                <Text variant=\"caption\">{text}</Text>\n              </>\n            ) : (\n              <Text variant=\"caption\">{text}</Text>\n            )\n          ) : (\n            <>{text}</>\n          )}\n        </>\n      )}\n    </StyledLegendItem>\n  );\n});\nLegendItem.className = CLASSNAME;\nLegendItem.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","LegendItem","forwardRef","props","ref","index","isSelected","propsIsSelected","labelDecorator","legendDecorator","onClick","role","className","color","monochrome","data","dataset","id","propsId","variant","forwardedProps","_objectWithoutProperties","_excluded","theme","useTheme","_id","useId","isLegendCustom","LegendVariant","custom","text","key","isEmpty","value","isSelectable","isDeselected","onKeyDown","event","stopPropagation","code","preventDefault","React","createElement","StyledLegendItem","_extends","classNames","selected","deselected","undefined","e","tabIndex","$clickable","Boolean","$variant","$theme","Fragment","Number","as","maximumFractionDigits","Text","percent","type","displayName"],"mappings":"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"}

package/components/LegendItem/styles.js

@@ -1,63 +0,0 @@
-import styled, { css } from 'styled-components';
-import { Theme } from '@redsift/design-system';
-import { LegendVariant } from '../../types/legend.js';
-
-/**
- * Component style.
- */
-const StyledLegendItem = styled.li`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  font-size: var(--redsift-typography-caption-font-size);
-
-  ${_ref => {
-  let {
-    $theme
-  } = _ref;
-  return css`
-    color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});
-  `;
-}}
-
-  ${_ref2 => {
-  let {
-    $variant,
-    color
-  } = _ref2;
-  return $variant !== LegendVariant.custom ? css`
-          > div {
-            height: 16px;
-            width: 16px;
-            min-width: 16px;
-            background-color: ${color};
-          }
-        ` : '';
-}}}
-
-  ${_ref3 => {
-  let {
-    $clickable
-  } = _ref3;
-  return $clickable ? css`
-          cursor: pointer;
-
-          &:hover,
-          &:focus {
-            outline: none;
-            > div {
-              opacity: 0.7;
-            }
-          }
-
-          &:focus-visible {
-            > div {
-              outline: 4px solid var(--redsift-color-primary-n);
-            }
-          }
-        ` : '';
-}}}
-`;
-
-export { StyledLegendItem };
-//# sourceMappingURL=styles.js.map

package/components/LegendItem/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../src/components/LegendItem/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { StyledLegendItemProps } from './types';\nimport { LegendVariant } from '@redsift/charts/types';\nimport { Theme } from '@redsift/design-system';\n\n/**\n * Component style.\n */\nexport const StyledLegendItem = styled.li<StyledLegendItemProps>`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: var(--redsift-typography-caption-font-size);\n\n  ${({ $theme }) => css`\n    color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});\n  `}\n\n  ${({ $variant, color }) =>\n    $variant !== LegendVariant.custom\n      ? css`\n          > div {\n            height: 16px;\n            width: 16px;\n            min-width: 16px;\n            background-color: ${color};\n          }\n        `\n      : ''}}\n\n  ${({ $clickable }) =>\n    $clickable\n      ? css`\n          cursor: pointer;\n\n          &:hover,\n          &:focus {\n            outline: none;\n            > div {\n              opacity: 0.7;\n            }\n          }\n\n          &:focus-visible {\n            > div {\n              outline: 4px solid var(--redsift-color-primary-n);\n            }\n          }\n        `\n      : ''}}\n`;\n"],"names":["StyledLegendItem","styled","li","_ref","$theme","css","Theme","dark","_ref2","$variant","color","LegendVariant","custom","_ref3","$clickable"],"mappings":";;;;AAKA;AACA;AACA;AACaA,MAAAA,gBAAgB,GAAGC,MAAM,CAACC,EAA0B,CAAA;AACjE;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKE,GAAI,CAAA;AACxB,uCAAyCD,EAAAA,MAAM,KAAKE,KAAK,CAACC,IAAI,GAAG,OAAO,GAAG,aAAc,CAAA;AACzF,EAAG,CAAA,CAAA;AAAA,CAAC,CAAA;AACJ;AACA,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;IAAEC,QAAQ;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAF,KAAA,CAAA;AAAA,EAAA,OACpBC,QAAQ,KAAKE,aAAa,CAACC,MAAM,GAC7BP,GAAI,CAAA;AACZ;AACA;AACA;AACA;AACA,8BAAA,EAAgCK,KAAM,CAAA;AACtC;AACA,QAAA,CAAS,GACD,EAAE,CAAA;AAAA,CAAC,CAAA;AACX;AACA,EAAA,EAAIG,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,UAAAA;AAAW,GAAC,GAAAD,KAAA,CAAA;EAAA,OACfC,UAAU,GACNT,GAAI,CAAA;AACZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAA,CAAS,GACD,EAAE,CAAA;AAAA,CAAC,CAAA;AACX;;;;"}