@gtkx/react 0.16.0 → 0.17.2

package/dist/nodes/animation/animation-style-sheet.d.ts

@@ -1,16 +0,0 @@
-export declare function getAnimationStyleSheet(): AnimationStyleSheet;
-declare class AnimationStyleSheet {
-    private provider;
-    private display;
-    private rules;
-    private dirty;
-    private flushScheduled;
-    setRule(widgetId: string, transformCss: string): void;
-    removeRule(widgetId: string): void;
-    private markDirty;
-    private scheduleFlush;
-    private flush;
-    private ensureProvider;
-    dispose(): void;
-}
-export {};

package/dist/nodes/animation/animation-style-sheet.js

@@ -1,74 +0,0 @@
-import { isStarted } from "@gtkx/ffi";
-import * as Gdk from "@gtkx/ffi/gdk";
-import * as Gtk from "@gtkx/ffi/gtk";
-const STYLE_PROVIDER_PRIORITY_ANIMATIONS = 700;
-let instance = null;
-export function getAnimationStyleSheet() {
-    if (!instance) {
-        instance = new AnimationStyleSheet();
-    }
-    return instance;
-}
-class AnimationStyleSheet {
-    provider = null;
-    display = null;
-    rules = new Map();
-    dirty = false;
-    flushScheduled = false;
-    setRule(widgetId, transformCss) {
-        const rule = `#${widgetId} { transform-origin: center center; transform: ${transformCss}; }`;
-        this.rules.set(widgetId, rule);
-        this.markDirty();
-    }
-    removeRule(widgetId) {
-        if (this.rules.delete(widgetId)) {
-            this.markDirty();
-        }
-    }
-    markDirty() {
-        this.dirty = true;
-        this.scheduleFlush();
-    }
-    scheduleFlush() {
-        if (this.flushScheduled)
-            return;
-        this.flushScheduled = true;
-        if (isStarted) {
-            queueMicrotask(() => this.flush());
-        }
-    }
-    flush() {
-        this.flushScheduled = false;
-        if (!this.dirty)
-            return;
-        this.dirty = false;
-        if (!isStarted)
-            return;
-        this.ensureProvider();
-        if (this.rules.size === 0) {
-            this.provider?.loadFromString("");
-            return;
-        }
-        const css = [...this.rules.values()].join("\n");
-        this.provider?.loadFromString(css);
-    }
-    ensureProvider() {
-        if (this.provider)
-            return;
-        this.provider = new Gtk.CssProvider();
-        this.display = Gdk.DisplayManager.get().getDefaultDisplay();
-        if (this.display) {
-            Gtk.StyleContext.addProviderForDisplay(this.display, this.provider, STYLE_PROVIDER_PRIORITY_ANIMATIONS);
-        }
-    }
-    dispose() {
-        if (this.provider && this.display) {
-            Gtk.StyleContext.removeProviderForDisplay(this.display, this.provider);
-        }
-        this.provider = null;
-        this.display = null;
-        this.rules.clear();
-        this.dirty = false;
-        this.flushScheduled = false;
-    }
-}

package/dist/nodes/animation/index.d.ts

@@ -1,4 +0,0 @@
-import "./animation-node.js";
-export type { AnimatableProperties } from "./animation-controller.js";
-export type { SpringTransition, TimedTransition, Transition } from "./animation-factory.js";
-export type { AnimationProps } from "./animation-node.js";

package/dist/nodes/animation/index.js

@@ -1 +0,0 @@
-import "./animation-node.js";

package/dist/nodes/animation/property-mapper.d.ts

@@ -1,11 +0,0 @@
-import type * as Gtk from "@gtkx/ffi/gtk";
-import type { TransformProperty } from "./transform-state.js";
-export type AnimatableProperty = TransformProperty | "opacity";
-type PropertyAccessor = {
-    get: (widget: Gtk.Widget) => number;
-    set: (widget: Gtk.Widget, value: number) => void;
-};
-export declare function getPropertyAccessor(property: AnimatableProperty): PropertyAccessor;
-export declare function isAnimatableProperty(property: string): property is AnimatableProperty;
-export declare function isTransformProperty(property: string): property is TransformProperty;
-export {};

package/dist/nodes/animation/property-mapper.js

