@oneuptime/common 12.0.11 → 12.0.13

package/build/dist/Types/Telemetry/ResourceEntityFacet.js

@@ -0,0 +1,156 @@
+/*
+ * The resource facets of the telemetry explorers (Logs / Traces), split by
+ * how a selection has to be turned into a predicate.
+ *
+ * A signal row names exactly one *primary* entity (`primaryEntityId` +
+ * `primaryEntityType`) and, since the entity model shipped, the full
+ * membership set it belongs to (`entityKeys`). Which of the two a facet
+ * selection has to be matched against depends on the ingestion path:
+ *
+ *   - Agent-ingested resource telemetry (Infrastructure / Docker / Podman /
+ *     Kubernetes agents) has no `service.name`, so the resource IS the
+ *     primary entity and `primaryEntityId` holds its Postgres id.
+ *   - OTLP telemetry that carries a `service.name` is primary-keyed on its
+ *     Service (`OtelIngestBaseService.selectPrimaryEntity`); the host /
+ *     cluster it runs on is recorded only in `entityKeys`.
+ *
+ * The second case is why coalescing every resource facet into one
+ * `primaryEntityId IN (...)` list returned nothing for a Kubernetes cluster
+ * ingested through an OpenTelemetry Collector: the cluster id was compared
+ * against a column that only ever held the Service id. Selections on these
+ * facets therefore compile to a per-facet OR of both memberships, and the
+ * per-facet groups AND with each other so "cluster X" + "service Y"
+ * intersects instead of unioning.
+ */
+/**
+ * Facets whose values are Service ids — the ids that legitimately live in
+ * `primaryEntityId` for OTLP telemetry. `serviceId` is the pre-rename alias
+ * kept for stale clients (see ResourceFacetResolver).
+ */
+export const SERVICE_FACET_KEYS = [
+    "primaryEntityId",
+    "serviceId",
+];
+/**
+ * Facets whose values are ids of a NON-Service resource row. These are the
+ * ones that need the entity-key treatment; the value is a Postgres id
+ * (Host / DockerHost / PodmanHost / KubernetesCluster) which the server
+ * resolves to the resource's identifying value and then to its entity key.
+ */
+export const RESOURCE_ENTITY_FACET_KEYS = [
+    "hostId",
+    "dockerHostId",
+    "podmanHostId",
+    "kubernetesClusterId",
+];
+const RESOURCE_ENTITY_FACET_KEY_SET = new Set(RESOURCE_ENTITY_FACET_KEYS);
+const SERVICE_FACET_KEY_SET = new Set(SERVICE_FACET_KEYS);
+/**
+ * Every facet key that names a resource, in either group. Kept so call
+ * sites that only need "is this a resource chip?" (chip rendering, scope
+ * hand-off) do not have to consult both sets.
+ */
+export const ALL_RESOURCE_FACET_KEYS = [
+    ...SERVICE_FACET_KEYS,
+    ...RESOURCE_ENTITY_FACET_KEYS,
+];
+export function isServiceFacetKey(facetKey) {
+    return SERVICE_FACET_KEY_SET.has(facetKey);
+}
+export function isResourceEntityFacetKey(facetKey) {
+    return RESOURCE_ENTITY_FACET_KEY_SET.has(facetKey);
+}
+export function isResourceFacetKey(facetKey) {
+    return isServiceFacetKey(facetKey) || isResourceEntityFacetKey(facetKey);
+}
+/**
+ * Collect the non-Service resource selections out of applied facet filters.
+ * Accepts anything entry-iterable so the Logs explorer can pass a
+ * `Map<string, Set<string>>` and the Traces explorer a plain record via
+ * `Object.entries`.
+ *
+ * Values are de-duplicated and empty facets are dropped, so an emptied chip
+ * group never becomes a `[]` that a reader might read as "match nothing".
+ */
+export function collectResourceEntityFacetSelections(entries) {
+    const selections = {};
+    for (const [facetKey, values] of entries) {
+        if (!isResourceEntityFacetKey(facetKey)) {
+            continue;
+        }
+        const unique = new Set(selections[facetKey] || []);
+        for (const value of values) {
+            if (typeof value === "string" && value.length > 0) {
+                unique.add(value);
+            }
+        }
+        if (unique.size > 0) {
+            selections[facetKey] = Array.from(unique);
+        }
+    }
+    return selections;
+}
+/** Collect the Service-facet selections, same rules as the helper above. */
+export function collectServiceFacetSelections(entries) {
+    const unique = new Set();
+    for (const [facetKey, values] of entries) {
+        if (!isServiceFacetKey(facetKey)) {
+            continue;
+        }
+        for (const value of values) {
+            if (typeof value === "string" && value.length > 0) {
+                unique.add(value);
+            }
+        }
+    }
+    return Array.from(unique);
+}
+/*
+ * Ids are ObjectID (UUID) strings. Validating the shape here means a
+ * malformed filter is dropped at the edge instead of reaching a lookup or a
+ * SQL parameter.
+ */
+const UUID_PATTERN = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+/** Upper bound on ids per facet, so a crafted request cannot send an unbounded list. */
+export const MAX_RESOURCE_IDS_PER_FACET = 200;
+/**
+ * Parse an untrusted `resourceFilters` value (request body field or a
+ * persisted saved-view query) into the canonical selection shape.
+ *
+ * Deliberately lenient: anything that is not `{ <known facet key>:
+ * <uuid>[] }` is dropped rather than turned into a predicate, because a
+ * malformed filter must mean "no constraint" — never "match nothing", which
+ * would show an empty explorer with no explanation.
+ */
+export function parseResourceEntityFacetSelections(source) {
+    const selections = {};
+    if (!source || typeof source !== "object" || Array.isArray(source)) {
+        return selections;
+    }
+    const record = source;
+    for (const facetKey of Object.keys(record)) {
+        if (!isResourceEntityFacetKey(facetKey)) {
+            continue;
+        }
+        const raw = record[facetKey];
+        if (!Array.isArray(raw)) {
+            continue;
+        }
+        const ids = Array.from(new Set(raw.filter((value) => {
+            return typeof value === "string" && UUID_PATTERN.test(value);
+        }))).slice(0, MAX_RESOURCE_IDS_PER_FACET);
+        if (ids.length > 0) {
+            selections[facetKey] = ids;
+        }
+    }
+    return selections;
+}
+export function hasResourceEntityFacetSelections(selections) {
+    if (!selections) {
+        return false;
+    }
+    return Object.keys(selections).some((key) => {
+        return (selections[key] || []).length > 0;
+    });
+}
+//# sourceMappingURL=ResourceEntityFacet.js.map

