@gtkx/react 0.12.1 → 0.13.1

package/README.md

@@ -49,7 +49,7 @@ const App = () => {
       title="Counter"
       defaultWidth={300}
       defaultHeight={200}
-      onCloseRequest={quit}
+      onClose={quit}
     >
       <GtkBox
         orientation={Gtk.Orientation.VERTICAL}

package/dist/generated/internal.js

@@ -691,11 +691,13 @@ export const PROPS = {
         vscrollPolicy: ["getVscrollPolicy", "setVscrollPolicy"],
     },
     GtkImage: {
+        file: [null, "setFromFile"],
         gicon: ["getGicon", "setFromGicon"],
         iconName: ["getIconName", "setFromIconName"],
         iconSize: ["getIconSize", "setIconSize"],
         paintable: ["getPaintable", "setFromPaintable"],
         pixelSize: ["getPixelSize", "setPixelSize"],
+        resource: [null, "setFromResource"],
     },
     GtkInfoBar: {
         messageType: ["getMessageType", "setMessageType"],

package/dist/generated/jsx.d.ts

@@ -1,4 +1,5 @@
 import type { ReactNode, Ref } from "react";
+import type { EventControllerProps } from "../types.js";
 import type * as Adw from "@gtkx/ffi/adw";
 import type * as GLib from "@gtkx/ffi/glib";
 import type * as GObject from "@gtkx/ffi/gobject";
@@ -13,7 +14,7 @@ import type * as WebKit from "@gtkx/ffi/webkit";
 import type * as cairo from "@gtkx/ffi/cairo";
 /** Property names that can be passed to the onNotify callback for Widget. */
 export type WidgetNotifyProps = "accessible-role" | "can-focus" | "can-target" | "css-classes" | "css-name" | "cursor" | "focus-on-click" | "focusable" | "halign" | "has-tooltip" | "height-request" | "hexpand" | "hexpand-set" | "layout-manager" | "limit-events" | "margin-bottom" | "margin-end" | "margin-start" | "margin-top" | "name" | "opacity" | "overflow" | "receives-default" | "sensitive" | "tooltip-markup" | "tooltip-text" | "valign" | "vexpand" | "vexpand-set" | "visible" | "width-request";
-export interface WidgetProps {
+export type WidgetProps = EventControllerProps & {
     /**
      * Whether the widget or any of its descendents can accept
      * the input focus.
@@ -294,7 +295,7 @@ export interface WidgetProps {
      * or the widget has been unmapped (that is, it is going to be hidden).
      */
     onUnrealize?: (self: Gtk.Widget) => void | null;
-}
+};
 /** Props for the {@link AdwWindow} widget. */
 export type AdwWindowProps = Omit<GtkWindowProps, "onNotify"> & {
     /**
@@ -321,6 +322,8 @@ export type AdwWindowProps = Omit<GtkWindowProps, "onNotify"> & {
     dialogs?: Gio.ListModel | null;
     /** The currently visible dialog */
     visibleDialog?: Adw.Dialog | null;
+    /** Called when the window close button is clicked. Control window visibility using React state. */
+    onClose?: (() => void) | null;
     children?: ReactNode;
     /**
      * Called when any property on this widget changes.
@@ -332,6 +335,18 @@ export type AdwWindowProps = Omit<GtkWindowProps, "onNotify"> & {
 };
 /** Props for the {@link GtkWindow} widget. */
 export type GtkWindowProps = WidgetProps & {
+    /**
+     * The `GtkApplication` associated with the window.
+     *
+     * The application will be kept alive for at least as long as it
+     * has any windows associated with it (see g_application_hold()
+     * for a way to keep it alive without windows).
+     *
+     * Normally, the connection between the application and the window
+     * will remain until the window is destroyed, but you can explicitly
+     * remove it by setting the this property to `NULL`.
+     */
+    application?: Gtk.Application | null;
     /** The child widget. */
     child?: Gtk.Widget | null;
     /** Whether the window should have a frame (also known as *decorations*). */
@@ -446,8 +461,6 @@ export type GtkWindowProps = WidgetProps & {
      * The default binding for this signal is `␣`.
      */
     onActivateFocus?: (self: Gtk.Window) => void | null;
-    /** Emitted when the user clicks on the close button of the window. */
-    onCloseRequest?: (self: Gtk.Window) => boolean | null;
     /**
      * Emitted when the user enables or disables interactive debugging.
      *
@@ -467,6 +480,8 @@ export type GtkWindowProps = WidgetProps & {
      * are associated with the window changes.
      */
     onKeysChanged?: (self: Gtk.Window) => void | null;
+    /** Called when the window close button is clicked. Control window visibility using React state. */
+    onClose?: (() => void) | null;
     children?: ReactNode;
     /**
      * Called when any property on this widget changes.
@@ -2036,6 +2051,7 @@ export type GtkCalendarProps = WidgetProps & {
     onPrevMonth?: (self: Gtk.Calendar) => void | null;
     /** Emitted when user switches to the previous year. */
     onPrevYear?: (self: Gtk.Calendar) => void | null;
+    children?: ReactNode;
     /**
      * Called when any property on this widget changes.
      * @param self - The widget that emitted the notification
@@ -2664,6 +2680,8 @@ export type GtkColumnViewProps = WidgetProps & {
     sortOrder?: import("@gtkx/ffi/gtk").SortType | null;
     /** Called when a column header is clicked to change sort */
     onSortChange?: ((column: string | null, order: import("@gtkx/ffi/gtk").SortType) => void) | null;
+    /** Estimated row height in pixels for proper virtualization before content loads */
+    estimatedRowHeight?: number | null;
     children?: ReactNode;
     /**
      * Called when any property on this widget changes.
@@ -5644,6 +5662,7 @@ export type GtkLevelBarProps = WidgetProps & {
      * the value of offset "x" changes.
      */
     onOffsetChanged?: (self: Gtk.LevelBar, name: string) => void | null;
+    children?: ReactNode;
     /**
      * Called when any property on this widget changes.
      * @param self - The widget that emitted the notification
@@ -6346,6 +6365,10 @@ export type AdwNavigationViewProps = WidgetProps & {
      * See {@link NavigationViewreplace}.
      */
     onReplaced?: (self: Adw.NavigationView) => void | null;
+    /** Array of page IDs representing the navigation stack. The last ID is the visible page. */
+    history?: string[] | null;
+    /** Called when the navigation history changes due to user interaction (back button, swipe gesture). */
+    onHistoryChanged?: ((history: string[]) => void) | null;
     children?: ReactNode;
     /**
      * Called when any property on this widget changes.
@@ -7215,6 +7238,7 @@ export type GtkScaleProps = Omit<GtkRangeProps, "onNotify"> & {
     hasOrigin?: boolean | null;
     /** The position in which the current value is displayed. */
     valuePos?: Gtk.PositionType | null;
+    children?: ReactNode;
     /**
      * Called when any property on this widget changes.
      * @param self - The widget that emitted the notification
@@ -8388,10 +8412,8 @@ export type GtkStackProps = WidgetProps & {
     transitionType?: Gtk.StackTransitionType | null;
     /** %TRUE if the stack allocates the same height for all children. */
     vhomogeneous?: boolean | null;
-    /** The widget currently visible in the stack. */
-    visibleChild?: Gtk.Widget | null;
-    /** The name of the widget currently visible in the stack. */
-    visibleChildName?: string | null;
+    /** ID of the visible page in the stack. */
+    page?: string | null;
     children?: ReactNode;
     /**
      * Called when any property on this widget changes.
@@ -10451,14 +10473,8 @@ export type AdwViewStackProps = WidgetProps & {
      * visible.
      */
     vhomogeneous?: boolean | null;
-    /** The widget currently visible in the stack. */
-    visibleChild?: Gtk.Widget | null;
-    /**
-     * The name of the widget currently visible in the stack.
-     *
-     * See {@link AdwViewStack.visible-child}.
-     */
-    visibleChildName?: string | null;
+    /** ID of the visible page in the stack. */
+    page?: string | null;
     children?: ReactNode;
     /**
      * Called when any property on this widget changes.
@@ -11427,7 +11443,6 @@ export type WidgetSlotNames = {
     GtkScrolledWindow: "child";
     GtkSearchBar: "child" | "keyCaptureWidget";
     AdwSplitButton: "child" | "popover";
-    GtkStack: "visibleChild";
     GtkStackSidebar: "stack";
     GtkStackSwitcher: "stack";
     AdwStatusPage: "child";
@@ -11440,7 +11455,6 @@ export type WidgetSlotNames = {
     AdwToolbarView: "content";
     GtkTreeExpander: "child";
     GtkViewport: "child";
-    AdwViewStack: "visibleChild";
     AdwViewSwitcher: "stack";
     AdwViewSwitcherBar: "stack";
     AdwViewSwitcherTitle: "stack";

package/dist/host-config.js

@@ -1,4 +1,4 @@
-import { beginBatch, endBatch, getNativeId } from "@gtkx/ffi";
+import { batch, beginBatch, endBatch, getNativeId } from "@gtkx/ffi";
 import React from "react";
 import { createNode } from "./factory.js";
 import { signalStore } from "./nodes/internal/signal-store.js";
@@ -71,14 +71,14 @@ export function createHostConfig() {
             parent.insertBefore(child, beforeChild);
         },
         prepareForCommit: () => {
-            signalStore.blockAll();
             beginBatch();
             return null;
         },
         resetAfterCommit: () => {
+            batch(() => signalStore.blockAll());
             endBatch();
-            signalStore.unblockAll();
             flushAfterCommit();
+            signalStore.unblockAll();
         },
         commitTextUpdate: (textInstance, oldText, newText) => {
             textInstance.updateProps({ label: oldText }, { label: newText });