@gtkx/components 1.0.0-rc.4 → 1.1.0

package/dist/internal/collection.js.map

@@ -1 +1 @@
-{"version":3,"file":"collection.js","sourceRoot":"","sources":["../../src/internal/collection.ts"],"names":[],"mappings":"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","sourcesContent":["import type * as GObject from \"@gtkx/gi/gobject\";\nimport type * as Gtk from \"@gtkx/gi/gtk\";\nimport type { ListItem } from \"../types.js\";\nimport type { CollectionIndex } from \"./collection-index.js\";\nimport type { CollectionModel } from \"./collection-model.js\";\nimport { getId } from \"./collection-model.js\";\n\ntype Collection = {\n    isTree: boolean;\n    model: Gtk.FlattenListModel;\n    treeModel: () => Gtk.TreeListModel | null;\n    itemFor: (id: string) => ListItem | undefined;\n    sectionFor: (id: string) => unknown;\n    idAt: (position: number) => string | null;\n    positionFor: (id: string) => number;\n    positionsFor: (ids: string[]) => number[];\n};\n\nconst ascending = (a: number, b: number): number => a - b;\n\nfunction visitRow(\n    tree: Gtk.TreeListModel,\n    position: number,\n    visit: (row: Gtk.TreeListRow, id: string | null) => void,\n): void {\n    const row = tree.getRow(position);\n\n    if (row === null) {\n        return;\n    }\n\n    visit(row, getId(row.getItem()));\n}\n\nfunction eachRow(tree: Gtk.TreeListModel, visit: (row: Gtk.TreeListRow, id: string | null) => void): void {\n    for (let position = 0; position < tree.getNItems(); position++) {\n        visitRow(tree, position, visit);\n    }\n}\n\nfunction collectWanted(item: GObject.Object | null, position: number, wanted: Set<string>, out: number[]): void {\n    const id = getId(item);\n\n    if (id !== null && wanted.has(id)) {\n        out.push(position);\n    }\n}\n\nfunction scanPositions(tree: Gtk.TreeListModel, ids: string[]): number[] {\n    const wanted = new Set(ids);\n    const positions: number[] = [];\n    const count = tree.getNItems();\n\n    for (let position = 0; position < count; position++) {\n        collectWanted(tree.getItem(position), position, wanted, positions);\n    }\n\n    return positions;\n}\n\nfunction indexPositions(index: CollectionIndex, ids: string[]): number[] {\n    const positions: number[] = [];\n\n    for (const id of ids) {\n        const position = index.positionFor(id);\n\n        if (position >= 0) {\n            positions.push(position);\n        }\n    }\n\n    return positions.toSorted(ascending);\n}\n\nfunction positionsFor(gtk: CollectionModel, index: CollectionIndex, ids: string[]): number[] {\n    if (!index.isTree) {\n        return indexPositions(index, ids);\n    }\n\n    const tree = gtk.treeModel();\n\n    return tree === null ? [] : scanPositions(tree, ids);\n}\n\nfunction positionFor(gtk: CollectionModel, index: CollectionIndex, id: string): number {\n    const [first = -1] = positionsFor(gtk, index, [id]);\n\n    return first;\n}\n\nfunction createCollection(gtk: CollectionModel, index: CollectionIndex): Collection {\n    return {\n        isTree: index.isTree,\n        model: gtk.model,\n        treeModel: () => (index.isTree ? gtk.treeModel() : null),\n        itemFor: index.itemFor,\n        sectionFor: index.sectionFor,\n        idAt: (position) => getId(gtk.model.getItem(position)),\n        positionFor: (id) => positionFor(gtk, index, id),\n        positionsFor: (ids) => positionsFor(gtk, index, ids),\n    };\n}\n\nexport { createCollection, eachRow, type Collection };\n"]}
+{"version":3,"file":"collection.js","sourceRoot":"","sources":["../../src/internal/collection.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ListItem } from \"../types.js\";\nimport type { CollectionIndex } from \"./collection-index.js\";\nimport type { CollectionModel, SlotRef } from \"./collection-model.js\";\nimport { slotPathAt, slotRefFor } from \"./collection-model.js\";\nimport { findPositions } from \"./tree-order.js\";\n\ntype Collection = Pick<CollectionModel, \"model\" | \"expansion\" | \"rowAt\"> & {\n    isTree: boolean;\n    itemAt: (ref: SlotRef) => ListItem | undefined;\n    sectionFor: (levelPath: string) => unknown;\n    idAt: (position: number) => string | null;\n    pathAt: (position: number) => string | null;\n    positionFor: (id: string) => number;\n    positionsFor: (ids: string[]) => number[];\n};\n\nconst NO_POSITIONS: number[] = [];\n\nfunction positionsFor(collectionModel: CollectionModel, ids: string[]): number[] {\n    if (ids.length === 0) {\n        return NO_POSITIONS;\n    }\n\n    const { expansion } = collectionModel;\n\n    return findPositions(expansion.index, expansion.slots, new Set(ids));\n}\n\nfunction positionFor(collectionModel: CollectionModel, id: string): number {\n    const [first = -1] = positionsFor(collectionModel, [id]);\n\n    return first;\n}\n\nfunction refAt(collectionModel: CollectionModel, position: number): SlotRef | null {\n    if (position < 0) {\n        return null;\n    }\n\n    return slotRefFor(collectionModel.model.getItem(position));\n}\n\nfunction itemAt(index: CollectionIndex, ref: SlotRef): ListItem | undefined {\n    return index.itemAt(ref.store.level.path, ref.slot);\n}\n\nfunction idAt(collectionModel: CollectionModel, index: CollectionIndex, position: number): string | null {\n    const ref = refAt(collectionModel, position);\n\n    return ref === null ? null : (itemAt(index, ref)?.id ?? null);\n}\n\nfunction pathAt(collectionModel: CollectionModel, position: number): string | null {\n    const ref = refAt(collectionModel, position);\n\n    if (ref === null) {\n        return null;\n    }\n\n    return slotPathAt(ref.store, ref.slot);\n}\n\nfunction isCollectionIdle(collection: Collection): boolean {\n    const { expansion } = collection;\n\n    return !expansion.isApplying && !expansion.isSyncing;\n}\n\nfunction createCollection(collectionModel: CollectionModel, index: CollectionIndex): Collection {\n    return {\n        model: collectionModel.model,\n        expansion: collectionModel.expansion,\n        isTree: index.isTree,\n        rowAt: collectionModel.rowAt,\n        itemAt: (ref) => itemAt(index, ref),\n        sectionFor: index.sectionFor,\n        idAt: (position) => idAt(collectionModel, index, position),\n        pathAt: (position) => pathAt(collectionModel, position),\n        positionFor: (id) => positionFor(collectionModel, id),\n        positionsFor: (ids) => positionsFor(collectionModel, ids),\n    };\n}\n\nexport { createCollection, isCollectionIdle, type Collection };\n"]}

