@qoretechnologies/reqraft 0.10.2 → 0.10.5

package/dist/components/form/engine/variants/focusDemo.js

@@ -0,0 +1,139 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.focusDemoGroupLabels = exports.focusDemoInvalid = exports.focusDemoValue = exports.getFocusDemoOptions = void 0;
+var getFocusDemoOptions = function () {
+    return ({
+        // --- Connection -------------------------------------------------------
+        url: {
+            type: 'string',
+            ui_type: 'string',
+            display_name: 'Connection URL',
+            short_desc: 'The full datasource URL (driver://user@host:port/db).',
+            desc: 'Accepts any Qore datasource URL. Templates like `$config:db-url` are supported.',
+            group: 'connection',
+            required: true,
+            supports_templates: true,
+        },
+        port: {
+            type: 'int',
+            ui_type: 'number',
+            display_name: 'Port',
+            short_desc: 'TCP port of the database server.',
+            group: 'connection',
+            default_value: { type: 'int', value: 5432 },
+        },
+        database: {
+            type: 'string',
+            ui_type: 'string',
+            display_name: 'Database name',
+            short_desc: 'Name of the schema/database to connect to.',
+            group: 'connection',
+            required: true,
+        },
+        // --- Authentication (one-of required group) ---------------------------
+        token: {
+            type: 'string',
+            ui_type: 'string',
+            display_name: 'API token',
+            short_desc: 'Bearer token — use this OR a username/password.',
+            group: 'authentication',
+            required_groups: ['auth'],
+            supports_templates: true,
+        },
+        username: {
+            type: 'string',
+            ui_type: 'string',
+            display_name: 'Username',
+            short_desc: 'Database user — paired with a password.',
+            group: 'authentication',
+            required_groups: ['auth'],
+        },
+        password: {
+            type: 'string',
+            ui_type: 'string',
+            display_name: 'Password',
+            short_desc: 'Database password.',
+            group: 'authentication',
+            required_groups: ['auth'],
+            supports_templates: true,
+        },
+        // --- Advanced ---------------------------------------------------------
+        options: {
+            type: 'hash',
+            ui_type: 'hash',
+            display_name: 'Driver options',
+            short_desc: 'Extra key/value options passed to the driver.',
+            group: 'advanced',
+        },
+        poolSize: {
+            type: 'int',
+            ui_type: 'number',
+            display_name: 'Pool size',
+            short_desc: 'Max simultaneous connections.',
+            group: 'advanced',
+            default_value: { type: 'int', value: 10 },
+        },
+        timeout: {
+            type: 'int',
+            ui_type: 'number',
+            display_name: 'Timeout (s)',
+            short_desc: 'Connection timeout in seconds.',
+            group: 'advanced',
+        },
+        logLevel: {
+            type: 'string',
+            ui_type: 'string',
+            display_name: 'Log level',
+            short_desc: 'Verbosity of the connection log.',
+            group: 'advanced',
+            allowed_values: [
+                { value: 'error', display_name: 'Error' },
+                { value: 'info', display_name: 'Info' },
+                { value: 'debug', display_name: 'Debug' },
+            ],
+        },
+        // --- Optional (non-preselected — render in the Optional group) ---------
+        sslCert: {
+            type: 'file',
+            ui_type: 'file',
+            display_name: 'SSL certificate',
+            short_desc: 'Client certificate for mutual TLS.',
+        },
+        tags: {
+            type: 'list',
+            ui_type: 'list',
+            display_name: 'Tags',
+            short_desc: 'Free-form labels for this connection.',
+        },
+    });
+};
+exports.getFocusDemoOptions = getFocusDemoOptions;
+exports.focusDemoValue = {
+    url: { type: 'string', value: 'pgsql://hq.qoretechnologies.com:5432/omq' },
+    // database: intentionally unset → required to-do
+    // auth group: intentionally none set → one-of unsatisfied → attention
+    options: {
+        type: 'hash',
+        value: {
+            sslmode: { type: 'string', value: 'require' },
+            application_name: { type: 'string', value: 'qorus-ide' },
+            connect_timeout: { type: 'int', value: 8 },
+        },
+    },
+    logLevel: { type: 'string', value: 'info' },
+    // timeout: invalid (entered 0)
+    timeout: { type: 'int', value: 0 },
+};
+// Demo-only invalid reasons (in the engine these come from the validity pass).
+exports.focusDemoInvalid = {
+    timeout: 'Must be greater than 0',
+};
+// Display labels for the named groups.
+exports.focusDemoGroupLabels = {
+    connection: 'Connection',
+    authentication: 'Authentication',
+    advanced: 'Advanced',
+    optional: 'Optional',
+    general: 'General',
+};
+//# sourceMappingURL=focusDemo.js.map

