@qoretechnologies/reqraft 0.10.66-pr.145.gcb1e59d → 0.10.66

package/dist/components/form/fields/template/TemplatePicker.js

@@ -0,0 +1,459 @@
+"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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TemplatePicker = exports.useWholeSays = exports.USE_WHOLE_STYLE = exports.TEMPLATE_PICKER_WIDTH = exports.TEMPLATE_PICKER_PAGE = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+// Copyright 2026 Qore Technologies, s.r.o.
+var contextTitle_1 = require("../../../smartEditor/contextTitle");
+var reqore_1 = require("@qoretechnologies/reqore");
+var react_1 = require("react");
+var react_dom_1 = require("react-dom");
+var useCoarsePointer_1 = require("../../../../hooks/useCoarsePointer");
+var templateTree_1 = require("../../../../helpers/templateTree");
+var completionStyle_1 = require("../../../smartEditor/completionStyle");
+var styling_1 = require("../../../smartEditor/styling");
+var typeSentenceForm_1 = require("../../typeSentenceForm");
+var markdownRendererContext_1 = require("../../../Description/markdownRendererContext");
+var markdownText_1 = require("../../../../helpers/markdownText");
+/*
+ * The one picker a field's templates are chosen in (qorus#646, David's decisions): a rich-text field's, a DPQL
+ * field's and a template control's alike, at the caret or from a button. A catalogue is browsed level by level -
+ * a Qog state, a record in it - with the way back above the rows ("Templates › Receive order › Customer"); a
+ * search finds a template at any depth by its name, or by its reference as it is typed (`$data:receive_order.`),
+ * and says where each one it finds is. A group is opened, and one that is a value too (a record) is also taken
+ * whole ("Use"). A template that stands for a hash of any keys (`$dynamic:*`) has its key written. Nothing is
+ * listed flat: a level is paged.
+ */
+/** How many rows a level shows before "Show more". */
+exports.TEMPLATE_PICKER_PAGE = 50;
+/** How wide the picker is: as the completion list, and never wider than a phone's screen with its margins. */
+exports.TEMPLATE_PICKER_WIDTH = 'min(360px, calc(100vw - 32px))';
+var kindIcon = function (node, isGroup) {
+    return isGroup ? 'FolderOpenLine'
+        : node.kind === 'field' ? 'Database2Line'
+            : 'ExchangeDollarLine';
+};
+var isGroup = function (node) { var _a; return !!((_a = node.children) === null || _a === void 0 ? void 0 : _a.length) || !!node.loadChildren; };
+/** The press is not a move out of the text the picker was opened from: the caret stays where the pick goes. */
+var keepTheFocus = function (event) { return event.preventDefault(); };
+/**
+ * A row's badges: what it is (State data, Context, Field...) and its type, named; a group's app, as its catalogue
+ * badges it (the app it comes from, never a type: qorus#646, 8909de2f).
+ */
+var rowBadges = function (node, typeLabel) {
+    var _a, _b;
+    var kind = templateTree_1.TEMPLATE_NODE_KIND_LABELS[node.kind];
+    var type = node.type ? typeLabel(node.type, node.baseType) : undefined;
+    var app = !((_a = node.row) === null || _a === void 0 ? void 0 : _a.value) && typeof ((_b = node.row) === null || _b === void 0 ? void 0 : _b.badge) === 'string' ? node.row.badge : undefined;
+    return __spreadArray(__spreadArray(__spreadArray([], (app ? [{ label: app, minimal: true, size: 'small' }] : []), true), (kind ?
+        // what it is, in its chip's color (`TEMPLATE_INTENT_MEANINGS`)
+        [{ label: kind, minimal: true, size: 'small', intent: (0, templateTree_1.templateNodeIntent)(node) }]
+        : []), true), (type ? [{ label: type, minimal: true, size: 'small' }] : []), true);
+};
+/**
+ * What a row says under its name: where it is, when it is found by a search ("in Receive order › Customer"), and
+ * what it is, in its own words; where it comes from, as its host says, after that. Where it is and what it is are
+ * drawn apart, so that a group's name is never read as a description of the row (qorus#646, David's review: each
+ * state's data said "Receive order" as if it were what it is).
+ */
+var RowDescription = function (_a) {
+    var node = _a.node, showWhere = _a.showWhere, renderMarkdown = _a.renderMarkdown;
+    var where = showWhere && node.trail.length ? node.trail.join(' › ') : undefined;
+    if (!where && !node.description && !node.source) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsxs)("span", { className: 'template-picker-row-description', style: { display: 'block' }, children: [where ?
+                (0, jsx_runtime_1.jsxs)("span", { className: 'template-picker-row-where', style: { display: 'block', opacity: 0.7 }, children: ["in ", where] })
+                : null, node.description ?
+                (0, jsx_runtime_1.jsx)("span", { className: 'template-picker-row-what', style: ROW_WHAT_STYLE, children: renderMarkdown ?
+                        renderMarkdown({ value: node.description, compact: true })
+                        : (0, markdownText_1.markdownToProse)(node.description) })
+                : null, node.source ?
+                (0, jsx_runtime_1.jsxs)("span", { className: 'template-picker-row-source', style: { display: 'block', opacity: 0.7 }, children: ["from ", node.source] })
+                : null] }));
+};
+/**
+ * "Use" beside a group's ">" (qorus#646, David's review): set apart from the ">" that opens the group by a divider,
+ * and saying on hover that it takes the group whole.
+ */
+exports.USE_WHOLE_STYLE = {
+    borderLeft: '1px solid color-mix(in srgb, currentColor 35%, transparent)',
+    marginLeft: 4,
+};
+/** What "Use" beside a group says on hover. */
+var useWholeSays = function (label) { return "Use the whole record: all of ".concat(label, " as one value"); };
+exports.useWholeSays = useWholeSays;
+/** What a row says it is: up to three lines, wrapped, never past the row (the reqraft row rule). */
+var ROW_WHAT_STYLE = {
+    display: '-webkit-box',
+    WebkitLineClamp: 3,
+    WebkitBoxOrient: 'vertical',
+    overflow: 'hidden',
+    whiteSpace: 'normal',
+    overflowWrap: 'anywhere',
+};
+/** The ids of the groups from the top to `node`, `node` included: the levels opened to show its members. */
+var levelsTo = function (roots, levelId) {
+    var _a;
+    /* A lone group that is a value of its own (a Qog state's data taken whole) is opened, as a lone group is
+       (`templateTree`): its members are what there is to choose from, and up from them is the group, to take whole. */
+    var node = (_a = (0, templateTree_1.templateNodeById)(roots, levelId)) !== null && _a !== void 0 ? _a : (levelId === undefined && roots.length === 1 && isGroup(roots[0]) ? roots[0] : undefined);
+    return node ? __spreadArray(__spreadArray([], node.trailIds, true), [node.id], false) : [];
+};
+exports.TemplatePicker = (0, react_1.memo)(function (_a) {
+    var _b, _c;
+    var roots = _a.roots, levelId = _a.levelId, initialQuery = _a.initialQuery, selectedValue = _a.selectedValue, onPick = _a.onPick, onClose = _a.onClose, focusFilter = _a.focusFilter, keysFromPage = _a.keysFromPage, arrowsFromPage = _a.arrowsFromPage, fill = _a.fill, id = _a.id, givenTypeLabel = _a.typeLabel;
+    var coarse = (0, useCoarsePointer_1.useCoarsePointer)();
+    var formTypeLabel = (0, typeSentenceForm_1.useTypeLabel)();
+    var typeLabel = givenTypeLabel !== null && givenTypeLabel !== void 0 ? givenTypeLabel : formTypeLabel;
+    var renderMarkdown = (0, markdownRendererContext_1.useMarkdownRenderer)();
+    var rootRef = (0, react_1.useRef)(null);
+    // a host's members come when they are asked for: the rows are drawn again when they have come
+    var _d = (0, react_1.useReducer)(function (count) { return count + 1; }, 0), membersCame = _d[1];
+    var _e = (0, react_1.useState)(null), loading = _e[0], setLoading = _e[1];
+    var _f = (0, react_1.useState)(function () { return levelsTo(roots, levelId); }), levels = _f[0], setLevels = _f[1];
+    var _g = (0, react_1.useState)(initialQuery !== null && initialQuery !== void 0 ? initialQuery : ''), query = _g[0], setQuery = _g[1];
+    var _h = (0, react_1.useState)(false), everywhere = _h[0], setEverywhere = _h[1];
+    var _j = (0, react_1.useState)(exports.TEMPLATE_PICKER_PAGE), shown = _j[0], setShown = _j[1];
+    var _k = (0, react_1.useState)(0), focused = _k[0], setFocused = _k[1];
+    var _l = (0, react_1.useState)(null), keyFor = _l[0], setKeyFor = _l[1];
+    var _m = (0, react_1.useState)(''), keyText = _m[0], setKeyText = _m[1];
+    // the key's box, which takes the keyboard in the event that shows it (`pick`)
+    var keyBoxRef = (0, react_1.useRef)(null);
+    /* Opened at another group (a chip of another state replaced): that group. The same picker given more of the
+       field's templates as they come (its catalogue, its language server's completions) stays where it is browsed
+       to, the row it is on still the row it is on: put back at the top, the keys pressed while they came went to
+       other rows than the ones the user saw (qorus#646). */
+    var levelIdRef = (0, react_1.useRef)(levelId);
+    (0, react_1.useEffect)(function () {
+        setLevels(function (current) {
+            var sameOpening = levelIdRef.current === levelId;
+            levelIdRef.current = levelId;
+            var opening = levelsTo(roots, levelId);
+            // the group it was opened at, come only now, is opened
+            return (sameOpening &&
+                current.every(function (id) { return !!(0, templateTree_1.templateNodeById)(roots, id); }) &&
+                (current.length > 0 || !opening.length)) ?
+                current
+                : opening;
+        });
+    }, [roots, levelId]);
+    var level = levels.length ? (0, templateTree_1.templateNodeById)(roots, levels[levels.length - 1]) : undefined;
+    // a group whose members its host gives only when asked: asked for, once, when it is opened
+    (0, react_1.useEffect)(function () {
+        if (!level || level.children || !level.loadChildren)
+            return undefined;
+        var current = true;
+        setLoading(level.id);
+        (0, templateTree_1.loadTemplateChildren)(level)
+            .catch(function () { return []; })
+            .finally(function () {
+            if (current) {
+                setLoading(null);
+                membersCame();
+            }
+        });
+        return function () {
+            current = false;
+        };
+    }, [level]);
+    /* A reference typed into a group whose members come only when asked (`$data:lookup_customer.`): its members
+       are asked for, so that the search can go into them. */
+    (0, react_1.useEffect)(function () {
+        var wanted = /^[$@]/.test(query.trim()) ? (0, templateTree_1.unbracedReference)(query.trim()).toLowerCase() : '';
+        if (!wanted)
+            return undefined;
+        var waiting = [];
+        var walk = function (nodes) {
+            var _a;
+            for (var _i = 0, _b = nodes !== null && nodes !== void 0 ? nodes : []; _i < _b.length; _i++) {
+                var node = _b[_i];
+                var reference = (_a = node.reference) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+                if (reference && !wanted.startsWith("".concat(reference, ".")))
+                    continue;
+                if (!node.children && node.loadChildren)
+                    waiting.push(node);
+                walk(node.children);
+            }
+        };
+        walk(roots);
+        if (!waiting.length)
+            return undefined;
+        var current = true;
+        void Promise.all(waiting.map(function (node) { return (0, templateTree_1.loadTemplateChildren)(node).catch(function () { return []; }); })).then(function () {
+            if (current)
+                membersCame();
+        });
+        return function () {
+            current = false;
+        };
+    }, [query, roots]);
+    var rows = (0, react_1.useMemo)(function () {
+        var _a;
+        return query.trim() ?
+            (0, templateTree_1.searchTemplateTree)(roots, query, everywhere ? undefined : level)
+            : ((_a = level === null || level === void 0 ? void 0 : level.children) !== null && _a !== void 0 ? _a : roots);
+    }, 
+    // `membersCame`: a group's members, once they have come, are its members
+    [roots, query, everywhere, level, level === null || level === void 0 ? void 0 : level.children]);
+    var visible = rows.slice(0, shown);
+    // a new level or search starts at its top, or at the value already chosen
+    (0, react_1.useEffect)(function () {
+        setShown(exports.TEMPLATE_PICKER_PAGE);
+        var chosen = selectedValue ? (0, templateTree_1.templateNodeFor)(visible, selectedValue) : undefined;
+        var at = chosen ? visible.indexOf(chosen) : -1;
+        setFocused(at >= 0 ? at : 0);
+    }, [levels, query, everywhere]);
+    var open = (0, react_1.useCallback)(function (node) {
+        setLevels(__spreadArray(__spreadArray([], node.trailIds, true), [node.id], false));
+        setQuery('');
+        setEverywhere(false);
+        setKeyFor(null);
+    }, []);
+    var up = (0, react_1.useCallback)(function () {
+        setLevels(function (current) { return current.slice(0, -1); });
+        setQuery('');
+        setKeyFor(null);
+    }, []);
+    var pick = (0, react_1.useCallback)(function (node) {
+        var _a, _b;
+        if (node.disabled)
+            return;
+        if (node.writesKey) {
+            // drawn now, in the event that asked for it, so that its box takes the keyboard in it too
+            (0, react_dom_1.flushSync)(function () {
+                setKeyFor(node);
+                setKeyText('');
+            });
+            (_b = (_a = keyBoxRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('input')) === null || _b === void 0 ? void 0 : _b.focus();
+            return;
+        }
+        onPick(node);
+    }, [onPick]);
+    /** A row taken: a group is opened, anything else chosen. */
+    var take = (0, react_1.useCallback)(function (node) { return (isGroup(node) ? open(node) : pick(node)); }, [open, pick]);
+    var writeKey = (0, react_1.useCallback)(function () {
+        var _a, _b, _c;
+        var key = keyText.trim();
+        if (!keyFor || !key)
+            return;
+        // after the context's `:` (`$dynamic:*` → `$dynamic:order.id`; `$rest:` → `$rest:system/status`)
+        onPick(keyFor, "".concat((_c = (_b = (_a = keyFor.value) === null || _a === void 0 ? void 0 : _a.replace(/\*$/, '')) !== null && _b !== void 0 ? _b : keyFor.reference) !== null && _c !== void 0 ? _c : '').concat(key));
+    }, [keyFor, keyText, onPick]);
+    /** The keys the rows are moved through with, wherever they are heard. Returns whether the key was taken. */
+    var handleKey = (0, react_1.useCallback)(function (event, fromText) {
+        var _a;
+        // from a text whose caret has somewhere to go, the arrows and Backspace are the text's
+        var fromPage = fromText && !arrowsFromPage;
+        var inSearchBox = ((_a = event.target) === null || _a === void 0 ? void 0 : _a.tagName) === 'INPUT';
+        var count = visible.length + (rows.length > shown ? 1 : 0);
+        switch (event.key) {
+            case 'ArrowDown':
+                setFocused(function (at) { return Math.min(at + 1, Math.max(0, count - 1)); });
+                return true;
+            case 'ArrowUp':
+                setFocused(function (at) { return Math.max(at - 1, 0); });
+                return true;
+            case 'Enter': {
+                if (focused === visible.length && rows.length > shown) {
+                    setShown(function (current) { return current + exports.TEMPLATE_PICKER_PAGE; });
+                    return true;
+                }
+                var node = visible[focused];
+                if (node)
+                    take(node);
+                return true;
+            }
+            case 'ArrowRight': {
+                // in the text or the search box, the arrow moves the caret, unless the search box is at its end
+                if (fromPage ||
+                    (inSearchBox && event.target.selectionStart < query.length)) {
+                    return false;
+                }
+                var node = visible[focused];
+                if (node && isGroup(node)) {
+                    open(node);
+                    return true;
+                }
+                return false;
+            }
+            case 'ArrowLeft':
+            case 'Backspace':
+                if (fromPage || query || !levels.length)
+                    return false;
+                up();
+                return true;
+            case 'Escape':
+                if (keyFor) {
+                    setKeyFor(null);
+                    return true;
+                }
+                onClose === null || onClose === void 0 ? void 0 : onClose();
+                return true;
+            case 'Tab': {
+                /* From the text it was opened in, Tab takes the row the keyboard is on, as Enter does (a code editor's
+                   key): the text keeps the focus (qorus#646, David's review: Tab left the half-typed reference as it
+                   was). From its own search box the focus moves on, and nothing is chosen. */
+                if (fromText && !keyFor) {
+                    var node = visible[focused];
+                    if (node) {
+                        take(node);
+                        return true;
+                    }
+                }
+                onClose === null || onClose === void 0 ? void 0 : onClose();
+                return false;
+            }
+            default:
+                return false;
+        }
+    }, [
+        visible,
+        rows.length,
+        shown,
+        focused,
+        take,
+        open,
+        up,
+        query,
+        levels.length,
+        keyFor,
+        onClose,
+        arrowsFromPage,
+    ]);
+    // heard from the page while the text the picker was opened from keeps the focus
+    var handleKeyRef = (0, react_1.useRef)(handleKey);
+    handleKeyRef.current = handleKey;
+    (0, react_1.useEffect)(function () {
+        if (!keysFromPage)
+            return undefined;
+        var listener = function (event) {
+            var _a;
+            // a key in the picker itself (its search box) is the picker's own
+            if ((_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))
+                return;
+            var keys = ['ArrowDown', 'ArrowUp', 'Enter', 'Escape', 'Tab'];
+            if (arrowsFromPage)
+                keys.push('ArrowLeft', 'ArrowRight', 'Backspace');
+            if (!keys.includes(event.key))
+                return;
+            if (handleKeyRef.current(event, true)) {
+                event.preventDefault();
+                event.stopPropagation();
+            }
+        };
+        document.addEventListener('keydown', listener, true);
+        return function () { return document.removeEventListener('keydown', listener, true); };
+    }, [keysFromPage, arrowsFromPage]);
+    var crumbs = (0, react_1.useMemo)(function () { return levels.map(function (levelId) { return (0, templateTree_1.templateNodeById)(roots, levelId); }).filter(Boolean); }, [levels, roots]);
+    // on a phone the way back says only where it is and the group above it
+    var crumbsShown = coarse && crumbs.length > 2 ? crumbs.slice(-1) : crumbs;
+    var crumbsHidden = crumbs.length - crumbsShown.length;
+    var isReference = /^[$@]/.test(query.trim());
+    var optionId = function (index) { return "".concat(id, "-option-").concat(index); };
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: rootRef, className: 'template-picker', 
+        // the list's own color under all of it - its way back and search box too: the popover it opens in is
+        // transparent, so without it the page shows through around the rows (Foxhoundn on qlip #425)
+        style: {
+            width: fill ? '100%' : exports.TEMPLATE_PICKER_WIDTH,
+            maxWidth: '100%',
+            background: completionStyle_1.COMPLETION_LIST_THEME.main,
+            borderRadius: 6,
+        }, onKeyDown: function (event) {
+            var _a;
+            if (keyFor && ((_a = event.target) === null || _a === void 0 ? void 0 : _a.tagName) === 'INPUT')
+                return;
+            if (handleKey(event, false)) {
+                event.preventDefault();
+                event.stopPropagation();
+            }
+        }, 
+        // a press anywhere in the picker but its search box leaves the focus where it was: in the text
+        onMouseDown: function (event) {
+            var _a;
+            if (keysFromPage && ((_a = event.target) === null || _a === void 0 ? void 0 : _a.tagName) !== 'INPUT')
+                keepTheFocus(event);
+        }, children: [(0, jsx_runtime_1.jsxs)(reqore_1.ReqoreControlGroup, { vertical: true, fluid: true, size: 'small', customTheme: completionStyle_1.COMPLETION_LIST_THEME, children: [(0, jsx_runtime_1.jsxs)(reqore_1.ReqoreControlGroup, { fluid: true, wrap: true, size: 'small', className: 'template-picker-crumbs', role: 'navigation', "aria-label": 'Where you are in the templates', children: [levels.length ?
+                                (0, jsx_runtime_1.jsx)(reqore_1.ReqoreButton, { className: 'template-picker-back', icon: 'ArrowLeftSLine', fixed: true, compact: true, minimal: true, flat: true, "aria-label": 'Back', tooltip: coarse ? undefined : 'Back', onClick: up })
+                                : null, (0, jsx_runtime_1.jsx)(reqore_1.ReqoreButton, { className: 'template-picker-crumb', compact: true, minimal: true, flat: true, fixed: true, active: !levels.length, onClick: function () {
+                                    setLevels([]);
+                                    setQuery('');
+                                }, children: "Templates" }), crumbsHidden ?
+                                (0, jsx_runtime_1.jsx)(reqore_1.ReqoreButton, { compact: true, minimal: true, flat: true, fixed: true, readOnly: true, className: 'template-picker-crumb-hidden', children: "\u203A \u2026" })
+                                : null, crumbsShown.map(function (crumb) { return ((0, jsx_runtime_1.jsx)(reqore_1.ReqoreButton, { className: 'template-picker-crumb', compact: true, minimal: true, flat: true, fixed: true, active: crumb.id === levels[levels.length - 1], onClick: function () {
+                                    setLevels(levels.slice(0, levels.indexOf(crumb.id) + 1));
+                                    setQuery('');
+                                }, children: "\u203A ".concat(crumb.label) }, crumb.id)); })] }), (0, jsx_runtime_1.jsx)(reqore_1.ReqoreInput, { className: 'template-picker-search', icon: 'SearchLine', placeholder: level ? "Search in ".concat(level.label) : 'Search templates', "aria-label": level ? "Search in ".concat(level.label) : 'Search templates', "aria-controls": id, "aria-activedescendant": visible.length ? optionId(focused) : undefined, value: query, onChange: function (event) { return setQuery(event.target.value); }, onClearClick: query ? function () { return setQuery(''); } : undefined, 
+                        // not on a touch screen: its keyboard would come up over the rows a finger is there to tap
+                        focusRules: focusFilter && !coarse ? { type: 'auto' } : undefined, minimal: true, fluid: true }), level && query.trim() && !isReference ?
+                        (0, jsx_runtime_1.jsx)(reqore_1.ReqoreButton, { className: 'template-picker-scope', compact: true, minimal: true, flat: true, icon: everywhere ? 'FolderOpenLine' : 'GlobalLine', onClick: function () { return setEverywhere(function (current) { return !current; }); }, children: everywhere ? "Only in ".concat(level.label) : 'Search everywhere' })
+                        : null] }), keyFor ?
+                (0, jsx_runtime_1.jsxs)(reqore_1.ReqoreControlGroup, { vertical: true, fluid: true, size: 'small', className: 'template-picker-key', ref: keyBoxRef, children: [(0, jsx_runtime_1.jsx)(reqore_1.ReqoreP, { size: 'small', children: 
+                            // a context whose argument has a format of its own says it (`$rest:` <URI path>[.<key>...])
+                            ((_b = keyFor.catalogue) === null || _b === void 0 ? void 0 : _b.arg_format) && !keyFor.catalogue.free_form_keys ?
+                                "Write what ".concat(keyFor.label, " reads: ").concat(keyFor.catalogue.arg_format, ".")
+                                : "".concat(keyFor.label, " holds any keys: write the key to use (a path: order.id).") }), (0, jsx_runtime_1.jsxs)(reqore_1.ReqoreControlGroup, { fluid: true, size: 'small', children: [(0, jsx_runtime_1.jsx)(reqore_1.ReqoreInput, { className: 'template-picker-key-input', "aria-label": "Key in ".concat(keyFor.label), placeholder: ((_c = keyFor.catalogue) === null || _c === void 0 ? void 0 : _c.arg_format) && !keyFor.catalogue.free_form_keys ? '' : 'order.id', value: keyText, onChange: function (event) {
+                                        return setKeyText(event.target.value);
+                                    }, onKeyDown: function (event) {
+                                        if (event.key === 'Enter') {
+                                            event.preventDefault();
+                                            writeKey();
+                                        }
+                                        else if (event.key === 'Escape') {
+                                            event.preventDefault();
+                                            event.stopPropagation();
+                                            setKeyFor(null);
+                                        }
+                                    }, fluid: true }), (0, jsx_runtime_1.jsx)(reqore_1.ReqoreButton, { fixed: true, compact: true, intent: 'info', disabled: !keyText.trim(), onClick: writeKey, children: "Use" })] })] })
+                : null, (0, jsx_runtime_1.jsxs)(reqore_1.ReqoreMenu, { id: id, role: 'listbox', "aria-label": level ? level.label : 'Templates', className: 'template-picker-list', rounded: true, flat: true, maxHeight: '300px', width: '100%', effect: styling_1.SMART_EDITOR_OVERLAY_EFFECT, customTheme: completionStyle_1.COMPLETION_LIST_THEME, children: [!visible.length ?
+                        (0, jsx_runtime_1.jsx)(reqore_1.ReqoreMenuItem, { icon: loading ? 'LoaderLine' : 'InformationLine', label: loading ? 'Loading…'
+                                : query.trim() ?
+                                    "No template matches \"".concat(query.trim(), "\"")
+                                    : 'Nothing here', className: 'template-picker-empty', disabled: true, compact: true, style: { opacity: 1, cursor: 'default' } })
+                        : null, visible.map(function (node, index) {
+                        var _a, _b;
+                        var group = isGroup(node);
+                        return ((0, jsx_runtime_1.jsx)(reqore_1.ReqoreMenuItem, { id: optionId(index), role: 'option', "aria-selected": index === focused, className: "template-picker-row".concat(group ? ' template-picker-group' : ''), "data-value": node.value, "data-label": node.label, icon: kindIcon(node, group), leftIconProps: ((_b = (_a = node.row) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.image) ?
+                                { image: node.row.metadata.image }
+                                : undefined, 
+                            // a context that needs a value after it says so (`$foreach:…`)
+                            label: (node.kind === 'context' ? (0, contextTitle_1.rowTitle)(node.label) : node.label), description: (0, jsx_runtime_1.jsx)(RowDescription, { node: node, showWhere: !!query.trim(), renderMarkdown: renderMarkdown }), badge: rowBadges(node, typeLabel), 
+                            // a group opens; a context only the server knows goes on into what is in it as it is typed
+                            rightIcon: group || node.continues ? 'ArrowRightSLine' : undefined, selected: index === focused, active: index === focused, disabled: node.disabled, scrollIntoView: index === focused, minimal: true, compact: true, wrap: true, onMouseDown: keysFromPage ? keepTheFocus : undefined, onClick: function () { return take(node); }, rightAction: (group || node.continues) && node.takesWhole ?
+                                {
+                                    label: 'Use',
+                                    className: 'template-picker-use',
+                                    'aria-label': "Use ".concat(node.label),
+                                    tooltip: coarse ? undefined : (0, exports.useWholeSays)(node.label),
+                                    compact: true,
+                                    onMouseDown: keysFromPage ? keepTheFocus : undefined,
+                                    // the whole of it: its value, not gone on into
+                                    onClick: function () { return onPick(node, node.value); },
+                                    style: __assign(__assign({}, exports.USE_WHOLE_STYLE), (coarse ? { minWidth: 44, minHeight: 44 } : {})),
+                                }
+                                : undefined, style: __assign(__assign({}, completionStyle_1.COMPLETION_ITEM_STYLE), (coarse ? { minHeight: 44 } : {})) }, node.id));
+                    }), rows.length > shown ?
+                        (0, jsx_runtime_1.jsx)(reqore_1.ReqoreMenuItem, { id: optionId(visible.length), role: 'option', "aria-selected": focused === visible.length, selected: focused === visible.length, className: 'template-picker-more', icon: 'MoreLine', label: "Show ".concat(Math.min(exports.TEMPLATE_PICKER_PAGE, rows.length - shown), " more of ").concat(rows.length - shown), compact: true, minimal: true, onMouseDown: keysFromPage ? keepTheFocus : undefined, onClick: function () { return setShown(function (current) { return current + exports.TEMPLATE_PICKER_PAGE; }); } })
+                        : null] })] }));
+});
+exports.TemplatePicker.displayName = 'TemplatePicker';
+//# sourceMappingURL=TemplatePicker.js.map

