@qoretechnologies/reqraft 0.10.59-pr.130.gff5fd49 → 0.10.59

package/dist/components/form/engine/revealRow.js

@@ -0,0 +1,120 @@
+"use strict";
+/**
+ * Bring a form row into view only when it is not already there, and never
+ * under a pinned header.
+ *
+ * A row that moves between status boxes (filling a field moves it from "Needs
+ * attention" to "Set") is followed so the reader does not lose it. That used
+ * to be `scrollIntoView({ block: 'center' })`, which scrolls even when the row
+ * is already in plain sight, and centres it against the whole scrollport while
+ * the box header pinned at the top hides part of it. In the qorus-ide schema
+ * editor the moved row landed with the "Needs attention" header (375-423)
+ * drawn over it (405).
+ *
+ * The visible area is the scrollport minus the pinned chrome above the row:
+ * the form's sticky toolbar and the sticky header of every status box the row
+ * sits in. Both are read from the DOM when the reveal runs, so a host's own
+ * offset, a toolbar that wraps, or a header that is not pinned at all are all
+ * accounted for without the caller knowing about them.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.revealRow = exports.isRowInView = exports.getRevealClearance = exports.getPinnedChromeHeight = exports.findScrollContainer = void 0;
+/** Selectors of the elements whose header may be pinned above a row. */
+var PINNED_HEADER_OWNERS = '.options-readfirst-group, .options-readfirst-scroll > .reqore-panel';
+var isScrollable = function (element) {
+    var overflowY = getComputedStyle(element).overflowY;
+    return ((overflowY === 'auto' || overflowY === 'scroll' || overflowY === 'overlay') &&
+        element.scrollHeight > element.clientHeight);
+};
+/** The nearest ancestor that actually scrolls; `undefined` means the viewport. */
+var findScrollContainer = function (element) {
+    for (var parent_1 = element.parentElement; parent_1; parent_1 = parent_1.parentElement) {
+        if (parent_1 === document.body || parent_1 === document.documentElement) {
+            return undefined;
+        }
+        if (isScrollable(parent_1)) {
+            return parent_1;
+        }
+    }
+    return undefined;
+};
+exports.findScrollContainer = findScrollContainer;
+/**
+ * How far below the top of the scrollport the pinned chrome above `element`
+ * reaches: the largest `top + height` of any sticky header of an enclosing
+ * status box or form toolbar. Zero when nothing above it is pinned.
+ */
+var getPinnedChromeHeight = function (element) {
+    var _a, _b;
+    var clearance = 0;
+    for (var owner = (_a = element.parentElement) === null || _a === void 0 ? void 0 : _a.closest(PINNED_HEADER_OWNERS); owner; owner = (_b = owner.parentElement) === null || _b === void 0 ? void 0 : _b.closest(PINNED_HEADER_OWNERS)) {
+        var header = owner.querySelector(':scope > .reqore-panel-title');
+        if (!header || header.contains(element)) {
+            continue;
+        }
+        var style = getComputedStyle(header);
+        if (style.position !== 'sticky') {
+            continue;
+        }
+        var top_1 = parseFloat(style.top) || 0;
+        clearance = Math.max(clearance, top_1 + header.getBoundingClientRect().height);
+    }
+    return clearance;
+};
+exports.getPinnedChromeHeight = getPinnedChromeHeight;
+/**
+ * How far below the top edge of the row's scrollport the pinned chrome reaches.
+ *
+ * A sticky `top` is measured from the scrollport's top edge INSET BY ITS
+ * PADDING, while `scrollIntoView` and `scroll-margin-top` align against the
+ * edge itself. Leaving the padding out put an opened row 16px under its box
+ * header inside a padded host scroller (the Storybook canvas, and any panel
+ * with padding).
+ */
+var getRevealClearance = function (element) {
+    var container = (0, exports.findScrollContainer)(element);
+    var inset = container ? parseFloat(getComputedStyle(container).paddingTop) || 0 : 0;
+    return inset + (0, exports.getPinnedChromeHeight)(element);
+};
+exports.getRevealClearance = getRevealClearance;
+/**
+ * Whether the whole of `element` is visible below `clearance` (measured from
+ * the top edge of its scrollport, see {@link getRevealClearance}).
+ */
+var isRowInView = function (element, clearance) {
+    var container = (0, exports.findScrollContainer)(element);
+    var viewTop = container ? container.getBoundingClientRect().top + container.clientTop : 0;
+    var viewBottom = container ?
+        viewTop + container.clientHeight
+        : window.innerHeight || document.documentElement.clientHeight;
+    var rect = element.getBoundingClientRect();
+    return rect.top >= viewTop + clearance && rect.bottom <= viewBottom;
+};
+exports.isRowInView = isRowInView;
+/**
+ * Scroll `element` the least distance that shows it clear of the pinned chrome
+ * above it — and not at all when it is already fully in view.
+ *
+ * `scroll-margin-top` is what keeps a row that has to come down from above from
+ * stopping under the header: `block: 'nearest'` aligns the row's margin box,
+ * so the row itself stops exactly below the pinned chrome.
+ *
+ * Returns whether a scroll was started.
+ */
+var revealRow = function (element, behavior) {
+    if (behavior === void 0) { behavior = 'smooth'; }
+    // jsdom implements neither layout nor `scrollIntoView`; a missing reveal must
+    // never break a form.
+    if (typeof element.scrollIntoView !== 'function') {
+        return false;
+    }
+    var clearance = (0, exports.getRevealClearance)(element);
+    if ((0, exports.isRowInView)(element, clearance)) {
+        return false;
+    }
+    element.style.scrollMarginTop = "".concat(clearance, "px");
+    element.scrollIntoView({ block: 'nearest', inline: 'nearest', behavior: behavior });
+    return true;
+};
+exports.revealRow = revealRow;
+//# sourceMappingURL=revealRow.js.map