package/dist/components/form/engine/variants/focusDemo.js.map

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

package/dist/components/form/engine/variants/variantModel.d.ts

@@ -0,0 +1,70 @@
+/**
+ * Shared row model for the FormEngine compact VARIANTS playground.
+ *
+ * This is a prototyping harness: every variant renders the SAME normalized rows
+ * (derived from a real options schema + values via the real `readFirst`
+ * formatters) and differs only in layout / chrome / UX. That keeps the
+ * comparison about presentation, not data. Editing is intentionally stubbed
+ * (expand shows a placeholder) — the point is to compare the read-first view
+ * that currently feels crowded, then graft the winner onto the real engine.
+ */
+import { IQorusFormField, IQorusFormSchema } from '@qoretechnologies/ts-toolkit';
+export type TVariantStatus = 'set' | 'unset' | 'todo' | 'invalid';
+export type TVariantValueKind = 'text' | 'number' | 'bool' | 'color' | 'file' | 'template' | 'richtext' | 'hash' | 'empty';
+export interface IVariantValue {
+    kind: TVariantValueKind;
+    /** Human-readable summary (already formatted by readFirst). */
+    display: string;
+    /** color: css color; file: size label; hash: field count; template: label */
+    extra?: string;
+}
+export interface IVariantRow {
+    name: string;
+    label: string;
+    shortDesc?: string;
+    longDesc?: string;
+    required: boolean;
+    readOnly: boolean;
+    status: TVariantStatus;
+    /** Short reason for todo/invalid, e.g. "Text value is empty". */
+    reason?: string;
+    value: IVariantValue;
+    typeLabel: string;
+    /** required_groups this field belongs to (one-of constraints). */
+    requiredGroups: string[];
+    /** True when this field is a member of an unsatisfied one-of group. */
+    inUnmetGroup: boolean;
+    /** Raw schema + value object — passed to AutoFormField for REAL editing. */
+    schema: any;
+    field: any;
+}
+export interface IVariantGroup {
+    name: string;
+    label: string;
+    rows: IVariantRow[];
+}
+/** One-of required group: members + whether any is filled. */
+export interface IRequiredGroupInfo {
+    key: string;
+    members: string[];
+    memberLabels: string[];
+    satisfied: boolean;
+}
+export interface IVariantConfig {
+    groupLabels?: Record<string, string>;
+    /** name → reason; in the engine this comes from the validity pass. */
+    invalidReasons?: Record<string, string>;
+}
+export declare function buildVariantGroups(options: IQorusFormSchema, values: Record<string, IQorusFormField>, config?: IVariantConfig): {
+    groups: IVariantGroup[];
+    requiredGroups: Record<string, IRequiredGroupInfo>;
+};
+export declare function summarize(groups: IVariantGroup[]): {
+    total: number;
+    set: number;
+    todo: number;
+    invalid: number;
+    attention: number;
+    pct: number;
+};
+//# sourceMappingURL=variantModel.d.ts.map

package/dist/components/form/engine/variants/variantModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variantModel.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/engine/variants/variantModel.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAajF,MAAM,MAAM,cAAc,GACtB,KAAK,GACL,OAAO,GACP,MAAM,GACN,SAAS,CAAC;AAEd,MAAM,MAAM,iBAAiB,GACzB,MAAM,GACN,QAAQ,GACR,MAAM,GACN,OAAO,GACP,MAAM,GACN,UAAU,GACV,UAAU,GACV,MAAM,GACN,OAAO,CAAC;AAEZ,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,iBAAiB,CAAC;IACxB,+DAA+D;IAC/D,OAAO,EAAE,MAAM,CAAC;IAChB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,cAAc,CAAC;IACvB,iEAAiE;IACjE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,kEAAkE;IAClE,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,uEAAuE;IACvE,YAAY,EAAE,OAAO,CAAC;IACtB,4EAA4E;IAC5E,MAAM,EAAE,GAAG,CAAC;IACZ,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,WAAW,EAAE,CAAC;CACrB;AAED,8DAA8D;AAC9D,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,sEAAsE;IACtE,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACzC;AA4CD,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,gBAAgB,EACzB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,EACvC,MAAM,GAAE,cAAmB,GAC1B;IAAE,MAAM,EAAE,aAAa,EAAE,CAAC;IAAC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAA;CAAE,CAqEjF;AAED,wBAAgB,SAAS,CAAC,MAAM,EAAE,aAAa,EAAE;;;;;;;EAShD"}

