@openviking/react 0.1.1 → 0.1.3

package/dist/lk~0.js

@@ -58,7 +58,8 @@ function createScopeController() {
             const options = await (0 === index ? api.loadLibraries(request.signal) : 1 === index ? api.loadSpaces(libraryId, request.signal) : api.loadUsers(libraryId, spaceId, request.signal));
             if (!active || request.signal.aborted || requests[index] !== request) return;
             const previous = snapshots[index].selected;
-            const selected = options.find((option)=>option.id === previous?.id && !option.disabled);
+            const selected = options.find((option)=>option.id === previous?.id && !option.disabled) ?? options.find((option)=>!option.disabled);
+            const changed = void 0 !== selected && selected.id !== previous?.id;
             update(index, {
                 options,
                 selected,
@@ -66,9 +67,10 @@ function createScopeController() {
                 error: null
             });
             const revoked = void 0 !== previous && void 0 === selected;
-            if (revoked) resetDescendants(index);
+            if (revoked || changed) resetDescendants(index);
             notify(index);
-            if (revoked) for(let next = index + 1; next < 3; next++)notify(next);
+            if (revoked || changed) for(let next = index + 1; next < 3; next++)notify(next);
+            if (changed && index < 2) load(index + 1);
         } catch (error) {
             if (!active || request.signal.aborted || requests[index] !== request) return;
             update(index, {
@@ -156,24 +158,35 @@ function LevelView({ level, state, name, labels, retryLabel }) {
     const [keyword, setKeyword] = useState('');
     return /*#__PURE__*/ jsx(ScopeSelector, {
         labels: labels,
-        level: {
-            kind: 'selectable',
+        kind: "selectable",
+        identity: {
             key: name,
-            ariaLabel: name,
+            ariaLabel: name
+        },
+        trigger: {
+            label: state.selected?.label ?? name,
+            icon: state.selected?.icon
+        },
+        data: {
             selectedId: state.selected?.id ?? '',
-            selectedLabel: state.selected?.label ?? name,
-            icon: state.selected?.icon,
-            disabled: !state.enabled,
-            options: state.options.filter((option)=>option.label.toLocaleLowerCase().includes(keyword.toLocaleLowerCase())),
             total: state.options.length,
+            options: state.options,
+            visibleOptions: state.options.filter((option)=>option.label.toLocaleLowerCase().includes(keyword.toLocaleLowerCase()))
+        },
+        state: {
+            disabled: !state.enabled,
             loading: state.loading,
             error: null !== state.error,
-            searchKeyword: keyword,
+            searchKeyword: keyword
+        },
+        actions: {
             onSearchKeywordChange: setKeyword,
             onSelect: (option)=>{
                 level.select(option);
                 setKeyword('');
-            },
+            }
+        },
+        slots: {
             errorFallback: /*#__PURE__*/ jsxs(Fragment, {
                 children: [
                     labels?.error ?? 'Unable to load options',