@rubixstudios/payload-typesense 1.0.10 → 1.1.0

package/dist/components/HeadlessSearchInput.d.ts

@@ -18,6 +18,10 @@ export interface HeadlessSearchInputProps<T = Record<string, unknown>> extends B
      * Number of results to show per page
      */
     perPage?: number;
+    /**
+     * Show date in search results
+     */
+    renderDate?: boolean;
     /**
      * Custom render function for error state
      */
@@ -39,6 +43,10 @@ export interface HeadlessSearchInputProps<T = Record<string, unknown>> extends B
      * Custom render function for loading state
      */
     renderLoading?: () => React.ReactNode;
+    /**
+     * Show match percentage in search results
+     */
+    renderMatchPercentage?: boolean;
     /**
      * Custom render function for no results
      */
@@ -82,7 +90,7 @@ export interface HeadlessSearchInputProps<T = Record<string, unknown>> extends B
      */
     theme?: string | ThemeConfig;
 }
-declare const HeadlessSearchInput: <T = Record<string, unknown>>({ baseUrl, className, collection, collections, debounceMs, enableSuggestions: _enableSuggestions, errorClassName, inputClassName, inputWrapperClassName, minQueryLength, noResultsClassName, onResultClick, onResults, onSearch, perPage, placeholder, renderError, renderInput, renderNoResults, renderResult, renderResultsHeader, resultItemClassName, resultsClassName, resultsContainerClassName, resultsHeaderClassName, resultsListClassName, showLoading, showResultCount, showSearchTime, theme, }: HeadlessSearchInputProps<T>) => React.ReactElement;
+declare const HeadlessSearchInput: <T = Record<string, unknown>>({ baseUrl, className, collection, collections, debounceMs, enableSuggestions: _enableSuggestions, errorClassName, inputClassName, inputWrapperClassName, minQueryLength, noResultsClassName, onResultClick, onResults, onSearch, perPage, placeholder, renderDate, renderError, renderInput, renderMatchPercentage, renderNoResults, renderResult, renderResultsHeader, resultItemClassName, resultsClassName, resultsContainerClassName, resultsHeaderClassName, resultsListClassName, showLoading, showResultCount, showSearchTime, theme, }: HeadlessSearchInputProps<T>) => React.ReactElement;
 export default HeadlessSearchInput;
 export { HeadlessSearchInput };
 //# sourceMappingURL=HeadlessSearchInput.d.ts.map