package/dist/components/form/engine/revealRow.js.map

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

package/dist/helpers/allowedValues.d.ts

@@ -41,6 +41,14 @@ export interface IChoiceFieldSchema {
     /** Set when the value is an expression, which is resolved at run time. */
     isFunction?: boolean;
     is_expression?: boolean;
+    /** The editor the field is drawn with; see {@link hasOwnEditor}. */
+    ui_type?: string | readonly string[];
+    /**
+     * Set by a form that knows the field is drawn by a bespoke editor of the
+     * consumer's own (one it declared in `rendererOnlyUiTypes`), which reqraft's
+     * built-in list cannot name.
+     */
+    hasOwnEditor?: boolean;
 }
 /**
  * The parts of a stored value that are not among the field's fixed choices.
@@ -52,7 +60,9 @@ export interface IChoiceFieldSchema {
  *   all of which are resolved when the interface runs;
  * - `allowed_values: []` — the server has no choices to offer right now, which
  *   is "unknown", not "nothing is allowed";
- * - creatable choices, where any value may be added.
+ * - creatable choices, where any value may be added;
+ * - a field drawn by a bespoke editor (a renderer-only `ui_type` such as
+ *   `tool-catalog`), whose values are whatever that editor says they are.
  *
  * A single-valued field is judged as a whole. A multi-select field, and a list
  * whose elements are constrained by `element_allowed_values`, are judged per

package/dist/helpers/allowedValues.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"allowedValues.d.ts","sourceRoot":"","sources":["../../src/helpers/allowedValues.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAQrE;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,sBAAsB,UAC1B,OAAO,WACL,qBAAqB,KAC7B,GAAG,GAAG,SAoCR,CAAC;AAuBF,2DAA2D;AAC3D,MAAM,WAAW,kBAAkB;IACjC,cAAc,CAAC,EAAE,GAAG,EAAE,CAAC;IACvB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,sBAAsB,CAAC,EAAE,GAAG,EAAE,CAAC;IAC/B,gCAAgC,CAAC,EAAE,OAAO,CAAC;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,kBAAkB,UAAW,OAAO,UAAU,kBAAkB,KAAG,OAAO,EA4CtF,CAAC;AAqBF;;;;;;;GAOG;AACH,eAAO,MAAM,uBAAuB,UAC3B,OAAO,UACN,kBAAkB,KACzB,MAAM,GAAG,SAUX,CAAC"}
+{"version":3,"file":"allowedValues.d.ts","sourceRoot":"","sources":["../../src/helpers/allowedValues.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AASrE;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,sBAAsB,UAC1B,OAAO,WACL,qBAAqB,KAC7B,GAAG,GAAG,SAoCR,CAAC;AAuBF,2DAA2D;AAC3D,MAAM,WAAW,kBAAkB;IACjC,cAAc,CAAC,EAAE,GAAG,EAAE,CAAC;IACvB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,sBAAsB,CAAC,EAAE,GAAG,EAAE,CAAC;IAC/B,gCAAgC,CAAC,EAAE,OAAO,CAAC;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oEAAoE;IACpE,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;IACrC;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAkBD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,kBAAkB,UAAW,OAAO,UAAU,kBAAkB,KAAG,OAAO,EAkDtF,CAAC;AAqBF;;;;;;;GAOG;AACH,eAAO,MAAM,uBAAuB,UAC3B,OAAO,UACN,kBAAkB,KACzB,MAAM,GAAG,SAUX,CAAC"}

package/dist/helpers/allowedValues.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getUnlistedChoiceReason = exports.getUnlistedChoices = exports.findAllowedValueOption = void 0;
 var isEqual_1 = __importDefault(require("lodash/isEqual"));
+var rendererTypes_1 = require("../components/form/engine/rendererTypes");
 var common_1 = require("./common");
 var options_1 = require("./options");
 var templates_1 = require("./templates");
@@ -84,6 +85,22 @@ var isEmptyChoiceValue = function (value) {
         value === '' ||
         (Array.isArray(value) && value.length === 0);
 };
+/**
+ * Does a bespoke editor, rather than reqraft's choice picker, draw this field?
+ *
+ * Then the editor alone decides what a value means, and `allowed_values` is not
+ * a closed set of values the field may hold. The AI endpoint's Tools field is
+ * the case that proved it: its `tool-catalog` editor stores SELECTORS -- `*` for
+ * every tool, `system:*`, a connection name, `connection/tool` -- and the host
+ * hangs the tool catalogue's SOURCES on `allowed_values` for the editor to
+ * browse. Judging the selectors against the sources flagged the server's own
+ * default, `["*"]`, as "not one of the choices", so no chat endpoint could be
+ * published with it. The server says the same: a custom `ui_type` "defines its
+ * own value shape".
+ */
+var hasOwnEditor = function (field) {
+    return !!field.hasOwnEditor || (0, rendererTypes_1.isRendererOnlyUiType)(field.ui_type);
+};
 /**
  * The parts of a stored value that are not among the field's fixed choices.
  *
@@ -94,7 +111,9 @@ var isEmptyChoiceValue = function (value) {
  *   all of which are resolved when the interface runs;
  * - `allowed_values: []` — the server has no choices to offer right now, which
  *   is "unknown", not "nothing is allowed";
- * - creatable choices, where any value may be added.
+ * - creatable choices, where any value may be added;
+ * - a field drawn by a bespoke editor (a renderer-only `ui_type` such as
+ *   `tool-catalog`), whose values are whatever that editor says they are.
  *
  * A single-valued field is judged as a whole. A multi-select field, and a list
  * whose elements are constrained by `element_allowed_values`, are judged per
@@ -102,7 +121,11 @@ var isEmptyChoiceValue = function (value) {
  */
 var getUnlistedChoices = function (value, field) {
     var _a, _b;
-    if (!field || isEmptyChoiceValue(value) || field.isFunction || field.is_expression) {
+    if (!field ||
+        isEmptyChoiceValue(value) ||
+        field.isFunction ||
+        field.is_expression ||
+        hasOwnEditor(field)) {
         return [];
     }
     var judgeElements = function (elements, choices) {

package/dist/helpers/allowedValues.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qoretechnologies/reqraft",
-  "version": "0.10.59-pr.130.gff5fd49",
+  "version": "0.10.59",
   "description": "ReQraft is a collection of React components and hooks that are used across Qore Technologies' products made using the ReQore component library from Qore.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/form/engine/CompactRow.tsx

@@ -35,6 +35,7 @@ import { Description } from '../../Description';
 import { useMarkdownRenderer } from '../../Description/markdownRendererContext';
 import { FocusedEditing } from '../../FocusedEditing';
 import { CompactRowContext } from './compactRowContext';
+import { revealRow } from './revealRow';
 import {
   StyledActionSlot,
   StyledCardHeading,
@@ -278,6 +279,7 @@ export const CompactRow = memo(
       (v) => v.removeSelectedOption
     );
     const getTypeForOption = useContextSelector(CompactRowContext, (v) => v.getTypeForOption);
+    const isRendererOnly = useContextSelector(CompactRowContext, (v) => v.isRendererOnly);
     const confirmAction = useContextSelector(CompactRowContext, (v) => v.confirmAction);
     const optionActions = useContextSelector(CompactRowContext, (v) => v.optionActions);
     const collapseOptionActions = useContextSelector(
@@ -930,8 +932,11 @@ export const CompactRow = memo(
         }
         const control = findRowFocusTarget(editor);
         if (!control) return false;
-        // Optional call: jsdom does not implement `scrollIntoView`.
-        rowRef.current?.scrollIntoView?.({ block: 'nearest', inline: 'nearest' });
+        // The least scroll that shows the row clear of the pinned box header,
+        // and none when it is already in view (see `revealRow`).
+        if (rowRef.current) {
+          revealRow(rowRef.current, 'auto');
+        }
         // `preventScroll`, because the reveal above has already put the row
         // where it belongs; letting focus scroll as well moves it twice.
         control.focus({ preventScroll: true });
@@ -1214,24 +1219,23 @@ export const CompactRow = memo(
           })
         ) as TInfoMsg[])
       : [];
-    // Validation verdicts and dependency hints are the editor's: "text value
-    // is empty", "disabled until X is set" tell someone what to do next, and
-    // a reader has no next. A read-only row states the value and leaves it.
-    // The default-value note below is different — it says what applies when
-    // nothing is set, which is a fact about the record — and stays.
+    // A row states what is wrong with what it holds, read-only or not: "This
+    // field is required" under an empty required field, a value that is not a
+    // choice, an unmet dependency. A read-only reader is often the one who has
+    // to get the record fixed, and a view that hides why it is incomplete
+    // leaves them guessing. The value slot of an empty field keeps its plain
+    // "—" (or the default it falls back to), so the message is the only place
+    // the requirement is said: once, and the same way in both modes.
     const fieldMessages: TInfoMsg[] =
-      infoActive && !readOnly ?
+      infoActive ?
         getOptionFieldMessages({
           schema: options || {},
           option: optionField || ({} as IQorusFormField),
           name: optionName,
           allOptions: availableOptions,
           getType: getTypeForOption,
-        })
-          // The empty required field's value slot already reads "Required — not
-          // set", so the plain required message would duplicate it.
-          .filter((m) => m.label !== 'This field is required')
-          .map((m) => ({ intent: m.intent as string, content: String(m.label) }))
+          isRendererOnly,
+        }).map((m) => ({ intent: m.intent as string, content: String(m.label) }))
       : [];
     // TWO display channels, matching the Focus prototype:
     //  • dedicated schema `messages` → prominent coloured PANELS below the row;