package/dist/internal/controlled-sync.d.ts

@@ -0,0 +1,11 @@
+import type { Collection } from "./collection.js";
+type ControlledIds = string[] | null | undefined;
+type ControlledSyncOptions = {
+    ids: ControlledIds;
+    collection: Collection;
+    widget?: object | null | undefined;
+    apply: (ids: ControlledIds) => void;
+};
+declare function useControlledSync(options: ControlledSyncOptions): () => void;
+export { useControlledSync };
+//# sourceMappingURL=controlled-sync.d.ts.map

package/dist/internal/controlled-sync.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"controlled-sync.d.ts","sourceRoot":"","sources":["../../src/internal/controlled-sync.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,KAAK,aAAa,GAAG,MAAM,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;AAEjD,KAAK,qBAAqB,GAAG;IACzB,GAAG,EAAE,aAAa,CAAC;IACnB,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACnC,KAAK,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF,iBAAS,iBAAiB,CAAC,OAAO,EAAE,qBAAqB,GAAG,MAAM,IAAI,CAmBrE;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/internal/controlled-sync.js

@@ -0,0 +1,19 @@
+import { startTransition, useEffectEvent, useLayoutEffect, useState } from "react";
+function useControlledSync(options) {
+    const { ids, collection, widget } = options;
+    const [drift, setDrift] = useState(0);
+    const markDrift = () => {
+        startTransition(() => {
+            setDrift((count) => count + 1);
+        });
+    };
+    const apply = useEffectEvent((next) => {
+        options.apply(next);
+    });
+    useLayoutEffect(() => {
+        apply(ids);
+    }, [widget, collection, ids, drift]);
+    return markDrift;
+}
+export { useControlledSync };
+//# sourceMappingURL=controlled-sync.js.map

package/dist/internal/controlled-sync.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controlled-sync.js","sourceRoot":"","sources":["../../src/internal/controlled-sync.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAYnF,SAAS,iBAAiB,CAAC,OAA8B;IACrD,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;IAC5C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEtC,MAAM,SAAS,GAAG,GAAS,EAAE;QACzB,eAAe,CAAC,GAAG,EAAE;YACjB,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,cAAc,CAAC,CAAC,IAAmB,EAAQ,EAAE;QACvD,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,CAAC,CAAC;IAEH,eAAe,CAAC,GAAG,EAAE;QACjB,KAAK,CAAC,GAAG,CAAC,CAAC;IACf,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;IAErC,OAAO,SAAS,CAAC;AACrB,CAAC;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC","sourcesContent":["import { startTransition, useEffectEvent, useLayoutEffect, useState } from \"react\";\nimport type { Collection } from \"./collection.js\";\n\ntype ControlledIds = string[] | null | undefined;\n\ntype ControlledSyncOptions = {\n    ids: ControlledIds;\n    collection: Collection;\n    widget?: object | null | undefined;\n    apply: (ids: ControlledIds) => void;\n};\n\nfunction useControlledSync(options: ControlledSyncOptions): () => void {\n    const { ids, collection, widget } = options;\n    const [drift, setDrift] = useState(0);\n\n    const markDrift = (): void => {\n        startTransition(() => {\n            setDrift((count) => count + 1);\n        });\n    };\n\n    const apply = useEffectEvent((next: ControlledIds): void => {\n        options.apply(next);\n    });\n\n    useLayoutEffect(() => {\n        apply(ids);\n    }, [widget, collection, ids, drift]);\n\n    return markDrift;\n}\n\nexport { useControlledSync };\n"]}

package/dist/internal/drop-down.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drop-down.d.ts","sourceRoot":"","sources":["../../src/internal/drop-down.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,OAAO,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAKzD,OAAO,KAAK,EAAE,gBAAgB,EAAwC,MAAM,aAAa,CAAC;AAM1F,KAAK,gBAAgB,GAAG,OAAO,CAAC,MAAM,GAAG;IAAE,WAAW,EAAE,MAAM,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC;AAEzF,KAAK,iBAAiB,GAAG,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG;IAC1D,gBAAgB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/F,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;CAClD,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAuI5B,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG;IAAE,SAAS,EAAE,WAAW,CAAA;CAAE,GAAG,SAAS,CA+BtF;AAED,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"drop-down.d.ts","sourceRoot":"","sources":["../../src/internal/drop-down.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,OAAO,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIzD,OAAO,KAAK,EAAE,gBAAgB,EAAwC,MAAM,aAAa,CAAC;AAM1F,KAAK,gBAAgB,GAAG,OAAO,CAAC,MAAM,GAAG;IAAE,WAAW,EAAE,MAAM,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC;AAEzF,KAAK,iBAAiB,GAAG,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG;IAC1D,gBAAgB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/F,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;CAClD,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AA8J5B,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG;IAAE,SAAS,EAAE,WAAW,CAAA;CAAE,GAAG,SAAS,CA8BtF;AAED,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,CAAC"}

package/dist/internal/drop-down.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { GtkLabel, GtkSignalListItemFactory } from "@gtkx/jsx/gtk";
-import { applyWrite } from "@gtkx/react/internal";
 import { omit } from "@gtkx/utils";
