@gtkx/components 0.21.0 → 1.0.0-rc.1

package/src/contexts/column-view-context.ts

@@ -1,28 +0,0 @@
-import type * as Gtk from "@gtkx/gi/gtk";
-import { type Context, createContext, type RefObject, useContext } from "react";
-import type { ItemResolver } from "../utils/item-resolver.js";
-
-export interface ColumnRegistration {
-    id: string;
-    column: Gtk.ColumnViewColumn;
-    sortable: boolean;
-}
-
-export interface ColumnViewContextValue {
-    columnView: RefObject<Gtk.ColumnView | null>;
-    resolver: ItemResolver<unknown, unknown>;
-    register(registration: ColumnRegistration): void;
-    unregister(id: string): void;
-}
-
-export const ColumnViewContext: Context<ColumnViewContextValue | null> = createContext<ColumnViewContextValue | null>(
-    null,
-);
-
-export const useColumnViewContext = (): ColumnViewContextValue => {
-    const context = useContext(ColumnViewContext);
-    if (context === null) {
-        throw new Error("<ColumnViewColumn> must be rendered inside a <ColumnView>.");
-    }
-    return context;
-};

package/src/hooks/use-model-installation.ts

@@ -1,25 +0,0 @@
-import type * as Gtk from "@gtkx/gi/gtk";
-import { useTargetRegistration } from "@gtkx/react/internal";
-import { type RefObject, useRef } from "react";
-
-/**
- * Installs `model` onto the realized GTK widget referenced by `target` through
- * the `install` callback, re-running whenever the widget or model identity
- * changes and tolerating the widget being realized after mount.
- */
-export const useModelInstallation = <W extends Gtk.Widget, M>(
-    target: RefObject<W | null>,
-    model: M,
-    install: (widget: W, model: M) => void,
-): void => {
-    const installRef = useRef(install);
-    installRef.current = install;
-    useTargetRegistration<W, { widget: W; model: M }>(target, {
-        attach: (widget) => {
-            installRef.current(widget, model);
-            return { widget, model };
-        },
-        detach: () => {},
-        isSame: (registration, widget) => registration.widget === widget && registration.model === model,
-    });
-};

package/src/list-portal-host.tsx

@@ -1,27 +0,0 @@
-import { Fragment, type ReactNode, useSyncExternalStore } from "react";
-import { ListSlot, type SlotRenderer } from "./list-slot.js";
-import type { ItemResolver } from "./utils/item-resolver.js";
-import type { RealizedSlotStore } from "./utils/realized-slot-store.js";
-
-export interface ListPortalHostProps<T, S> {
-    store: RealizedSlotStore;
-    resolver: ItemResolver<T, S>;
-    render: SlotRenderer<T, S>;
-}
-
-export const ListPortalHost = <T, S>({ store, resolver, render }: ListPortalHostProps<T, S>): ReactNode => {
-    const containers = useSyncExternalStore(store.subscribeSet, store.getSlotsSnapshot, store.getSlotsSnapshot);
-    return (
-        <Fragment>
-            {containers.map((container) => (
-                <ListSlot
-                    key={store.keyFor(container)}
-                    container={container}
-                    store={store}
-                    resolver={resolver}
-                    render={render}
-                />
-            ))}
-        </Fragment>
-    );
-};

package/src/list-slot.tsx

@@ -1,56 +0,0 @@
-import type * as GObject from "@gtkx/gi/gobject";
-import type * as Gtk from "@gtkx/gi/gtk";
-import { GtkTreeExpander } from "@gtkx/jsx/gtk";
-import { createPortal } from "@gtkx/react";
-import { createElement, memo, type ReactNode, useCallback, useSyncExternalStore } from "react";
-import type { ItemResolver } from "./utils/item-resolver.js";
-import type { TreeItemMetadata } from "./utils/list-item-flatten.js";
-import type { RealizedSlotStore, SlotEntry } from "./utils/realized-slot-store.js";
-
-export type SlotRenderer<T, S> = (
-    value: T | S | undefined,
-    treeRow: Gtk.TreeListRow | null,
-    isHeader: boolean,
-) => ReactNode;
-
-export interface ListSlotProps<T, S> {
-    container: GObject.Object;
-    store: RealizedSlotStore;
-    resolver: ItemResolver<T, S>;
-    render: SlotRenderer<T, S>;
-}
-
-const wrapInTreeExpander = (content: ReactNode, treeRow: Gtk.TreeListRow, metadata: TreeItemMetadata): ReactNode =>
-    createElement(
-        GtkTreeExpander,
-        {
-            ref: (expander: Gtk.TreeExpander | null) => {
-                if (expander !== null) expander.setListRow(treeRow);
-            },
-            hideExpander: metadata.hideExpander,
-            indentForDepth: metadata.indentForDepth,
-            indentForIcon: metadata.indentForIcon,
-        },
-        content,
-    );
-
-const SlotImpl = <T, S>({ container, store, resolver, render }: ListSlotProps<T, S>): ReactNode => {
-    const subscribe = useCallback(
-        (onChange: () => void) => store.subscribePosition(container, onChange),
-        [store, container],
-    );
-    const getSnapshot = useCallback((): SlotEntry => store.getPosition(container), [store, container]);
-    const entry = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
-
-    if (entry.position < 0) return null;
-    const resolved = resolver.resolve(entry.position, entry.treeRow, entry.item);
-    if (!resolved.present) return null;
-    const content = render(resolved.value, resolved.treeRow, resolved.isHeader);
-    const portalled =
-        resolved.treeRow !== null && !resolved.isHeader
-            ? wrapInTreeExpander(content, resolved.treeRow, resolved.metadata)
-            : content;
-    return createPortal(portalled, container, store.keyFor(container));
-};
-
-export const ListSlot = memo(SlotImpl) as <T, S>(props: ListSlotProps<T, S>) => ReactNode;