@gtkx/components 1.0.0-rc.2 → 1.0.0-rc.4

package/src/size-group.tsx

@@ -1,77 +0,0 @@
-import type * as Gtk from "@gtkx/gi/gtk";
-import type { ElementType, ReactNode, Ref, RefCallback } from "react";
-import { GtkSizeGroup } from "@gtkx/jsx/gtk";
-import { useMergedRef } from "@gtkx/react/internal";
-import { createContext, useCallback, useContext, useState } from "react";
-import type { SizeGroupChildProps, SizeGroupProps } from "./types.js";
-
-type Register = RefCallback<Gtk.Widget | null>;
-
-type SizeGroupChildRuntimeProps = {
-    component: ElementType;
-    ref?: Ref<Gtk.Widget | null> | undefined;
-} & Record<string, unknown>;
-
-type SizeGroupComponent = ((props: SizeGroupProps) => ReactNode) & {
-    Child: <C extends ElementType>(props: SizeGroupChildProps<C>) => ReactNode;
-};
-
-const SizeGroupContext = createContext<Register | null>(null);
-const SizeGroupChild = SizeGroupChildImpl as <C extends ElementType>(props: SizeGroupChildProps<C>) => ReactNode;
-/**
- * Creates a Gtk.SizeGroup that keeps widgets joined through `SizeGroup.Child`
- * at a common size in the given mode, without contributing a widget of its own.
- */
-const SizeGroup: SizeGroupComponent = Object.assign(SizeGroupRoot, { Child: SizeGroupChild });
-
-const useRegister = (): Register => {
-    const register = useContext(SizeGroupContext);
-
-    if (register === null) {
-        throw new Error("<SizeGroup.Child> must be a child of <SizeGroup>");
-    }
-
-    return register;
-};
-
-function SizeGroupChildImpl(props: SizeGroupChildRuntimeProps): ReactNode {
-    const { component: Component, ref, ...rest } = props;
-    const refCallback = useMergedRef<Gtk.Widget | null>(ref, useRegister());
-
-    return <Component {...rest} ref={refCallback} />;
-}
-
-const addWidget = (widgets: Gtk.Widget[], widget: Gtk.Widget): Gtk.Widget[] =>
-    widgets.includes(widget) ? widgets : [...widgets, widget];
-
-const removeWidget = (widgets: Gtk.Widget[], widget: Gtk.Widget): Gtk.Widget[] =>
-    widgets.filter((entry) => entry !== widget);
-
-function SizeGroupRoot(props: SizeGroupProps): ReactNode {
-    const { mode, ref, children } = props;
-    const [widgets, setWidgets] = useState<Gtk.Widget[]>([]);
-
-    const register = useCallback<Register>(
-        (widget) => {
-            if (widget === null) {
-                return;
-            }
-
-            setWidgets((previous) => addWidget(previous, widget));
-
-            return () => {
-                setWidgets((previous) => removeWidget(previous, widget));
-            };
-        },
-        [setWidgets],
-    );
-
-    return (
-        <>
-            <GtkSizeGroup ref={ref} mode={mode} widgets={widgets} />
-            <SizeGroupContext.Provider value={register}>{children}</SizeGroupContext.Provider>
-        </>
-    );
-}
-
-export { SizeGroup };