@@ -1586,9 +1590,7 @@ export const CompactRow = memo(
             <StyledRowActions>
               {draftChip}
               {/* No Required tag here: while editing, the editor's own
-                  OptionFieldMessages strip below already says it — showing
-                  both was redundant. The tag stays on READ rows, where no
-                  message strip is visible. */}
+                  OptionFieldMessages strip below already says it. */}
               {editRowRevertButton}
               {cancelEditButton}
               {clearValueButton}
@@ -2526,9 +2528,9 @@ export const CompactRow = memo(
               the right, so the ⓘ sits at the same x on every row. Revert is shown
               whenever a field has changed; delete reveals on hover. */}
           {/* No generic invalid/required chip: the intent stripe + the field's
-              own message already flag invalidity, and an empty required field's
-              value slot reads "Required — not set". Only the required-GROUP chip
-              (One of / Covers) stays — it carries info nothing else does. */}
+              own message ("This field is required" for an empty required field)
+              already flag it. Only the required-GROUP chip (One of / Covers)
+              stays — it carries info nothing else does. */}
           {/* Railed (clustered) members: the rail conveys the grouping, so drop
               the "One of"/"Covers" chip — keep only "Covered by <X>", the one fact
               the rail can't show. Non-clustered members (split-across-panels or

package/src/components/form/engine/CompactToolbar.tsx

@@ -147,7 +147,14 @@ export const CompactToolbar = memo((reqoreProps: Partial<IReqoreControlGroupProp
   const attentionPct = completion.total ? (attentionCount / completion.total) * 100 : 0;
 
   return (
-    <ReqoreControlGroup {...reqoreProps} vertical fluid fixed={false} gapSize='big'>
+    <ReqoreControlGroup
+      {...reqoreProps}
+      className='options-readfirst-toolbar'
+      vertical
+      fluid
+      fixed={false}
+      gapSize='big'
+    >
       {/* No completion in a read-only form. The meter answers "how much is
           left to do", and a reader can do none of it: "4/6 set · 67%" over a
           form nobody can fill in is a progress report on somebody else's