package/dist/components/form/fields/template/TemplatePicker.js.map

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

package/dist/components/form/fields/template/TemplateText.d.ts

@@ -15,22 +15,5 @@ export interface ITemplateTextProps {
     full?: boolean;
     className?: string;
 }
-/**
- * A value that mentions template references, drawn for READING.
- *
- * One renderer, because a value that reads two ways depending on which surface
- * shows it is the defect this exists to close: a skip-when predicate read
- * `$._case.mode != 'simulate'` on the compact row while the editor it opens
- * drew the same reference as a named chip.
- *
- * The literal text around a reference is the AUTHOR'S, and it survives exactly
- * as typed — a predicate is a comparison they wrote, and only the reference in
- * it is the thing the template mechanism exists to name.
- *
- * The chip is `ReqoreTag`, the same one `ReadOnlyTemplateTag` and the rich-text
- * editor use, with the same `$`-icon, the same intent scheme
- * (`getTemplateTagStyle`) and the same hover card (`templateTooltip`), so a
- * reference looks identical wherever it is shown.
- */
 export declare const TemplateText: import("react").MemoExoticComponent<({ segments, templates, full, className }: ITemplateTextProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=TemplateText.d.ts.map

package/dist/components/form/fields/template/TemplateText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateText.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/template/TemplateText.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mDAAmD,CAAC;AAEzF,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAQ9D,MAAM,WAAW,kBAAkB;IACjC;yEACqE;IACrE,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,4DAA4D;IAC5D,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAuBD;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,YAAY,iFAAmD,kBAAkB,6CA+C5F,CAAC"}
+{"version":3,"file":"TemplateText.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/template/TemplateText.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mDAAmD,CAAC;AAEzF,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAiB9D,MAAM,WAAW,kBAAkB;IACjC;yEACqE;IACrE,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,4DAA4D;IAC5D,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgHD,eAAO,MAAM,YAAY,iFAxE2C,kBAAkB,6CAwEpC,CAAC"}

package/dist/components/form/fields/template/TemplateText.js

@@ -17,6 +17,9 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var reqore_1 = require("@qoretechnologies/reqore");
 var react_1 = require("react");
 var templates_1 = require("../../../../helpers/templates");
+var descriptionTooltip_1 = require("../../../../helpers/descriptionTooltip");
+var typeSentenceForm_1 = require("../../typeSentenceForm");
+var referenceNames_1 = require("./referenceNames");
 /**
  * Flattens the line breaks in one prose segment of a one-line SUMMARY.
  *
@@ -54,27 +57,30 @@ var collapseSummaryBreaks = function (text) { return text.replace(/\s*\r?\n\s*/g
  * (`getTemplateTagStyle`) and the same hover card (`templateTooltip`), so a
  * reference looks identical wherever it is shown.
  */
-exports.TemplateText = (0, react_1.memo)(function (_a) {
+var TemplateTextBody = function (_a) {
     var segments = _a.segments, templates = _a.templates, full = _a.full, className = _a.className;
+    var descriptions = (0, descriptionTooltip_1.useDescriptionTooltips)();
+    var getTypeSentenceForm = (0, typeSentenceForm_1.useTypeSentenceForm)();
+    var names = (0, referenceNames_1.useTemplateReferenceNames)();
     return ((0, jsx_runtime_1.jsx)("span", { className: "reqraft-template-text".concat(className ? " ".concat(className) : ''), style: __assign({ display: 'inline-flex', alignItems: 'center', gap: 4, minWidth: 0, maxWidth: '100%' }, (full ? { flexWrap: 'wrap' } : { overflow: 'hidden' })), children: segments.map(function (segment, index) {
-            var _a;
-            return segment.kind === 'tag' ?
-                (0, jsx_runtime_1.jsx)(reqore_1.ReqoreTag, __assign({ className: 'reqraft-template-chip', size: 'tiny', 
-                    // The chip's label has to be the same size as the prose it is embedded
-                    // in. The wrapper centres boxes, so two different text sizes centred
-                    // against each other cannot share a baseline and the chips visibly
-                    // float above the words. Inheriting makes centring align the baselines
-                    // too, at whatever font size the consuming app uses.
-                    style: { fontSize: 'inherit' }, icon: 'ExchangeDollarLine', label: segment.text || segment.value, 
-                    // The same card the chosen-template chip shows: what the value IS, not
-                    // the reference that names it.
-                    tooltip: (0, templates_1.templateTooltip)(templates, segment.value || '') }, (0, templates_1.getTemplateTagStyle)((_a = (templates ? (0, templates_1.findTemplate)(templates, segment.value || '') : undefined)) === null || _a === void 0 ? void 0 : _a.metadata)), "tag-".concat(index))
-                : (0, jsx_runtime_1.jsx)("span", { className: 'reqraft-template-prose', 
+            var _a, _b;
+            if (segment.kind !== 'tag') {
+                return ((0, jsx_runtime_1.jsx)("span", { className: 'reqraft-template-prose', 
                     // `pre`, not the row's `nowrap`: the single space that separates a
                     // word from the chip beside it is real content here, and collapsing
                     // it would join them. A read row keeps the newlines too.
-                    style: { whiteSpace: full ? 'pre-wrap' : 'pre' }, children: full ? segment.text : collapseSummaryBreaks(segment.text) }, "text-".concat(index));
+                    style: { whiteSpace: full ? 'pre-wrap' : 'pre' }, children: full ? segment.text : collapseSummaryBreaks(segment.text) }, "text-".concat(index)));
+            }
+            // a reference nothing names says so; one the host knows wears its name (`referenceStanding`)
+            var standing = (0, referenceNames_1.referenceStanding)(templates, segment.value || '', names);
+            var unlisted = standing.unlisted ? (0, referenceNames_1.unlistedReferenceChipProps)(names) : undefined;
+            return ((0, jsx_runtime_1.jsx)(reqore_1.ReqoreTag, __assign({ className: "reqraft-template-chip".concat(unlisted ? " ".concat(unlisted.className) : '') }, templates_1.REFERENCE_CHIP_PROPS, { icon: 'ExchangeDollarLine', label: standing.label || segment.text || segment.value, 
+                // The same card the chosen-template chip shows: what the value IS, not
+                // the reference that names it, drawn by the host's markdown renderer and
+                // opened by a tap on a touch screen.
+                tooltip: (_a = unlisted === null || unlisted === void 0 ? void 0 : unlisted.tooltip) !== null && _a !== void 0 ? _a : (0, templates_1.templateTooltip)(templates, segment.value || '', descriptions, getTypeSentenceForm, (0, referenceNames_1.hostSaysOf)(segment.value || '', names)) }, (0, templates_1.getTemplateTagStyle)((_b = (templates ? (0, templates_1.findTemplate)(templates, segment.value || '') : undefined)) === null || _b === void 0 ? void 0 : _b.metadata), (unlisted ? { intent: unlisted.intent } : {})), "tag-".concat(index)));
         }) }));
-});
+};
+exports.TemplateText = (0, react_1.memo)(TemplateTextBody);
 exports.TemplateText.displayName = 'TemplateText';
 //# sourceMappingURL=TemplateText.js.map

package/dist/components/form/fields/template/TemplateText.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateText.js","sourceRoot":"","sources":["../../../../../src/components/form/fields/template/TemplateText.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,2CAA2C;AAC3C,mDAAqD;AAErD,+BAA6B;AAE7B,2DAKuC;AAiBvC;;;;;;;;;;;;;;;;;;GAkBG;AACH,IAAM,qBAAqB,GAAG,UAAC,IAAY,IAAa,OAAA,IAAI,CAAC,OAAO,CAAC,cAAc,EAAE,GAAG,CAAC,EAAjC,CAAiC,CAAC;AAE1F;;;;;;;;;;;;;;;;GAgBG;AACU,QAAA,YAAY,GAAG,IAAA,YAAI,EAAC,UAAC,EAA4D;QAA1D,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,SAAS,eAAA;IAA2B,OAAA,CACjG,iCACE,SAAS,EAAE,+BAAwB,SAAS,CAAC,CAAC,CAAC,WAAI,SAAS,CAAE,CAAC,CAAC,CAAC,EAAE,CAAE,EACrE,KAAK,aACH,OAAO,EAAE,aAAa,EACtB,UAAU,EAAE,QAAQ,EACpB,GAAG,EAAE,CAAC,EACN,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,MAAM,IACb,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,aAG1D,QAAQ,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,KAAK;;YAC3B,OAAA,OAAO,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC;gBACtB,uBAAC,kBAAS,aAER,SAAS,EAAC,uBAAuB,EACjC,IAAI,EAAC,MAAM;oBACX,uEAAuE;oBACvE,qEAAqE;oBACrE,mEAAmE;oBACnE,uEAAuE;oBACvE,qDAAqD;oBACrD,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,EAC9B,IAAI,EAAC,oBAAoB,EACzB,KAAK,EAAE,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,KAAK;oBACpC,uEAAuE;oBACvE,+BAA+B;oBAC/B,OAAO,EAAE,IAAA,2BAAe,EAAC,SAAS,EAAE,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,IACpD,IAAA,+BAAmB,EACrB,MAAA,CAAC,SAAS,CAAC,CAAC,CAAC,IAAA,wBAAY,EAAC,SAAS,EAAE,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,0CAAE,QAE3D,CACd,GAlBI,cAAO,KAAK,CAAE,CAmBnB;gBACJ,CAAC,CAAC,iCAEE,SAAS,EAAC,wBAAwB;oBAClC,mEAAmE;oBACnE,oEAAoE;oBACpE,yDAAyD;oBACzD,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,EAAE,YAE/C,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,qBAAqB,CAAC,OAAO,CAAC,IAAI,CAAC,IAPrD,eAAQ,KAAK,CAAE,CAQf,CAAA;SAAA,CACV,GACI,CACR;AA/CkG,CA+ClG,CAAC,CAAC;AAEH,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
+{"version":3,"file":"TemplateText.js","sourceRoot":"","sources":["../../../../../src/components/form/fields/template/TemplateText.tsx"],"names":[],"mappings":"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"}