package/dist/components/HeadlessSearchInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeadlessSearchInput.d.ts","sourceRoot":"","sources":["../../src/components/HeadlessSearchInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAEvE,OAAO,KAAK,EAAE,oBAAoB,EAAkB,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAIpD,MAAM,WAAW,wBAAwB,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CACnE,SAAQ,oBAAoB,CAAC,CAAC,CAAC;IAC/B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IAChD;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE;QACpB,SAAS,EAAE,MAAM,CAAA;QACjB,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;QACrC,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;QAC1D,OAAO,EAAE,MAAM,IAAI,CAAA;QACnB,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAA;QAC3C,WAAW,EAAE,MAAM,CAAA;QACnB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;QAC7C,KAAK,EAAE,MAAM,CAAA;KACd,KAAK,KAAK,CAAC,SAAS,CAAA;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAA;IACrC;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACpD;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE;QAAE,OAAO,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAA;IACpI;;OAEG;IACH,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IAC5E;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;;OAEG;IACH,yBAAyB,CAAC,EAAE,MAAM,CAAA;IAClC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,WAAW,CAAA;CAC7B;AAED,QAAA,MAAM,mBAAmB,GAAI,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAG,6eA+BxD,wBAAwB,CAAC,CAAC,CAAC,KAAG,KAAK,CAAC,YAstBtC,CAAA;AAED,eAAe,mBAAmB,CAAA;AAClC,OAAO,EAAE,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"HeadlessSearchInput.d.ts","sourceRoot":"","sources":["../../src/components/HeadlessSearchInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAEvE,OAAO,KAAK,EAAE,oBAAoB,EAAkB,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAIpD,MAAM,WAAW,wBAAwB,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CACnE,SAAQ,oBAAoB,CAAC,CAAC,CAAC;IAC/B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IAChD;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE;QACpB,SAAS,EAAE,MAAM,CAAA;QACjB,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;QACrC,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;QAC1D,OAAO,EAAE,MAAM,IAAI,CAAA;QACnB,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAA;QAC3C,WAAW,EAAE,MAAM,CAAA;QACnB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;QAC7C,KAAK,EAAE,MAAM,CAAA;KACd,KAAK,KAAK,CAAC,SAAS,CAAA;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAA;IACrC;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACpD;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE;QAAE,OAAO,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAA;IACpI;;OAEG;IACH,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IAC5E;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;;OAEG;IACH,yBAAyB,CAAC,EAAE,MAAM,CAAA;IAClC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,WAAW,CAAA;CAC7B;AAED,QAAA,MAAM,mBAAmB,GAAI,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAG,ghBAiCxD,wBAAwB,CAAC,CAAC,CAAC,KAAG,KAAK,CAAC,YA4sBtC,CAAA;AAED,eAAe,mBAAmB,CAAA;AAClC,OAAO,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/components/HeadlessSearchInput.js

@@ -1,7 +1,7 @@
 'use client';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { useThemeConfig } from './themes/hooks.js';
-const HeadlessSearchInput = ({ baseUrl, className = '', collection, collections, debounceMs = 300, enableSuggestions: _enableSuggestions = true, errorClassName = '', inputClassName = '', inputWrapperClassName = '', minQueryLength = 2, noResultsClassName = '', onResultClick, onResults, onSearch, perPage = 10, placeholder = 'Search...', renderError, renderInput, renderNoResults, renderResult, renderResultsHeader, resultItemClassName = '', resultsClassName = '', resultsContainerClassName = '', resultsHeaderClassName = '', resultsListClassName = '', showLoading = true, showResultCount = true, showSearchTime = true, theme = 'modern' })=>{
+const HeadlessSearchInput = ({ baseUrl, className = '', collection, collections, debounceMs = 300, enableSuggestions: _enableSuggestions = true, errorClassName = '', inputClassName = '', inputWrapperClassName = '', minQueryLength = 2, noResultsClassName = '', onResultClick, onResults, onSearch, perPage = 10, placeholder = 'Search...', renderDate = true, renderError, renderInput, renderMatchPercentage = true, renderNoResults, renderResult, renderResultsHeader, resultItemClassName = '', resultsClassName = '', resultsContainerClassName = '', resultsHeaderClassName = '', resultsListClassName = '', showLoading = true, showResultCount = true, showSearchTime = true, theme = 'modern' })=>{
     const [query, setQuery] = useState('');
     const [results, setResults] = useState(null);
     const [isLoading, setIsLoading] = useState(false);
@@ -11,7 +11,6 @@ const HeadlessSearchInput = ({ baseUrl, className = '', collection, collections,
     const resultsRef = useRef(null);
     const debounceRef = useRef(undefined);
     const collectionsRef = useRef(collections);
-    // Theme configuration
     const themeConfig = useThemeConfig({
         theme: typeof theme === 'string' ? theme : theme.theme || 'modern',
         ...typeof theme === 'object' ? theme : {}
@@ -24,7 +23,6 @@ const HeadlessSearchInput = ({ baseUrl, className = '', collection, collections,
         collections
     ]);
     // Debounced search function
-    // Use refs to avoid recreating functions on every render
     const onResultsRef = useRef(onResults);
     const onSearchRef = useRef(onSearch);
     onResultsRef.current = onResults;
@@ -55,7 +53,6 @@ const HeadlessSearchInput = ({ baseUrl, className = '', collection, collections,
                 throw new Error(`Search failed: ${response.status} ${response.statusText}`);
             }
             searchResults = await response.json();
-            // Filter results if specific collections were requested
             if (collectionsRef.current && collectionsRef.current.length > 0) {
                 const filteredHits = searchResults.hits?.filter((hit)=>hit.collection && collectionsRef.current.includes(hit.collection)) || [];
                 const filteredCollections = searchResults.collections?.filter((col)=>col.collection && collectionsRef.current.includes(col.collection)) || [];
@@ -81,7 +78,6 @@ const HeadlessSearchInput = ({ baseUrl, className = '', collection, collections,
         perPage,
         minQueryLength
     ]);
-    // Debounced search effect
     useEffect(()=>{
         if (debounceRef.current) {
             clearTimeout(debounceRef.current);
@@ -225,12 +221,12 @@ const HeadlessSearchInput = ({ baseUrl, className = '', collection, collections,
             style: {
                 alignItems: 'flex-start',
                 display: 'flex',
-                gap: '12px'
+                gap: '12px',
+                padding: '6px'
             }
         }, /*#__PURE__*/ React.createElement("div", {
             style: {
-                flexShrink: 0,
-                marginTop: '4px'
+                flexShrink: 0
             }
         }, /*#__PURE__*/ React.createElement("div", {
             style: {
@@ -261,7 +257,7 @@ const HeadlessSearchInput = ({ baseUrl, className = '', collection, collections,
             style: {
                 color: themeConfig.theme.colors.titleText,
                 fontFamily: themeConfig.theme.typography.fontFamily,
-                fontSize: themeConfig.theme.typography.fontSizeLg,
+                fontSize: themeConfig.theme.typography.fontSizeBase,
                 fontWeight: themeConfig.theme.typography.fontWeightSemibold,
                 lineHeight: themeConfig.theme.typography.lineHeightTight,
                 margin: 0,
@@ -269,7 +265,7 @@ const HeadlessSearchInput = ({ baseUrl, className = '', collection, collections,
                 textOverflow: 'ellipsis',
                 whiteSpace: 'nowrap'
             }
-        }, result.document?.title || result.document?.name || result.title || 'Untitled'), typeof result.text_match === 'number' && !isNaN(result.text_match) && /*#__PURE__*/ React.createElement("span", {
+        }, result.document?.title || result.document?.name || result.title || 'Untitled'), renderMatchPercentage && typeof result.text_match === 'number' && !isNaN(result.text_match) && /*#__PURE__*/ React.createElement("span", {
             style: {
                 alignItems: 'center',
                 backgroundColor: themeConfig.theme.colors.scoreBadge,
@@ -289,6 +285,7 @@ const HeadlessSearchInput = ({ baseUrl, className = '', collection, collections,
                 color: themeConfig.theme.colors.descriptionText,
                 display: '-webkit-box',
                 fontSize: themeConfig.theme.typography.fontSizeSm,
+                fontWeight: themeConfig.theme.typography.fontWeightNormal,
                 lineHeight: themeConfig.theme.typography.lineHeightNormal,
                 marginTop: '4px',
                 overflow: 'hidden',
@@ -304,7 +301,7 @@ const HeadlessSearchInput = ({ baseUrl, className = '', collection, collections,
                 gap: '12px',
                 marginTop: '8px'
             }
-        }, /*#__PURE__*/ React.createElement("span", {
+        }, result.collection && /*#__PURE__*/ React.createElement("span", {
             style: {
                 alignItems: 'center',
                 display: 'inline-flex'
@@ -321,7 +318,7 @@ const HeadlessSearchInput = ({ baseUrl, className = '', collection, collections,
             clipRule: "evenodd",
             d: "M3 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z",
             fillRule: "evenodd"
-        })), result.collection), (result.document?.updatedAt || result.updatedAt) && /*#__PURE__*/ React.createElement("span", {
+        })), result.collection), renderDate && (result.document?.updatedAt || result.updatedAt) && /*#__PURE__*/ React.createElement("span", {
             style: {
                 alignItems: 'center',
                 display: 'inline-flex'
@@ -338,27 +335,7 @@ const HeadlessSearchInput = ({ baseUrl, className = '', collection, collections,
             clipRule: "evenodd",
             d: "M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z",
             fillRule: "evenodd"
-        })), new Date(result.document?.updatedAt || result.updatedAt).toLocaleDateString()))), /*#__PURE__*/ React.createElement("div", {
-            style: {
-                flexShrink: 0,
-                opacity: 0,
-                transition: `opacity ${themeConfig.theme.animations.transitionNormal} ${themeConfig.theme.animations.easeInOut}`
-            }
-        }, /*#__PURE__*/ React.createElement("svg", {
-            fill: "none",
-            stroke: "currentColor",
-            style: {
-                color: themeConfig.theme.colors.metaText,
-                height: '16px',
-                width: '16px'
-            },
-            viewBox: "0 0 24 24"
-        }, /*#__PURE__*/ React.createElement("path", {
-            d: "M9 5l7 7-7 7",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: 2
-        }))))));
+        })), new Date(result.document?.updatedAt || result.updatedAt).toLocaleDateString()))))));
     };
     const defaultRenderNoResults = (_query)=>/*#__PURE__*/ React.createElement("div", {
             className: `${noResultsClassName}`,
@@ -556,7 +533,12 @@ const HeadlessSearchInput = ({ baseUrl, className = '', collection, collections,
             top: '50%',
             transform: 'translateY(-50%)'
         }
-    }, /*#__PURE__*/ React.createElement("div", {
+    }, /*#__PURE__*/ React.createElement("style", null, `
+                @keyframes spin {
+                  0% { transform: rotate(0deg); }
+                  100% { transform: rotate(360deg); }
+                }
+              `), /*#__PURE__*/ React.createElement("div", {
         "data-testid": "loading-spinner",
         style: {
             animation: `spin 1s linear infinite`,
@@ -566,7 +548,7 @@ const HeadlessSearchInput = ({ baseUrl, className = '', collection, collections,
             height: '16px',
             width: '16px'
         }
-    }))), isOpen && /*#__PURE__*/ React.createElement("div", {
+    }))), isOpen && results && /*#__PURE__*/ React.createElement("div", {
         className: `${resultsContainerClassName}`,
         ref: resultsRef,
         style: {
@@ -580,6 +562,7 @@ const HeadlessSearchInput = ({ baseUrl, className = '', collection, collections,
             marginTop: '10px',
             maxHeight: themeConfig.theme.spacing.resultsMaxHeight,
             overflow: 'hidden',
+            padding: '4px',
             position: 'absolute',
             right: '0',
             top: '100%',

package/dist/components/themes/hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/components/themes/hooks.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAYvE,QAAA,MAAM,YAAY,mDAAgD,CAAA;AAElE;;GAEG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,iBAAiB,CAuBrE;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAK1E;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CACjC,UAAU,EAAE,WAAW,EACvB,QAAQ,EAAE,OAAO,GACf,WAAW,CA8Bb;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC7B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,WAAW,EACvB,MAAM,EAAE,OAAO,GACb,WAAW,CAIb;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAc3E;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAC,CAKnE;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,CAKrE;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CAAC,CAK3E;AAED;;GAEG;AACH,wBAAgB,cAAc,IAAI,MAAM,GAAG,OAAO,CAUjD;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAM1E;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC7B,aAAa,EAAE,MAAM,EACrB,SAAS,EAAE,OAAO,CAAC,WAAW,CAAC,GAC7B,WAAW,CAOb;AAGD,OAAO,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/components/themes/hooks.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAWvE,QAAA,MAAM,YAAY,mDAAgD,CAAA;AAElE;;GAEG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,iBAAiB,CAuBrE;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAK1E;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CACjC,UAAU,EAAE,WAAW,EACvB,QAAQ,EAAE,OAAO,GACf,WAAW,CA8Bb;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC7B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,WAAW,EACvB,MAAM,EAAE,OAAO,GACb,WAAW,CAIb;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAc3E;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAC,CAKnE;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,CAKrE;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CAAC,CAK3E;AAED;;GAEG;AACH,wBAAgB,cAAc,IAAI,MAAM,GAAG,OAAO,CAUjD;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAM1E;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC7B,aAAa,EAAE,MAAM,EACrB,SAAS,EAAE,OAAO,CAAC,WAAW,CAAC,GAC7B,WAAW,CAOb;AAGD,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/themes/hooks.js

@@ -1,7 +1,6 @@
 "use client";
 import { createContext, useCallback, useContext, useMemo } from "react";
 import { applyTheme, generateThemeClasses, getThemeVariables, isDarkTheme, isLightTheme, mergeThemeConfig } from "./utils.js";
-// Theme context
 const ThemeContext = createContext(null);
 /**
  * Hook to access theme context

package/dist/components/themes/themes.js

@@ -26,10 +26,10 @@ const baseTheme = {
         inputPadding: "0.5rem 0.75rem",
         itemBorderRadius: "0",
         itemMargin: "0",
-        itemPadding: "0.75rem 1rem",
+        itemPadding: "0.5rem",
         metaFontSize: "0.75rem",
         metaPadding: "0.5rem 0",
-        resultsBorderRadius: "0 0 0.5rem 0.5rem",
+        resultsBorderRadius: "0.5rem",
         resultsMaxHeight: "24rem",
         resultsPadding: "0"
     },

package/dist/components/themes/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/themes/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAIlE;;GAEG;AACH,wBAAgB,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,KAAK,CAEjD;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,WAAW,GAAG,KAAK,CA2B3D;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CACnC,KAAK,EAAE,KAAK,EACZ,MAAM,GAAE,OAAO,CAAC,WAAW,CAAM,GAC/B,YAAY,CAgXd;AAED;;GAEG;AACH,wBAAgB,UAAU,CACzB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,MAAM,EACf,OAAO,CAAC,EAAE,MAAM,GACd,MAAM,CAaR;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAMjD;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAElD;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAgCtE"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/themes/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAIlE;;GAEG;AACH,wBAAgB,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,KAAK,CAEjD;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,WAAW,GAAG,KAAK,CA2B3D;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CACnC,KAAK,EAAE,KAAK,EACZ,MAAM,GAAE,OAAO,CAAC,WAAW,CAAM,GAC/B,YAAY,CAsWd;AAED;;GAEG;AACH,wBAAgB,UAAU,CACzB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,MAAM,EACf,OAAO,CAAC,EAAE,MAAM,GACd,MAAM,CAaR;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAMjD;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAElD;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAgCtE"}

package/dist/components/themes/utils.js

@@ -38,18 +38,15 @@ import { defaultTheme, themes } from "./themes.js";
     const enableAnimations = config.enableAnimations !== false;
     const enableShadows = config.enableShadows !== false;
     const enableRoundedCorners = config.enableRoundedCorners !== false;
-    // Helper function to create CSS string
     const css = (styles)=>{
         return Object.entries(styles).map(([key, value])=>{
             if (typeof value === "object" && value !== null) {
-                // Handle nested objects like ':hover', '::placeholder'
                 const nested = Object.entries(value).map(([nestedKey, nestedValue])=>`${nestedKey.replace(/([A-Z])/g, "-$1").toLowerCase()}: ${nestedValue}`).join("; ");
                 return `${key.replace(/([A-Z])/g, "-$1").toLowerCase()}: { ${nested} }`;
             }
             return `${key.replace(/([A-Z])/g, "-$1").toLowerCase()}: ${value}`;
         }).join("; ");
     };
-    // Container styles
     const containerStyles = css({
         margin: "0 auto",
         maxWidth: "600px",
@@ -66,7 +63,8 @@ import { defaultTheme, themes } from "./themes.js";
         borderRadius: enableRoundedCorners ? theme.spacing.resultsBorderRadius : "0",
         boxShadow: enableShadows ? theme.shadows.shadowLg : "none",
         left: "0",
-        marginTop: "4px",
+        marginBottom: "2px",
+        marginTop: "2px",
         maxHeight: theme.spacing.resultsMaxHeight,
         overflowY: "auto",
         position: "absolute",
@@ -77,7 +75,6 @@ import { defaultTheme, themes } from "./themes.js";
             animation: "slideDown 0.2s ease-out"
         }
     });
-    // Input styles
     const inputStyles = css({
         "::placeholder": {
             color: theme.colors.inputPlaceholder
@@ -105,7 +102,6 @@ import { defaultTheme, themes } from "./themes.js";
         transition: enableAnimations ? `all ${theme.animations.transitionNormal} ${theme.animations.easeInOut}` : "none",
         width: "100%"
     });
-    // Results styles
     const resultsStyles = css({
         backgroundColor: theme.colors.resultsBackground,
         border: `1px solid ${theme.colors.resultsBorder}`,
@@ -132,9 +128,8 @@ import { defaultTheme, themes } from "./themes.js";
         padding: theme.spacing.headerPadding
     });
     const resultsListStyles = css({
-        padding: "8px 0"
+        padding: "4px"
     });
-    // Result item styles
     const resultItemStyles = css({
         ":focus": {
             backgroundColor: theme.colors.resultBackgroundFocus,
@@ -154,7 +149,6 @@ import { defaultTheme, themes } from "./themes.js";
         padding: theme.spacing.itemPadding,
         transition: enableAnimations ? `all ${theme.animations.transitionFast} ${theme.animations.easeInOut}` : "none"
     });
-    // Content styles
     const resultTitleStyles = css({
         color: theme.colors.titleText,
         fontFamily: theme.typography.fontFamily,
@@ -196,7 +190,6 @@ import { defaultTheme, themes } from "./themes.js";
         justifyContent: "space-between",
         marginTop: "8px"
     });
-    // Badge styles
     const collectionBadgeStyles = css({
         backgroundColor: theme.colors.collectionBadge,
         borderRadius: enableRoundedCorners ? "12px" : "0",
@@ -219,7 +212,6 @@ import { defaultTheme, themes } from "./themes.js";
         fontWeight: theme.typography.fontWeightMedium,
         padding: "2px 6px"
     });
-    // State styles
     const loadingStyles = css({
         alignItems: "center",
         color: theme.colors.loadingText,
@@ -256,7 +248,6 @@ import { defaultTheme, themes } from "./themes.js";
         padding: "40px 20px",
         textAlign: "center"
     });
-    // Facet styles
     const facetContainerStyles = css({
         backgroundColor: theme.colors.headerBackground,
         borderBottom: `1px solid ${theme.colors.headerBorder}`,
@@ -286,7 +277,6 @@ import { defaultTheme, themes } from "./themes.js";
         borderColor: theme.colors.facetActiveBackground,
         color: theme.colors.facetActiveText
     });
-    // Utility styles
     const hiddenStyles = css({
         display: "none"
     });

package/dist/endpoints/health.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"health.d.ts","sourceRoot":"","sources":["../../src/endpoints/health.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,KAAK,SAAS,MAAM,WAAW,CAAA;AAEtC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AA4CxD;;GAEG;AACH,eAAO,MAAM,wBAAwB,GACnC,iBAAiB,SAAS,CAAC,MAAM,EACjC,eAAe,qBAAqB,EACpC,eAAe,MAAM,KACpB,cA4DF,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,gCAAgC,GAC3C,iBAAiB,SAAS,CAAC,MAAM,EACjC,eAAe,qBAAqB,EACpC,eAAe,MAAM,KACpB,cAuFF,CAAA"}
+{"version":3,"file":"health.d.ts","sourceRoot":"","sources":["../../src/endpoints/health.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,KAAK,SAAS,MAAM,WAAW,CAAA;AAEtC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AA4CxD;;GAEG;AACH,eAAO,MAAM,wBAAwB,GACnC,iBAAiB,SAAS,CAAC,MAAM,EACjC,eAAe,qBAAqB,EACpC,eAAe,MAAM,KACpB,cA2DF,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,gCAAgC,GAC3C,iBAAiB,SAAS,CAAC,MAAM,EACjC,eAAe,qBAAqB,EACpC,eAAe,MAAM,KACpB,cAuFF,CAAA"}

package/dist/endpoints/health.js

@@ -43,8 +43,7 @@ import { searchCache } from '../lib/cache.js';
             const typesenseInfo = isTypesenseHealthy ? {
                 ok: true,
                 version: 'unknown'
-            } // Typesense doesn't expose version in health check
-             : {
+            } : {
                 ok: false
             };
             // Get collection information
@@ -81,7 +80,6 @@ import { searchCache } from '../lib/cache.js';
                 version: pkg.version
             });
         } catch (_error) {
-            // Handle health check error
             const errorResponse = {
                 cache: getCacheStats(),
                 error: _error instanceof Error ? _error.message : 'Unknown error',

package/dist/endpoints/search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../src/endpoints/search.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,KAAK,SAAS,MAAM,WAAW,CAAA;AAEtC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAgJxD,eAAO,MAAM,qBAAqB,GACjC,iBAAiB,SAAS,CAAC,MAAM,EACjC,eAAe,qBAAqB,EACpC,eAAe,MAAM;;;;;;;;IA+CrB,CAAA"}
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../src/endpoints/search.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,KAAK,SAAS,MAAM,WAAW,CAAA;AAEtC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AA0IxD,eAAO,MAAM,qBAAqB,GACjC,iBAAiB,SAAS,CAAC,MAAM,EACjC,eAAe,qBAAqB,EACpC,eAAe,MAAM;;;;;;;;IA+CrB,CAAA"}

package/dist/endpoints/search.js

@@ -4,7 +4,6 @@ import { createDetailedHealthCheckHandler, createHealthCheckHandler } from "./he
 // Universal search across all collections
 const searchAllCollections = async (typesenseClient, pluginOptions, query, options)=>{
     try {
-        // Universal search logic
         // Check cache first
         const cachedResult = searchCache.get(query, "universal", options);
         if (cachedResult) {
@@ -35,7 +34,6 @@ const searchAllCollections = async (typesenseClient, pluginOptions, query, optio
                 };
                 // Search collection
                 const results = await typesenseClient.collections(collectionName).documents().search(searchParameters);
-                // Process results
                 // Add collection metadata to each hit
                 return {
                     collection: collectionName,

package/dist/lib/cache.js

@@ -3,8 +3,8 @@ export class SearchCache {
     defaultTTL;
     maxSize;
     constructor(options = {}){
-        this.defaultTTL = options.ttl || 5 * 60 * 1000; // 5 minutes default
-        this.maxSize = options.maxSize || 1000; // 1000 entries default
+        this.defaultTTL = options.ttl || 5 * 60 * 1000;
+        this.maxSize = options.maxSize || 1000;
     }
     /**
 	 * Generate cache key from search parameters

package/dist/lib/hooks.js

@@ -37,7 +37,6 @@ const syncDocumentToTypesense = async (typesenseClient, collectionSlug, doc, ope
         await typesenseClient.collections(collectionSlug).documents().upsert(typesenseDoc);
     // Document synced successfully
     } catch (error) {
-        // Handle document sync error
         // Log the problematic document for debugging
         if (error.message.includes("validation")) {
         // Log problematic document details
@@ -47,7 +46,6 @@ const syncDocumentToTypesense = async (typesenseClient, collectionSlug, doc, ope
 const deleteDocumentFromTypesense = async (typesenseClient, collectionSlug, docId)=>{
     try {
         await typesenseClient.collections(collectionSlug).documents(docId).delete();
-    // Document deleted successfully
     } catch (_error) {
     // Handle document deletion error
     }

package/dist/lib/initialization.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"initialization.d.ts","sourceRoot":"","sources":["../../src/lib/initialization.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,KAAK,SAAS,MAAM,WAAW,CAAA;AAEtC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AASxD,eAAO,MAAM,8BAA8B,GAC1C,SAAS,OAAO,EAChB,iBAAiB,SAAS,CAAC,MAAM,EACjC,eAAe,qBAAqB,kBAwCpC,CAAA"}
+{"version":3,"file":"initialization.d.ts","sourceRoot":"","sources":["../../src/lib/initialization.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,KAAK,SAAS,MAAM,WAAW,CAAA;AAEtC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AASxD,eAAO,MAAM,8BAA8B,GAC1C,SAAS,OAAO,EAChB,iBAAiB,SAAS,CAAC,MAAM,EACjC,eAAe,qBAAqB,kBAiCpC,CAAA"}

package/dist/lib/initialization.js

@@ -5,14 +5,11 @@ export const initializeTypesenseCollections = async (payload, typesenseClient, p
     // Validate configuration first
     const validation = validateConfig(pluginOptions);
     if (!validation.success) {
-        // Handle configuration validation error
         throw new Error("Invalid plugin configuration");
     }
-    // Configuration validated successfully
     // Test Typesense connection first
     const isConnected = await testTypesenseConnection(typesenseClient);
     if (!isConnected) {
-        // Typesense connection failed
         return;
     }
     // Initialize Typesense collections
@@ -27,29 +24,23 @@ export const initializeTypesenseCollections = async (payload, typesenseClient, p
             }
         }
     }
-// Collections initialized successfully
 };
 const initializeCollection = async (payload, typesenseClient, collectionSlug, config)=>{
     // Get the collection config from Payload
     const collection = payload.collections[collectionSlug];
     if (!collection) {
-        // Collection not found in Payload
         return;
     }
     // Create Typesense schema
     const schema = mapCollectionToTypesenseSchema(collection, collectionSlug, config);
-    // Create schema for collection
     try {
         // Check if collection exists
         await typesenseClient.collections(collectionSlug).retrieve();
-    // Collection already exists
     } catch (_error) {
         // Collection doesn't exist, create it
         try {
             await typesenseClient.collections().create(schema);
-        // Collection created successfully
         } catch (_createError) {
-            // Handle collection creation error
             return;
         }
     }
@@ -64,7 +55,6 @@ const syncExistingDocuments = async (payload, typesenseClient, collectionSlug, c
             limit: 1000
         });
         if (docs.length === 0) {
-            // No documents to sync
             return;
         }
         // Batch sync documents
@@ -76,12 +66,9 @@ const syncExistingDocuments = async (payload, typesenseClient, collectionSlug, c
                 const _importResult = await typesenseClient.collections(collectionSlug).documents().import(typesenseDocs, {
                     action: "upsert"
                 });
-            // Documents synced successfully
             } catch (batchError) {
-                // Handle batch sync error
                 // Log detailed import results if available
                 if (batchError.importResults) {
-                    // Handle import results error
                     // Try to sync documents individually to identify problematic ones
                     // Attempt individual document sync
                     for(let j = 0; j < typesenseDocs.length; j++){

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rubixstudios/payload-typesense",
-  "version": "1.0.10",
+  "version": "1.1.0",
   "description": "A production-ready search plugin that integrates Typesense with Payload CMS, offering fast, typo-tolerant search with real-time synchronization. This fork by Rubix Studios reduces bloat and introduces targeted changes for improved performance, maintainability, and flexibility.",
   "license": "MIT",
   "author": "Rubix Studios <hello@rubixstudios.com.au> (https://rubixstudios.com.au)",
@@ -63,9 +63,9 @@
     "@semantic-release/npm": "^12.0.2",
     "@swc/cli": "^0.7.8",
     "@swc/core": "^1.13.5",
-    "@types/react": "19.1.16",
-    "eslint": "^9.36.0",
-    "payload": "3.58.0",
+    "@types/react": "19.2.2",
+    "eslint": "^9.37.0",
+    "payload": "3.59.1",
     "rimraf": "6.0.1",
     "semantic-release": "^24.2.9",
     "typescript": "5.9.3"
@@ -92,7 +92,7 @@
   },
   "dependencies": {
     "typesense": "^2.1.0",
-    "zod": "^4.1.11"
+    "zod": "^4.1.12"
   },
-  "packageManager": "pnpm@10.17.1"
+  "packageManager": "pnpm@10.18.2"
 }