package/build/dist/Types/Telemetry/ResourceEntityFacet.js.map

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

package/build/dist/UI/Components/CardSelect/CardSelect.js

@@ -1,17 +1,98 @@
 import IconProp from "../../../Types/Icon/IconProp";
 import Icon, { SizeProp } from "../Icon/Icon";
-import React from "react";
+import React, { useMemo, useRef, useState, } from "react";
 export function isCardSelectOptionGroup(option) {
     return (option.label !== undefined &&
         Array.isArray(option.options));
 }
-const CardSelect = (props) => {
-    // Normalize options into render groups
+export const getCardSelectSearchTokens = (search) => {
+    return search
+        .trim()
+        .toLowerCase()
+        .split(/\s+/)
+        .filter((token) => {
+        return token.length > 0;
+    });
+};
+const getHaystack = (option, groupLabel) => {
+    return `${option.title} ${option.description} ${groupLabel || ""} ${(option.keywords || []).join(" ")}`.toLowerCase();
+};
+export const cardSelectOptionMatchesSearch = (option, tokens, groupLabel) => {
+    if (tokens.length === 0) {
+        return true;
+    }
+    const haystack = getHaystack(option, groupLabel || null);
+    return tokens.every((token) => {
+        return haystack.includes(token);
+    });
+};
+const getSearchScoreForToken = (option, groupLabel, searchTerm) => {
+    const title = option.title.toLowerCase();
+    const description = option.description.toLowerCase();
+    const label = (groupLabel || "").toLowerCase();
+    const keywords = (option.keywords || []).map((keyword) => {
+        return keyword.toLowerCase();
+    });
+    let score = 0;
+    if (title === searchTerm) {
+        score += 200;
+    }
+    else if (title.startsWith(searchTerm)) {
+        score += 140;
+    }
+    else if (title.includes(searchTerm)) {
+        score += 100;
+    }
+    /*
+     * An exact keyword hit is the strongest signal there is after the title
+     * itself: someone who types "k8s" or "postgres" has named the thing, they
+     * just have not named it the way the card does.
+     */
+    if (keywords.some((keyword) => {
+        return keyword === searchTerm;
+    })) {
+        score += 120;
+    }
+    else if (keywords.some((keyword) => {
+        return keyword.startsWith(searchTerm);
+    })) {
+        score += 80;
+    }
+    else if (keywords.some((keyword) => {
+        return keyword.includes(searchTerm);
+    })) {
+        score += 50;
+    }
+    if (label.startsWith(searchTerm)) {
+        score += 75;
+    }
+    else if (label.includes(searchTerm)) {
+        score += 55;
+    }
+    if (description.includes(searchTerm)) {
+        score += 35;
+    }
+    if (title.split(" ").some((word) => {
+        return word.trim().startsWith(searchTerm);
+    })) {
+        score += 15;
+    }
+    return score;
+};
+export const getCardSelectOptionSearchScore = (option, tokens, groupLabel) => {
+    return tokens.reduce((total, token) => {
+        return total + getSearchScoreForToken(option, groupLabel || null, token);
+    }, 0);
+};
+/*
+ * Flat options and groups can be interleaved by the caller, so a run of flat
+ * options becomes its own unlabelled group wherever it appears.
+ */
+export const normalizeCardSelectGroups = (options) => {
     const groups = [];
     let ungroupedOptions = [];
-    for (const option of props.options) {
+    for (const option of options) {
         if (isCardSelectOptionGroup(option)) {
-            // Flush any accumulated ungrouped options first
             if (ungroupedOptions.length > 0) {
                 groups.push({ label: null, options: ungroupedOptions });
                 ungroupedOptions = [];
@@ -25,42 +106,281 @@ const CardSelect = (props) => {
     if (ungroupedOptions.length > 0) {
         groups.push({ label: null, options: ungroupedOptions });
     }
-    let cardIndex = 0;
+    return groups;
+};
+const CardSelect = (props) => {
+    const [search, setSearch] = useState("");
+    const searchInputRef = useRef(null);
+    const containerRef = useRef(null);
+    /*
+     * Groups the user has toggled by hand, by label. Anything absent falls back
+     * to the default below, so a group does not spring shut again the moment
+     * the selection moves elsewhere.
+     */
+    const [toggledGroups, setToggledGroups] = useState({});
+    const groups = useMemo(() => {
+        return normalizeCardSelectGroups(props.options);
+    }, [props.options]);
+    const tokens = useMemo(() => {
+        return getCardSelectSearchTokens(search);
+    }, [search]);
+    const isSearching = tokens.length > 0;
+    const totalOptionCount = useMemo(() => {
+        return groups.reduce((total, group) => {
+            return total + group.options.length;
+        }, 0);
+    }, [groups]);
+    /*
+     * A search flattens the groups. Ranked results in nine separate headed
+     * sections would bury the best match under whichever heading happens to
+     * come first, which is the problem the search is there to solve.
+     */
+    const { searchResults, isShowingClosestMatches } = useMemo(() => {
+        if (!isSearching) {
+            return { searchResults: [], isShowingClosestMatches: false };
+        }
+        const collect = (requireEveryWord) => {
+            const scored = [];
+            for (const group of groups) {
+                for (const option of group.options) {
+                    const matches = requireEveryWord
+                        ? cardSelectOptionMatchesSearch(option, tokens, group.label)
+                        : tokens.some((token) => {
+                            return cardSelectOptionMatchesSearch(option, [token], group.label);
+                        });
+                    if (!matches) {
+                        continue;
+                    }
+                    scored.push({
+                        option: option,
+                        groupLabel: group.label,
+                        score: getCardSelectOptionSearchScore(option, tokens, group.label),
+                    });
+                }
+            }
+            return scored.sort((a, b) => {
+                const scoreDifference = b.score - a.score;
+                if (scoreDifference !== 0) {
+                    return scoreDifference;
+                }
+                return a.option.title.localeCompare(b.option.title);
+            });
+        };
+        const everyWord = collect(true);
+        if (everyWord.length > 0) {
+            return { searchResults: everyWord, isShowingClosestMatches: false };
+        }
+        /*
+         * Nothing contains every word. Rather than a dead end, fall back to the
+         * cards matching any of them, ranked the same way - someone who typed
+         * "postgres uptime" gets SQL Query rather than an empty panel. With a
+         * single word this is the same query, so it correctly stays empty.
+         */
+        const anyWord = collect(false);
+        return {
+            searchResults: anyWord,
+            isShowingClosestMatches: anyWord.length > 0,
+        };
+    }, [groups, tokens, isSearching]);
+    const isGroupExpanded = (group, groupIndex) => {
+        // Unlabelled groups have no header to collapse behind.
+        if (!props.collapsibleGroups || !group.label) {
+            return true;
+        }
+        const toggled = toggledGroups[group.label];
+        if (toggled !== undefined) {
+            return toggled;
+        }
+        // The group holding the current selection, so re-entering a form shows it.
+        if (props.value &&
+            group.options.some((option) => {
+                return option.value === props.value;
+            })) {
+            return true;
+        }
+        /*
+         * The first group is the common case in every catalog that bothers to
+         * order itself, so it is the one worth opening for a user who has not
+         * told us anything yet.
+         */
+        return groupIndex === 0;
+    };
+    const gridClassName = props.singleColumn
+        ? "grid grid-cols-1 gap-4"
+        : "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3";
+    /*
+     * The cards on screen, in the order they are rendered. A search reorders
+     * them and a folded group removes them, so this is recomputed rather than
+     * taken from props.
+     */
+    const visibleOptionValues = useMemo(() => {
+        if (isSearching) {
+            return searchResults.map((result) => {
+                return result.option.value;
+            });
+        }
+        const values = [];
+        groups.forEach((group, groupIndex) => {
+            if (!isGroupExpanded(group, groupIndex)) {
+                return;
+            }
+            for (const option of group.options) {
+                values.push(option.value);
+            }
+        });
+        return values;
+        /*
+         * isGroupExpanded is read here rather than listed: it is rebuilt every
+         * render, and everything it actually depends on - the groups, the manual
+         * toggles and the current value - is in the list.
+         */
+    }, [groups, isSearching, searchResults, toggledGroups, props.value]);
+    /*
+     * One tab stop for the whole group, which is what a radiogroup is supposed
+     * to be. Every card used to get its own increasing tabIndex - with the 0
+     * that FormField passes, that produced 1, 2, 3 ... 28: positive values,
+     * which jump ahead of every other control on the page in tab order. Arrow
+     * keys move between the cards once the group has focus.
+     */
+    const activeOptionValue = props.value && visibleOptionValues.includes(props.value)
+        ? props.value
+        : visibleOptionValues[0];
+    const focusCard = (value) => {
+        var _a;
+        const card = ((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(`[data-card-select-value="${CSS.escape(value)}"]`)) || null;
+        card === null || card === void 0 ? void 0 : card.focus();
+    };
+    const moveFocus = (fromValue, offset) => {
+        const currentIndex = visibleOptionValues.indexOf(fromValue);
+        if (currentIndex < 0) {
+            return;
+        }
+        /*
+         * Clamped rather than wrapping: running off the end of a 29 card grid and
+         * landing back at the top reads as a glitch, not as navigation.
+         */
+        const nextIndex = Math.min(Math.max(currentIndex + offset, 0), visibleOptionValues.length - 1);
+        const nextValue = visibleOptionValues[nextIndex];
+        if (!nextValue || nextValue === fromValue) {
+            return;
+        }
+        focusCard(nextValue);
+    };
+    const renderCard = (option) => {
+        const isSelected = props.value === option.value;
+        return (React.createElement("div", { key: option.value, tabIndex: option.value === activeOptionValue ? props.tabIndex || 0 : -1, "data-card-select-value": option.value, onClick: () => {
+                props.onChange(option.value);
+            }, onKeyDown: (e) => {
+                /*
+                 * Manual activation: arrows move focus, Enter or Space chooses.
+                 * Selecting on focus would fire onChange for every card arrowed
+                 * past, and on this form that resets the criteria below.
+                 */
+                if (e.key === "Enter" || e.key === " ") {
+                    e.preventDefault();
+                    props.onChange(option.value);
+                    return;
+                }
+                if (e.key === "ArrowRight" || e.key === "ArrowDown") {
+                    e.preventDefault();
+                    moveFocus(option.value, 1);
+                    return;
+                }
+                if (e.key === "ArrowLeft" || e.key === "ArrowUp") {
+                    e.preventDefault();
+                    moveFocus(option.value, -1);
+                }
+            }, className: `relative flex cursor-pointer rounded-lg border p-4 shadow-sm transition-all duration-200 hover:border-indigo-400 hover:shadow-md focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2 ${isSelected
+                ? "border-indigo-500 bg-indigo-50/50"
+                : "border-gray-200 bg-white"}`, role: "radio", "aria-checked": isSelected, "data-testid": `card-select-option-${option.value}` },
+            React.createElement("div", { className: "flex w-full items-start" },
+                React.createElement("div", { className: `flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-lg ${isSelected ? "bg-indigo-100" : "bg-gray-100"}` },
+                    React.createElement(Icon, { icon: option.icon, size: SizeProp.Large, className: `h-5 w-5 ${isSelected ? "text-indigo-600" : "text-gray-600"}` })),
+                React.createElement("div", { className: "ml-4 flex-1" },
+                    React.createElement("span", { className: `block text-sm font-semibold ${isSelected ? "text-gray-900" : "text-gray-900"}` }, option.title),
+                    React.createElement("span", { className: `mt-1 block text-sm ${isSelected ? "text-gray-600" : "text-gray-500"}` }, option.description)),
+                isSelected && (React.createElement("div", { className: "flex-shrink-0 ml-2" },
+                    React.createElement(Icon, { icon: IconProp.CheckCircle, size: SizeProp.Large, className: "h-5 w-5 text-indigo-500" }))))));
+    };
     return (React.createElement("div", { "data-testid": props.dataTestId },
-        React.createElement("div", { role: "radiogroup", "aria-label": "Select an option", "aria-labelledby": props.ariaLabelledby }, groups.map((group, groupIndex) => {
-            return (React.createElement("div", { key: groupIndex, className: groupIndex > 0 ? "mt-8" : "" },
-                group.label && (React.createElement("div", { className: "relative mb-4" },
-                    React.createElement("div", { className: "absolute inset-0 flex items-center", "aria-hidden": "true" },
-                        React.createElement("div", { className: "w-full border-t border-gray-200" })),
-                    React.createElement("div", { className: "relative flex justify-start" },
-                        React.createElement("span", { className: "bg-white pr-3 text-xs font-semibold uppercase tracking-wider text-gray-400" }, group.label)))),
-                React.createElement("div", { className: props.singleColumn
-                        ? "grid grid-cols-1 gap-4"
-                        : "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3" }, group.options.map((option) => {
-                    const isSelected = props.value === option.value;
-                    const currentIndex = cardIndex++;
-                    return (React.createElement("div", { key: option.value, tabIndex: props.tabIndex
-                            ? props.tabIndex + currentIndex
-                            : currentIndex, onClick: () => {
-                            props.onChange(option.value);
-                        }, onKeyDown: (e) => {
-                            if (e.key === "Enter" || e.key === " ") {
-                                e.preventDefault();
-                                props.onChange(option.value);
-                            }
-                        }, className: `relative flex cursor-pointer rounded-lg border p-4 shadow-sm focus:outline-none transition-all duration-200 hover:border-indigo-400 hover:shadow-md ${isSelected
-                            ? "border-indigo-500 bg-indigo-50/50"
-                            : "border-gray-200 bg-white"}`, role: "radio", "aria-checked": isSelected, "data-testid": `card-select-option-${option.value}` },
-                        React.createElement("div", { className: "flex w-full items-start" },
-                            React.createElement("div", { className: `flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-lg ${isSelected ? "bg-indigo-100" : "bg-gray-100"}` },
-                                React.createElement(Icon, { icon: option.icon, size: SizeProp.Large, className: `h-5 w-5 ${isSelected ? "text-indigo-600" : "text-gray-600"}` })),
-                            React.createElement("div", { className: "ml-4 flex-1" },
-                                React.createElement("span", { className: `block text-sm font-semibold ${isSelected ? "text-gray-900" : "text-gray-900"}` }, option.title),
-                                React.createElement("span", { className: `mt-1 block text-sm ${isSelected ? "text-gray-600" : "text-gray-500"}` }, option.description)),
-                            isSelected && (React.createElement("div", { className: "flex-shrink-0 ml-2" },
-                                React.createElement(Icon, { icon: IconProp.CheckCircle, size: SizeProp.Large, className: "h-5 w-5 text-indigo-500" }))))));
-                }))));
-        })),
+        props.searchable && (React.createElement("div", { className: "mb-5" },
+            React.createElement("div", { className: "relative flex items-center gap-3 rounded-lg border border-gray-300 bg-white px-3 py-2 shadow-sm transition-all duration-200 focus-within:border-indigo-500 focus-within:ring-1 focus-within:ring-indigo-500" },
+                React.createElement(Icon, { icon: IconProp.Search, className: "h-4 w-4 flex-shrink-0 text-gray-400" }),
+                React.createElement("input", { ref: searchInputRef, type: "text", value: search, placeholder: props.searchPlaceholder || "Search", autoComplete: "off", "aria-label": props.searchPlaceholder || "Search", "data-testid": "card-select-search", className: "block w-full border-0 bg-transparent p-0 text-sm text-gray-900 placeholder:text-gray-400 focus:outline-none focus:ring-0", onChange: (event) => {
+                        setSearch(event.target.value);
+                    }, onKeyDown: (event) => {
+                        if (event.key === "Escape" && search.length > 0) {
+                            /*
+                             * Stops the keypress reaching a modal or side over that
+                             * would take a clear-the-search Escape as close-the-form.
+                             */
+                            event.stopPropagation();
+                            event.preventDefault();
+                            setSearch("");
+                            return;
+                        }
+                        /*
+                         * Type a couple of letters, press Enter, done - the whole
+                         * point of the search box for someone who already knows what
+                         * they want. Left alone when there is nothing to choose.
+                         */
+                        if (event.key === "Enter" && searchResults[0]) {
+                            event.preventDefault();
+                            props.onChange(searchResults[0].option.value);
+                            return;
+                        }
+                        // The only way into the grid without reaching for the mouse.
+                        if (event.key === "ArrowDown" && activeOptionValue) {
+                            event.preventDefault();
+                            focusCard(activeOptionValue);
+                        }
+                    } }),
+                search.length > 0 && (React.createElement("button", { type: "button", "aria-label": "Clear search", "data-testid": "card-select-search-clear", className: "flex flex-shrink-0 items-center text-gray-400 hover:text-gray-600", onClick: () => {
+                        var _a;
+                        setSearch("");
+                        (_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                    } },
+                    React.createElement(Icon, { icon: IconProp.Close, className: "h-4 w-4" })))),
+            React.createElement("p", { className: "mt-2 text-xs text-gray-500", "data-testid": "card-select-search-summary", role: "status" }, isSearching
+                ? isShowingClosestMatches
+                    ? `Showing ${searchResults.length} closest of ${totalOptionCount}`
+                    : `Showing ${searchResults.length} of ${totalOptionCount}`
+                : `${totalOptionCount} to choose from. Search by name, category, or what you want to watch.`))),
+        React.createElement("div", { ref: containerRef, role: "radiogroup", "aria-label": "Select an option", "aria-labelledby": props.ariaLabelledby },
+            isSearching && isShowingClosestMatches && (React.createElement("p", { className: "mb-4 text-sm text-gray-500", "data-testid": "card-select-closest-matches" }, "Nothing matches every word you typed. Closest matches:")),
+            isSearching && (React.createElement("div", { className: gridClassName }, searchResults.map((result) => {
+                return renderCard(result.option);
+            }))),
+            isSearching && searchResults.length === 0 && (React.createElement("div", { className: "rounded-lg border border-dashed border-gray-300 bg-gray-50 p-6 text-center", "data-testid": "card-select-no-results" },
+                React.createElement("p", { className: "text-sm font-medium text-gray-900" }, "Nothing matches every word you typed."),
+                React.createElement("p", { className: "mt-1 text-sm text-gray-500" }, "Try fewer words, or a protocol or product name."),
+                React.createElement("button", { type: "button", className: "mt-3 text-sm font-medium text-indigo-600 hover:text-indigo-500", onClick: () => {
+                        var _a;
+                        setSearch("");
+                        (_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                    } }, "Clear search"))),
+            !isSearching &&
+                groups.map((group, groupIndex) => {
+                    const expanded = isGroupExpanded(group, groupIndex);
+                    const canCollapse = Boolean(props.collapsibleGroups && group.label);
+                    return (React.createElement("div", { key: groupIndex, className: groupIndex > 0 ? "mt-8" : "" },
+                        group.label && !canCollapse && (React.createElement("div", { className: "relative mb-4" },
+                            React.createElement("div", { className: "absolute inset-0 flex items-center", "aria-hidden": "true" },
+                                React.createElement("div", { className: "w-full border-t border-gray-200" })),
+                            React.createElement("div", { className: "relative flex justify-start" },
+                                React.createElement("span", { className: "bg-white pr-3 text-xs font-semibold uppercase tracking-wider text-gray-400" }, group.label)))),
+                        group.label && canCollapse && (React.createElement("button", { type: "button", "aria-expanded": expanded, "data-testid": `card-select-group-${group.label}`, className: "mb-4 flex w-full items-center gap-2 border-b border-gray-200 pb-2 text-left", onClick: () => {
+                                setToggledGroups((previous) => {
+                                    return Object.assign(Object.assign({}, previous), { [group.label]: !expanded });
+                                });
+                            } },
+                            React.createElement(Icon, { icon: expanded ? IconProp.ChevronDown : IconProp.ChevronRight, className: "h-4 w-4 flex-shrink-0 text-gray-400" }),
+                            React.createElement("span", { className: "text-xs font-semibold uppercase tracking-wider text-gray-500" }, group.label),
+                            React.createElement("span", { className: "rounded-full bg-gray-100 px-2 py-0.5 text-xs font-medium text-gray-500" }, group.options.length))),
+                        expanded && (React.createElement("div", { className: gridClassName }, group.options.map((option) => {
+                            return renderCard(option);
+                        })))));
+                })),
         props.error && (React.createElement("p", { className: "mt-2 text-sm text-red-600", role: "alert" }, props.error))));
 };
 export default CardSelect;

package/build/dist/UI/Components/CardSelect/CardSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardSelect.js","sourceRoot":"","sources":["../../../../../UI/Components/CardSelect/CardSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,8BAA8B,CAAC;AACpD,OAAO,IAAI,EAAE,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAA0C,MAAM,OAAO,CAAC;AAc/D,MAAM,UAAU,uBAAuB,CACrC,MAAgD;IAEhD,OAAO,CACJ,MAAgC,CAAC,KAAK,KAAK,SAAS;QACrD,KAAK,CAAC,OAAO,CAAE,MAAgC,CAAC,OAAO,CAAC,CACzD,CAAC;AACJ,CAAC;AAmBD,MAAM,UAAU,GAAsC,CACpD,KAAqB,EACP,EAAE;IAChB,uCAAuC;IACvC,MAAM,MAAM,GAAuB,EAAE,CAAC;IACtC,IAAI,gBAAgB,GAA4B,EAAE,CAAC;IAEnD,KAAK,MAAM,MAAM,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;QACnC,IAAI,uBAAuB,CAAC,MAAM,CAAC,EAAE,CAAC;YACpC,gDAAgD;YAChD,IAAI,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAChC,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,gBAAgB,EAAE,CAAC,CAAC;gBACxD,gBAAgB,GAAG,EAAE,CAAC;YACxB,CAAC;YACD,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC;QAChE,CAAC;aAAM,CAAC;YACN,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAChC,CAAC;IACH,CAAC;IAED,IAAI,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAChC,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,gBAAgB,EAAE,CAAC,CAAC;IAC1D,CAAC;IAED,IAAI,SAAS,GAAW,CAAC,CAAC;IAE1B,OAAO,CACL,4CAAkB,KAAK,CAAC,UAAU;QAChC,6BACE,IAAI,EAAC,YAAY,gBACN,kBAAkB,qBACZ,KAAK,CAAC,cAAc,IAEpC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAkB,EAAE,UAAkB,EAAE,EAAE;YACrD,OAAO,CACL,6BAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;gBAC1D,KAAK,CAAC,KAAK,IAAI,CACd,6BAAK,SAAS,EAAC,eAAe;oBAC5B,6BACE,SAAS,EAAC,oCAAoC,iBAClC,MAAM;wBAElB,6BAAK,SAAS,EAAC,iCAAiC,GAAO,CACnD;oBACN,6BAAK,SAAS,EAAC,6BAA6B;wBAC1C,8BAAM,SAAS,EAAC,4EAA4E,IACzF,KAAK,CAAC,KAAK,CACP,CACH,CACF,CACP;gBACD,6BACE,SAAS,EACP,KAAK,CAAC,YAAY;wBAChB,CAAC,CAAC,wBAAwB;wBAC1B,CAAC,CAAC,sDAAsD,IAG3D,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAwB,EAAE,EAAE;oBAC9C,MAAM,UAAU,GAAY,KAAK,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC;oBACzD,MAAM,YAAY,GAAW,SAAS,EAAE,CAAC;oBAEzC,OAAO,CACL,6BACE,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,QAAQ,EACN,KAAK,CAAC,QAAQ;4BACZ,CAAC,CAAC,KAAK,CAAC,QAAQ,GAAG,YAAY;4BAC/B,CAAC,CAAC,YAAY,EAElB,OAAO,EAAE,GAAG,EAAE;4BACZ,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;wBAC/B,CAAC,EACD,SAAS,EAAE,CAAC,CAAsB,EAAE,EAAE;4BACpC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gCACvC,CAAC,CAAC,cAAc,EAAE,CAAC;gCACnB,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;4BAC/B,CAAC;wBACH,CAAC,EACD,SAAS,EAAE,uJACT,UAAU;4BACR,CAAC,CAAC,mCAAmC;4BACrC,CAAC,CAAC,0BACN,EAAE,EACF,IAAI,EAAC,OAAO,kBACE,UAAU,iBACX,sBAAsB,MAAM,CAAC,KAAK,EAAE;wBAEjD,6BAAK,SAAS,EAAC,yBAAyB;4BACtC,6BACE,SAAS,EAAE,uEACT,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aACjC,EAAE;gCAEF,oBAAC,IAAI,IACH,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,IAAI,EAAE,QAAQ,CAAC,KAAK,EACpB,SAAS,EAAE,WACT,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eACnC,EAAE,GACF,CACE;4BACN,6BAAK,SAAS,EAAC,aAAa;gCAC1B,8BACE,SAAS,EAAE,+BACT,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eACjC,EAAE,IAED,MAAM,CAAC,KAAK,CACR;gCACP,8BACE,SAAS,EAAE,sBACT,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eACjC,EAAE,IAED,MAAM,CAAC,WAAW,CACd,CACH;4BACL,UAAU,IAAI,CACb,6BAAK,SAAS,EAAC,oBAAoB;gCACjC,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,CAAC,WAAW,EAC1B,IAAI,EAAE,QAAQ,CAAC,KAAK,EACpB,SAAS,EAAC,yBAAyB,GACnC,CACE,CACP,CACG,CACF,CACP,CAAC;gBACJ,CAAC,CAAC,CACE,CACF,CACP,CAAC;QACJ,CAAC,CAAC,CACE;QACL,KAAK,CAAC,KAAK,IAAI,CACd,2BAAG,SAAS,EAAC,2BAA2B,EAAC,IAAI,EAAC,OAAO,IAClD,KAAK,CAAC,KAAK,CACV,CACL,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"CardSelect.js","sourceRoot":"","sources":["../../../../../UI/Components/CardSelect/CardSelect.tsx"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/EmptyState/EmptyState.js

@@ -4,7 +4,7 @@ import React from "react";
 const EmptyState = (props) => {
     const { translateValue } = useTranslateValue();
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", { id: props.id, className: `flex pt-52 pb-52 ${props.showSolidBackground ? "bg-white rounded shadow" : ""}` },
+        React.createElement("div", { id: props.id, className: `flex ${props.paddingClassName || "pt-52 pb-52"} ${props.showSolidBackground ? "bg-white rounded shadow" : ""}` },
             React.createElement("div", { className: "m-auto text-center" },
                 props.icon && (React.createElement(Icon, { icon: props.icon, className: props.iconClassName || `mx-auto h-12 w-12 text-gray-400` })),
                 React.createElement("h3", { className: "mt-2 text-sm font-medium text-gray-900" }, translateValue(props.title)),

package/build/dist/UI/Components/EmptyState/EmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../../../UI/Components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,cAAc,CAAC;AAEhC,OAAO,iBAAiB,MAAM,yBAAyB,CAAC;AACxD,OAAO,KAA0C,MAAM,OAAO,CAAC;AAY/D,MAAM,UAAU,GAAsC,CACpD,KAAqB,EACP,EAAE;IAChB,MAAM,EAAE,cAAc,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAC/C,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACb,6BACE,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,oBACT,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAC1D,EAAE;YAEF,6BAAK,SAAS,EAAC,oBAAoB;gBAChC,KAAK,CAAC,IAAI,IAAI,CACb,oBAAC,IAAI,IACH,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EACP,KAAK,CAAC,aAAa,IAAI,iCAAiC,GAE1D,CACH;gBAED,4BAAI,SAAS,EAAC,wCAAwC,IACnD,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,CACzB;gBACL,2BAAG,SAAS,EAAC,4BAA4B,IACtC,cAAc,CAAC,KAAK,CAAC,WAAW,CAAC,CAChC;gBACH,KAAK,CAAC,MAAM,IAAI,6BAAK,SAAS,EAAC,MAAM,IAAE,KAAK,CAAC,MAAM,CAAO,CACvD,CACF,CACS,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../../../UI/Components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,cAAc,CAAC;AAEhC,OAAO,iBAAiB,MAAM,yBAAyB,CAAC;AACxD,OAAO,KAA0C,MAAM,OAAO,CAAC;AAmB/D,MAAM,UAAU,GAAsC,CACpD,KAAqB,EACP,EAAE;IAChB,MAAM,EAAE,cAAc,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAC/C,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACb,6BACE,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,QAAQ,KAAK,CAAC,gBAAgB,IAAI,aAAa,IACxD,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAC1D,EAAE;YAEF,6BAAK,SAAS,EAAC,oBAAoB;gBAChC,KAAK,CAAC,IAAI,IAAI,CACb,oBAAC,IAAI,IACH,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EACP,KAAK,CAAC,aAAa,IAAI,iCAAiC,GAE1D,CACH;gBAED,4BAAI,SAAS,EAAC,wCAAwC,IACnD,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,CACzB;gBACL,2BAAG,SAAS,EAAC,4BAA4B,IACtC,cAAc,CAAC,KAAK,CAAC,WAAW,CAAC,CAChC;gBACH,KAAK,CAAC,MAAM,IAAI,6BAAK,SAAS,EAAC,MAAM,IAAE,KAAK,CAAC,MAAM,CAAO,CACvD,CACF,CACS,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}