SchemenceOData-native React UI kit

Components, an OData v4 client, DataState binding, a rules-driven DynamicForm, and app templates — in one self-contained, accessible, themable package (`@schemence/uikit`).

Get started

Components

View on GitHub

Self-contained

No third-party UI dependency (no PrimeReact / KendoReact / MUI). Every component, the OData client, and the charts are built from scratch.

OData-native

Built-in OData v4 client and query builder — $filter / $orderby / $select / $expand / $apply / $batch, Functions & Actions, ETags, caching — wired to React hooks.

Kendo-style binding

A normalized DataState translates to OData query options. Bind DataTable via useODataTableSource (or ListPage) and paging, sorting, and filtering just work.

Rules-driven forms

DynamicForm with a validation + rules engine (when → visible / enabled / required / readonly + computes), wizard steps, repeaters, and RBAC.

App templates

ListPage, FormPage, CrudPage, DashboardPage, MasterDetailPage, ReportPage — declarative screens with an ActionBar of OData Functions/Actions and step-flows.

Accessible & themable

WCAG 2.1 AA (contrast-tested + axe-audited), full keyboard/ARIA, plus six CSS-variable theme packs, an unstyled mode, and a theme-generator CLI.

Install

bash

npm install @schemence/uikit

import '@schemence/uikit/styles.css';
import { ODataProvider, DataTable, useODataTableSource } from '@schemence/uikit';

Or scaffold a whole app