react-stately 3.46.0 → 3.47.0

package/dist/private/slider/useSliderState.cjs

@@ -106,8 +106,28 @@ function $f9570b296a78cc5e$export$e5fda3247f5d67f9(props) {
         // Call onChangeEnd if no handles are dragging.
         if (onChangeEnd && wasDragging && !isDraggingsRef.current.some(Boolean)) onChangeEnd(valuesRef.current);
     }
-    function getFormattedValue(value) {
-        return formatter.format(value);
+    let listFormatRef = (0, $h6QKk$react.useRef)(null);
+    function getFormattedValue(valueParam = values) {
+        if (typeof valueParam === 'number') valueParam = [
+            valueParam
+        ];
+        switch(valueParam.length){
+            case 0:
+                return '';
+            case 1:
+                return formatter.format(valueParam[0]);
+            case 2:
+                return formatter.formatRange(valueParam[0], valueParam[1]);
+            default:
+                {
+                    let formatted = valueParam.map((value)=>formatter.format(value));
+                    let listFormat = listFormatRef.current;
+                    if (!listFormat || listFormat.resolvedOptions().locale !== formatter.resolvedOptions().locale) listFormat = listFormatRef.current = new Intl.ListFormat(formatter.resolvedOptions().locale, {
+                        type: 'unit'
+                    });
+                    return listFormat.format(formatted);
+                }
+        }
     }
     function setThumbPercent(index, percent) {
         updateValue(index, getPercentValue(percent));

package/dist/private/slider/useSliderState.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-stately/src/slider/useSliderState.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {clamp, snapValueToStep} from '../utils/number';\n\nimport {LabelableProps, Orientation, RangeInputBase, ValueBase} from '@react-types/shared';\nimport {useCallback, useMemo, useRef, useState} from 'react';\nimport {useControlledState} from '../utils/useControlledState';\n\nexport interface SliderProps<T = number | number[]> extends RangeInputBase<number>, ValueBase<T>, LabelableProps {\n  /**\n   * The orientation of the Slider.\n   * @default 'horizontal'\n   */\n  orientation?: Orientation,\n  /** Whether the whole Slider is disabled. */\n  isDisabled?: boolean,\n  /** Fired when the slider stops moving, due to being let go. */\n  onChangeEnd?: (value: T) => void,\n  // These are duplicated from ValueBase to define defaults for the docs.\n  /**\n   * The slider's minimum value.\n   * @default 0\n   */\n  minValue?: number,\n  /**\n   * The slider's maximum value.\n   * @default 100\n   */\n  maxValue?: number,\n  /**\n   * The slider's step value.\n   * @default 1\n   */\n  step?: number\n}\n\nexport interface SliderState {\n  /**\n   * Values managed by the slider by thumb index.\n   */\n  readonly values: number[],\n  /**\n   * The default values for each thumb.\n   */\n  readonly defaultValues: number[],\n  /**\n   * Get the value for the specified thumb.\n   * @param index\n   */\n  getThumbValue(index: number): number,\n\n  /**\n   * Sets the value for the specified thumb.\n   * The actual value set will be clamped and rounded according to min/max/step.\n   * @param index\n   * @param value\n   */\n  setThumbValue(index: number, value: number): void,\n\n  /**\n   * Sets value for the specified thumb by percent offset (between 0 and 1).\n   * @param index\n   * @param percent\n   */\n  setThumbPercent(index: number, percent: number): void,\n\n  /**\n   * Whether the specific thumb is being dragged.\n   * @param index\n   */\n  isThumbDragging(index: number): boolean,\n  /**\n   * Set is dragging on the specified thumb.\n   * @param index\n   * @param dragging\n   */\n  setThumbDragging(index: number, dragging: boolean): void,\n\n  /**\n   * Currently-focused thumb index.\n   */\n  readonly focusedThumb: number | undefined,\n  /**\n   * Set focused true on specified thumb. This will remove focus from\n   * any thumb that had it before.\n   * @param index\n   */\n  setFocusedThumb(index: number | undefined): void,\n\n  /**\n   * Returns the specified thumb's value as a percentage from 0 to 1.\n   * @param index\n   */\n  getThumbPercent(index: number): number,\n\n  /**\n   * Returns the value as a percent between the min and max of the slider.\n   * @param index\n   */\n  getValuePercent(value: number): number,\n\n  /**\n   * Returns the string label for the specified thumb's value, per props.formatOptions.\n   * @param index\n   */\n  getThumbValueLabel(index: number): string,\n\n  /**\n   * Returns the string label for the value, per props.formatOptions.\n   * @param index\n   */\n  getFormattedValue(value: number): string,\n\n  /**\n   * Returns the min allowed value for the specified thumb.\n   * @param index\n   */\n  getThumbMinValue(index: number): number,\n\n  /**\n   * Returns the max allowed value for the specified thumb.\n   * @param index\n   */\n  getThumbMaxValue(index: number): number,\n\n  /**\n   * Converts a percent along track (between 0 and 1) to the corresponding value.\n   * @param percent\n   */\n  getPercentValue(percent: number): number,\n\n  /**\n   * Returns if the specified thumb is editable.\n   * @param index\n   */\n  isThumbEditable(index: number): boolean,\n\n  /**\n   * Set the specified thumb's editable state.\n   * @param index\n   * @param editable\n   */\n  setThumbEditable(index: number, editable: boolean): void,\n\n  /**\n   * Increments the value of the thumb by the step or page amount.\n   */\n  incrementThumb(index: number, stepSize?: number): void,\n  /**\n   * Decrements the value of the thumb by the step or page amount.\n   */\n  decrementThumb(index: number, stepSize?: number): void,\n\n  /**\n   * The step amount for the slider.\n   */\n  readonly step: number,\n\n  /**\n   * The page size for the slider, used to do a bigger step.\n   */\n  readonly pageSize: number,\n\n  /** The orientation of the slider. */\n  readonly orientation: Orientation,\n\n  /** Whether the slider is disabled. */\n  readonly isDisabled: boolean\n}\n\nconst DEFAULT_MIN_VALUE = 0;\nconst DEFAULT_MAX_VALUE = 100;\nconst DEFAULT_STEP_VALUE = 1;\n\nexport interface SliderStateOptions<T> extends SliderProps<T> {\n  numberFormatter: Intl.NumberFormat\n}\n\n/**\n * Provides state management for a slider component. Stores values for all thumbs,\n * formats values for localization, and provides methods to update the position\n * of any thumbs.\n * @param props\n */\nexport function useSliderState<T extends number | number[]>(props: SliderStateOptions<T>): SliderState {\n  const {\n    isDisabled = false,\n    minValue = DEFAULT_MIN_VALUE,\n    maxValue = DEFAULT_MAX_VALUE,\n    numberFormatter: formatter,\n    step = DEFAULT_STEP_VALUE,\n    orientation = 'horizontal'\n  } = props;\n\n  // Page step should be at least equal to step and always a multiple of the step.\n  let pageSize = useMemo(() => {\n    let calcPageSize = (maxValue - minValue) / 10;\n    calcPageSize = snapValueToStep(calcPageSize, 0, calcPageSize + step, step);\n    return Math.max(calcPageSize, step);\n  }, [step, maxValue, minValue]);\n\n  let restrictValues = useCallback((values: number[] | undefined) => values?.map((val, idx) => {\n    let min = idx === 0 ? minValue : values[idx - 1];\n    let max = idx === values.length - 1 ? maxValue : values[idx + 1];\n    return snapValueToStep(val, min, max, step);\n  }), [minValue, maxValue, step]);\n\n  let value = useMemo(() => restrictValues(convertValue(props.value)), [props.value, restrictValues]);\n  let defaultValue = useMemo(() => restrictValues(convertValue(props.defaultValue) ?? [minValue])!, [props.defaultValue, minValue, restrictValues]);\n  let onChange = createOnChange(props.value, props.defaultValue, props.onChange);\n  let onChangeEnd = createOnChange(props.value, props.defaultValue, props.onChangeEnd);\n\n  const [values, setValuesState] = useControlledState<number[]>(\n    value,\n    defaultValue,\n    onChange\n  );\n  let [initialValues] = useState(values);\n  const [isDraggings, setDraggingsState] = useState<boolean[]>(new Array(values.length).fill(false));\n  const isEditablesRef = useRef<boolean[]>(new Array(values.length).fill(true));\n  const [focusedIndex, setFocusedIndex] = useState<number | undefined>(undefined);\n\n  const valuesRef = useRef<number[]>(values);\n  const isDraggingsRef = useRef<boolean[]>(isDraggings);\n\n  let setValues = (values: number[]) => {\n    valuesRef.current = values;\n    setValuesState(values);\n  };\n\n  let setDraggings = (draggings: boolean[]) => {\n    isDraggingsRef.current = draggings;\n    setDraggingsState(draggings);\n  };\n\n  function getValuePercent(value: number) {\n    return (value - minValue) / (maxValue - minValue);\n  }\n\n  function getThumbMinValue(index: number) {\n    return index === 0 ? minValue : values[index - 1];\n  }\n  function getThumbMaxValue(index: number) {\n    return index === values.length - 1 ? maxValue : values[index + 1];\n  }\n\n  function isThumbEditable(index: number) {\n    return isEditablesRef.current[index];\n  }\n\n  function setThumbEditable(index: number, editable: boolean) {\n    isEditablesRef.current[index] = editable;\n  }\n\n  function updateValue(index: number, value: number) {\n    if (isDisabled || !isThumbEditable(index)) {\n      return;\n    }\n    const thisMin = getThumbMinValue(index);\n    const thisMax = getThumbMaxValue(index);\n\n    // Round value to multiple of step, clamp value between min and max\n    value = snapValueToStep(value, thisMin, thisMax, step);\n    let newValues = replaceIndex(valuesRef.current, index, value);\n    setValues(newValues);\n  }\n\n  function updateDragging(index: number, dragging: boolean) {\n    if (isDisabled || !isThumbEditable(index)) {\n      return;\n    }\n    if (dragging) {\n      valuesRef.current = values;\n    }\n\n    const wasDragging = isDraggingsRef.current[index];\n    isDraggingsRef.current = replaceIndex(isDraggingsRef.current, index, dragging);\n    setDraggings(isDraggingsRef.current);\n\n    // Call onChangeEnd if no handles are dragging.\n    if (onChangeEnd && wasDragging && !isDraggingsRef.current.some(Boolean)) {\n      onChangeEnd(valuesRef.current);\n    }\n  }\n\n  function getFormattedValue(value: number) {\n    return formatter.format(value);\n  }\n\n  function setThumbPercent(index: number, percent: number) {\n    updateValue(index, getPercentValue(percent));\n  }\n\n  function getRoundedValue(value: number) {\n    return Math.round((value - minValue) / step) * step + minValue;\n  }\n\n  function getPercentValue(percent: number) {\n    const val = percent * (maxValue - minValue) + minValue;\n    return clamp(getRoundedValue(val), minValue, maxValue);\n  }\n\n  function incrementThumb(index: number, stepSize: number = 1) {\n    let s = Math.max(stepSize, step);\n    updateValue(index, snapValueToStep(values[index] + s, minValue, maxValue, step));\n  }\n\n  function decrementThumb(index: number, stepSize: number = 1) {\n    let s = Math.max(stepSize, step);\n    updateValue(index, snapValueToStep(values[index] - s, minValue, maxValue, step));\n  }\n\n  return {\n    values: values,\n    defaultValues: props.defaultValue !== undefined ? defaultValue : initialValues,\n    getThumbValue: (index: number) => values[index],\n    setThumbValue: updateValue,\n    setThumbPercent,\n    isThumbDragging: (index: number) => isDraggings[index],\n    setThumbDragging: updateDragging,\n    focusedThumb: focusedIndex,\n    setFocusedThumb: setFocusedIndex,\n    getThumbPercent: (index: number) => getValuePercent(values[index]),\n    getValuePercent,\n    getThumbValueLabel: (index: number) => getFormattedValue(values[index]),\n    getFormattedValue,\n    getThumbMinValue,\n    getThumbMaxValue,\n    getPercentValue,\n    isThumbEditable,\n    setThumbEditable,\n    incrementThumb,\n    decrementThumb,\n    step,\n    pageSize,\n    orientation,\n    isDisabled\n  };\n}\n\nfunction replaceIndex<T>(array: T[], index: number, value: T) {\n  if (array[index] === value) {\n    return array;\n  }\n\n  return [...array.slice(0, index), value, ...array.slice(index + 1)];\n}\n\nfunction convertValue(value?: number | number[]) {\n  if (value == null) {\n    return undefined;\n  }\n\n  return Array.isArray(value) ? value : [value];\n}\n\nfunction createOnChange(value, defaultValue, onChange) {\n  return (newValue: number[]) => {\n    if (typeof value === 'number' || typeof defaultValue === 'number') {\n      onChange?.(newValue[0]);\n    } else {\n      onChange?.(newValue);\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useSliderState.cjs.map"}
+{"mappings":"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","sources":["packages/react-stately/src/slider/useSliderState.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {clamp, snapValueToStep} from '../utils/number';\n\nimport {LabelableProps, Orientation, RangeInputBase, ValueBase} from '@react-types/shared';\nimport {useCallback, useMemo, useRef, useState} from 'react';\nimport {useControlledState} from '../utils/useControlledState';\n\nexport interface SliderProps<T = number | number[]>\n  extends RangeInputBase<number>, ValueBase<T>, LabelableProps {\n  /**\n   * The orientation of the Slider.\n   *\n   * @default 'horizontal'\n   */\n  orientation?: Orientation;\n  /** Whether the whole Slider is disabled. */\n  isDisabled?: boolean;\n  /** Fired when the slider stops moving, due to being let go. */\n  onChangeEnd?: (value: T) => void;\n  // These are duplicated from ValueBase to define defaults for the docs.\n  /**\n   * The slider's minimum value.\n   *\n   * @default 0\n   */\n  minValue?: number;\n  /**\n   * The slider's maximum value.\n   *\n   * @default 100\n   */\n  maxValue?: number;\n  /**\n   * The slider's step value.\n   *\n   * @default 1\n   */\n  step?: number;\n}\n\nexport interface SliderState {\n  /**\n   * Values managed by the slider by thumb index.\n   */\n  readonly values: number[];\n  /**\n   * The default values for each thumb.\n   */\n  readonly defaultValues: number[];\n  /**\n   * Get the value for the specified thumb.\n   *\n   * @param index\n   */\n  getThumbValue(index: number): number;\n\n  /**\n   * Sets the value for the specified thumb.\n   * The actual value set will be clamped and rounded according to min/max/step.\n   *\n   * @param index\n   * @param value\n   */\n  setThumbValue(index: number, value: number): void;\n\n  /**\n   * Sets value for the specified thumb by percent offset (between 0 and 1).\n   *\n   * @param index\n   * @param percent\n   */\n  setThumbPercent(index: number, percent: number): void;\n\n  /**\n   * Whether the specific thumb is being dragged.\n   *\n   * @param index\n   */\n  isThumbDragging(index: number): boolean;\n  /**\n   * Set is dragging on the specified thumb.\n   *\n   * @param index\n   * @param dragging\n   */\n  setThumbDragging(index: number, dragging: boolean): void;\n\n  /**\n   * Currently-focused thumb index.\n   */\n  readonly focusedThumb: number | undefined;\n  /**\n   * Set focused true on specified thumb. This will remove focus from\n   * any thumb that had it before.\n   *\n   * @param index\n   */\n  setFocusedThumb(index: number | undefined): void;\n\n  /**\n   * Returns the specified thumb's value as a percentage from 0 to 1.\n   *\n   * @param index\n   */\n  getThumbPercent(index: number): number;\n\n  /**\n   * Returns the value as a percent between the min and max of the slider.\n   *\n   * @param index\n   */\n  getValuePercent(value: number): number;\n\n  /**\n   * Returns the string label for the specified thumb's value, per props.formatOptions.\n   *\n   * @param index\n   */\n  getThumbValueLabel(index: number): string;\n\n  /**\n   * Returns the string label for the value, per props.formatOptions.\n   *\n   * @param value\n   */\n  getFormattedValue(value?: number | number[]): string;\n\n  /**\n   * Returns the min allowed value for the specified thumb.\n   *\n   * @param index\n   */\n  getThumbMinValue(index: number): number;\n\n  /**\n   * Returns the max allowed value for the specified thumb.\n   *\n   * @param index\n   */\n  getThumbMaxValue(index: number): number;\n\n  /**\n   * Converts a percent along track (between 0 and 1) to the corresponding value.\n   *\n   * @param percent\n   */\n  getPercentValue(percent: number): number;\n\n  /**\n   * Returns if the specified thumb is editable.\n   *\n   * @param index\n   */\n  isThumbEditable(index: number): boolean;\n\n  /**\n   * Set the specified thumb's editable state.\n   *\n   * @param index\n   * @param editable\n   */\n  setThumbEditable(index: number, editable: boolean): void;\n\n  /**\n   * Increments the value of the thumb by the step or page amount.\n   */\n  incrementThumb(index: number, stepSize?: number): void;\n  /**\n   * Decrements the value of the thumb by the step or page amount.\n   */\n  decrementThumb(index: number, stepSize?: number): void;\n\n  /**\n   * The step amount for the slider.\n   */\n  readonly step: number;\n\n  /**\n   * The page size for the slider, used to do a bigger step.\n   */\n  readonly pageSize: number;\n\n  /** The orientation of the slider. */\n  readonly orientation: Orientation;\n\n  /** Whether the slider is disabled. */\n  readonly isDisabled: boolean;\n}\n\nconst DEFAULT_MIN_VALUE = 0;\nconst DEFAULT_MAX_VALUE = 100;\nconst DEFAULT_STEP_VALUE = 1;\n\nexport interface SliderStateOptions<T> extends SliderProps<T> {\n  numberFormatter: Intl.NumberFormat;\n}\n\n/**\n * Provides state management for a slider component. Stores values for all thumbs,\n * formats values for localization, and provides methods to update the position\n * of any thumbs.\n *\n * @param props\n */\nexport function useSliderState<T extends number | number[]>(\n  props: SliderStateOptions<T>\n): SliderState {\n  const {\n    isDisabled = false,\n    minValue = DEFAULT_MIN_VALUE,\n    maxValue = DEFAULT_MAX_VALUE,\n    numberFormatter: formatter,\n    step = DEFAULT_STEP_VALUE,\n    orientation = 'horizontal'\n  } = props;\n\n  // Page step should be at least equal to step and always a multiple of the step.\n  let pageSize = useMemo(() => {\n    let calcPageSize = (maxValue - minValue) / 10;\n    calcPageSize = snapValueToStep(calcPageSize, 0, calcPageSize + step, step);\n    return Math.max(calcPageSize, step);\n  }, [step, maxValue, minValue]);\n\n  let restrictValues = useCallback(\n    (values: number[] | undefined) =>\n      values?.map((val, idx) => {\n        let min = idx === 0 ? minValue : values[idx - 1];\n        let max = idx === values.length - 1 ? maxValue : values[idx + 1];\n        return snapValueToStep(val, min, max, step);\n      }),\n    [minValue, maxValue, step]\n  );\n\n  let value = useMemo(\n    () => restrictValues(convertValue(props.value)),\n    [props.value, restrictValues]\n  );\n  let defaultValue = useMemo(\n    () => restrictValues(convertValue(props.defaultValue) ?? [minValue])!,\n    [props.defaultValue, minValue, restrictValues]\n  );\n  let onChange = createOnChange(props.value, props.defaultValue, props.onChange);\n  let onChangeEnd = createOnChange(props.value, props.defaultValue, props.onChangeEnd);\n\n  const [values, setValuesState] = useControlledState<number[]>(value, defaultValue, onChange);\n  let [initialValues] = useState(values);\n  const [isDraggings, setDraggingsState] = useState<boolean[]>(\n    new Array(values.length).fill(false)\n  );\n  const isEditablesRef = useRef<boolean[]>(new Array(values.length).fill(true));\n  const [focusedIndex, setFocusedIndex] = useState<number | undefined>(undefined);\n\n  const valuesRef = useRef<number[]>(values);\n  const isDraggingsRef = useRef<boolean[]>(isDraggings);\n\n  let setValues = (values: number[]) => {\n    valuesRef.current = values;\n    setValuesState(values);\n  };\n\n  let setDraggings = (draggings: boolean[]) => {\n    isDraggingsRef.current = draggings;\n    setDraggingsState(draggings);\n  };\n\n  function getValuePercent(value: number) {\n    return (value - minValue) / (maxValue - minValue);\n  }\n\n  function getThumbMinValue(index: number) {\n    return index === 0 ? minValue : values[index - 1];\n  }\n  function getThumbMaxValue(index: number) {\n    return index === values.length - 1 ? maxValue : values[index + 1];\n  }\n\n  function isThumbEditable(index: number) {\n    return isEditablesRef.current[index];\n  }\n\n  function setThumbEditable(index: number, editable: boolean) {\n    isEditablesRef.current[index] = editable;\n  }\n\n  function updateValue(index: number, value: number) {\n    if (isDisabled || !isThumbEditable(index)) {\n      return;\n    }\n    const thisMin = getThumbMinValue(index);\n    const thisMax = getThumbMaxValue(index);\n\n    // Round value to multiple of step, clamp value between min and max\n    value = snapValueToStep(value, thisMin, thisMax, step);\n    let newValues = replaceIndex(valuesRef.current, index, value);\n    setValues(newValues);\n  }\n\n  function updateDragging(index: number, dragging: boolean) {\n    if (isDisabled || !isThumbEditable(index)) {\n      return;\n    }\n    if (dragging) {\n      valuesRef.current = values;\n    }\n\n    const wasDragging = isDraggingsRef.current[index];\n    isDraggingsRef.current = replaceIndex(isDraggingsRef.current, index, dragging);\n    setDraggings(isDraggingsRef.current);\n\n    // Call onChangeEnd if no handles are dragging.\n    if (onChangeEnd && wasDragging && !isDraggingsRef.current.some(Boolean)) {\n      onChangeEnd(valuesRef.current);\n    }\n  }\n\n  let listFormatRef = useRef<Intl.ListFormat | null>(null);\n\n  function getFormattedValue(valueParam: number | number[] = values) {\n    if (typeof valueParam === 'number') {\n      valueParam = [valueParam];\n    }\n\n    switch (valueParam.length) {\n      case 0:\n        return '';\n      case 1:\n        return formatter.format(valueParam[0]);\n      case 2:\n        return formatter.formatRange(valueParam[0], valueParam[1]);\n      default: {\n        let formatted = valueParam.map(value => formatter.format(value));\n        let listFormat = listFormatRef.current;\n        if (\n          !listFormat ||\n          listFormat.resolvedOptions().locale !== formatter.resolvedOptions().locale\n        ) {\n          listFormat = listFormatRef.current = new Intl.ListFormat(\n            formatter.resolvedOptions().locale,\n            {type: 'unit'}\n          );\n        }\n        return listFormat.format(formatted);\n      }\n    }\n  }\n\n  function setThumbPercent(index: number, percent: number) {\n    updateValue(index, getPercentValue(percent));\n  }\n\n  function getRoundedValue(value: number) {\n    return Math.round((value - minValue) / step) * step + minValue;\n  }\n\n  function getPercentValue(percent: number) {\n    const val = percent * (maxValue - minValue) + minValue;\n    return clamp(getRoundedValue(val), minValue, maxValue);\n  }\n\n  function incrementThumb(index: number, stepSize: number = 1) {\n    let s = Math.max(stepSize, step);\n    updateValue(index, snapValueToStep(values[index] + s, minValue, maxValue, step));\n  }\n\n  function decrementThumb(index: number, stepSize: number = 1) {\n    let s = Math.max(stepSize, step);\n    updateValue(index, snapValueToStep(values[index] - s, minValue, maxValue, step));\n  }\n\n  return {\n    values: values,\n    defaultValues: props.defaultValue !== undefined ? defaultValue : initialValues,\n    getThumbValue: (index: number) => values[index],\n    setThumbValue: updateValue,\n    setThumbPercent,\n    isThumbDragging: (index: number) => isDraggings[index],\n    setThumbDragging: updateDragging,\n    focusedThumb: focusedIndex,\n    setFocusedThumb: setFocusedIndex,\n    getThumbPercent: (index: number) => getValuePercent(values[index]),\n    getValuePercent,\n    getThumbValueLabel: (index: number) => getFormattedValue(values[index]),\n    getFormattedValue,\n    getThumbMinValue,\n    getThumbMaxValue,\n    getPercentValue,\n    isThumbEditable,\n    setThumbEditable,\n    incrementThumb,\n    decrementThumb,\n    step,\n    pageSize,\n    orientation,\n    isDisabled\n  };\n}\n\nfunction replaceIndex<T>(array: T[], index: number, value: T) {\n  if (array[index] === value) {\n    return array;\n  }\n\n  return [...array.slice(0, index), value, ...array.slice(index + 1)];\n}\n\nfunction convertValue(value?: number | number[]) {\n  if (value == null) {\n    return undefined;\n  }\n\n  return Array.isArray(value) ? value : [value];\n}\n\nfunction createOnChange(value, defaultValue, onChange) {\n  return (newValue: number[]) => {\n    if (typeof value === 'number' || typeof defaultValue === 'number') {\n      onChange?.(newValue[0]);\n    } else {\n      onChange?.(newValue);\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useSliderState.cjs.map"}

package/dist/private/slider/useSliderState.js

@@ -103,8 +103,28 @@ function $194316de6a67a627$export$e5fda3247f5d67f9(props) {
         // Call onChangeEnd if no handles are dragging.
         if (onChangeEnd && wasDragging && !isDraggingsRef.current.some(Boolean)) onChangeEnd(valuesRef.current);
     }
-    function getFormattedValue(value) {
-        return formatter.format(value);
+    let listFormatRef = (0, $7Bs6O$useRef)(null);
+    function getFormattedValue(valueParam = values) {
+        if (typeof valueParam === 'number') valueParam = [
+            valueParam
+        ];
+        switch(valueParam.length){
+            case 0:
+                return '';
+            case 1:
+                return formatter.format(valueParam[0]);
+            case 2:
+                return formatter.formatRange(valueParam[0], valueParam[1]);
+            default:
+                {
+                    let formatted = valueParam.map((value)=>formatter.format(value));
+                    let listFormat = listFormatRef.current;
+                    if (!listFormat || listFormat.resolvedOptions().locale !== formatter.resolvedOptions().locale) listFormat = listFormatRef.current = new Intl.ListFormat(formatter.resolvedOptions().locale, {
+                        type: 'unit'
+                    });
+                    return listFormat.format(formatted);
+                }
+        }
     }
     function setThumbPercent(index, percent) {
         updateValue(index, getPercentValue(percent));

package/dist/private/slider/useSliderState.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-stately/src/slider/useSliderState.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {clamp, snapValueToStep} from '../utils/number';\n\nimport {LabelableProps, Orientation, RangeInputBase, ValueBase} from '@react-types/shared';\nimport {useCallback, useMemo, useRef, useState} from 'react';\nimport {useControlledState} from '../utils/useControlledState';\n\nexport interface SliderProps<T = number | number[]> extends RangeInputBase<number>, ValueBase<T>, LabelableProps {\n  /**\n   * The orientation of the Slider.\n   * @default 'horizontal'\n   */\n  orientation?: Orientation,\n  /** Whether the whole Slider is disabled. */\n  isDisabled?: boolean,\n  /** Fired when the slider stops moving, due to being let go. */\n  onChangeEnd?: (value: T) => void,\n  // These are duplicated from ValueBase to define defaults for the docs.\n  /**\n   * The slider's minimum value.\n   * @default 0\n   */\n  minValue?: number,\n  /**\n   * The slider's maximum value.\n   * @default 100\n   */\n  maxValue?: number,\n  /**\n   * The slider's step value.\n   * @default 1\n   */\n  step?: number\n}\n\nexport interface SliderState {\n  /**\n   * Values managed by the slider by thumb index.\n   */\n  readonly values: number[],\n  /**\n   * The default values for each thumb.\n   */\n  readonly defaultValues: number[],\n  /**\n   * Get the value for the specified thumb.\n   * @param index\n   */\n  getThumbValue(index: number): number,\n\n  /**\n   * Sets the value for the specified thumb.\n   * The actual value set will be clamped and rounded according to min/max/step.\n   * @param index\n   * @param value\n   */\n  setThumbValue(index: number, value: number): void,\n\n  /**\n   * Sets value for the specified thumb by percent offset (between 0 and 1).\n   * @param index\n   * @param percent\n   */\n  setThumbPercent(index: number, percent: number): void,\n\n  /**\n   * Whether the specific thumb is being dragged.\n   * @param index\n   */\n  isThumbDragging(index: number): boolean,\n  /**\n   * Set is dragging on the specified thumb.\n   * @param index\n   * @param dragging\n   */\n  setThumbDragging(index: number, dragging: boolean): void,\n\n  /**\n   * Currently-focused thumb index.\n   */\n  readonly focusedThumb: number | undefined,\n  /**\n   * Set focused true on specified thumb. This will remove focus from\n   * any thumb that had it before.\n   * @param index\n   */\n  setFocusedThumb(index: number | undefined): void,\n\n  /**\n   * Returns the specified thumb's value as a percentage from 0 to 1.\n   * @param index\n   */\n  getThumbPercent(index: number): number,\n\n  /**\n   * Returns the value as a percent between the min and max of the slider.\n   * @param index\n   */\n  getValuePercent(value: number): number,\n\n  /**\n   * Returns the string label for the specified thumb's value, per props.formatOptions.\n   * @param index\n   */\n  getThumbValueLabel(index: number): string,\n\n  /**\n   * Returns the string label for the value, per props.formatOptions.\n   * @param index\n   */\n  getFormattedValue(value: number): string,\n\n  /**\n   * Returns the min allowed value for the specified thumb.\n   * @param index\n   */\n  getThumbMinValue(index: number): number,\n\n  /**\n   * Returns the max allowed value for the specified thumb.\n   * @param index\n   */\n  getThumbMaxValue(index: number): number,\n\n  /**\n   * Converts a percent along track (between 0 and 1) to the corresponding value.\n   * @param percent\n   */\n  getPercentValue(percent: number): number,\n\n  /**\n   * Returns if the specified thumb is editable.\n   * @param index\n   */\n  isThumbEditable(index: number): boolean,\n\n  /**\n   * Set the specified thumb's editable state.\n   * @param index\n   * @param editable\n   */\n  setThumbEditable(index: number, editable: boolean): void,\n\n  /**\n   * Increments the value of the thumb by the step or page amount.\n   */\n  incrementThumb(index: number, stepSize?: number): void,\n  /**\n   * Decrements the value of the thumb by the step or page amount.\n   */\n  decrementThumb(index: number, stepSize?: number): void,\n\n  /**\n   * The step amount for the slider.\n   */\n  readonly step: number,\n\n  /**\n   * The page size for the slider, used to do a bigger step.\n   */\n  readonly pageSize: number,\n\n  /** The orientation of the slider. */\n  readonly orientation: Orientation,\n\n  /** Whether the slider is disabled. */\n  readonly isDisabled: boolean\n}\n\nconst DEFAULT_MIN_VALUE = 0;\nconst DEFAULT_MAX_VALUE = 100;\nconst DEFAULT_STEP_VALUE = 1;\n\nexport interface SliderStateOptions<T> extends SliderProps<T> {\n  numberFormatter: Intl.NumberFormat\n}\n\n/**\n * Provides state management for a slider component. Stores values for all thumbs,\n * formats values for localization, and provides methods to update the position\n * of any thumbs.\n * @param props\n */\nexport function useSliderState<T extends number | number[]>(props: SliderStateOptions<T>): SliderState {\n  const {\n    isDisabled = false,\n    minValue = DEFAULT_MIN_VALUE,\n    maxValue = DEFAULT_MAX_VALUE,\n    numberFormatter: formatter,\n    step = DEFAULT_STEP_VALUE,\n    orientation = 'horizontal'\n  } = props;\n\n  // Page step should be at least equal to step and always a multiple of the step.\n  let pageSize = useMemo(() => {\n    let calcPageSize = (maxValue - minValue) / 10;\n    calcPageSize = snapValueToStep(calcPageSize, 0, calcPageSize + step, step);\n    return Math.max(calcPageSize, step);\n  }, [step, maxValue, minValue]);\n\n  let restrictValues = useCallback((values: number[] | undefined) => values?.map((val, idx) => {\n    let min = idx === 0 ? minValue : values[idx - 1];\n    let max = idx === values.length - 1 ? maxValue : values[idx + 1];\n    return snapValueToStep(val, min, max, step);\n  }), [minValue, maxValue, step]);\n\n  let value = useMemo(() => restrictValues(convertValue(props.value)), [props.value, restrictValues]);\n  let defaultValue = useMemo(() => restrictValues(convertValue(props.defaultValue) ?? [minValue])!, [props.defaultValue, minValue, restrictValues]);\n  let onChange = createOnChange(props.value, props.defaultValue, props.onChange);\n  let onChangeEnd = createOnChange(props.value, props.defaultValue, props.onChangeEnd);\n\n  const [values, setValuesState] = useControlledState<number[]>(\n    value,\n    defaultValue,\n    onChange\n  );\n  let [initialValues] = useState(values);\n  const [isDraggings, setDraggingsState] = useState<boolean[]>(new Array(values.length).fill(false));\n  const isEditablesRef = useRef<boolean[]>(new Array(values.length).fill(true));\n  const [focusedIndex, setFocusedIndex] = useState<number | undefined>(undefined);\n\n  const valuesRef = useRef<number[]>(values);\n  const isDraggingsRef = useRef<boolean[]>(isDraggings);\n\n  let setValues = (values: number[]) => {\n    valuesRef.current = values;\n    setValuesState(values);\n  };\n\n  let setDraggings = (draggings: boolean[]) => {\n    isDraggingsRef.current = draggings;\n    setDraggingsState(draggings);\n  };\n\n  function getValuePercent(value: number) {\n    return (value - minValue) / (maxValue - minValue);\n  }\n\n  function getThumbMinValue(index: number) {\n    return index === 0 ? minValue : values[index - 1];\n  }\n  function getThumbMaxValue(index: number) {\n    return index === values.length - 1 ? maxValue : values[index + 1];\n  }\n\n  function isThumbEditable(index: number) {\n    return isEditablesRef.current[index];\n  }\n\n  function setThumbEditable(index: number, editable: boolean) {\n    isEditablesRef.current[index] = editable;\n  }\n\n  function updateValue(index: number, value: number) {\n    if (isDisabled || !isThumbEditable(index)) {\n      return;\n    }\n    const thisMin = getThumbMinValue(index);\n    const thisMax = getThumbMaxValue(index);\n\n    // Round value to multiple of step, clamp value between min and max\n    value = snapValueToStep(value, thisMin, thisMax, step);\n    let newValues = replaceIndex(valuesRef.current, index, value);\n    setValues(newValues);\n  }\n\n  function updateDragging(index: number, dragging: boolean) {\n    if (isDisabled || !isThumbEditable(index)) {\n      return;\n    }\n    if (dragging) {\n      valuesRef.current = values;\n    }\n\n    const wasDragging = isDraggingsRef.current[index];\n    isDraggingsRef.current = replaceIndex(isDraggingsRef.current, index, dragging);\n    setDraggings(isDraggingsRef.current);\n\n    // Call onChangeEnd if no handles are dragging.\n    if (onChangeEnd && wasDragging && !isDraggingsRef.current.some(Boolean)) {\n      onChangeEnd(valuesRef.current);\n    }\n  }\n\n  function getFormattedValue(value: number) {\n    return formatter.format(value);\n  }\n\n  function setThumbPercent(index: number, percent: number) {\n    updateValue(index, getPercentValue(percent));\n  }\n\n  function getRoundedValue(value: number) {\n    return Math.round((value - minValue) / step) * step + minValue;\n  }\n\n  function getPercentValue(percent: number) {\n    const val = percent * (maxValue - minValue) + minValue;\n    return clamp(getRoundedValue(val), minValue, maxValue);\n  }\n\n  function incrementThumb(index: number, stepSize: number = 1) {\n    let s = Math.max(stepSize, step);\n    updateValue(index, snapValueToStep(values[index] + s, minValue, maxValue, step));\n  }\n\n  function decrementThumb(index: number, stepSize: number = 1) {\n    let s = Math.max(stepSize, step);\n    updateValue(index, snapValueToStep(values[index] - s, minValue, maxValue, step));\n  }\n\n  return {\n    values: values,\n    defaultValues: props.defaultValue !== undefined ? defaultValue : initialValues,\n    getThumbValue: (index: number) => values[index],\n    setThumbValue: updateValue,\n    setThumbPercent,\n    isThumbDragging: (index: number) => isDraggings[index],\n    setThumbDragging: updateDragging,\n    focusedThumb: focusedIndex,\n    setFocusedThumb: setFocusedIndex,\n    getThumbPercent: (index: number) => getValuePercent(values[index]),\n    getValuePercent,\n    getThumbValueLabel: (index: number) => getFormattedValue(values[index]),\n    getFormattedValue,\n    getThumbMinValue,\n    getThumbMaxValue,\n    getPercentValue,\n    isThumbEditable,\n    setThumbEditable,\n    incrementThumb,\n    decrementThumb,\n    step,\n    pageSize,\n    orientation,\n    isDisabled\n  };\n}\n\nfunction replaceIndex<T>(array: T[], index: number, value: T) {\n  if (array[index] === value) {\n    return array;\n  }\n\n  return [...array.slice(0, index), value, ...array.slice(index + 1)];\n}\n\nfunction convertValue(value?: number | number[]) {\n  if (value == null) {\n    return undefined;\n  }\n\n  return Array.isArray(value) ? value : [value];\n}\n\nfunction createOnChange(value, defaultValue, onChange) {\n  return (newValue: number[]) => {\n    if (typeof value === 'number' || typeof defaultValue === 'number') {\n      onChange?.(newValue[0]);\n    } else {\n      onChange?.(newValue);\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useSliderState.js.map"}
+{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AA8LD,MAAM,0CAAoB;AAC1B,MAAM,0CAAoB;AAC1B,MAAM,2CAAqB;AAapB,SAAS,0CACd,KAA4B;IAE5B,MAAM,cACJ,aAAa,iBACb,WAAW,mDACX,WAAW,yCACX,iBAAiB,SAAS,QAC1B,OAAO,uDACP,cAAc,cACf,GAAG;IAEJ,gFAAgF;IAChF,IAAI,WAAW,CAAA,GAAA,cAAM,EAAE;QACrB,IAAI,eAAe,AAAC,CAAA,WAAW,QAAO,IAAK;QAC3C,eAAe,CAAA,GAAA,yCAAc,EAAE,cAAc,GAAG,eAAe,MAAM;QACrE,OAAO,KAAK,GAAG,CAAC,cAAc;IAChC,GAAG;QAAC;QAAM;QAAU;KAAS;IAE7B,IAAI,iBAAiB,CAAA,GAAA,kBAAU,EAC7B,CAAC,SACC,mBAAA,6BAAA,OAAQ,GAAG,CAAC,CAAC,KAAK;YAChB,IAAI,MAAM,QAAQ,IAAI,WAAW,MAAM,CAAC,MAAM,EAAE;YAChD,IAAI,MAAM,QAAQ,OAAO,MAAM,GAAG,IAAI,WAAW,MAAM,CAAC,MAAM,EAAE;YAChE,OAAO,CAAA,GAAA,yCAAc,EAAE,KAAK,KAAK,KAAK;QACxC,IACF;QAAC;QAAU;QAAU;KAAK;IAG5B,IAAI,QAAQ,CAAA,GAAA,cAAM,EAChB,IAAM,eAAe,mCAAa,MAAM,KAAK,IAC7C;QAAC,MAAM,KAAK;QAAE;KAAe;IAE/B,IAAI,eAAe,CAAA,GAAA,cAAM,EACvB;YAAqB;eAAf,eAAe,CAAA,gBAAA,mCAAa,MAAM,YAAY,eAA/B,2BAAA,gBAAoC;YAAC;SAAS;OACnE;QAAC,MAAM,YAAY;QAAE;QAAU;KAAe;IAEhD,IAAI,WAAW,qCAAe,MAAM,KAAK,EAAE,MAAM,YAAY,EAAE,MAAM,QAAQ;IAC7E,IAAI,cAAc,qCAAe,MAAM,KAAK,EAAE,MAAM,YAAY,EAAE,MAAM,WAAW;IAEnF,MAAM,CAAC,QAAQ,eAAe,GAAG,CAAA,GAAA,yCAAiB,EAAY,OAAO,cAAc;IACnF,IAAI,CAAC,cAAc,GAAG,CAAA,GAAA,eAAO,EAAE;IAC/B,MAAM,CAAC,aAAa,kBAAkB,GAAG,CAAA,GAAA,eAAO,EAC9C,IAAI,MAAM,OAAO,MAAM,EAAE,IAAI,CAAC;IAEhC,MAAM,iBAAiB,CAAA,GAAA,aAAK,EAAa,IAAI,MAAM,OAAO,MAAM,EAAE,IAAI,CAAC;IACvE,MAAM,CAAC,cAAc,gBAAgB,GAAG,CAAA,GAAA,eAAO,EAAsB;IAErE,MAAM,YAAY,CAAA,GAAA,aAAK,EAAY;IACnC,MAAM,iBAAiB,CAAA,GAAA,aAAK,EAAa;IAEzC,IAAI,YAAY,CAAC;QACf,UAAU,OAAO,GAAG;QACpB,eAAe;IACjB;IAEA,IAAI,eAAe,CAAC;QAClB,eAAe,OAAO,GAAG;QACzB,kBAAkB;IACpB;IAEA,SAAS,gBAAgB,KAAa;QACpC,OAAO,AAAC,CAAA,QAAQ,QAAO,IAAM,CAAA,WAAW,QAAO;IACjD;IAEA,SAAS,iBAAiB,KAAa;QACrC,OAAO,UAAU,IAAI,WAAW,MAAM,CAAC,QAAQ,EAAE;IACnD;IACA,SAAS,iBAAiB,KAAa;QACrC,OAAO,UAAU,OAAO,MAAM,GAAG,IAAI,WAAW,MAAM,CAAC,QAAQ,EAAE;IACnE;IAEA,SAAS,gBAAgB,KAAa;QACpC,OAAO,eAAe,OAAO,CAAC,MAAM;IACtC;IAEA,SAAS,iBAAiB,KAAa,EAAE,QAAiB;QACxD,eAAe,OAAO,CAAC,MAAM,GAAG;IAClC;IAEA,SAAS,YAAY,KAAa,EAAE,KAAa;QAC/C,IAAI,cAAc,CAAC,gBAAgB,QACjC;QAEF,MAAM,UAAU,iBAAiB;QACjC,MAAM,UAAU,iBAAiB;QAEjC,mEAAmE;QACnE,QAAQ,CAAA,GAAA,yCAAc,EAAE,OAAO,SAAS,SAAS;QACjD,IAAI,YAAY,mCAAa,UAAU,OAAO,EAAE,OAAO;QACvD,UAAU;IACZ;IAEA,SAAS,eAAe,KAAa,EAAE,QAAiB;QACtD,IAAI,cAAc,CAAC,gBAAgB,QACjC;QAEF,IAAI,UACF,UAAU,OAAO,GAAG;QAGtB,MAAM,cAAc,eAAe,OAAO,CAAC,MAAM;QACjD,eAAe,OAAO,GAAG,mCAAa,eAAe,OAAO,EAAE,OAAO;QACrE,aAAa,eAAe,OAAO;QAEnC,+CAA+C;QAC/C,IAAI,eAAe,eAAe,CAAC,eAAe,OAAO,CAAC,IAAI,CAAC,UAC7D,YAAY,UAAU,OAAO;IAEjC;IAEA,IAAI,gBAAgB,CAAA,GAAA,aAAK,EAA0B;IAEnD,SAAS,kBAAkB,aAAgC,MAAM;QAC/D,IAAI,OAAO,eAAe,UACxB,aAAa;YAAC;SAAW;QAG3B,OAAQ,WAAW,MAAM;YACvB,KAAK;gBACH,OAAO;YACT,KAAK;gBACH,OAAO,UAAU,MAAM,CAAC,UAAU,CAAC,EAAE;YACvC,KAAK;gBACH,OAAO,UAAU,WAAW,CAAC,UAAU,CAAC,EAAE,EAAE,UAAU,CAAC,EAAE;YAC3D;gBAAS;oBACP,IAAI,YAAY,WAAW,GAAG,CAAC,CAAA,QAAS,UAAU,MAAM,CAAC;oBACzD,IAAI,aAAa,cAAc,OAAO;oBACtC,IACE,CAAC,cACD,WAAW,eAAe,GAAG,MAAM,KAAK,UAAU,eAAe,GAAG,MAAM,EAE1E,aAAa,cAAc,OAAO,GAAG,IAAI,KAAK,UAAU,CACtD,UAAU,eAAe,GAAG,MAAM,EAClC;wBAAC,MAAM;oBAAM;oBAGjB,OAAO,WAAW,MAAM,CAAC;gBAC3B;QACF;IACF;IAEA,SAAS,gBAAgB,KAAa,EAAE,OAAe;QACrD,YAAY,OAAO,gBAAgB;IACrC;IAEA,SAAS,gBAAgB,KAAa;QACpC,OAAO,KAAK,KAAK,CAAC,AAAC,CAAA,QAAQ,QAAO,IAAK,QAAQ,OAAO;IACxD;IAEA,SAAS,gBAAgB,OAAe;QACtC,MAAM,MAAM,UAAW,CAAA,WAAW,QAAO,IAAK;QAC9C,OAAO,CAAA,GAAA,yCAAI,EAAE,gBAAgB,MAAM,UAAU;IAC/C;IAEA,SAAS,eAAe,KAAa,EAAE,WAAmB,CAAC;QACzD,IAAI,IAAI,KAAK,GAAG,CAAC,UAAU;QAC3B,YAAY,OAAO,CAAA,GAAA,yCAAc,EAAE,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,UAAU;IAC5E;IAEA,SAAS,eAAe,KAAa,EAAE,WAAmB,CAAC;QACzD,IAAI,IAAI,KAAK,GAAG,CAAC,UAAU;QAC3B,YAAY,OAAO,CAAA,GAAA,yCAAc,EAAE,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,UAAU;IAC5E;IAEA,OAAO;QACL,QAAQ;QACR,eAAe,MAAM,YAAY,KAAK,YAAY,eAAe;QACjE,eAAe,CAAC,QAAkB,MAAM,CAAC,MAAM;QAC/C,eAAe;yBACf;QACA,iBAAiB,CAAC,QAAkB,WAAW,CAAC,MAAM;QACtD,kBAAkB;QAClB,cAAc;QACd,iBAAiB;QACjB,iBAAiB,CAAC,QAAkB,gBAAgB,MAAM,CAAC,MAAM;yBACjE;QACA,oBAAoB,CAAC,QAAkB,kBAAkB,MAAM,CAAC,MAAM;2BACtE;0BACA;0BACA;yBACA;yBACA;0BACA;wBACA;wBACA;cACA;kBACA;qBACA;oBACA;IACF;AACF;AAEA,SAAS,mCAAgB,KAAU,EAAE,KAAa,EAAE,KAAQ;IAC1D,IAAI,KAAK,CAAC,MAAM,KAAK,OACnB,OAAO;IAGT,OAAO;WAAI,MAAM,KAAK,CAAC,GAAG;QAAQ;WAAU,MAAM,KAAK,CAAC,QAAQ;KAAG;AACrE;AAEA,SAAS,mCAAa,KAAyB;IAC7C,IAAI,SAAS,MACX,OAAO;IAGT,OAAO,MAAM,OAAO,CAAC,SAAS,QAAQ;QAAC;KAAM;AAC/C;AAEA,SAAS,qCAAe,KAAK,EAAE,YAAY,EAAE,QAAQ;IACnD,OAAO,CAAC;QACN,IAAI,OAAO,UAAU,YAAY,OAAO,iBAAiB,UACvD,qBAAA,+BAAA,SAAW,QAAQ,CAAC,EAAE;aAEtB,qBAAA,+BAAA,SAAW;IAEf;AACF","sources":["packages/react-stately/src/slider/useSliderState.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {clamp, snapValueToStep} from '../utils/number';\n\nimport {LabelableProps, Orientation, RangeInputBase, ValueBase} from '@react-types/shared';\nimport {useCallback, useMemo, useRef, useState} from 'react';\nimport {useControlledState} from '../utils/useControlledState';\n\nexport interface SliderProps<T = number | number[]>\n  extends RangeInputBase<number>, ValueBase<T>, LabelableProps {\n  /**\n   * The orientation of the Slider.\n   *\n   * @default 'horizontal'\n   */\n  orientation?: Orientation;\n  /** Whether the whole Slider is disabled. */\n  isDisabled?: boolean;\n  /** Fired when the slider stops moving, due to being let go. */\n  onChangeEnd?: (value: T) => void;\n  // These are duplicated from ValueBase to define defaults for the docs.\n  /**\n   * The slider's minimum value.\n   *\n   * @default 0\n   */\n  minValue?: number;\n  /**\n   * The slider's maximum value.\n   *\n   * @default 100\n   */\n  maxValue?: number;\n  /**\n   * The slider's step value.\n   *\n   * @default 1\n   */\n  step?: number;\n}\n\nexport interface SliderState {\n  /**\n   * Values managed by the slider by thumb index.\n   */\n  readonly values: number[];\n  /**\n   * The default values for each thumb.\n   */\n  readonly defaultValues: number[];\n  /**\n   * Get the value for the specified thumb.\n   *\n   * @param index\n   */\n  getThumbValue(index: number): number;\n\n  /**\n   * Sets the value for the specified thumb.\n   * The actual value set will be clamped and rounded according to min/max/step.\n   *\n   * @param index\n   * @param value\n   */\n  setThumbValue(index: number, value: number): void;\n\n  /**\n   * Sets value for the specified thumb by percent offset (between 0 and 1).\n   *\n   * @param index\n   * @param percent\n   */\n  setThumbPercent(index: number, percent: number): void;\n\n  /**\n   * Whether the specific thumb is being dragged.\n   *\n   * @param index\n   */\n  isThumbDragging(index: number): boolean;\n  /**\n   * Set is dragging on the specified thumb.\n   *\n   * @param index\n   * @param dragging\n   */\n  setThumbDragging(index: number, dragging: boolean): void;\n\n  /**\n   * Currently-focused thumb index.\n   */\n  readonly focusedThumb: number | undefined;\n  /**\n   * Set focused true on specified thumb. This will remove focus from\n   * any thumb that had it before.\n   *\n   * @param index\n   */\n  setFocusedThumb(index: number | undefined): void;\n\n  /**\n   * Returns the specified thumb's value as a percentage from 0 to 1.\n   *\n   * @param index\n   */\n  getThumbPercent(index: number): number;\n\n  /**\n   * Returns the value as a percent between the min and max of the slider.\n   *\n   * @param index\n   */\n  getValuePercent(value: number): number;\n\n  /**\n   * Returns the string label for the specified thumb's value, per props.formatOptions.\n   *\n   * @param index\n   */\n  getThumbValueLabel(index: number): string;\n\n  /**\n   * Returns the string label for the value, per props.formatOptions.\n   *\n   * @param value\n   */\n  getFormattedValue(value?: number | number[]): string;\n\n  /**\n   * Returns the min allowed value for the specified thumb.\n   *\n   * @param index\n   */\n  getThumbMinValue(index: number): number;\n\n  /**\n   * Returns the max allowed value for the specified thumb.\n   *\n   * @param index\n   */\n  getThumbMaxValue(index: number): number;\n\n  /**\n   * Converts a percent along track (between 0 and 1) to the corresponding value.\n   *\n   * @param percent\n   */\n  getPercentValue(percent: number): number;\n\n  /**\n   * Returns if the specified thumb is editable.\n   *\n   * @param index\n   */\n  isThumbEditable(index: number): boolean;\n\n  /**\n   * Set the specified thumb's editable state.\n   *\n   * @param index\n   * @param editable\n   */\n  setThumbEditable(index: number, editable: boolean): void;\n\n  /**\n   * Increments the value of the thumb by the step or page amount.\n   */\n  incrementThumb(index: number, stepSize?: number): void;\n  /**\n   * Decrements the value of the thumb by the step or page amount.\n   */\n  decrementThumb(index: number, stepSize?: number): void;\n\n  /**\n   * The step amount for the slider.\n   */\n  readonly step: number;\n\n  /**\n   * The page size for the slider, used to do a bigger step.\n   */\n  readonly pageSize: number;\n\n  /** The orientation of the slider. */\n  readonly orientation: Orientation;\n\n  /** Whether the slider is disabled. */\n  readonly isDisabled: boolean;\n}\n\nconst DEFAULT_MIN_VALUE = 0;\nconst DEFAULT_MAX_VALUE = 100;\nconst DEFAULT_STEP_VALUE = 1;\n\nexport interface SliderStateOptions<T> extends SliderProps<T> {\n  numberFormatter: Intl.NumberFormat;\n}\n\n/**\n * Provides state management for a slider component. Stores values for all thumbs,\n * formats values for localization, and provides methods to update the position\n * of any thumbs.\n *\n * @param props\n */\nexport function useSliderState<T extends number | number[]>(\n  props: SliderStateOptions<T>\n): SliderState {\n  const {\n    isDisabled = false,\n    minValue = DEFAULT_MIN_VALUE,\n    maxValue = DEFAULT_MAX_VALUE,\n    numberFormatter: formatter,\n    step = DEFAULT_STEP_VALUE,\n    orientation = 'horizontal'\n  } = props;\n\n  // Page step should be at least equal to step and always a multiple of the step.\n  let pageSize = useMemo(() => {\n    let calcPageSize = (maxValue - minValue) / 10;\n    calcPageSize = snapValueToStep(calcPageSize, 0, calcPageSize + step, step);\n    return Math.max(calcPageSize, step);\n  }, [step, maxValue, minValue]);\n\n  let restrictValues = useCallback(\n    (values: number[] | undefined) =>\n      values?.map((val, idx) => {\n        let min = idx === 0 ? minValue : values[idx - 1];\n        let max = idx === values.length - 1 ? maxValue : values[idx + 1];\n        return snapValueToStep(val, min, max, step);\n      }),\n    [minValue, maxValue, step]\n  );\n\n  let value = useMemo(\n    () => restrictValues(convertValue(props.value)),\n    [props.value, restrictValues]\n  );\n  let defaultValue = useMemo(\n    () => restrictValues(convertValue(props.defaultValue) ?? [minValue])!,\n    [props.defaultValue, minValue, restrictValues]\n  );\n  let onChange = createOnChange(props.value, props.defaultValue, props.onChange);\n  let onChangeEnd = createOnChange(props.value, props.defaultValue, props.onChangeEnd);\n\n  const [values, setValuesState] = useControlledState<number[]>(value, defaultValue, onChange);\n  let [initialValues] = useState(values);\n  const [isDraggings, setDraggingsState] = useState<boolean[]>(\n    new Array(values.length).fill(false)\n  );\n  const isEditablesRef = useRef<boolean[]>(new Array(values.length).fill(true));\n  const [focusedIndex, setFocusedIndex] = useState<number | undefined>(undefined);\n\n  const valuesRef = useRef<number[]>(values);\n  const isDraggingsRef = useRef<boolean[]>(isDraggings);\n\n  let setValues = (values: number[]) => {\n    valuesRef.current = values;\n    setValuesState(values);\n  };\n\n  let setDraggings = (draggings: boolean[]) => {\n    isDraggingsRef.current = draggings;\n    setDraggingsState(draggings);\n  };\n\n  function getValuePercent(value: number) {\n    return (value - minValue) / (maxValue - minValue);\n  }\n\n  function getThumbMinValue(index: number) {\n    return index === 0 ? minValue : values[index - 1];\n  }\n  function getThumbMaxValue(index: number) {\n    return index === values.length - 1 ? maxValue : values[index + 1];\n  }\n\n  function isThumbEditable(index: number) {\n    return isEditablesRef.current[index];\n  }\n\n  function setThumbEditable(index: number, editable: boolean) {\n    isEditablesRef.current[index] = editable;\n  }\n\n  function updateValue(index: number, value: number) {\n    if (isDisabled || !isThumbEditable(index)) {\n      return;\n    }\n    const thisMin = getThumbMinValue(index);\n    const thisMax = getThumbMaxValue(index);\n\n    // Round value to multiple of step, clamp value between min and max\n    value = snapValueToStep(value, thisMin, thisMax, step);\n    let newValues = replaceIndex(valuesRef.current, index, value);\n    setValues(newValues);\n  }\n\n  function updateDragging(index: number, dragging: boolean) {\n    if (isDisabled || !isThumbEditable(index)) {\n      return;\n    }\n    if (dragging) {\n      valuesRef.current = values;\n    }\n\n    const wasDragging = isDraggingsRef.current[index];\n    isDraggingsRef.current = replaceIndex(isDraggingsRef.current, index, dragging);\n    setDraggings(isDraggingsRef.current);\n\n    // Call onChangeEnd if no handles are dragging.\n    if (onChangeEnd && wasDragging && !isDraggingsRef.current.some(Boolean)) {\n      onChangeEnd(valuesRef.current);\n    }\n  }\n\n  let listFormatRef = useRef<Intl.ListFormat | null>(null);\n\n  function getFormattedValue(valueParam: number | number[] = values) {\n    if (typeof valueParam === 'number') {\n      valueParam = [valueParam];\n    }\n\n    switch (valueParam.length) {\n      case 0:\n        return '';\n      case 1:\n        return formatter.format(valueParam[0]);\n      case 2:\n        return formatter.formatRange(valueParam[0], valueParam[1]);\n      default: {\n        let formatted = valueParam.map(value => formatter.format(value));\n        let listFormat = listFormatRef.current;\n        if (\n          !listFormat ||\n          listFormat.resolvedOptions().locale !== formatter.resolvedOptions().locale\n        ) {\n          listFormat = listFormatRef.current = new Intl.ListFormat(\n            formatter.resolvedOptions().locale,\n            {type: 'unit'}\n          );\n        }\n        return listFormat.format(formatted);\n      }\n    }\n  }\n\n  function setThumbPercent(index: number, percent: number) {\n    updateValue(index, getPercentValue(percent));\n  }\n\n  function getRoundedValue(value: number) {\n    return Math.round((value - minValue) / step) * step + minValue;\n  }\n\n  function getPercentValue(percent: number) {\n    const val = percent * (maxValue - minValue) + minValue;\n    return clamp(getRoundedValue(val), minValue, maxValue);\n  }\n\n  function incrementThumb(index: number, stepSize: number = 1) {\n    let s = Math.max(stepSize, step);\n    updateValue(index, snapValueToStep(values[index] + s, minValue, maxValue, step));\n  }\n\n  function decrementThumb(index: number, stepSize: number = 1) {\n    let s = Math.max(stepSize, step);\n    updateValue(index, snapValueToStep(values[index] - s, minValue, maxValue, step));\n  }\n\n  return {\n    values: values,\n    defaultValues: props.defaultValue !== undefined ? defaultValue : initialValues,\n    getThumbValue: (index: number) => values[index],\n    setThumbValue: updateValue,\n    setThumbPercent,\n    isThumbDragging: (index: number) => isDraggings[index],\n    setThumbDragging: updateDragging,\n    focusedThumb: focusedIndex,\n    setFocusedThumb: setFocusedIndex,\n    getThumbPercent: (index: number) => getValuePercent(values[index]),\n    getValuePercent,\n    getThumbValueLabel: (index: number) => getFormattedValue(values[index]),\n    getFormattedValue,\n    getThumbMinValue,\n    getThumbMaxValue,\n    getPercentValue,\n    isThumbEditable,\n    setThumbEditable,\n    incrementThumb,\n    decrementThumb,\n    step,\n    pageSize,\n    orientation,\n    isDisabled\n  };\n}\n\nfunction replaceIndex<T>(array: T[], index: number, value: T) {\n  if (array[index] === value) {\n    return array;\n  }\n\n  return [...array.slice(0, index), value, ...array.slice(index + 1)];\n}\n\nfunction convertValue(value?: number | number[]) {\n  if (value == null) {\n    return undefined;\n  }\n\n  return Array.isArray(value) ? value : [value];\n}\n\nfunction createOnChange(value, defaultValue, onChange) {\n  return (newValue: number[]) => {\n    if (typeof value === 'number' || typeof defaultValue === 'number') {\n      onChange?.(newValue[0]);\n    } else {\n      onChange?.(newValue);\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useSliderState.js.map"}

package/dist/private/slider/useSliderState.mjs

@@ -100,8 +100,28 @@ function $d806310b82f07e9d$export$e5fda3247f5d67f9(props) {
         // Call onChangeEnd if no handles are dragging.
         if (onChangeEnd && wasDragging && !isDraggingsRef.current.some(Boolean)) onChangeEnd(valuesRef.current);
     }
-    function getFormattedValue(value) {
-        return formatter.format(value);
+    let listFormatRef = (0, $eJ8ml$useRef)(null);
+    function getFormattedValue(valueParam = values) {
+        if (typeof valueParam === 'number') valueParam = [
+            valueParam
+        ];
+        switch(valueParam.length){
+            case 0:
+                return '';
+            case 1:
+                return formatter.format(valueParam[0]);
+            case 2:
+                return formatter.formatRange(valueParam[0], valueParam[1]);
+            default:
+                {
+                    let formatted = valueParam.map((value)=>formatter.format(value));
+                    let listFormat = listFormatRef.current;
+                    if (!listFormat || listFormat.resolvedOptions().locale !== formatter.resolvedOptions().locale) listFormat = listFormatRef.current = new Intl.ListFormat(formatter.resolvedOptions().locale, {
+                        type: 'unit'
+                    });
+                    return listFormat.format(formatted);
+                }
+        }
     }
     function setThumbPercent(index, percent) {
         updateValue(index, getPercentValue(percent));

package/dist/private/slider/useSliderState.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-stately/src/slider/useSliderState.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {clamp, snapValueToStep} from '../utils/number';\n\nimport {LabelableProps, Orientation, RangeInputBase, ValueBase} from '@react-types/shared';\nimport {useCallback, useMemo, useRef, useState} from 'react';\nimport {useControlledState} from '../utils/useControlledState';\n\nexport interface SliderProps<T = number | number[]> extends RangeInputBase<number>, ValueBase<T>, LabelableProps {\n  /**\n   * The orientation of the Slider.\n   * @default 'horizontal'\n   */\n  orientation?: Orientation,\n  /** Whether the whole Slider is disabled. */\n  isDisabled?: boolean,\n  /** Fired when the slider stops moving, due to being let go. */\n  onChangeEnd?: (value: T) => void,\n  // These are duplicated from ValueBase to define defaults for the docs.\n  /**\n   * The slider's minimum value.\n   * @default 0\n   */\n  minValue?: number,\n  /**\n   * The slider's maximum value.\n   * @default 100\n   */\n  maxValue?: number,\n  /**\n   * The slider's step value.\n   * @default 1\n   */\n  step?: number\n}\n\nexport interface SliderState {\n  /**\n   * Values managed by the slider by thumb index.\n   */\n  readonly values: number[],\n  /**\n   * The default values for each thumb.\n   */\n  readonly defaultValues: number[],\n  /**\n   * Get the value for the specified thumb.\n   * @param index\n   */\n  getThumbValue(index: number): number,\n\n  /**\n   * Sets the value for the specified thumb.\n   * The actual value set will be clamped and rounded according to min/max/step.\n   * @param index\n   * @param value\n   */\n  setThumbValue(index: number, value: number): void,\n\n  /**\n   * Sets value for the specified thumb by percent offset (between 0 and 1).\n   * @param index\n   * @param percent\n   */\n  setThumbPercent(index: number, percent: number): void,\n\n  /**\n   * Whether the specific thumb is being dragged.\n   * @param index\n   */\n  isThumbDragging(index: number): boolean,\n  /**\n   * Set is dragging on the specified thumb.\n   * @param index\n   * @param dragging\n   */\n  setThumbDragging(index: number, dragging: boolean): void,\n\n  /**\n   * Currently-focused thumb index.\n   */\n  readonly focusedThumb: number | undefined,\n  /**\n   * Set focused true on specified thumb. This will remove focus from\n   * any thumb that had it before.\n   * @param index\n   */\n  setFocusedThumb(index: number | undefined): void,\n\n  /**\n   * Returns the specified thumb's value as a percentage from 0 to 1.\n   * @param index\n   */\n  getThumbPercent(index: number): number,\n\n  /**\n   * Returns the value as a percent between the min and max of the slider.\n   * @param index\n   */\n  getValuePercent(value: number): number,\n\n  /**\n   * Returns the string label for the specified thumb's value, per props.formatOptions.\n   * @param index\n   */\n  getThumbValueLabel(index: number): string,\n\n  /**\n   * Returns the string label for the value, per props.formatOptions.\n   * @param index\n   */\n  getFormattedValue(value: number): string,\n\n  /**\n   * Returns the min allowed value for the specified thumb.\n   * @param index\n   */\n  getThumbMinValue(index: number): number,\n\n  /**\n   * Returns the max allowed value for the specified thumb.\n   * @param index\n   */\n  getThumbMaxValue(index: number): number,\n\n  /**\n   * Converts a percent along track (between 0 and 1) to the corresponding value.\n   * @param percent\n   */\n  getPercentValue(percent: number): number,\n\n  /**\n   * Returns if the specified thumb is editable.\n   * @param index\n   */\n  isThumbEditable(index: number): boolean,\n\n  /**\n   * Set the specified thumb's editable state.\n   * @param index\n   * @param editable\n   */\n  setThumbEditable(index: number, editable: boolean): void,\n\n  /**\n   * Increments the value of the thumb by the step or page amount.\n   */\n  incrementThumb(index: number, stepSize?: number): void,\n  /**\n   * Decrements the value of the thumb by the step or page amount.\n   */\n  decrementThumb(index: number, stepSize?: number): void,\n\n  /**\n   * The step amount for the slider.\n   */\n  readonly step: number,\n\n  /**\n   * The page size for the slider, used to do a bigger step.\n   */\n  readonly pageSize: number,\n\n  /** The orientation of the slider. */\n  readonly orientation: Orientation,\n\n  /** Whether the slider is disabled. */\n  readonly isDisabled: boolean\n}\n\nconst DEFAULT_MIN_VALUE = 0;\nconst DEFAULT_MAX_VALUE = 100;\nconst DEFAULT_STEP_VALUE = 1;\n\nexport interface SliderStateOptions<T> extends SliderProps<T> {\n  numberFormatter: Intl.NumberFormat\n}\n\n/**\n * Provides state management for a slider component. Stores values for all thumbs,\n * formats values for localization, and provides methods to update the position\n * of any thumbs.\n * @param props\n */\nexport function useSliderState<T extends number | number[]>(props: SliderStateOptions<T>): SliderState {\n  const {\n    isDisabled = false,\n    minValue = DEFAULT_MIN_VALUE,\n    maxValue = DEFAULT_MAX_VALUE,\n    numberFormatter: formatter,\n    step = DEFAULT_STEP_VALUE,\n    orientation = 'horizontal'\n  } = props;\n\n  // Page step should be at least equal to step and always a multiple of the step.\n  let pageSize = useMemo(() => {\n    let calcPageSize = (maxValue - minValue) / 10;\n    calcPageSize = snapValueToStep(calcPageSize, 0, calcPageSize + step, step);\n    return Math.max(calcPageSize, step);\n  }, [step, maxValue, minValue]);\n\n  let restrictValues = useCallback((values: number[] | undefined) => values?.map((val, idx) => {\n    let min = idx === 0 ? minValue : values[idx - 1];\n    let max = idx === values.length - 1 ? maxValue : values[idx + 1];\n    return snapValueToStep(val, min, max, step);\n  }), [minValue, maxValue, step]);\n\n  let value = useMemo(() => restrictValues(convertValue(props.value)), [props.value, restrictValues]);\n  let defaultValue = useMemo(() => restrictValues(convertValue(props.defaultValue) ?? [minValue])!, [props.defaultValue, minValue, restrictValues]);\n  let onChange = createOnChange(props.value, props.defaultValue, props.onChange);\n  let onChangeEnd = createOnChange(props.value, props.defaultValue, props.onChangeEnd);\n\n  const [values, setValuesState] = useControlledState<number[]>(\n    value,\n    defaultValue,\n    onChange\n  );\n  let [initialValues] = useState(values);\n  const [isDraggings, setDraggingsState] = useState<boolean[]>(new Array(values.length).fill(false));\n  const isEditablesRef = useRef<boolean[]>(new Array(values.length).fill(true));\n  const [focusedIndex, setFocusedIndex] = useState<number | undefined>(undefined);\n\n  const valuesRef = useRef<number[]>(values);\n  const isDraggingsRef = useRef<boolean[]>(isDraggings);\n\n  let setValues = (values: number[]) => {\n    valuesRef.current = values;\n    setValuesState(values);\n  };\n\n  let setDraggings = (draggings: boolean[]) => {\n    isDraggingsRef.current = draggings;\n    setDraggingsState(draggings);\n  };\n\n  function getValuePercent(value: number) {\n    return (value - minValue) / (maxValue - minValue);\n  }\n\n  function getThumbMinValue(index: number) {\n    return index === 0 ? minValue : values[index - 1];\n  }\n  function getThumbMaxValue(index: number) {\n    return index === values.length - 1 ? maxValue : values[index + 1];\n  }\n\n  function isThumbEditable(index: number) {\n    return isEditablesRef.current[index];\n  }\n\n  function setThumbEditable(index: number, editable: boolean) {\n    isEditablesRef.current[index] = editable;\n  }\n\n  function updateValue(index: number, value: number) {\n    if (isDisabled || !isThumbEditable(index)) {\n      return;\n    }\n    const thisMin = getThumbMinValue(index);\n    const thisMax = getThumbMaxValue(index);\n\n    // Round value to multiple of step, clamp value between min and max\n    value = snapValueToStep(value, thisMin, thisMax, step);\n    let newValues = replaceIndex(valuesRef.current, index, value);\n    setValues(newValues);\n  }\n\n  function updateDragging(index: number, dragging: boolean) {\n    if (isDisabled || !isThumbEditable(index)) {\n      return;\n    }\n    if (dragging) {\n      valuesRef.current = values;\n    }\n\n    const wasDragging = isDraggingsRef.current[index];\n    isDraggingsRef.current = replaceIndex(isDraggingsRef.current, index, dragging);\n    setDraggings(isDraggingsRef.current);\n\n    // Call onChangeEnd if no handles are dragging.\n    if (onChangeEnd && wasDragging && !isDraggingsRef.current.some(Boolean)) {\n      onChangeEnd(valuesRef.current);\n    }\n  }\n\n  function getFormattedValue(value: number) {\n    return formatter.format(value);\n  }\n\n  function setThumbPercent(index: number, percent: number) {\n    updateValue(index, getPercentValue(percent));\n  }\n\n  function getRoundedValue(value: number) {\n    return Math.round((value - minValue) / step) * step + minValue;\n  }\n\n  function getPercentValue(percent: number) {\n    const val = percent * (maxValue - minValue) + minValue;\n    return clamp(getRoundedValue(val), minValue, maxValue);\n  }\n\n  function incrementThumb(index: number, stepSize: number = 1) {\n    let s = Math.max(stepSize, step);\n    updateValue(index, snapValueToStep(values[index] + s, minValue, maxValue, step));\n  }\n\n  function decrementThumb(index: number, stepSize: number = 1) {\n    let s = Math.max(stepSize, step);\n    updateValue(index, snapValueToStep(values[index] - s, minValue, maxValue, step));\n  }\n\n  return {\n    values: values,\n    defaultValues: props.defaultValue !== undefined ? defaultValue : initialValues,\n    getThumbValue: (index: number) => values[index],\n    setThumbValue: updateValue,\n    setThumbPercent,\n    isThumbDragging: (index: number) => isDraggings[index],\n    setThumbDragging: updateDragging,\n    focusedThumb: focusedIndex,\n    setFocusedThumb: setFocusedIndex,\n    getThumbPercent: (index: number) => getValuePercent(values[index]),\n    getValuePercent,\n    getThumbValueLabel: (index: number) => getFormattedValue(values[index]),\n    getFormattedValue,\n    getThumbMinValue,\n    getThumbMaxValue,\n    getPercentValue,\n    isThumbEditable,\n    setThumbEditable,\n    incrementThumb,\n    decrementThumb,\n    step,\n    pageSize,\n    orientation,\n    isDisabled\n  };\n}\n\nfunction replaceIndex<T>(array: T[], index: number, value: T) {\n  if (array[index] === value) {\n    return array;\n  }\n\n  return [...array.slice(0, index), value, ...array.slice(index + 1)];\n}\n\nfunction convertValue(value?: number | number[]) {\n  if (value == null) {\n    return undefined;\n  }\n\n  return Array.isArray(value) ? value : [value];\n}\n\nfunction createOnChange(value, defaultValue, onChange) {\n  return (newValue: number[]) => {\n    if (typeof value === 'number' || typeof defaultValue === 'number') {\n      onChange?.(newValue[0]);\n    } else {\n      onChange?.(newValue);\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useSliderState.mjs.map"}
+{"mappings":"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","sources":["packages/react-stately/src/slider/useSliderState.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {clamp, snapValueToStep} from '../utils/number';\n\nimport {LabelableProps, Orientation, RangeInputBase, ValueBase} from '@react-types/shared';\nimport {useCallback, useMemo, useRef, useState} from 'react';\nimport {useControlledState} from '../utils/useControlledState';\n\nexport interface SliderProps<T = number | number[]>\n  extends RangeInputBase<number>, ValueBase<T>, LabelableProps {\n  /**\n   * The orientation of the Slider.\n   *\n   * @default 'horizontal'\n   */\n  orientation?: Orientation;\n  /** Whether the whole Slider is disabled. */\n  isDisabled?: boolean;\n  /** Fired when the slider stops moving, due to being let go. */\n  onChangeEnd?: (value: T) => void;\n  // These are duplicated from ValueBase to define defaults for the docs.\n  /**\n   * The slider's minimum value.\n   *\n   * @default 0\n   */\n  minValue?: number;\n  /**\n   * The slider's maximum value.\n   *\n   * @default 100\n   */\n  maxValue?: number;\n  /**\n   * The slider's step value.\n   *\n   * @default 1\n   */\n  step?: number;\n}\n\nexport interface SliderState {\n  /**\n   * Values managed by the slider by thumb index.\n   */\n  readonly values: number[];\n  /**\n   * The default values for each thumb.\n   */\n  readonly defaultValues: number[];\n  /**\n   * Get the value for the specified thumb.\n   *\n   * @param index\n   */\n  getThumbValue(index: number): number;\n\n  /**\n   * Sets the value for the specified thumb.\n   * The actual value set will be clamped and rounded according to min/max/step.\n   *\n   * @param index\n   * @param value\n   */\n  setThumbValue(index: number, value: number): void;\n\n  /**\n   * Sets value for the specified thumb by percent offset (between 0 and 1).\n   *\n   * @param index\n   * @param percent\n   */\n  setThumbPercent(index: number, percent: number): void;\n\n  /**\n   * Whether the specific thumb is being dragged.\n   *\n   * @param index\n   */\n  isThumbDragging(index: number): boolean;\n  /**\n   * Set is dragging on the specified thumb.\n   *\n   * @param index\n   * @param dragging\n   */\n  setThumbDragging(index: number, dragging: boolean): void;\n\n  /**\n   * Currently-focused thumb index.\n   */\n  readonly focusedThumb: number | undefined;\n  /**\n   * Set focused true on specified thumb. This will remove focus from\n   * any thumb that had it before.\n   *\n   * @param index\n   */\n  setFocusedThumb(index: number | undefined): void;\n\n  /**\n   * Returns the specified thumb's value as a percentage from 0 to 1.\n   *\n   * @param index\n   */\n  getThumbPercent(index: number): number;\n\n  /**\n   * Returns the value as a percent between the min and max of the slider.\n   *\n   * @param index\n   */\n  getValuePercent(value: number): number;\n\n  /**\n   * Returns the string label for the specified thumb's value, per props.formatOptions.\n   *\n   * @param index\n   */\n  getThumbValueLabel(index: number): string;\n\n  /**\n   * Returns the string label for the value, per props.formatOptions.\n   *\n   * @param value\n   */\n  getFormattedValue(value?: number | number[]): string;\n\n  /**\n   * Returns the min allowed value for the specified thumb.\n   *\n   * @param index\n   */\n  getThumbMinValue(index: number): number;\n\n  /**\n   * Returns the max allowed value for the specified thumb.\n   *\n   * @param index\n   */\n  getThumbMaxValue(index: number): number;\n\n  /**\n   * Converts a percent along track (between 0 and 1) to the corresponding value.\n   *\n   * @param percent\n   */\n  getPercentValue(percent: number): number;\n\n  /**\n   * Returns if the specified thumb is editable.\n   *\n   * @param index\n   */\n  isThumbEditable(index: number): boolean;\n\n  /**\n   * Set the specified thumb's editable state.\n   *\n   * @param index\n   * @param editable\n   */\n  setThumbEditable(index: number, editable: boolean): void;\n\n  /**\n   * Increments the value of the thumb by the step or page amount.\n   */\n  incrementThumb(index: number, stepSize?: number): void;\n  /**\n   * Decrements the value of the thumb by the step or page amount.\n   */\n  decrementThumb(index: number, stepSize?: number): void;\n\n  /**\n   * The step amount for the slider.\n   */\n  readonly step: number;\n\n  /**\n   * The page size for the slider, used to do a bigger step.\n   */\n  readonly pageSize: number;\n\n  /** The orientation of the slider. */\n  readonly orientation: Orientation;\n\n  /** Whether the slider is disabled. */\n  readonly isDisabled: boolean;\n}\n\nconst DEFAULT_MIN_VALUE = 0;\nconst DEFAULT_MAX_VALUE = 100;\nconst DEFAULT_STEP_VALUE = 1;\n\nexport interface SliderStateOptions<T> extends SliderProps<T> {\n  numberFormatter: Intl.NumberFormat;\n}\n\n/**\n * Provides state management for a slider component. Stores values for all thumbs,\n * formats values for localization, and provides methods to update the position\n * of any thumbs.\n *\n * @param props\n */\nexport function useSliderState<T extends number | number[]>(\n  props: SliderStateOptions<T>\n): SliderState {\n  const {\n    isDisabled = false,\n    minValue = DEFAULT_MIN_VALUE,\n    maxValue = DEFAULT_MAX_VALUE,\n    numberFormatter: formatter,\n    step = DEFAULT_STEP_VALUE,\n    orientation = 'horizontal'\n  } = props;\n\n  // Page step should be at least equal to step and always a multiple of the step.\n  let pageSize = useMemo(() => {\n    let calcPageSize = (maxValue - minValue) / 10;\n    calcPageSize = snapValueToStep(calcPageSize, 0, calcPageSize + step, step);\n    return Math.max(calcPageSize, step);\n  }, [step, maxValue, minValue]);\n\n  let restrictValues = useCallback(\n    (values: number[] | undefined) =>\n      values?.map((val, idx) => {\n        let min = idx === 0 ? minValue : values[idx - 1];\n        let max = idx === values.length - 1 ? maxValue : values[idx + 1];\n        return snapValueToStep(val, min, max, step);\n      }),\n    [minValue, maxValue, step]\n  );\n\n  let value = useMemo(\n    () => restrictValues(convertValue(props.value)),\n    [props.value, restrictValues]\n  );\n  let defaultValue = useMemo(\n    () => restrictValues(convertValue(props.defaultValue) ?? [minValue])!,\n    [props.defaultValue, minValue, restrictValues]\n  );\n  let onChange = createOnChange(props.value, props.defaultValue, props.onChange);\n  let onChangeEnd = createOnChange(props.value, props.defaultValue, props.onChangeEnd);\n\n  const [values, setValuesState] = useControlledState<number[]>(value, defaultValue, onChange);\n  let [initialValues] = useState(values);\n  const [isDraggings, setDraggingsState] = useState<boolean[]>(\n    new Array(values.length).fill(false)\n  );\n  const isEditablesRef = useRef<boolean[]>(new Array(values.length).fill(true));\n  const [focusedIndex, setFocusedIndex] = useState<number | undefined>(undefined);\n\n  const valuesRef = useRef<number[]>(values);\n  const isDraggingsRef = useRef<boolean[]>(isDraggings);\n\n  let setValues = (values: number[]) => {\n    valuesRef.current = values;\n    setValuesState(values);\n  };\n\n  let setDraggings = (draggings: boolean[]) => {\n    isDraggingsRef.current = draggings;\n    setDraggingsState(draggings);\n  };\n\n  function getValuePercent(value: number) {\n    return (value - minValue) / (maxValue - minValue);\n  }\n\n  function getThumbMinValue(index: number) {\n    return index === 0 ? minValue : values[index - 1];\n  }\n  function getThumbMaxValue(index: number) {\n    return index === values.length - 1 ? maxValue : values[index + 1];\n  }\n\n  function isThumbEditable(index: number) {\n    return isEditablesRef.current[index];\n  }\n\n  function setThumbEditable(index: number, editable: boolean) {\n    isEditablesRef.current[index] = editable;\n  }\n\n  function updateValue(index: number, value: number) {\n    if (isDisabled || !isThumbEditable(index)) {\n      return;\n    }\n    const thisMin = getThumbMinValue(index);\n    const thisMax = getThumbMaxValue(index);\n\n    // Round value to multiple of step, clamp value between min and max\n    value = snapValueToStep(value, thisMin, thisMax, step);\n    let newValues = replaceIndex(valuesRef.current, index, value);\n    setValues(newValues);\n  }\n\n  function updateDragging(index: number, dragging: boolean) {\n    if (isDisabled || !isThumbEditable(index)) {\n      return;\n    }\n    if (dragging) {\n      valuesRef.current = values;\n    }\n\n    const wasDragging = isDraggingsRef.current[index];\n    isDraggingsRef.current = replaceIndex(isDraggingsRef.current, index, dragging);\n    setDraggings(isDraggingsRef.current);\n\n    // Call onChangeEnd if no handles are dragging.\n    if (onChangeEnd && wasDragging && !isDraggingsRef.current.some(Boolean)) {\n      onChangeEnd(valuesRef.current);\n    }\n  }\n\n  let listFormatRef = useRef<Intl.ListFormat | null>(null);\n\n  function getFormattedValue(valueParam: number | number[] = values) {\n    if (typeof valueParam === 'number') {\n      valueParam = [valueParam];\n    }\n\n    switch (valueParam.length) {\n      case 0:\n        return '';\n      case 1:\n        return formatter.format(valueParam[0]);\n      case 2:\n        return formatter.formatRange(valueParam[0], valueParam[1]);\n      default: {\n        let formatted = valueParam.map(value => formatter.format(value));\n        let listFormat = listFormatRef.current;\n        if (\n          !listFormat ||\n          listFormat.resolvedOptions().locale !== formatter.resolvedOptions().locale\n        ) {\n          listFormat = listFormatRef.current = new Intl.ListFormat(\n            formatter.resolvedOptions().locale,\n            {type: 'unit'}\n          );\n        }\n        return listFormat.format(formatted);\n      }\n    }\n  }\n\n  function setThumbPercent(index: number, percent: number) {\n    updateValue(index, getPercentValue(percent));\n  }\n\n  function getRoundedValue(value: number) {\n    return Math.round((value - minValue) / step) * step + minValue;\n  }\n\n  function getPercentValue(percent: number) {\n    const val = percent * (maxValue - minValue) + minValue;\n    return clamp(getRoundedValue(val), minValue, maxValue);\n  }\n\n  function incrementThumb(index: number, stepSize: number = 1) {\n    let s = Math.max(stepSize, step);\n    updateValue(index, snapValueToStep(values[index] + s, minValue, maxValue, step));\n  }\n\n  function decrementThumb(index: number, stepSize: number = 1) {\n    let s = Math.max(stepSize, step);\n    updateValue(index, snapValueToStep(values[index] - s, minValue, maxValue, step));\n  }\n\n  return {\n    values: values,\n    defaultValues: props.defaultValue !== undefined ? defaultValue : initialValues,\n    getThumbValue: (index: number) => values[index],\n    setThumbValue: updateValue,\n    setThumbPercent,\n    isThumbDragging: (index: number) => isDraggings[index],\n    setThumbDragging: updateDragging,\n    focusedThumb: focusedIndex,\n    setFocusedThumb: setFocusedIndex,\n    getThumbPercent: (index: number) => getValuePercent(values[index]),\n    getValuePercent,\n    getThumbValueLabel: (index: number) => getFormattedValue(values[index]),\n    getFormattedValue,\n    getThumbMinValue,\n    getThumbMaxValue,\n    getPercentValue,\n    isThumbEditable,\n    setThumbEditable,\n    incrementThumb,\n    decrementThumb,\n    step,\n    pageSize,\n    orientation,\n    isDisabled\n  };\n}\n\nfunction replaceIndex<T>(array: T[], index: number, value: T) {\n  if (array[index] === value) {\n    return array;\n  }\n\n  return [...array.slice(0, index), value, ...array.slice(index + 1)];\n}\n\nfunction convertValue(value?: number | number[]) {\n  if (value == null) {\n    return undefined;\n  }\n\n  return Array.isArray(value) ? value : [value];\n}\n\nfunction createOnChange(value, defaultValue, onChange) {\n  return (newValue: number[]) => {\n    if (typeof value === 'number' || typeof defaultValue === 'number') {\n      onChange?.(newValue[0]);\n    } else {\n      onChange?.(newValue);\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useSliderState.mjs.map"}

package/dist/private/steplist/useStepListState.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-stately/src/steplist/useStepListState.ts"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {Collection, CollectionBase, Key, Node, SingleSelection} from '@react-types/shared';\nimport {SingleSelectListState, useSingleSelectListState} from '../list/useSingleSelectListState';\nimport {useCallback, useEffect, useMemo} from 'react';\nimport {useControlledState} from '../utils/useControlledState';\n\nexport interface StepListProps<T> extends CollectionBase<T>, Omit<SingleSelection, 'onSelectionChange'> {\n  /** The key of the last completed step (controlled). */\n  lastCompletedStep?: Key,\n  /** The key of the initially last completed step (uncontrolled). */\n  defaultLastCompletedStep?: Key,\n  /** Callback for when the last completed step changes. */\n  onLastCompletedStepChange?: (key: Key | null) => void,\n  /** Whether the step list is disabled. Steps will not be focusable or interactive. */\n  isDisabled?: boolean,\n  /** Whether the step list is read only. Steps will be focusable but non-interactive. */\n  isReadOnly?: boolean,\n  /** Handler that is called when the selection changes. */\n  onSelectionChange?: (key: Key) => void\n}\n\nexport interface StepListState<T> extends SingleSelectListState<T> {\n  readonly lastCompletedStep?: Key,\n  setLastCompletedStep(key: Key): void,\n  isCompleted(key: Key): boolean,\n  isSelectable(key: Key): boolean\n}\n\nexport function useStepListState<T extends object>(props: StepListProps<T>): StepListState<T> {\n  let state = useSingleSelectListState<T>({\n    ...props,\n    onSelectionChange: props.onSelectionChange ? (key => {\n      if (key != null) {\n        props.onSelectionChange?.(key);\n      }\n    }) : undefined\n  });\n\n  let [lastCompletedStep, setLastCompletedStep] = useControlledState<Key | null>(props.lastCompletedStep, props.defaultLastCompletedStep ?? null, props.onLastCompletedStepChange);\n  const {setSelectedKey: realSetSelectedKey, selectedKey, collection} = state;\n  const {indexMap, keysLinkedList} = useMemo(() => buildKeysMaps(collection), [collection]);\n  const selectedIdx = selectedKey != null ? indexMap.get(selectedKey) : 0;\n\n  const isCompleted = useCallback((step: Key | null | undefined) => {\n    if (step === undefined) {\n      return false;\n    }\n\n    return (step !== null &&\n      lastCompletedStep !== null &&\n      indexMap.has(step) &&\n      indexMap.has(lastCompletedStep) &&\n      indexMap.get(step)! <= indexMap.get(lastCompletedStep)!);\n  }, [indexMap, lastCompletedStep]);\n\n  const findDefaultSelectedKey = useCallback((collection: Collection<Node<T>> | null, disabledKeys: Set<Key>) => {\n    let selectedKey: Key | null = null;\n    if (collection && collection.size > 0) {\n      selectedKey = collection.getFirstKey();\n      // loop over keys until we find one that isn't completed or disabled and select that\n      while (selectedKey !== collection.getLastKey() && selectedKey && (disabledKeys.has(selectedKey) || isCompleted(selectedKey))) {\n        selectedKey = collection.getKeyAfter(selectedKey);\n      }\n    }\n\n    return selectedKey;\n  }, [isCompleted]);\n\n  useEffect(() => {\n    // Ensure a step is always selected (in case no selected key was specified or if selected item was deleted from collection)\n    let selectedKey: Key | null = state.selectedKey;\n    if (state.selectionManager.isEmpty || selectedKey == null || !state.collection.getItem(selectedKey)) {\n      selectedKey = findDefaultSelectedKey(state.collection, state.disabledKeys);\n      if (selectedKey !== null) {\n        state.selectionManager.replaceSelection(selectedKey);\n      }\n    }\n\n    if (state.selectionManager.focusedKey == null) {\n      state.selectionManager.setFocusedKey(selectedKey);\n    }\n\n    let lcs = (lastCompletedStep !== null ? indexMap.get(lastCompletedStep) : -1) ?? -1;\n    if (selectedIdx !== undefined && selectedIdx > 0 && selectedIdx > lcs + 1 && selectedKey !== null && keysLinkedList.has(selectedKey)) {\n      setLastCompletedStep(keysLinkedList.get(selectedKey)!);\n    }\n  });\n\n  function isSelectable(step: Key) {\n    if (props.isDisabled || state.disabledKeys.has(step) || props.isReadOnly) {\n      return false;\n    }\n\n    if (isCompleted(step)) {\n      return true;\n    }\n\n    const prevStep = keysLinkedList.get(step);\n    return isCompleted(prevStep) || step === state.collection.getFirstKey();\n  }\n\n  function setSelectedKey(key: Key) {\n    const prevKey = keysLinkedList.get(key);\n    if (prevKey && !isCompleted(prevKey)) {\n      setLastCompletedStep(prevKey);\n    }\n    realSetSelectedKey(key);\n  }\n\n  return {\n    ...state,\n    setSelectedKey,\n    setLastCompletedStep,\n    isCompleted,\n    isSelectable\n  };\n}\n\nfunction buildKeysMaps<T>(coll: Collection<Node<T>>) {\n  const indexMap = new Map<Key, number>();\n  const keysLinkedList = new Map<Key, Key | undefined>();\n  let i = 0;\n  let prev: Node<T> | undefined = undefined;\n  for (const item of coll) {\n    indexMap.set(item.key, i);\n    keysLinkedList.set(item.key, prev?.key);\n    prev = item;\n    i++;\n  }\n  return {\n    indexMap,\n    keysLinkedList\n  };\n}\n"],"names":[],"version":3,"file":"useStepListState.cjs.map"}
+{"mappings":"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","sources":["packages/react-stately/src/steplist/useStepListState.ts"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {Collection, CollectionBase, Key, Node, SingleSelection} from '@react-types/shared';\nimport {SingleSelectListState, useSingleSelectListState} from '../list/useSingleSelectListState';\nimport {useCallback, useEffect, useMemo} from 'react';\nimport {useControlledState} from '../utils/useControlledState';\n\nexport interface StepListProps<T>\n  extends CollectionBase<T>, Omit<SingleSelection, 'onSelectionChange'> {\n  /** The key of the last completed step (controlled). */\n  lastCompletedStep?: Key;\n  /** The key of the initially last completed step (uncontrolled). */\n  defaultLastCompletedStep?: Key;\n  /** Callback for when the last completed step changes. */\n  onLastCompletedStepChange?: (key: Key | null) => void;\n  /** Whether the step list is disabled. Steps will not be focusable or interactive. */\n  isDisabled?: boolean;\n  /** Whether the step list is read only. Steps will be focusable but non-interactive. */\n  isReadOnly?: boolean;\n  /** Handler that is called when the selection changes. */\n  onSelectionChange?: (key: Key) => void;\n}\n\nexport interface StepListState<T> extends SingleSelectListState<T> {\n  readonly lastCompletedStep?: Key;\n  setLastCompletedStep(key: Key): void;\n  isCompleted(key: Key): boolean;\n  isSelectable(key: Key): boolean;\n}\n\nexport function useStepListState<T extends object>(props: StepListProps<T>): StepListState<T> {\n  let state = useSingleSelectListState<T>({\n    ...props,\n    onSelectionChange: props.onSelectionChange\n      ? key => {\n          if (key != null) {\n            props.onSelectionChange?.(key);\n          }\n        }\n      : undefined\n  });\n\n  let [lastCompletedStep, setLastCompletedStep] = useControlledState<Key | null>(\n    props.lastCompletedStep,\n    props.defaultLastCompletedStep ?? null,\n    props.onLastCompletedStepChange\n  );\n  const {setSelectedKey: realSetSelectedKey, selectedKey, collection} = state;\n  const {indexMap, keysLinkedList} = useMemo(() => buildKeysMaps(collection), [collection]);\n  const selectedIdx = selectedKey != null ? indexMap.get(selectedKey) : 0;\n\n  const isCompleted = useCallback(\n    (step: Key | null | undefined) => {\n      if (step === undefined) {\n        return false;\n      }\n\n      return (\n        step !== null &&\n        lastCompletedStep !== null &&\n        indexMap.has(step) &&\n        indexMap.has(lastCompletedStep) &&\n        indexMap.get(step)! <= indexMap.get(lastCompletedStep)!\n      );\n    },\n    [indexMap, lastCompletedStep]\n  );\n\n  const findDefaultSelectedKey = useCallback(\n    (collection: Collection<Node<T>> | null, disabledKeys: Set<Key>) => {\n      let selectedKey: Key | null = null;\n      if (collection && collection.size > 0) {\n        selectedKey = collection.getFirstKey();\n        // loop over keys until we find one that isn't completed or disabled and select that\n        while (\n          selectedKey !== collection.getLastKey() &&\n          selectedKey &&\n          (disabledKeys.has(selectedKey) || isCompleted(selectedKey))\n        ) {\n          selectedKey = collection.getKeyAfter(selectedKey);\n        }\n      }\n\n      return selectedKey;\n    },\n    [isCompleted]\n  );\n\n  useEffect(() => {\n    // Ensure a step is always selected (in case no selected key was specified or if selected item was deleted from collection)\n    let selectedKey: Key | null = state.selectedKey;\n    if (\n      state.selectionManager.isEmpty ||\n      selectedKey == null ||\n      !state.collection.getItem(selectedKey)\n    ) {\n      selectedKey = findDefaultSelectedKey(state.collection, state.disabledKeys);\n      if (selectedKey !== null) {\n        state.selectionManager.replaceSelection(selectedKey);\n      }\n    }\n\n    if (state.selectionManager.focusedKey == null) {\n      state.selectionManager.setFocusedKey(selectedKey);\n    }\n\n    let lcs = (lastCompletedStep !== null ? indexMap.get(lastCompletedStep) : -1) ?? -1;\n    if (\n      selectedIdx !== undefined &&\n      selectedIdx > 0 &&\n      selectedIdx > lcs + 1 &&\n      selectedKey !== null &&\n      keysLinkedList.has(selectedKey)\n    ) {\n      setLastCompletedStep(keysLinkedList.get(selectedKey)!);\n    }\n  });\n\n  function isSelectable(step: Key) {\n    if (props.isDisabled || state.disabledKeys.has(step) || props.isReadOnly) {\n      return false;\n    }\n\n    if (isCompleted(step)) {\n      return true;\n    }\n\n    const prevStep = keysLinkedList.get(step);\n    return isCompleted(prevStep) || step === state.collection.getFirstKey();\n  }\n\n  function setSelectedKey(key: Key) {\n    const prevKey = keysLinkedList.get(key);\n    if (prevKey && !isCompleted(prevKey)) {\n      setLastCompletedStep(prevKey);\n    }\n    realSetSelectedKey(key);\n  }\n\n  return {\n    ...state,\n    setSelectedKey,\n    setLastCompletedStep,\n    isCompleted,\n    isSelectable\n  };\n}\n\nfunction buildKeysMaps<T>(coll: Collection<Node<T>>) {\n  const indexMap = new Map<Key, number>();\n  const keysLinkedList = new Map<Key, Key | undefined>();\n  let i = 0;\n  let prev: Node<T> | undefined = undefined;\n  for (const item of coll) {\n    indexMap.set(item.key, i);\n    keysLinkedList.set(item.key, prev?.key);\n    prev = item;\n    i++;\n  }\n  return {\n    indexMap,\n    keysLinkedList\n  };\n}\n"],"names":[],"version":3,"file":"useStepListState.cjs.map"}

package/dist/private/steplist/useStepListState.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-stately/src/steplist/useStepListState.ts"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {Collection, CollectionBase, Key, Node, SingleSelection} from '@react-types/shared';\nimport {SingleSelectListState, useSingleSelectListState} from '../list/useSingleSelectListState';\nimport {useCallback, useEffect, useMemo} from 'react';\nimport {useControlledState} from '../utils/useControlledState';\n\nexport interface StepListProps<T> extends CollectionBase<T>, Omit<SingleSelection, 'onSelectionChange'> {\n  /** The key of the last completed step (controlled). */\n  lastCompletedStep?: Key,\n  /** The key of the initially last completed step (uncontrolled). */\n  defaultLastCompletedStep?: Key,\n  /** Callback for when the last completed step changes. */\n  onLastCompletedStepChange?: (key: Key | null) => void,\n  /** Whether the step list is disabled. Steps will not be focusable or interactive. */\n  isDisabled?: boolean,\n  /** Whether the step list is read only. Steps will be focusable but non-interactive. */\n  isReadOnly?: boolean,\n  /** Handler that is called when the selection changes. */\n  onSelectionChange?: (key: Key) => void\n}\n\nexport interface StepListState<T> extends SingleSelectListState<T> {\n  readonly lastCompletedStep?: Key,\n  setLastCompletedStep(key: Key): void,\n  isCompleted(key: Key): boolean,\n  isSelectable(key: Key): boolean\n}\n\nexport function useStepListState<T extends object>(props: StepListProps<T>): StepListState<T> {\n  let state = useSingleSelectListState<T>({\n    ...props,\n    onSelectionChange: props.onSelectionChange ? (key => {\n      if (key != null) {\n        props.onSelectionChange?.(key);\n      }\n    }) : undefined\n  });\n\n  let [lastCompletedStep, setLastCompletedStep] = useControlledState<Key | null>(props.lastCompletedStep, props.defaultLastCompletedStep ?? null, props.onLastCompletedStepChange);\n  const {setSelectedKey: realSetSelectedKey, selectedKey, collection} = state;\n  const {indexMap, keysLinkedList} = useMemo(() => buildKeysMaps(collection), [collection]);\n  const selectedIdx = selectedKey != null ? indexMap.get(selectedKey) : 0;\n\n  const isCompleted = useCallback((step: Key | null | undefined) => {\n    if (step === undefined) {\n      return false;\n    }\n\n    return (step !== null &&\n      lastCompletedStep !== null &&\n      indexMap.has(step) &&\n      indexMap.has(lastCompletedStep) &&\n      indexMap.get(step)! <= indexMap.get(lastCompletedStep)!);\n  }, [indexMap, lastCompletedStep]);\n\n  const findDefaultSelectedKey = useCallback((collection: Collection<Node<T>> | null, disabledKeys: Set<Key>) => {\n    let selectedKey: Key | null = null;\n    if (collection && collection.size > 0) {\n      selectedKey = collection.getFirstKey();\n      // loop over keys until we find one that isn't completed or disabled and select that\n      while (selectedKey !== collection.getLastKey() && selectedKey && (disabledKeys.has(selectedKey) || isCompleted(selectedKey))) {\n        selectedKey = collection.getKeyAfter(selectedKey);\n      }\n    }\n\n    return selectedKey;\n  }, [isCompleted]);\n\n  useEffect(() => {\n    // Ensure a step is always selected (in case no selected key was specified or if selected item was deleted from collection)\n    let selectedKey: Key | null = state.selectedKey;\n    if (state.selectionManager.isEmpty || selectedKey == null || !state.collection.getItem(selectedKey)) {\n      selectedKey = findDefaultSelectedKey(state.collection, state.disabledKeys);\n      if (selectedKey !== null) {\n        state.selectionManager.replaceSelection(selectedKey);\n      }\n    }\n\n    if (state.selectionManager.focusedKey == null) {\n      state.selectionManager.setFocusedKey(selectedKey);\n    }\n\n    let lcs = (lastCompletedStep !== null ? indexMap.get(lastCompletedStep) : -1) ?? -1;\n    if (selectedIdx !== undefined && selectedIdx > 0 && selectedIdx > lcs + 1 && selectedKey !== null && keysLinkedList.has(selectedKey)) {\n      setLastCompletedStep(keysLinkedList.get(selectedKey)!);\n    }\n  });\n\n  function isSelectable(step: Key) {\n    if (props.isDisabled || state.disabledKeys.has(step) || props.isReadOnly) {\n      return false;\n    }\n\n    if (isCompleted(step)) {\n      return true;\n    }\n\n    const prevStep = keysLinkedList.get(step);\n    return isCompleted(prevStep) || step === state.collection.getFirstKey();\n  }\n\n  function setSelectedKey(key: Key) {\n    const prevKey = keysLinkedList.get(key);\n    if (prevKey && !isCompleted(prevKey)) {\n      setLastCompletedStep(prevKey);\n    }\n    realSetSelectedKey(key);\n  }\n\n  return {\n    ...state,\n    setSelectedKey,\n    setLastCompletedStep,\n    isCompleted,\n    isSelectable\n  };\n}\n\nfunction buildKeysMaps<T>(coll: Collection<Node<T>>) {\n  const indexMap = new Map<Key, number>();\n  const keysLinkedList = new Map<Key, Key | undefined>();\n  let i = 0;\n  let prev: Node<T> | undefined = undefined;\n  for (const item of coll) {\n    indexMap.set(item.key, i);\n    keysLinkedList.set(item.key, prev?.key);\n    prev = item;\n    i++;\n  }\n  return {\n    indexMap,\n    keysLinkedList\n  };\n}\n"],"names":[],"version":3,"file":"useStepListState.js.map"}
+{"mappings":"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","sources":["packages/react-stately/src/steplist/useStepListState.ts"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {Collection, CollectionBase, Key, Node, SingleSelection} from '@react-types/shared';\nimport {SingleSelectListState, useSingleSelectListState} from '../list/useSingleSelectListState';\nimport {useCallback, useEffect, useMemo} from 'react';\nimport {useControlledState} from '../utils/useControlledState';\n\nexport interface StepListProps<T>\n  extends CollectionBase<T>, Omit<SingleSelection, 'onSelectionChange'> {\n  /** The key of the last completed step (controlled). */\n  lastCompletedStep?: Key;\n  /** The key of the initially last completed step (uncontrolled). */\n  defaultLastCompletedStep?: Key;\n  /** Callback for when the last completed step changes. */\n  onLastCompletedStepChange?: (key: Key | null) => void;\n  /** Whether the step list is disabled. Steps will not be focusable or interactive. */\n  isDisabled?: boolean;\n  /** Whether the step list is read only. Steps will be focusable but non-interactive. */\n  isReadOnly?: boolean;\n  /** Handler that is called when the selection changes. */\n  onSelectionChange?: (key: Key) => void;\n}\n\nexport interface StepListState<T> extends SingleSelectListState<T> {\n  readonly lastCompletedStep?: Key;\n  setLastCompletedStep(key: Key): void;\n  isCompleted(key: Key): boolean;\n  isSelectable(key: Key): boolean;\n}\n\nexport function useStepListState<T extends object>(props: StepListProps<T>): StepListState<T> {\n  let state = useSingleSelectListState<T>({\n    ...props,\n    onSelectionChange: props.onSelectionChange\n      ? key => {\n          if (key != null) {\n            props.onSelectionChange?.(key);\n          }\n        }\n      : undefined\n  });\n\n  let [lastCompletedStep, setLastCompletedStep] = useControlledState<Key | null>(\n    props.lastCompletedStep,\n    props.defaultLastCompletedStep ?? null,\n    props.onLastCompletedStepChange\n  );\n  const {setSelectedKey: realSetSelectedKey, selectedKey, collection} = state;\n  const {indexMap, keysLinkedList} = useMemo(() => buildKeysMaps(collection), [collection]);\n  const selectedIdx = selectedKey != null ? indexMap.get(selectedKey) : 0;\n\n  const isCompleted = useCallback(\n    (step: Key | null | undefined) => {\n      if (step === undefined) {\n        return false;\n      }\n\n      return (\n        step !== null &&\n        lastCompletedStep !== null &&\n        indexMap.has(step) &&\n        indexMap.has(lastCompletedStep) &&\n        indexMap.get(step)! <= indexMap.get(lastCompletedStep)!\n      );\n    },\n    [indexMap, lastCompletedStep]\n  );\n\n  const findDefaultSelectedKey = useCallback(\n    (collection: Collection<Node<T>> | null, disabledKeys: Set<Key>) => {\n      let selectedKey: Key | null = null;\n      if (collection && collection.size > 0) {\n        selectedKey = collection.getFirstKey();\n        // loop over keys until we find one that isn't completed or disabled and select that\n        while (\n          selectedKey !== collection.getLastKey() &&\n          selectedKey &&\n          (disabledKeys.has(selectedKey) || isCompleted(selectedKey))\n        ) {\n          selectedKey = collection.getKeyAfter(selectedKey);\n        }\n      }\n\n      return selectedKey;\n    },\n    [isCompleted]\n  );\n\n  useEffect(() => {\n    // Ensure a step is always selected (in case no selected key was specified or if selected item was deleted from collection)\n    let selectedKey: Key | null = state.selectedKey;\n    if (\n      state.selectionManager.isEmpty ||\n      selectedKey == null ||\n      !state.collection.getItem(selectedKey)\n    ) {\n      selectedKey = findDefaultSelectedKey(state.collection, state.disabledKeys);\n      if (selectedKey !== null) {\n        state.selectionManager.replaceSelection(selectedKey);\n      }\n    }\n\n    if (state.selectionManager.focusedKey == null) {\n      state.selectionManager.setFocusedKey(selectedKey);\n    }\n\n    let lcs = (lastCompletedStep !== null ? indexMap.get(lastCompletedStep) : -1) ?? -1;\n    if (\n      selectedIdx !== undefined &&\n      selectedIdx > 0 &&\n      selectedIdx > lcs + 1 &&\n      selectedKey !== null &&\n      keysLinkedList.has(selectedKey)\n    ) {\n      setLastCompletedStep(keysLinkedList.get(selectedKey)!);\n    }\n  });\n\n  function isSelectable(step: Key) {\n    if (props.isDisabled || state.disabledKeys.has(step) || props.isReadOnly) {\n      return false;\n    }\n\n    if (isCompleted(step)) {\n      return true;\n    }\n\n    const prevStep = keysLinkedList.get(step);\n    return isCompleted(prevStep) || step === state.collection.getFirstKey();\n  }\n\n  function setSelectedKey(key: Key) {\n    const prevKey = keysLinkedList.get(key);\n    if (prevKey && !isCompleted(prevKey)) {\n      setLastCompletedStep(prevKey);\n    }\n    realSetSelectedKey(key);\n  }\n\n  return {\n    ...state,\n    setSelectedKey,\n    setLastCompletedStep,\n    isCompleted,\n    isSelectable\n  };\n}\n\nfunction buildKeysMaps<T>(coll: Collection<Node<T>>) {\n  const indexMap = new Map<Key, number>();\n  const keysLinkedList = new Map<Key, Key | undefined>();\n  let i = 0;\n  let prev: Node<T> | undefined = undefined;\n  for (const item of coll) {\n    indexMap.set(item.key, i);\n    keysLinkedList.set(item.key, prev?.key);\n    prev = item;\n    i++;\n  }\n  return {\n    indexMap,\n    keysLinkedList\n  };\n}\n"],"names":[],"version":3,"file":"useStepListState.js.map"}

package/dist/private/steplist/useStepListState.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-stately/src/steplist/useStepListState.ts"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {Collection, CollectionBase, Key, Node, SingleSelection} from '@react-types/shared';\nimport {SingleSelectListState, useSingleSelectListState} from '../list/useSingleSelectListState';\nimport {useCallback, useEffect, useMemo} from 'react';\nimport {useControlledState} from '../utils/useControlledState';\n\nexport interface StepListProps<T> extends CollectionBase<T>, Omit<SingleSelection, 'onSelectionChange'> {\n  /** The key of the last completed step (controlled). */\n  lastCompletedStep?: Key,\n  /** The key of the initially last completed step (uncontrolled). */\n  defaultLastCompletedStep?: Key,\n  /** Callback for when the last completed step changes. */\n  onLastCompletedStepChange?: (key: Key | null) => void,\n  /** Whether the step list is disabled. Steps will not be focusable or interactive. */\n  isDisabled?: boolean,\n  /** Whether the step list is read only. Steps will be focusable but non-interactive. */\n  isReadOnly?: boolean,\n  /** Handler that is called when the selection changes. */\n  onSelectionChange?: (key: Key) => void\n}\n\nexport interface StepListState<T> extends SingleSelectListState<T> {\n  readonly lastCompletedStep?: Key,\n  setLastCompletedStep(key: Key): void,\n  isCompleted(key: Key): boolean,\n  isSelectable(key: Key): boolean\n}\n\nexport function useStepListState<T extends object>(props: StepListProps<T>): StepListState<T> {\n  let state = useSingleSelectListState<T>({\n    ...props,\n    onSelectionChange: props.onSelectionChange ? (key => {\n      if (key != null) {\n        props.onSelectionChange?.(key);\n      }\n    }) : undefined\n  });\n\n  let [lastCompletedStep, setLastCompletedStep] = useControlledState<Key | null>(props.lastCompletedStep, props.defaultLastCompletedStep ?? null, props.onLastCompletedStepChange);\n  const {setSelectedKey: realSetSelectedKey, selectedKey, collection} = state;\n  const {indexMap, keysLinkedList} = useMemo(() => buildKeysMaps(collection), [collection]);\n  const selectedIdx = selectedKey != null ? indexMap.get(selectedKey) : 0;\n\n  const isCompleted = useCallback((step: Key | null | undefined) => {\n    if (step === undefined) {\n      return false;\n    }\n\n    return (step !== null &&\n      lastCompletedStep !== null &&\n      indexMap.has(step) &&\n      indexMap.has(lastCompletedStep) &&\n      indexMap.get(step)! <= indexMap.get(lastCompletedStep)!);\n  }, [indexMap, lastCompletedStep]);\n\n  const findDefaultSelectedKey = useCallback((collection: Collection<Node<T>> | null, disabledKeys: Set<Key>) => {\n    let selectedKey: Key | null = null;\n    if (collection && collection.size > 0) {\n      selectedKey = collection.getFirstKey();\n      // loop over keys until we find one that isn't completed or disabled and select that\n      while (selectedKey !== collection.getLastKey() && selectedKey && (disabledKeys.has(selectedKey) || isCompleted(selectedKey))) {\n        selectedKey = collection.getKeyAfter(selectedKey);\n      }\n    }\n\n    return selectedKey;\n  }, [isCompleted]);\n\n  useEffect(() => {\n    // Ensure a step is always selected (in case no selected key was specified or if selected item was deleted from collection)\n    let selectedKey: Key | null = state.selectedKey;\n    if (state.selectionManager.isEmpty || selectedKey == null || !state.collection.getItem(selectedKey)) {\n      selectedKey = findDefaultSelectedKey(state.collection, state.disabledKeys);\n      if (selectedKey !== null) {\n        state.selectionManager.replaceSelection(selectedKey);\n      }\n    }\n\n    if (state.selectionManager.focusedKey == null) {\n      state.selectionManager.setFocusedKey(selectedKey);\n    }\n\n    let lcs = (lastCompletedStep !== null ? indexMap.get(lastCompletedStep) : -1) ?? -1;\n    if (selectedIdx !== undefined && selectedIdx > 0 && selectedIdx > lcs + 1 && selectedKey !== null && keysLinkedList.has(selectedKey)) {\n      setLastCompletedStep(keysLinkedList.get(selectedKey)!);\n    }\n  });\n\n  function isSelectable(step: Key) {\n    if (props.isDisabled || state.disabledKeys.has(step) || props.isReadOnly) {\n      return false;\n    }\n\n    if (isCompleted(step)) {\n      return true;\n    }\n\n    const prevStep = keysLinkedList.get(step);\n    return isCompleted(prevStep) || step === state.collection.getFirstKey();\n  }\n\n  function setSelectedKey(key: Key) {\n    const prevKey = keysLinkedList.get(key);\n    if (prevKey && !isCompleted(prevKey)) {\n      setLastCompletedStep(prevKey);\n    }\n    realSetSelectedKey(key);\n  }\n\n  return {\n    ...state,\n    setSelectedKey,\n    setLastCompletedStep,\n    isCompleted,\n    isSelectable\n  };\n}\n\nfunction buildKeysMaps<T>(coll: Collection<Node<T>>) {\n  const indexMap = new Map<Key, number>();\n  const keysLinkedList = new Map<Key, Key | undefined>();\n  let i = 0;\n  let prev: Node<T> | undefined = undefined;\n  for (const item of coll) {\n    indexMap.set(item.key, i);\n    keysLinkedList.set(item.key, prev?.key);\n    prev = item;\n    i++;\n  }\n  return {\n    indexMap,\n    keysLinkedList\n  };\n}\n"],"names":[],"version":3,"file":"useStepListState.mjs.map"}
+{"mappings":"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","sources":["packages/react-stately/src/steplist/useStepListState.ts"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {Collection, CollectionBase, Key, Node, SingleSelection} from '@react-types/shared';\nimport {SingleSelectListState, useSingleSelectListState} from '../list/useSingleSelectListState';\nimport {useCallback, useEffect, useMemo} from 'react';\nimport {useControlledState} from '../utils/useControlledState';\n\nexport interface StepListProps<T>\n  extends CollectionBase<T>, Omit<SingleSelection, 'onSelectionChange'> {\n  /** The key of the last completed step (controlled). */\n  lastCompletedStep?: Key;\n  /** The key of the initially last completed step (uncontrolled). */\n  defaultLastCompletedStep?: Key;\n  /** Callback for when the last completed step changes. */\n  onLastCompletedStepChange?: (key: Key | null) => void;\n  /** Whether the step list is disabled. Steps will not be focusable or interactive. */\n  isDisabled?: boolean;\n  /** Whether the step list is read only. Steps will be focusable but non-interactive. */\n  isReadOnly?: boolean;\n  /** Handler that is called when the selection changes. */\n  onSelectionChange?: (key: Key) => void;\n}\n\nexport interface StepListState<T> extends SingleSelectListState<T> {\n  readonly lastCompletedStep?: Key;\n  setLastCompletedStep(key: Key): void;\n  isCompleted(key: Key): boolean;\n  isSelectable(key: Key): boolean;\n}\n\nexport function useStepListState<T extends object>(props: StepListProps<T>): StepListState<T> {\n  let state = useSingleSelectListState<T>({\n    ...props,\n    onSelectionChange: props.onSelectionChange\n      ? key => {\n          if (key != null) {\n            props.onSelectionChange?.(key);\n          }\n        }\n      : undefined\n  });\n\n  let [lastCompletedStep, setLastCompletedStep] = useControlledState<Key | null>(\n    props.lastCompletedStep,\n    props.defaultLastCompletedStep ?? null,\n    props.onLastCompletedStepChange\n  );\n  const {setSelectedKey: realSetSelectedKey, selectedKey, collection} = state;\n  const {indexMap, keysLinkedList} = useMemo(() => buildKeysMaps(collection), [collection]);\n  const selectedIdx = selectedKey != null ? indexMap.get(selectedKey) : 0;\n\n  const isCompleted = useCallback(\n    (step: Key | null | undefined) => {\n      if (step === undefined) {\n        return false;\n      }\n\n      return (\n        step !== null &&\n        lastCompletedStep !== null &&\n        indexMap.has(step) &&\n        indexMap.has(lastCompletedStep) &&\n        indexMap.get(step)! <= indexMap.get(lastCompletedStep)!\n      );\n    },\n    [indexMap, lastCompletedStep]\n  );\n\n  const findDefaultSelectedKey = useCallback(\n    (collection: Collection<Node<T>> | null, disabledKeys: Set<Key>) => {\n      let selectedKey: Key | null = null;\n      if (collection && collection.size > 0) {\n        selectedKey = collection.getFirstKey();\n        // loop over keys until we find one that isn't completed or disabled and select that\n        while (\n          selectedKey !== collection.getLastKey() &&\n          selectedKey &&\n          (disabledKeys.has(selectedKey) || isCompleted(selectedKey))\n        ) {\n          selectedKey = collection.getKeyAfter(selectedKey);\n        }\n      }\n\n      return selectedKey;\n    },\n    [isCompleted]\n  );\n\n  useEffect(() => {\n    // Ensure a step is always selected (in case no selected key was specified or if selected item was deleted from collection)\n    let selectedKey: Key | null = state.selectedKey;\n    if (\n      state.selectionManager.isEmpty ||\n      selectedKey == null ||\n      !state.collection.getItem(selectedKey)\n    ) {\n      selectedKey = findDefaultSelectedKey(state.collection, state.disabledKeys);\n      if (selectedKey !== null) {\n        state.selectionManager.replaceSelection(selectedKey);\n      }\n    }\n\n    if (state.selectionManager.focusedKey == null) {\n      state.selectionManager.setFocusedKey(selectedKey);\n    }\n\n    let lcs = (lastCompletedStep !== null ? indexMap.get(lastCompletedStep) : -1) ?? -1;\n    if (\n      selectedIdx !== undefined &&\n      selectedIdx > 0 &&\n      selectedIdx > lcs + 1 &&\n      selectedKey !== null &&\n      keysLinkedList.has(selectedKey)\n    ) {\n      setLastCompletedStep(keysLinkedList.get(selectedKey)!);\n    }\n  });\n\n  function isSelectable(step: Key) {\n    if (props.isDisabled || state.disabledKeys.has(step) || props.isReadOnly) {\n      return false;\n    }\n\n    if (isCompleted(step)) {\n      return true;\n    }\n\n    const prevStep = keysLinkedList.get(step);\n    return isCompleted(prevStep) || step === state.collection.getFirstKey();\n  }\n\n  function setSelectedKey(key: Key) {\n    const prevKey = keysLinkedList.get(key);\n    if (prevKey && !isCompleted(prevKey)) {\n      setLastCompletedStep(prevKey);\n    }\n    realSetSelectedKey(key);\n  }\n\n  return {\n    ...state,\n    setSelectedKey,\n    setLastCompletedStep,\n    isCompleted,\n    isSelectable\n  };\n}\n\nfunction buildKeysMaps<T>(coll: Collection<Node<T>>) {\n  const indexMap = new Map<Key, number>();\n  const keysLinkedList = new Map<Key, Key | undefined>();\n  let i = 0;\n  let prev: Node<T> | undefined = undefined;\n  for (const item of coll) {\n    indexMap.set(item.key, i);\n    keysLinkedList.set(item.key, prev?.key);\n    prev = item;\n    i++;\n  }\n  return {\n    indexMap,\n    keysLinkedList\n  };\n}\n"],"names":[],"version":3,"file":"useStepListState.mjs.map"}

package/dist/private/table/Cell.cjs

@@ -14,7 +14,8 @@ $parcel$export(module.exports, "Cell", function () { return $af15f76d453422d1$ex
  * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
- */ function $af15f76d453422d1$var$Cell(props) {
+ */ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+function $af15f76d453422d1$var$Cell(props) {
     return null;
 }
 $af15f76d453422d1$var$Cell.getCollectionNode = function* getCollectionNode(props) {

package/dist/private/table/Cell.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC,GAkBD,SAAS,2BAAK,KAAgB;IAC5B,OAAO;AACT;AAEA,2BAAK,iBAAiB,GAAG,UAAU,kBAAqB,KAAgB;IACtE,IAAI,YAAC,QAAQ,EAAC,GAAG;IAEjB,IAAI,YAAY,MAAM,SAAS,IAAK,CAAA,OAAO,aAAa,WAAW,WAAW,EAAC,KAAM,KAAK,CAAC,aAAa,IAAI;IAC5G,MAAM;QACJ,MAAM;QACN,OAAO;QACP,UAAU;mBACV;QACA,cAAc,KAAK,CAAC,aAAa;QACjC,eAAe;IACjB;AACF;AAEA;;CAEC,GACD,oEAAoE;AACpE,IAAI,4CAAQ","sources":["packages/react-stately/src/table/Cell.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {JSX, ReactElement, ReactNode} from 'react';\nimport {Key} from '@react-types/shared';\nimport {PartialNode} from '../collections/types';\n\nexport interface CellProps {\n  /** The contents of the cell. */\n  children: ReactNode,\n  /** A string representation of the cell's contents, used for features like typeahead. */\n  textValue?: string,\n  /** Indicates how many columns the data cell spans. */\n  colSpan?: number\n}\n\nexport type CellElement = ReactElement<CellProps>;\nexport type CellRenderer = (columnKey: Key) => CellElement;\n\nfunction Cell(props: CellProps): ReactElement | null { // eslint-disable-line @typescript-eslint/no-unused-vars\n  return null;\n}\n\nCell.getCollectionNode = function* getCollectionNode<T>(props: CellProps): Generator<PartialNode<T>> {\n  let {children} = props;\n\n  let textValue = props.textValue || (typeof children === 'string' ? children : '') || props['aria-label'] || '';\n  yield {\n    type: 'cell',\n    props: props,\n    rendered: children,\n    textValue,\n    'aria-label': props['aria-label'],\n    hasChildNodes: false\n  };\n};\n\n/**\n * A Cell represents the value of a single Column within a Table Row.\n */\n// We don't want getCollectionNode to show up in the type definition\nlet _Cell = Cell as (props: CellProps) => JSX.Element;\nexport {_Cell as Cell};\n"],"names":[],"version":3,"file":"Cell.cjs.map"}
+{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC,GAkBD,6DAA6D;AAC7D,SAAS,2BAAK,KAAgB;IAC5B,OAAO;AACT;AAEA,2BAAK,iBAAiB,GAAG,UAAU,kBACjC,KAAgB;IAEhB,IAAI,YAAC,QAAQ,EAAC,GAAG;IAEjB,IAAI,YACF,MAAM,SAAS,IAAK,CAAA,OAAO,aAAa,WAAW,WAAW,EAAC,KAAM,KAAK,CAAC,aAAa,IAAI;IAC9F,MAAM;QACJ,MAAM;QACN,OAAO;QACP,UAAU;mBACV;QACA,cAAc,KAAK,CAAC,aAAa;QACjC,eAAe;IACjB;AACF;AAEA;;CAEC,GACD,oEAAoE;AACpE,IAAI,4CAAQ","sources":["packages/react-stately/src/table/Cell.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {JSX, ReactElement, ReactNode} from 'react';\nimport {Key} from '@react-types/shared';\nimport {PartialNode} from '../collections/types';\n\nexport interface CellProps {\n  /** The contents of the cell. */\n  children: ReactNode;\n  /** A string representation of the cell's contents, used for features like typeahead. */\n  textValue?: string;\n  /** Indicates how many columns the data cell spans. */\n  colSpan?: number;\n}\n\nexport type CellElement = ReactElement<CellProps>;\nexport type CellRenderer = (columnKey: Key) => CellElement;\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nfunction Cell(props: CellProps): ReactElement | null {\n  return null;\n}\n\nCell.getCollectionNode = function* getCollectionNode<T>(\n  props: CellProps\n): Generator<PartialNode<T>> {\n  let {children} = props;\n\n  let textValue =\n    props.textValue || (typeof children === 'string' ? children : '') || props['aria-label'] || '';\n  yield {\n    type: 'cell',\n    props: props,\n    rendered: children,\n    textValue,\n    'aria-label': props['aria-label'],\n    hasChildNodes: false\n  };\n};\n\n/**\n * A Cell represents the value of a single Column within a Table Row.\n */\n// We don't want getCollectionNode to show up in the type definition\nlet _Cell = Cell as (props: CellProps) => JSX.Element;\nexport {_Cell as Cell};\n"],"names":[],"version":3,"file":"Cell.cjs.map"}

package/dist/private/table/Cell.js

@@ -8,7 +8,8 @@
  * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
- */ function $865a862a32d3d395$var$Cell(props) {
+ */ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+function $865a862a32d3d395$var$Cell(props) {
     return null;
 }
 $865a862a32d3d395$var$Cell.getCollectionNode = function* getCollectionNode(props) {

package/dist/private/table/Cell.js.map

@@ -1 +1 @@
-{"mappings":"AAAA;;;;;;;;;;CAUC,GAkBD,SAAS,2BAAK,KAAgB;IAC5B,OAAO;AACT;AAEA,2BAAK,iBAAiB,GAAG,UAAU,kBAAqB,KAAgB;IACtE,IAAI,YAAC,QAAQ,EAAC,GAAG;IAEjB,IAAI,YAAY,MAAM,SAAS,IAAK,CAAA,OAAO,aAAa,WAAW,WAAW,EAAC,KAAM,KAAK,CAAC,aAAa,IAAI;IAC5G,MAAM;QACJ,MAAM;QACN,OAAO;QACP,UAAU;mBACV;QACA,cAAc,KAAK,CAAC,aAAa;QACjC,eAAe;IACjB;AACF;AAEA;;CAEC,GACD,oEAAoE;AACpE,IAAI,4CAAQ","sources":["packages/react-stately/src/table/Cell.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {JSX, ReactElement, ReactNode} from 'react';\nimport {Key} from '@react-types/shared';\nimport {PartialNode} from '../collections/types';\n\nexport interface CellProps {\n  /** The contents of the cell. */\n  children: ReactNode,\n  /** A string representation of the cell's contents, used for features like typeahead. */\n  textValue?: string,\n  /** Indicates how many columns the data cell spans. */\n  colSpan?: number\n}\n\nexport type CellElement = ReactElement<CellProps>;\nexport type CellRenderer = (columnKey: Key) => CellElement;\n\nfunction Cell(props: CellProps): ReactElement | null { // eslint-disable-line @typescript-eslint/no-unused-vars\n  return null;\n}\n\nCell.getCollectionNode = function* getCollectionNode<T>(props: CellProps): Generator<PartialNode<T>> {\n  let {children} = props;\n\n  let textValue = props.textValue || (typeof children === 'string' ? children : '') || props['aria-label'] || '';\n  yield {\n    type: 'cell',\n    props: props,\n    rendered: children,\n    textValue,\n    'aria-label': props['aria-label'],\n    hasChildNodes: false\n  };\n};\n\n/**\n * A Cell represents the value of a single Column within a Table Row.\n */\n// We don't want getCollectionNode to show up in the type definition\nlet _Cell = Cell as (props: CellProps) => JSX.Element;\nexport {_Cell as Cell};\n"],"names":[],"version":3,"file":"Cell.js.map"}
+{"mappings":"AAAA;;;;;;;;;;CAUC,GAkBD,6DAA6D;AAC7D,SAAS,2BAAK,KAAgB;IAC5B,OAAO;AACT;AAEA,2BAAK,iBAAiB,GAAG,UAAU,kBACjC,KAAgB;IAEhB,IAAI,YAAC,QAAQ,EAAC,GAAG;IAEjB,IAAI,YACF,MAAM,SAAS,IAAK,CAAA,OAAO,aAAa,WAAW,WAAW,EAAC,KAAM,KAAK,CAAC,aAAa,IAAI;IAC9F,MAAM;QACJ,MAAM;QACN,OAAO;QACP,UAAU;mBACV;QACA,cAAc,KAAK,CAAC,aAAa;QACjC,eAAe;IACjB;AACF;AAEA;;CAEC,GACD,oEAAoE;AACpE,IAAI,4CAAQ","sources":["packages/react-stately/src/table/Cell.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {JSX, ReactElement, ReactNode} from 'react';\nimport {Key} from '@react-types/shared';\nimport {PartialNode} from '../collections/types';\n\nexport interface CellProps {\n  /** The contents of the cell. */\n  children: ReactNode;\n  /** A string representation of the cell's contents, used for features like typeahead. */\n  textValue?: string;\n  /** Indicates how many columns the data cell spans. */\n  colSpan?: number;\n}\n\nexport type CellElement = ReactElement<CellProps>;\nexport type CellRenderer = (columnKey: Key) => CellElement;\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nfunction Cell(props: CellProps): ReactElement | null {\n  return null;\n}\n\nCell.getCollectionNode = function* getCollectionNode<T>(\n  props: CellProps\n): Generator<PartialNode<T>> {\n  let {children} = props;\n\n  let textValue =\n    props.textValue || (typeof children === 'string' ? children : '') || props['aria-label'] || '';\n  yield {\n    type: 'cell',\n    props: props,\n    rendered: children,\n    textValue,\n    'aria-label': props['aria-label'],\n    hasChildNodes: false\n  };\n};\n\n/**\n * A Cell represents the value of a single Column within a Table Row.\n */\n// We don't want getCollectionNode to show up in the type definition\nlet _Cell = Cell as (props: CellProps) => JSX.Element;\nexport {_Cell as Cell};\n"],"names":[],"version":3,"file":"Cell.js.map"}

package/dist/private/table/Cell.mjs

@@ -8,7 +8,8 @@
  * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
- */ function $bf42fa5f8ac488ca$var$Cell(props) {
+ */ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+function $bf42fa5f8ac488ca$var$Cell(props) {
     return null;
 }
 $bf42fa5f8ac488ca$var$Cell.getCollectionNode = function* getCollectionNode(props) {

package/dist/private/table/Cell.mjs.map

@@ -1 +1 @@
-{"mappings":"AAAA;;;;;;;;;;CAUC,GAkBD,SAAS,2BAAK,KAAgB;IAC5B,OAAO;AACT;AAEA,2BAAK,iBAAiB,GAAG,UAAU,kBAAqB,KAAgB;IACtE,IAAI,YAAC,QAAQ,EAAC,GAAG;IAEjB,IAAI,YAAY,MAAM,SAAS,IAAK,CAAA,OAAO,aAAa,WAAW,WAAW,EAAC,KAAM,KAAK,CAAC,aAAa,IAAI;IAC5G,MAAM;QACJ,MAAM;QACN,OAAO;QACP,UAAU;mBACV;QACA,cAAc,KAAK,CAAC,aAAa;QACjC,eAAe;IACjB;AACF;AAEA;;CAEC,GACD,oEAAoE;AACpE,IAAI,4CAAQ","sources":["packages/react-stately/src/table/Cell.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {JSX, ReactElement, ReactNode} from 'react';\nimport {Key} from '@react-types/shared';\nimport {PartialNode} from '../collections/types';\n\nexport interface CellProps {\n  /** The contents of the cell. */\n  children: ReactNode,\n  /** A string representation of the cell's contents, used for features like typeahead. */\n  textValue?: string,\n  /** Indicates how many columns the data cell spans. */\n  colSpan?: number\n}\n\nexport type CellElement = ReactElement<CellProps>;\nexport type CellRenderer = (columnKey: Key) => CellElement;\n\nfunction Cell(props: CellProps): ReactElement | null { // eslint-disable-line @typescript-eslint/no-unused-vars\n  return null;\n}\n\nCell.getCollectionNode = function* getCollectionNode<T>(props: CellProps): Generator<PartialNode<T>> {\n  let {children} = props;\n\n  let textValue = props.textValue || (typeof children === 'string' ? children : '') || props['aria-label'] || '';\n  yield {\n    type: 'cell',\n    props: props,\n    rendered: children,\n    textValue,\n    'aria-label': props['aria-label'],\n    hasChildNodes: false\n  };\n};\n\n/**\n * A Cell represents the value of a single Column within a Table Row.\n */\n// We don't want getCollectionNode to show up in the type definition\nlet _Cell = Cell as (props: CellProps) => JSX.Element;\nexport {_Cell as Cell};\n"],"names":[],"version":3,"file":"Cell.mjs.map"}
+{"mappings":"AAAA;;;;;;;;;;CAUC,GAkBD,6DAA6D;AAC7D,SAAS,2BAAK,KAAgB;IAC5B,OAAO;AACT;AAEA,2BAAK,iBAAiB,GAAG,UAAU,kBACjC,KAAgB;IAEhB,IAAI,YAAC,QAAQ,EAAC,GAAG;IAEjB,IAAI,YACF,MAAM,SAAS,IAAK,CAAA,OAAO,aAAa,WAAW,WAAW,EAAC,KAAM,KAAK,CAAC,aAAa,IAAI;IAC9F,MAAM;QACJ,MAAM;QACN,OAAO;QACP,UAAU;mBACV;QACA,cAAc,KAAK,CAAC,aAAa;QACjC,eAAe;IACjB;AACF;AAEA;;CAEC,GACD,oEAAoE;AACpE,IAAI,4CAAQ","sources":["packages/react-stately/src/table/Cell.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {JSX, ReactElement, ReactNode} from 'react';\nimport {Key} from '@react-types/shared';\nimport {PartialNode} from '../collections/types';\n\nexport interface CellProps {\n  /** The contents of the cell. */\n  children: ReactNode;\n  /** A string representation of the cell's contents, used for features like typeahead. */\n  textValue?: string;\n  /** Indicates how many columns the data cell spans. */\n  colSpan?: number;\n}\n\nexport type CellElement = ReactElement<CellProps>;\nexport type CellRenderer = (columnKey: Key) => CellElement;\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nfunction Cell(props: CellProps): ReactElement | null {\n  return null;\n}\n\nCell.getCollectionNode = function* getCollectionNode<T>(\n  props: CellProps\n): Generator<PartialNode<T>> {\n  let {children} = props;\n\n  let textValue =\n    props.textValue || (typeof children === 'string' ? children : '') || props['aria-label'] || '';\n  yield {\n    type: 'cell',\n    props: props,\n    rendered: children,\n    textValue,\n    'aria-label': props['aria-label'],\n    hasChildNodes: false\n  };\n};\n\n/**\n * A Cell represents the value of a single Column within a Table Row.\n */\n// We don't want getCollectionNode to show up in the type definition\nlet _Cell = Cell as (props: CellProps) => JSX.Element;\nexport {_Cell as Cell};\n"],"names":[],"version":3,"file":"Cell.mjs.map"}

package/dist/private/table/Column.cjs

@@ -21,6 +21,7 @@ $parcel$export(module.exports, "Column", function () { return $f8664c1cfa6cf060$
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 function $f8664c1cfa6cf060$var$Column(props) {
     return null;
 }