@adobe/react-spectrum 3.47.0 → 3.47.2

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

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;AA0BM,SAAS,0CAAgB,KAAmC;IACjE,IAAI,cACF,UAAU,QACV,IAAI,EACL,GAAG;IACJ,IAAI,OAAC,GAAG,EAAC,GAAG;IAEZ,IAAI,MAAM,CAAA,GAAA,aAAK,EAAE;IACjB,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,gBAAQ;IAC1B,IAAI,QAAQ,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAc;IACrC,MAAM,aAAa,MAAM,WAAW,KAAK;IACzC,MAAM,cAAc,MAAM,WAAW,CAAC;IACtC,MAAM,iBAAiB,cAAc,MAAM,YAAY,CAAC,GAAG,CAAC;IAC5D,IAAI,aAAC,SAAS,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,sBAAc,EAAE;QAAC,GAAG,KAAK;aAAE;IAAG,GAAG,OAAO;IAE1E,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,eAAO,EAAE;QAAC,GAAG,KAAK;QAAE,YAAY,kBAAkB,cAAc,MAAM,UAAU;IAAA;IAG9G,IAAI,gBAAgB;IACpB,MAAM,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,8CAAW,GAAG;IAClE,MAAM,kBAAkB,CAAA,GAAA,yBAAiB;IAEzC,IAAI,YACF,gBAAgB,gBAAgB,MAAM,CAAC;SAClC,IAAI,aACT,gBAAgB,gBAAgB,MAAM,CAAC;SAEvC,gBAAgB,gBAAgB,MAAM,CAAC;IAGzC,IAAI,WAAW,CAAA,GAAA,YAAI;IACnB,IAAI,UAAU,CAAA,GAAA,YAAI;IAElB,qBACE,gCAAC;QACC,WACE,CAAA,GAAA,yCAAS,EACP,CAAA,GAAA,qDAAK,GACL;qBAGJ,gCAAC,CAAA,GAAA,gBAAQ;QAAE,QAAA;QAAO,gBAAgB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;qBACnD,gCAAC;QACE,GAAG,CAAA,GAAA,iBAAS,EAAE,YAAY,UAAU;QACrC,mBAAiB,GAAG,SAAS,CAAC,EAAE,SAAS;QACzC,KAAK;QACL,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,qDAAK,GACL,0BACA;YACE,eAAe,cAAc,CAAC;YAC9B,eAAe;YACf,cAAc;YACd,gBAAgB;YAChB,iBAAiB,MAAM,YAAY,CAAC,QAAQ,CAAC;QAC/C;qBAEF,gCAAC,CAAA,GAAA,qBAAa,GAAM,gBAAiB,8BACrC,gCAAC;QAAI,IAAI;QAAS,eAAY;QAAO,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;OAChE,KAAK,QAAQ,iBAEhB,gCAAC;QACC,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,qDAAK,GACL,6BAA6B;YAC3B,gBAAgB;QAClB;qBACF,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;QAAkC,OAAM;QAA6B,QAAO;QAAO,SAAQ;QAAU,qBAAoB;qBAC1J,gCAAC;QAAK,IAAG;QAAI,IAAG;QAAI,IAAG;QAAI,IAAG;QAAI,cAAa;uBAEjD,gCAAC,CAAA,GAAA,wCAAiB;QAChB,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG,6BAA6B;YAChE,eAAe,cAAc;QAC/B;uBAEJ,gCAAC;QAAI,eAAY;QAAO,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;qBACpD,gCAAC;QAAI,IAAI;QAAW,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;OAA8B,gBAAgB,MAAM,CAAC,AAAC,CAAA,KAAK,KAAK,IAAI,CAAA,IAAK;AAMvI","sources":["packages/@adobe/react-spectrum/src/steplist/StepListItem.tsx"],"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 */\nimport ChevronRightMedium from '@spectrum-icons/ui/ChevronRightMedium';\nimport {classNames} from '../utils/classNames';\nimport {FocusRing} from 'react-aria/FocusRing';\n// @ts-ignore\nimport intlMessages from '../../intl/steplist/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Node} from '@react-types/shared';\nimport React, {ReactNode, useContext, useRef} from 'react';\nimport {StepListContext} from './StepListContext';\nimport styles from '@adobe/spectrum-css-temp/components/steplist/vars.css';\nimport {useHover} from 'react-aria/useHover';\nimport {useId} from 'react-aria/useId';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useNumberFormatter} from 'react-aria/useNumberFormatter';\nimport {useStepListItem} from 'react-aria/private/steplist/useStepListItem';\nimport {VisuallyHidden} from 'react-aria/VisuallyHidden';\n\ninterface SpectrumStepListItemProps<T> {\n  item: Node<T>,\n  isDisabled?: boolean,\n  isEmphasized?: boolean,\n  isReadOnly?: boolean\n}\n\nexport function StepListItem<T>(props: SpectrumStepListItemProps<T>): ReactNode {\n  let {\n    isDisabled,\n    item\n  } = props;\n  let {key} = item;\n\n  let ref = useRef(null);\n  let {direction} = useLocale();\n  let state = useContext(StepListContext)!;\n  const isSelected = state.selectedKey === key;\n  const isCompleted = state.isCompleted(key);\n  const isItemDisabled = isDisabled || state.disabledKeys.has(key);\n  let {stepProps, stepStateProps} = useStepListItem({...props, key}, state, ref);\n\n  let {hoverProps, isHovered} = useHover({...props, isDisabled: isItemDisabled || isSelected || props.isReadOnly});\n\n\n  let stepStateText = '';\n  const stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/steplist');\n  const numberFormatter = useNumberFormatter();\n\n  if (isSelected) {\n    stepStateText = stringFormatter.format('current');\n  } else if (isCompleted) {\n    stepStateText = stringFormatter.format('completed');\n  } else {\n    stepStateText = stringFormatter.format('notCompleted');\n  }\n\n  let markerId = useId();\n  let labelId = useId();\n\n  return (\n    <li\n      className={\n        classNames(\n          styles,\n          'spectrum-Steplist-item'\n        )\n      }>\n      <FocusRing within focusRingClass={classNames(styles, 'focus-ring')}>\n        <a\n          {...mergeProps(hoverProps, stepProps)}\n          aria-labelledby={`${markerId} ${labelId}`}\n          ref={ref}\n          className={classNames(\n            styles,\n            'spectrum-Steplist-link',\n            {\n              'is-selected': isSelected && !isItemDisabled,\n              'is-disabled': isItemDisabled,\n              'is-hovered': isHovered,\n              'is-completed': isCompleted,\n              'is-selectable': state.isSelectable(key) && !isSelected\n            }\n          )}>\n          <VisuallyHidden {...stepStateProps}>{stepStateText}</VisuallyHidden>\n          <div id={labelId} aria-hidden=\"true\" className={classNames(styles, 'spectrum-Steplist-label')}>\n            {item.rendered}\n          </div>\n          <div\n            className={classNames(\n              styles,\n              'spectrum-Steplist-segment', {\n                'is-completed': isCompleted\n              })} >\n            <svg className={classNames(styles, 'spectrum-Steplist-segmentLine')} xmlns=\"http://www.w3.org/2000/svg\" height=\"100%\" viewBox=\"0 0 2 8\" preserveAspectRatio=\"none\">\n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"8\" vectorEffect=\"non-scaling-stroke\" />\n            </svg>\n            <ChevronRightMedium\n              UNSAFE_className={classNames(styles, 'spectrum-Steplist-chevron', {\n                'is-reversed': direction === 'rtl'\n              })} />\n          </div>\n          <div aria-hidden=\"true\" className={classNames(styles, 'spectrum-Steplist-markerWrapper')}>\n            <div id={markerId}  className={classNames(styles, 'spectrum-Steplist-marker')}>{numberFormatter.format((item.index || 0) + 1)}</div>\n          </div>\n        </a>\n      </FocusRing>\n    </li>\n  );\n}\n"],"names":[],"version":3,"file":"StepListItem.js.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/steplist/StepListItem.tsx"],"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 */\nimport ChevronRightMedium from '@spectrum-icons/ui/ChevronRightMedium';\nimport {classNames} from '../utils/classNames';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport intlMessages from '../../intl/steplist/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Node} from '@react-types/shared';\nimport React, {ReactNode, useContext, useRef} from 'react';\nimport {StepListContext} from './StepListContext';\nimport styles from '@adobe/spectrum-css-temp/components/steplist/vars.css';\nimport {useHover} from 'react-aria/useHover';\nimport {useId} from 'react-aria/useId';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useNumberFormatter} from 'react-aria/useNumberFormatter';\nimport {useStepListItem} from 'react-aria/private/steplist/useStepListItem';\nimport {VisuallyHidden} from 'react-aria/VisuallyHidden';\n\ninterface SpectrumStepListItemProps<T> {\n  item: Node<T>;\n  isDisabled?: boolean;\n  isEmphasized?: boolean;\n  isReadOnly?: boolean;\n}\n\nexport function StepListItem<T>(props: SpectrumStepListItemProps<T>): ReactNode {\n  let {isDisabled, item} = props;\n  let {key} = item;\n\n  let ref = useRef(null);\n  let {direction} = useLocale();\n  let state = useContext(StepListContext)!;\n  const isSelected = state.selectedKey === key;\n  const isCompleted = state.isCompleted(key);\n  const isItemDisabled = isDisabled || state.disabledKeys.has(key);\n  let {stepProps, stepStateProps} = useStepListItem({...props, key}, state, ref);\n\n  let {hoverProps, isHovered} = useHover({\n    ...props,\n    isDisabled: isItemDisabled || isSelected || props.isReadOnly\n  });\n\n  let stepStateText = '';\n  const stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/steplist');\n  const numberFormatter = useNumberFormatter();\n\n  if (isSelected) {\n    stepStateText = stringFormatter.format('current');\n  } else if (isCompleted) {\n    stepStateText = stringFormatter.format('completed');\n  } else {\n    stepStateText = stringFormatter.format('notCompleted');\n  }\n\n  let markerId = useId();\n  let stateId = useId();\n  let labelId = useId();\n\n  return (\n    <li className={classNames(styles, 'spectrum-Steplist-item')}>\n      <FocusRing within focusRingClass={classNames(styles, 'focus-ring')}>\n        <a\n          {...mergeProps(hoverProps, stepProps)}\n          aria-labelledby={`${markerId} ${stateId} ${labelId}`}\n          ref={ref}\n          className={classNames(styles, 'spectrum-Steplist-link', {\n            'is-selected': isSelected && !isItemDisabled,\n            'is-disabled': isItemDisabled,\n            'is-hovered': isHovered,\n            'is-completed': isCompleted,\n            'is-selectable': state.isSelectable(key) && !isSelected\n          })}>\n          <VisuallyHidden {...stepStateProps} id={stateId}>\n            {stepStateText}\n          </VisuallyHidden>\n          <div\n            id={labelId}\n            aria-hidden=\"true\"\n            className={classNames(styles, 'spectrum-Steplist-label')}>\n            {item.rendered}\n          </div>\n          <div\n            className={classNames(styles, 'spectrum-Steplist-segment', {\n              'is-completed': isCompleted\n            })}>\n            <svg\n              className={classNames(styles, 'spectrum-Steplist-segmentLine')}\n              xmlns=\"http://www.w3.org/2000/svg\"\n              height=\"100%\"\n              viewBox=\"0 0 2 8\"\n              preserveAspectRatio=\"none\">\n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"8\" vectorEffect=\"non-scaling-stroke\" />\n            </svg>\n            <ChevronRightMedium\n              UNSAFE_className={classNames(styles, 'spectrum-Steplist-chevron', {\n                'is-reversed': direction === 'rtl'\n              })}\n            />\n          </div>\n          <div aria-hidden=\"true\" className={classNames(styles, 'spectrum-Steplist-markerWrapper')}>\n            <div id={markerId} className={classNames(styles, 'spectrum-Steplist-marker')}>\n              {numberFormatter.format((item.index || 0) + 1)}\n            </div>\n          </div>\n        </a>\n      </FocusRing>\n    </li>\n  );\n}\n"],"names":[],"version":3,"file":"StepListItem.js.map"}

