@react-stately/steplist 3.0.0-alpha.1 → 3.0.0-alpha.11

package/dist/import.mjs

@@ -1,18 +1,6 @@
-import {useSingleSelectListState as $1ZKEJ$useSingleSelectListState} from "@react-stately/list";
-import {useMemo as $1ZKEJ$useMemo, useCallback as $1ZKEJ$useCallback, useEffect as $1ZKEJ$useEffect} from "react";
-import {useControlledState as $1ZKEJ$useControlledState} from "@react-stately/utils";
+import {useStepListState as $cc8d414d37c075f2$export$a993ed2a771330b} from "./useStepListState.mjs";
 
 /*
- * Copyright 2023 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * 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.
- */ /*
  * Copyright 2023 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
@@ -25,81 +13,5 @@ import {useControlledState as $1ZKEJ$useControlledState} from "@react-stately/ut
  */ 
 
 
-function $cc8d414d37c075f2$export$a993ed2a771330b(props) {
-    let state = (0, $1ZKEJ$useSingleSelectListState)(props);
-    let [lastCompletedStep, setLastCompletedStep] = (0, $1ZKEJ$useControlledState)(props.lastCompletedStep, props.defaultLastCompletedStep, props.onLastCompletedStepChange);
-    const { setSelectedKey: realSetSelectedKey, selectedKey: selectedKey, collection: collection } = state;
-    const { indexMap: indexMap, keysLinkedList: keysLinkedList } = (0, $1ZKEJ$useMemo)(()=>$cc8d414d37c075f2$var$buildKeysMaps(collection), [
-        collection
-    ]);
-    const selectedIdx = indexMap.get(selectedKey);
-    const isCompleted = (0, $1ZKEJ$useCallback)((step)=>{
-        if (step === undefined) return false;
-        return indexMap.get(step) <= indexMap.get(lastCompletedStep);
-    }, [
-        indexMap,
-        lastCompletedStep
-    ]);
-    const findDefaultSelectedKey = (0, $1ZKEJ$useCallback)((collection, disabledKeys)=>{
-        let selectedKey = null;
-        if (collection) {
-            selectedKey = collection.getFirstKey();
-            // loop over keys until we find one that isn't completed or disabled and select that
-            while(selectedKey !== collection.getLastKey() && (disabledKeys.has(selectedKey) || isCompleted(selectedKey)))selectedKey = collection.getKeyAfter(selectedKey);
-        }
-        return selectedKey;
-    }, [
-        isCompleted
-    ]);
-    (0, $1ZKEJ$useEffect)(()=>{
-        // Ensure a step is always selected (in case no selected key was specified or if selected item was deleted from collection)
-        let selectedKey = state.selectedKey;
-        if (state.selectionManager.isEmpty || !state.collection.getItem(selectedKey)) {
-            selectedKey = findDefaultSelectedKey(state.collection, state.disabledKeys);
-            state.selectionManager.replaceSelection(selectedKey);
-        }
-        if (state.selectionManager.focusedKey == null) state.selectionManager.setFocusedKey(selectedKey);
-        var _indexMap_get;
-        if (selectedIdx > 0 && selectedIdx > ((_indexMap_get = indexMap.get(lastCompletedStep)) !== null && _indexMap_get !== void 0 ? _indexMap_get : -1) + 1) setLastCompletedStep(keysLinkedList.get(selectedKey));
-    });
-    function isSelectable(step) {
-        if (props.isDisabled || state.disabledKeys.has(step) || props.isReadOnly) return false;
-        if (isCompleted(step)) return true;
-        const prevStep = keysLinkedList.get(step);
-        return isCompleted(prevStep) || step === state.collection.getFirstKey();
-    }
-    function setSelectedKey(key) {
-        const prevKey = keysLinkedList.get(key);
-        if (prevKey && !isCompleted(prevKey)) setLastCompletedStep(prevKey);
-        realSetSelectedKey(key);
-    }
-    return {
-        ...state,
-        setSelectedKey: setSelectedKey,
-        setLastCompletedStep: setLastCompletedStep,
-        isCompleted: isCompleted,
-        isSelectable: isSelectable
-    };
-}
-function $cc8d414d37c075f2$var$buildKeysMaps(coll) {
-    const indexMap = new Map();
-    const keysLinkedList = new Map();
-    let i = 0;
-    let prev = undefined;
-    for (const item of coll){
-        indexMap.set(item.key, i);
-        keysLinkedList.set(item.key, prev === null || prev === void 0 ? void 0 : prev.key);
-        prev = item;
-        i++;
-    }
-    return {
-        indexMap: indexMap,
-        keysLinkedList: keysLinkedList
-    };
-}
-
-
-
-
 export {$cc8d414d37c075f2$export$a993ed2a771330b as useStepListState};
 //# sourceMappingURL=module.js.map

package/dist/main.js

@@ -1,24 +1,12 @@
-var $cNR0n$reactstatelylist = require("@react-stately/list");
-var $cNR0n$react = require("react");
-var $cNR0n$reactstatelyutils = require("@react-stately/utils");
+var $e8f7edc240568f41$exports = require("./useStepListState.main.js");
 
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-$parcel$export(module.exports, "useStepListState", () => $e8f7edc240568f41$export$a993ed2a771330b);
+$parcel$export(module.exports, "useStepListState", () => $e8f7edc240568f41$exports.useStepListState);
 /*
- * Copyright 2023 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * 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.
- */ /*
  * Copyright 2023 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
@@ -31,80 +19,4 @@ $parcel$export(module.exports, "useStepListState", () => $e8f7edc240568f41$expor
  */ 
 
 