@@ -1,36 +0,0 @@
-import { getTransformState } from "./widget-registry.js";
-const TRANSFORM_DEFAULTS = {
-    x: 0,
-    y: 0,
-    scale: 1,
-    scaleX: 1,
-    scaleY: 1,
-    rotate: 0,
-};
-function createTransformAccessor(property) {
-    return {
-        get: (widget) => getTransformState(widget)?.get(property) ?? TRANSFORM_DEFAULTS[property],
-        set: (widget, value) => getTransformState(widget)?.set(property, value),
-    };
-}
-const propertyAccessors = {
-    opacity: {
-        get: (widget) => widget.getOpacity(),
-        set: (widget, value) => widget.setOpacity(value),
-    },
-    x: createTransformAccessor("x"),
-    y: createTransformAccessor("y"),
-    scale: createTransformAccessor("scale"),
-    scaleX: createTransformAccessor("scaleX"),
-    scaleY: createTransformAccessor("scaleY"),
-    rotate: createTransformAccessor("rotate"),
-};
-export function getPropertyAccessor(property) {
-    return propertyAccessors[property];
-}
-export function isAnimatableProperty(property) {
-    return property in propertyAccessors;
-}
-export function isTransformProperty(property) {
-    return property in TRANSFORM_DEFAULTS;
-}

package/dist/nodes/animation/transform-state.d.ts

@@ -1,11 +0,0 @@
-export type TransformProperty = "x" | "y" | "scale" | "scaleX" | "scaleY" | "rotate";
-export declare class TransformState {
-    private values;
-    private onChangeCallback;
-    constructor(onChange?: () => void);
-    get(property: TransformProperty): number;
-    set(property: TransformProperty, value: number): void;
-    isDefault(): boolean;
-    toCss(): string;
-    reset(): void;
-}

package/dist/nodes/animation/transform-state.js

@@ -1,57 +0,0 @@
-const DEFAULT_VALUES = {
-    x: 0,
-    y: 0,
-    scale: 1,
-    scaleX: 1,
-    scaleY: 1,
-    rotate: 0,
-};
-export class TransformState {
-    values = { ...DEFAULT_VALUES };
-    onChangeCallback = null;
-    constructor(onChange) {
-        this.onChangeCallback = onChange ?? null;
-    }
-    get(property) {
-        return this.values[property];
-    }
-    set(property, value) {
-        if (this.values[property] !== value) {
-            this.values[property] = value;
-            this.onChangeCallback?.();
-        }
-    }
-    isDefault() {
-        return (this.values.x === 0 &&
-            this.values.y === 0 &&
-            this.values.scale === 1 &&
-            this.values.scaleX === 1 &&
-            this.values.scaleY === 1 &&
-            this.values.rotate === 0);
-    }
-    toCss() {
-        const transforms = [];
-        if (this.values.x !== 0 || this.values.y !== 0) {
-            transforms.push(`translate(${this.values.x}px, ${this.values.y}px)`);
-        }
-        const hasUniformScale = this.values.scale !== 1;
-        const hasAxisScale = this.values.scaleX !== 1 || this.values.scaleY !== 1;
-        if (hasUniformScale) {
-            transforms.push(`scale(${this.values.scale})`);
-        }
-        else if (hasAxisScale) {
-            transforms.push(`scale(${this.values.scaleX}, ${this.values.scaleY})`);
-        }
-        if (this.values.rotate !== 0) {
-            transforms.push(`rotate(${this.values.rotate}deg)`);
-        }
-        return transforms.length > 0 ? transforms.join(" ") : "none";
-    }
-    reset() {
-        const wasDefault = this.isDefault();
-        this.values = { ...DEFAULT_VALUES };
-        if (!wasDefault) {
-            this.onChangeCallback?.();
-        }
-    }
-}

package/dist/nodes/animation/widget-registry.d.ts

@@ -1,5 +0,0 @@
-import type * as Gtk from "@gtkx/ffi/gtk";
-import { TransformState } from "./transform-state.js";
-export declare function registerWidget(widget: Gtk.Widget): TransformState;
-export declare function unregisterWidget(widget: Gtk.Widget): void;
-export declare function getTransformState(widget: Gtk.Widget): TransformState | null;

package/dist/nodes/animation/widget-registry.js

