@contember/bindx-react 0.1.31 → 0.1.33

package/dist/index.d.ts

@@ -7,11 +7,11 @@ export type { RelationType, ScalarFieldDef, HasOneRelationDef, HasManyRelationDe
 export { scalar, hasOne, hasMany, defineSchema, entityDef, roleEntityDef, DEFAULT_ROLE, SchemaRegistry, createFragment, buildQueryFromSelection, EntityHandle, HasOneHandle, HasManyListHandle, FieldHandle, FIELD_REF_META, MockAdapter, ContemberAdapter, createEntityLoader, resolveSelectionMeta, buildQuery, SnapshotStore, ActionDispatcher, isTempId, isPlaceholderId, isPersistedId, generatePlaceholderId, BatchPersister, ChangeRegistry, UndoManager, EventEmitter, __internal, } from '@contember/bindx';
 export type { BindxProviderProps, BindxContextValue, BindxGraphQlClient, UseEntityOptions, UseEntityListOptions, LoadingEntityResult, ErrorEntityResult, NotFoundEntityResult, ReadyEntityResult, UseEntityResult, LoadingEntityListResult, ErrorEntityListResult, ReadyEntityListResult, UseEntityListResult, PersistApi, EntityPersistApi, AnyRefWithMeta, PersistWithFeedbackApi, } from './hooks/index.js';
 export type { DirtyEntity, PersistScope, AllScope, EntityScope as EntityPersistScope, FieldsScope, RelationScope, CustomScope, EntityPersistResult, PersistenceResult, BatchPersistOptions, } from '@contember/bindx';
-export type { FieldProps, HasManyProps, HasOneProps, IfProps, EntityComponentProps, HasManyComponentOptions, ShowProps, SelectionPropMeta, SelectionProvider, EntityPropKeys, EntityFromProp, SelectionFromProp, ImplicitFragmentProperties, BindxComponentBase, BindxComponent, ComponentBuilder, ComponentBuilderState, CreateComponentOptions, InterfaceEntityPropConfig, ImplicitInterfaceEntityConfig, ExplicitInterfaceEntityConfig, AddInterfaces, InterfaceSelectorsMap, AnyEntityPropConfig, EntityPropConfig, ImplicitEntityConfig, ExplicitEntityConfig, AddImplicitEntity, AddExplicitEntity, AddImplicitInterfaceEntity, AddExplicitInterfaceEntity, SetScalarProps, BuildEntityProps, BuildProps, BuildFragmentProps, InitialBuilderState, } from './jsx/index.js';
+export type { FieldProps, HasManyProps, HasOneProps, IfProps, EntityComponentProps, HasManyComponentOptions, ShowProps, SwitchProps, CaseProps, DefaultProps, SelectionPropMeta, SelectionProvider, EntityPropKeys, EntityFromProp, SelectionFromProp, ImplicitFragmentProperties, BindxComponentBase, BindxComponent, ComponentBuilder, ComponentBuilderState, CreateComponentOptions, InterfaceEntityPropConfig, ImplicitInterfaceEntityConfig, ExplicitInterfaceEntityConfig, AddInterfaces, InterfaceSelectorsMap, AnyEntityPropConfig, EntityPropConfig, ImplicitEntityConfig, ExplicitEntityConfig, AddImplicitEntity, AddExplicitEntity, AddImplicitInterfaceEntity, AddExplicitInterfaceEntity, SetScalarProps, BuildEntityProps, BuildProps, BuildFragmentProps, InitialBuilderState, } from './jsx/index.js';
 export { BindxProvider, useBackendAdapter, useSnapshotStore, useDispatcher, useBatchPersister, useBindxContext, useSchemaRegistry, useEntity, useEntityList, usePersist, usePersistEntity, useUndo, useOnEvent, useOnEntityEvent, useOnFieldEvent, useIntercept, useInterceptEntity, useInterceptField, useAccessor, useField, useHasMany, useHasOne, useNotificationStore, useNotifications, useShowNotification, useDismissNotification, usePersistWithFeedback, ContemberBindxProvider, schemaNamesToDef, } from './hooks/index.js';
 export { RoleProvider, useHasRole, type RoleProviderProps } from './roles/index.js';
 export type { UndoHookResult } from './hooks/useUndo.js';
-export { Attribute, type AttributeProps, Field, HasMany, HasOne, If, Show, Entity, type EntityProps, EntityList, type EntityListProps, HasRole, type HasRoleProps, BINDX_COMPONENT, SCOPE_REF, cond, type Condition, createComponent, withCollector, isBindxComponent, mergeFragments, COMPONENT_MARKER, COMPONENT_BRAND, COMPONENT_SELECTIONS, createComponentBuilder, getComponentBrand, setBrandValidation, validateBrand, } from './jsx/index.js';
+export { Attribute, type AttributeProps, Field, HasMany, HasOne, If, Show, Switch, Case, Default, Entity, type EntityProps, EntityList, type EntityListProps, HasRole, type HasRoleProps, BINDX_COMPONENT, SCOPE_REF, cond, type Condition, createComponent, withCollector, isBindxComponent, mergeFragments, COMPONENT_MARKER, COMPONENT_BRAND, COMPONENT_SELECTIONS, createComponentBuilder, getComponentBrand, setBrandValidation, validateBrand, } from './jsx/index.js';
 export { EntityScope, useEntityScope, useOptionalEntityScope, type EntityScopeProps, } from './components/EntityScope.js';
 export { SelectionMetaCollector, mergeSelections, createEmptySelection, createCollectorProxy, analyzeJsx, collectSelection, convertToQuerySelection, debugSelection, } from './jsx/index.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

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

package/dist/jsx/components/Show.d.ts

@@ -6,7 +6,7 @@ import { BINDX_COMPONENT } from '../types.js';
  */
 export interface ShowProps<T> {
     field: FieldRef<T>;
-    children: (value: NonNullable<T>) => ReactNode;
+    children: ReactNode | ((value: NonNullable<T>) => ReactNode);
     fallback?: ReactNode;
 }
 /**
@@ -15,11 +15,17 @@ export interface ShowProps<T> {
  *
  * @example
  * ```tsx
- * <Show field={article.fields.publishedAt}>
+ * // Plain children - use when field value isn't needed
+ * <Show field={article.publishedAt}>
+ *   <PublishedBadge />
+ * </Show>
+ *
+ * // Callback children - receive non-null field value
+ * <Show field={article.publishedAt}>
  *   {value => <time>{value.toISOString()}</time>}
  * </Show>
  *
- * <Show field={author.fields.bio} fallback={<span>No bio</span>}>
+ * <Show field={author.bio} fallback={<span>No bio</span>}>
  *   {bio => <p>{bio}</p>}
  * </Show>
  * ```

package/dist/jsx/components/Show.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Show.d.ts","sourceRoot":"","sources":["../../../src/jsx/components/Show.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAQ,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACtE,OAAO,KAAK,EAAE,QAAQ,EAAoD,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAChH,OAAO,EAAkB,eAAe,EAAE,MAAM,aAAa,CAAA;AAG7D;;GAEG;AACH,MAAM,WAAW,SAAS,CAAC,CAAC;IAC3B,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,SAAS,CAAA;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAA;CACpB;AAED;;;;;;;;;;;;;;GAcG;AACH,iBAAS,QAAQ,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,YAAY,GAAG,IAAI,CASrF;AAED,eAAO,MAAM,IAAI,EAAqB,OAAO,QAAQ,CAAA;AAGrD,QAAA,MAAM,iBAAiB,EAAW,OAAO,IAAI,GAAG,iBAAiB,GAAG;IAAE,CAAC,eAAe,CAAC,EAAE,IAAI,CAAA;CAAE,CAAA;AAgB/F,OAAO,EAAE,iBAAiB,IAAI,YAAY,EAAE,CAAA"}
+{"version":3,"file":"Show.d.ts","sourceRoot":"","sources":["../../../src/jsx/components/Show.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAQ,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACtE,OAAO,KAAK,EAAE,QAAQ,EAAoD,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAChH,OAAO,EAAkB,eAAe,EAAE,MAAM,aAAa,CAAA;AAG7D;;GAEG;AACH,MAAM,WAAW,SAAS,CAAC,CAAC;IAC3B,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IAClB,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,CAAA;IAC5D,QAAQ,CAAC,EAAE,SAAS,CAAA;CACpB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,iBAAS,QAAQ,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,YAAY,GAAG,IAAI,CAarF;AAED,eAAO,MAAM,IAAI,EAAqB,OAAO,QAAQ,CAAA;AAGrD,QAAA,MAAM,iBAAiB,EAAW,OAAO,IAAI,GAAG,iBAAiB,GAAG;IAAE,CAAC,eAAe,CAAC,EAAE,IAAI,CAAA;CAAE,CAAA;AA6B/F,OAAO,EAAE,iBAAiB,IAAI,YAAY,EAAE,CAAA"}

package/dist/jsx/components/Switch.d.ts

@@ -0,0 +1,48 @@
+import React, { type ReactElement, type ReactNode } from 'react';
+import type { FieldRef, SelectionProvider } from '../types.js';
+import { BINDX_COMPONENT } from '../types.js';
+import { type Condition } from '../conditions.js';
+/**
+ * Props for <Case>. Discriminated union: exactly one of `show` or `if` must be set.
+ *
+ * - `show={fieldRef}` matches when the field value is neither `null` nor `undefined`.
+ *   Children may be a callback receiving the non-null value.
+ * - `if={cond}` accepts a boolean, a `FieldRef<boolean>`, or a `Condition` DSL object.
+ */
+export type CaseProps<T = unknown> = {
+    show: FieldRef<T>;
+    if?: never;
+    children: ReactNode | ((value: NonNullable<T>) => ReactNode);
+} | {
+    show?: never;
+    if: Condition | FieldRef<boolean> | boolean;
+    children: ReactNode;
+};
+export interface DefaultProps {
+    children: ReactNode;
+}
+export interface SwitchProps {
+    children: ReactNode;
+}
+/**
+ * Marker component for a case branch inside <Switch>. Never renders on its own —
+ * <Switch> reads its props to decide which branch to render.
+ */
+export declare function Case<T>(_props: CaseProps<T>): null;
+/**
+ * Marker component for the fallback branch inside <Switch>. At most one allowed.
+ */
+export declare function Default(_props: DefaultProps): null;
+declare function SwitchImpl({ children }: SwitchProps): ReactElement | null;
+export declare const Switch: React.MemoExoticComponent<typeof SwitchImpl>;
+declare const caseWithSelection: typeof Case & SelectionProvider & {
+    [BINDX_COMPONENT]: true;
+};
+declare const defaultWithSelection: typeof Default & SelectionProvider & {
+    [BINDX_COMPONENT]: true;
+};
+declare const switchWithSelection: typeof Switch & SelectionProvider & {
+    [BINDX_COMPONENT]: true;
+};
+export { switchWithSelection as SwitchWithMeta, caseWithSelection as CaseWithMeta, defaultWithSelection as DefaultWithMeta, };
+//# sourceMappingURL=Switch.d.ts.map

package/dist/jsx/components/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/jsx/components/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAKb,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,EACX,QAAQ,EAGR,iBAAiB,EACjB,MAAM,aAAa,CAAA;AACpB,OAAO,EAAkB,eAAe,EAAE,MAAM,aAAa,CAAA;AAE7D,OAAO,EACN,KAAK,SAAS,EAId,MAAM,kBAAkB,CAAA;AAEzB;;;;;;GAMG;AACH,MAAM,MAAM,SAAS,CAAC,CAAC,GAAG,OAAO,IAC9B;IACA,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IACjB,EAAE,CAAC,EAAE,KAAK,CAAA;IACV,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,CAAA;CAC3D,GACD;IACA,IAAI,CAAC,EAAE,KAAK,CAAA;IACZ,EAAE,EAAE,SAAS,GAAG,QAAQ,CAAC,OAAO,CAAC,GAAG,OAAO,CAAA;IAC3C,QAAQ,EAAE,SAAS,CAAA;CAClB,CAAA;AAEJ,MAAM,WAAW,YAAY;IAC5B,QAAQ,EAAE,SAAS,CAAA;CACnB;AAED,MAAM,WAAW,WAAW;IAC3B,QAAQ,EAAE,SAAS,CAAA;CACnB;AAED;;;GAGG;AACH,wBAAgB,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI,CAElD;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,CAElD;AA2ED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,GAAG,YAAY,GAAG,IAAI,CA4ClE;AAED,eAAO,MAAM,MAAM,8CAAmB,CAAA;AA0BtC,QAAA,MAAM,iBAAiB,EAAW,OAAO,IAAI,GAAG,iBAAiB,GAAG;IAAE,CAAC,eAAe,CAAC,EAAE,IAAI,CAAA;CAAE,CAAA;AAmC/F,QAAA,MAAM,oBAAoB,EAAc,OAAO,OAAO,GAAG,iBAAiB,GAAG;IAAE,CAAC,eAAe,CAAC,EAAE,IAAI,CAAA;CAAE,CAAA;AAaxG,QAAA,MAAM,mBAAmB,EAAa,OAAO,MAAM,GAAG,iBAAiB,GAAG;IAAE,CAAC,eAAe,CAAC,EAAE,IAAI,CAAA;CAAE,CAAA;AAarG,OAAO,EACN,mBAAmB,IAAI,cAAc,EACrC,iBAAiB,IAAI,YAAY,EACjC,oBAAoB,IAAI,eAAe,GACvC,CAAA"}

package/dist/jsx/components/index.d.ts

@@ -4,6 +4,7 @@ export { HasMany, HasManyWithMeta } from './HasMany.js';
 export { HasOne, HasOneWithMeta } from './HasOne.js';
 export { If, IfWithMeta } from './If.js';
 export { Show, ShowWithMeta, type ShowProps } from './Show.js';
+export { Switch, Case, Default, SwitchWithMeta, CaseWithMeta, DefaultWithMeta, type SwitchProps, type CaseProps, type DefaultProps, } from './Switch.js';
 export { Entity, type EntityProps } from './Entity.js';
 export { EntityList, type EntityListProps } from './EntityList.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/jsx/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jsx/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAGlF,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAGjD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAGvD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAGpD,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGxC,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAA;AAG9D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAA;AAGtD,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jsx/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAGlF,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAGjD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAGvD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAGpD,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGxC,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAA;AAG9D,OAAO,EACN,MAAM,EACN,IAAI,EACJ,OAAO,EACP,cAAc,EACd,YAAY,EACZ,eAAe,EACf,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,YAAY,GACjB,MAAM,aAAa,CAAA;AAGpB,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAA;AAGtD,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/jsx/index.d.ts

@@ -8,6 +8,7 @@ export { HasMany, HasManyWithMeta } from './components/HasMany.js';
 export { HasOne, HasOneWithMeta } from './components/HasOne.js';
 export { If, IfWithMeta } from './components/If.js';
 export { Show, ShowWithMeta, type ShowProps } from './components/Show.js';
+export { Switch, Case, Default, SwitchWithMeta, CaseWithMeta, DefaultWithMeta, type SwitchProps, type CaseProps, type DefaultProps, } from './components/Switch.js';
 export { Entity, type EntityProps } from './components/Entity.js';
 export { EntityList, type EntityListProps } from './components/EntityList.js';
 export { HasRole, type HasRoleProps } from './components/HasRole.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/jsx/index.ts"],"names":[],"mappings":"AACA,OAAO,EACN,eAAe,EACf,cAAc,EACd,SAAS,EACT,KAAK,YAAY,EAEjB,KAAK,QAAQ,EACb,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,SAAS,EAEd,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,cAAc,EAEnB,KAAK,YAAY,EACjB,KAAK,oBAAoB,EACzB,KAAK,eAAe,EAEpB,KAAK,UAAU,EACf,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,OAAO,EACZ,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,kBAAkB,EACvB,KAAK,uBAAuB,EAC5B,KAAK,iBAAiB,EACtB,KAAK,QAAQ,GACb,MAAM,YAAY,CAAA;AAGnB,OAAO,EACN,sBAAsB,EACtB,eAAe,EACf,oBAAoB,GACpB,MAAM,oBAAoB,CAAA;AAG3B,OAAO,EACN,oBAAoB,GACpB,MAAM,YAAY,CAAA;AAGnB,OAAO,EACN,UAAU,EACV,gBAAgB,EAChB,uBAAuB,EACvB,cAAc,GACd,MAAM,eAAe,CAAA;AAGtB,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,KAAK,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC7F,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAClE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACzE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACjE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC7E,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAGpE,OAAO,EACN,IAAI,EACJ,WAAW,EACX,iBAAiB,EACjB,sBAAsB,EACtB,cAAc,EACd,KAAK,SAAS,EACd,KAAK,aAAa,GAClB,MAAM,iBAAiB,CAAA;AAGxB,OAAO,EACN,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACpB,sBAAsB,EACtB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,GACb,MAAM,sBAAsB,CAAA;AAG7B,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAGhE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAElD,YAAY,EACX,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,gBAAgB,EAChB,qBAAqB,EACrB,sBAAsB,EAEtB,yBAAyB,EACzB,6BAA6B,EAC7B,6BAA6B,EAC7B,aAAa,EACb,qBAAqB,EACrB,mBAAmB,EAEnB,gBAAgB,EAChB,oBAAoB,EACpB,oBAAoB,EAEpB,iBAAiB,EACjB,iBAAiB,EACjB,0BAA0B,EAC1B,0BAA0B,EAC1B,cAAc,EAEd,gBAAgB,EAChB,UAAU,EACV,kBAAkB,EAClB,mBAAmB,GACnB,MAAM,sBAAsB,CAAA;AAG7B,YAAY,EACX,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,0BAA0B,GAC1B,MAAM,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/jsx/index.ts"],"names":[],"mappings":"AACA,OAAO,EACN,eAAe,EACf,cAAc,EACd,SAAS,EACT,KAAK,YAAY,EAEjB,KAAK,QAAQ,EACb,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,SAAS,EAEd,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,cAAc,EAEnB,KAAK,YAAY,EACjB,KAAK,oBAAoB,EACzB,KAAK,eAAe,EAEpB,KAAK,UAAU,EACf,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,OAAO,EACZ,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,kBAAkB,EACvB,KAAK,uBAAuB,EAC5B,KAAK,iBAAiB,EACtB,KAAK,QAAQ,GACb,MAAM,YAAY,CAAA;AAGnB,OAAO,EACN,sBAAsB,EACtB,eAAe,EACf,oBAAoB,GACpB,MAAM,oBAAoB,CAAA;AAG3B,OAAO,EACN,oBAAoB,GACpB,MAAM,YAAY,CAAA;AAGnB,OAAO,EACN,UAAU,EACV,gBAAgB,EAChB,uBAAuB,EACvB,cAAc,GACd,MAAM,eAAe,CAAA;AAGtB,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,KAAK,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC7F,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAClE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACzE,OAAO,EACN,MAAM,EACN,IAAI,EACJ,OAAO,EACP,cAAc,EACd,YAAY,EACZ,eAAe,EACf,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,YAAY,GACjB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACjE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC7E,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAGpE,OAAO,EACN,IAAI,EACJ,WAAW,EACX,iBAAiB,EACjB,sBAAsB,EACtB,cAAc,EACd,KAAK,SAAS,EACd,KAAK,aAAa,GAClB,MAAM,iBAAiB,CAAA;AAGxB,OAAO,EACN,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACpB,sBAAsB,EACtB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,GACb,MAAM,sBAAsB,CAAA;AAG7B,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAGhE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAElD,YAAY,EACX,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,gBAAgB,EAChB,qBAAqB,EACrB,sBAAsB,EAEtB,yBAAyB,EACzB,6BAA6B,EAC7B,6BAA6B,EAC7B,aAAa,EACb,qBAAqB,EACrB,mBAAmB,EAEnB,gBAAgB,EAChB,oBAAoB,EACpB,oBAAoB,EAEpB,iBAAiB,EACjB,iBAAiB,EACjB,0BAA0B,EAC1B,0BAA0B,EAC1B,cAAc,EAEd,gBAAgB,EAChB,UAAU,EACV,kBAAkB,EAClB,mBAAmB,GACnB,MAAM,sBAAsB,CAAA;AAG7B,YAAY,EACX,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,0BAA0B,GAC1B,MAAM,kBAAkB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@contember/bindx-react",
-	"version": "0.1.31",
+	"version": "0.1.33",
 	"description": "Type-safe React data binding framework",
 	"type": "module",
 	"main": "./src/index.ts",
@@ -15,8 +15,8 @@
 		"react": ">=18.0.0"
 	},
 	"dependencies": {
-		"@contember/bindx": "0.1.31",
-		"@contember/bindx-client": "0.1.31",
+		"@contember/bindx": "0.1.33",
+		"@contember/bindx-client": "0.1.33",
 		"@contember/graphql-client": "^2.1.0-beta.1",
 		"@radix-ui/primitive": "^1.1.3",
 		"@radix-ui/react-slot": "^1.2.4"

package/src/index.ts

@@ -234,6 +234,9 @@ export type {
 	EntityComponentProps,
 	HasManyComponentOptions,
 	ShowProps,
+	SwitchProps,
+	CaseProps,
+	DefaultProps,
 	SelectionPropMeta,
 	SelectionProvider,
 	EntityPropKeys,
@@ -330,6 +333,9 @@ export {
 	HasOne,
 	If,
 	Show,
+	Switch,
+	Case,
+	Default,
 	Entity,
 	type EntityProps,
 	EntityList,

package/src/jsx/components/Show.tsx

@@ -8,7 +8,7 @@ import { useField } from '../../hooks/useField.js'
  */
 export interface ShowProps<T> {
 	field: FieldRef<T>
-	children: (value: NonNullable<T>) => ReactNode
+	children: ReactNode | ((value: NonNullable<T>) => ReactNode)
 	fallback?: ReactNode
 }
 
@@ -18,11 +18,17 @@ export interface ShowProps<T> {
  *
  * @example
  * ```tsx
- * <Show field={article.fields.publishedAt}>
+ * // Plain children - use when field value isn't needed
+ * <Show field={article.publishedAt}>
+ *   <PublishedBadge />
+ * </Show>
+ *
+ * // Callback children - receive non-null field value
+ * <Show field={article.publishedAt}>
  *   {value => <time>{value.toISOString()}</time>}
  * </Show>
  *
- * <Show field={author.fields.bio} fallback={<span>No bio</span>}>
+ * <Show field={author.bio} fallback={<span>No bio</span>}>
  *   {bio => <p>{bio}</p>}
  * </Show>
  * ```
@@ -35,7 +41,11 @@ function ShowImpl<T>({ field, children, fallback }: ShowProps<T>): ReactElement
 		return fallback ? <>{fallback}</> : null
 	}
 
-	return <>{children(accessor.value as NonNullable<T>)}</>
+	const rendered = typeof children === 'function'
+		? children(accessor.value as NonNullable<T>)
+		: children
+
+	return <>{rendered}</>
 }
 
 export const Show = memo(ShowImpl) as typeof ShowImpl
@@ -43,16 +53,29 @@ export const Show = memo(ShowImpl) as typeof ShowImpl
 // Static method for selection extraction
 const showWithSelection = Show as typeof Show & SelectionProvider & { [BINDX_COMPONENT]: true }
 
-showWithSelection.getSelection = (props: ShowProps<unknown>): SelectionFieldMeta | null => {
+showWithSelection.getSelection = (
+	props: ShowProps<unknown>,
+	collectNested: (children: ReactNode) => SelectionMeta,
+): SelectionFieldMeta[] | null => {
 	const meta = props.field[FIELD_REF_META]
-
-	return {
+	const result: SelectionFieldMeta[] = [{
 		fieldName: meta.fieldName,
 		alias: meta.fieldName,
 		path: meta.path,
 		isArray: false,
 		isRelation: false,
+	}]
+
+	// Plain ReactNode children may contain nested <Field>/<HasOne>/etc.
+	// Callback children can't be analyzed statically (skipped).
+	if (typeof props.children !== 'function') {
+		const nested = collectNested(props.children)
+		for (const field of nested.fields.values()) {
+			result.push(field)
+		}
 	}
+
+	return result
 }
 
 showWithSelection[BINDX_COMPONENT] = true

package/src/jsx/components/Switch.tsx

@@ -0,0 +1,276 @@
+import React, {
+	Children,
+	Fragment,
+	isValidElement,
+	memo,
+	type ReactElement,
+	type ReactNode,
+} from 'react'
+import type {
+	FieldRef,
+	SelectionFieldMeta,
+	SelectionMeta,
+	SelectionProvider,
+} from '../types.js'
+import { FIELD_REF_META, BINDX_COMPONENT } from '../types.js'
+import { useField } from '../../hooks/useField.js'
+import {
+	type Condition,
+	isCondition,
+	evaluateCondition,
+	collectConditionFields,
+} from '../conditions.js'
+
+/**
+ * Props for <Case>. Discriminated union: exactly one of `show` or `if` must be set.
+ *
+ * - `show={fieldRef}` matches when the field value is neither `null` nor `undefined`.
+ *   Children may be a callback receiving the non-null value.
+ * - `if={cond}` accepts a boolean, a `FieldRef<boolean>`, or a `Condition` DSL object.
+ */
+export type CaseProps<T = unknown> =
+	| {
+			show: FieldRef<T>
+			if?: never
+			children: ReactNode | ((value: NonNullable<T>) => ReactNode)
+	  }
+	| {
+			show?: never
+			if: Condition | FieldRef<boolean> | boolean
+			children: ReactNode
+	  }
+
+export interface DefaultProps {
+	children: ReactNode
+}
+
+export interface SwitchProps {
+	children: ReactNode
+}
+
+/**
+ * Marker component for a case branch inside <Switch>. Never renders on its own —
+ * <Switch> reads its props to decide which branch to render.
+ */
+export function Case<T>(_props: CaseProps<T>): null {
+	return null
+}
+
+/**
+ * Marker component for the fallback branch inside <Switch>. At most one allowed.
+ */
+export function Default(_props: DefaultProps): null {
+	return null
+}
+
+// =============================================================================
+// Child extraction
+// =============================================================================
+
+interface CaseEntry {
+	readonly props: CaseProps<unknown>
+}
+
+interface DefaultEntry {
+	readonly props: DefaultProps
+}
+
+interface SwitchEntries {
+	readonly cases: readonly CaseEntry[]
+	readonly defaultEntry: DefaultEntry | null
+}
+
+function isFieldRef(value: unknown): value is FieldRef<unknown> {
+	return typeof value === 'object' && value !== null && FIELD_REF_META in value
+}
+
+function extractEntries(children: ReactNode): SwitchEntries {
+	const cases: CaseEntry[] = []
+	let defaultEntry: DefaultEntry | null = null
+
+	const visit = (node: ReactNode): void => {
+		if (node === null || node === undefined || typeof node === 'boolean') return
+		if (typeof node === 'string' || typeof node === 'number') return
+		if (Array.isArray(node)) {
+			for (const child of node) visit(child)
+			return
+		}
+		if (!isValidElement(node)) return
+		if (node.type === Fragment) {
+			visit((node.props as { children?: ReactNode }).children)
+			return
+		}
+		if (node.type === Case) {
+			cases.push({ props: node.props as CaseProps<unknown> })
+			return
+		}
+		if (node.type === Default) {
+			if (defaultEntry !== null) {
+				throw new Error('<Switch> allows at most one <Default>')
+			}
+			defaultEntry = { props: node.props as DefaultProps }
+			return
+		}
+		throw new Error('<Switch> children must be <Case> or <Default>')
+	}
+
+	Children.forEach(children, visit)
+
+	return { cases, defaultEntry }
+}
+
+function resolveTriggerField(props: CaseProps<unknown>): FieldRef<unknown> | null {
+	if ('show' in props && props.show !== undefined) {
+		return props.show
+	}
+	if ('if' in props && props.if !== undefined) {
+		const condition = props.if
+		if (typeof condition !== 'boolean' && !isCondition(condition)) {
+			return condition as FieldRef<unknown>
+		}
+	}
+	return null
+}
+
+// =============================================================================
+// Runtime
+// =============================================================================
+
+function SwitchImpl({ children }: SwitchProps): ReactElement | null {
+	const entries = extractEntries(children)
+
+	// Subscribe to one field per case (stable count, stable order).
+	const accessors: Array<{ value: unknown } | null> = []
+	for (const entry of entries.cases) {
+		const ref = resolveTriggerField(entry.props)
+		// eslint-disable-next-line react-hooks/rules-of-hooks
+		accessors.push(useField(ref))
+	}
+
+	for (let i = 0; i < entries.cases.length; i++) {
+		const { props } = entries.cases[i]!
+		const accessor = accessors[i]!
+
+		if ('show' in props && props.show !== undefined) {
+			const value = accessor?.value
+			if (value !== null && value !== undefined) {
+				const rendered = typeof props.children === 'function'
+					? props.children(value as NonNullable<unknown>)
+					: props.children
+				return <>{rendered}</>
+			}
+			continue
+		}
+
+		const condition = props.if
+		let matched: boolean
+		if (typeof condition === 'boolean') {
+			matched = condition
+		} else if (isCondition(condition)) {
+			matched = evaluateCondition(condition)
+		} else {
+			matched = Boolean(accessor?.value)
+		}
+		if (matched) {
+			return <>{props.children}</>
+		}
+	}
+
+	if (entries.defaultEntry !== null) {
+		return <>{entries.defaultEntry.props.children}</>
+	}
+	return null
+}
+
+export const Switch = memo(SwitchImpl)
+
+// =============================================================================
+// Selection analysis
+// =============================================================================
+
+function fieldRefToSelectionField(ref: FieldRef<unknown>): SelectionFieldMeta {
+	const meta = ref[FIELD_REF_META]
+	return {
+		fieldName: meta.fieldName,
+		alias: meta.fieldName,
+		path: meta.path,
+		isArray: meta.isArray ?? false,
+		isRelation: meta.isRelation ?? false,
+	}
+}
+
+function pushNestedFields(
+	target: SelectionFieldMeta[],
+	nested: SelectionMeta,
+): void {
+	for (const field of nested.fields.values()) {
+		target.push(field)
+	}
+}
+
+const caseWithSelection = Case as typeof Case & SelectionProvider & { [BINDX_COMPONENT]: true }
+
+caseWithSelection.getSelection = (
+	props: CaseProps<unknown>,
+	collectNested: (children: ReactNode) => SelectionMeta,
+): SelectionFieldMeta[] | null => {
+	const result: SelectionFieldMeta[] = []
+
+	if ('show' in props && props.show !== undefined) {
+		result.push(fieldRefToSelectionField(props.show))
+	} else if ('if' in props && props.if !== undefined) {
+		const condition = props.if
+		if (typeof condition !== 'boolean') {
+			if (isCondition(condition)) {
+				for (const field of collectConditionFields(condition)) {
+					if (isFieldRef(field)) {
+						result.push(fieldRefToSelectionField(field))
+					}
+				}
+			} else if (isFieldRef(condition)) {
+				result.push(fieldRefToSelectionField(condition))
+			}
+		}
+	}
+
+	// Callback children can't be statically analyzed.
+	if (typeof props.children !== 'function') {
+		pushNestedFields(result, collectNested(props.children))
+	}
+
+	return result.length > 0 ? result : null
+}
+
+caseWithSelection[BINDX_COMPONENT] = true
+
+const defaultWithSelection = Default as typeof Default & SelectionProvider & { [BINDX_COMPONENT]: true }
+
+defaultWithSelection.getSelection = (
+	props: DefaultProps,
+	collectNested: (children: ReactNode) => SelectionMeta,
+): SelectionFieldMeta[] | null => {
+	const result: SelectionFieldMeta[] = []
+	pushNestedFields(result, collectNested(props.children))
+	return result.length > 0 ? result : null
+}
+
+defaultWithSelection[BINDX_COMPONENT] = true
+
+const switchWithSelection = Switch as typeof Switch & SelectionProvider & { [BINDX_COMPONENT]: true }
+
+switchWithSelection.getSelection = (
+	props: SwitchProps,
+	collectNested: (children: ReactNode) => SelectionMeta,
+): SelectionFieldMeta[] | null => {
+	const result: SelectionFieldMeta[] = []
+	pushNestedFields(result, collectNested(props.children))
+	return result.length > 0 ? result : null
+}
+
+switchWithSelection[BINDX_COMPONENT] = true
+
+export {
+	switchWithSelection as SwitchWithMeta,
+	caseWithSelection as CaseWithMeta,
+	defaultWithSelection as DefaultWithMeta,
+}

package/src/jsx/components/index.ts

@@ -16,6 +16,19 @@ export { If, IfWithMeta } from './If.js'
 // Show component
 export { Show, ShowWithMeta, type ShowProps } from './Show.js'
 
+// Switch / Case / Default components
+export {
+	Switch,
+	Case,
+	Default,
+	SwitchWithMeta,
+	CaseWithMeta,
+	DefaultWithMeta,
+	type SwitchProps,
+	type CaseProps,
+	type DefaultProps,
+} from './Switch.js'
+
 // Entity component
 export { Entity, type EntityProps } from './Entity.js'
 

package/src/jsx/index.ts

@@ -58,6 +58,17 @@ export { HasMany, HasManyWithMeta } from './components/HasMany.js'
 export { HasOne, HasOneWithMeta } from './components/HasOne.js'
 export { If, IfWithMeta } from './components/If.js'
 export { Show, ShowWithMeta, type ShowProps } from './components/Show.js'
+export {
+	Switch,
+	Case,
+	Default,
+	SwitchWithMeta,
+	CaseWithMeta,
+	DefaultWithMeta,
+	type SwitchProps,
+	type CaseProps,
+	type DefaultProps,
+} from './components/Switch.js'
 export { Entity, type EntityProps } from './components/Entity.js'
 export { EntityList, type EntityListProps } from './components/EntityList.js'
 export { HasRole, type HasRoleProps } from './components/HasRole.js'