-function $e8f7edc240568f41$export$a993ed2a771330b(props) {
-    let state = (0, $cNR0n$reactstatelylist.useSingleSelectListState)(props);
-    let [lastCompletedStep, setLastCompletedStep] = (0, $cNR0n$reactstatelyutils.useControlledState)(props.lastCompletedStep, props.defaultLastCompletedStep, props.onLastCompletedStepChange);
-    const { setSelectedKey: realSetSelectedKey, selectedKey: selectedKey, collection: collection } = state;
-    const { indexMap: indexMap, keysLinkedList: keysLinkedList } = (0, $cNR0n$react.useMemo)(()=>$e8f7edc240568f41$var$buildKeysMaps(collection), [
-        collection
-    ]);
-    const selectedIdx = indexMap.get(selectedKey);
-    const isCompleted = (0, $cNR0n$react.useCallback)((step)=>{
-        if (step === undefined) return false;
-        return indexMap.get(step) <= indexMap.get(lastCompletedStep);
-    }, [
-        indexMap,
-        lastCompletedStep
-    ]);
-    const findDefaultSelectedKey = (0, $cNR0n$react.useCallback)((collection, disabledKeys)=>{
-        let selectedKey = null;
-        if (collection) {
-            selectedKey = collection.getFirstKey();
-            // loop over keys until we find one that isn't completed or disabled and select that
-            while(selectedKey !== collection.getLastKey() && (disabledKeys.has(selectedKey) || isCompleted(selectedKey)))selectedKey = collection.getKeyAfter(selectedKey);
-        }
-        return selectedKey;
-    }, [
-        isCompleted
-    ]);
-    (0, $cNR0n$react.useEffect)(()=>{
-        // Ensure a step is always selected (in case no selected key was specified or if selected item was deleted from collection)
-        let selectedKey = state.selectedKey;
-        if (state.selectionManager.isEmpty || !state.collection.getItem(selectedKey)) {
-            selectedKey = findDefaultSelectedKey(state.collection, state.disabledKeys);
-            state.selectionManager.replaceSelection(selectedKey);
-        }
-        if (state.selectionManager.focusedKey == null) state.selectionManager.setFocusedKey(selectedKey);
-        var _indexMap_get;
-        if (selectedIdx > 0 && selectedIdx > ((_indexMap_get = indexMap.get(lastCompletedStep)) !== null && _indexMap_get !== void 0 ? _indexMap_get : -1) + 1) setLastCompletedStep(keysLinkedList.get(selectedKey));
-    });
-    function isSelectable(step) {
-        if (props.isDisabled || state.disabledKeys.has(step) || props.isReadOnly) return false;
-        if (isCompleted(step)) return true;
-        const prevStep = keysLinkedList.get(step);
-        return isCompleted(prevStep) || step === state.collection.getFirstKey();
-    }
-    function setSelectedKey(key) {
-        const prevKey = keysLinkedList.get(key);
-        if (prevKey && !isCompleted(prevKey)) setLastCompletedStep(prevKey);
-        realSetSelectedKey(key);
-    }
-    return {
-        ...state,
-        setSelectedKey: setSelectedKey,
-        setLastCompletedStep: setLastCompletedStep,
-        isCompleted: isCompleted,
-        isSelectable: isSelectable
-    };
-}
-function $e8f7edc240568f41$var$buildKeysMaps(coll) {
-    const indexMap = new Map();
-    const keysLinkedList = new Map();
-    let i = 0;
-    let prev = undefined;
-    for (const item of coll){
-        indexMap.set(item.key, i);
-        keysLinkedList.set(item.key, prev === null || prev === void 0 ? void 0 : prev.key);
-        prev = item;
-        i++;
-    }
-    return {
-        indexMap: indexMap,
-        keysLinkedList: keysLinkedList
-    };
-}
-
-
-
-
 //# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;AAAA;;;;;;;;;;ACAA;;;;;;;;;;CAUC;;;AA2BM,SAAS,yCAAmC,KAAuB;IACxE,IAAI,QAAQ,CAAA,GAAA,gDAAuB,EAAK;IAExC,IAAI,CAAC,mBAAmB,qBAAqB,GAAG,CAAA,GAAA,2CAAiB,EAAO,MAAM,iBAAiB,EAAE,MAAM,wBAAwB,EAAE,MAAM,yBAAyB;IAChK,MAAM,EAAC,gBAAgB,kBAAkB,eAAE,WAAW,cAAE,UAAU,EAAC,GAAG;IACtE,MAAM,YAAC,QAAQ,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,oBAAM,EAAE,IAAM,oCAAc,aAAa;QAAC;KAAW;IACxF,MAAM,cAAc,SAAS,GAAG,CAAC;IAEjC,MAAM,cAAc,CAAA,GAAA,wBAAU,EAAE,CAAC;QAC/B,IAAI,SAAS,WACX,OAAO;QAGT,OAAO,SAAS,GAAG,CAAC,SAAS,SAAS,GAAG,CAAC;IAC5C,GAAG;QAAC;QAAU;KAAkB;IAEhC,MAAM,yBAAyB,CAAA,GAAA,wBAAU,EAAE,CAAC,YAAwC;QAClF,IAAI,cAAc;QAClB,IAAI,YAAY;YACd,cAAc,WAAW,WAAW;YACpC,oFAAoF;YACpF,MAAO,gBAAgB,WAAW,UAAU,MAAO,CAAA,aAAa,GAAG,CAAC,gBAAgB,YAAY,YAAW,EACzG,cAAc,WAAW,WAAW,CAAC;QAEzC;QAEA,OAAO;IACT,GAAG;QAAC;KAAY;IAEhB,CAAA,GAAA,sBAAQ,EAAE;QACR,2HAA2H;QAC3H,IAAI,cAAc,MAAM,WAAW;QACnC,IAAI,MAAM,gBAAgB,CAAC,OAAO,IAAI,CAAC,MAAM,UAAU,CAAC,OAAO,CAAC,cAAc;YAC5E,cAAc,uBAAuB,MAAM,UAAU,EAAE,MAAM,YAAY;YACzE,MAAM,gBAAgB,CAAC,gBAAgB,CAAC;QAC1C;QAEA,IAAI,MAAM,gBAAgB,CAAC,UAAU,IAAI,MACvC,MAAM,gBAAgB,CAAC,aAAa,CAAC;YAGD;QAAtC,IAAI,cAAc,KAAK,cAAc,AAAC,CAAA,CAAA,gBAAA,SAAS,GAAG,CAAC,gCAAb,2BAAA,gBAAmC,EAAC,IAAK,GAC7E,qBAAqB,eAAe,GAAG,CAAC;IAE5C;IAEA,SAAS,aAAa,IAAS;QAC7B,IAAI,MAAM,UAAU,IAAI,MAAM,YAAY,CAAC,GAAG,CAAC,SAAS,MAAM,UAAU,EACtE,OAAO;QAGT,IAAI,YAAY,OACd,OAAO;QAGT,MAAM,WAAW,eAAe,GAAG,CAAC;QACpC,OAAO,YAAY,aAAa,SAAS,MAAM,UAAU,CAAC,WAAW;IACvE;IAEA,SAAS,eAAe,GAAQ;QAC9B,MAAM,UAAU,eAAe,GAAG,CAAC;QACnC,IAAI,WAAW,CAAC,YAAY,UAC1B,qBAAqB;QAEvB,mBAAmB;IACrB;IAEA,OAAO;QACL,GAAG,KAAK;wBACR;8BACA;qBACA;sBACA;IACF;AACF;AAEA,SAAS,oCAAiB,IAAyB;IACjD,MAAM,WAAW,IAAI;IACrB,MAAM,iBAAiB,IAAI;IAC3B,IAAI,IAAI;IACR,IAAI,OAAgB;IACpB,KAAK,MAAM,QAAQ,KAAM;QACvB,SAAS,GAAG,CAAC,KAAK,GAAG,EAAE;QACvB,eAAe,GAAG,CAAC,KAAK,GAAG,EAAE,iBAAA,2BAAA,KAAM,GAAG;QACtC,OAAO;QACP;IACF;IACA,OAAO;kBACL;wBACA;IACF;AACF;;CDtHC","sources":["packages/@react-stately/steplist/src/index.ts","packages/@react-stately/steplist/src/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\nexport {useStepListState} from './useStepListState';\nexport type {StepListProps, StepListState} from './useStepListState';\n","/*\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 '@react-stately/list';\nimport {useCallback, useEffect, useMemo} from 'react';\nimport {useControlledState} from '@react-stately/utils';\n\nexport interface StepListProps<T> extends CollectionBase<T>, SingleSelection {\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) => 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}\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>(props);\n\n  let [lastCompletedStep, setLastCompletedStep] = useControlledState<Key>(props.lastCompletedStep, props.defaultLastCompletedStep, props.onLastCompletedStepChange);\n  const {setSelectedKey: realSetSelectedKey, selectedKey, collection} = state;\n  const {indexMap, keysLinkedList} = useMemo(() => buildKeysMaps(collection), [collection]);\n  const selectedIdx = indexMap.get(selectedKey);\n\n  const isCompleted = useCallback((step: Key) => {\n    if (step === undefined) {\n      return false;\n    }\n\n    return 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 = null;\n    if (collection) {\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() && (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 = state.selectedKey;\n    if (state.selectionManager.isEmpty || !state.collection.getItem(selectedKey)) {\n      selectedKey = findDefaultSelectedKey(state.collection, state.disabledKeys);\n      state.selectionManager.replaceSelection(selectedKey);\n    }\n\n    if (state.selectionManager.focusedKey == null) {\n      state.selectionManager.setFocusedKey(selectedKey);\n    }\n\n    if (selectedIdx > 0 && selectedIdx > (indexMap.get(lastCompletedStep) ?? -1) + 1) {\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>>): { indexMap: Map<Key, number>, keysLinkedList: Map<Key, Key> } {\n  const indexMap = new Map<Key, number>();\n  const keysLinkedList = new Map<Key, Key>();\n  let i = 0;\n  let prev: Node<T> = 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":"main.js.map"}