package/dist/private/steplist/StepListItem.mjs

@@ -68,6 +68,7 @@ function $49159f98bfb552a9$export$87c2a8a94eda1754(props) {
     else if (isCompleted) stepStateText = stringFormatter.format('completed');
     else stepStateText = stringFormatter.format('notCompleted');
     let markerId = (0, $8JI0T$useId)();
+    let stateId = (0, $8JI0T$useId)();
     let labelId = (0, $8JI0T$useId)();
     return /*#__PURE__*/ (0, $8JI0T$react).createElement("li", {
         className: (0, $6e6392558d48dfec$export$ce4ab0c55987d1ff)((0, ($parcel$interopDefault($8JI0T$steplist_vars_cssmjs))), 'spectrum-Steplist-item')
@@ -76,7 +77,7 @@ function $49159f98bfb552a9$export$87c2a8a94eda1754(props) {
         focusRingClass: (0, $6e6392558d48dfec$export$ce4ab0c55987d1ff)((0, ($parcel$interopDefault($8JI0T$steplist_vars_cssmjs))), 'focus-ring')
     }, /*#__PURE__*/ (0, $8JI0T$react).createElement("a", {
         ...(0, $8JI0T$mergeProps)(hoverProps, stepProps),
-        "aria-labelledby": `${markerId} ${labelId}`,
+        "aria-labelledby": `${markerId} ${stateId} ${labelId}`,
         ref: ref,
         className: (0, $6e6392558d48dfec$export$ce4ab0c55987d1ff)((0, ($parcel$interopDefault($8JI0T$steplist_vars_cssmjs))), 'spectrum-Steplist-link', {
             'is-selected': isSelected && !isItemDisabled,
@@ -85,7 +86,10 @@ function $49159f98bfb552a9$export$87c2a8a94eda1754(props) {
             'is-completed': isCompleted,
             'is-selectable': state.isSelectable(key) && !isSelected
         })
-    }, /*#__PURE__*/ (0, $8JI0T$react).createElement((0, $8JI0T$VisuallyHidden), stepStateProps, stepStateText), /*#__PURE__*/ (0, $8JI0T$react).createElement("div", {
+    }, /*#__PURE__*/ (0, $8JI0T$react).createElement((0, $8JI0T$VisuallyHidden), {
+        ...stepStateProps,
+        id: stateId
+    }, stepStateText), /*#__PURE__*/ (0, $8JI0T$react).createElement("div", {
         id: labelId,
         "aria-hidden": "true",
         className: (0, $6e6392558d48dfec$export$ce4ab0c55987d1ff)((0, ($parcel$interopDefault($8JI0T$steplist_vars_cssmjs))), 'spectrum-Steplist-label')

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

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/steplist/StepListItem.tsx"],"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 */\nimport ChevronRightMedium from '@spectrum-icons/ui/ChevronRightMedium';\nimport {classNames} from '../utils/classNames';\nimport {FocusRing} from 'react-aria/FocusRing';\n// @ts-ignore\nimport intlMessages from '../../intl/steplist/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Node} from '@react-types/shared';\nimport React, {ReactNode, useContext, useRef} from 'react';\nimport {StepListContext} from './StepListContext';\nimport styles from '@adobe/spectrum-css-temp/components/steplist/vars.css';\nimport {useHover} from 'react-aria/useHover';\nimport {useId} from 'react-aria/useId';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useNumberFormatter} from 'react-aria/useNumberFormatter';\nimport {useStepListItem} from 'react-aria/private/steplist/useStepListItem';\nimport {VisuallyHidden} from 'react-aria/VisuallyHidden';\n\ninterface SpectrumStepListItemProps<T> {\n  item: Node<T>,\n  isDisabled?: boolean,\n  isEmphasized?: boolean,\n  isReadOnly?: boolean\n}\n\nexport function StepListItem<T>(props: SpectrumStepListItemProps<T>): ReactNode {\n  let {\n    isDisabled,\n    item\n  } = props;\n  let {key} = item;\n\n  let ref = useRef(null);\n  let {direction} = useLocale();\n  let state = useContext(StepListContext)!;\n  const isSelected = state.selectedKey === key;\n  const isCompleted = state.isCompleted(key);\n  const isItemDisabled = isDisabled || state.disabledKeys.has(key);\n  let {stepProps, stepStateProps} = useStepListItem({...props, key}, state, ref);\n\n  let {hoverProps, isHovered} = useHover({...props, isDisabled: isItemDisabled || isSelected || props.isReadOnly});\n\n\n  let stepStateText = '';\n  const stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/steplist');\n  const numberFormatter = useNumberFormatter();\n\n  if (isSelected) {\n    stepStateText = stringFormatter.format('current');\n  } else if (isCompleted) {\n    stepStateText = stringFormatter.format('completed');\n  } else {\n    stepStateText = stringFormatter.format('notCompleted');\n  }\n\n  let markerId = useId();\n  let labelId = useId();\n\n  return (\n    <li\n      className={\n        classNames(\n          styles,\n          'spectrum-Steplist-item'\n        )\n      }>\n      <FocusRing within focusRingClass={classNames(styles, 'focus-ring')}>\n        <a\n          {...mergeProps(hoverProps, stepProps)}\n          aria-labelledby={`${markerId} ${labelId}`}\n          ref={ref}\n          className={classNames(\n            styles,\n            'spectrum-Steplist-link',\n            {\n              'is-selected': isSelected && !isItemDisabled,\n              'is-disabled': isItemDisabled,\n              'is-hovered': isHovered,\n              'is-completed': isCompleted,\n              'is-selectable': state.isSelectable(key) && !isSelected\n            }\n          )}>\n          <VisuallyHidden {...stepStateProps}>{stepStateText}</VisuallyHidden>\n          <div id={labelId} aria-hidden=\"true\" className={classNames(styles, 'spectrum-Steplist-label')}>\n            {item.rendered}\n          </div>\n          <div\n            className={classNames(\n              styles,\n              'spectrum-Steplist-segment', {\n                'is-completed': isCompleted\n              })} >\n            <svg className={classNames(styles, 'spectrum-Steplist-segmentLine')} xmlns=\"http://www.w3.org/2000/svg\" height=\"100%\" viewBox=\"0 0 2 8\" preserveAspectRatio=\"none\">\n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"8\" vectorEffect=\"non-scaling-stroke\" />\n            </svg>\n            <ChevronRightMedium\n              UNSAFE_className={classNames(styles, 'spectrum-Steplist-chevron', {\n                'is-reversed': direction === 'rtl'\n              })} />\n          </div>\n          <div aria-hidden=\"true\" className={classNames(styles, 'spectrum-Steplist-markerWrapper')}>\n            <div id={markerId}  className={classNames(styles, 'spectrum-Steplist-marker')}>{numberFormatter.format((item.index || 0) + 1)}</div>\n          </div>\n        </a>\n      </FocusRing>\n    </li>\n  );\n}\n"],"names":[],"version":3,"file":"StepListItem.mjs.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/steplist/StepListItem.tsx"],"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 */\nimport ChevronRightMedium from '@spectrum-icons/ui/ChevronRightMedium';\nimport {classNames} from '../utils/classNames';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport intlMessages from '../../intl/steplist/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Node} from '@react-types/shared';\nimport React, {ReactNode, useContext, useRef} from 'react';\nimport {StepListContext} from './StepListContext';\nimport styles from '@adobe/spectrum-css-temp/components/steplist/vars.css';\nimport {useHover} from 'react-aria/useHover';\nimport {useId} from 'react-aria/useId';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useNumberFormatter} from 'react-aria/useNumberFormatter';\nimport {useStepListItem} from 'react-aria/private/steplist/useStepListItem';\nimport {VisuallyHidden} from 'react-aria/VisuallyHidden';\n\ninterface SpectrumStepListItemProps<T> {\n  item: Node<T>;\n  isDisabled?: boolean;\n  isEmphasized?: boolean;\n  isReadOnly?: boolean;\n}\n\nexport function StepListItem<T>(props: SpectrumStepListItemProps<T>): ReactNode {\n  let {isDisabled, item} = props;\n  let {key} = item;\n\n  let ref = useRef(null);\n  let {direction} = useLocale();\n  let state = useContext(StepListContext)!;\n  const isSelected = state.selectedKey === key;\n  const isCompleted = state.isCompleted(key);\n  const isItemDisabled = isDisabled || state.disabledKeys.has(key);\n  let {stepProps, stepStateProps} = useStepListItem({...props, key}, state, ref);\n\n  let {hoverProps, isHovered} = useHover({\n    ...props,\n    isDisabled: isItemDisabled || isSelected || props.isReadOnly\n  });\n\n  let stepStateText = '';\n  const stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/steplist');\n  const numberFormatter = useNumberFormatter();\n\n  if (isSelected) {\n    stepStateText = stringFormatter.format('current');\n  } else if (isCompleted) {\n    stepStateText = stringFormatter.format('completed');\n  } else {\n    stepStateText = stringFormatter.format('notCompleted');\n  }\n\n  let markerId = useId();\n  let stateId = useId();\n  let labelId = useId();\n\n  return (\n    <li className={classNames(styles, 'spectrum-Steplist-item')}>\n      <FocusRing within focusRingClass={classNames(styles, 'focus-ring')}>\n        <a\n          {...mergeProps(hoverProps, stepProps)}\n          aria-labelledby={`${markerId} ${stateId} ${labelId}`}\n          ref={ref}\n          className={classNames(styles, 'spectrum-Steplist-link', {\n            'is-selected': isSelected && !isItemDisabled,\n            'is-disabled': isItemDisabled,\n            'is-hovered': isHovered,\n            'is-completed': isCompleted,\n            'is-selectable': state.isSelectable(key) && !isSelected\n          })}>\n          <VisuallyHidden {...stepStateProps} id={stateId}>\n            {stepStateText}\n          </VisuallyHidden>\n          <div\n            id={labelId}\n            aria-hidden=\"true\"\n            className={classNames(styles, 'spectrum-Steplist-label')}>\n            {item.rendered}\n          </div>\n          <div\n            className={classNames(styles, 'spectrum-Steplist-segment', {\n              'is-completed': isCompleted\n            })}>\n            <svg\n              className={classNames(styles, 'spectrum-Steplist-segmentLine')}\n              xmlns=\"http://www.w3.org/2000/svg\"\n              height=\"100%\"\n              viewBox=\"0 0 2 8\"\n              preserveAspectRatio=\"none\">\n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"8\" vectorEffect=\"non-scaling-stroke\" />\n            </svg>\n            <ChevronRightMedium\n              UNSAFE_className={classNames(styles, 'spectrum-Steplist-chevron', {\n                'is-reversed': direction === 'rtl'\n              })}\n            />\n          </div>\n          <div aria-hidden=\"true\" className={classNames(styles, 'spectrum-Steplist-markerWrapper')}>\n            <div id={markerId} className={classNames(styles, 'spectrum-Steplist-marker')}>\n              {numberFormatter.format((item.index || 0) + 1)}\n            </div>\n          </div>\n        </a>\n      </FocusRing>\n    </li>\n  );\n}\n"],"names":[],"version":3,"file":"StepListItem.mjs.map"}