@symbiote-native/components 3.1.3 → 3.2.0

package/build/behaviors/checkbox-checkmark.d.ts

@@ -0,0 +1 @@
+export declare const CHECKMARK_URI = "data:image/png;base64,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";

package/build/behaviors/checkbox-checkmark.js

@@ -0,0 +1,2 @@
+// Галочка из `ExpoCheckbox.tsx` как PNG data URI
+export const CHECKMARK_URI = 'data:image/png;base64,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';

package/build/behaviors/checkbox.d.ts

@@ -0,0 +1,3 @@
+export declare const CHECKBOX_TAG = "checkbox";
+export declare const CHECKBOX_MARK_TAG = "checkbox-mark";
+export declare function registerCheckboxBehavior(): void;

package/build/behaviors/checkbox.js

@@ -0,0 +1,51 @@
+// Checkbox как поведение engine-ноды, порт `ExpoCheckbox.tsx` из expo-checkbox
+// Хост это Pressable, под ним картинка галочки, которую `buildStructure` строит один раз
+// Вид (размер, рамка, цвета, display галочки) это правила тега в `SymbioteFabricProps.cpp`
+// Регистрируют все пять адаптеров, см. `./pressable` про bare `import './register'`
+import { appendChild, createElement, propOf, registerHostBehavior, setProp, } from '@symbiote-native/engine';
+import { descriptorFor } from '../component-names';
+import { CHECKMARK_URI } from './checkbox-checkmark.js';
+import { createPressBehavior } from './pressable.js';
+export const CHECKBOX_TAG = 'checkbox';
+// Тег картинки галочки: правило в C++ читает `value` владельца и прячет её при false
+export const CHECKBOX_MARK_TAG = 'checkbox-mark';
+// Значение владельца меняет вид галочки, поэтому запись `value` помечает её грязной
+const SLOT_DERIVED = ['value'];
+function isValueChangeHandler(value) {
+    return typeof value === 'function';
+}
+// Нажатие заменяет любой `onPress` автора, как `onPress={handleChange}` в upstream
+// `value` читается в момент нажатия, т.к. замыкание живёт дольше одного рендера
+const toggleOnPress = (node, config) => ({
+    ...config,
+    onPress: event => {
+        const onValueChange = propOf(node, 'onValueChange');
+        if (isValueChangeHandler(onValueChange))
+            onValueChange(Object.assign(event, { value: !propOf(node, 'value') }));
+    },
+});
+// Возвращает ноду галочки как slot, т.к. `slotDerived` метит только слот
+function buildStructure(node) {
+    const image = descriptorFor('image');
+    const mark = createElement(image.component, image.isText, CHECKBOX_MARK_TAG);
+    setProp(mark, 'source', { uri: CHECKMARK_URI });
+    appendChild(node, mark);
+    return mark;
+}
+// Идемпотентно: адаптер может импортироваться в бандле несколько раз
+export function registerCheckboxBehavior() {
+    // Тег доходит до C++ только через регистрацию, пустая нужна и галочке
+    // `resolvesImageSources` свой у каждого тега: без него `source` уходит объектом, а не массивом
+    registerHostBehavior(CHECKBOX_MARK_TAG, {
+        resolvesImageSources: true,
+        attach() { },
+        detach() { },
+    });
+    registerHostBehavior(CHECKBOX_TAG, {
+        ...createPressBehavior(toggleOnPress),
+        buildStructure,
+        slotDerived: SLOT_DERIVED,
+        // Детей у checkbox нет, но без этого они ушли бы внутрь картинки
+        slotTakesNoChildren: true,
+    });
+}

package/build/component-names/index.android.js