-import { useEffectEvent, useLayoutEffect, useRef } from "react";
-import { HeaderPortals, ItemPortals, useHeaderCells, useItemCells } from "./cells.js";
+import { useEffectEvent, useLayoutEffect, useRef, useState } from "react";
+import { ItemPortals, useItemCells, useSectionHeader } from "./cells.js";
 import { useCollectionData } from "./use-collection.js";
 import { useWidgetRef } from "./use-widget-ref.js";
 const DROP_DOWN_PROPS = [
@@ -18,6 +17,9 @@ const DROP_DOWN_PROPS = [
     "renderHeader",
     "ref",
 ];
+function newApplyState() {
+    return { isApplying: false };
+}
 const describeValue = (value) => {
     if (typeof value === "string") {
         return value;
@@ -32,7 +34,6 @@ const describeValue = (value) => {
 const defaultItemContent = (value) => value == null ? null : _jsx(GtkLabel, { children: describeValue(value) });
 const defaultRenderItem = ({ item }) => defaultItemContent(item);
 const faceRenderer = (props) => props.renderItem ?? defaultRenderItem;
-const listRenderer = (props) => props.renderListItem ?? props.renderItem ?? defaultRenderItem;
 const resolvePosition = (widget, collection, selectedId) => {
     const requested = selectedId == null ? -1 : collection.positionFor(selectedId);
     return requested >= 0 ? requested : widget.getSelected();
@@ -61,15 +62,28 @@ const reportSelectedNotify = (options, tracker) => {
     }
     reportKnownSelection(tracker, collection.idAt(widget.getSelected()));
 };
-const applySelectedPosition = (widget, position) => {
-    applyWrite(() => {
+const applySelectedPosition = (widget, position, state) => {
+    state.isApplying = true;
+    try {
         widget.selected = position;
-    });
+    }
+    finally {
+        state.isApplying = false;
+    }
+};
+const dispatchSelectedNotify = (context, value, self) => {
+    const { options, known, state } = context;
+    if (state.isApplying) {
+        return;
+    }
+    reportSelectedNotify(options, { known, onSelectionChanged: options.props.onSelectionChanged });
+    options.props.onNotifySelected?.(value, self);
 };
 const useDropDownSelection = (options) => {
     const { widget, collection } = options;
     const { selectedId } = options.props;
     const known = useRef(null);
+    const [applyState] = useState(newApplyState);
     const syncKnownSelection = useEffectEvent((position) => {
         const effectiveId = collection.idAt(position);
         if (effectiveId === null) {
@@ -84,27 +98,25 @@ const useDropDownSelection = (options) => {
             return;
         }
         const position = resolvePosition(widget, collection, selectedId);
-        applySelectedPosition(widget, position);
+        applySelectedPosition(widget, position, applyState);
         syncKnownSelection(position);
-    }, [widget, collection, selectedId]);
+    }, [widget, collection, selectedId, applyState]);
     return (value, self) => {
-        reportSelectedNotify(options, { known, onSelectionChanged: options.props.onSelectionChanged });
-        options.props.onNotifySelected?.(value, self);
+        dispatchSelectedNotify({ options, known, state: applyState }, value, self);
     };
 };
 function DropDownBase(props) {
     const { component: Component, items, sections, renderListItem, renderHeader, ref } = props;
     const rest = omit(props, DROP_DOWN_PROPS);
     const [widget, refCallback] = useWidgetRef(ref);
-    const collection = useCollectionData({ items, sections });
+    const collection = useCollectionData({ items, sections, isFlat: true });
     const faceCells = useItemCells({ width: -1, height: -1 });
     const listCells = useItemCells({ width: -1, height: -1 });
-    const headerCells = useHeaderCells({ width: -1, height: -1 });
+    const header = useSectionHeader(renderHeader, collection, { width: -1, height: -1 });
     const handleNotifySelected = useDropDownSelection({ widget, collection, props });
-    const hasHeader = typeof renderHeader === "function";
     return (_jsxs(_Fragment, { children: [_jsx(Component, { ref: refCallback, model: collection.model, factory: _jsx(GtkSignalListItemFactory, { ...faceCells.handlers }), ...(renderListItem != null && {
                     listFactory: _jsx(GtkSignalListItemFactory, { ...listCells.handlers }),
-                }), ...(hasHeader && { headerFactory: _jsx(GtkSignalListItemFactory, { ...headerCells.handlers }) }), ...rest, onNotifySelected: handleNotifySelected }), _jsx(ItemPortals, { store: faceCells, render: faceRenderer(props), collection: collection }), renderListItem != null && (_jsx(ItemPortals, { store: listCells, render: listRenderer(props), collection: collection })), hasHeader && _jsx(HeaderPortals, { store: headerCells, render: renderHeader, collection: collection })] }));
+                }), ...header.factoryProps, ...rest, onNotifySelected: handleNotifySelected }), _jsx(ItemPortals, { registry: faceCells, render: faceRenderer(props), collection: collection }), renderListItem != null && (_jsx(ItemPortals, { registry: listCells, render: renderListItem, collection: collection })), header.portals] }));
 }
 export { DropDownBase };
 //# sourceMappingURL=drop-down.js.map

package/dist/internal/drop-down.js.map

