@qoretechnologies/reqraft 0.8.11 → 0.8.12-canary.20260609082134.0

package/design/FORM_ENGINE_COMPACT.md

@@ -0,0 +1,135 @@
+# FormEngine — compact (read-first) mode
+
+## What it is
+
+`FormEngine` ([`src/components/form/engine/FormEngine.tsx`](../src/components/form/engine/FormEngine.tsx))
+renders an options schema (`IQorusFormSchema`) as a form. It has two layouts:
+
+- **Classic** (default) — every option's editor is expanded at once.
+- **Compact (read-first)** — pass `compact` to render each option as a **row showing its current
+  value**; clicking a row expands the real editor inline, and a **Done** action collapses it again.
+  The form reads as a "configuration summary you drill into" rather than a wall of inputs.
+
+Compact mode is purely presentational — editing flows through the **same** machinery as the classic
+layout (templates, `on_change`, validation, dependents). Nothing about the schema, value shape, or
+`onChange` contract changes.
+
+## What `compact` adds
+
+- **Read-first rows.** Each option shows a formatted summary of its value (`formatOptionValue`):
+  booleans as Yes/No, `allowed_values` as their display label, lists as joined item names, rich text
+  flattened to plain text, hashes as a generic "Set". Empty options show **Not set**, or
+  **Required — not set** (warning intent) when required.
+- **Click to edit, Done to collapse.** Clicking a row mounts the real field (`renderOption`); the editor
+  is **not** mounted while collapsed. Multiple rows can be open at once.
+- **Completion meter.** A single inline bar at the top — `N / M fields set` | track (fills remaining) |
+  `%` — matching the IDE's restyled completion strip.
+- **Toolbar.** A search box (filter rows by label) plus a **Fields** dropdown (`ReqoreDropdown`,
+  edit-mode only) that consolidates the field-set actions: **Required only** (toggle), **Show field types**
+  (toggle — annotates each row with its type, e.g. `<string>`), **Select all** (add every optional field),
+  **Default fields** (drop user-added optionals + clear the filter, keeping required/preselected/loaded
+  values), **Revert all changes** (undo every edit back to the loaded values), and a searchable
+  **add-optional** list. Filters only affect which rows are listed — the completion meter still reflects the
+  full set. ("Edit code" is *not* here — that stays IDE-side.)
+- **Revert.** A changed row shows a per-field hover **↺** that restores that field to its loaded value;
+  **Revert all changes** in the Fields menu restores the whole form. (Distinct from **Default fields**,
+  which resets to schema defaults + drops added optionals.)
+- **Search spans hidden fields.** The top search matches *all* schema fields, not just the listed ones: a
+  match that is an optional field not yet in the form is surfaced as a dimmed **"Not in form — add"** row;
+  activating it adds the field and opens its editor.
+- **Sticky-top toolbar.** The completion meter + search + Fields menu are wrapped in a `position: sticky;
+  top: 0` header (opaque background masks rows scrolling beneath), so filtering and adding optional fields
+  stay reachable while scrolling a long form. (Replaced an earlier bottom "Additional options" bar that, as
+  the last child of the scroll content, could never actually pin to the viewport.)
+- **No horizontal overflow.** The row grid's value column is `minmax(0, 1fr)` and the value cell has
+  `min-width: 0`, so a long unbroken value (e.g. a URL) ellipsis-truncates (full value on hover via `title`)
+  instead of forcing a horizontal scrollbar.
+- **Accessibility.** Read-first rows are real controls (`role="button"`, `tabIndex={0}`, Enter/Space
+  activate, visible focus ring), not just click handlers; the Done button and dropdowns are native buttons.
+- **Grouping.** Rows are grouped by each option's raw `group` key into collapsible `ReqorePanel` sections,
+  each with a `✓ all set` / `⚠ N to resolve` badge (the catch-all `optional` group shows `N optional`
+  instead). Display per group (label / icon / subtitle / order) is
+  supplied by the consumer via the **`groups`** prop (the server sends only the bare group key — see
+  research below); anything omitted defaults to a title-cased key, no icon, and schema order. Ungrouped
+  required/preselected fields fall back to `general`, everything else to `optional`
+  (`getOptionGroup` / `getOptionGroupLabel`).
+- **Dedicated layout.** Compact does **not** reuse the classic `ReqoreCollection` card-per-field layout —
+  it renders its own flat two-column rows (label | value | action, thin dividers) so it reads like the
+  IDE's restyled creator rather than a wall of cards. The classic always-expanded path is untouched.
+
+Interface-specific chrome (status hero, value chips, "Edit code", the help Hint) is intentionally **not**
+in the engine — a consumer wraps `FormEngine` and supplies that around it. The **server does not define
+group display metadata** (only the bare `group` string per field; no label/icon/order), so each UI owns
+it — hence the engine takes group display via the `groups` prop rather than hardcoding it.
+
+## Where the logic lives
+
+- [`readFirst.ts`](../src/components/form/engine/readFirst.ts) — pure, unit-tested helpers:
+  `formatOptionValue`, `getOptionGroup` (raw key), `getOptionGroupLabel` (key → display label, honouring
+  the `groups` prop), `getReadFirstCompletion`, `isOptionValueEmpty`.
+- `FormEngine.tsx` — when `compact`, the component early-returns `renderCompact()` (the completion meter,
+  invalid-fields message, grouped flat rows via `renderCompactRow`, and the "more options" adder) instead
+  of the classic `ReqoreCollection`. Flat-row styling lives in module-level `styled-components`
+  (`StyledCompactWrap`, `StyledGroupBody`, `StyledEditCard`) with theme-derived colours. The classic path
+  is left exactly as it was.
+
+## Usage
+
+```tsx
+<FormEngine
+  name="my-form"
+  compact
+  options={schema}
+  value={value}
+  onChange={handleChange}
+  // optional: per-group display, keyed by the raw `group` string
+  groups={{
+    info: { label: 'Info', icon: 'IdCardLine', subtitle: 'Identity and core settings', sort: 0 },
+    scaling: { icon: 'BroadcastLine', sort: 1 },
+  }}
+/>
+```
+
+## Async schema (`optionsLoader`)
+
+`FormEngine` normally renders a schema you hand it via `options`. `optionsLoader` lets the engine **fetch
+the schema itself**, owning the loading / error / refetch lifecycle, while staying **transport-agnostic** —
+the consumer supplies an async callback that resolves the schema however it likes (the engine never learns
+about any backend). This is what lets a consumer converge an old "fetch-by-URL" form (e.g. the qorus-ide
+`<Options url=…>` fork) onto the upstream engine without pushing app-specific fetch code into the library.
+
+```tsx
+const loadSchema = useCallback(() => fetchSchemaSomehow(url), [url]); // memoise → refetch only on change
+
+<FormEngine
+  name="protocol-options"
+  compact
+  value={value}
+  optionsLoader={loadSchema}   // no `options` — the engine loads it
+  onChange={handleChange}
+/>
+```
+
+- While loading, the engine shows its skeleton; on rejection it renders the error message; on success it
+  renders the schema and fires `onOptionsLoaded`.
+- The loader re-runs when its **identity changes**, so memoise it (`useCallback`) keyed on its inputs — a
+  fresh function every render would refetch on every render.
+- Works in both compact and classic layouts. (Real consumer: qorus-ide's `useRemoteOptionsLoader` feeding
+  the Connection creator's protocol-specific options panel.)
+
+## Tests
+
+- **Unit:** [`__tests__/readFirst.test.ts`](../__tests__/readFirst.test.ts) — value formatting, grouping,
+  completion.
+- **`optionsLoader`:** `CompactOptionsLoader` (async load → read-first rows + `onOptionsLoaded`),
+  `CompactOptionsLoaderError` (rejection → error message), and `OptionsLoader` (classic-layout parity).
+- **Interaction:** the 17 `Compact*` stories in
+  [`FormEngine.stories.tsx`](../src/components/form/engine/FormEngine.stories.tsx), using the shared
+  `_tests*` helpers. They mirror the classic story matrix: read-first edit (`CompactReadFirstEditing`), the
+  Fields menu / search / search-hidden / overflow + sticky-top header, revert + show-types,
+  on_change/refetch + dependents,
+  and parity scenarios — field types, `required_groups`, `any` type, readonly-default-fix,
+  non-existent-filtered, the help dialog, and render stability.
+
+Interface-specific chrome the IDE still wraps around the engine (Phase 3): the status hero, value chips
+(e.g. the language logo), "Edit code", and the "Editing this form" Hint.

package/dist/components/form/engine/FormEngine.d.ts

@@ -1,5 +1,6 @@
 import { IReqoreCollectionProps } from '@qoretechnologies/reqore/dist/components/Collection';
 import { IReqoreFormTemplates } from '@qoretechnologies/reqore/dist/components/Textarea';
+import { IReqoreIconName } from '@qoretechnologies/reqore/dist/types/icons';
 import { IQorusFormField, IQorusFormFieldMessage, IQorusFormFieldOnChangeMeta, IQorusFormOperator, IQorusFormOperatorsSchema, IQorusFormSchema, TQorusFlatForm, TQorusForm, TQorusFormFieldSchema, TQorusFormOperatorValue, TQorusType } from '@qoretechnologies/ts-toolkit';
 import { IValidationResult } from '../../../helpers/validations';
 import { ITemplateFieldProps } from '../fields/template/TemplateField';
@@ -41,9 +42,21 @@ export declare const flattenOptions: (options: TQorusForm) => TQorusFlatForm;
 export declare const getTypeAndCanBeNull: (type: TQorusType | TQorusType[], allowed_values?: any[], operatorData?: TOperatorValue, operators?: IOperatorsSchema) => {
     type: TQorusType;
     defaultType: TQorusType;
-    defaultInternalType: "string" | "number" | "boolean" | "function" | "url" | "data" | "bool" | "int" | "float" | "list" | "hash" | "type" | "richtext" | "connection" | "binary" | "mapper" | "workflow" | "service" | "job" | "long-string" | "code-editor" | "file" | "date" | "free-hash" | "constant" | "class" | "errors" | "fsm" | "group" | "mapper-code" | "queue" | "pipeline" | "sla" | "step" | "value-map" | "email" | "enum" | "integer" | "range" | "free-list" | "rgbcolor" | "null" | "nothing" | "data-provider" | "context" | "processor-mappings";
+    defaultInternalType: "string" | "number" | "boolean" | "function" | "url" | "data" | "bool" | "int" | "float" | "list" | "hash" | "type" | "mapper" | "workflow" | "service" | "job" | "connection" | "constant" | "class" | "errors" | "fsm" | "group" | "mapper-code" | "queue" | "pipeline" | "sla" | "step" | "value-map" | "binary" | "date" | "email" | "long-string" | "enum" | "integer" | "range" | "free-list" | "rgbcolor" | "free-hash" | "null" | "nothing" | "richtext" | "data-provider" | "context" | "file" | "processor-mappings" | "code-editor";
     canBeNull: boolean;
 };
+/**
+ * Display metadata for a read-first group, keyed by the option's raw `group`
+ * string (e.g. `info`, `scaling`). The server only sends the bare group key, so
+ * the consumer supplies the label / icon / order here; anything omitted falls
+ * back to a title-cased key, no icon, and schema order.
+ */
+export interface IFormEngineGroup {
+    label?: string;
+    icon?: IReqoreIconName;
+    subtitle?: string;
+    sort?: number;
+}
 export interface IFormEngineProps extends Omit<IReqoreCollectionProps, 'onChange'> {
     name: string;
     uniqueName?: string;
@@ -62,9 +75,34 @@ export interface IFormEngineProps extends Omit<IReqoreCollectionProps, 'onChange
     stringTemplates?: IReqoreFormTemplates;
     templateFieldProps?: Partial<ITemplateFieldProps>;
     showTypeToggle?: boolean;
+    /**
+     * Render the form in **compact (read-first)** mode: each option is shown as a
+     * row with its current value, grouped by the option's `group`, with a
+     * completion meter at the top; clicking a row expands the real editor inline
+     * and a "Done" action collapses it again. The search box, sort, and outer
+     * label are hidden. Defaults to the classic always-expanded layout.
+     */
     compact?: boolean;
+    /**
+     * Compact mode only: per-group display metadata (label / icon / subtitle /
+     * order), keyed by the option's raw `group` string. The server doesn't define
+     * group display info, so the consumer supplies it here.
+     */
+    groups?: Record<string, IFormEngineGroup>;
+    /**
+     * Async schema source. When provided (and `options` is not), the engine calls
+     * this on mount and whenever the callback's identity changes, owns the
+     * loading / error / refetch lifecycle itself, and renders the loaded schema.
+     *
+     * The callback is **transport-agnostic**: the consumer fetches the schema
+     * however it likes (e.g. from a backend endpoint) and resolves it — the engine
+     * never learns about any specific data source. Memoize it (e.g. `useCallback`)
+     * keyed on its inputs, since a new identity triggers a refetch. On success
+     * `onOptionsLoaded` fires with the loaded schema; a rejection renders an error.
+     */
+    optionsLoader?: () => Promise<IQorusFormSchema>;
     onValidityChange?: (isValid: boolean, data: IFormValidityData) => void;
 }
-export declare const FormEngine: ({ name, uniqueName, value, onChange, onSingleOptionsChange, onDependableOptionChange, placeholder, noValueString, isValid, onOptionsLoaded, recordRequiresSearchOptions, readOnly, allowTemplates, templateFieldProps, showTypeToggle, compact, onValidityChange, ...rest }: IFormEngineProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FormEngine: ({ name, uniqueName, value, onChange, onSingleOptionsChange, onDependableOptionChange, placeholder, noValueString, isValid, onOptionsLoaded, recordRequiresSearchOptions, readOnly, allowTemplates, templateFieldProps, showTypeToggle, compact, groups, optionsLoader, onValidityChange, ...rest }: IFormEngineProps) => import("react/jsx-runtime").JSX.Element;
 export default FormEngine;
 //# sourceMappingURL=FormEngine.d.ts.map

package/dist/components/form/engine/FormEngine.d.ts.map

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