Fixed aria text formatter types (#801)

Author: TheNumberOne

src/Range.tsx

@@ -56,7 +56,7 @@ export interface RangeProps extends GenericSliderProps {
   tabIndex?: number | number[];
   ariaLabelGroupForHandles?: string | string[];
   ariaLabelledByGroupForHandles?: string | string[];
-  ariaValueTextFormatterGroupForHandles?: string | string[];
+  ariaValueTextFormatterGroupForHandles?: ((value: number) => string)[];
   handle?: SliderProps['handle'];
   draggableTrack?: boolean;
 }

src/Slider.tsx

@@ -25,7 +25,7 @@ export interface SliderProps extends GenericSliderProps {
   tabIndex?: number;
   ariaLabelForHandle?: string;
   ariaLabelledByForHandle?: string;
-  ariaValueTextFormatterForHandle?: string;
+  ariaValueTextFormatterForHandle?: (value: number) => string;
   startPoint?: number;
   handle?: (props: {
     className: string;
@@ -42,7 +42,7 @@ export interface SliderProps extends GenericSliderProps {
     tabIndex?: number;
     ariaLabel: string;
     ariaLabelledBy: string;
-    ariaValueTextFormatter: string;
+    ariaValueTextFormatter?: (value: number) => string;
     style?: React.CSSProperties;
     ref?: React.Ref<any>;
   }) => React.ReactElement;

tests/type.test.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 import Slider, { createSliderWithTooltip, Range, Handle } from '../src';
-import { SliderProps } from '../src/Slider';
-import { RangeProps } from '../src/Range';
-import { HandleProps } from '../src/Handle';
-import { ComponentWrapperProps } from '../src/createSliderWithTooltip';
+import type { SliderProps } from '@/Slider';
+import type { RangeProps } from '@/Range';
+import type { HandleProps } from '@/Handle';
+import type { ComponentWrapperProps } from '@/createSliderWithTooltip';
 
 describe('Slider.Typescript', () => {
   const sliderProps: SliderProps = {
@@ -28,7 +28,7 @@ describe('Slider.Typescript', () => {
     tabIndex: 1,
     ariaLabelForHandle: 'ariaLabelForHandle',
     ariaLabelledByForHandle: 'ariaLabelledByForHandle',
-    ariaValueTextFormatterForHandle: 'ariaValueTextFormatterForHandle',
+    ariaValueTextFormatterForHandle: (i: number) => `ariaValueTextFormatterForHandle${i}`,
     startPoint: 1,
     handle(props) {
       return <span {...props} />;
@@ -78,7 +78,7 @@ describe('Slider.Typescript', () => {
     handleStyle: [{}],
     ariaLabelGroupForHandles: 'ariaLabelGroupForHandles',
     ariaLabelledByGroupForHandles: ['ariaLabelledByGroupForHandles'],
-    ariaValueTextFormatterGroupForHandles: ['ariaValueTextFormatterGroupForHandles'],
+    ariaValueTextFormatterGroupForHandles: [(i: number) => `ariaValueTextFormatterGroupForHandles${i}`],
     handle(props) {
       return <span {...props} />;
     },