@@ -1 +1 @@
-{"version":3,"file":"drop-down.js","sourceRoot":"","sources":["../../src/internal/drop-down.tsx"],"names":[],"mappings":"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","sourcesContent":["import type * as GObject from \"@gtkx/gi/gobject\";\nimport type { ElementType, ReactNode, Ref } from \"react\";\nimport { GtkLabel, GtkSignalListItemFactory } from \"@gtkx/jsx/gtk\";\nimport { applyWrite } from \"@gtkx/react/internal\";\nimport { omit } from \"@gtkx/utils\";\nimport { useEffectEvent, useLayoutEffect, useRef } from \"react\";\nimport type { DropDownOwnProps, ListItemRenderArgs, ListItemRenderer } from \"../types.js\";\nimport type { Collection } from \"./collection.js\";\nimport { HeaderPortals, ItemPortals, useHeaderCells, useItemCells } from \"./cells.js\";\nimport { useCollectionData } from \"./use-collection.js\";\nimport { useWidgetRef } from \"./use-widget-ref.js\";\n\ntype SelectableWidget = GObject.Object & { getSelected: () => number; selected: number };\n\ntype DropDownBaseProps = DropDownOwnProps<unknown, unknown> & {\n    onNotifySelected?: ((value: number | null, self: SelectableWidget) => void) | null | undefined;\n    ref?: Ref<SelectableWidget | null> | undefined;\n} & Record<string, unknown>;\n\ntype SelectionOptions = {\n    widget: SelectableWidget | null;\n    collection: Collection;\n    props: DropDownBaseProps;\n};\n\ntype NotifySelectedHandler = NonNullable<DropDownBaseProps[\"onNotifySelected\"]>;\n\ntype KnownSelection = {\n    known: { current: string | null };\n    onSelectionChanged: ((id: string) => void) | null | undefined;\n};\n\nconst DROP_DOWN_PROPS: string[] = [\n    \"component\",\n    \"items\",\n    \"sections\",\n    \"selectedId\",\n    \"onSelectionChanged\",\n    \"onNotifySelected\",\n    \"renderItem\",\n    \"renderListItem\",\n    \"renderHeader\",\n    \"ref\",\n];\n\nconst describeValue = (value: unknown): string => {\n    if (typeof value === \"string\") {\n        return value;\n    }\n\n    try {\n        return JSON.stringify(value);\n    } catch {\n        return String(value);\n    }\n};\n\nconst defaultItemContent = (value: unknown): ReactNode =>\n    value == null ? null : <GtkLabel>{describeValue(value)}</GtkLabel>;\n\nconst defaultRenderItem = ({ item }: ListItemRenderArgs<unknown>): ReactNode => defaultItemContent(item);\nconst faceRenderer = (props: DropDownBaseProps): ListItemRenderer<never> => props.renderItem ?? defaultRenderItem;\n\nconst listRenderer = (props: DropDownBaseProps): ListItemRenderer<never> =>\n    props.renderListItem ?? props.renderItem ?? defaultRenderItem;\n\nconst resolvePosition = (\n    widget: SelectableWidget,\n    collection: Collection,\n    selectedId: string | null | undefined,\n): number => {\n    const requested = selectedId == null ? -1 : collection.positionFor(selectedId);\n\n    return requested >= 0 ? requested : widget.getSelected();\n};\n\nconst updateKnownSelection = (\n    tracker: KnownSelection,\n    effectiveId: string,\n    selectedId: string | null | undefined,\n): void => {\n    const { known, onSelectionChanged } = tracker;\n    const expectedId = selectedId ?? known.current;\n    const isNew = effectiveId !== known.current;\n    known.current = effectiveId;\n\n    if (expectedId !== null && effectiveId !== expectedId && isNew) {\n        onSelectionChanged?.(effectiveId);\n    }\n};\n\nconst reportKnownSelection = (tracker: KnownSelection, id: string | null): void => {\n    const { known, onSelectionChanged } = tracker;\n\n    if (id === null || id === known.current) {\n        return;\n    }\n\n    known.current = id;\n    onSelectionChanged?.(id);\n};\n\nconst reportSelectedNotify = (options: SelectionOptions, tracker: KnownSelection): void => {\n    const { widget, collection } = options;\n\n    if (widget === null) {\n        return;\n    }\n\n    reportKnownSelection(tracker, collection.idAt(widget.getSelected()));\n};\n\nconst applySelectedPosition = (widget: SelectableWidget, position: number): void => {\n    applyWrite(() => {\n        widget.selected = position;\n    });\n};\n\nconst useDropDownSelection = (options: SelectionOptions): NotifySelectedHandler => {\n    const { widget, collection } = options;\n    const { selectedId } = options.props;\n    const known = useRef<string | null>(null);\n\n    const syncKnownSelection = useEffectEvent((position: number): void => {\n        const effectiveId = collection.idAt(position);\n\n        if (effectiveId === null) {\n            known.current = null;\n\n            return;\n        }\n\n        const { onSelectionChanged } = options.props;\n        updateKnownSelection({ known, onSelectionChanged }, effectiveId, selectedId);\n    });\n\n    useLayoutEffect(() => {\n        if (widget === null) {\n            return;\n        }\n\n        const position = resolvePosition(widget, collection, selectedId);\n        applySelectedPosition(widget, position);\n        syncKnownSelection(position);\n    }, [widget, collection, selectedId]);\n\n    return (value, self) => {\n        reportSelectedNotify(options, { known, onSelectionChanged: options.props.onSelectionChanged });\n        options.props.onNotifySelected?.(value, self);\n    };\n};\n\nfunction DropDownBase(props: DropDownBaseProps & { component: ElementType }): ReactNode {\n    const { component: Component, items, sections, renderListItem, renderHeader, ref } = props;\n    const rest = omit(props, DROP_DOWN_PROPS);\n    const [widget, refCallback] = useWidgetRef<SelectableWidget>(ref);\n    const collection = useCollectionData({ items, sections });\n    const faceCells = useItemCells({ width: -1, height: -1 });\n    const listCells = useItemCells({ width: -1, height: -1 });\n    const headerCells = useHeaderCells({ width: -1, height: -1 });\n    const handleNotifySelected = useDropDownSelection({ widget, collection, props });\n    const hasHeader = typeof renderHeader === \"function\";\n\n    return (\n        <>\n            <Component\n                ref={refCallback}\n                model={collection.model}\n                factory={<GtkSignalListItemFactory {...faceCells.handlers} />}\n                {...(renderListItem != null && {\n                    listFactory: <GtkSignalListItemFactory {...listCells.handlers} />,\n                })}\n                {...(hasHeader && { headerFactory: <GtkSignalListItemFactory {...headerCells.handlers} /> })}\n                {...rest}\n                onNotifySelected={handleNotifySelected}\n            />\n            <ItemPortals store={faceCells} render={faceRenderer(props)} collection={collection} />\n            {renderListItem != null && (\n                <ItemPortals store={listCells} render={listRenderer(props)} collection={collection} />\n            )}\n            {hasHeader && <HeaderPortals store={headerCells} render={renderHeader} collection={collection} />}\n        </>\n    );\n}\n\nexport { DropDownBase, type DropDownBaseProps };\n"]}
+{"version":3,"file":"drop-down.js","sourceRoot":"","sources":["../../src/internal/drop-down.tsx"],"names":[],"mappings":"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","sourcesContent":["import type * as GObject from \"@gtkx/gi/gobject\";\nimport type { ElementType, ReactNode, Ref } from \"react\";\nimport { GtkLabel, GtkSignalListItemFactory } from \"@gtkx/jsx/gtk\";\nimport { omit } from \"@gtkx/utils\";\nimport { useEffectEvent, useLayoutEffect, useRef, useState } from \"react\";\nimport type { DropDownOwnProps, ListItemRenderArgs, ListItemRenderer } from \"../types.js\";\nimport type { Collection } from \"./collection.js\";\nimport { ItemPortals, useItemCells, useSectionHeader } from \"./cells.js\";\nimport { useCollectionData } from \"./use-collection.js\";\nimport { useWidgetRef } from \"./use-widget-ref.js\";\n\ntype SelectableWidget = GObject.Object & { getSelected: () => number; selected: number };\n\ntype DropDownBaseProps = DropDownOwnProps<unknown, unknown> & {\n    onNotifySelected?: ((value: number | null, self: SelectableWidget) => void) | null | undefined;\n    ref?: Ref<SelectableWidget | null> | undefined;\n} & Record<string, unknown>;\n\ntype SelectionOptions = {\n    widget: SelectableWidget | null;\n    collection: Collection;\n    props: DropDownBaseProps;\n};\n\ntype NotifySelectedHandler = NonNullable<DropDownBaseProps[\"onNotifySelected\"]>;\ntype ApplyState = { isApplying: boolean };\n\ntype NotifyContext = {\n    options: SelectionOptions;\n    known: { current: string | null };\n    state: ApplyState;\n};\n\ntype KnownSelection = {\n    known: { current: string | null };\n    onSelectionChanged: ((id: string) => void) | null | undefined;\n};\n\nconst DROP_DOWN_PROPS: string[] = [\n    \"component\",\n    \"items\",\n    \"sections\",\n    \"selectedId\",\n    \"onSelectionChanged\",\n    \"onNotifySelected\",\n    \"renderItem\",\n    \"renderListItem\",\n    \"renderHeader\",\n    \"ref\",\n];\n\nfunction newApplyState(): ApplyState {\n    return { isApplying: false };\n}\n\nconst describeValue = (value: unknown): string => {\n    if (typeof value === \"string\") {\n        return value;\n    }\n\n    try {\n        return JSON.stringify(value);\n    } catch {\n        return String(value);\n    }\n};\n\nconst defaultItemContent = (value: unknown): ReactNode =>\n    value == null ? null : <GtkLabel>{describeValue(value)}</GtkLabel>;\n\nconst defaultRenderItem = ({ item }: ListItemRenderArgs<unknown>): ReactNode => defaultItemContent(item);\nconst faceRenderer = (props: DropDownBaseProps): ListItemRenderer<never> => props.renderItem ?? defaultRenderItem;\n\nconst resolvePosition = (\n    widget: SelectableWidget,\n    collection: Collection,\n    selectedId: string | null | undefined,\n): number => {\n    const requested = selectedId == null ? -1 : collection.positionFor(selectedId);\n\n    return requested >= 0 ? requested : widget.getSelected();\n};\n\nconst updateKnownSelection = (\n    tracker: KnownSelection,\n    effectiveId: string,\n    selectedId: string | null | undefined,\n): void => {\n    const { known, onSelectionChanged } = tracker;\n    const expectedId = selectedId ?? known.current;\n    const isNew = effectiveId !== known.current;\n    known.current = effectiveId;\n\n    if (expectedId !== null && effectiveId !== expectedId && isNew) {\n        onSelectionChanged?.(effectiveId);\n    }\n};\n\nconst reportKnownSelection = (tracker: KnownSelection, id: string | null): void => {\n    const { known, onSelectionChanged } = tracker;\n\n    if (id === null || id === known.current) {\n        return;\n    }\n\n    known.current = id;\n    onSelectionChanged?.(id);\n};\n\nconst reportSelectedNotify = (options: SelectionOptions, tracker: KnownSelection): void => {\n    const { widget, collection } = options;\n\n    if (widget === null) {\n        return;\n    }\n\n    reportKnownSelection(tracker, collection.idAt(widget.getSelected()));\n};\n\nconst applySelectedPosition = (widget: SelectableWidget, position: number, state: ApplyState): void => {\n    state.isApplying = true;\n\n    try {\n        widget.selected = position;\n    } finally {\n        state.isApplying = false;\n    }\n};\n\nconst dispatchSelectedNotify = (context: NotifyContext, value: number | null, self: SelectableWidget): void => {\n    const { options, known, state } = context;\n\n    if (state.isApplying) {\n        return;\n    }\n\n    reportSelectedNotify(options, { known, onSelectionChanged: options.props.onSelectionChanged });\n    options.props.onNotifySelected?.(value, self);\n};\n\nconst useDropDownSelection = (options: SelectionOptions): NotifySelectedHandler => {\n    const { widget, collection } = options;\n    const { selectedId } = options.props;\n    const known = useRef<string | null>(null);\n    const [applyState] = useState<ApplyState>(newApplyState);\n\n    const syncKnownSelection = useEffectEvent((position: number): void => {\n        const effectiveId = collection.idAt(position);\n\n        if (effectiveId === null) {\n            known.current = null;\n\n            return;\n        }\n\n        const { onSelectionChanged } = options.props;\n        updateKnownSelection({ known, onSelectionChanged }, effectiveId, selectedId);\n    });\n\n    useLayoutEffect(() => {\n        if (widget === null) {\n            return;\n        }\n\n        const position = resolvePosition(widget, collection, selectedId);\n        applySelectedPosition(widget, position, applyState);\n        syncKnownSelection(position);\n    }, [widget, collection, selectedId, applyState]);\n\n    return (value, self) => {\n        dispatchSelectedNotify({ options, known, state: applyState }, value, self);\n    };\n};\n\nfunction DropDownBase(props: DropDownBaseProps & { component: ElementType }): ReactNode {\n    const { component: Component, items, sections, renderListItem, renderHeader, ref } = props;\n    const rest = omit(props, DROP_DOWN_PROPS);\n    const [widget, refCallback] = useWidgetRef<SelectableWidget>(ref);\n    const collection = useCollectionData({ items, sections, isFlat: true });\n    const faceCells = useItemCells({ width: -1, height: -1 });\n    const listCells = useItemCells({ width: -1, height: -1 });\n    const header = useSectionHeader(renderHeader, collection, { width: -1, height: -1 });\n    const handleNotifySelected = useDropDownSelection({ widget, collection, props });\n\n    return (\n        <>\n            <Component\n                ref={refCallback}\n                model={collection.model}\n                factory={<GtkSignalListItemFactory {...faceCells.handlers} />}\n                {...(renderListItem != null && {\n                    listFactory: <GtkSignalListItemFactory {...listCells.handlers} />,\n                })}\n                {...header.factoryProps}\n                {...rest}\n                onNotifySelected={handleNotifySelected}\n            />\n            <ItemPortals registry={faceCells} render={faceRenderer(props)} collection={collection} />\n            {renderListItem != null && (\n                <ItemPortals registry={listCells} render={renderListItem} collection={collection} />\n            )}\n            {header.portals}\n        </>\n    );\n}\n\nexport { DropDownBase, type DropDownBaseProps };\n"]}