@@ -1,42 +0,0 @@
-import { getNativeId } from "@gtkx/ffi";
-import { getAnimationStyleSheet } from "./animation-style-sheet.js";
-import { TransformState } from "./transform-state.js";
-const widgets = new WeakMap();
-const styleSheet = getAnimationStyleSheet();
-export function registerWidget(widget) {
-    const existing = widgets.get(widget);
-    if (existing) {
-        return existing.transformState;
-    }
-    const nativeId = getNativeId(widget.handle);
-    const cssId = `gtkx-anim-${nativeId}`;
-    const originalName = widget.getName();
-    widget.setName(cssId);
-    const transformState = new TransformState(() => {
-        if (transformState.isDefault()) {
-            styleSheet.removeRule(cssId);
-        }
-        else {
-            styleSheet.setRule(cssId, transformState.toCss());
-        }
-    });
-    widgets.set(widget, {
-        cssId,
-        originalName,
-        transformState,
-    });
-    return transformState;
-}
-export function unregisterWidget(widget) {
-    const entry = widgets.get(widget);
-    if (!entry)
-        return;
-    styleSheet.removeRule(entry.cssId);
-    if (entry.originalName !== null) {
-        widget.setName(entry.originalName);
-    }
-    widgets.delete(widget);
-}
-export function getTransformState(widget) {
-    return widgets.get(widget)?.transformState ?? null;
-}

package/dist/nodes/expander-row.d.ts

@@ -1,6 +0,0 @@
-import type * as Gtk from "@gtkx/ffi/gtk";
-export type ExpanderRowWidget = Gtk.Widget & {
-    addRow(child: Gtk.Widget): void;
-    addAction(child: Gtk.Widget): void;
-    remove(child: Gtk.Widget): void;
-};

package/dist/nodes/expander-row.js

@@ -1,18 +0,0 @@
-import * as Adw from "@gtkx/ffi/adw";
-import { registerNodeClass } from "../registry.js";
-import { PositionalParentNode } from "./abstract/positional-parent.js";
-import { matchesAnyClass } from "./internal/utils.js";
-class ExpanderRowNode extends PositionalParentNode {
-    static priority = -1;
-    acceptedPositionalChildTypes = new Set([
-        "ExpanderRowRow",
-        "ExpanderRowAction",
-        "ActionRowPrefix",
-        "ActionRowSuffix",
-    ]);
-    containerTypeName = "ExpanderRow";
-    static matches(_type, containerOrClass) {
-        return matchesAnyClass([Adw.ExpanderRow], containerOrClass);
-    }
-}
-registerNodeClass(ExpanderRowNode);

package/dist/nodes/internal/base-store.d.ts

@@ -1,9 +0,0 @@
-export declare abstract class BaseStore<TItem = unknown> {
-    protected items: Map<string, TItem>;
-    private syncAction;
-    constructor();
-    getItem(id: string): TItem | undefined;
-    updateItem(id: string, item: TItem): void;
-    protected scheduleSync(): void;
-    protected abstract sync(): void;
-}

package/dist/nodes/internal/base-store.js

@@ -1,20 +0,0 @@
-import { CommitPriority } from "../../scheduler.js";
-import { DeferredAction } from "./deferred-action.js";
-export class BaseStore {
-    items = new Map();
-    syncAction;
-    constructor() {
-        this.syncAction = new DeferredAction(() => this.sync(), CommitPriority.LOW);
-    }
-    getItem(id) {
-        return this.items.get(id);
-    }
-    updateItem(id, item) {
-        if (this.items.has(id)) {
-            this.items.set(id, item);
-        }
-    }
-    scheduleSync() {
-        this.syncAction.schedule();
-    }
-}

package/dist/nodes/pack.d.ts

@@ -1,6 +0,0 @@
-import type * as Gtk from "@gtkx/ffi/gtk";
-export type PackableWidget = Gtk.Widget & {
-    packStart(child: Gtk.Widget): void;
-    packEnd(child: Gtk.Widget): void;
-    remove(child: Gtk.Widget): void;
-};

package/dist/nodes/pack.js

@@ -1,13 +0,0 @@
-import { PACK_INTERFACE_METHODS } from "../generated/internal.js";
-import { registerNodeClass } from "../registry.js";
-import { PositionalParentNode } from "./abstract/positional-parent.js";
-import { matchesInterface } from "./internal/utils.js";
-class PackNode extends PositionalParentNode {
-    static priority = 0;
-    acceptedPositionalChildTypes = new Set(["PackStart", "PackEnd"]);
-    containerTypeName = "Pack";
-    static matches(_type, containerOrClass) {
-        return matchesInterface(PACK_INTERFACE_METHODS, containerOrClass);
-    }
-}
-registerNodeClass(PackNode);