@@ -13,6 +13,7 @@ const ANDROID_NAMES = {
     'touchable-without-feedback': ANCHOR_COMPONENT,
     'touchable-highlight': 'RCTView',
     button: 'RCTView',
+    checkbox: 'RCTView',
     text: 'RCTText',
     image: 'RCTImageView',
     'image-background': 'RCTView',

package/build/component-names/index.ios.js

@@ -15,6 +15,7 @@ const IOS_NAMES = {
     'touchable-without-feedback': ANCHOR_COMPONENT,
     'touchable-highlight': 'RCTView',
     button: 'RCTView',
+    checkbox: 'RCTView',
     text: 'RCTText',
     image: 'RCTImageView',
     'image-background': 'RCTView',

package/build/component-names/shared.d.ts

@@ -1,4 +1,4 @@
-export type ISymbioteIntrinsic = 'view' | 'pressable' | 'touchable-opacity' | 'touchable-native-feedback' | 'touchable-without-feedback' | 'touchable-highlight' | 'button' | 'text' | 'image' | 'image-background' | 'scroll-view' | 'scroll-content' | 'horizontal-scroll-view' | 'horizontal-scroll-content' | 'text-input' | 'text-input-multiline' | 'switch' | 'activity-indicator' | 'activity-indicator-spinner' | 'safe-area-view' | 'modal' | 'refresh-control' | 'sticky-header' | 'input-accessory-view';
+export type ISymbioteIntrinsic = 'view' | 'pressable' | 'touchable-opacity' | 'touchable-native-feedback' | 'touchable-without-feedback' | 'touchable-highlight' | 'button' | 'checkbox' | 'text' | 'image' | 'image-background' | 'scroll-view' | 'scroll-content' | 'horizontal-scroll-view' | 'horizontal-scroll-content' | 'text-input' | 'text-input-multiline' | 'switch' | 'activity-indicator' | 'activity-indicator-spinner' | 'safe-area-view' | 'modal' | 'refresh-control' | 'sticky-header' | 'input-accessory-view';
 export type ICrossTypedIntrinsics<LooseProps, Crossed extends Partial<Record<ISymbioteIntrinsic, unknown>>> = Omit<Record<ISymbioteIntrinsic, LooseProps>, keyof Crossed> & Crossed;
 export interface IComponentDescriptor {
     component: string;

package/build/host-node-holder.d.ts

@@ -0,0 +1,20 @@
+import type { ISymbioteNode } from '@symbiote-native/engine';
+import type { IDescriptor } from './descriptor';
+/** What a package builds for a native view: its handle and the descriptor it renders */
+export type INativeViewController<THandle> = {
+    handle: THandle;
+    /** `null` means the view cannot render here and the caller paints nothing */
+    render(props: object): IDescriptor | null;
+    /** Called once when the view unmounts, for what the view holds besides its native node */
+    dispose?(): void;
+};
+/** `getNode` answers the host node of the view once it exists */
+export type ICreateNativeViewController<THandle> = (getNode: () => ISymbioteNode | null) => INativeViewController<THandle>;
+export type IHostNodeHolder = {
+    /** The host node the captured descriptor painted, `null` until it mounts */
+    getNode(): ISymbioteNode | null;
+    /** The descriptor with a `ref` that catches its host node, for React, Vue and Solid */
+    capture(descriptor: IDescriptor): IDescriptor;
+};
+/** Reaches the host node of a descriptor, which a component needs to call a native view function */
+export declare function createHostNodeHolder(): IHostNodeHolder;

package/build/host-node-holder.js

@@ -0,0 +1,16 @@
+import { isSymbioteNode } from '@symbiote-native/engine';
+/** Reaches the host node of a descriptor, which a component needs to call a native view function */
+export function createHostNodeHolder() {
+    let node = null;
+    // One function for every capture, a changed `ref` would look like a changed prop
+    const hold = (host) => {
+        node = isSymbioteNode(host) ? host : null;
+    };
+    return {
+        getNode: () => node,
+        capture: descriptor => ({
+            ...descriptor,
+            props: { ...descriptor.props, ref: hold },
+        }),
+    };
+}

package/build/index.d.ts

@@ -2,6 +2,8 @@ export { el, txt } from './descriptor';
 export type { IDescriptor, IDescriptorType, IDescriptorProps, IDescriptorChild, } from './descriptor';
 export { createDescriptorShapeGuard } from './descriptor';
 export type { IDescriptorShapeGuard } from './descriptor';
+export { createHostNodeHolder } from './host-node-holder';
+export type { ICreateNativeViewController, IHostNodeHolder, INativeViewController, } from './host-node-holder';
 export { resolveAccessibilityProps } from './accessibility-props';
 export type { IEllipsizeMode } from './text-props';
 export type { IAccessibilityProps, IAriaProps, IAccessibilityRole, IRole, IAccessibilityStateValue, IAccessibilityValue, IAccessibilityActionInfo, } from './accessibility-props';
@@ -47,6 +49,7 @@ export type { ITextInputProps, ITextInputHandle, ITextInputSelection, ITextInput
 export { DEFAULT_WINDOW_SIZE, DEFAULT_INITIAL_NUM_TO_RENDER, DEFAULT_MAX_TO_RENDER_PER_BATCH, DEFAULT_UPDATE_CELLS_BATCHING_PERIOD, DEFAULT_VIEW_AREA_COVERAGE_PERCENT_THRESHOLD, FIRST_INDEX, EMPTY_OFFSET, NO_INDEX, NO_CONTENT_LENGTH_SENT, INVERTED_Y_STYLE, INVERTED_X_STYLE, readScrollOffset, readLayoutLength, readLayoutOffset, buildOffsets, computeWindow, throttleWindow, isCellViewable, offsetForIndex, averageMeasuredLength, averageMeasuredStride, highestMeasuredIndex, computeEndReached, computeStartReached, buildViewabilityPairs, computeViewableSet, diffViewable, maxMinimumViewTime, buildListPlan, computeMvcpAdjustment, resolveItemKey, indexOfItem, offsetForEnd, isSeparatorGapInRange, decideEdgeReached, resolveStickySectionHeaders, wrapFixedLayout, resolveAverageLength, } from './state/virtualized-list';
 export type { IMvcpAction, IMvcpAdjustmentParams, IMvcpAdjustmentResult, ICellLayout, ISeparators, ISeparatorProps, IViewToken, IViewableItemsChangedInfo, IViewabilityConfig, IViewabilityConfigCallbackPair, IVirtualizedListHandle, IViewableSetParams, IListCellPlan, IListPlan, IListPlanParams, } from './state/virtualized-list';
 export { reduceList, createInitialListState, listEffectSignature, } from './state/virtualized-list-reducer';
+export { LIST_ACTION_KIND, LIST_EFFECT_KIND } from './state/list-kinds';
 export type { IListState, IListMetrics, IListReducerInputs, IListAction, IListEffect, IListReduceResult, } from './state/virtualized-list-reducer';
 export { subscribeListDiagnostics } from './state/virtualized-list-diagnostics';
 export type { IListDiagnosticFrame, IListDiagnosticMove, } from './state/virtualized-list-diagnostics';
@@ -58,6 +61,8 @@ export { registerPressableBehavior, PRESSABLE_TAG, } from './behaviors/pressable
 export { registerTouchableOpacityBehavior, TOUCHABLE_OPACITY_TAG, } from './behaviors/touchable-opacity';
 export { registerTouchableHighlightBehavior, TOUCHABLE_HIGHLIGHT_TAG, } from './behaviors/touchable-highlight';
 export { registerButtonBehavior, BUTTON_TAG } from './behaviors/button';
+export { registerCheckboxBehavior, CHECKBOX_TAG, CHECKBOX_MARK_TAG, } from './behaviors/checkbox';
+export type { ICheckboxProps, ICheckboxChangeEvent, } from './view/render-checkbox';
 export { registerTouchableNativeFeedbackBehavior, TOUCHABLE_NATIVE_FEEDBACK_TAG, } from './behaviors/touchable-native-feedback';
 export { registerTouchableWithoutFeedbackBehavior, TOUCHABLE_WITHOUT_FEEDBACK_TAG, } from './behaviors/touchable-without-feedback';
 export { ACTIVITY_INDICATOR_SPINNER_TAG, ACTIVITY_INDICATOR_TAG, registerActivityIndicatorBehavior, } from './behaviors/activity-indicator';

package/build/index.js

@@ -7,6 +7,7 @@ export { el, txt } from './descriptor.js';
 // adapter bridges (Svelte's and Solid's), NOT part of an app's surface — so it stays out of the
 // adapter barrels, unlike the passthrough names in tests/adapter-barrel-parity.test.ts.
 export { createDescriptorShapeGuard } from './descriptor.js';
+export { createHostNodeHolder } from './host-node-holder.js';
 // Accessibility folding: the web-alias (aria-*/role) → canonical accessibility* transform
 // and its types. Framework-agnostic, so React, Vue, and the next adapter all fold
 // identically; moved here from @symbiote-native/react. RefreshControl/SafeAreaView/ScrollView consume it.
@@ -71,6 +72,7 @@ export { DEFAULT_WINDOW_SIZE, DEFAULT_INITIAL_NUM_TO_RENDER, DEFAULT_MAX_TO_REND
 // after-commit effect skeleton (window recompute -> edge -> viewability -> initial-scroll -> MVCP)
 // out of each adapter's reactive glue. The adapter maps events to actions and runs the effects.
 export { reduceList, createInitialListState, listEffectSignature, } from './state/virtualized-list-reducer.js';
+export { LIST_ACTION_KIND, LIST_EFFECT_KIND } from './state/list-kinds.js';
 export { subscribeListDiagnostics } from './state/virtualized-list-diagnostics.js';
 export { SINGLE_COLUMN, chunkIntoRows, rowKeyExtractor, expandRowToken, expandRowViewability, lastItemOfRow, firstItemOfRow, removeClippedSubviewsOrDefault, } from './state/flat-list.js';
 export { flattenSections, unwrapEntryItem, sectionEntryKey, scrollLocationToFlatIndex, } from './state/section-list.js';
@@ -78,6 +80,7 @@ export { registerPressableBehavior, PRESSABLE_TAG, } from './behaviors/pressable
 export { registerTouchableOpacityBehavior, TOUCHABLE_OPACITY_TAG, } from './behaviors/touchable-opacity.js';
 export { registerTouchableHighlightBehavior, TOUCHABLE_HIGHLIGHT_TAG, } from './behaviors/touchable-highlight.js';
 export { registerButtonBehavior, BUTTON_TAG } from './behaviors/button.js';
+export { registerCheckboxBehavior, CHECKBOX_TAG, CHECKBOX_MARK_TAG, } from './behaviors/checkbox.js';
 // Registered by ALL FIVE adapters, in the same commit that deleted the five wrappers — safe
 // only because those wrappers no longer render their own Pressable, which would put a second
 // responder on every TouchableNativeFeedback.

package/build/register.js

@@ -14,6 +14,7 @@
 // `register.test.ts` is what stops a later tidy-up from turning this back into an export.
 import { registerActivityIndicatorBehavior } from './behaviors/activity-indicator';
 import { registerButtonBehavior } from './behaviors/button.js';
+import { registerCheckboxBehavior } from './behaviors/checkbox.js';
 import { registerImageBackgroundBehavior } from './behaviors/image-background.js';
 import { registerImageBehavior } from './behaviors/image.js';
 import { registerInputAccessoryViewBehavior } from './behaviors/input-accessory-view.js';
@@ -36,6 +37,8 @@ registerTouchableHighlightBehavior();
 // The whole subtree is the behavior's — RN's Button takes no children and builds
 // touchable > view > text > raw text itself (Button.js:363-388).
 registerButtonBehavior();
+// A pressable box plus the checkmark image it builds under itself (expo-checkbox)
+registerCheckboxBehavior();
 // Two nodes, both the behavior's: RN wraps its native spinner in a centering View
 // (ActivityIndicator.js:112), so the tag is that View and `buildStructure` builds the spinner.
 registerActivityIndicatorBehavior();

package/build/state/list-kinds.d.ts

@@ -0,0 +1,22 @@
+export declare const LIST_ACTION_KIND: {
+    readonly scroll: "scroll";
+    readonly layout: "layout";
+    readonly measure: "measure";
+    readonly refreshMetrics: "refresh-metrics";
+    readonly batchTick: "batch-tick";
+    readonly recordInteraction: "record-interaction";
+    readonly viewableFired: "viewable-fired";
+    readonly commit: "commit";
+    readonly scrollToOffset: "scroll-to-offset";
+    readonly scrollToIndex: "scroll-to-index";
+    readonly scrollToItem: "scroll-to-item";
+    readonly scrollToEnd: "scroll-to-end";
+};
+export declare const LIST_EFFECT_KIND: {
+    readonly scrollTo: "scroll-to";
+    readonly fireEndReached: "fire-end-reached";
+    readonly fireStartReached: "fire-start-reached";
+    readonly fireViewable: "fire-viewable";
+    readonly scheduleRefill: "schedule-refill";
+    readonly fireScrollToIndexFailed: "fire-scroll-to-index-failed";
+};

package/build/state/list-kinds.js

@@ -0,0 +1,25 @@
+// Names for the `kind` discriminants of the list reducer's actions and effects, so an adapter
+// compares against a constant instead of repeating the string. `satisfies` keeps each value a
+// real member of the union, a renamed kind stops compiling here
+export const LIST_ACTION_KIND = {
+    scroll: 'scroll',
+    layout: 'layout',
+    measure: 'measure',
+    refreshMetrics: 'refresh-metrics',
+    batchTick: 'batch-tick',
+    recordInteraction: 'record-interaction',
+    viewableFired: 'viewable-fired',
+    commit: 'commit',
+    scrollToOffset: 'scroll-to-offset',
+    scrollToIndex: 'scroll-to-index',
+    scrollToItem: 'scroll-to-item',
+    scrollToEnd: 'scroll-to-end',
+};
+export const LIST_EFFECT_KIND = {
+    scrollTo: 'scroll-to',
+    fireEndReached: 'fire-end-reached',
+    fireStartReached: 'fire-start-reached',
+    fireViewable: 'fire-viewable',
+    scheduleRefill: 'schedule-refill',
+    fireScrollToIndexFailed: 'fire-scroll-to-index-failed',
+};

package/build/view/render-checkbox.d.ts

@@ -0,0 +1,14 @@
+import type { IColorValue, IStyleProp, IViewStyle, ISymbioteEvent } from '@symbiote-native/engine';
+import type { IAccessibilityProps, IAriaProps } from '../accessibility-props';
+export type ICheckboxChangeEvent = ISymbioteEvent & {
+    value: boolean;
+};
+export interface ICheckboxProps extends IAccessibilityProps, IAriaProps {
+    value?: boolean;
+    disabled?: boolean;
+    color?: IColorValue;
+    onChange?: (event: ISymbioteEvent) => void;
+    onValueChange?: (event: ICheckboxChangeEvent) => void;
+    style?: IStyleProp<IViewStyle>;
+    testID?: string;
+}

package/build/view/render-checkbox.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symbiote-native/components",
-  "version": "3.1.3",
+  "version": "3.2.0",
   "description": "Framework-agnostic component logic (state machines + render functions) for SymbioteNative — written once, inherited by every adapter (React, Vue, Angular, ...).",
   "license": "MIT",
   "repository": {
@@ -59,11 +59,11 @@
   },
   "peerDependencies": {
     "react-native": ">=0.86",
-    "@symbiote-native/engine": "^1.4.0"
+    "@symbiote-native/engine": "^1.6.0"
   },
   "devDependencies": {
     "@types/node": "^26.0.0",
-    "@symbiote-native/engine": "1.4.0"
+    "@symbiote-native/engine": "1.6.0"
   },
   "scripts": {
     "typecheck": "tsc --build",