package/dist/internal/expansion.d.ts

@@ -4,6 +4,7 @@ type ExpansionOptions = {
     expandedIds?: string[] | null | undefined;
     onExpandedChange?: ((ids: string[]) => void) | null | undefined;
 };
-declare function useExpansion(options: ExpansionOptions): () => void;
-export { useExpansion, type ExpansionOptions };
+type ItemsChangeHandler = (position: number, removed: number, added: number) => void;
+declare function useExpansion(options: ExpansionOptions): ItemsChangeHandler;
+export { useExpansion, type ItemsChangeHandler };
 //# sourceMappingURL=expansion.d.ts.map

package/dist/internal/expansion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"expansion.d.ts","sourceRoot":"","sources":["../../src/internal/expansion.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,KAAK,gBAAgB,GAAG;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1C,gBAAgB,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;CACnE,CAAC;AA6FF,iBAAS,YAAY,CAAC,OAAO,EAAE,gBAAgB,GAAG,MAAM,IAAI,CAgB3D;AAED,OAAO,EAAE,YAAY,EAAE,KAAK,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"expansion.d.ts","sourceRoot":"","sources":["../../src/internal/expansion.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAUlD,KAAK,gBAAgB,GAAG;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1C,gBAAgB,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;CACnE,CAAC;AAQF,KAAK,kBAAkB,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAyGrF,iBAAS,YAAY,CAAC,OAAO,EAAE,gBAAgB,GAAG,kBAAkB,CAgBnE;AAED,OAAO,EAAE,YAAY,EAAE,KAAK,kBAAkB,EAAE,CAAC"}

package/dist/internal/expansion.js

@@ -1,73 +1,98 @@
-import { useEffectEvent, useLayoutEffect, useRef, useState } from "react";
-import { eachRow } from "./collection.js";
+import { useState } from "react";
+import { isCollectionIdle } from "./collection.js";
+import { useControlledSync } from "./controlled-sync.js";
+import { joinParts } from "./keys.js";
+import { trackPaths } from "./slots.js";
+import { adoptOrder, markExpanded, orderFor } from "./tree-expansion.js";
+import { expandedPathsFor, walkVisible } from "./tree-order.js";
 function newLastExpansion() {
     return { key: "" };
 }
-function collectExpanded(row, id, ids) {
-    if (id !== null && row.getExpanded()) {
-        ids.push(id);
-    }
+function hasSameExpansion(expanded, wanted) {
+    return expanded.size === wanted.size && wanted.isSubsetOf(expanded);
 }
-function expandRow(row, id, wanted) {
-    const isDesired = id !== null && wanted.has(id);
-    if (row.isExpandable() && row.getExpanded() !== isDesired) {
-        row.setExpanded(isDesired);
-    }
+function toggleOptions(collection, wanted) {
+    const { expansion } = collection;
+    return {
+        index: expansion.index,
+        slots: trackPaths(wanted),
+        marks: trackPaths(wanted.symmetricDifference(expansion.expanded)),
+        visit: (row) => {
+            if (row.isMarked) {
+                collection.rowAt(row.position)?.setExpanded(row.isOpen);
+            }
+        },
+    };
 }
-function applyExpansion(tree, expandedIds) {
-    const wanted = new Set(expandedIds);
-    eachRow(tree, (row, id) => {
-        expandRow(row, id, wanted);
-    });
+function walkApplying(expansion, options) {
+    expansion.isApplying = true;
+    try {
+        return walkVisible(options);
+    }
+    finally {
+        expansion.isApplying = false;
+    }
 }
-function reportExpansion(collection, last, onExpandedChange) {
-    const tree = collection.treeModel();
-    if (tree === null) {
+function applyWanted(collection, expandedIds) {
+    const { expansion } = collection;
+    const wanted = expandedPathsFor(expansion.index, new Set(expandedIds));
+    if (hasSameExpansion(expansion.expanded, wanted)) {
         return;
     }
-    const ids = [];
-    eachRow(tree, (row, id) => {
-        collectExpanded(row, id, ids);
-    });
-    const key = ids.join(" ");
-    if (last.key === key) {
+    adoptOrder(expansion, walkApplying(expansion, toggleOptions(collection, wanted)));
+}
+function reportExpansion(context) {
+    const { expandedIds, expandedPaths } = orderFor(context.collection.expansion);
+    const key = joinParts(expandedPaths);
+    if (context.last.key === key) {
         return;
     }
-    last.key = key;
-    onExpandedChange?.(ids);
+    context.last.key = key;
+    context.onExpandedChange?.([...expandedIds]);
 }
-function reportWhenIdle(collection, last, expanding, onExpandedChange) {
-    if (expanding.current) {
+function applyControlledExpansion(context, expandedIds) {
+    if (!context.collection.isTree) {
         return;
     }
-    reportExpansion(collection, last, onExpandedChange);
+    applyWanted(context.collection, expandedIds ?? []);
+    reportExpansion(context);
 }
-function runControlledExpansion(collection, expandedIds, expanding, report) {
-    const tree = collection.treeModel();
-    if (tree === null || expandedIds == null) {
-        return;
+function isExpansionIdle(collection) {
+    return collection.isTree && isCollectionIdle(collection);
+}
+function didRowDrift(collection, change) {
+    const path = collection.pathAt(change.position - 1);
+    const isExpanded = change.removed === 0 && change.added > 0;
+    const isCollapsed = change.added === 0 && change.removed > 0;
+    if (path === null || isExpanded === isCollapsed) {
+        return false;
     }
-    expanding.current = true;
-    try {
-        applyExpansion(tree, expandedIds);
+    markExpanded(collection.expansion, path, isExpanded);
+    return true;
+}
+function observeExpansion(context, change, onDrift) {
+    if (!isExpansionIdle(context.collection)) {
+        return;
     }
-    finally {
-        expanding.current = false;
+    const didDrift = didRowDrift(context.collection, change);
+    reportExpansion(context);
+    if (didDrift) {
+        onDrift();
     }
-    report();
 }
 function useExpansion(options) {
     const { collection, expandedIds, onExpandedChange } = options;
     const [last] = useState(newLastExpansion);
-    const expanding = useRef(false);
-    const report = useEffectEvent(() => {
-        reportWhenIdle(collection, last, expanding, onExpandedChange);
+    const context = { collection, last, onExpandedChange };
+    const markDrift = useControlledSync({
+        ids: expandedIds,
+        collection,
+        apply: (ids) => {
+            applyControlledExpansion(context, ids);
+        },
     });
-    useLayoutEffect(() => {
-        runControlledExpansion(collection, expandedIds, expanding, report);
-    }, [collection, expandedIds]);
-    return () => {
-        reportWhenIdle(collection, last, expanding, onExpandedChange);
+    return (position, removed, added) => {
+        observeExpansion(context, { position, removed, added }, markDrift);
     };
 }
 export { useExpansion };

package/dist/internal/expansion.js.map

@@ -1 +1 @@
-{"version":3,"file":"expansion.js","sourceRoot":"","sources":["../../src/internal/expansion.ts"],"names":[],"mappings":"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","sourcesContent":["import type * as Gtk from \"@gtkx/gi/gtk\";\nimport type { RefObject } from \"react\";\nimport { useEffectEvent, useLayoutEffect, useRef, useState } from \"react\";\nimport type { Collection } from \"./collection.js\";\nimport { eachRow } from \"./collection.js\";\n\ntype ExpansionOptions = {\n    collection: Collection;\n    expandedIds?: string[] | null | undefined;\n    onExpandedChange?: ((ids: string[]) => void) | null | undefined;\n};\n\ntype LastExpansion = { key: string };\n\nfunction newLastExpansion(): LastExpansion {\n    return { key: \"\" };\n}\n\nfunction collectExpanded(row: Gtk.TreeListRow, id: string | null, ids: string[]): void {\n    if (id !== null && row.getExpanded()) {\n        ids.push(id);\n    }\n}\n\nfunction expandRow(row: Gtk.TreeListRow, id: string | null, wanted: Set<string>): void {\n    const isDesired = id !== null && wanted.has(id);\n\n    if (row.isExpandable() && row.getExpanded() !== isDesired) {\n        row.setExpanded(isDesired);\n    }\n}\n\nfunction applyExpansion(tree: Gtk.TreeListModel, expandedIds: string[]): void {\n    const wanted = new Set(expandedIds);\n\n    eachRow(tree, (row, id) => {\n        expandRow(row, id, wanted);\n    });\n}\n\nfunction reportExpansion(\n    collection: Collection,\n    last: LastExpansion,\n    onExpandedChange: ((ids: string[]) => void) | null | undefined,\n): void {\n    const tree = collection.treeModel();\n\n    if (tree === null) {\n        return;\n    }\n\n    const ids: string[] = [];\n\n    eachRow(tree, (row, id) => {\n        collectExpanded(row, id, ids);\n    });\n\n    const key = ids.join(\" \");\n\n    if (last.key === key) {\n        return;\n    }\n\n    last.key = key;\n    onExpandedChange?.(ids);\n}\n\nfunction reportWhenIdle(\n    collection: Collection,\n    last: LastExpansion,\n    expanding: RefObject<boolean>,\n    onExpandedChange: ((ids: string[]) => void) | null | undefined,\n): void {\n    if (expanding.current) {\n        return;\n    }\n\n    reportExpansion(collection, last, onExpandedChange);\n}\n\nfunction runControlledExpansion(\n    collection: Collection,\n    expandedIds: string[] | null | undefined,\n    expanding: RefObject<boolean>,\n    report: () => void,\n): void {\n    const tree = collection.treeModel();\n\n    if (tree === null || expandedIds == null) {\n        return;\n    }\n\n    expanding.current = true;\n\n    try {\n        applyExpansion(tree, expandedIds);\n    } finally {\n        expanding.current = false;\n    }\n\n    report();\n}\n\nfunction useExpansion(options: ExpansionOptions): () => void {\n    const { collection, expandedIds, onExpandedChange } = options;\n    const [last] = useState<LastExpansion>(newLastExpansion);\n    const expanding = useRef(false);\n\n    const report = useEffectEvent((): void => {\n        reportWhenIdle(collection, last, expanding, onExpandedChange);\n    });\n\n    useLayoutEffect(() => {\n        runControlledExpansion(collection, expandedIds, expanding, report);\n    }, [collection, expandedIds]);\n\n    return () => {\n        reportWhenIdle(collection, last, expanding, onExpandedChange);\n    };\n}\n\nexport { useExpansion, type ExpansionOptions };\n"]}
+{"version":3,"file":"expansion.js","sourceRoot":"","sources":["../../src/internal/expansion.ts"],"names":[],"mappings":"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","sourcesContent":["import { useState } from \"react\";\nimport type { Collection } from \"./collection.js\";\nimport type { TreeExpansion } from \"./tree-expansion.js\";\nimport type { VisibleOrder, WalkOptions } from \"./tree-order.js\";\nimport { isCollectionIdle } from \"./collection.js\";\nimport { useControlledSync } from \"./controlled-sync.js\";\nimport { joinParts } from \"./keys.js\";\nimport { trackPaths } from \"./slots.js\";\nimport { adoptOrder, markExpanded, orderFor } from \"./tree-expansion.js\";\nimport { expandedPathsFor, walkVisible } from \"./tree-order.js\";\n\ntype ExpansionOptions = {\n    collection: Collection;\n    expandedIds?: string[] | null | undefined;\n    onExpandedChange?: ((ids: string[]) => void) | null | undefined;\n};\n\ntype ItemsChange = {\n    position: number;\n    removed: number;\n    added: number;\n};\n\ntype ItemsChangeHandler = (position: number, removed: number, added: number) => void;\ntype LastExpansion = { key: string };\n\ntype ExpansionContext = {\n    collection: Collection;\n    last: LastExpansion;\n    onExpandedChange?: ((ids: string[]) => void) | null | undefined;\n};\n\nfunction newLastExpansion(): LastExpansion {\n    return { key: \"\" };\n}\n\nfunction hasSameExpansion(expanded: Set<string>, wanted: Set<string>): boolean {\n    return expanded.size === wanted.size && wanted.isSubsetOf(expanded);\n}\n\nfunction toggleOptions(collection: Collection, wanted: Set<string>): WalkOptions {\n    const { expansion } = collection;\n\n    return {\n        index: expansion.index,\n        slots: trackPaths(wanted),\n        marks: trackPaths(wanted.symmetricDifference(expansion.expanded)),\n        visit: (row) => {\n            if (row.isMarked) {\n                collection.rowAt(row.position)?.setExpanded(row.isOpen);\n            }\n        },\n    };\n}\n\nfunction walkApplying(expansion: TreeExpansion, options: WalkOptions): VisibleOrder {\n    expansion.isApplying = true;\n\n    try {\n        return walkVisible(options);\n    } finally {\n        expansion.isApplying = false;\n    }\n}\n\nfunction applyWanted(collection: Collection, expandedIds: string[]): void {\n    const { expansion } = collection;\n    const wanted = expandedPathsFor(expansion.index, new Set(expandedIds));\n\n    if (hasSameExpansion(expansion.expanded, wanted)) {\n        return;\n    }\n\n    adoptOrder(expansion, walkApplying(expansion, toggleOptions(collection, wanted)));\n}\n\nfunction reportExpansion(context: ExpansionContext): void {\n    const { expandedIds, expandedPaths } = orderFor(context.collection.expansion);\n    const key = joinParts(expandedPaths);\n\n    if (context.last.key === key) {\n        return;\n    }\n\n    context.last.key = key;\n    context.onExpandedChange?.([...expandedIds]);\n}\n\nfunction applyControlledExpansion(context: ExpansionContext, expandedIds: string[] | null | undefined): void {\n    if (!context.collection.isTree) {\n        return;\n    }\n\n    applyWanted(context.collection, expandedIds ?? []);\n    reportExpansion(context);\n}\n\nfunction isExpansionIdle(collection: Collection): boolean {\n    return collection.isTree && isCollectionIdle(collection);\n}\n\nfunction didRowDrift(collection: Collection, change: ItemsChange): boolean {\n    const path = collection.pathAt(change.position - 1);\n    const isExpanded = change.removed === 0 && change.added > 0;\n    const isCollapsed = change.added === 0 && change.removed > 0;\n\n    if (path === null || isExpanded === isCollapsed) {\n        return false;\n    }\n\n    markExpanded(collection.expansion, path, isExpanded);\n\n    return true;\n}\n\nfunction observeExpansion(context: ExpansionContext, change: ItemsChange, onDrift: () => void): void {\n    if (!isExpansionIdle(context.collection)) {\n        return;\n    }\n\n    const didDrift = didRowDrift(context.collection, change);\n    reportExpansion(context);\n\n    if (didDrift) {\n        onDrift();\n    }\n}\n\nfunction useExpansion(options: ExpansionOptions): ItemsChangeHandler {\n    const { collection, expandedIds, onExpandedChange } = options;\n    const [last] = useState<LastExpansion>(newLastExpansion);\n    const context: ExpansionContext = { collection, last, onExpandedChange };\n\n    const markDrift = useControlledSync({\n        ids: expandedIds,\n        collection,\n        apply: (ids) => {\n            applyControlledExpansion(context, ids);\n        },\n    });\n\n    return (position, removed, added) => {\n        observeExpansion(context, { position, removed, added }, markDrift);\n    };\n}\n\nexport { useExpansion, type ItemsChangeHandler };\n"]}

package/dist/internal/keys.d.ts

@@ -0,0 +1,5 @@
+declare const encodePart: (value: string) => string;
+declare const joinParts: (values: string[]) => string;
+declare const decodePartAt: (value: string, offset: number) => string | null;
+export { decodePartAt, encodePart, joinParts };
+//# sourceMappingURL=keys.d.ts.map

package/dist/internal/keys.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keys.d.ts","sourceRoot":"","sources":["../../src/internal/keys.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,UAAU,GAAI,OAAO,MAAM,KAAG,MAA8D,CAAC;AACnG,QAAA,MAAM,SAAS,GAAI,QAAQ,MAAM,EAAE,KAAG,MAA2D,CAAC;AAElG,QAAA,MAAM,YAAY,GAAI,OAAO,MAAM,EAAE,QAAQ,MAAM,KAAG,MAAM,GAAG,IAU9D,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}

package/dist/internal/keys.js

@@ -0,0 +1,13 @@
+const LENGTH_SEPARATOR = "\u{1}";
+const encodePart = (value) => `${String(value.length)}${LENGTH_SEPARATOR}${value}`;
+const joinParts = (values) => values.map((value) => encodePart(value)).join("");
+const decodePartAt = (value, offset) => {
+    const separator = value.indexOf(LENGTH_SEPARATOR, offset);
+    if (separator === -1) {
+        return null;
+    }
+    const length = Number(value.slice(offset, separator));
+    return value.slice(separator + 1, separator + 1 + length);
+};
+export { decodePartAt, encodePart, joinParts };
+//# sourceMappingURL=keys.js.map

package/dist/internal/keys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keys.js","sourceRoot":"","sources":["../../src/internal/keys.ts"],"names":[],"mappings":"AAAA,MAAM,gBAAgB,GAAG,OAAO,CAAC;AAEjC,MAAM,UAAU,GAAG,CAAC,KAAa,EAAU,EAAE,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,gBAAgB,GAAG,KAAK,EAAE,CAAC;AACnG,MAAM,SAAS,GAAG,CAAC,MAAgB,EAAU,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAElG,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,MAAc,EAAiB,EAAE;IAClE,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;IAE1D,IAAI,SAAS,KAAK,CAAC,CAAC,EAAE,CAAC;QACnB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;IAEtD,OAAO,KAAK,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,EAAE,SAAS,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC;AAC9D,CAAC,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC","sourcesContent":["const LENGTH_SEPARATOR = \"\\u{1}\";\n\nconst encodePart = (value: string): string => `${String(value.length)}${LENGTH_SEPARATOR}${value}`;\nconst joinParts = (values: string[]): string => values.map((value) => encodePart(value)).join(\"\");\n\nconst decodePartAt = (value: string, offset: number): string | null => {\n    const separator = value.indexOf(LENGTH_SEPARATOR, offset);\n\n    if (separator === -1) {\n        return null;\n    }\n\n    const length = Number(value.slice(offset, separator));\n\n    return value.slice(separator + 1, separator + 1 + length);\n};\n\nexport { decodePartAt, encodePart, joinParts };\n"]}

package/dist/internal/selection.d.ts

@@ -1,13 +1,14 @@
 import type { ReactElement } from "react";
 import * as Gtk from "@gtkx/gi/gtk";
 import type { Collection } from "./collection.js";
+import type { ItemsChangeHandler } from "./expansion.js";
 type SelectionOptions = {
     collection: Collection;
     selectedIds?: string[] | null | undefined;
     onSelectionChanged?: ((ids: string[]) => void) | null | undefined;
     selectionMode?: Gtk.SelectionMode | null | undefined;
-    onItemsChanged: () => void;
+    onItemsChanged: ItemsChangeHandler;
 };
 declare function useSelection(options: SelectionOptions): ReactElement;
-export { useSelection, type SelectionOptions };
+export { useSelection };
 //# sourceMappingURL=selection.d.ts.map

package/dist/internal/selection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selection.d.ts","sourceRoot":"","sources":["../../src/internal/selection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,GAAG,MAAM,cAAc,CAAC;AAGpC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,KAAK,gBAAgB,GAAG;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1C,kBAAkB,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAClE,aAAa,CAAC,EAAE,GAAG,CAAC,aAAa,GAAG,IAAI,GAAG,SAAS,CAAC;IACrD,cAAc,EAAE,MAAM,IAAI,CAAC;CAC9B,CAAC;AA4HF,iBAAS,YAAY,CAAC,OAAO,EAAE,gBAAgB,GAAG,YAAY,CAsB7D;AAED,OAAO,EAAE,YAAY,EAAE,KAAK,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"selection.d.ts","sourceRoot":"","sources":["../../src/internal/selection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,GAAG,MAAM,cAAc,CAAC;AAGpC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAKzD,KAAK,gBAAgB,GAAG;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1C,kBAAkB,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAClE,aAAa,CAAC,EAAE,GAAG,CAAC,aAAa,GAAG,IAAI,GAAG,SAAS,CAAC;IACrD,cAAc,EAAE,kBAAkB,CAAC;CACtC,CAAC;AAwKF,iBAAS,YAAY,CAAC,OAAO,EAAE,gBAAgB,GAAG,YAAY,CAuB7D;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}