@react-x11/components 0.3.0 → 0.4.0

package/dist/qml/view-utils.js

@@ -0,0 +1,121 @@
+// Helpers every QtQuick view shares: colour conversion, the geometry →
+// style mapping, and the motion merge (Behavior / state transitions /
+// looping animations lowered onto react-x11's own `transition` and
+// `animation` style engines).
+import { QmlInstance } from './objects.js';
+import { geometryStyle } from './react.js';
+import { setupStates } from './states.js';
+export const num = (v) => typeof v === 'number' && Number.isFinite(v) ? v : 0;
+export const str = (v) => (v == null ? '' : String(v));
+/** QML hex colours put alpha FIRST (#AARRGGBB); CSS puts it last. */
+export function qmlColor(v) {
+    if (typeof v !== 'string')
+        return v == null ? undefined : String(v);
+    if (v[0] === '#' && v.length === 9)
+        return `#${v.slice(3)}${v.slice(1, 3)}`;
+    if (v[0] === '#' && v.length === 5)
+        return `#${v.slice(2)}${v.slice(1, 2)}`;
+    return v;
+}
+/** QML property name → the style key the renderer animates. */
+export const STYLE_KEY = {
+    x: 'left',
+    y: 'top',
+    width: 'width',
+    height: 'height',
+    color: 'backgroundColor',
+    radius: 'borderRadius',
+};
+/**
+ * Merge the instance's motion sources into the style. The renderer
+ * animates; the property jumps — the declared divergence from
+ * docs/components/qml.md ("Behavior").
+ */
+export function applyMotion(inst, style) {
+    const motion = inst.state;
+    let transition;
+    if (motion.behaviors) {
+        for (const [prop, beh] of Object.entries(motion.behaviors)) {
+            if (beh.slots.get('enabled')?.peek() === false)
+                continue;
+            const key = STYLE_KEY[prop];
+            if (!key)
+                continue;
+            // A Behavior takes its duration from its animation child; a bare
+            // `NumberAnimation on x` carries its own.
+            const anim = beh.children.find((c) => c.slots.has('duration'));
+            const duration = num(anim?.slot('duration').peek()) ||
+                num(beh.slots.get('duration')?.peek()) ||
+                250;
+            (transition ??= {})[key] = duration;
+        }
+    }
+    if (motion.stateTransitions) {
+        for (const [prop, duration] of Object.entries(motion.stateTransitions)) {
+            const key = STYLE_KEY[prop];
+            if (key)
+                (transition ??= {})[key] = duration;
+        }
+    }
+    if (transition)
+        style.transition = transition;
+    if (motion.loopAnims) {
+        const animation = {};
+        for (const [prop, spec] of Object.entries(motion.loopAnims)) {
+            const key = STYLE_KEY[prop];
+            if (!key)
+                continue;
+            animation[key] = {
+                from: prop === 'color' ? qmlColor(spec.from) : spec.from,
+                to: prop === 'color' ? qmlColor(spec.to) : spec.to,
+                duration: spec.duration,
+            };
+        }
+        style.animation = animation;
+    }
+}
+/** Ref callback capturing the host node for coordinate re-basing, text
+ * measurement and `forceActiveFocus()`. */
+export function captureNode(inst) {
+    let fn = inst.state.__captureNode;
+    if (!fn) {
+        fn = (node) => {
+            inst.state.node = node;
+        };
+        inst.state.__captureNode = fn;
+    }
+    return fn;
+}
+export const hostNode = (inst) => inst.state.node ?? null;
+/** The `anchors.*` slot set every Item carries. */
+export const anchorProperties = {};
+for (const n of [
+    'fill',
+    'centerIn',
+    'left',
+    'right',
+    'top',
+    'bottom',
+    'horizontalCenter',
+    'verticalCenter',
+    'margins',
+    'leftMargin',
+    'rightMargin',
+    'topMargin',
+    'bottomMargin',
+]) {
+    anchorProperties[`anchors.${n}`] = { default: undefined };
+}
+/** Item's own init: focus plumbing and the state engine. A type that
+ * declares its own `init` replaces this (registry semantics), so it calls
+ * `initItem(inst)` first — Row, Flickable and Loader all do. */
+export function initItem(inst) {
+    inst.methods.set('forceActiveFocus', () => {
+        const node = hostNode(inst);
+        node?.focus?.();
+        return undefined;
+    });
+    setupStates(inst);
+}
+export { geometryStyle };
+//# sourceMappingURL=view-utils.js.map

package/dist/qml/view-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view-utils.js","sourceRoot":"","sources":["../../src/qml/view-utils.ts"],"names":[],"mappings":"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"}