package/dist/components/form/engine/variants/variantModel.js

@@ -0,0 +1,133 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.summarize = exports.buildVariantGroups = void 0;
+var readFirst_1 = require("../readFirst");
+var templates_1 = require("../../../../helpers/templates");
+// Default (basic-fixture) invalid set — overridable via config.
+var DEFAULT_INVALID = {
+    optionWithInvalidValue: 'Text value is empty',
+    schemaOption: 'Hash arguments are invalid',
+};
+function buildValue(field, schema) {
+    if (!field || (0, readFirst_1.isOptionValueEmpty)(field.value))
+        return { kind: 'empty', display: '' };
+    var valueType = (0, readFirst_1.getValueType)(field, schema);
+    var formatted = (0, readFirst_1.formatOptionValue)(field, schema);
+    if (valueType === 'rgbcolor') {
+        return { kind: 'color', display: formatted, extra: (0, readFirst_1.colorToCss)(field.value) };
+    }
+    if (valueType === 'file') {
+        var size = (0, readFirst_1.getFileSize)(field.value);
+        return {
+            kind: 'file',
+            display: formatted,
+            extra: size !== undefined ? (0, readFirst_1.formatBytes)(size) : undefined,
+        };
+    }
+    if (valueType === 'bool' || valueType === 'boolean') {
+        return { kind: 'bool', display: formatted };
+    }
+    if (valueType === 'hash' || valueType === 'free-hash') {
+        return { kind: 'hash', display: formatted };
+    }
+    if (typeof field.value === 'string' && (0, templates_1.isValueTemplate)(field.value)) {
+        // The real chip resolves the template's display name from the templates
+        // list; the prototype shows a friendly label of the key.
+        var label = field.value.replace(/^\$[a-z]+:/i, '').replace(/[-_]/g, ' ') || field.value;
+        return { kind: 'template', display: label.replace(/\b\w/g, function (c) { return c.toUpperCase(); }), extra: 'local' };
+    }
+    if (valueType === 'richtext' && Array.isArray(field.value)) {
+        return { kind: 'richtext', display: formatted };
+    }
+    return { kind: 'text', display: formatted };
+}
+function buildVariantGroups(options, values, config) {
+    var _a;
+    if (config === void 0) { config = {}; }
+    var invalidReasons = (_a = config.invalidReasons) !== null && _a !== void 0 ? _a : DEFAULT_INVALID;
+    var groupMap = new Map();
+    // Pass 1: collect one-of required-group membership + satisfaction.
+    var reqGroups = {};
+    Object.entries(options).forEach(function (_a) {
+        var name = _a[0], schema = _a[1];
+        ((schema === null || schema === void 0 ? void 0 : schema.required_groups) || []).forEach(function (key) {
+            var _a;
+            if (!reqGroups[key])
+                reqGroups[key] = { key: key, members: [], memberLabels: [], satisfied: false };
+            reqGroups[key].members.push(name);
+            reqGroups[key].memberLabels.push((schema === null || schema === void 0 ? void 0 : schema.display_name) || name);
+            if (!(0, readFirst_1.isOptionValueEmpty)((_a = values[name]) === null || _a === void 0 ? void 0 : _a.value))
+                reqGroups[key].satisfied = true;
+        });
+    });
+    Object.entries(options).forEach(function (_a) {
+        var _b, _c;
+        var name = _a[0], schema = _a[1];
+        var field = values[name];
+        var empty = (0, readFirst_1.isOptionValueEmpty)(field === null || field === void 0 ? void 0 : field.value);
+        var ownGroups = (schema === null || schema === void 0 ? void 0 : schema.required_groups) || [];
+        // Member of a one-of group that nobody has satisfied yet.
+        var inUnmetGroup = ownGroups.some(function (k) { return reqGroups[k] && !reqGroups[k].satisfied; });
+        var required = !!(schema === null || schema === void 0 ? void 0 : schema.required);
+        var status;
+        var reason;
+        if (invalidReasons[name]) {
+            status = 'invalid';
+            reason = invalidReasons[name];
+        }
+        else if (empty && required) {
+            status = 'todo';
+            reason = 'Needs a value';
+        }
+        else if (empty && inUnmetGroup) {
+            status = 'todo';
+            reason = "One of ".concat(reqGroups[ownGroups[0]].memberLabels.join(' / '));
+        }
+        else if (empty) {
+            status = 'unset';
+        }
+        else {
+            status = 'set';
+        }
+        var groupName = (0, readFirst_1.getOptionGroup)(schema);
+        var groupLabel = (_c = (_b = config.groupLabels) === null || _b === void 0 ? void 0 : _b[groupName]) !== null && _c !== void 0 ? _c : (0, readFirst_1.getOptionGroupLabel)(groupName, undefined);
+        if (!groupMap.has(groupName)) {
+            groupMap.set(groupName, { name: groupName, label: groupLabel, rows: [] });
+        }
+        groupMap.get(groupName).rows.push({
+            name: name,
+            label: (schema === null || schema === void 0 ? void 0 : schema.display_name) || name,
+            shortDesc: schema === null || schema === void 0 ? void 0 : schema.short_desc,
+            longDesc: schema === null || schema === void 0 ? void 0 : schema.desc,
+            required: required || ownGroups.length > 0,
+            readOnly: !!(schema === null || schema === void 0 ? void 0 : schema.readonly),
+            status: status,
+            reason: reason,
+            value: buildValue(field, schema),
+            typeLabel: "".concat((schema === null || schema === void 0 ? void 0 : schema.ui_type) || (schema === null || schema === void 0 ? void 0 : schema.type) || 'auto'),
+            requiredGroups: ownGroups,
+            inUnmetGroup: inUnmetGroup,
+            schema: schema,
+            field: field,
+        });
+    });
+    // Stable group order: 'general' first, then the rest, 'optional' last.
+    var groups = Array.from(groupMap.values()).sort(function (a, b) {
+        var rank = function (g) { return (g === 'general' ? 0 : g === 'optional' ? 2 : 1); };
+        return rank(a.name) - rank(b.name);
+    });
+    return { groups: groups, requiredGroups: reqGroups };
+}
+exports.buildVariantGroups = buildVariantGroups;
+function summarize(groups) {
+    var rows = groups.flatMap(function (g) { return g.rows; });
+    var total = rows.length;
+    var set = rows.filter(function (r) { return r.status === 'set'; }).length;
+    var todo = rows.filter(function (r) { return r.status === 'todo'; }).length;
+    var invalid = rows.filter(function (r) { return r.status === 'invalid'; }).length;
+    var attention = todo + invalid;
+    var pct = total ? Math.round((set / total) * 100) : 0;
+    return { total: total, set: set, todo: todo, invalid: invalid, attention: attention, pct: pct };
+}
+exports.summarize = summarize;
+//# sourceMappingURL=variantModel.js.map

