@paubox/ui 3.0.0 → 3.0.2

package/index.esm.js

@@ -29999,7 +29999,7 @@ function _templateObject2$7() {
 }
 function _templateObject3$6() {
     var data = _tagged_template_literal$8([
-        "\n  width: 45px;\n  text-align: center;\n"
+        "\n  width: 45px;\n  text-align: center;\n  padding-top: 0.3rem;\n  padding-bottom: 0.3rem;\n  line-height: 1rem;\n"
     ]);
     _templateObject3$6 = function _templateObject() {
         return data;
@@ -31069,11 +31069,20 @@ var formatDate = function(iso) {
 // with non-memoized callbacks from the parent) drove an infinite render
 // loop on pages that don't pass `localCandidates`.
 var EMPTY_CANDIDATES = [];
+// Default for the optional `decodeHeader` prop — pass-through.
+var identityDecode = function(s) {
+    return s;
+};
 // ─── Component ──────────────────────────────────────────────────────────────
 var SearchOmnibox = function(param) {
     var bar = param.bar, _param_placeholder = param.placeholder, placeholder = _param_placeholder === void 0 ? 'Search' : _param_placeholder, _param_pbSearchBaseUrl = param.pbSearchBaseUrl, pbSearchBaseUrl = _param_pbSearchBaseUrl === void 0 ? '' : _param_pbSearchBaseUrl, _param_getAuthToken = param.getAuthToken, getAuthToken = _param_getAuthToken === void 0 ? function() {
         return '';
-    } : _param_getAuthToken, _param_fetchSuggestions = param.fetchSuggestions, fetchSuggestions = _param_fetchSuggestions === void 0 ? true : _param_fetchSuggestions, _param_withHistory = param.withHistory, withHistory = _param_withHistory === void 0 ? true : _param_withHistory, onResultClick = param.onResultClick, onCommit = param.onCommit, onLiveChange = param.onLiveChange, _param_localCandidates = param.localCandidates, localCandidates = _param_localCandidates === void 0 ? EMPTY_CANDIDATES : _param_localCandidates, _param_testId = param.testId, testId = _param_testId === void 0 ? 'search-omnibox' : _param_testId, _param_initialQuery = param.initialQuery, initialQuery = _param_initialQuery === void 0 ? '' : _param_initialQuery;
+    } : _param_getAuthToken, _param_fetchSuggestions = param.fetchSuggestions, fetchSuggestions = _param_fetchSuggestions === void 0 ? true : _param_fetchSuggestions, _param_withHistory = param.withHistory, withHistory = _param_withHistory === void 0 ? true : _param_withHistory, onResultClick = param.onResultClick, onCommit = param.onCommit, onLiveChange = param.onLiveChange, _param_localCandidates = param.localCandidates, localCandidates = _param_localCandidates === void 0 ? EMPTY_CANDIDATES : _param_localCandidates, decodeHeader = param.decodeHeader, _param_testId = param.testId, testId = _param_testId === void 0 ? 'search-omnibox' : _param_testId, _param_initialQuery = param.initialQuery, initialQuery = _param_initialQuery === void 0 ? '' : _param_initialQuery;
+    // Local identity fallback for the optional decoder. Wrapping at use time
+    // (instead of defaulting via destructure) lets us keep the prop strictly
+    // optional and skip an extra closure allocation on every render when the
+    // caller doesn't pass one.
+    var decode = decodeHeader !== null && decodeHeader !== void 0 ? decodeHeader : identityDecode;
     var _useState = _sliced_to_array$4(useState(initialQuery), 2), query = _useState[0], setQuery = _useState[1];
     var _useState1 = _sliced_to_array$4(useState(initialQuery), 2), debouncedQuery = _useState1[0], setDebouncedQuery = _useState1[1];
     var _useState2 = _sliced_to_array$4(useState(false), 2), focused = _useState2[0], setFocused = _useState2[1];
@@ -31811,17 +31820,28 @@ var SearchOmnibox = function(param) {
                                         children: /*#__PURE__*/ jsx(Close, {})
                                     })
                                 ]
-                            }, "recent-".concat(item.key));
+                            }, "recent-".concat(idx, "-").concat(item.key));
                         }
                         if (item.kind === 'result') {
                             var result = results.find(function(r) {
                                 return r.message_id === item.key;
                             });
                             if (!result) return null;
+                            // Decode RFC 2047 encoded-words ("=?UTF-8?Q?..?=") and other
+                            // wire-format escapes before rendering. Backend stores the
+                            // raw header bytes; presentation is the caller's concern via
+                            // the optional `decodeHeader` prop. When the prop is
+                            // unset (non-mail bars), `decode` is identity and this is a
+                            // no-op. Highlight markup is left as-is — it's a snippet
+                            // composed server-side from the indexed (already-tokenized)
+                            // text and shouldn't be re-decoded.
+                            var decodedSubject = decode(result.subject);
+                            var decodedFrom = decode(result.from);
                             var _result_to;
+                            var decodedTo = ((_result_to = result.to) !== null && _result_to !== void 0 ? _result_to : []).map(decode);
                             var participants = [
-                                result.from
-                            ].concat(_to_consumable_array$2((_result_to = result.to) !== null && _result_to !== void 0 ? _result_to : [])).filter(Boolean).join(', ');
+                                decodedFrom
+                            ].concat(_to_consumable_array$2(decodedTo)).filter(Boolean).join(', ');
                             return /*#__PURE__*/ jsxs(DropdownRow, {
                                 id: optionId,
                                 role: "option",
@@ -31845,7 +31865,7 @@ var SearchOmnibox = function(param) {
                                                     __html: sanitizeHighlight(result.highlight_subject)
                                                 }
                                             }) : /*#__PURE__*/ jsx("strong", {
-                                                children: result.subject
+                                                children: decodedSubject
                                             }),
                                             /*#__PURE__*/ jsx("span", {
                                                 style: {
@@ -31860,7 +31880,7 @@ var SearchOmnibox = function(param) {
                                         children: formatDate(result.timestamp)
                                     })
                                 ]
-                            }, "result-".concat(item.key));
+                            }, "result-".concat(idx, "-").concat(item.key));
                         }
                         if (item.kind === 'local') {
                             return /*#__PURE__*/ jsx(DropdownRow, {
@@ -31878,7 +31898,7 @@ var SearchOmnibox = function(param) {
                                 children: /*#__PURE__*/ jsx(RowText, {
                                     children: item.key
                                 })
-                            }, "local-".concat(item.key));
+                            }, "local-".concat(idx, "-").concat(item.key));
                         }
                         // footer
                         return /*#__PURE__*/ jsxs(FooterRow, {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@paubox/ui",
   "author": "Paubox, Inc.",
   "description": "Paubox Component Library",
-  "version": "3.0.0",
+  "version": "3.0.2",
   "type": "module",
   "private": false,
   "publishConfig": {

package/src/lib/SearchOmnibox/SearchOmnibox.d.ts

@@ -85,6 +85,16 @@ export interface SearchOmniboxProps {
      *  Fires in both `local` and `remote` modes. Optional — pages that
      *  only care about explicit commits should just not pass this. */
     onLiveChange?: (query: string) => void;
+    /** Optional decoder applied to header fields (`from`, `to`, `subject`)
+     *  on suggestion rows before they're rendered. Use this to handle
+     *  RFC 2047 encoded-words ("=?UTF-8?Q?Re:_=E2=9A=A1?=") or other
+     *  on-the-wire encodings the backend hasn't already unwrapped.
+     *
+     *  Kept as a prop (rather than hardcoded) so the component stays
+     *  mail-agnostic; mail-bar callers wire in `decodeMimeHeader` from
+     *  paubox-next's `utils/mimeHeader`, non-mail bars can leave it
+     *  undefined. Defaults to identity. */
+    decodeHeader?: (value: string) => string;
     /** Optional candidate strings to filter client-side when
      *  `fetchSuggestions={false}` (e.g. ruleset names, usernames). Ignored
      *  when `fetchSuggestions` is truthy — pb_search drives the suggestions
@@ -95,4 +105,4 @@ export interface SearchOmniboxProps {
     /** Optional initial query (e.g. when restoring from URL state). */
     initialQuery?: string;
 }
-export declare const SearchOmnibox: ({ bar, placeholder, pbSearchBaseUrl, getAuthToken, fetchSuggestions, withHistory, onResultClick, onCommit, onLiveChange, localCandidates, testId, initialQuery, }: SearchOmniboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SearchOmnibox: ({ bar, placeholder, pbSearchBaseUrl, getAuthToken, fetchSuggestions, withHistory, onResultClick, onCommit, onLiveChange, localCandidates, decodeHeader, testId, initialQuery, }: SearchOmniboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;