package/dist/tabs/hx.d.ts

@@ -0,0 +1,18 @@
+import type { Key, ReactElement, ReactNode } from 'react';
+import type { ReactX11Elements, Theme } from 'react-x11';
+/** The host elements, by name. */
+export type Host = ReactX11Elements;
+interface CommonProps {
+    key?: Key;
+    /** Honoured by every node at runtime; declared only on `<window>` — the
+     *  same narrow declaration the calendar works around. */
+    theme?: Theme | Record<string, string | number>;
+    /** The query hook every component forwards (docs/README.md,
+     *  "Conventions"). react-x11 passes `data-*` through; the declarations
+     *  just do not spell it, so it is added here rather than cast away at
+     *  every call site. */
+    'data-testname'?: string;
+}
+export declare function hx<K extends keyof Host>(type: K, props?: (Omit<Host[K], 'theme'> & CommonProps) | null, ...children: ReactNode[]): ReactElement;
+export {};
+//# sourceMappingURL=hx.d.ts.map

package/dist/tabs/hx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx.d.ts","sourceRoot":"","sources":["../../src/tabs/hx.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAEzD,kCAAkC;AAClC,MAAM,MAAM,IAAI,GAAG,gBAAgB,CAAC;AAEpC,UAAU,WAAW;IACnB,GAAG,CAAC,EAAE,GAAG,CAAC;IACV;6DACyD;IACzD,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IAChD;;;2BAGuB;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,EAAE,CAAC,CAAC,SAAS,MAAM,IAAI,EACrC,IAAI,EAAE,CAAC,EACP,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,GAAG,WAAW,CAAC,GAAG,IAAI,EACrD,GAAG,QAAQ,EAAE,SAAS,EAAE,GACvB,YAAY,CAEd"}

package/dist/tabs/hx.js

@@ -0,0 +1,10 @@
+// `React.createElement`, typed against react-x11's host elements — a copy of
+// `src/timeline/hx.ts`, duplicated on purpose: components in this package do
+// not import each other (a lateral import welds two components into one
+// tree-shaking unit — see AGENTS.md), and fifty shared lines are cheaper than
+// that. See `src/internal/hx.ts` for the full why of the shape.
+import React from 'react';
+export function hx(type, props, ...children) {
+    return React.createElement(type, props, ...children);
+}
+//# sourceMappingURL=hx.js.map

package/dist/tabs/hx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx.js","sourceRoot":"","sources":["../../src/tabs/hx.ts"],"names":[],"mappings":"AAAA,6EAA6E;AAC7E,6EAA6E;AAC7E,wEAAwE;AACxE,8EAA8E;AAC9E,gEAAgE;AAChE,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,MAAM,UAAU,EAAE,CAChB,IAAO,EACP,KAAqD,EACrD,GAAG,QAAqB;IAExB,OAAO,KAAK,CAAC,aAAa,CAAC,IAAc,EAAE,KAAc,EAAE,GAAG,QAAQ,CAAC,CAAC;AAC1E,CAAC"}

package/dist/tabs/index.d.ts