package/dist/components/form/engine/variants/variantModel.js.map

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

package/dist/components/form/engine/variants/variantParts.d.ts

@@ -0,0 +1,79 @@
+import React from 'react';
+import { IVariantGroup, IVariantRow, IVariantValue, TVariantStatus } from './variantModel';
+export declare function useVariantColors(): {
+    main: string;
+    text: string;
+    muted: string;
+    faint: string;
+    line: string;
+    hover: string;
+    surface: string;
+    danger: string;
+    warning: string;
+    success: string;
+    info: string;
+    custom1: string;
+};
+export declare const STATUS_COLOR: (status: TVariantStatus, c: ReturnType<typeof useVariantColors>) => string;
+/** A single status mark — one dot, color = severity. Replaces stripe+box+icon. */
+export declare const StatusDot: ({ status, size, }: {
+    status: TVariantStatus;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+/** The value summary. `tone='calm'` desaturates template/richtext chips. */
+export declare const ValueView: ({ value, tone, }: {
+    value: IVariantValue;
+    tone?: 'calm' | 'vivid';
+}) => import("react/jsx-runtime").JSX.Element;
+/** A reusable description disclosure used by every variant (tap-friendly).
+ *  Unifies short_desc (inline) + long desc into ONE control. */
+export declare const useDisclosure: () => {
+    isOpen: (id: string) => boolean;
+    toggle: (id: string) => void;
+};
+export type TVariantFilter = 'all' | 'attention';
+export declare function useVariantForm(options: any, values: any, config?: any): {
+    groups: IVariantGroup[];
+    visibleGroups: IVariantGroup[];
+    requiredGroups: Record<string, import("./variantModel").IRequiredGroupInfo>;
+    summary: {
+        total: number;
+        set: number;
+        todo: number;
+        invalid: number;
+        attention: number;
+        pct: number;
+    };
+    filter: TVariantFilter;
+    setFilter: React.Dispatch<React.SetStateAction<TVariantFilter>>;
+    toggleAttention: () => void;
+    query: string;
+    setQuery: React.Dispatch<React.SetStateAction<string>>;
+    showDescriptions: boolean;
+    toggleDescriptions: () => void;
+    editing: string;
+    startEdit: (name: string) => void;
+    stopEdit: () => void;
+};
+export type TVariantForm = ReturnType<typeof useVariantForm>;
+/** Compact toolbar: just a prominent filter field. The "needs attention" control
+ *  lives in each variant's header (the count line is the link); all optional
+ *  fields render inline in the Optional group, so there's no "add field" step. */
+export declare const VariantToolbar: ({ form }: {
+    form: TVariantForm;
+}) => import("react/jsx-runtime").JSX.Element;
+/** Complex value preview — the SAME nested tree + "Show more" fade the compact
+ *  engine uses, so hash/list fields show their contents immediately. */
+export declare const ComplexPreview: ({ value, onOpen }: {
+    value: unknown;
+    onOpen?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+/** Inline editor: mounts the REAL field editor (AutoFormField) for the row's
+ *  schema + value, so clicking a field edits it for real (string, number, bool,
+ *  colour, file, richtext, list, date, …). Local state only — the prototype
+ *  doesn't persist; in the engine this flows through handleValueChange. */
+export declare const InlineEdit: ({ row, onDone }: {
+    row: IVariantRow;
+    onDone: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=variantParts.d.ts.map

package/dist/components/form/engine/variants/variantParts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variantParts.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/engine/variants/variantParts.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAGL,aAAa,EACb,WAAW,EACX,aAAa,EACb,cAAc,EACf,MAAM,gBAAgB,CAAC;AAExB,wBAAgB,gBAAgB;;;;;;;;;;;;;EAiB/B;AAED,eAAO,MAAM,YAAY,WACf,cAAc,KACnB,WAAW,uBAAuB,CAAC,WAK7B,CAAC;AAEZ,kFAAkF;AAClF,eAAO,MAAM,SAAS,sBAGnB;IACD,MAAM,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,4CAgBA,CAAC;AAEF,4EAA4E;AAC5E,eAAO,MAAM,SAAS,qBAGnB;IACD,KAAK,EAAE,aAAa,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACzB,4CAkFA,CAAC;AAEF;gEACgE;AAChE,eAAO,MAAM,aAAa;iBAGT,MAAM;iBACN,MAAM;CAEtB,CAAC;AAMF,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,WAAW,CAAC;AAEjD,wBAAgB,cAAc,CAAC,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,GAAG;;;;;;;;;;;;;;;;;;;;sBAwChD,MAAM;;EAG3B;AAED,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7D;;kFAEkF;AAClF,eAAO,MAAM,cAAc,aAAc;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,4CAgC9D,CAAC;AAEF;wEACwE;AACxE,eAAO,MAAM,cAAc,sBAAuB;IAAE,KAAK,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,4CAWxF,CAAC;AAEF;;;2EAG2E;AAC3E,eAAO,MAAM,UAAU,oBAAqB;IAAE,GAAG,EAAE,WAAW,CAAC;IAAC,MAAM,EAAE,MAAM,IAAI,CAAA;CAAE,4CAuBnF,CAAC"}

package/dist/components/form/engine/variants/variantParts.js

@@ -0,0 +1,191 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InlineEdit = exports.ComplexPreview = exports.VariantToolbar = exports.useVariantForm = exports.useDisclosure = exports.ValueView = exports.StatusDot = exports.STATUS_COLOR = exports.useVariantColors = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Shared rendering parts for the FormEngine compact VARIANTS playground.
+ * Value rendering is shared so every variant shows identical data; the `tone`
+ * prop lets a variant choose a calm (desaturated) or vivid chip treatment.
+ */
+var reqore_1 = require("@qoretechnologies/reqore");
+var useTheme_1 = require("@qoretechnologies/reqore/dist/hooks/useTheme");
+var react_1 = __importDefault(require("react"));
+var AutoFormField_1 = require("../../fields/auto/AutoFormField");
+var StructuredDataView_1 = require("../_structuredData/StructuredDataView");
+var variantModel_1 = require("./variantModel");
+function useVariantColors() {
+    var _a, _b, _c, _d, _e, _f;
+    var theme = (0, useTheme_1.useReqoreTheme)();
+    var intents = (theme.intents || {});
+    return {
+        main: theme.main,
+        text: ((_a = theme.text) === null || _a === void 0 ? void 0 : _a.color) || '#e8e8e8',
+        muted: "".concat(((_b = theme.text) === null || _b === void 0 ? void 0 : _b.color) || '#e8e8e8', "99"),
+        faint: "".concat(((_c = theme.text) === null || _c === void 0 ? void 0 : _c.color) || '#e8e8e8', "55"),
+        line: "".concat(((_d = theme.text) === null || _d === void 0 ? void 0 : _d.color) || '#ffffff', "14"),
+        hover: "".concat(((_e = theme.text) === null || _e === void 0 ? void 0 : _e.color) || '#ffffff', "0c"),
+        surface: "".concat(((_f = theme.text) === null || _f === void 0 ? void 0 : _f.color) || '#ffffff', "08"),
+        danger: intents.danger || '#a82a2a',
+        warning: intents.warning || '#d17c29',
+        success: intents.success || '#4a7110',
+        info: intents.info || '#3b7bbf',
+        custom1: intents.custom1 || '#762f7e',
+    };
+}
+exports.useVariantColors = useVariantColors;
+var STATUS_COLOR = function (status, c) {
+    return status === 'invalid' ? c.danger
+        : status === 'todo' ? c.warning
+            : status === 'set' ? c.success
+                : c.faint;
+};
+exports.STATUS_COLOR = STATUS_COLOR;
+/** A single status mark — one dot, color = severity. Replaces stripe+box+icon. */
+var StatusDot = function (_a) {
+    var status = _a.status, _b = _a.size, size = _b === void 0 ? 7 : _b;
+    var c = useVariantColors();
+    if (status === 'unset')
+        return null;
+    return ((0, jsx_runtime_1.jsx)("span", { "aria-hidden": true, style: {
+            width: size,
+            height: size,
+            borderRadius: '50%',
+            flex: '0 0 auto',
+            background: (0, exports.STATUS_COLOR)(status, c),
+            boxShadow: status !== 'set' ? "0 0 0 3px ".concat((0, exports.STATUS_COLOR)(status, c), "22") : undefined,
+        } }));
+};
+exports.StatusDot = StatusDot;
+/** The value summary. `tone='calm'` desaturates template/richtext chips. */
+var ValueView = function (_a) {
+    var value = _a.value, _b = _a.tone, tone = _b === void 0 ? 'calm' : _b;
+    var c = useVariantColors();
+    var ellipsis = {
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
+        minWidth: 0,
+    };
+    switch (value.kind) {
+        case 'empty':
+            // A quiet dash reads as "no value" without shouting "Not set" on every row.
+            return (0, jsx_runtime_1.jsx)("span", { style: { color: c.faint }, children: "\u2014" });
+        case 'color':
+            return ((0, jsx_runtime_1.jsxs)("span", { style: { display: 'inline-flex', alignItems: 'center', gap: 7, minWidth: 0 }, children: [(0, jsx_runtime_1.jsx)("span", { "aria-hidden": true, style: {
+                            width: 12,
+                            height: 12,
+                            borderRadius: 3,
+                            flex: '0 0 auto',
+                            background: value.extra,
+                            border: "1px solid ".concat(c.line),
+                        } }), (0, jsx_runtime_1.jsx)("span", { style: ellipsis, children: value.display })] }));
+        case 'file':
+            return ((0, jsx_runtime_1.jsxs)("span", { style: { display: 'inline-flex', alignItems: 'center', gap: 6, minWidth: 0 }, children: [(0, jsx_runtime_1.jsx)(reqore_1.ReqoreIcon, { icon: 'FileLine', size: '13px', style: { color: c.muted, flexShrink: 0 } }), (0, jsx_runtime_1.jsx)("span", { style: ellipsis, children: value.display }), value.extra ?
+                        (0, jsx_runtime_1.jsx)("span", { style: { color: c.faint, fontSize: 11, flexShrink: 0 }, children: value.extra })
+                        : null] }));
+        case 'bool':
+            return (0, jsx_runtime_1.jsx)("span", { children: value.display });
+        case 'hash':
+            return ((0, jsx_runtime_1.jsxs)("span", { style: { display: 'inline-flex', alignItems: 'center', gap: 6, color: c.muted }, children: [(0, jsx_runtime_1.jsx)(reqore_1.ReqoreIcon, { icon: 'BracesLine', size: '12px', style: { color: c.faint } }), (0, jsx_runtime_1.jsx)("span", { children: value.display })] }));
+        case 'template':
+            return tone === 'vivid' ?
+                (0, jsx_runtime_1.jsx)(reqore_1.ReqoreTag, { size: 'small', intent: 'info', icon: 'ExchangeDollarLine', label: value.display })
+                : (0, jsx_runtime_1.jsxs)("span", { style: __assign({ display: 'inline-flex', alignItems: 'center', gap: 5, padding: '1px 7px', borderRadius: 4, background: c.surface, border: "1px solid ".concat(c.line), color: c.text, fontSize: 12, maxWidth: '100%' }, ellipsis), children: [(0, jsx_runtime_1.jsx)(reqore_1.ReqoreIcon, { icon: 'ExchangeDollarLine', size: '11px', style: { color: c.custom1, flexShrink: 0 } }), (0, jsx_runtime_1.jsx)("span", { style: ellipsis, children: value.display })] });
+        case 'richtext':
+            return (0, jsx_runtime_1.jsx)("span", { style: ellipsis, children: value.display });
+        default:
+            return (0, jsx_runtime_1.jsx)("span", { style: ellipsis, children: value.display });
+    }
+};
+exports.ValueView = ValueView;
+/** A reusable description disclosure used by every variant (tap-friendly).
+ *  Unifies short_desc (inline) + long desc into ONE control. */
+var useDisclosure = function () {
+    var _a = react_1.default.useState({}), open = _a[0], setOpen = _a[1];
+    return {
+        isOpen: function (id) { return !!open[id]; },
+        toggle: function (id) { return setOpen(function (p) {
+            var _a;
+            return (__assign(__assign({}, p), (_a = {}, _a[id] = !p[id], _a)));
+        }); },
+    };
+};
+exports.useDisclosure = useDisclosure;
+function useVariantForm(options, values, config) {
+    var _a = react_1.default.useState('all'), filter = _a[0], setFilter = _a[1];
+    var _b = react_1.default.useState(''), query = _b[0], setQuery = _b[1];
+    var _c = react_1.default.useState(false), showDescriptions = _c[0], setShowDescriptions = _c[1];
+    var _d = react_1.default.useState(null), editing = _d[0], setEditing = _d[1];
+    var _e = react_1.default.useMemo(function () { return (0, variantModel_1.buildVariantGroups)(options, values, config); }, [options, values, config]), groups = _e.groups, requiredGroups = _e.requiredGroups;
+    var summary = react_1.default.useMemo(function () { return (0, variantModel_1.summarize)(groups); }, [groups]);
+    // Filtered view: text query (label match) + 'attention' (todo/invalid only).
+    var visibleGroups = react_1.default.useMemo(function () {
+        var q = query.trim().toLowerCase();
+        return groups
+            .map(function (g) { return (__assign(__assign({}, g), { rows: g.rows.filter(function (r) {
+                return (filter === 'all' || r.status === 'todo' || r.status === 'invalid') &&
+                    (!q || r.label.toLowerCase().includes(q) || r.name.toLowerCase().includes(q));
+            }) })); })
+            .filter(function (g) { return g.rows.length; });
+    }, [groups, filter, query]);
+    return {
+        groups: groups,
+        visibleGroups: visibleGroups,
+        requiredGroups: requiredGroups,
+        summary: summary,
+        filter: filter,
+        setFilter: setFilter,
+        toggleAttention: function () { return setFilter(function (f) { return (f === 'attention' ? 'all' : 'attention'); }); },
+        query: query,
+        setQuery: setQuery,
+        showDescriptions: showDescriptions,
+        toggleDescriptions: function () { return setShowDescriptions(function (v) { return !v; }); },
+        editing: editing,
+        startEdit: function (name) { return setEditing(function (cur) { return (cur === name ? null : name); }); },
+        stopEdit: function () { return setEditing(null); },
+    };
+}
+exports.useVariantForm = useVariantForm;
+/** Compact toolbar: just a prominent filter field. The "needs attention" control
+ *  lives in each variant's header (the count line is the link); all optional
+ *  fields render inline in the Optional group, so there's no "add field" step. */
+var VariantToolbar = function (_a) {
+    var form = _a.form;
+    var c = useVariantColors();
+    var summary = form.summary, query = form.query, setQuery = form.setQuery, showDescriptions = form.showDescriptions, toggleDescriptions = form.toggleDescriptions;
+    return ((0, jsx_runtime_1.jsxs)(reqore_1.ReqoreControlGroup, { verticalAlign: 'center', fluid: true, children: [(0, jsx_runtime_1.jsx)(reqore_1.ReqoreInput, { placeholder: 'Filter fields\u2026', icon: 'Search2Line', iconColor: 'muted', pill: true, fluid: true, value: query, onChange: function (e) { return setQuery(e.currentTarget.value); }, onClearClick: function () { return setQuery(''); } }), (0, jsx_runtime_1.jsx)(reqore_1.ReqoreButton, { fixed: true, flat: true, minimal: true, intent: showDescriptions ? 'info' : undefined, active: showDescriptions, icon: showDescriptions ? 'InformationFill' : 'InformationLine', tooltip: showDescriptions ? 'Hide field descriptions' : 'Show field descriptions', onClick: toggleDescriptions }), (0, jsx_runtime_1.jsxs)("span", { style: { color: c.faint, fontSize: 12, paddingLeft: 4, whiteSpace: 'nowrap' }, children: [summary.set, "/", summary.total, " set"] })] }));
+};
+exports.VariantToolbar = VariantToolbar;
+/** Complex value preview — the SAME nested tree + "Show more" fade the compact
+ *  engine uses, so hash/list fields show their contents immediately. */
+var ComplexPreview = function (_a) {
+    var value = _a.value, onOpen = _a.onOpen;
+    return ((0, jsx_runtime_1.jsx)(reqore_1.ReqoreCollapsibleContent, { maxCollapsedHeight: 120, children: (0, jsx_runtime_1.jsx)("div", { onClick: function (e) { return e.stopPropagation(); }, children: (0, jsx_runtime_1.jsx)(StructuredDataView_1.StructuredDataView, { value: value, collapsibleRoot: false, defaultExpandDepth: 2, onItemClick: onOpen }) }) }));
+};
+exports.ComplexPreview = ComplexPreview;
+/** Inline editor: mounts the REAL field editor (AutoFormField) for the row's
+ *  schema + value, so clicking a field edits it for real (string, number, bool,
+ *  colour, file, richtext, list, date, …). Local state only — the prototype
+ *  doesn't persist; in the engine this flows through handleValueChange. */
+var InlineEdit = function (_a) {
+    var _b, _c;
+    var row = _a.row, onDone = _a.onDone;
+    var _d = react_1.default.useState((_b = row.field) === null || _b === void 0 ? void 0 : _b.value), value = _d[0], setValue = _d[1];
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { gridColumn: '1 / -1', display: 'flex', flexFlow: 'column', gap: 8, padding: '10px 0 12px' }, onClick: function (e) { return e.stopPropagation(); }, children: [(0, jsx_runtime_1.jsx)(AutoFormField_1.AutoFormField, __assign({}, (row.schema || {}), { name: row.name, value: value, default_value: (_c = row.schema) === null || _c === void 0 ? void 0 : _c.default_value, onChange: function (_n, v) { return setValue(v); }, fluid: true, size: 'small' })), (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', justifyContent: 'flex-end' }, children: (0, jsx_runtime_1.jsx)(reqore_1.ReqoreButton, { size: 'small', intent: 'success', icon: 'CheckLine', fixed: true, onClick: onDone, children: "Done" }) })] }));
+};
+exports.InlineEdit = InlineEdit;
+//# sourceMappingURL=variantParts.js.map