@redsift/charts 12.5.13 → 12.5.14

package/index.d.ts

@@ -3,7 +3,7 @@ import * as _redsift_design_system from '@redsift/design-system';
 import { ValueOf, Theme, Comp, ContainerProps, StylingTransientProps, ContainerTransientProps, FormatMessage } from '@redsift/design-system';
 import { PieArcDatum } from 'd3-shape';
 import * as react from 'react';
-import react__default, { MutableRefObject, ComponentProps, ReactElement, RefObject, ReactNode } from 'react';
+import react__default, { MutableRefObject, ComponentProps, RefObject, ReactElement, ReactNode } from 'react';
 import * as d3_scale from 'd3-scale';
 import { ScaleLinear as ScaleLinear$2, ScaleLogarithmic, ScaleSymLog, ScalePoint as ScalePoint$1, ScaleBand as ScaleBand$1, ScaleTime as ScaleTime$1 } from 'd3-scale';
 import { TooltipProps } from '@redsift/popovers';
@@ -1712,6 +1712,32 @@ declare const useZoom: ({ svgRef, scaleX, scaleY, defaultTransform, size, onZoom
     scaleY: ScaleLinear$1<number, number, never>;
 };
 
+interface UseCategoricalChartAsListboxProps {
+    /** The chart `id`. Options are located by the `id<id>__<type>-<index>` ids the chart gives them. */
+    id: string;
+    /** The chart's `chartRef`: the element that becomes the listbox and the single tab stop. */
+    ref: RefObject<HTMLDivElement | null>;
+    /** Id segment of the option elements: `arc` for `PieChart` slices, `bar` for `BarChart` bars. */
+    type: 'arc' | 'bar';
+    /** Number of rendered options. Zero-value slices and bars are not drawn, so leave them out. */
+    optionCount: number;
+    /** Which arrow keys move between options. */
+    orientation?: 'horizontal' | 'vertical';
+    /** Whether several options can be selected at once. */
+    multiselectable?: boolean;
+}
+/**
+ * Gives a categorical chart the roles, attributes and keyboard handling of a listbox: the chart is the
+ * tab stop, arrow keys move `aria-activedescendant` and the `.focused` class between its options, and
+ * Enter or Space activates the active option as a click would.
+ *
+ * Spread the result on `chartProps`, give the same `ref` to `chartRef`, and render the options with
+ * `role="option"` and `tabIndex={-1}` (`sliceRole` + `sliceProps`, or `barRole` + `barProps`).
+ *
+ * Returns `undefined` while there is no option, so an empty chart is not a tab stop.
+ */
+declare const useCategoricalChartAsListbox: ({ id, ref, type, optionCount, orientation, multiselectable, }: UseCategoricalChartAsListboxProps) => ComponentProps<"div"> | undefined;
+
 declare const monochrome = "#73C5EB";
 declare const empty = "#BFBFBF";
 declare const scheme: {
@@ -4142,4 +4168,4 @@ declare const StyledScatterPlotEmptyText: styled_components_dist_types.IStyledCo
     $theme: Theme;
 }>> & string;
 
-export { AnchorProps, AnyScale, Arc, ArcDatum, ArcProps, Arcs, ArcsProps, Axis, AxisPosition, AxisProps, AxisVariant, Bar, BarChart, BarChartBarsProps, BarChartDimensions, BarChartLegendVariant, BarChartOverlayProps, BarChartProps, BarChartSectionProps, BarChartState, BarDatum, BarDirection, BarOrientation, BarProps, BaseBarChart, CategoricalOrLinearDim, CategoryData, CategoryDatum, CategoryDim, ChartAxesProps, ChartContainer, ChartContainerDescription, ChartContainerProps, ChartContainerTitle, ChartDimensions, ChartSize, ChartTheme, ColorTheme, ComputedBarProps, Coordinates, CoordinatesCategoryData, CoordinatesCategoryDatum, CoordinatesCategoryDim, CustomColorTheme, DataPoint, DataPointProps, Datum, Dot, DotDatum, DotProps, DotVariant, EmptyDatum, JSONArray, JSONObject, JSONValue, LabelVariant, Legend, LegendItemDatum, LegendProps, LegendVariant, Line, LineChart, LineChartDimensions, LineChartLegendVariant, LineChartProps, LinePointDatum, LineProps, LinearData, LinearDatum, LinearDim, MarginProps, NumericValue, PieChart, PieChartDimensions, PieChartLegendVariant, PieChartProps, PieChartVariant, RenderedLinearBarChartProps, Scale, ScaleBand, ScaleLinear, ScaleLog, ScalePoint, ScaleSymlog, ScaleTime, ScaleTypeToScale, ScaleValue, ScaleWithBandwidth, ScatterPlot, ScatterPlotDimensions, ScatterPlotLegendVariant, ScatterPlotProps, ScatterPlotVariant, SortingMethod, Statistic, Statistics, StringValue, StyledArc, StyledArcProps, StyledArcs, StyledArcsProps, StyledAxis, StyledAxisProps, StyledBar, StyledBarChart, StyledBarChartBars, StyledBarChartBarsProps, StyledBarChartEmptyText, StyledBarChartOverlay, StyledBarChartOverlayProps, StyledBarChartProps, StyledBarChartSection, StyledBarChartSectionProps, StyledBarProps, StyledChartContainer, StyledChartContainerCaption, StyledChartContainerProps, StyledChartContainerTitle, StyledDataPoint, StyledDataPointProps, StyledDot, StyledDotProps, StyledLegend, StyledLegendProps, StyledLine, StyledLineChart, StyledLineChartEmptyText, StyledLineChartProps, StyledLineProps, StyledPieChart, StyledPieChartCenterText, StyledPieChartEmptyText, StyledPieChartProps, StyledScatterPlot, StyledScatterPlotEmptyText, StyledScatterPlotProps, SuccessDangerColorTheme, TicksSpec, TooltipVariant, TwoCategoryData, TwoCategoryDatum, TwoCategoryDim, UseBrushProps, UseColorProps, UseFormatCategoricalDataProps, UseZoomProps, XScaleType, empty, getAxisType, getColorScale, getSortingMethod, isValidDate, mergeLegends, monochrome, scheme, successDangerScheme, useBrush, useColor, useFormatCategoricalData, useZoom };
+export { AnchorProps, AnyScale, Arc, ArcDatum, ArcProps, Arcs, ArcsProps, Axis, AxisPosition, AxisProps, AxisVariant, Bar, BarChart, BarChartBarsProps, BarChartDimensions, BarChartLegendVariant, BarChartOverlayProps, BarChartProps, BarChartSectionProps, BarChartState, BarDatum, BarDirection, BarOrientation, BarProps, BaseBarChart, CategoricalOrLinearDim, CategoryData, CategoryDatum, CategoryDim, ChartAxesProps, ChartContainer, ChartContainerDescription, ChartContainerProps, ChartContainerTitle, ChartDimensions, ChartSize, ChartTheme, ColorTheme, ComputedBarProps, Coordinates, CoordinatesCategoryData, CoordinatesCategoryDatum, CoordinatesCategoryDim, CustomColorTheme, DataPoint, DataPointProps, Datum, Dot, DotDatum, DotProps, DotVariant, EmptyDatum, JSONArray, JSONObject, JSONValue, LabelVariant, Legend, LegendItemDatum, LegendProps, LegendVariant, Line, LineChart, LineChartDimensions, LineChartLegendVariant, LineChartProps, LinePointDatum, LineProps, LinearData, LinearDatum, LinearDim, MarginProps, NumericValue, PieChart, PieChartDimensions, PieChartLegendVariant, PieChartProps, PieChartVariant, RenderedLinearBarChartProps, Scale, ScaleBand, ScaleLinear, ScaleLog, ScalePoint, ScaleSymlog, ScaleTime, ScaleTypeToScale, ScaleValue, ScaleWithBandwidth, ScatterPlot, ScatterPlotDimensions, ScatterPlotLegendVariant, ScatterPlotProps, ScatterPlotVariant, SortingMethod, Statistic, Statistics, StringValue, StyledArc, StyledArcProps, StyledArcs, StyledArcsProps, StyledAxis, StyledAxisProps, StyledBar, StyledBarChart, StyledBarChartBars, StyledBarChartBarsProps, StyledBarChartEmptyText, StyledBarChartOverlay, StyledBarChartOverlayProps, StyledBarChartProps, StyledBarChartSection, StyledBarChartSectionProps, StyledBarProps, StyledChartContainer, StyledChartContainerCaption, StyledChartContainerProps, StyledChartContainerTitle, StyledDataPoint, StyledDataPointProps, StyledDot, StyledDotProps, StyledLegend, StyledLegendProps, StyledLine, StyledLineChart, StyledLineChartEmptyText, StyledLineChartProps, StyledLineProps, StyledPieChart, StyledPieChartCenterText, StyledPieChartEmptyText, StyledPieChartProps, StyledScatterPlot, StyledScatterPlotEmptyText, StyledScatterPlotProps, SuccessDangerColorTheme, TicksSpec, TooltipVariant, TwoCategoryData, TwoCategoryDatum, TwoCategoryDim, UseBrushProps, UseCategoricalChartAsListboxProps, UseColorProps, UseFormatCategoricalDataProps, UseZoomProps, XScaleType, empty, getAxisType, getColorScale, getSortingMethod, isValidDate, mergeLegends, monochrome, scheme, successDangerScheme, useBrush, useCategoricalChartAsListbox, useColor, useFormatCategoricalData, useZoom };

package/index.js

@@ -2,6 +2,7 @@ export { e as empty, g as getColorScale, m as monochrome, s as scheme, a as succ
 export { C as ChartSize, a as ColorTheme, g as getSortingMethod, i as isValidDate, m as mergeLegends, u as useColor } from './_internal/theme.js';
 export { S as ScatterPlot, c as ScatterPlotLegendVariant, b as ScatterPlotVariant, d as StyledScatterPlot, e as StyledScatterPlotEmptyText, u as useBrush, a as useZoom } from './_internal/ScatterPlot2.js';
 export { u as useFormatCategoricalData } from './_internal/useFormatCategoricalData.js';
+import { useRef, useCallback, useMemo } from 'react';
 export { a as LabelVariant, L as LegendVariant, T as TooltipVariant } from './_internal/legend2.js';
 export { A as Arc, S as StyledArc } from './_internal/Arc2.js';
 export { A as Arcs, S as StyledArcs } from './_internal/Arcs2.js';
@@ -15,4 +16,93 @@ export { L as Legend, S as StyledLegend } from './_internal/Legend3.js';
 export { L as Line, S as StyledLine } from './_internal/Line2.js';
 export { L as LineChart, a as LineChartLegendVariant, S as StyledLineChart, b as StyledLineChartEmptyText } from './_internal/LineChart2.js';
 export { P as PieChart, b as PieChartLegendVariant, a as PieChartVariant, S as StyledPieChart, c as StyledPieChartCenterText, d as StyledPieChartEmptyText } from './_internal/PieChart2.js';
+
+/**
+ * Gives a categorical chart the roles, attributes and keyboard handling of a listbox: the chart is the
+ * tab stop, arrow keys move `aria-activedescendant` and the `.focused` class between its options, and
+ * Enter or Space activates the active option as a click would.
+ *
+ * Spread the result on `chartProps`, give the same `ref` to `chartRef`, and render the options with
+ * `role="option"` and `tabIndex={-1}` (`sliceRole` + `sliceProps`, or `barRole` + `barProps`).
+ *
+ * Returns `undefined` while there is no option, so an empty chart is not a tab stop.
+ */
+const useCategoricalChartAsListbox = _ref => {
+  let {
+    id,
+    ref,
+    type,
+    optionCount,
+    orientation = 'horizontal',
+    multiselectable = false
+  } = _ref;
+  const activeIndexRef = useRef(0);
+  const getOption = useCallback(index => {
+    var _ref$current$querySel, _ref$current;
+    return (_ref$current$querySel = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector(`[id="id${id}__${type}-${index}"]`)) !== null && _ref$current$querySel !== void 0 ? _ref$current$querySel : null;
+  }, [id, ref, type]);
+  const setActive = useCallback(index => {
+    var _getOption, _ref$current2, _getOption2;
+    (_getOption = getOption(activeIndexRef.current)) === null || _getOption === void 0 ? void 0 : _getOption.classList.remove('focused');
+    activeIndexRef.current = index;
+    (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.setAttribute('aria-activedescendant', `id${id}__${type}-${index}`);
+    (_getOption2 = getOption(index)) === null || _getOption2 === void 0 ? void 0 : _getOption2.classList.add('focused');
+  }, [getOption, id, ref, type]);
+  return useMemo(() => {
+    if (optionCount <= 0) return undefined;
+    const forwards = orientation === 'horizontal' ? 'ArrowRight' : 'ArrowDown';
+    const backwards = orientation === 'horizontal' ? 'ArrowLeft' : 'ArrowUp';
+    const step = delta => setActive((activeIndexRef.current + delta + optionCount) % optionCount);
+    return {
+      role: 'listbox',
+      tabIndex: 0,
+      'aria-activedescendant': '',
+      'aria-multiselectable': multiselectable,
+      'aria-orientation': orientation,
+      onFocus: () => setActive(activeIndexRef.current),
+      onBlur: () => {
+        var _getOption3, _ref$current3;
+        (_getOption3 = getOption(activeIndexRef.current)) === null || _getOption3 === void 0 ? void 0 : _getOption3.classList.remove('focused');
+        activeIndexRef.current = 0;
+        (_ref$current3 = ref.current) === null || _ref$current3 === void 0 ? void 0 : _ref$current3.setAttribute('aria-activedescendant', '');
+      },
+      // A pointer click must not move the focus into the chart: the option (tabIndex -1) would take it,
+      // paint the `.focused` ring on the active option instead of the clicked one, and swallow the
+      // arrow keys it then receives.
+      onMouseDown: event => event.preventDefault(),
+      onKeyDown: event => {
+        var _getOption4;
+        switch (event.code) {
+          case forwards:
+            event.preventDefault();
+            step(1);
+            break;
+          case backwards:
+            event.preventDefault();
+            step(-1);
+            break;
+          case 'Home':
+            event.preventDefault();
+            setActive(0);
+            break;
+          case 'End':
+            event.preventDefault();
+            setActive(optionCount - 1);
+            break;
+          case 'Enter':
+          case 'Space':
+            event.preventDefault();
+            // Bubbling, so React's delegated `onClick` on the option receives it.
+            (_getOption4 = getOption(activeIndexRef.current)) === null || _getOption4 === void 0 ? void 0 : _getOption4.dispatchEvent(new window.MouseEvent('click', {
+              bubbles: true,
+              cancelable: true
+            }));
+            break;
+        }
+      }
+    };
+  }, [getOption, multiselectable, optionCount, orientation, ref, setActive]);
+};
+
+export { useCategoricalChartAsListbox };
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../src/hooks/useCategoricalChartAsListbox.ts"],"sourcesContent":["import { ComponentProps, KeyboardEvent, MouseEvent, RefObject, useCallback, useMemo, useRef } from 'react';\n\nexport interface UseCategoricalChartAsListboxProps {\n  /** The chart `id`. Options are located by the `id<id>__<type>-<index>` ids the chart gives them. */\n  id: string;\n  /** The chart's `chartRef`: the element that becomes the listbox and the single tab stop. */\n  ref: RefObject<HTMLDivElement | null>;\n  /** Id segment of the option elements: `arc` for `PieChart` slices, `bar` for `BarChart` bars. */\n  type: 'arc' | 'bar';\n  /** Number of rendered options. Zero-value slices and bars are not drawn, so leave them out. */\n  optionCount: number;\n  /** Which arrow keys move between options. */\n  orientation?: 'horizontal' | 'vertical';\n  /** Whether several options can be selected at once. */\n  multiselectable?: boolean;\n}\n\n/**\n * Gives a categorical chart the roles, attributes and keyboard handling of a listbox: the chart is the\n * tab stop, arrow keys move `aria-activedescendant` and the `.focused` class between its options, and\n * Enter or Space activates the active option as a click would.\n *\n * Spread the result on `chartProps`, give the same `ref` to `chartRef`, and render the options with\n * `role=\"option\"` and `tabIndex={-1}` (`sliceRole` + `sliceProps`, or `barRole` + `barProps`).\n *\n * Returns `undefined` while there is no option, so an empty chart is not a tab stop.\n */\nexport const useCategoricalChartAsListbox = ({\n  id,\n  ref,\n  type,\n  optionCount,\n  orientation = 'horizontal',\n  multiselectable = false,\n}: UseCategoricalChartAsListboxProps): ComponentProps<'div'> | undefined => {\n  const activeIndexRef = useRef(0);\n\n  const getOption = useCallback(\n    (index: number) => ref.current?.querySelector<SVGElement>(`[id=\"id${id}__${type}-${index}\"]`) ?? null,\n    [id, ref, type]\n  );\n\n  const setActive = useCallback(\n    (index: number) => {\n      getOption(activeIndexRef.current)?.classList.remove('focused');\n      activeIndexRef.current = index;\n      ref.current?.setAttribute('aria-activedescendant', `id${id}__${type}-${index}`);\n      getOption(index)?.classList.add('focused');\n    },\n    [getOption, id, ref, type]\n  );\n\n  return useMemo(() => {\n    if (optionCount <= 0) return undefined;\n\n    const forwards = orientation === 'horizontal' ? 'ArrowRight' : 'ArrowDown';\n    const backwards = orientation === 'horizontal' ? 'ArrowLeft' : 'ArrowUp';\n\n    const step = (delta: number) => setActive((activeIndexRef.current + delta + optionCount) % optionCount);\n\n    return {\n      role: 'listbox',\n      tabIndex: 0,\n      'aria-activedescendant': '',\n      'aria-multiselectable': multiselectable,\n      'aria-orientation': orientation,\n      onFocus: () => setActive(activeIndexRef.current),\n      onBlur: () => {\n        getOption(activeIndexRef.current)?.classList.remove('focused');\n        activeIndexRef.current = 0;\n        ref.current?.setAttribute('aria-activedescendant', '');\n      },\n      // A pointer click must not move the focus into the chart: the option (tabIndex -1) would take it,\n      // paint the `.focused` ring on the active option instead of the clicked one, and swallow the\n      // arrow keys it then receives.\n      onMouseDown: (event: MouseEvent<HTMLDivElement>) => event.preventDefault(),\n      onKeyDown: (event: KeyboardEvent<HTMLDivElement>) => {\n        switch (event.code) {\n          case forwards:\n            event.preventDefault();\n            step(1);\n            break;\n          case backwards:\n            event.preventDefault();\n            step(-1);\n            break;\n          case 'Home':\n            event.preventDefault();\n            setActive(0);\n            break;\n          case 'End':\n            event.preventDefault();\n            setActive(optionCount - 1);\n            break;\n          case 'Enter':\n          case 'Space':\n            event.preventDefault();\n            // Bubbling, so React's delegated `onClick` on the option receives it.\n            getOption(activeIndexRef.current)?.dispatchEvent(\n              new window.MouseEvent('click', { bubbles: true, cancelable: true })\n            );\n            break;\n          default:\n            break;\n        }\n      },\n    };\n  }, [getOption, multiselectable, optionCount, orientation, ref, setActive]);\n};\n"],"names":["useCategoricalChartAsListbox","_ref","id","ref","type","optionCount","orientation","multiselectable","activeIndexRef","useRef","getOption","useCallback","index","_ref$current$querySel","_ref$current","current","querySelector","setActive","_getOption","_ref$current2","_getOption2","classList","remove","setAttribute","add","useMemo","undefined","forwards","backwards","step","delta","role","tabIndex","onFocus","onBlur","_getOption3","_ref$current3","onMouseDown","event","preventDefault","onKeyDown","_getOption4","code","dispatchEvent","window","MouseEvent","bubbles","cancelable"],"mappings":"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"}

package/package.json

@@ -30,7 +30,7 @@
     "test": "yarn test:unit && yarn test:storybook"
   },
   "types": "index.d.ts",
-  "version": "12.5.13",
+  "version": "12.5.14",
   "dependencies": {
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
@@ -86,11 +86,11 @@
     "ts-jest": "^29.2.0"
   },
   "peerDependencies": {
-    "@redsift/design-system": "^12.5.13-0",
-    "@redsift/popovers": "^12.5.13-0",
+    "@redsift/design-system": "^12.5.14-0",
+    "@redsift/popovers": "^12.5.14-0",
     "react": ">=17",
     "react-dom": ">=17",
     "styled-components": "6.1.19"
   },
-  "gitHead": "55b7e4976e3595f1788080def19d08f5dcff2403"
+  "gitHead": "3472a9edd1c0c9dc620af9176051910e918ddb24"
 }