@@ -0,0 +1,143 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { Style } from 'react-x11/style';
+/** What `style` props here accept, matching the rest of the package. */
+type StyleInput = Style | Style[];
+export type TabsVariant = 'line' | 'subtle' | 'enclosed' | 'outline' | 'plain';
+export type TabsSize = 'sm' | 'md' | 'lg';
+/** What `onValueChange` reports — Chakra's `details` object, so a handler
+ *  written for Chakra (`(e) => setValue(e.value)`) transfers unchanged. */
+export interface TabsValueChange {
+    value: string;
+}
+export interface TabsProps {
+    /** The selected trigger's value. Providing it makes the tabs controlled. */
+    value?: string;
+    /**
+     * The initially selected value, when uncontrolled. There is no implicit
+     * default: with neither prop nothing is selected and no panel shows, as in
+     * Chakra — the root cannot know its triggers until they mount, and a first
+     * render that selected nobody only to snap a frame later would be worse
+     * than asking for one line.
+     */
+    defaultValue?: string;
+    /** Selection changed — by click or by keyboard. Fires in controlled and
+     *  uncontrolled mode alike. */
+    onValueChange?(change: TabsValueChange): void;
+    /** How the strip is drawn. Default `'line'`. */
+    variant?: TabsVariant;
+    /** Trigger padding, and the type inside. Default `'md'`. */
+    size?: TabsSize;
+    /** A vertical strip is a column beside its panel. Default `'horizontal'`. */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * `'automatic'` (default) selects as the arrows move, the way a desktop
+     * notebook behaves. `'manual'` moves focus only and commits on Enter or
+     * Space — what you want when a panel is expensive to build.
+     */
+    activationMode?: 'automatic' | 'manual';
+    /** Triggers share the strip equally, filling its length. Default false. */
+    fitted?: boolean;
+    /** Where the triggers sit along the strip. Default `'start'`. */
+    justify?: 'start' | 'center' | 'end';
+    /** Build a panel the first time its tab is selected rather than up front.
+     *  Default false: every panel mounts, hidden, so its state is live. */
+    lazyMount?: boolean;
+    /** Unmount a panel when its tab is deselected, giving up its state.
+     *  Default false. */
+    unmountOnExit?: boolean;
+    /**
+     * The colour the selection takes — Chakra's `colorPalette`, as one colour.
+     * A `$token` is resolved against the palette. Default `$accent`.
+     */
+    accent?: string;
+    /**
+     * The colour behind the tabs, which is what an `enclosed` or `outline`
+     * selected trigger is filled with so it reads as part of the panel.
+     * Default `$background`; tabs on a card want `'$surface'`.
+     */
+    ground?: string;
+    /** The root `<box>`'s style — width, padding, `flexGrow`. */
+    style?: StyleInput;
+    'data-testname'?: string;
+    children?: ReactNode;
+}
+/**
+ * Tabs.
+ *
+ * ```jsx
+ * <Tabs defaultValue="members">
+ *   <TabsList>
+ *     <TabsTrigger value="members">Members</TabsTrigger>
+ *     <TabsTrigger value="projects">Projects</TabsTrigger>
+ *   </TabsList>
+ *   <TabsContent value="members">…</TabsContent>
+ *   <TabsContent value="projects">…</TabsContent>
+ * </Tabs>
+ * ```
+ */
+export declare function Tabs(props: TabsProps): ReactElement;
+export interface TabsListProps {
+    style?: StyleInput;
+    'data-testname'?: string;
+    children?: ReactNode;
+}
+/**
+ * The strip of triggers — a single tab stop, walked with the arrows.
+ *
+ * The arrows are visual, the list is logical: in a mirrored horizontal strip
+ * the *next* trigger is the one to the left, and in either direction the walk
+ * follows where layout actually put each trigger (sorted by position, not by
+ * mount order), wraps at the ends, and skips disabled triggers. Home/End jump
+ * to the ends. In `manual` mode focus moves without selecting, and Enter or
+ * Space commits — those keys are not handled here, because core makes them
+ * the click the trigger's own `onClick` already is.
+ */
+export declare function TabsList(props: TabsListProps): ReactElement;
+export interface TabsTriggerProps {
+    /** What this trigger selects — the `value` its `<TabsContent>` names. */
+    value: string;
+    /** Unclickable and skipped by the arrows. */
+    disabled?: boolean;
+    style?: StyleInput;
+    'data-testname'?: string;
+    children?: ReactNode;
+}
+/**
+ * One tab. Prose and glyphs alike are legal children — a string is wrapped
+ * in `<text>`, and an `<Icon>` inherits the trigger's ink (its `size` does
+ * not inherit and has to be named).
+ */
+export declare function TabsTrigger(props: TabsTriggerProps): ReactElement;
+export interface TabsIndicatorProps {
+    /** Merged over the default chip — a wash of the accent, radius 4. */
+    style?: StyleInput;
+}
+/**
+ * A marker that follows the selected trigger — Chakra's `Tabs.Indicator`,
+ * and like there it is what gives the `plain` variant a look.
+ *
+ * Write it as a direct child of `<TabsList>`. It renders nothing where it
+ * stands: the selected trigger draws it, as a box behind its own label — so
+ * layout owns the geometry and a resize, a font change or an RTL mirror can
+ * never leave the marker where a trigger used to be. What that costs is the
+ * slide: this renderer cannot animate between two mounts, so the marker
+ * moves in one step.
+ */
+export declare function TabsIndicator(props: TabsIndicatorProps): null;
+export interface TabsContentProps {
+    /** Which trigger shows this panel. */
+    value: string;
+    style?: StyleInput;
+    'data-testname'?: string;
+    children?: ReactNode;
+}
+/**
+ * One panel. Every panel mounts up front and the unselected ones are
+ * `display: 'none'` — out of layout, still alive, so a form half-filled on
+ * another tab keeps its state. `lazyMount` defers a panel until its first
+ * selection; `unmountOnExit` gives the state up when it hides. Both are on
+ * the root, because they are a policy about the set, not about one panel.
+ */
+export declare function TabsContent(props: TabsContentProps): ReactElement | null;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tabs/index.ts"],"names":[],"mappings":"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"}