@gtkx/components 2.0.0-beta.10 → 2.0.0-beta.12

package/dist/internal/tree-order.js

@@ -1,74 +1,38 @@
-const NO_ITEM = { id: "", value: undefined };
-function advanceStack(stack, onSlot, onLeave) {
-    const frame = stack.at(-1);
-    if (frame === undefined) {
-        return;
-    }
-    if (frame.cursor >= frame.level.items.length) {
-        stack.pop();
-        onLeave?.(frame);
-        return;
-    }
-    const slot = frame.cursor;
-    frame.cursor += 1;
-    onSlot(frame, slot);
-}
-function frameFor(options, level) {
-    return { level, cursor: 0, open: options.slots.get(level.path), marked: options.marks?.get(level.path) };
-}
-function descend(state, level, slot) {
-    const child = state.options.index.childLevel(level, slot);
-    if (child === undefined) {
-        return;
-    }
-    state.order.expandedPaths.push(child.path);
-    state.order.expandedIds.push(state.row.item.id);
-    state.stack.push(frameFor(state.options, child));
-}
-function visitSlot(state, frame, slot) {
-    const item = frame.level.items[slot];
-    if (item === undefined) {
-        return;
-    }
-    const { row } = state;
-    row.item = item;
-    row.isOpen = frame.open?.has(slot) ?? false;
-    row.isMarked = frame.marked?.has(slot) ?? false;
-    state.options.visit?.(row);
-    row.position += 1;
-    if (row.isOpen) {
-        descend(state, frame.level, slot);
+function walkLevel(options, level, state) {
+    const open = options.slots.get(level.path);
+    const marked = options.marks?.get(level.path);
+    for (const [slot, item] of level.items.entries()) {
+        const isOpen = open?.has(slot) ?? false;
+        options.visit?.({ item, position: state.position, isOpen, isMarked: marked?.has(slot) ?? false });
+        state.position += 1;
+        if (!isOpen) {
+            continue;
+        }
+        const child = options.index.childLevel(level, slot);
+        if (child !== undefined) {
+            state.order.expandedPaths.push(child.path);
+            state.order.expandedIds.push(item.id);
+            walkLevel(options, child, state);
+        }
     }
 }
 function walkVisible(options) {
-    const order = { expandedPaths: [], expandedIds: [] };
-    const row = { item: NO_ITEM, position: 0, isOpen: false, isMarked: false };
-    const frames = options.index.groups.map((level) => frameFor(options, level));
-    const state = { options, stack: frames.toReversed(), row, order };
-    const onSlot = (frame, slot) => {
-        visitSlot(state, frame, slot);
-    };
-    while (state.stack.length > 0) {
-        advanceStack(state.stack, onSlot);
-    }
-    return order;
-}
-function openSlot(walk, frame, slot) {
-    const item = frame.level.items[slot];
-    if (item === undefined || !walk.ids.has(item.id) || walk.ancestors.has(item)) {
-        return;
-    }
-    const child = walk.index.childLevel(frame.level, slot);
-    if (child === undefined) {
-        return;
+    const state = { position: 0, order: { expandedPaths: [], expandedIds: [] } };
+    for (const level of options.index.groups) {
+        walkLevel(options, level, state);
     }
-    walk.paths.add(child.path);
-    walk.ancestors.add(item);
-    walk.stack.push({ level: child, cursor: 0, owner: item });
+    return state.order;
 }
-function leaveOpenFrame(walk, frame) {
-    if (frame.owner !== null) {
-        walk.ancestors.delete(frame.owner);
+function expandLevel(index, level, ids, paths) {
+    for (const [slot, item] of level.items.entries()) {
+        if (!ids.has(item.id)) {
+            continue;
+        }
+        const child = index.childLevel(level, slot);
+        if (child !== undefined) {
+            paths.add(child.path);
+            expandLevel(index, child, ids, paths);
+        }
     }
 }
 function expandedPathsFor(index, ids) {
@@ -76,16 +40,8 @@ function expandedPathsFor(index, ids) {
     if (ids.size === 0 || !index.isTree) {
         return paths;
     }
-    const frames = index.groups.map((level) => ({ level, cursor: 0, owner: null }));
-    const walk = { index, ids, paths, stack: frames.toReversed(), ancestors: new Set() };
-    const onSlot = (frame, slot) => {
-        openSlot(walk, frame, slot);
-    };
-    const onLeave = (frame) => {
-        leaveOpenFrame(walk, frame);
-    };
-    while (walk.stack.length > 0) {
-        advanceStack(walk.stack, onSlot, onLeave);
+    for (const level of index.groups) {
+        expandLevel(index, level, ids, paths);
     }
     return paths;
 }
@@ -119,5 +75,5 @@ function findIds(index, slots, positions) {
     });
     return found;
 }
-export { expandedPathsFor, findIds, findRows, walkVisible, };
+export { expandedPathsFor, findIds, findRows, walkVisible };
 //# sourceMappingURL=tree-order.js.map

package/dist/internal/tree-order.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-order.js","sourceRoot":"","sources":["../../src/internal/tree-order.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ListItem } from \"../types.js\";\nimport type { CollectionIndex, Level } from \"./collection-index.js\";\nimport type { SlotMap } from \"./slots.js\";\n\ntype VisibleRow = {\n    item: ListItem;\n    position: number;\n    isOpen: boolean;\n    isMarked: boolean;\n};\n\ntype VisibleOrder = {\n    expandedPaths: string[];\n    expandedIds: string[];\n};\n\ntype MatchedRows = {\n    positions: number[];\n    ids: string[];\n};\n\ntype RowVisitor = (row: VisibleRow) => void;\n\ntype WalkOptions = {\n    index: CollectionIndex;\n    slots: SlotMap;\n    marks?: SlotMap | undefined;\n    visit?: RowVisitor | undefined;\n};\n\ntype LevelFrame = {\n    level: Level;\n    cursor: number;\n};\n\ntype WalkFrame = LevelFrame & {\n    open: Set<number> | undefined;\n    marked: Set<number> | undefined;\n};\n\ntype WalkState = {\n    options: WalkOptions;\n    stack: WalkFrame[];\n    row: VisibleRow;\n    order: VisibleOrder;\n};\n\ntype OpenFrame = LevelFrame & {\n    owner: ListItem | null;\n};\n\ntype OpenWalk = {\n    index: CollectionIndex;\n    ids: Set<string>;\n    paths: Set<string>;\n    stack: OpenFrame[];\n    ancestors: Set<ListItem>;\n};\n\nconst NO_ITEM: ListItem = { id: \"\", value: undefined };\n\nfunction advanceStack<F extends LevelFrame>(\n    stack: F[],\n    onSlot: (frame: F, slot: number) => void,\n    onLeave?: (frame: F) => void,\n): void {\n    const frame = stack.at(-1);\n\n    if (frame === undefined) {\n        return;\n    }\n\n    if (frame.cursor >= frame.level.items.length) {\n        stack.pop();\n        onLeave?.(frame);\n\n        return;\n    }\n\n    const slot = frame.cursor;\n    frame.cursor += 1;\n    onSlot(frame, slot);\n}\n\nfunction frameFor(options: WalkOptions, level: Level): WalkFrame {\n    return { level, cursor: 0, open: options.slots.get(level.path), marked: options.marks?.get(level.path) };\n}\n\nfunction descend(state: WalkState, level: Level, slot: number): void {\n    const child = state.options.index.childLevel(level, slot);\n\n    if (child === undefined) {\n        return;\n    }\n\n    state.order.expandedPaths.push(child.path);\n    state.order.expandedIds.push(state.row.item.id);\n    state.stack.push(frameFor(state.options, child));\n}\n\nfunction visitSlot(state: WalkState, frame: WalkFrame, slot: number): void {\n    const item = frame.level.items[slot];\n\n    if (item === undefined) {\n        return;\n    }\n\n    const { row } = state;\n    row.item = item;\n    row.isOpen = frame.open?.has(slot) ?? false;\n    row.isMarked = frame.marked?.has(slot) ?? false;\n    state.options.visit?.(row);\n    row.position += 1;\n\n    if (row.isOpen) {\n        descend(state, frame.level, slot);\n    }\n}\n\nfunction walkVisible(options: WalkOptions): VisibleOrder {\n    const order: VisibleOrder = { expandedPaths: [], expandedIds: [] };\n    const row: VisibleRow = { item: NO_ITEM, position: 0, isOpen: false, isMarked: false };\n    const frames = options.index.groups.map((level) => frameFor(options, level));\n    const state: WalkState = { options, stack: frames.toReversed(), row, order };\n\n    const onSlot = (frame: WalkFrame, slot: number): void => {\n        visitSlot(state, frame, slot);\n    };\n\n    while (state.stack.length > 0) {\n        advanceStack(state.stack, onSlot);\n    }\n\n    return order;\n}\n\nfunction openSlot(walk: OpenWalk, frame: OpenFrame, slot: number): void {\n    const item = frame.level.items[slot];\n\n    if (item === undefined || !walk.ids.has(item.id) || walk.ancestors.has(item)) {\n        return;\n    }\n\n    const child = walk.index.childLevel(frame.level, slot);\n\n    if (child === undefined) {\n        return;\n    }\n\n    walk.paths.add(child.path);\n    walk.ancestors.add(item);\n    walk.stack.push({ level: child, cursor: 0, owner: item });\n}\n\nfunction leaveOpenFrame(walk: OpenWalk, frame: OpenFrame): void {\n    if (frame.owner !== null) {\n        walk.ancestors.delete(frame.owner);\n    }\n}\n\nfunction expandedPathsFor(index: CollectionIndex, ids: Set<string>): Set<string> {\n    const paths: Set<string> = new Set();\n\n    if (ids.size === 0 || !index.isTree) {\n        return paths;\n    }\n\n    const frames = index.groups.map((level) => ({ level, cursor: 0, owner: null }));\n    const walk: OpenWalk = { index, ids, paths, stack: frames.toReversed(), ancestors: new Set() };\n\n    const onSlot = (frame: OpenFrame, slot: number): void => {\n        openSlot(walk, frame, slot);\n    };\n\n    const onLeave = (frame: OpenFrame): void => {\n        leaveOpenFrame(walk, frame);\n    };\n\n    while (walk.stack.length > 0) {\n        advanceStack(walk.stack, onSlot, onLeave);\n    }\n\n    return paths;\n}\n\nfunction findRows(index: CollectionIndex, slots: SlotMap, ids: Set<string>): MatchedRows {\n    const positions: number[] = [];\n    const found: string[] = [];\n\n    walkVisible({\n        index,\n        slots,\n        visit: (row) => {\n            if (!ids.has(row.item.id)) {\n                return;\n            }\n\n            positions.push(row.position);\n            found.push(row.item.id);\n        },\n    });\n\n    return { positions, ids: found };\n}\n\nfunction findIds(index: CollectionIndex, slots: SlotMap, positions: Set<number>): string[] {\n    const found: string[] = [];\n\n    walkVisible({\n        index,\n        slots,\n        visit: (row) => {\n            if (!positions.has(row.position)) {\n                return;\n            }\n\n            found.push(row.item.id);\n        },\n    });\n\n    return found;\n}\n\nexport {\n    expandedPathsFor,\n    findIds,\n    findRows,\n    walkVisible,\n    type MatchedRows,\n    type VisibleOrder,\n    type WalkOptions,\n};\n"]}
+{"version":3,"file":"tree-order.js","sourceRoot":"","sources":["../../src/internal/tree-order.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ListItem } from \"../types.js\";\nimport type { CollectionIndex, Level } from \"./collection-index.js\";\nimport type { SlotMap } from \"./slots.js\";\n\ntype VisibleRow = {\n    item: ListItem;\n    position: number;\n    isOpen: boolean;\n    isMarked: boolean;\n};\n\ntype VisibleOrder = {\n    expandedPaths: string[];\n    expandedIds: string[];\n};\n\ntype MatchedRows = {\n    positions: number[];\n    ids: string[];\n};\n\ntype RowVisitor = (row: VisibleRow) => void;\n\ntype WalkOptions = {\n    index: CollectionIndex;\n    slots: SlotMap;\n    marks?: SlotMap | undefined;\n    visit?: RowVisitor | undefined;\n};\n\ntype WalkState = {\n    position: number;\n    order: VisibleOrder;\n};\n\nfunction walkLevel(options: WalkOptions, level: Level, state: WalkState): void {\n    const open = options.slots.get(level.path);\n    const marked = options.marks?.get(level.path);\n\n    for (const [slot, item] of level.items.entries()) {\n        const isOpen = open?.has(slot) ?? false;\n        options.visit?.({ item, position: state.position, isOpen, isMarked: marked?.has(slot) ?? false });\n        state.position += 1;\n\n        if (!isOpen) {\n            continue;\n        }\n\n        const child = options.index.childLevel(level, slot);\n\n        if (child !== undefined) {\n            state.order.expandedPaths.push(child.path);\n            state.order.expandedIds.push(item.id);\n            walkLevel(options, child, state);\n        }\n    }\n}\n\nfunction walkVisible(options: WalkOptions): VisibleOrder {\n    const state: WalkState = { position: 0, order: { expandedPaths: [], expandedIds: [] } };\n\n    for (const level of options.index.groups) {\n        walkLevel(options, level, state);\n    }\n\n    return state.order;\n}\n\nfunction expandLevel(index: CollectionIndex, level: Level, ids: Set<string>, paths: Set<string>): void {\n    for (const [slot, item] of level.items.entries()) {\n        if (!ids.has(item.id)) {\n            continue;\n        }\n\n        const child = index.childLevel(level, slot);\n\n        if (child !== undefined) {\n            paths.add(child.path);\n            expandLevel(index, child, ids, paths);\n        }\n    }\n}\n\nfunction expandedPathsFor(index: CollectionIndex, ids: Set<string>): Set<string> {\n    const paths: Set<string> = new Set();\n\n    if (ids.size === 0 || !index.isTree) {\n        return paths;\n    }\n\n    for (const level of index.groups) {\n        expandLevel(index, level, ids, paths);\n    }\n\n    return paths;\n}\n\nfunction findRows(index: CollectionIndex, slots: SlotMap, ids: Set<string>): MatchedRows {\n    const positions: number[] = [];\n    const found: string[] = [];\n\n    walkVisible({\n        index,\n        slots,\n        visit: (row) => {\n            if (!ids.has(row.item.id)) {\n                return;\n            }\n\n            positions.push(row.position);\n            found.push(row.item.id);\n        },\n    });\n\n    return { positions, ids: found };\n}\n\nfunction findIds(index: CollectionIndex, slots: SlotMap, positions: Set<number>): string[] {\n    const found: string[] = [];\n\n    walkVisible({\n        index,\n        slots,\n        visit: (row) => {\n            if (!positions.has(row.position)) {\n                return;\n            }\n\n            found.push(row.item.id);\n        },\n    });\n\n    return found;\n}\n\nexport { expandedPathsFor, findIds, findRows, walkVisible, type MatchedRows, type VisibleOrder, type WalkOptions };\n"]}

package/dist/internal/use-collection.d.ts

@@ -11,7 +11,11 @@ type CollectionResult = {
     collection: Collection;
     selection: ReactElement;
 };
-declare function useCollectionData(options: CollectionDataOptions): Collection;
+type CollectionDataResult = {
+    collection: Collection;
+    model: ReactElement;
+};
+declare function useCollectionData(options: CollectionDataOptions): CollectionDataResult;
 declare function useCollection(options: CollectionOptions): CollectionResult;
 export { useCollection, useCollectionData };
 //# sourceMappingURL=use-collection.d.ts.map

package/dist/internal/use-collection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-collection.d.ts","sourceRoot":"","sources":["../../src/internal/use-collection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACzF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAOlD,KAAK,qBAAqB,GAAG;IACzB,KAAK,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;IACrC,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,KAAK,iBAAiB,GAAG,qBAAqB,GAAG,cAAc,GAAG,cAAc,CAAC;AAEjF,KAAK,gBAAgB,GAAG;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,SAAS,EAAE,YAAY,CAAC;CAC3B,CAAC;AAEF,iBAAS,iBAAiB,CAAC,OAAO,EAAE,qBAAqB,GAAG,UAAU,CAWrE;AAED,iBAAS,aAAa,CAAC,OAAO,EAAE,iBAAiB,GAAG,gBAAgB,CAkBnE;AAED,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"use-collection.d.ts","sourceRoot":"","sources":["../../src/internal/use-collection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACzF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAOlD,KAAK,qBAAqB,GAAG;IACzB,KAAK,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;IACrC,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,KAAK,iBAAiB,GAAG,qBAAqB,GAAG,cAAc,GAAG,cAAc,CAAC;AAEjF,KAAK,gBAAgB,GAAG;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,SAAS,EAAE,YAAY,CAAC;CAC3B,CAAC;AAEF,KAAK,oBAAoB,GAAG;IACxB,UAAU,EAAE,UAAU,CAAC;IACvB,KAAK,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,iBAAS,iBAAiB,CAAC,OAAO,EAAE,qBAAqB,GAAG,oBAAoB,CAwB/E;AAED,iBAAS,aAAa,CAAC,OAAO,EAAE,iBAAiB,GAAG,gBAAgB,CAmBnE;AAED,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/internal/use-collection.js

@@ -1,21 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { GtkFlattenListModel } from "@gtkx/jsx/gtk";
 import { useLayoutEffect, useMemo, useState } from "react";
 import { createCollectionIndex } from "./collection-index.js";
-import { createCollectionModel } from "./collection-model.js";
+import { CollectionRoot, createCollectionModel } from "./collection-model.js";
 import { createCollection } from "./collection.js";
 import { useExpansion } from "./expansion.js";
 import { useSelection } from "./selection.js";
 function useCollectionData(options) {
     const { items, sections, isFlat } = options;
-    const [collectionModel] = useState(createCollectionModel);
+    const [gtkModel] = useState(createCollectionModel);
+    const [root, setRoot] = useState(null);
+    const [model, setModel] = useState(null);
     const index = useMemo(() => createCollectionIndex(items, sections, isFlat === true), [items, sections, isFlat]);
-    const collection = useMemo(() => createCollection(collectionModel, index), [collectionModel, index]);
+    const collection = useMemo(() => createCollection(gtkModel, index, model), [gtkModel, index, model]);
     useLayoutEffect(() => {
-        collectionModel.sync(index);
-    }, [collectionModel, index]);
-    return collection;
+        if (root !== null && model !== null) {
+            gtkModel.bind(root, model);
+        }
+        return gtkModel.clear;
+    }, [gtkModel, root, model]);
+    useLayoutEffect(() => {
+        gtkModel.sync(index);
+    }, [gtkModel, index, root, model]);
+    return {
+        collection,
+        model: _jsx(GtkFlattenListModel, { ref: setModel, model: _jsx(CollectionRoot, { ref: setRoot }) }),
+    };
 }
 function useCollection(options) {
-    const collection = useCollectionData(options);
+    const { collection, model } = useCollectionData(options);
     const onItemsChanged = useExpansion({
         collection,
         expandedIds: options.expandedIds,
@@ -23,6 +36,7 @@ function useCollection(options) {
     });
     const selection = useSelection({
         collection,
+        model,
         selectedIds: options.selectedIds,
         onSelectionChanged: options.onSelectionChanged,
         selectionMode: options.selectionMode,

package/dist/internal/use-collection.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-collection.js","sourceRoot":"","sources":["../../src/internal/use-collection.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAe9C,SAAS,iBAAiB,CAAC,OAA8B;IACrD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;IAC5C,MAAM,CAAC,eAAe,CAAC,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAC;IAC1D,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAChH,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC;IAErG,eAAe,CAAC,GAAG,EAAE;QACjB,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC;IAE7B,OAAO,UAAU,CAAC;AACtB,CAAC;AAED,SAAS,aAAa,CAAC,OAA0B;IAC7C,MAAM,UAAU,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAE9C,MAAM,cAAc,GAAG,YAAY,CAAC;QAChC,UAAU;QACV,WAAW,EAAE,OAAO,CAAC,WAAW;QAChC,gBAAgB,EAAE,OAAO,CAAC,gBAAgB;KAC7C,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,YAAY,CAAC;QAC3B,UAAU;QACV,WAAW,EAAE,OAAO,CAAC,WAAW;QAChC,kBAAkB,EAAE,OAAO,CAAC,kBAAkB;QAC9C,aAAa,EAAE,OAAO,CAAC,aAAa;QACpC,cAAc;KACjB,CAAC,CAAC;IAEH,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC;AACrC,CAAC;AAED,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,CAAC","sourcesContent":["import type { ReactElement } from \"react\";\nimport { useLayoutEffect, useMemo, useState } from \"react\";\nimport type { ExpansionProps, ListItem, ListSection, SelectionProps } from \"../types.js\";\nimport type { Collection } from \"./collection.js\";\nimport { createCollectionIndex } from \"./collection-index.js\";\nimport { createCollectionModel } from \"./collection-model.js\";\nimport { createCollection } from \"./collection.js\";\nimport { useExpansion } from \"./expansion.js\";\nimport { useSelection } from \"./selection.js\";\n\ntype CollectionDataOptions = {\n    items?: ListItem[] | undefined;\n    sections?: ListSection[] | undefined;\n    isFlat?: boolean | undefined;\n};\n\ntype CollectionOptions = CollectionDataOptions & SelectionProps & ExpansionProps;\n\ntype CollectionResult = {\n    collection: Collection;\n    selection: ReactElement;\n};\n\nfunction useCollectionData(options: CollectionDataOptions): Collection {\n    const { items, sections, isFlat } = options;\n    const [collectionModel] = useState(createCollectionModel);\n    const index = useMemo(() => createCollectionIndex(items, sections, isFlat === true), [items, sections, isFlat]);\n    const collection = useMemo(() => createCollection(collectionModel, index), [collectionModel, index]);\n\n    useLayoutEffect(() => {\n        collectionModel.sync(index);\n    }, [collectionModel, index]);\n\n    return collection;\n}\n\nfunction useCollection(options: CollectionOptions): CollectionResult {\n    const collection = useCollectionData(options);\n\n    const onItemsChanged = useExpansion({\n        collection,\n        expandedIds: options.expandedIds,\n        onExpandedChange: options.onExpandedChange,\n    });\n\n    const selection = useSelection({\n        collection,\n        selectedIds: options.selectedIds,\n        onSelectionChanged: options.onSelectionChanged,\n        selectionMode: options.selectionMode,\n        onItemsChanged,\n    });\n\n    return { collection, selection };\n}\n\nexport { useCollection, useCollectionData };\n"]}
+{"version":3,"file":"use-collection.js","sourceRoot":"","sources":["../../src/internal/use-collection.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAA4B,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AACxG,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAoB9C,SAAS,iBAAiB,CAAC,OAA8B;IACrD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;IAC5C,MAAM,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAC;IACnD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAA6B,IAAI,CAAC,CAAC;IACnE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAA8B,IAAI,CAAC,CAAC;IACtE,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAChH,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAErG,eAAe,CAAC,GAAG,EAAE;QACjB,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;YAClC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAC/B,CAAC;QAED,OAAO,QAAQ,CAAC,KAAK,CAAC;IAC1B,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IAE5B,eAAe,CAAC,GAAG,EAAE;QACjB,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnC,OAAO;QACH,UAAU;QACV,KAAK,EAAE,KAAC,mBAAmB,IAAC,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAC,cAAc,IAAC,GAAG,EAAE,OAAO,GAAI,GAAI;KACzF,CAAC;AACN,CAAC;AAED,SAAS,aAAa,CAAC,OAA0B;IAC7C,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAEzD,MAAM,cAAc,GAAG,YAAY,CAAC;QAChC,UAAU;QACV,WAAW,EAAE,OAAO,CAAC,WAAW;QAChC,gBAAgB,EAAE,OAAO,CAAC,gBAAgB;KAC7C,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,YAAY,CAAC;QAC3B,UAAU;QACV,KAAK;QACL,WAAW,EAAE,OAAO,CAAC,WAAW;QAChC,kBAAkB,EAAE,OAAO,CAAC,kBAAkB;QAC9C,aAAa,EAAE,OAAO,CAAC,aAAa;QACpC,cAAc;KACjB,CAAC,CAAC;IAEH,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC;AACrC,CAAC;AAED,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,CAAC","sourcesContent":["import type * as Gtk from \"@gtkx/gi/gtk\";\nimport type { ReactElement } from \"react\";\nimport { GtkFlattenListModel } from \"@gtkx/jsx/gtk\";\nimport { useLayoutEffect, useMemo, useState } from \"react\";\nimport type { ExpansionProps, ListItem, ListSection, SelectionProps } from \"../types.js\";\nimport type { Collection } from \"./collection.js\";\nimport { createCollectionIndex } from \"./collection-index.js\";\nimport { CollectionRoot, type CollectionRootStore, createCollectionModel } from \"./collection-model.js\";\nimport { createCollection } from \"./collection.js\";\nimport { useExpansion } from \"./expansion.js\";\nimport { useSelection } from \"./selection.js\";\n\ntype CollectionDataOptions = {\n    items?: ListItem[] | undefined;\n    sections?: ListSection[] | undefined;\n    isFlat?: boolean | undefined;\n};\n\ntype CollectionOptions = CollectionDataOptions & SelectionProps & ExpansionProps;\n\ntype CollectionResult = {\n    collection: Collection;\n    selection: ReactElement;\n};\n\ntype CollectionDataResult = {\n    collection: Collection;\n    model: ReactElement;\n};\n\nfunction useCollectionData(options: CollectionDataOptions): CollectionDataResult {\n    const { items, sections, isFlat } = options;\n    const [gtkModel] = useState(createCollectionModel);\n    const [root, setRoot] = useState<CollectionRootStore | null>(null);\n    const [model, setModel] = useState<Gtk.FlattenListModel | null>(null);\n    const index = useMemo(() => createCollectionIndex(items, sections, isFlat === true), [items, sections, isFlat]);\n    const collection = useMemo(() => createCollection(gtkModel, index, model), [gtkModel, index, model]);\n\n    useLayoutEffect(() => {\n        if (root !== null && model !== null) {\n            gtkModel.bind(root, model);\n        }\n\n        return gtkModel.clear;\n    }, [gtkModel, root, model]);\n\n    useLayoutEffect(() => {\n        gtkModel.sync(index);\n    }, [gtkModel, index, root, model]);\n\n    return {\n        collection,\n        model: <GtkFlattenListModel ref={setModel} model={<CollectionRoot ref={setRoot} />} />,\n    };\n}\n\nfunction useCollection(options: CollectionOptions): CollectionResult {\n    const { collection, model } = useCollectionData(options);\n\n    const onItemsChanged = useExpansion({\n        collection,\n        expandedIds: options.expandedIds,\n        onExpandedChange: options.onExpandedChange,\n    });\n\n    const selection = useSelection({\n        collection,\n        model,\n        selectedIds: options.selectedIds,\n        onSelectionChanged: options.onSelectionChanged,\n        selectionMode: options.selectionMode,\n        onItemsChanged,\n    });\n\n    return { collection, selection };\n}\n\nexport { useCollection, useCollectionData };\n"]}

package/dist/internal/use-widget-ref.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-widget-ref.d.ts","sourceRoot":"","sources":["../../src/internal/use-widget-ref.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIjC,QAAA,MAAM,YAAY,GAAI,CAAC,EAAE,UAAU,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,KAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAI7F,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"use-widget-ref.d.ts","sourceRoot":"","sources":["../../src/internal/use-widget-ref.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIjC,QAAA,MAAM,YAAY,GAAI,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,KAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAI7F,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/list-item-factory.d.ts

@@ -0,0 +1,10 @@
+import type * as GObject from "@gtkx/gi/gobject";
+import type { ReactNode } from "react";
+import type { ListItemFactoryProps } from "./types.js";
+/**
+ * Creates a Gtk.SignalListItemFactory that renders objects from an existing native model with React.
+ * Estimated dimensions keep cells stable until their content mounts.
+ */
+declare function ListItemFactory<T extends GObject.Object>({ renderItem, estimatedItemHeight, estimatedItemWidth, }: ListItemFactoryProps<T>): ReactNode;
+export { ListItemFactory };
+//# sourceMappingURL=list-item-factory.d.ts.map

package/dist/list-item-factory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-factory.d.ts","sourceRoot":"","sources":["../src/list-item-factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,OAAO,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAGvD;;;GAGG;AACH,iBAAS,eAAe,CAAC,CAAC,SAAS,OAAO,CAAC,MAAM,EAAE,EAC/C,UAAU,EACV,mBAAwB,EACxB,kBAAuB,GAC1B,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,SAAS,CAUrC;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/list-item-factory.js

@@ -0,0 +1,14 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { GtkSignalListItemFactory } from "@gtkx/jsx/gtk";
+import { NativeItemPortals, useItemCells } from "./internal/cells.js";
+/**
+ * Creates a Gtk.SignalListItemFactory that renders objects from an existing native model with React.
+ * Estimated dimensions keep cells stable until their content mounts.
+ */
+function ListItemFactory({ renderItem, estimatedItemHeight = -1, estimatedItemWidth = -1, }) {
+    const size = { width: estimatedItemWidth, height: estimatedItemHeight };
+    const cells = useItemCells(size);
+    return (_jsxs(_Fragment, { children: [_jsx(GtkSignalListItemFactory, { ...cells.handlers }), _jsx(NativeItemPortals, { registry: cells, render: renderItem, size: size })] }));
+}
+export { ListItemFactory };
+//# sourceMappingURL=list-item-factory.js.map

package/dist/list-item-factory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-factory.js","sourceRoot":"","sources":["../src/list-item-factory.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAEzD,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEtE;;;GAGG;AACH,SAAS,eAAe,CAA2B,EAC/C,UAAU,EACV,mBAAmB,GAAG,CAAC,CAAC,EACxB,kBAAkB,GAAG,CAAC,CAAC,GACD;IACtB,MAAM,IAAI,GAAG,EAAE,KAAK,EAAE,kBAAkB,EAAE,MAAM,EAAE,mBAAmB,EAAE,CAAC;IACxE,MAAM,KAAK,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAEjC,OAAO,CACH,8BACI,KAAC,wBAAwB,OAAK,KAAK,CAAC,QAAQ,GAAI,EAChD,KAAC,iBAAiB,IAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,GAAI,IACvE,CACN,CAAC;AACN,CAAC;AAED,OAAO,EAAE,eAAe,EAAE,CAAC","sourcesContent":["import type * as GObject from \"@gtkx/gi/gobject\";\nimport type { ReactNode } from \"react\";\nimport { GtkSignalListItemFactory } from \"@gtkx/jsx/gtk\";\nimport type { ListItemFactoryProps } from \"./types.js\";\nimport { NativeItemPortals, useItemCells } from \"./internal/cells.js\";\n\n/**\n * Creates a Gtk.SignalListItemFactory that renders objects from an existing native model with React.\n * Estimated dimensions keep cells stable until their content mounts.\n */\nfunction ListItemFactory<T extends GObject.Object>({\n    renderItem,\n    estimatedItemHeight = -1,\n    estimatedItemWidth = -1,\n}: ListItemFactoryProps<T>): ReactNode {\n    const size = { width: estimatedItemWidth, height: estimatedItemHeight };\n    const cells = useItemCells(size);\n\n    return (\n        <>\n            <GtkSignalListItemFactory {...cells.handlers} />\n            <NativeItemPortals registry={cells} render={renderItem} size={size} />\n        </>\n    );\n}\n\nexport { ListItemFactory };\n"]}

package/dist/list-view.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { GtkListView, GtkSignalListItemFactory } from "@gtkx/jsx/gtk";
 import { omit } from "@gtkx/utils";
 import { ItemPortals, useItemCells, useSectionHeader } from "./internal/cells.js";

package/dist/tab-collection.d.ts

@@ -0,0 +1,9 @@
+import type { TabCollection, TabCollectionOptions } from "./types.js";
+/**
+ * Creates a collection of JSX pages whose React state survives native transfers and source-window
+ * closure. Call append from an event handler because it commits synchronously. Page content lives in
+ * independent roots: pass context-dependent values through the item or wrap the content in providers.
+ */
+declare const createTabCollection: <T>(options: TabCollectionOptions<T>) => TabCollection<T>;
+export { createTabCollection };
+//# sourceMappingURL=tab-collection.d.ts.map

package/dist/tab-collection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-collection.d.ts","sourceRoot":"","sources":["../src/tab-collection.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AA6BtE;;;;GAIG;AACH,QAAA,MAAM,mBAAmB,GAAI,CAAC,WAAY,oBAAoB,CAAC,CAAC,CAAC,KAAG,aAAa,CAAC,CAAC,CAkFlF,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/tab-collection.js

@@ -0,0 +1,114 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as Adw from "@gtkx/gi/adw";
+import { AdwTabPage } from "@gtkx/jsx/adw";
+import { createRoot, flushSync } from "@gtkx/react";
+import { getClassType } from "@gtkx/runtime";
+import { createRef, useEffect } from "react";
+const ManagedTab = ({ handle, item, options, forget }) => {
+    const { page: pageRef, parent, getPage } = handle;
+    useEffect(() => () => forget(handle), [handle, forget]);
+    return _jsx(AdwTabPage, { ...options.pageProps(item, getPage), ref: pageRef, parent: parent });
+};
+const ownerOf = (page) => {
+    const owner = page.getChild().getAncestor(getClassType(Adw.TabView));
+    if (!(owner instanceof Adw.TabView))
+        throw new Error("The tab has no native view");
+    return owner;
+};
+/**
+ * Creates a collection of JSX pages whose React state survives native transfers and source-window
+ * closure. Call append from an event handler because it commits synchronously. Page content lives in
+ * independent roots: pass context-dependent values through the item or wrap the content in providers.
+ */
+const createTabCollection = (options) => {
+    const handles = new Set();
+    const forget = (handle) => {
+        handles.delete(handle);
+    };
+    const find = (page) => [...handles].find((handle) => handle.page.current === page);
+    const render = (handle) => {
+        handle.root.render(_jsx(ManagedTab, { handle: handle, item: handle.item, options: options, forget: forget }));
+    };
+    const remove = (handle) => {
+        handles.delete(handle);
+        handle.root.unmount();
+    };
+    return {
+        append: (view, item, appendOptions = {}) => {
+            if (appendOptions.parent && ownerOf(appendOptions.parent) !== view) {
+                throw new RangeError("The parent page belongs to another tab view");
+            }
+            const pageRef = createRef();
+            const handle = {
+                root: createRoot(view),
+                page: pageRef,
+                getPage: () => pageRef.current,
+                parent: appendOptions.parent,
+                item,
+            };
+            handles.add(handle);
+            try {
+                flushSync(() => render(handle));
+            }
+            catch (error) {
+                remove(handle);
+                throw error;
+            }
+            const page = handle.page.current;
+            if (page === null) {
+                remove(handle);
+                throw new Error("The tab page did not render");
+            }
+            if (appendOptions.parent === undefined) {
+                view.reorderPage(page, page.getPinned() ? view.getNPinnedPages() - 1 : view.getNPages() - 1);
+            }
+            if (appendOptions.select !== false)
+                view.setSelectedPage(page);
+            return page;
+        },
+        get: (page) => find(page)?.item,
+        update: (page, item) => {
+            const handle = find(page);
+            if (handle === undefined)
+                throw new Error("The tab is not managed by this collection");
+            handle.item = item;
+            render(handle);
+        },
+        remove: (page) => {
+            const handle = find(page);
+            if (handle)
+                remove(handle);
+        },
+        removeView: (view) => {
+            const pages = Array.from({ length: view.getNPages() }, (_, index) => view.getNthPage(index));
+            for (const page of pages) {
+                const handle = find(page);
+                if (handle)
+                    remove(handle);
+            }
+        },
+        transfer: (page, target, position) => {
+            if (find(page) === undefined)
+                throw new Error("The tab is not managed by this collection");
+            const source = ownerOf(page);
+            const minimum = page.getPinned() ? 0 : target.getNPinnedPages();
+            const maximum = page.getPinned() ? target.getNPinnedPages() : target.getNPages();
+            const index = position ?? maximum;
+            if (!Number.isInteger(index) || index < minimum || index > maximum) {
+                throw new RangeError("The position is outside the tab's pinned or unpinned group");
+            }
+            if (source === target) {
+                target.reorderPage(page, Math.min(index, maximum - 1));
+            }
+            else {
+                source.transferPage(page, target, index);
+            }
+        },
+        dispose: () => {
+            for (const handle of [...handles])
+                remove(handle);
+        },
+    };
+};
+export { createTabCollection };
+//# sourceMappingURL=tab-collection.js.map

package/dist/tab-collection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-collection.js","sourceRoot":"","sources":["../src/tab-collection.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as Adw from \"@gtkx/gi/adw\";\nimport { AdwTabPage } from \"@gtkx/jsx/adw\";\nimport { createRoot, flushSync, type Root } from \"@gtkx/react\";\nimport { getClassType } from \"@gtkx/runtime\";\nimport { createRef, type RefObject, useEffect } from \"react\";\nimport type { TabCollection, TabCollectionOptions } from \"./types.js\";\n\ntype TabHandle<T> = {\n    root: Root;\n    page: RefObject<Adw.TabPage | null>;\n    getPage: () => Adw.TabPage | null;\n    parent: Adw.TabPage | undefined;\n    item: T;\n};\n\ntype ManagedTabProps<T> = {\n    handle: TabHandle<T>;\n    item: T;\n    options: TabCollectionOptions<T>;\n    forget: (handle: TabHandle<T>) => void;\n};\n\nconst ManagedTab = <T,>({ handle, item, options, forget }: ManagedTabProps<T>) => {\n    const { page: pageRef, parent, getPage } = handle;\n    useEffect(() => () => forget(handle), [handle, forget]);\n    return <AdwTabPage {...options.pageProps(item, getPage)} ref={pageRef} parent={parent} />;\n};\n\nconst ownerOf = (page: Adw.TabPage): Adw.TabView => {\n    const owner = page.getChild().getAncestor(getClassType(Adw.TabView));\n    if (!(owner instanceof Adw.TabView)) throw new Error(\"The tab has no native view\");\n    return owner;\n};\n\n/**\n * Creates a collection of JSX pages whose React state survives native transfers and source-window\n * closure. Call append from an event handler because it commits synchronously. Page content lives in\n * independent roots: pass context-dependent values through the item or wrap the content in providers.\n */\nconst createTabCollection = <T,>(options: TabCollectionOptions<T>): TabCollection<T> => {\n    const handles = new Set<TabHandle<T>>();\n    const forget = (handle: TabHandle<T>) => {\n        handles.delete(handle);\n    };\n    const find = (page: Adw.TabPage) => [...handles].find((handle) => handle.page.current === page);\n    const render = (handle: TabHandle<T>) => {\n        handle.root.render(<ManagedTab handle={handle} item={handle.item} options={options} forget={forget} />);\n    };\n    const remove = (handle: TabHandle<T>) => {\n        handles.delete(handle);\n        handle.root.unmount();\n    };\n\n    return {\n        append: (view, item, appendOptions = {}) => {\n            if (appendOptions.parent && ownerOf(appendOptions.parent) !== view) {\n                throw new RangeError(\"The parent page belongs to another tab view\");\n            }\n            const pageRef = createRef<Adw.TabPage>();\n            const handle: TabHandle<T> = {\n                root: createRoot(view),\n                page: pageRef,\n                getPage: () => pageRef.current,\n                parent: appendOptions.parent,\n                item,\n            };\n            handles.add(handle);\n            try {\n                flushSync(() => render(handle));\n            } catch (error) {\n                remove(handle);\n                throw error;\n            }\n            const page = handle.page.current;\n            if (page === null) {\n                remove(handle);\n                throw new Error(\"The tab page did not render\");\n            }\n            if (appendOptions.parent === undefined) {\n                view.reorderPage(page, page.getPinned() ? view.getNPinnedPages() - 1 : view.getNPages() - 1);\n            }\n            if (appendOptions.select !== false) view.setSelectedPage(page);\n            return page;\n        },\n        get: (page) => find(page)?.item,\n        update: (page, item) => {\n            const handle = find(page);\n            if (handle === undefined) throw new Error(\"The tab is not managed by this collection\");\n            handle.item = item;\n            render(handle);\n        },\n        remove: (page) => {\n            const handle = find(page);\n            if (handle) remove(handle);\n        },\n        removeView: (view) => {\n            const pages = Array.from({ length: view.getNPages() }, (_, index) => view.getNthPage(index));\n            for (const page of pages) {\n                const handle = find(page);\n                if (handle) remove(handle);\n            }\n        },\n        transfer: (page, target, position) => {\n            if (find(page) === undefined) throw new Error(\"The tab is not managed by this collection\");\n            const source = ownerOf(page);\n            const minimum = page.getPinned() ? 0 : target.getNPinnedPages();\n            const maximum = page.getPinned() ? target.getNPinnedPages() : target.getNPages();\n            const index = position ?? maximum;\n            if (!Number.isInteger(index) || index < minimum || index > maximum) {\n                throw new RangeError(\"The position is outside the tab's pinned or unpinned group\");\n            }\n            if (source === target) {\n                target.reorderPage(page, Math.min(index, maximum - 1));\n            } else {\n                source.transferPage(page, target, index);\n            }\n        },\n        dispose: () => {\n            for (const handle of [...handles]) remove(handle);\n        },\n    };\n};\n\nexport { createTabCollection };\n"]}

package/dist/toast.d.ts

@@ -1,10 +1,8 @@
 import type { ReactNode } from "react";
-import type { ToastController, ToastOverlayController, ToastProviderProps } from "./types.js";
-/** Shares an Adw.ToastOverlay reference with the toast hooks in every descendant. */
+import type { ToastController, ToastProviderProps } from "./types.js";
+/** Shares an Adw.ToastOverlay reference with useToast in every descendant. */
 declare function ToastProvider(props: ToastProviderProps): ReactNode;
 /** Returns a {@link ToastController} that shows and dismisses toasts on the nearest provider's overlay. */
 declare function useToast(): ToastController;
-/** Returns a {@link ToastOverlayController} for the nearest provider's overlay as a whole. */
-declare function useToastOverlay(): ToastOverlayController;
-export { ToastProvider, useToast, useToastOverlay };
+export { ToastProvider, useToast };
 //# sourceMappingURL=toast.d.ts.map

package/dist/toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../src/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAGlD,OAAO,KAAK,EAAE,eAAe,EAAgB,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAmC5G,qFAAqF;AACrF,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,SAAS,CAE3D;AAED,2GAA2G;AAC3G,iBAAS,QAAQ,IAAI,eAAe,CAiBnC;AAED,8FAA8F;AAC9F,iBAAS,eAAe,IAAI,sBAAsB,CAWjD;AAED,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../src/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAGlD,OAAO,KAAK,EAAE,eAAe,EAAgB,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAmCpF,8EAA8E;AAC9E,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,SAAS,CAE3D;AAED,2GAA2G;AAC3G,iBAAS,QAAQ,IAAI,eAAe,CAiBnC;AAED,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC"}

package/dist/toast.js

@@ -5,7 +5,7 @@ const ToastContext = createContext(null);
 const useOverlayRef = () => {
     const overlayRef = useContext(ToastContext);
     if (overlayRef === null) {
-        throw new Error("useToast and useToastOverlay must be used within a ToastProvider");
+        throw new Error("useToast must be used within a ToastProvider");
     }
     return overlayRef;
 };
@@ -24,7 +24,7 @@ const buildToast = (options) => {
     }
     return toast;
 };