+{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC","sources":["packages/@react-stately/steplist/src/index.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\nexport {useStepListState} from './useStepListState';\nexport type {StepListProps, StepListState} from './useStepListState';\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/module.js

@@ -1,18 +1,6 @@
-import {useSingleSelectListState as $1ZKEJ$useSingleSelectListState} from "@react-stately/list";
-import {useMemo as $1ZKEJ$useMemo, useCallback as $1ZKEJ$useCallback, useEffect as $1ZKEJ$useEffect} from "react";
-import {useControlledState as $1ZKEJ$useControlledState} from "@react-stately/utils";
+import {useStepListState as $cc8d414d37c075f2$export$a993ed2a771330b} from "./useStepListState.module.js";
 
 /*
- * Copyright 2023 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * 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.
- */ /*
  * Copyright 2023 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
@@ -25,81 +13,5 @@ import {useControlledState as $1ZKEJ$useControlledState} from "@react-stately/ut
  */ 
 
 
-function $cc8d414d37c075f2$export$a993ed2a771330b(props) {
-    let state = (0, $1ZKEJ$useSingleSelectListState)(props);
-    let [lastCompletedStep, setLastCompletedStep] = (0, $1ZKEJ$useControlledState)(props.lastCompletedStep, props.defaultLastCompletedStep, props.onLastCompletedStepChange);
-    const { setSelectedKey: realSetSelectedKey, selectedKey: selectedKey, collection: collection } = state;
-    const { indexMap: indexMap, keysLinkedList: keysLinkedList } = (0, $1ZKEJ$useMemo)(()=>$cc8d414d37c075f2$var$buildKeysMaps(collection), [
-        collection
-    ]);
-    const selectedIdx = indexMap.get(selectedKey);
-    const isCompleted = (0, $1ZKEJ$useCallback)((step)=>{
-        if (step === undefined) return false;
-        return indexMap.get(step) <= indexMap.get(lastCompletedStep);
-    }, [
-        indexMap,
-        lastCompletedStep
-    ]);
-    const findDefaultSelectedKey = (0, $1ZKEJ$useCallback)((collection, disabledKeys)=>{
-        let selectedKey = null;
-        if (collection) {
-            selectedKey = collection.getFirstKey();
-            // loop over keys until we find one that isn't completed or disabled and select that
-            while(selectedKey !== collection.getLastKey() && (disabledKeys.has(selectedKey) || isCompleted(selectedKey)))selectedKey = collection.getKeyAfter(selectedKey);
-        }
-        return selectedKey;
-    }, [
-        isCompleted
-    ]);
-    (0, $1ZKEJ$useEffect)(()=>{
-        // Ensure a step is always selected (in case no selected key was specified or if selected item was deleted from collection)
-        let selectedKey = state.selectedKey;
-        if (state.selectionManager.isEmpty || !state.collection.getItem(selectedKey)) {
-            selectedKey = findDefaultSelectedKey(state.collection, state.disabledKeys);
-            state.selectionManager.replaceSelection(selectedKey);
-        }
-        if (state.selectionManager.focusedKey == null) state.selectionManager.setFocusedKey(selectedKey);
-        var _indexMap_get;
-        if (selectedIdx > 0 && selectedIdx > ((_indexMap_get = indexMap.get(lastCompletedStep)) !== null && _indexMap_get !== void 0 ? _indexMap_get : -1) + 1) setLastCompletedStep(keysLinkedList.get(selectedKey));
-    });
-    function isSelectable(step) {
-        if (props.isDisabled || state.disabledKeys.has(step) || props.isReadOnly) return false;
-        if (isCompleted(step)) return true;
-        const prevStep = keysLinkedList.get(step);
-        return isCompleted(prevStep) || step === state.collection.getFirstKey();
-    }
-    function setSelectedKey(key) {
-        const prevKey = keysLinkedList.get(key);
-        if (prevKey && !isCompleted(prevKey)) setLastCompletedStep(prevKey);
-        realSetSelectedKey(key);
-    }
-    return {
-        ...state,
-        setSelectedKey: setSelectedKey,
-        setLastCompletedStep: setLastCompletedStep,
-        isCompleted: isCompleted,
-        isSelectable: isSelectable
-    };
-}
-function $cc8d414d37c075f2$var$buildKeysMaps(coll) {
-    const indexMap = new Map();
-    const keysLinkedList = new Map();
-    let i = 0;
-    let prev = undefined;
-    for (const item of coll){
-        indexMap.set(item.key, i);
-        keysLinkedList.set(item.key, prev === null || prev === void 0 ? void 0 : prev.key);
-        prev = item;
-        i++;
-    }
-    return {
-        indexMap: indexMap,
-        keysLinkedList: keysLinkedList
-    };
-}
-
-
-
-
 export {$cc8d414d37c075f2$export$a993ed2a771330b as useStepListState};
 //# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":";;;;AAAA;;;;;;;;;;ACAA;;;;;;;;;;CAUC;;;AA2BM,SAAS,yCAAmC,KAAuB;IACxE,IAAI,QAAQ,CAAA,GAAA,+BAAuB,EAAK;IAExC,IAAI,CAAC,mBAAmB,qBAAqB,GAAG,CAAA,GAAA,yBAAiB,EAAO,MAAM,iBAAiB,EAAE,MAAM,wBAAwB,EAAE,MAAM,yBAAyB;IAChK,MAAM,EAAC,gBAAgB,kBAAkB,eAAE,WAAW,cAAE,UAAU,EAAC,GAAG;IACtE,MAAM,YAAC,QAAQ,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,cAAM,EAAE,IAAM,oCAAc,aAAa;QAAC;KAAW;IACxF,MAAM,cAAc,SAAS,GAAG,CAAC;IAEjC,MAAM,cAAc,CAAA,GAAA,kBAAU,EAAE,CAAC;QAC/B,IAAI,SAAS,WACX,OAAO;QAGT,OAAO,SAAS,GAAG,CAAC,SAAS,SAAS,GAAG,CAAC;IAC5C,GAAG;QAAC;QAAU;KAAkB;IAEhC,MAAM,yBAAyB,CAAA,GAAA,kBAAU,EAAE,CAAC,YAAwC;QAClF,IAAI,cAAc;QAClB,IAAI,YAAY;YACd,cAAc,WAAW,WAAW;YACpC,oFAAoF;YACpF,MAAO,gBAAgB,WAAW,UAAU,MAAO,CAAA,aAAa,GAAG,CAAC,gBAAgB,YAAY,YAAW,EACzG,cAAc,WAAW,WAAW,CAAC;QAEzC;QAEA,OAAO;IACT,GAAG;QAAC;KAAY;IAEhB,CAAA,GAAA,gBAAQ,EAAE;QACR,2HAA2H;QAC3H,IAAI,cAAc,MAAM,WAAW;QACnC,IAAI,MAAM,gBAAgB,CAAC,OAAO,IAAI,CAAC,MAAM,UAAU,CAAC,OAAO,CAAC,cAAc;YAC5E,cAAc,uBAAuB,MAAM,UAAU,EAAE,MAAM,YAAY;YACzE,MAAM,gBAAgB,CAAC,gBAAgB,CAAC;QAC1C;QAEA,IAAI,MAAM,gBAAgB,CAAC,UAAU,IAAI,MACvC,MAAM,gBAAgB,CAAC,aAAa,CAAC;YAGD;QAAtC,IAAI,cAAc,KAAK,cAAc,AAAC,CAAA,CAAA,gBAAA,SAAS,GAAG,CAAC,gCAAb,2BAAA,gBAAmC,EAAC,IAAK,GAC7E,qBAAqB,eAAe,GAAG,CAAC;IAE5C;IAEA,SAAS,aAAa,IAAS;QAC7B,IAAI,MAAM,UAAU,IAAI,MAAM,YAAY,CAAC,GAAG,CAAC,SAAS,MAAM,UAAU,EACtE,OAAO;QAGT,IAAI,YAAY,OACd,OAAO;QAGT,MAAM,WAAW,eAAe,GAAG,CAAC;QACpC,OAAO,YAAY,aAAa,SAAS,MAAM,UAAU,CAAC,WAAW;IACvE;IAEA,SAAS,eAAe,GAAQ;QAC9B,MAAM,UAAU,eAAe,GAAG,CAAC;QACnC,IAAI,WAAW,CAAC,YAAY,UAC1B,qBAAqB;QAEvB,mBAAmB;IACrB;IAEA,OAAO;QACL,GAAG,KAAK;wBACR;8BACA;qBACA;sBACA;IACF;AACF;AAEA,SAAS,oCAAiB,IAAyB;IACjD,MAAM,WAAW,IAAI;IACrB,MAAM,iBAAiB,IAAI;IAC3B,IAAI,IAAI;IACR,IAAI,OAAgB;IACpB,KAAK,MAAM,QAAQ,KAAM;QACvB,SAAS,GAAG,CAAC,KAAK,GAAG,EAAE;QACvB,eAAe,GAAG,CAAC,KAAK,GAAG,EAAE,iBAAA,2BAAA,KAAM,GAAG;QACtC,OAAO;QACP;IACF;IACA,OAAO;kBACL;wBACA;IACF;AACF;;CDtHC","sources":["packages/@react-stately/steplist/src/index.ts","packages/@react-stately/steplist/src/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\nexport {useStepListState} from './useStepListState';\nexport type {StepListProps, StepListState} from './useStepListState';\n","/*\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 '@react-stately/list';\nimport {useCallback, useEffect, useMemo} from 'react';\nimport {useControlledState} from '@react-stately/utils';\n\nexport interface StepListProps<T> extends CollectionBase<T>, SingleSelection {\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) => 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}\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>(props);\n\n  let [lastCompletedStep, setLastCompletedStep] = useControlledState<Key>(props.lastCompletedStep, props.defaultLastCompletedStep, props.onLastCompletedStepChange);\n  const {setSelectedKey: realSetSelectedKey, selectedKey, collection} = state;\n  const {indexMap, keysLinkedList} = useMemo(() => buildKeysMaps(collection), [collection]);\n  const selectedIdx = indexMap.get(selectedKey);\n\n  const isCompleted = useCallback((step: Key) => {\n    if (step === undefined) {\n      return false;\n    }\n\n    return 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 = null;\n    if (collection) {\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() && (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 = state.selectedKey;\n    if (state.selectionManager.isEmpty || !state.collection.getItem(selectedKey)) {\n      selectedKey = findDefaultSelectedKey(state.collection, state.disabledKeys);\n      state.selectionManager.replaceSelection(selectedKey);\n    }\n\n    if (state.selectionManager.focusedKey == null) {\n      state.selectionManager.setFocusedKey(selectedKey);\n    }\n\n    if (selectedIdx > 0 && selectedIdx > (indexMap.get(lastCompletedStep) ?? -1) + 1) {\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>>): { indexMap: Map<Key, number>, keysLinkedList: Map<Key, Key> } {\n  const indexMap = new Map<Key, number>();\n  const keysLinkedList = new Map<Key, Key>();\n  let i = 0;\n  let prev: Node<T> = 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":"module.js.map"}
+{"mappings":";;AAAA;;;;;;;;;;CAUC","sources":["packages/@react-stately/steplist/src/index.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\nexport {useStepListState} from './useStepListState';\nexport type {StepListProps, StepListState} from './useStepListState';\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/types.d.ts

@@ -6,7 +6,7 @@ export interface StepListProps<T> extends CollectionBase<T>, SingleSelection {
     /** The key of the initially last completed step (uncontrolled). */
     defaultLastCompletedStep?: Key;
     /** Callback for when the last completed step changes. */
-    onLastCompletedStepChange?: (key: Key) => void;
+    onLastCompletedStepChange?: (key: Key | null) => void;
     /** Whether the step list is disabled. Steps will not be focusable or interactive. */
     isDisabled?: boolean;
     /** Whether the step list is read only. Steps will be focusable but non-interactive. */

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"mappings":";;AAiBA,+BAA+B,CAAC,CAAE,SAAQ,eAAe,CAAC,CAAC,EAAE,eAAe;IAC1E,uDAAuD;IACvD,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,mEAAmE;IACnE,wBAAwB,CAAC,EAAE,GAAG,CAAC;IAC/B,yDAAyD;IACzD,yBAAyB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/C,qFAAqF;IACrF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uFAAuF;IACvF,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,+BAA+B,CAAC,CAAE,SAAQ,sBAAsB,CAAC,CAAC;IAChE,QAAQ,CAAC,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACjC,oBAAoB,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC;IACrC,WAAW,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO,CAAC;IAC/B,YAAY,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO,CAAA;CAChC;AAED,iCAAiC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CA0E5F","sources":["packages/@react-stately/steplist/src/packages/@react-stately/steplist/src/useStepListState.ts","packages/@react-stately/steplist/src/packages/@react-stately/steplist/src/index.ts","packages/@react-stately/steplist/src/index.ts"],"sourcesContent":[null,null,"/*\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\nexport {useStepListState} from './useStepListState';\nexport type {StepListProps, StepListState} from './useStepListState';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
+{"mappings":";;AAiBA,+BAA+B,CAAC,CAAE,SAAQ,eAAe,CAAC,CAAC,EAAE,eAAe;IAC1E,uDAAuD;IACvD,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,mEAAmE;IACnE,wBAAwB,CAAC,EAAE,GAAG,CAAC;IAC/B,yDAAyD;IACzD,yBAAyB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,KAAK,IAAI,CAAC;IACtD,qFAAqF;IACrF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uFAAuF;IACvF,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,+BAA+B,CAAC,CAAE,SAAQ,sBAAsB,CAAC,CAAC;IAChE,QAAQ,CAAC,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACjC,oBAAoB,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC;IACrC,WAAW,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO,CAAC;IAC/B,YAAY,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO,CAAA;CAChC;AAED,iCAAiC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAiF5F","sources":["packages/@react-stately/steplist/src/packages/@react-stately/steplist/src/useStepListState.ts","packages/@react-stately/steplist/src/packages/@react-stately/steplist/src/index.ts","packages/@react-stately/steplist/src/index.ts"],"sourcesContent":[null,null,"/*\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\nexport {useStepListState} from './useStepListState';\nexport type {StepListProps, StepListState} from './useStepListState';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/dist/useStepListState.main.js

@@ -0,0 +1,100 @@
+var $bBs4a$reactstatelylist = require("@react-stately/list");
+var $bBs4a$react = require("react");
+var $bBs4a$reactstatelyutils = require("@react-stately/utils");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useStepListState", () => $e8f7edc240568f41$export$a993ed2a771330b);
+/*
+ * Copyright 2023 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * 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 $e8f7edc240568f41$export$a993ed2a771330b(props) {
+    let state = (0, $bBs4a$reactstatelylist.useSingleSelectListState)(props);
+    var _props_defaultLastCompletedStep;
+    let [lastCompletedStep, setLastCompletedStep] = (0, $bBs4a$reactstatelyutils.useControlledState)(props.lastCompletedStep, (_props_defaultLastCompletedStep = props.defaultLastCompletedStep) !== null && _props_defaultLastCompletedStep !== void 0 ? _props_defaultLastCompletedStep : null, props.onLastCompletedStepChange);
+    const { setSelectedKey: realSetSelectedKey, selectedKey: selectedKey, collection: collection } = state;
+    const { indexMap: indexMap, keysLinkedList: keysLinkedList } = (0, $bBs4a$react.useMemo)(()=>$e8f7edc240568f41$var$buildKeysMaps(collection), [
+        collection
+    ]);
+    const selectedIdx = selectedKey != null ? indexMap.get(selectedKey) : 0;
+    const isCompleted = (0, $bBs4a$react.useCallback)((step)=>{
+        if (step === undefined) return false;
+        return step !== null && lastCompletedStep !== null && indexMap.has(step) && indexMap.has(lastCompletedStep) && indexMap.get(step) <= indexMap.get(lastCompletedStep);
+    }, [
+        indexMap,
+        lastCompletedStep
+    ]);
+    const findDefaultSelectedKey = (0, $bBs4a$react.useCallback)((collection, disabledKeys)=>{
+        let selectedKey = null;
+        if (collection && collection.size > 0) {
+            selectedKey = collection.getFirstKey();
+            // loop over keys until we find one that isn't completed or disabled and select that
+            while(selectedKey !== collection.getLastKey() && selectedKey && (disabledKeys.has(selectedKey) || isCompleted(selectedKey)))selectedKey = collection.getKeyAfter(selectedKey);
+        }
+        return selectedKey;
+    }, [
+        isCompleted
+    ]);
+    (0, $bBs4a$react.useEffect)(()=>{
+        // Ensure a step is always selected (in case no selected key was specified or if selected item was deleted from collection)
+        let selectedKey = state.selectedKey;
+        if (state.selectionManager.isEmpty || selectedKey == null || !state.collection.getItem(selectedKey)) {
+            selectedKey = findDefaultSelectedKey(state.collection, state.disabledKeys);
+            if (selectedKey !== null) state.selectionManager.replaceSelection(selectedKey);
+        }
+        if (state.selectionManager.focusedKey == null) state.selectionManager.setFocusedKey(selectedKey);
+        var _ref;
+        let lcs = (_ref = lastCompletedStep !== null ? indexMap.get(lastCompletedStep) : -1) !== null && _ref !== void 0 ? _ref : -1;
+        if (selectedIdx !== undefined && selectedIdx > 0 && selectedIdx > lcs + 1 && selectedKey !== null && keysLinkedList.has(selectedKey)) setLastCompletedStep(keysLinkedList.get(selectedKey));
+    });
+    function isSelectable(step) {
+        if (props.isDisabled || state.disabledKeys.has(step) || props.isReadOnly) return false;
+        if (isCompleted(step)) return true;
+        const prevStep = keysLinkedList.get(step);
+        return isCompleted(prevStep) || step === state.collection.getFirstKey();
+    }
+    function setSelectedKey(key) {
+        const prevKey = keysLinkedList.get(key);
+        if (prevKey && !isCompleted(prevKey)) setLastCompletedStep(prevKey);
+        realSetSelectedKey(key);
+    }
+    return {
+        ...state,
+        setSelectedKey: setSelectedKey,
+        setLastCompletedStep: setLastCompletedStep,
+        isCompleted: isCompleted,
+        isSelectable: isSelectable
+    };
+}
+function $e8f7edc240568f41$var$buildKeysMaps(coll) {
+    const indexMap = new Map();
+    const keysLinkedList = new Map();
+    let i = 0;
+    let prev = undefined;
+    for (const item of coll){
+        indexMap.set(item.key, i);
+        keysLinkedList.set(item.key, prev === null || prev === void 0 ? void 0 : prev.key);
+        prev = item;
+        i++;
+    }
+    return {
+        indexMap: indexMap,
+        keysLinkedList: keysLinkedList
+    };
+}
+
+
+//# sourceMappingURL=useStepListState.main.js.map

package/dist/useStepListState.main.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/@react-stately/steplist/src/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 '@react-stately/list';\nimport {useCallback, useEffect, useMemo} from 'react';\nimport {useControlledState} from '@react-stately/utils';\n\nexport interface StepListProps<T> extends CollectionBase<T>, SingleSelection {\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}\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>(props);\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.main.js.map"}

package/dist/useStepListState.mjs

@@ -0,0 +1,95 @@
+import {useSingleSelectListState as $4pToV$useSingleSelectListState} from "@react-stately/list";
+import {useMemo as $4pToV$useMemo, useCallback as $4pToV$useCallback, useEffect as $4pToV$useEffect} from "react";
+import {useControlledState as $4pToV$useControlledState} from "@react-stately/utils";
+
+/*
+ * Copyright 2023 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * 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 $cc8d414d37c075f2$export$a993ed2a771330b(props) {
+    let state = (0, $4pToV$useSingleSelectListState)(props);
+    var _props_defaultLastCompletedStep;
+    let [lastCompletedStep, setLastCompletedStep] = (0, $4pToV$useControlledState)(props.lastCompletedStep, (_props_defaultLastCompletedStep = props.defaultLastCompletedStep) !== null && _props_defaultLastCompletedStep !== void 0 ? _props_defaultLastCompletedStep : null, props.onLastCompletedStepChange);
+    const { setSelectedKey: realSetSelectedKey, selectedKey: selectedKey, collection: collection } = state;
+    const { indexMap: indexMap, keysLinkedList: keysLinkedList } = (0, $4pToV$useMemo)(()=>$cc8d414d37c075f2$var$buildKeysMaps(collection), [
+        collection
+    ]);
+    const selectedIdx = selectedKey != null ? indexMap.get(selectedKey) : 0;
+    const isCompleted = (0, $4pToV$useCallback)((step)=>{
+        if (step === undefined) return false;
+        return step !== null && lastCompletedStep !== null && indexMap.has(step) && indexMap.has(lastCompletedStep) && indexMap.get(step) <= indexMap.get(lastCompletedStep);
+    }, [
+        indexMap,
+        lastCompletedStep
+    ]);
+    const findDefaultSelectedKey = (0, $4pToV$useCallback)((collection, disabledKeys)=>{
+        let selectedKey = null;
+        if (collection && collection.size > 0) {
+            selectedKey = collection.getFirstKey();
+            // loop over keys until we find one that isn't completed or disabled and select that
+            while(selectedKey !== collection.getLastKey() && selectedKey && (disabledKeys.has(selectedKey) || isCompleted(selectedKey)))selectedKey = collection.getKeyAfter(selectedKey);
+        }
+        return selectedKey;
+    }, [
+        isCompleted
+    ]);
+    (0, $4pToV$useEffect)(()=>{
+        // Ensure a step is always selected (in case no selected key was specified or if selected item was deleted from collection)
+        let selectedKey = state.selectedKey;
+        if (state.selectionManager.isEmpty || selectedKey == null || !state.collection.getItem(selectedKey)) {
+            selectedKey = findDefaultSelectedKey(state.collection, state.disabledKeys);
+            if (selectedKey !== null) state.selectionManager.replaceSelection(selectedKey);
+        }
+        if (state.selectionManager.focusedKey == null) state.selectionManager.setFocusedKey(selectedKey);
+        var _ref;
+        let lcs = (_ref = lastCompletedStep !== null ? indexMap.get(lastCompletedStep) : -1) !== null && _ref !== void 0 ? _ref : -1;
+        if (selectedIdx !== undefined && selectedIdx > 0 && selectedIdx > lcs + 1 && selectedKey !== null && keysLinkedList.has(selectedKey)) setLastCompletedStep(keysLinkedList.get(selectedKey));
+    });
+    function isSelectable(step) {
+        if (props.isDisabled || state.disabledKeys.has(step) || props.isReadOnly) return false;
+        if (isCompleted(step)) return true;
+        const prevStep = keysLinkedList.get(step);
+        return isCompleted(prevStep) || step === state.collection.getFirstKey();
+    }
+    function setSelectedKey(key) {
+        const prevKey = keysLinkedList.get(key);
+        if (prevKey && !isCompleted(prevKey)) setLastCompletedStep(prevKey);
+        realSetSelectedKey(key);
+    }
+    return {
+        ...state,
+        setSelectedKey: setSelectedKey,
+        setLastCompletedStep: setLastCompletedStep,
+        isCompleted: isCompleted,
+        isSelectable: isSelectable
+    };
+}
+function $cc8d414d37c075f2$var$buildKeysMaps(coll) {
+    const indexMap = new Map();
+    const keysLinkedList = new Map();
+    let i = 0;
+    let prev = undefined;
+    for (const item of coll){
+        indexMap.set(item.key, i);
+        keysLinkedList.set(item.key, prev === null || prev === void 0 ? void 0 : prev.key);
+        prev = item;
+        i++;
+    }
+    return {
+        indexMap: indexMap,
+        keysLinkedList: keysLinkedList
+    };
+}
+
+
+export {$cc8d414d37c075f2$export$a993ed2a771330b as useStepListState};
+//# sourceMappingURL=useStepListState.module.js.map

package/dist/useStepListState.module.js

@@ -0,0 +1,95 @@
+import {useSingleSelectListState as $4pToV$useSingleSelectListState} from "@react-stately/list";
+import {useMemo as $4pToV$useMemo, useCallback as $4pToV$useCallback, useEffect as $4pToV$useEffect} from "react";
+import {useControlledState as $4pToV$useControlledState} from "@react-stately/utils";
+
+/*
+ * Copyright 2023 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * 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 $cc8d414d37c075f2$export$a993ed2a771330b(props) {
+    let state = (0, $4pToV$useSingleSelectListState)(props);
+    var _props_defaultLastCompletedStep;
+    let [lastCompletedStep, setLastCompletedStep] = (0, $4pToV$useControlledState)(props.lastCompletedStep, (_props_defaultLastCompletedStep = props.defaultLastCompletedStep) !== null && _props_defaultLastCompletedStep !== void 0 ? _props_defaultLastCompletedStep : null, props.onLastCompletedStepChange);
+    const { setSelectedKey: realSetSelectedKey, selectedKey: selectedKey, collection: collection } = state;
+    const { indexMap: indexMap, keysLinkedList: keysLinkedList } = (0, $4pToV$useMemo)(()=>$cc8d414d37c075f2$var$buildKeysMaps(collection), [
+        collection
+    ]);
+    const selectedIdx = selectedKey != null ? indexMap.get(selectedKey) : 0;
+    const isCompleted = (0, $4pToV$useCallback)((step)=>{
+        if (step === undefined) return false;
+        return step !== null && lastCompletedStep !== null && indexMap.has(step) && indexMap.has(lastCompletedStep) && indexMap.get(step) <= indexMap.get(lastCompletedStep);
+    }, [
+        indexMap,
+        lastCompletedStep
+    ]);
+    const findDefaultSelectedKey = (0, $4pToV$useCallback)((collection, disabledKeys)=>{
+        let selectedKey = null;
+        if (collection && collection.size > 0) {
+            selectedKey = collection.getFirstKey();
+            // loop over keys until we find one that isn't completed or disabled and select that
+            while(selectedKey !== collection.getLastKey() && selectedKey && (disabledKeys.has(selectedKey) || isCompleted(selectedKey)))selectedKey = collection.getKeyAfter(selectedKey);
+        }
+        return selectedKey;
+    }, [
+        isCompleted
+    ]);
+    (0, $4pToV$useEffect)(()=>{
+        // Ensure a step is always selected (in case no selected key was specified or if selected item was deleted from collection)
+        let selectedKey = state.selectedKey;
+        if (state.selectionManager.isEmpty || selectedKey == null || !state.collection.getItem(selectedKey)) {
+            selectedKey = findDefaultSelectedKey(state.collection, state.disabledKeys);
+            if (selectedKey !== null) state.selectionManager.replaceSelection(selectedKey);
+        }
+        if (state.selectionManager.focusedKey == null) state.selectionManager.setFocusedKey(selectedKey);
+        var _ref;
+        let lcs = (_ref = lastCompletedStep !== null ? indexMap.get(lastCompletedStep) : -1) !== null && _ref !== void 0 ? _ref : -1;
+        if (selectedIdx !== undefined && selectedIdx > 0 && selectedIdx > lcs + 1 && selectedKey !== null && keysLinkedList.has(selectedKey)) setLastCompletedStep(keysLinkedList.get(selectedKey));
+    });
+    function isSelectable(step) {
+        if (props.isDisabled || state.disabledKeys.has(step) || props.isReadOnly) return false;
+        if (isCompleted(step)) return true;
+        const prevStep = keysLinkedList.get(step);
+        return isCompleted(prevStep) || step === state.collection.getFirstKey();
+    }
+    function setSelectedKey(key) {
+        const prevKey = keysLinkedList.get(key);
+        if (prevKey && !isCompleted(prevKey)) setLastCompletedStep(prevKey);
+        realSetSelectedKey(key);
+    }
+    return {
+        ...state,
+        setSelectedKey: setSelectedKey,
+        setLastCompletedStep: setLastCompletedStep,
+        isCompleted: isCompleted,
+        isSelectable: isSelectable
+    };
+}
+function $cc8d414d37c075f2$var$buildKeysMaps(coll) {
+    const indexMap = new Map();
+    const keysLinkedList = new Map();
+    let i = 0;
+    let prev = undefined;
+    for (const item of coll){
+        indexMap.set(item.key, i);
+        keysLinkedList.set(item.key, prev === null || prev === void 0 ? void 0 : prev.key);
+        prev = item;
+        i++;
+    }
+    return {
+        indexMap: indexMap,
+        keysLinkedList: keysLinkedList
+    };
+}
+
+
+export {$cc8d414d37c075f2$export$a993ed2a771330b as useStepListState};
+//# sourceMappingURL=useStepListState.module.js.map

package/dist/useStepListState.module.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/@react-stately/steplist/src/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 '@react-stately/list';\nimport {useCallback, useEffect, useMemo} from 'react';\nimport {useControlledState} from '@react-stately/utils';\n\nexport interface StepListProps<T> extends CollectionBase<T>, SingleSelection {\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}\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>(props);\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.module.js.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-stately/steplist",
-  "version": "3.0.0-alpha.1",
+  "version": "3.0.0-alpha.11",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -22,16 +22,16 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-stately/list": "^3.10.2",
-    "@react-stately/utils": "^3.9.0",
-    "@react-types/shared": "^3.22.0",
+    "@react-stately/list": "^3.11.2",
+    "@react-stately/utils": "^3.10.5",
+    "@react-types/shared": "^3.27.0",
     "@swc/helpers": "^0.5.0"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "86b38c87868ce7f262e0df905e5ac4eb2653791d"
+  "gitHead": "09e7f44bebdc9d89122926b2b439a0a38a2814ea"
 }

package/src/useStepListState.ts

@@ -21,7 +21,7 @@ export interface StepListProps<T> extends CollectionBase<T>, SingleSelection {
   /** The key of the initially last completed step (uncontrolled). */
   defaultLastCompletedStep?: Key,
   /** Callback for when the last completed step changes. */
-  onLastCompletedStepChange?: (key: Key) => void,
+  onLastCompletedStepChange?: (key: Key | null) => void,
   /** Whether the step list is disabled. Steps will not be focusable or interactive. */
   isDisabled?: boolean,
   /** Whether the step list is read only. Steps will be focusable but non-interactive. */
@@ -38,25 +38,29 @@ export interface StepListState<T> extends SingleSelectListState<T> {
 export function useStepListState<T extends object>(props: StepListProps<T>): StepListState<T> {
   let state = useSingleSelectListState<T>(props);
 
-  let [lastCompletedStep, setLastCompletedStep] = useControlledState<Key>(props.lastCompletedStep, props.defaultLastCompletedStep, props.onLastCompletedStepChange);
+  let [lastCompletedStep, setLastCompletedStep] = useControlledState<Key | null>(props.lastCompletedStep, props.defaultLastCompletedStep ?? null, props.onLastCompletedStepChange);
   const {setSelectedKey: realSetSelectedKey, selectedKey, collection} = state;
   const {indexMap, keysLinkedList} = useMemo(() => buildKeysMaps(collection), [collection]);
-  const selectedIdx = indexMap.get(selectedKey);
+  const selectedIdx = selectedKey != null ? indexMap.get(selectedKey) : 0;
 
-  const isCompleted = useCallback((step: Key) => {
+  const isCompleted = useCallback((step: Key | null | undefined) => {
     if (step === undefined) {
       return false;
     }
 
-    return indexMap.get(step) <= indexMap.get(lastCompletedStep);
+    return (step !== null &&
+      lastCompletedStep !== null &&
+      indexMap.has(step) &&
+      indexMap.has(lastCompletedStep) &&
+      indexMap.get(step)! <= indexMap.get(lastCompletedStep)!);
   }, [indexMap, lastCompletedStep]);
 
   const findDefaultSelectedKey = useCallback((collection: Collection<Node<T>> | null, disabledKeys: Set<Key>) => {
-    let selectedKey = null;
-    if (collection) {
+    let selectedKey: Key | null = null;
+    if (collection && collection.size > 0) {
       selectedKey = collection.getFirstKey();
       // loop over keys until we find one that isn't completed or disabled and select that
-      while (selectedKey !== collection.getLastKey() && (disabledKeys.has(selectedKey) || isCompleted(selectedKey))) {
+      while (selectedKey !== collection.getLastKey() && selectedKey && (disabledKeys.has(selectedKey) || isCompleted(selectedKey))) {
         selectedKey = collection.getKeyAfter(selectedKey);
       }
     }
@@ -66,18 +70,21 @@ export function useStepListState<T extends object>(props: StepListProps<T>): Ste
 
   useEffect(() => {
     // Ensure a step is always selected (in case no selected key was specified or if selected item was deleted from collection)
-    let selectedKey = state.selectedKey;
-    if (state.selectionManager.isEmpty || !state.collection.getItem(selectedKey)) {
+    let selectedKey: Key | null = state.selectedKey;
+    if (state.selectionManager.isEmpty || selectedKey == null || !state.collection.getItem(selectedKey)) {
       selectedKey = findDefaultSelectedKey(state.collection, state.disabledKeys);
-      state.selectionManager.replaceSelection(selectedKey);
+      if (selectedKey !== null) {
+        state.selectionManager.replaceSelection(selectedKey);
+      }
     }
 
     if (state.selectionManager.focusedKey == null) {
       state.selectionManager.setFocusedKey(selectedKey);
     }
 
-    if (selectedIdx > 0 && selectedIdx > (indexMap.get(lastCompletedStep) ?? -1) + 1) {
-      setLastCompletedStep(keysLinkedList.get(selectedKey));
+    let lcs = (lastCompletedStep !== null ? indexMap.get(lastCompletedStep) : -1) ?? -1;
+    if (selectedIdx !== undefined && selectedIdx > 0 && selectedIdx > lcs + 1 && selectedKey !== null && keysLinkedList.has(selectedKey)) {
+      setLastCompletedStep(keysLinkedList.get(selectedKey)!);
     }
   });
 
@@ -111,11 +118,11 @@ export function useStepListState<T extends object>(props: StepListProps<T>): Ste
   };
 }
 
-function buildKeysMaps<T>(coll: Collection<Node<T>>): { indexMap: Map<Key, number>, keysLinkedList: Map<Key, Key> } {
+function buildKeysMaps<T>(coll: Collection<Node<T>>) {
   const indexMap = new Map<Key, number>();
-  const keysLinkedList = new Map<Key, Key>();
+  const keysLinkedList = new Map<Key, Key | undefined>();
   let i = 0;
-  let prev: Node<T> = undefined;
+  let prev: Node<T> | undefined = undefined;
   for (const item of coll) {
     indexMap.set(item.key, i);
     keysLinkedList.set(item.key, prev?.key);