-/** Shares an Adw.ToastOverlay reference with the toast hooks in every descendant. */
+/** Shares an Adw.ToastOverlay reference with useToast in every descendant. */
 function ToastProvider(props) {
     return _jsx(ToastContext.Provider, { value: props.overlayRef, children: props.children });
 }
@@ -37,19 +37,10 @@ function useToast() {
             overlayRef.current?.addToast(toast);
             return toast;
         },
-        dismiss: (toast) => {
-            toast.dismiss();
-        },
-    }), [overlayRef]);
-}
-/** Returns a {@link ToastOverlayController} for the nearest provider's overlay as a whole. */
-function useToastOverlay() {
-    const overlayRef = useOverlayRef();
-    return useMemo(() => ({
         dismissAll: () => {
             overlayRef.current?.dismissAll();
         },
     }), [overlayRef]);
 }
-export { ToastProvider, useToast, useToastOverlay };
+export { ToastProvider, useToast };
 //# sourceMappingURL=toast.js.map

package/dist/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","sourceRoot":"","sources":["../src/toast.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,GAAG,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAK3D,MAAM,YAAY,GAAG,aAAa,CAAoB,IAAI,CAAC,CAAC;AAE5D,MAAM,aAAa,GAAG,GAAe,EAAE;IACnC,MAAM,UAAU,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAE5C,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;QACtB,MAAM,IAAI,KAAK,CAAC,kEAAkE,CAAC,CAAC;IACxF,CAAC;IAED,OAAO,UAAU,CAAC;AACtB,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,OAAqB,EAAa,EAAE;IACpD,MAAM,EAAE,eAAe,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,GAAG,OAAO,CAAC;IAC3D,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAEnC,IAAI,eAAe,IAAI,IAAI,EAAE,CAAC;QAC1B,KAAK,CAAC,EAAE,CAAC,gBAAgB,EAAE,GAAG,EAAE;YAC5B,eAAe,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,CAAC,CAAC;IACP,CAAC;IAED,IAAI,WAAW,IAAI,IAAI,EAAE,CAAC;QACtB,KAAK,CAAC,EAAE,CAAC,WAAW,EAAE,GAAG,EAAE;YACvB,WAAW,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;IACP,CAAC;IAED,OAAO,KAAK,CAAC;AACjB,CAAC,CAAC;AAEF,qFAAqF;AACrF,SAAS,aAAa,CAAC,KAAyB;IAC5C,OAAO,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,UAAU,YAAG,KAAK,CAAC,QAAQ,GAAyB,CAAC;AACpG,CAAC;AAED,2GAA2G;AAC3G,SAAS,QAAQ;IACb,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IAEnC,OAAO,OAAO,CACV,GAAG,EAAE,CAAC,CAAC;QACH,IAAI,EAAE,CAAC,OAAsB,EAAE,EAAE;YAC7B,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;YACxC,UAAU,CAAC,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;YAEpC,OAAO,KAAK,CAAC;QACjB,CAAC;QACD,OAAO,EAAE,CAAC,KAAgB,EAAE,EAAE;YAC1B,KAAK,CAAC,OAAO,EAAE,CAAC;QACpB,CAAC;KACJ,CAAC,EACF,CAAC,UAAU,CAAC,CACf,CAAC;AACN,CAAC;AAED,8FAA8F;AAC9F,SAAS,eAAe;IACpB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IAEnC,OAAO,OAAO,CACV,GAAG,EAAE,CAAC,CAAC;QACH,UAAU,EAAE,GAAG,EAAE;YACb,UAAU,CAAC,OAAO,EAAE,UAAU,EAAE,CAAC;QACrC,CAAC;KACJ,CAAC,EACF,CAAC,UAAU,CAAC,CACf,CAAC;AACN,CAAC;AAED,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC","sourcesContent":["import type { ReactNode, RefObject } from \"react\";\nimport * as Adw from \"@gtkx/gi/adw\";\nimport { createContext, useContext, useMemo } from \"react\";\nimport type { ToastController, ToastOptions, ToastOverlayController, ToastProviderProps } from \"./types.js\";\n\ntype OverlayRef = RefObject<Adw.ToastOverlay | null>;\n\nconst ToastContext = createContext<OverlayRef | null>(null);\n\nconst useOverlayRef = (): OverlayRef => {\n    const overlayRef = useContext(ToastContext);\n\n    if (overlayRef === null) {\n        throw new Error(\"useToast and useToastOverlay must be used within a ToastProvider\");\n    }\n\n    return overlayRef;\n};\n\nconst buildToast = (options: ToastOptions): Adw.Toast => {\n    const { onButtonClicked, onDismissed, ...props } = options;\n    const toast = new Adw.Toast(props);\n\n    if (onButtonClicked != null) {\n        toast.on(\"button-clicked\", () => {\n            onButtonClicked(toast);\n        });\n    }\n\n    if (onDismissed != null) {\n        toast.on(\"dismissed\", () => {\n            onDismissed(toast);\n        });\n    }\n\n    return toast;\n};\n\n/** Shares an Adw.ToastOverlay reference with the toast hooks in every descendant. */\nfunction ToastProvider(props: ToastProviderProps): ReactNode {\n    return <ToastContext.Provider value={props.overlayRef}>{props.children}</ToastContext.Provider>;\n}\n\n/** Returns a {@link ToastController} that shows and dismisses toasts on the nearest provider's overlay. */\nfunction useToast(): ToastController {\n    const overlayRef = useOverlayRef();\n\n    return useMemo<ToastController>(\n        () => ({\n            show: (options?: ToastOptions) => {\n                const toast = buildToast(options ?? {});\n                overlayRef.current?.addToast(toast);\n\n                return toast;\n            },\n            dismiss: (toast: Adw.Toast) => {\n                toast.dismiss();\n            },\n        }),\n        [overlayRef],\n    );\n}\n\n/** Returns a {@link ToastOverlayController} for the nearest provider's overlay as a whole. */\nfunction useToastOverlay(): ToastOverlayController {\n    const overlayRef = useOverlayRef();\n\n    return useMemo<ToastOverlayController>(\n        () => ({\n            dismissAll: () => {\n                overlayRef.current?.dismissAll();\n            },\n        }),\n        [overlayRef],\n    );\n}\n\nexport { ToastProvider, useToast, useToastOverlay };\n"]}
+{"version":3,"file":"toast.js","sourceRoot":"","sources":["../src/toast.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,GAAG,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAK3D,MAAM,YAAY,GAAG,aAAa,CAAoB,IAAI,CAAC,CAAC;AAE5D,MAAM,aAAa,GAAG,GAAe,EAAE;IACnC,MAAM,UAAU,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAE5C,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;QACtB,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAC;IACpE,CAAC;IAED,OAAO,UAAU,CAAC;AACtB,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,OAAqB,EAAa,EAAE;IACpD,MAAM,EAAE,eAAe,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,GAAG,OAAO,CAAC;IAC3D,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAEnC,IAAI,eAAe,IAAI,IAAI,EAAE,CAAC;QAC1B,KAAK,CAAC,EAAE,CAAC,gBAAgB,EAAE,GAAG,EAAE;YAC5B,eAAe,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,CAAC,CAAC;IACP,CAAC;IAED,IAAI,WAAW,IAAI,IAAI,EAAE,CAAC;QACtB,KAAK,CAAC,EAAE,CAAC,WAAW,EAAE,GAAG,EAAE;YACvB,WAAW,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;IACP,CAAC;IAED,OAAO,KAAK,CAAC;AACjB,CAAC,CAAC;AAEF,8EAA8E;AAC9E,SAAS,aAAa,CAAC,KAAyB;IAC5C,OAAO,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,UAAU,YAAG,KAAK,CAAC,QAAQ,GAAyB,CAAC;AACpG,CAAC;AAED,2GAA2G;AAC3G,SAAS,QAAQ;IACb,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IAEnC,OAAO,OAAO,CACV,GAAG,EAAE,CAAC,CAAC;QACH,IAAI,EAAE,CAAC,OAAsB,EAAE,EAAE;YAC7B,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;YACxC,UAAU,CAAC,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;YAEpC,OAAO,KAAK,CAAC;QACjB,CAAC;QACD,UAAU,EAAE,GAAG,EAAE;YACb,UAAU,CAAC,OAAO,EAAE,UAAU,EAAE,CAAC;QACrC,CAAC;KACJ,CAAC,EACF,CAAC,UAAU,CAAC,CACf,CAAC;AACN,CAAC;AAED,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC","sourcesContent":["import type { ReactNode, RefObject } from \"react\";\nimport * as Adw from \"@gtkx/gi/adw\";\nimport { createContext, useContext, useMemo } from \"react\";\nimport type { ToastController, ToastOptions, ToastProviderProps } from \"./types.js\";\n\ntype OverlayRef = RefObject<Adw.ToastOverlay | null>;\n\nconst ToastContext = createContext<OverlayRef | null>(null);\n\nconst useOverlayRef = (): OverlayRef => {\n    const overlayRef = useContext(ToastContext);\n\n    if (overlayRef === null) {\n        throw new Error(\"useToast must be used within a ToastProvider\");\n    }\n\n    return overlayRef;\n};\n\nconst buildToast = (options: ToastOptions): Adw.Toast => {\n    const { onButtonClicked, onDismissed, ...props } = options;\n    const toast = new Adw.Toast(props);\n\n    if (onButtonClicked != null) {\n        toast.on(\"button-clicked\", () => {\n            onButtonClicked(toast);\n        });\n    }\n\n    if (onDismissed != null) {\n        toast.on(\"dismissed\", () => {\n            onDismissed(toast);\n        });\n    }\n\n    return toast;\n};\n\n/** Shares an Adw.ToastOverlay reference with useToast in every descendant. */\nfunction ToastProvider(props: ToastProviderProps): ReactNode {\n    return <ToastContext.Provider value={props.overlayRef}>{props.children}</ToastContext.Provider>;\n}\n\n/** Returns a {@link ToastController} that shows and dismisses toasts on the nearest provider's overlay. */\nfunction useToast(): ToastController {\n    const overlayRef = useOverlayRef();\n\n    return useMemo<ToastController>(\n        () => ({\n            show: (options?: ToastOptions) => {\n                const toast = buildToast(options ?? {});\n                overlayRef.current?.addToast(toast);\n\n                return toast;\n            },\n            dismissAll: () => {\n                overlayRef.current?.dismissAll();\n            },\n        }),\n        [overlayRef],\n    );\n}\n\nexport { ToastProvider, useToast };\n"]}